Mercurial Hosting > nabble

comparison src/nabble/view/web/nabble.css @ 0:7ecd1a4ef557

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
add content
author Franklin Schmidt <fschmidt@gmail.com>
date Thu, 21 Mar 2019 19:15:52 -0600
parents
children
comparison
equal deleted inserted replaced
-1:000000000000 0:7ecd1a4ef557
1 /* font and global ---------------------------------------------------*/
2 body, input, button, textarea, select {
3 font-family: Verdana,Geneva,Helvetica,Arial,sans-serif;
4 }
5 .second-font, h1, h2, h3, h4, h5, h6 {
6 font-family: Arial, sans-serif;
7 }
8 body, table .nabble {
9 font-size: .84em;
10 margin: .8em;
11 }
12 code {
13 font-size: 1.1em;
14 }
15 .small {
16 font-size: 0.9em;
17 }
18
19 #forum-header {
20 padding-top:.5em;
21 text-align:center;
22 }
23
24 #forum-footer {
25 margin-top:.3em;
26 padding-left:.5em;
27 }
28
29 #forum-title {
30 font-weight:bolder;
31 font-size:190%;
32 margin:0;
33 }
34
35 #description-box {
36 clear:both;
37 font-size:90%;
38 padding: 1em 1em 0 1em;
39 }
40
41 #search-box {
42 text-align: right;
43 }
44
45 img.star {
46 width:18px;
47 height:18px;
48 vertical-align:middle;
49 border:none;
50 }
51
52 div.notice {
53 position: fixed;
54 top: 0;
55 left:50%;
56 padding: .2em .4em;
57 background-color: #FAE900;
58 font-weight: bold;
59 font-size: 120%;
60 display: none;
61 }
62 /* color scheme ------------------------------------------------------*/
63
64 /* text and link (foreground) colors -----------------*/
65 .nabble,
66 .nabble table {
67 color: #000000; /* black */
68 }
69 .nabble h1, .nabble h2, .nabble h3, .nabble h4, .nabble h5, .nabble h6 {
70 color: #333333; /* black (light) */
71 }
72 .nabble .important {
73 color: #cc0000; /* red (dark) */
74 }
75
76 .nabble .form-label,
77 .nabble .weak-color {
78 color: #666666; /* gray */
79 }
80
81 .nabble a * { color:inherit; }
82
83 .nabble a:link,
84 .nabble a.not-visited-link {
85 color: #0000ee;
86 }
87
88 .nabble a:visited,
89 .nabble a.visited-link {
90 color: #551a8b;
91 }
92
93 /* background colors --------------------*/
94 .nabble,
95 .nabble .no-bg-color {
96 background: #ffffff; /* white */
97 }
98
99 .nabble .light-bg-color {
100 background: #f2f2f2; /* ultra light gray */
101 }
102
103 .nabble .shaded-bg-color {
104 background: #eeeeee; /* gray (light) */
105 }
106
107 .nabble .dark-bg-color {
108 background: #dddddd; /* gray (medium) */
109 }
110 .nabble .highlight {
111 background: #ffff99; /* yellow */
112 }
113 .nabble .error-message,
114 .nabble .info-message {
115 background: #ffffcc; /* yellow (light) */
116 }
117
118 /* border colors ------------------------*/
119 .nabble .medium-border-color {
120 border-color: #cccccc; /* gray (medium) */
121 }
122 .nabble .light-border-color {
123 border-color: #eeeeee; /* gray (light) */
124 }
125 .nabble .dark-border-color {
126 border-color: #666666; /* gray */
127 }
128
129 /* generic -----------------------------------------------------------*/
130 .nabble a,
131 .nabble table,
132 .nabble input,
133 .nabble textarea,
134 .nabble select {
135 font-size: 1em;
136 }
137 .nabble option {
138 white-space: pre;
139 }
140 .nabble h1 {
141 font-size: 1.8em;
142 font-weight: bold;
143 margin-top: .4em;
144 margin-bottom: 0.5em;
145 }
146 .nabble h1 a:link, .nabble h1 a:visited {
147 text-decoration: none;
148 font-weight: bold;
149 }
150 .nabble h2 {
151 font-size: 1.3em;
152 padding: .3em 0;
153 margin:0;
154 }
155 .nabble .smaller {
156 font-size: .9em;
157 font-weight: normal;
158 }
159 .nabble h3 {
160 font-size: 1.1em;
161 font-style:italic;
162 padding:.3em 0;
163 margin:0;
164 }
165 div.message-text h2, div.root-text h2,
166 div.message-text h3, div.root-text h3,
167 div.message-text h4, div.root-text h4,
168 div.message-text h5, div.root-text h5,
169 div.message-text h6, div.root-text h6
170 {
171 padding: .6em 0 .4em;
172 margin:0;
173 }
174 /* HEADER ------------------------------------------------------------------- */
175 .nabble .top-bar {
176 vertical-align: top;
177 padding-bottom: .3em;
178 height:1.6em;
179 clear:both;
180 }
181
182 .search-box input {
183 padding:2px 0 2px 25px;
184 background: url('images/search.png') 5px 50% no-repeat;
185 border-width:2px;
186 border-style: solid;
187 -moz-border-radius: 10px;
188 -webkit-border-radius: 10px;
189 border-radius: 10px;
190 }
191
192 /* FOOTER */
193 .nabble .footer-table {
194 width: 100%;
195 border-collapse: collapse;
196 margin-top: 2.4em;
197 -moz-border-radius: 6px;
198 -webkit-border-radius: 6px;
199 clear:both;
200 }
201 .nabble .footer-table td {
202 font-size: .9em;
203 line-height: 2.0em;
204 padding-left: 0.5em;
205 padding-right: 0.5em;
206 }
207 .nabble .footer-left {
208 text-align: left;
209 }
210 .nabble .footer-right {
211 text-align: right;
212 }
213
214 /* EDITOR TABLE ------------------------------------------------------*/
215 .nabble .editor-table {
216 border-width: 1px;
217 border-style: solid;
218 border-spacing: 0;
219 }
220 .nabble .editor-table td {
221 border-bottom-width: 1px;
222 border-bottom-style: solid;
223 padding: .42em;
224 }
225
226 /* FORMS ---------------------------------------------------------------------- */
227 .nabble form {
228 margin: 0;
229 }
230 .nabble .form-label {
231 font-weight: bold;
232 text-align: right;
233 font-size: .9em;
234 }
235
236 div.field-title, td.field-title {
237 font-weight:bold;
238 font-size:110%;
239 padding-bottom:.1em;
240 margin-top: 1.7em;
241 }
242
243 div.field-box {
244 width:100%;
245 padding: .5em 0;
246 margin:.3em 0 .1em;
247 border-bottom-width: 1px;
248 border-bottom-style:solid;
249 }
250 /* DESCRIPTIVE PAGES */
251 .nabble .content-description {
252 margin: 1em;
253 }
254 .nabble .content-description p,
255 .nabble .content-description li {
256 line-height: 1.67em;
257 }
258 .nabble .content-description h2 {
259 font-weight: bold;
260 font-size: 1.17em;
261 margin: 1.1em 0 0 0;
262 }
263
264 /* message quoting -------------------------------------------------------------------------- */
265 .nabble blockquote.quote {
266 border-left-width: 2px;
267 border-left-style: solid;
268 margin: 1.4em 1.8em;
269 font-size: .9em;
270 }
271 .nabble blockquote.quote blockquote.quote {
272 font-size: 1em;
273 }
274 .nabble div.quote {
275 border-top-width: 1px;
276 border-top-style: solid;
277 display: inline-block;
278 padding: 0 1em;
279 }
280 .nabble blockquote.quote div.quote-author {
281 padding: .5em 0;
282 }
283 .nabble blockquote.quote div.quote-message {
284 margin: .5em 0;
285 }
286
287 /*Opera fix*/
288 div.shrinkable-quote {
289 overflow: hidden;
290 }
291
292 div.shrink-quote a {
293 font-size: 80%;
294 text-decoration: none;
295 }
296
297 div.quote div.shrink-quote a {
298 cursor: pointer;
299 font-size: 90%;
300 }
301
302 /* Others */
303 input[type='radio'], input[type='checkbox'] { vertical-align:-15%; }
304 label { cursor: pointer; }
305 .inline {display:inline}
306 .invisible {display:none;}
307 .nabble .ad {text-align:center;clear:both;margin:2em 0 1em;}
308 .nowrap {white-space:nowrap;}
309 .float-left{float:left;}
310 .float-right{float:right;}
311 .no-decoration {text-decoration:none;}
312 .bold { font-weight:bold; }
313 .image16 { width:16px;height:16px;vertical-align:middle; border:none;}
314 .image24 { width:24px;height:24px;vertical-align:middle; border:none;}
315 .image32 { width:32px;height:32px;vertical-align:middle; border:none;}
316
317 .nabble .border1 {
318 border-width: 1px;
319 border-style: solid;
320 }
321 .nabble .border2 {
322 border-width: 2px;
323 border-style: solid;
324 }
325
326 .nabble .signature {
327 clear:both;
328 border-top: 1px solid #ddd;
329 margin-top: 2em;
330 }
331
332 .black-overlay{
333 display: none;
334 position: absolute;
335 top:0;
336 left:0;
337 width: 100%;
338 height: 200%;
339 background-color: black;
340 z-index:1001;
341 opacity:.80;
342 filter: Alpha(opacity=80);
343 }
344
345 .window-content {
346 display: none;
347 position: absolute;
348 top: 25%;
349 left: 25%;
350 width: 50%;
351 padding: 16px;
352 border-width: 5px;
353 border-style:solid;
354 background-color: white;
355 z-index:1002;
356 overflow: auto;
357 -moz-border-radius: 6px;
358 -webkit-border-radius: 6px;
359 }
360 /*------------------- drop-down -----------------------*/
361 span.dropdown {
362 padding-right:.5em;
363 line-height:normal;
364 }
365
366 span.dropdown table,
367 span.dropdown ul,
368 ul.dropdown-submenu {
369 position:absolute;
370 display:none;
371 text-align:left;
372 border-width:1px;
373 border-style:solid;
374 padding:.1em .2em;
375 z-index:10000;
376 border-collapse:collapse;
377 }
378
379 span.dropdown ul,
380 ul.dropdown-submenu {
381 list-style:none;
382 padding:0;
383 }
384
385 span.dropdown table td,
386 span.dropdown ul li,
387 ul.dropdown-submenu li {
388 font-size:90%;
389 white-space: nowrap;
390 padding:.2em .5em;
391 }
392
393 span.dropdown table a,
394 span.dropdown ul li a,
395 ul.dropdown-submenu li a {
396 color: inherit;
397 text-decoration:none;
398 padding:.25em;
399 }
400
401 td.dropdown-simple-row {
402 padding:.45em .75em !important;
403 }
404
405 td.action-separator{
406 border-bottom-width: 1px;
407 border-bottom-style: solid;
408 }
409
410 tr.dropdown-separator {
411 font-size:1px;
412 line-height: 1px;
413 display:none;
414 }
415 tr.dropdown-separator > * {
416 padding:0;line-height:0;font-size:1px;
417 }
418 /*------------------- threads & posts ---------------------*/
419 .post-hover {
420 background: #eeeeee;
421 }
422
423 span.post-date {
424 color:#6a6a6a;
425 cursor:default;
426 }
427
428 span.post-author {
429 color: #116611;
430 white-space: nowrap;
431 margin:0 .2em 0 .3em;
432 font-size:100%;
433 }
434
435 h2.post-subject {
436 color: #777777;
437 overflow: hidden;
438 white-space: nowrap;
439 padding: 0 .5em 0 0;
440 display:inline;
441 margin:0 0 0 1em;
442 cursor:default;
443 font-size:100%;
444 }
445
446 span.post-snippet, td.post-unindent {
447 color:#909090;
448 }
449
450 div.post-border {
451 border: 2px solid #D9D9D9;
452 width:99.9%;
453 }
454
455 span.connect-line {
456 background-image:url("images/connect-line.gif");
457 background-repeat: repeat-y;
458 }
459
460 span.connect-end {
461 background-image:url("images/connect-line.gif");
462 background-repeat: no-repeat;
463 }
464
465 td.connect-end {
466 background-image:url("images/connect-end.gif");
467 background-repeat: no-repeat;
468 }
469
470 td.connect-node {
471 cursor:pointer;
472 background-image:url("images/connect-node.gif");
473 background-repeat: no-repeat;
474 }
475
476 td.connect-node-closed {
477 background-image:url("images/connect-node-closed.gif");
478 background-repeat: no-repeat;
479 }
480
481 /*----- MISC ----*/
482 .rounded {
483 -moz-border-radius: 5px;
484 -webkit-border-radius: 5px;
485 border-radius: 5px;
486 }
487
488 .rounded-top {
489 -moz-border-radius-topleft: 5px;
490 -moz-border-radius-topright: 5px;
491 -webkit-border-top-right-radius: 5px;
492 -webkit-border-top-left-radius: 5px;
493 border-top-left-radius:5px;
494 border-top-right-radius:5px;
495 }
496
497 .rounded-bottom {
498 -moz-border-radius-bottomleft: 5px;
499 -moz-border-radius-bottomright: 5px;
500 -webkit-border-bottom-left-radius: 5px;
501 -webkit-border-bottom-right-radius: 5px;
502 border-left-radius:5px;
503 border-bottom-right-radius:5px;
504 }
505
506 .drop-shadow {
507 -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px 0px;
508 -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
509 box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px 0px;
510 }
511
512 h2.category-subject {
513 padding:0;
514 margin:0;
515 display:inline;
516 font-size:110%;
517 }
518
519 .nabble .app-notice {
520 border:3px solid #EDD9B7;
521 background: url('gradients/v60_FFFFF6_FFFFCC') #FFFFCC repeat-x;
522 padding: .45em;
523 text-align: center;
524 }
525
526 img.avatar {
527 line-height:2em;
528 vertical-align:-8px;
529 border-width:2px;
530 border-style:solid;
531 -webkit-border-radius:5px;
532 -moz-border-radius:5px;
533 }
534
535 img.online {
536 position:relative;
537 z-index:999;
538 width:8px;
539 height:8px;
540 border:none;
541 right:6px;
542 top:10px;
543 margin-right:-.5em;
544 }
545
546 img.left {
547 float:left;
548 margin:.4em;
549 }
550 img.right {
551 float:right;
552 margin:.4em;
553 }
554 img.center {
555 display: block;
556 margin-left:auto;
557 margin-right:auto;
558 }
559
560 table.number {
561 margin-bottom: .5em;
562 }
563 td.number {
564 width: 2em;
565 }
566 span.number {
567 font-size: 150%;
568 padding: 0 .3em .03em;
569 border-width:1px;
570 border-style:solid;
571 }
572 span.box, span.box-text {
573 display:inline-block;
574 background: url('images/shadow.png') no-repeat bottom right;
575 padding:5px 12px 12px 5px;
576 position:relative;
577 }
578 span.box-text {
579 overflow:hidden;
580 text-align:center;
581 width:140px;
582 height:110px;
583 }
584 div.pinned-box {
585 position:relative;
586 z-index:999;
587 background-image:url('images/pin.png');
588 width:20px;
589 height:21px;
590 top:10px;
591 margin-top:-21px;
592 }
593
594 /* work group */
595 div.priority {
596 color: white;
597 text-align:center;
598 font-weight:bolder;
599 padding:.1em .2em;
600 display:inline;
601 -moz-border-radius: 4px;
602 -webkit-border-radius: 4px;
603 border-radius: 4px;
604 }
605 div.priority-1 { background:url('/gradients/v25_FC5858_E01B1E') #E94747 repeat-x; border: 1px solid #D13838; text-shadow:1px 1px 0 #D13838;}
606 div.priority-2 { background:url('/gradients/v25_F8D14A_D7BB4B') #D8B23D repeat-x; border: 1px solid #C9A92A; text-shadow:1px 1px 0 #a58803;}
607 div.priority-3 { background:url('/gradients/v25_D0D0D0_A0A0A0') #BCBCBC repeat-x; border: 1px solid #909090; text-shadow:1px 1px 0 #777777;}
608 div.priority-4 { background:url('/gradients/v25_72DFF8_39B5D8') #81C7DE repeat-x; border: 1px solid #25a2a8; text-shadow:1px 1px 0 #25a2a8;}
609 div.priority-5 { background:url('/gradients/v25_4378e8_1e3d80') #4A7BD5 repeat-x; border: 1px solid #26478d; text-shadow:1px 1px 0 #333333;}
610
611 /* News view */
612 div.news-title {
613 float:left;
614 }
615 h3.news-title {
616 display:inline;
617 }
618 .big-title {
619 font-size: 120%;
620 font-weight:bold;
621 }
622 div.sidebar-section,
623 h2.sidebar-section {
624 width:100%;
625 margin: 0 0 .3em 0;
626 padding: .2em;
627 -moz-border-radius: 4px;
628 -webkit-border-radius: 4px;
629 white-space:nowrap;
630 }
631 ul.sidebar-section {
632 list-style-type: none;
633 margin:0;
634 padding:0;
635 }
636 ul.sidebar-section li {
637 padding:.4em 0 .4em .5em;
638 border-bottom-style: dotted;
639 border-bottom-width:1px;
640 white-space:nowrap;
641 }
642
643 #captcha { text-transform:uppercase; }
644
645 button.toolbar,
646 input[type=submit].toolbar,
647 input[type=button].toolbar
648 {
649 white-space:nowrap;
650 text-shadow:1px 1px 0 white;
651 padding:.15em .25em;
652 margin:0;
653 font:100%/1.4 Arial,Sans-serif;
654 color:#333 !important;
655 cursor:pointer;
656 background:#ddd url(images/btn_bg.gif) repeat-x 0 0 !important;
657 -moz-border-radius: 3px;
658 -webkit-border-radius: 3px;
659 border-radius: 3px;
660 border-left:1px solid #bbb;
661 border-right:1px solid #aaa;
662 border-top:1px solid #bbb;
663 border-bottom:1px solid #aaa;
664 outline:0;
665 }
666 button.toolbar:active,
667 input[type=submit].toolbar:active,
668 input[type=button].toolbar:active
669 {
670 background-position:0 -500px;
671 outline:0;
672 }
673 button.toolbar-disabled,
674 input[type=submit].toolbar-disabled,
675 input[type=button].toolbar-disabled
676 { color: #777; }
677 button.toolbar-disabled:active,
678 input[type=submit].toolbar-disabled,
679 input[type=button].toolbar-disabled {
680 background-position:0 0;
681 }
682 button.action-button,
683 input[type=submit].action-button,
684 input[type=button].action-button
685 { padding:.25em .5em; font-weight: bold; }