comparison forum/Themes/default/css/index.css @ 76:e3e11437ecea website

Add forum code
author Chris Cannam
date Sun, 07 Jul 2013 11:25:48 +0200
parents
children
comparison
equal deleted inserted replaced
75:72f59aa7e503 76:e3e11437ecea
1 /* Styles for the general looks for the Curve theme.
2 ------------------------------------------------------- */
3
4 /* Normal, standard links. */
5 a:link, a:visited
6 {
7 color: #346;
8 text-decoration: none;
9 }
10 a:hover
11 {
12 text-decoration: underline;
13 cursor: pointer;
14 }
15
16 /* Links that open in a new window. */
17 a.new_win:link, a.new_win:visited
18 {
19 color: #346;
20 text-decoration: none;
21 }
22 a.new_win:hover
23 {
24 text-decoration: underline;
25 }
26
27 /* Tables should show empty cells. */
28 table
29 {
30 empty-cells: show;
31 }
32
33 /* Set a fontsize that will look the same in all browsers. */
34 body
35 {
36 background: #E9EEF2 url(../images/theme/backdrop.png) repeat-x;
37 font: 78%/130% "Verdana", "Arial", "Helvetica", sans-serif;
38 margin: 0 auto;
39 padding: 15px 0;
40 }
41
42 /* Help popups require a different styling of the body element. */
43 body#help_popup
44 {
45 padding: 1em;
46 }
47
48 /* use dark grey for the text, leaving #000 for headers etc */
49 body, td, th, tr
50 {
51 color: #444;
52 }
53
54 /* This division wraps the entire forum when a forum width is set. */
55 div#wrapper
56 {
57 margin: 0 auto;
58 min-width: 764px;
59 max-width: 2300px;
60 }
61
62 /* lets give all forms zero padding/margins */
63 form
64 {
65 padding: 0;
66 margin: 0;
67 }
68
69 /* We can style the different types of input buttons to be uniform throughout different browsers and their color themes.
70 .button_submit - covers input[type=submit], input[type=button], button[type=submit] and button[type=button] in all browsers
71 .button_reset - covers input[type=reset] and button[type=reset] throughout all browsers
72 .input_check - covers input[type=checkbox] throughout all browsers
73 .input_radio - covers input[type=radio] throughout all browsers
74 .input_text - covers input[type=text] throughout all browsers
75 .input_file - covers input[type=file] throughout all browsers
76 */
77
78 input, button, select, textarea
79 {
80 font: 95%/115% verdana, Helvetica, sans-serif;
81 color: #000;
82 background: #fff;
83 border: 1px solid #7f9db9;
84 padding: 2px;
85 }
86
87 /* Select elements look horrible with the extra padding, so leave them unpadded. */
88 select
89 {
90 padding: 0;
91 }
92
93 /* Add some padding to the options instead. */
94 select option
95 {
96 padding: 1px;
97 }
98
99 /* The font size of textareas should be just a little bit larger. */
100 textarea
101 {
102 font: 100%/130% verdana, Helvetica, sans-serif;
103 }
104
105 /* Buttons should be styled a bit differently, in order to make them look more button'ish. */
106 .button_submit, .button_reset
107 {
108 background: #cde7ff url(../images/theme/submit_bg.png) no-repeat;
109 border: 1px solid #aaa;
110 cursor: pointer;
111 font-weight: normal;
112 }
113 input:hover, textarea:hover, button:hover, select:hover
114 {
115 border: 1px solid #454545;
116 }
117 .button_submit:hover, .button_reset:hover
118 {
119 border: 1px solid #aaa;
120 background: url(../images/theme/submit_bg.png) no-repeat 0 -140px #cde7ff;
121 }
122 input:focus, textarea:focus, button:focus, select:focus
123 {
124 border: 1px solid #454545;
125 }
126
127 /* All input elements that are checkboxes or radio buttons shouldn't have a border around them. */
128 input.input_check, input.input_radio
129 {
130 border: none;
131 background: none;
132 }
133 h3.catbg input.input_check
134 {
135 margin: 9px 7px 0 7px;
136 }
137
138 /* Give disabled text input elements a different background color. */
139 input[disabled].input_text
140 {
141 background-color: #eee;
142 }
143
144 /* Standard horizontal rule.. ([hr], etc.) */
145 hr, .hrcolor
146 {
147 height: 1px;
148 border: 0;
149 color: #ccc;
150 background-color: #ccc;
151 }
152
153 /* By default set the color on these tags as #000. */
154 h1, h2, h3, h4, h5, h6
155 {
156 color: #000;
157 font-size: 1em;
158 margin: 0;
159 padding: 0;
160 }
161
162 /* Fieldsets are used to group elements. */
163 fieldset
164 {
165 border: 1px solid #c4c4c4;
166 padding: 1em;
167 margin: 0 0 0.5em 0;
168 }
169 fieldset legend
170 {
171 font-weight: bold;
172 color: #444;
173 }
174 /* No image should have a border when linked. */
175 a img
176 {
177 border: 0;
178 }
179
180 /* Define strong as bold, and em as italics */
181 strong
182 {
183 font-weight: bold;
184 }
185
186 em
187 {
188 font-style: italic;
189 }
190 /* Alternative for u tag */
191 .underline
192 {
193 text-decoration: underline;
194 }
195
196 /* Common classes to easy styling.
197 ------------------------------------------------------- */
198
199 .floatright
200 {
201 float: right;
202 }
203 .floatleft
204 {
205 float: left;
206 }
207
208 .flow_auto
209 {
210 overflow: auto;
211 }
212 .flow_hidden
213 {
214 overflow: hidden;
215 }
216 .flow_hidden .windowbg, .flow_hidden .windowbg2
217 {
218 margin-top: 2px;
219 }
220 .clear
221 {
222 clear: both;
223 }
224 .clear_left
225 {
226 clear: left;
227 }
228 .clear_right
229 {
230 clear: right;
231 }
232
233 /* Default font sizes: small (8pt), normal (10pt), and large (14pt). */
234 .smalltext, tr.smalltext th
235 {
236 font-size: 0.85em;
237 font-family: verdana, sans-serif;
238 }
239 .middletext
240 {
241 font-size: 0.9em;
242 line-height: 1em;
243 font-family: verdana, sans-serif;
244 }
245 .normaltext
246 {
247 font-size: 1em;
248 line-height: 1.2em;
249 }
250 .largetext
251 {
252 font-size: 1.4em;
253 }
254 .centertext
255 {
256 margin: 0 auto;
257 text-align: center;
258 }
259 .righttext
260 {
261 margin-left: auto;
262 margin-right: 0;
263 text-align: right;
264 }
265 .lefttext
266 {
267 margin-left: 0;
268 margin-right: auto;
269 text-align: left;
270 }
271 .double_height
272 {
273 line-height: 2em;
274 }
275 /* some common padding styles */
276 .padding
277 {
278 padding: 0.7em;
279 }
280 .main_section, .lower_padding
281 {
282 padding-bottom: 0.5em;
283 }
284 /* a quick reset list class. */
285 ul.reset, ul.reset li
286 {
287 padding: 0;
288 margin: 0;
289 list-style: none;
290 }
291
292 /* Some BBC related styles.
293 ------------------------------------------------------- */
294
295 /* A quote, perhaps from another post. */
296 blockquote.bbc_standard_quote, blockquote.bbc_alternate_quote
297 {
298 font-size: x-small;
299 color: #000;
300 line-height: 1.4em;
301 background: url(../images/theme/quote.png) 0.1em 0.1em no-repeat;
302 border-top: 2px solid #99A;
303 border-bottom: 2px solid #99A;
304 padding: 1.1em 1.4em;
305 margin: 0.1em 0 0.3em 0;
306 overflow: auto;
307 }
308
309 /* Alterate blockquote stylings */
310 blockquote.bbc_standard_quote
311 {
312 background-color: #d7daec;
313 }
314 blockquote.bbc_alternate_quote
315 {
316 background-color: #e7eafc;
317 }
318
319 /* A code block - maybe PHP ;). */
320 code.bbc_code
321 {
322 display: block;
323 font-family: "dejavu sans mono", "monaco", "lucida console", "courier new", monospace;
324 font-size: x-small;
325 background: #eef;
326 border-top: 2px solid #999;
327 border-bottom: 2px solid #999;
328 line-height: 1.5em;
329 padding: 3px 1em;
330 overflow: auto;
331 white-space: nowrap;
332 /* Show a scrollbar after about 24 lines. */
333 max-height: 24em;
334 }
335
336 /* The "Quote:" and "Code:" header parts... */
337 .codeheader, .quoteheader
338 {
339 color: #666;
340 font-size: x-small;
341 font-weight: bold;
342 padding: 0 0.3em;
343 }
344
345 /* For links to change the code stuff... */
346 .codeoperation
347 {
348 font-weight: normal;
349 }
350
351 /* Styling for BBC tags */
352 .bbc_link:link, .bbc_link:visited
353 {
354 border-bottom: 1px solid #A8B6CF;
355 }
356 .bbc_link:hover
357 {
358 text-decoration: none;
359 border-bottom: 1px solid #346;
360 }
361 .bbc_size
362 {
363 line-height: 1.4em;
364 }
365 .bbc_color a
366 {
367 color: inherit;
368 }
369 .bbc_img
370 {
371 border: 0;
372 }
373 .bbc_table
374 {
375 font: inherit;
376 color: inherit;
377 }
378 .bbc_table td
379 {
380 font: inherit;
381 color: inherit;
382 vertical-align: top;
383 }
384 .bbc_u
385 {
386 text-decoration: underline;
387 }
388 .bbc_list
389 {
390 text-align: left;
391 }
392 .bbc_tt
393 {
394 font-family: "dejavu sans mono", "monaco", "lucida console", "courier new", monospace;
395 }
396
397 /* Generally, those [?] icons. This makes your cursor a help icon. */
398 .help
399 {
400 cursor: help;
401 }
402
403 /* /me uses this a lot. (emote, try typing /me in a post.) */
404 .meaction
405 {
406 color: red;
407 }
408
409 /* Highlighted text - such as search results. */
410 .highlight
411 {
412 font-weight: bold;
413 color: #ff7200 !important;
414 font-size: 1.1em;
415 }
416
417 /* A more discreet highlight color, for selected membergroups etc. */
418 .highlight2
419 {
420 background-color: #D1E1EF;
421 color: #000 !important;
422 }
423
424 /* Generic, mostly color-related, classes.
425 ------------------------------------------------------- */
426
427 .titlebg, .titlebg2, tr.titlebg th, tr.titlebg td, tr.titlebg2 td
428 {
429 color: #222;
430 font-family: arial, helvetica, sans-serif;
431 font-size: 1.1em;
432 font-weight: bold;
433 background: #e3e9ef url(../images/theme/main_block.png) no-repeat -10px -380px;
434 }
435 .catbg, .catbg2, tr.catbg td, tr.catbg2 td, tr.catbg th, tr.catbg2 th
436 {
437 color: #fff;
438 font-family: arial, helvetica, sans-serif;
439 font-size: 1.1em;
440 font-weight: bold;
441 background: #a7b9cd url(../images/theme/main_block.png) no-repeat -10px -280px;
442 }
443
444 /* adjust the table versions of headers */
445 tr.titlebg th, tr.titlebg2 th, td.titlebg, td.titlebg2, tr.catbg th, tr.catbg2 th, td.catbg, td.catbg2
446 {
447 padding: 0 6px;
448 }
449 tr.titlebg th a:link, tr.titlebg th a:visited, tr.titlebg2 td a:link, tr.titlebg2 td a:visited
450 {
451 color: #222;
452 }
453 tr.catbg th a:link, tr.catbg th a:visited, tr.catbg2 td a:link, tr.catbg2 td a:visited
454 {
455 color: #fff;
456 }
457 .catbg select
458 {
459 height: 1.5em;
460 font-size: 0.85em;
461 }
462
463 /* Alternating backgrounds for posts, and several other sections of the forum. */
464 .windowbg, #preview_body
465 {
466 color: #000;
467 background-color: #e7eaef;
468 }
469 .windowbg2
470 {
471 color: #000;
472 background-color: #f0f4f7;
473 }
474 .windowbg3
475 {
476 color: #000;
477 background-color: #cacdd3;
478 }
479
480 /* the page navigation area */
481 .pagesection
482 {
483 font-size: 0.9em;
484 padding: 0.2em;
485 overflow: hidden;
486 margin-bottom: 1px;
487 }
488 div.pagesection div.floatright input
489 {
490 margin-top: 3px;
491 }
492
493 .pagelinks
494 {
495 padding: 0.6em 0 0.4em 0;
496 }
497
498 /* Colors for background of posts requiring approval */
499 .approvebg
500 {
501 color: #000;
502 background-color: #ffeaea;
503 }
504 .approvebg2
505 {
506 color: #000;
507 background-color: #fff2f2;
508 }
509
510 /* Color for background of *topics* requiring approval */
511 .approvetbg
512 {
513 color: #000;
514 background-color: #e4a17c;
515 }
516 .approvetbg2
517 {
518 color: #000;
519 background-color: #f3bd9f;
520 }
521
522 /* Sticky topics get a different background */
523 .stickybg
524 {
525 background: #e8d8cf;
526 }
527 .stickybg2
528 {
529 background: #f2e3d9;
530 }
531
532 /* Locked posts get a different shade, too! */
533 .lockedbg
534 {
535 background: #d4dce2;
536 font-style: italic;
537 }
538 .lockedbg2
539 {
540 background: #d8e1e7;
541 font-style: italic;
542 }
543
544 /* Posts and personal messages displayed throughout the forum. */
545 .post, .personalmessage
546 {
547 overflow: auto;
548 line-height: 1.4em;
549 padding: 0.1em 0;
550 }
551
552 /* All the signatures used in the forum. If your forum users use Mozilla, Opera, or Safari, you might add max-height here ;). */
553 .signature, .attachments
554 {
555 width: 98%;
556 overflow: auto;
557 clear: right;
558 padding: 1em 0 3px 0;
559 border-top: 1px solid #aaa;
560 line-height: 1.4em;
561 font-size: 0.85em;
562 }
563 .custom_fields_above_signature
564 {
565 width: 98%;
566 clear: right;
567 padding: 1em 0 3px 0;
568 border-top: 1px solid #aaa;
569 line-height: 1.4em;
570 font-size: 0.85em;
571 }
572
573 /* Sometimes there will be an error when you post */
574 .error
575 {
576 color: red;
577 }
578
579 /* Messages that somehow need to attract the attention. */
580 .alert
581 {
582 color: red;
583 }
584
585 /* Calendar colors for birthdays, events and holidays */
586 .birthday
587 {
588 color: #920ac4;
589 }
590
591 .event
592 {
593 color: #078907;
594 }
595
596 .holiday
597 {
598 color: #000080;
599 }
600
601 /* Colors for warnings */
602 .warn_mute
603 {
604 color: red;
605 }
606
607 .warn_moderate
608 {
609 color: #ffa500;
610 }
611
612 .warn_watch, .success
613 {
614 color: green;
615 }
616
617 a.moderation_link, a.moderation_link:visited
618 {
619 color: red;
620 font-weight: bold;
621 }
622
623 .openid_login
624 {
625 background: white url(../images/openid.gif) no-repeat;
626 padding-left: 18px;
627 }
628
629 /* a descriptive style */
630 .description, .description_board, .plainbox
631 {
632 padding: 0.5em 1em;
633 font-size: 0.9em;
634 line-height: 1.4em;
635 border: 1px solid #bbb;
636 background: #f5f5f0;
637 margin: 0.2em 1px 1em 1px;
638 }
639 .description_board
640 {
641 margin: 1em 1px 0 1px;
642 }
643
644 /* an informative style */
645 .information
646 {
647 padding: 0.5em 1em;
648 font-size: 0.9em;
649 line-height: 1.3em;
650 border: 1px solid #bbb;
651 background: #f0f6f0;
652 margin: 0.2em 1px 1em 1px;
653 }
654 .information p
655 {
656 padding: 1em;
657 margin: 0;
658 }
659 p.para2
660 {
661 padding: 1em 0 3.5em 0;
662 margin: 0;
663 }
664 /* AJAX notification bar
665 ------------------------------------------------------- */
666 #ajax_in_progress
667 {
668 background: url(../images/theme/loadingbar.png) repeat-x;
669 color: #f96f00;
670 text-align: center;
671 font-size: 16pt;
672 padding: 8px;
673 width: 100%;
674 height: 66px;
675 line-height: 25px;
676 position: fixed;
677 top: 0;
678 left: 0;
679 }
680
681 #ajax_in_progress a
682 {
683 color: orange;
684 text-decoration: underline;
685 font-size: smaller;
686 float: right;
687 margin-right: 20px;
688 }
689
690 /* Lists with settings use these a lot.
691 ------------------------------------------------------- */
692 dl.settings
693 {
694 clear: right;
695 overflow: auto;
696 margin: 0 0 10px 0;
697 padding: 0;
698 }
699 dl.settings dt
700 {
701 width: 40%;
702 float: left;
703 margin: 0 0 10px 0;
704 padding: 0;
705 clear: both;
706 }
707 dl.settings dt.settings_title
708 {
709 width: 100%;
710 float: none;
711 margin: 0 0 10px 0;
712 padding: 5px 0 0 0;
713 font-weight: bold;
714 clear: both;
715 }
716 dl.settings dt.windowbg
717 {
718 width: 98%;
719 float: left;
720 margin: 0 0 3px 0;
721 padding: 0 0 5px 0;
722 clear: both;
723 }
724 dl.settings dd
725 {
726 width: 56%;
727 float: right;
728 overflow: auto;
729 margin: 0 0 3px 0;
730 padding: 0;
731 }
732 dl.settings img
733 {
734 margin: 0 10px 0 0;
735 }
736 /* help icons */
737 dl.settings dt a img
738 {
739 position: relative;
740 top: 2px;
741 }
742
743 /* Styles for rounded headers.
744 ------------------------------------------------------- */
745 h3.catbg, h3.catbg2, h3.titlebg, h4.titlebg, h4.catbg
746 {
747 overflow: hidden;
748 height: 31px;
749 line-height: 31px;
750 font-size: 1.2em;
751 font-weight: bold;
752 }
753 h3.catbg a:link, h3.catbg a:visited, h4.catbg a:link, h4.catbg a:visited, h3.catbg, .table_list tbody.header td, .table_list tbody.header td a
754 {
755 color: #fff;
756 }
757 h3.catbg2 a, h3.catbg2
758 {
759 color: #feb;
760 }
761 h3.catbg a:hover, h4.catbg a:hover, .table_list tbody.header td a:hover
762 {
763 color: #fd9;
764 text-decoration: none;
765 }
766 h3.catbg2 a:hover
767 {
768 color: #fff;
769 text-decoration: none;
770 }
771 h3.titlebg a, h3.titlebg, h4.titlebg, h4.titlebg a
772 {
773 color: #222;
774 }
775 h3.titlebg a:hover, h4.titlebg a:hover
776 {
777 color: #53616f;
778 text-decoration: none;
779 }
780 h3.catbg img.icon, h4.titlebg img.icon
781 {
782 vertical-align: middle;
783 margin: -2px 5px 0 0;
784 }
785 h4.catbg a.toggle img
786 {
787 vertical-align: middle;
788 margin: -2px 5px 0 5px;
789 }
790 h4.catbg, h4.catbg2 , h3.catbg , h3.catbg2 , .table_list tbody.header td.catbg
791 {
792 background: url(../images/theme/main_block.png) no-repeat 100% -160px;
793 padding-right: 9px;
794 }
795 h4.titlebg, h3.titlebg
796 {
797 background: url(../images/theme/main_block.png) no-repeat 100% -200px;
798 padding-right: 9px;
799 }
800 h4.titlebg img.icon
801 {
802 float: left;
803 margin: 5px 8px 0 0;
804 }
805 div.cat_bar
806 {
807 background: #99abbf url(../images/theme/main_block.png) no-repeat 0 -160px;
808 padding-left: 9px;
809 height: 31px;
810 overflow: hidden;
811 margin-bottom: 1px;
812 }
813 div.title_bar
814 {
815 background: #e3e9ef url(../images/theme/main_block.png) no-repeat 0 -200px;
816 padding-left: 9px;
817 height: 31px;
818 overflow: hidden;
819 margin-bottom: 1px;
820 }
821
822 /* rounded bars needs a different background here */
823
824 div.roundframe div.cat_bar
825 {
826 background: #99abbf url(../images/theme/main_block.png) no-repeat 0 -240px;
827 margin-bottom: 0;
828 }
829 div.roundframe div.cat_bar h3.catbg
830 {
831 background: url(../images/theme/main_block.png) no-repeat 100% -240px;
832 }
833 div.title_barIC
834 {
835 background: #dadfe6 url(../images/theme/main_block.png) no-repeat 0 -120px;
836 padding-left: 9px;
837 height: 31px;
838 overflow: hidden;
839 margin-bottom: 1px;
840 }
841 div.title_barIC h4.titlebg
842 {
843 background: url(../images/theme/main_block.png) no-repeat 100% -120px;
844 }
845 #upshrinkHeaderIC p.pminfo
846 {
847 margin: 0;
848 padding: 0.5em;
849 }
850 img#upshrink_ic, img#newsupshrink
851 {
852 float: right;
853 margin: 10px 5px 0 0;
854 }
855 table.table_list a.unreadlink, table.table_list a.collapse
856 {
857 float: right;
858 }
859 table.table_list a.collapse
860 {
861 margin: 10px 5px 0 1em;
862 height: 31px;
863 line-height: 31px;
864 }
865
866 /* The half-round header bars for some tables. */
867 .table_grid tr.catbg, .table_grid tr.titlebg
868 {
869 font-size: 0.95em;
870 border-bottom: 1px solid #fff;
871 }
872 .table_grid tr.catbg th, .table_grid tr.titlebg th
873 {
874 height: 28px;
875 line-height: 28px;
876 }
877 tr.catbg th.first_th
878 {
879 background: #a7b9cd url(../images/theme/main_block.png) no-repeat 0 -280px;
880 }
881 tr.catbg th.last_th
882 {
883 background: #a7b9cd url(../images/theme/main_block.png) no-repeat 100% -280px;
884 }
885 tr.titlebg th.first_th
886 {
887 background: #e3e9ef url(../images/theme/main_block.png) no-repeat 0 -380px;
888 }
889 tr.titlebg th.last_th
890 {
891 background: #e3e9ef url(../images/theme/main_block.png) no-repeat 100% -380px;
892 }
893 .table_grid th.last_th input
894 {
895 margin: 0 2px;
896 }
897 .table_grid th.lefttext
898 {
899 padding: 0 0.7em;
900 }
901
902 /* a general table class */
903 table.table_grid
904 {
905 border-collapse: collapse;
906 margin-top: 0.1em;
907 }
908 table.table_grid td
909 {
910 padding: 3px;
911 border-bottom: 1px solid #fff;
912 border-right: 1px solid #fff;
913 }
914
915 /* GenericList */
916 .additional_row
917 {
918 padding: 0.5em 0 0.5em 0;
919 }
920 table.table_grid thead tr.catbg th
921 {
922 white-space: nowrap;
923 }
924
925 /* table_grid styles for Profile > Show Permissions. */
926 #permissions table.table_grid td
927 {
928 padding: 0.4em 0.8em;
929 cursor: default;
930 }
931
932 /* Common styles used to add corners to divisions.
933 ------------------------------------------------------- */
934 .windowbg span.topslice
935 {
936 display: block;
937 padding-left: 20px;
938 background: url(../images/theme/main_block.png) 0 -30px no-repeat;
939 }
940 .windowbg span.topslice span
941 {
942 display: block;
943 background: url(../images/theme/main_block.png) 100% -30px no-repeat;
944 height: 11px;
945 }
946 .windowbg span.botslice
947 {
948 display: block;
949 padding-left: 20px;
950 background: url(../images/theme/main_block.png) 0 -40px no-repeat;
951 font-size: 5px;
952 line-height: 5px;
953 margin-bottom: 0.2em;
954 }
955 .windowbg span.botslice span
956 {
957 display: block;
958 background: url(../images/theme/main_block.png) 100% -40px no-repeat;
959 height: 11px;
960 }
961
962 .windowbg2 span.topslice
963 {
964 display: block;
965 padding-left: 20px;
966 background: url(../images/theme/main_block.png) 0 -60px no-repeat;
967 }
968 .windowbg2 span.topslice span
969 {
970 display: block;
971 background: url(../images/theme/main_block.png) 100% -60px no-repeat;
972 height: 11px;
973 }
974 .windowbg2 span.botslice
975 {
976 display: block;
977 padding-left: 20px;
978 background: url(../images/theme/main_block.png) 0 -71px no-repeat;
979 font-size: 5px;
980 line-height: 5px;
981 margin-bottom: 0.2em;
982 }
983 .windowbg2 span.botslice span
984 {
985 display: block;
986 background: url(../images/theme/main_block.png) 100% -71px no-repeat;
987 height: 11px;
988 }
989 .approvebg span.topslice
990 {
991 display: block;
992 padding-left: 20px;
993 background: url(../images/theme/main_block.png) 0 0 no-repeat;
994 }
995 .approvebg span.topslice span
996 {
997 display: block;
998 background: url(../images/theme/main_block.png) 100% 0 no-repeat;
999 height: 11px;
1000 }
1001 .approvebg span.botslice
1002 {
1003 display: block;
1004 padding-left: 20px;
1005 background: url(../images/theme/main_block.png) 0 -11px no-repeat;
1006 margin-bottom: 0.2em;
1007 }
1008 .approvebg span.botslice span
1009 {
1010 display: block;
1011 background: url(../images/theme/main_block.png) 100% -11px no-repeat;
1012 height: 11px;
1013 }
1014 .postbg
1015 {
1016 border-left: 1px solid #7f7f7f;
1017 border-right: 1px solid #7f7f7f;
1018 }
1019
1020 /* Used for sections that need somewhat larger corners.
1021 ----------------------------------------------------------- */
1022 .roundframe
1023 {
1024 padding: 0 10px;
1025 background: #f5f5f5;
1026 border-left: 1px solid #c5c5c5;
1027 border-right: 1px solid #c5c5c5;
1028 }
1029 .roundframe dl, .roundframe dt, .roundframe p
1030 {
1031 margin: 0;
1032 }
1033 .roundframe p
1034 {
1035 padding: 0.5em;
1036 }
1037 span.upperframe
1038 {
1039 padding: 0;
1040 display: block;
1041 background: url(../images/theme/main_block.png) 0 -90px no-repeat;
1042 padding-left: 20px;
1043 }
1044 span.upperframe span
1045 {
1046 padding: 0;
1047 height: 12px;
1048 display: block;
1049 background: url(../images/theme/main_block.png) 100% -90px no-repeat;
1050 }
1051 span.lowerframe
1052 {
1053 padding: 0;
1054 display: block;
1055 background: url(../images/theme/main_block.png) 0 -102px no-repeat;
1056 padding-left: 20px;
1057 }
1058 span.lowerframe span
1059 {
1060 padding: 0;
1061 height: 12px;
1062 display: block;
1063 background: url(../images/theme/main_block.png) 100% -102px no-repeat;
1064 }
1065
1066 /* The main content area.
1067 ------------------------------------------------------- */
1068 .content
1069 {
1070 padding: 0.5em 1.2em;
1071 margin: 0;
1072 border: none;
1073 }
1074 .content p
1075 {
1076 margin: 0 0 0.5em 0;
1077 }
1078
1079 /* Styles used by the auto suggest control.
1080 ------------------------------------------------------- */
1081 .auto_suggest_div
1082 {
1083 border: 1px solid #000;
1084 position: absolute;
1085 visibility: hidden;
1086 }
1087 .auto_suggest_item
1088 {
1089 background-color: #ddd;
1090 }
1091 .auto_suggest_item_hover
1092 {
1093 background-color: #888;
1094 cursor: pointer;
1095 color: #eee;
1096 }
1097
1098 /* Styles for the standard dropdown menus.
1099 ------------------------------------------------------- */
1100 #main_menu
1101 {
1102 padding: 0 0.5em;
1103 float: left;
1104 margin: 0;
1105 width: 98%;
1106 }
1107
1108 .dropmenu, .dropmenu ul
1109 {
1110 list-style: none;
1111 line-height: 1em;
1112 padding: 0;
1113 margin: 0;
1114 }
1115 .dropmenu
1116 {
1117 padding: 0 0.5em;
1118 }
1119 .dropmenu a
1120 {
1121 display: block;
1122 color: #000;
1123 text-decoration: none;
1124 }
1125 .dropmenu a span
1126 {
1127 display: block;
1128 padding: 0 0 0 5px;
1129 font-size: 0.9em;
1130 }
1131 /* the background's first level only */
1132 .dropmenu li a.firstlevel
1133 {
1134 margin-right: 8px;
1135 }
1136 .dropmenu li a.firstlevel span.firstlevel
1137 {
1138 display: block;
1139 position: relative;
1140 left: -5px;
1141 padding-left: 5px;
1142 height: 22px;
1143 line-height: 19px;
1144 white-space: pre;
1145 }
1146 .dropmenu li
1147 {
1148 float: left;
1149 padding: 0;
1150 margin: 0;
1151 position: relative;
1152 }
1153 .dropmenu li ul
1154 {
1155 z-index: 90;
1156 display: none;
1157 position: absolute;
1158 width: 19.2em;
1159 font-weight: normal;
1160 border-bottom: 1px solid #999;
1161 background: url(../images/theme/menu_gfx.png) 0 -130px no-repeat;
1162 padding: 7px 0 0 0;
1163 }
1164 .dropmenu li li
1165 {
1166 width: 19em;
1167 margin: 0;
1168 border-left: 1px solid #999;
1169 border-right: 1px solid #999;
1170 }
1171 .dropmenu li li a span
1172 {
1173 display: block;
1174 padding: 8px;
1175 }
1176 .dropmenu li ul ul
1177 {
1178 margin: -1.8em 0 0 13em;
1179 }
1180
1181 /* the active button */
1182 .dropmenu li a.active
1183 {
1184 background: url(../images/theme/menu_gfx.png) no-repeat 100% 0;
1185 color: #fff;
1186 font-weight: bold;
1187 }
1188 .dropmenu li a.active span.firstlevel
1189 {
1190 background: url(../images/theme/menu_gfx.png) no-repeat 0 0;
1191 }
1192 /* the hover effects */
1193 .dropmenu li a.firstlevel:hover, .dropmenu li:hover a.firstlevel
1194 {
1195 background: url(../images/theme/menu_gfx.png) no-repeat 100% -30px;
1196 color: #fff;
1197 cursor: pointer;
1198 text-decoration: none;
1199 }
1200 .dropmenu li a.firstlevel:hover span.firstlevel, .dropmenu li:hover a.firstlevel span.firstlevel
1201 {
1202 background: url(../images/theme/menu_gfx.png) no-repeat 0 -30px;
1203 }
1204 /* the hover effects on level2 and 3 */
1205 .dropmenu li li a:hover, .dropmenu li li:hover>a
1206 {
1207 background: #d4dbe4;
1208 color: #000;
1209 text-decoration: none;
1210 }
1211 .dropmenu li:hover ul ul, .dropmenu li:hover ul ul ul
1212 {
1213 top: -999em;
1214 }
1215 .dropmenu li li:hover ul
1216 {
1217 top: auto;
1218 }
1219 .dropmenu li:hover ul
1220 {
1221 display: block;
1222 }
1223 .dropmenu li li.additional_items
1224 {
1225 background-color: #fff;
1226 }
1227
1228 /* The dropdown menu toggle image */
1229 #menu_toggle
1230 {
1231 float: right;
1232 margin-right: 10px;
1233 padding-top: 3px;
1234 }
1235 #menu_toggle span
1236 {
1237 position: relative;
1238 right: 5000px;
1239 }
1240
1241 /* Styles for the standard button lists.
1242 ------------------------------------------------------- */
1243
1244 .buttonlist ul
1245 {
1246 z-index: 100;
1247 padding: 5px;
1248 margin: 0 0.2em 5px 0;
1249 }
1250 .buttonlist ul li
1251 {
1252 margin: 0;
1253 padding: 0;
1254 list-style: none;
1255 float: left;
1256 }
1257 .buttonlist ul li a
1258 {
1259 display: block;
1260 font-size: 0.8em;
1261 color: #000;
1262 background: #e8e8e8 url(../images/theme/menu_gfx.png) no-repeat 0 -60px;
1263 padding: 0 0 0 8px;
1264 margin-left: 12px;
1265 text-transform: uppercase;
1266 cursor: pointer;
1267 }
1268 .buttonlist ul li a:hover
1269 {
1270 background: url(../images/theme/menu_gfx.png) no-repeat 0 0;
1271 color: #fff;
1272 text-decoration: none;
1273 }
1274 .buttonlist ul li a span
1275 {
1276 background: url(../images/theme/menu_gfx.png) no-repeat 100% -60px;
1277 display: block;
1278 height: 19px;
1279 line-height: 19px;
1280 padding: 0 8px 0 0;
1281 }
1282 .buttonlist ul li a:hover span
1283 {
1284 background: #fff url(../images/theme/menu_gfx.png) no-repeat 100% 0;
1285 }
1286 /* the active one */
1287 .buttonlist ul li a.active
1288 {
1289 background: #5a6c85 url(../images/theme/menu_gfx.png) no-repeat 0 -90px;
1290 color: #fff;
1291 font-weight: bold;
1292 }
1293 .buttonlist ul li a.active span
1294 {
1295 background: url(../images/theme/menu_gfx.png) no-repeat 100% -90px;
1296 }
1297 .buttonlist ul li a.active
1298 {
1299 font-weight: bold;
1300 }
1301 .buttonlist ul li a.active:hover
1302 {
1303 color: #ddf;
1304 }
1305 .align_top ul li a, .align_bottom ul li a
1306 {
1307 margin: 0 12px 0 0;
1308 }
1309
1310 /* the navigation list */
1311 ul#navigation
1312 {
1313 margin: 0;
1314 font-size: 0.9em;
1315 padding: 1em 0.4em;
1316 }
1317 ul#navigation li
1318 {
1319 float: none;
1320 font-size: 0.95em;
1321 display: inline;
1322 }
1323
1324 #adm_submenus
1325 {
1326 padding-left: 2em;
1327 overflow: hidden;
1328 }
1329
1330 /* Styles for the general looks for the Curve theme.
1331 ------------------------------------------------------- */
1332
1333 /* the framing graphics */
1334 #header
1335 {
1336 background: url(../images/theme/main_block.png) #fefefe no-repeat 0 -480px;
1337 padding-left: 20px;
1338 }
1339 #header div.frame
1340 {
1341 background: url(../images/theme/main_block.png) no-repeat 100% -480px;
1342 display: block;
1343 padding: 5px 20px 1em 0;
1344 }
1345 /* the content section */
1346 #content_section
1347 {
1348 background: #FFFFFF url(../images/theme/frame_repeat.png) repeat-y top left;
1349 padding-left: 20px;
1350 }
1351 #content_section div.frame
1352 {
1353 background: url(../images/theme/frame_repeat.png) repeat-y top right;
1354 display: block;
1355 padding: 0 20px 0 0;
1356 }
1357 #main_content_section
1358 {
1359 width: 100%;
1360 min-height: 200px;
1361 }
1362
1363 /* the main title, always stay at 45 pixels in height! */
1364 h1.forumtitle
1365 {
1366 line-height: 45px;
1367 font-size: 1.8em;
1368 font-family: Geneva, verdana, sans-serif;
1369 margin: 0;
1370 padding: 0;
1371 float: left;
1372 }
1373 /* float these items to the right */
1374 #siteslogan, img#smflogo
1375 {
1376 margin: 0;
1377 padding: 0;
1378 float: right;
1379 line-height: 3em;
1380 }
1381 h3, h4
1382 {
1383 padding-bottom: 3px;
1384 }
1385 /* the upshrink image needs some tweaking */
1386 img#upshrink
1387 {
1388 float: right;
1389 margin: 1em;
1390 }
1391 /* ..so does the SMF logo */
1392 img#smflogo
1393 {
1394 margin-left: 1em;
1395 }
1396 /* the upper_section, float the two each way */
1397 #upper_section
1398 {
1399 padding: 5px;
1400 margin-bottom: 1.5em;
1401 }
1402 #upper_section ul li.greeting
1403 {
1404 font-size: 1.3em;
1405 font-weight: bold;
1406 line-height: 1.5em;
1407 }
1408 #upper_section div.news
1409 {
1410 width: 50%;
1411 float: right;
1412 text-align: right;
1413 }
1414 #guest_form
1415 {
1416 overflow: hidden;
1417 }
1418 #guest_form .info
1419 {
1420 padding: 4px 0 ;
1421 line-height: 1.3em;
1422 }
1423 div#upper_section div.user
1424 {
1425 width: 50%;
1426 float: left;
1427 overflow: auto;
1428 }
1429 div#upper_section div.user p
1430 {
1431 float: left;
1432 margin: 0 1em 1em 0;
1433 padding: 0;
1434 }
1435 div#upper_section div.user ul
1436 {
1437 margin: 0;
1438 padding-left: 10px;
1439 }
1440 div#upper_section div.user ul li
1441 {
1442 margin-bottom: 2px;
1443 }
1444 div#upper_section div.news p
1445 {
1446 display: inline;
1447 }
1448 div#upper_section div.news form
1449 {
1450 padding-bottom: 10px;
1451 }
1452 /* clearing the floats */
1453 #top_section
1454 {
1455 min-height: 65px;
1456 overflow: hidden;
1457 margin-bottom: 3px;
1458 }
1459 #upper_section
1460 {
1461 overflow: hidden;
1462 }
1463
1464 /* The navigation list (i.e. linktree) */
1465 .navigate_section
1466 {
1467 padding: 0.5em;
1468 margin: 0 0 0 0;
1469 }
1470 .navigate_section ul
1471 {
1472 display: block;
1473 margin: 0;
1474 font-size: 0.9em;
1475 padding: 1em 0 0.5em 0;
1476 border-top: 1px solid #ccc;
1477 overflow: hidden;
1478 list-style: none;
1479 clear: both;
1480 width: 100%;
1481 }
1482 .navigate_section ul li
1483 {
1484 float: left;
1485 padding: 0 0.5em 0 0;
1486 font-size: 0.95em;
1487 }
1488 .navigate_section ul li a
1489 {
1490 white-space: pre;
1491 }
1492
1493 /* The footer wih copyright links etc. */
1494 #footer_section
1495 {
1496 text-align: center;
1497 background: url(../images/theme/main_block.png) no-repeat 0 -820px;
1498 padding-left: 20px;
1499 }
1500 #footer_section span.smalltext
1501 {
1502 font-size: 100%;
1503 }
1504 #footer_section div.frame
1505 {
1506 background: url(../images/theme/main_block.png) no-repeat 100% -820px;
1507 display: block;
1508 padding: 60px 0 0 0;
1509 }
1510 #footer_section ul li, #footer_section p
1511 {
1512 font-size: 0.8em;
1513 }
1514 #footer_section ul li
1515 {
1516 display: inline;
1517 padding-right: 5px;
1518 }
1519 #footer_section ul li.copyright
1520 {
1521 display: block;
1522 }
1523 select.qaction, input.qaction
1524 {
1525 font-size: 0.85em;
1526 padding: 0;
1527 }
1528 #mlist table tbody td.windowbg2
1529 {
1530 text-align: center;
1531 }
1532
1533 /* Styles for a typical table.
1534 ------------------------------------------------------- */
1535 table.table_list
1536 {
1537 width: 100%;
1538 }
1539 table.table_list p
1540 {
1541 padding: 0;
1542 margin: 0;
1543 }
1544 table.table_list td, table.table_list th
1545 {
1546 padding: 5px;
1547 }
1548 table.table_list tbody.header td
1549 {
1550 padding: 0;
1551 }
1552 table.table_list tbody.content td.stats
1553 {
1554 font-size: 90%;
1555 width: 15%;
1556 text-align: center;
1557 }
1558 table.table_list tbody.content td.lastpost
1559 {
1560 line-height: 1.3em;
1561 font-size: 85%;
1562 width: 24%;
1563 }
1564 table.table_list tbody.content td.icon
1565 {
1566 text-align: center;
1567 width: 6%;
1568 }
1569
1570 /* Styles for the board index.
1571 ------------------------------------------------- */
1572
1573 /* the board title! */
1574 .table_list tbody.content td.info a.subject
1575 {
1576 font-weight: bold;
1577 font-size: 110%;
1578 color: #d97b33;
1579 }
1580 .table_list tbody.content td.children
1581 {
1582 color: #555;
1583 font-size: 85%;
1584 }
1585 p.moderators
1586 {
1587 font-size: 0.8em;
1588 font-family: verdana, sans-serif;
1589 }
1590 /* hide the table header/footer parts - but its here for those needing to style it */
1591 #boardindex_table .table_list thead, #boardindex_table .table_list tfoot
1592 {
1593 display: none;
1594 }
1595
1596 /* the posting icons */
1597 #posting_icons
1598 {
1599 padding: 0 1em 0.5em 1em;
1600 margin: 0 0 1em 0;
1601 line-height: 1em;
1602 }
1603 #posting_icons ul
1604 {
1605 font-size: 0.8em;
1606 }
1607 #posting_icons img
1608 {
1609 vertical-align: middle;
1610 margin: 0 0 0 4ex;
1611 }
1612 #postbuttons_upper ul li a span
1613 {
1614 line-height: 19px;
1615 padding: 0 0 0 6px;
1616 }
1617 .nextlinks
1618 {
1619 text-align: right;
1620 margin-top: -1px;
1621 }
1622 .nextlinks_bottom
1623 {
1624 clear: right;
1625 text-align: right;
1626 }
1627 .mark_read
1628 {
1629 padding: 0 0.5em;
1630 }
1631
1632 /* the newsfader */
1633 #newsfader
1634 {
1635 margin: 0 2px;
1636 }
1637 #smfFadeScroller
1638 {
1639 text-align: center;
1640 padding: 0 2em;
1641 overflow: auto;
1642 margin: 1em 0;
1643 color: #575757; /* shouldn't be shorthand style due to a JS bug in IE! */
1644 }
1645
1646 /* Styles for the info center on the board index.
1647 ---------------------------------------------------- */
1648
1649 #upshrinkHeaderIC
1650 {
1651 margin-top: 4px;
1652 }
1653 dl#ic_recentposts
1654 {
1655 margin: 0 0 0.5em 0;
1656 padding: 0.5em;
1657 line-height: 1.3em;
1658 }
1659 dl#ic_recentposts dt
1660 {
1661 float: left;
1662 }
1663 dl#ic_recentposts dd
1664 {
1665 text-align: right;
1666 }
1667 #upshrinkHeaderIC p
1668 {
1669 margin: 0 0 0.5em 0;
1670 padding: 0.5em;
1671 }
1672 #upshrinkHeaderIC p.last
1673 {
1674 margin: 0;
1675 padding: 0.5em;
1676 border-top: 2px dotted #bbb;
1677 }
1678 #upshrinkHeaderIC p.inline
1679 {
1680 border: none;
1681 margin: 0;
1682 padding: 0.2em 0.5em 0.2em 0.5em;
1683 }
1684 #upshrinkHeaderIC p.stats
1685 {
1686 font-size: 1.1em;
1687 padding-top: 8px;
1688 }
1689 form#ic_login
1690 {
1691 padding: 0.5em;
1692 height: 2em;
1693 }
1694 form#ic_login ul li
1695 {
1696 margin: 0;
1697 padding: 0;
1698 float: left;
1699 width: 20%;
1700 text-align: center;
1701 }
1702 form#ic_login ul li label
1703 {
1704 display: block;
1705 }
1706
1707 /* the small stats */
1708 #index_common_stats
1709 {
1710 display: block;
1711 margin: 0 0 0.5em 0;
1712 text-align: right;
1713 font-size: 0.9em;
1714 position: relative;
1715 top: -20px;
1716 line-height: 1px;
1717 }
1718
1719 img.new_posts
1720 {
1721 padding: 0 0.1em;
1722 }
1723 /* Styles for the message (topic) index.
1724 ---------------------------------------------------- */
1725 div.table_frame .table_list
1726 {
1727 border-collapse: collapse;
1728 margin: 2px 0;
1729 }
1730 .table_frame .table_list td.icon, .table_frame .table_list td.info, .table_frame .table_list td.stats
1731 {
1732 border-right: 2px solid white;
1733 }
1734 #messageindex
1735 {
1736 clear: both;
1737 }
1738 /* the page navigation area */
1739 .childboards
1740 {
1741 margin-bottom: 0.2em;
1742 }
1743 #childboards h3
1744 {
1745 padding-bottom: 0;
1746 }
1747 #childboards .table_list thead
1748 {
1749 display: none;
1750 }
1751 #childboards .table_list
1752 {
1753 margin-bottom: 1em;
1754 }
1755 .lastpost img
1756 {
1757 float: right;
1758 padding: 4px;
1759 }
1760
1761 /* Styles for the display template (topic view).
1762 ---------------------------------------------------- */
1763
1764 #postbuttons div.buttons
1765 {
1766 padding: 0.5em;
1767 width: 40%;
1768 float: right;
1769 }
1770 #postbuttons div.middletext
1771 {
1772 width: 60%;
1773 }
1774 #postbuttons span
1775 {
1776 display: block;
1777 text-align: right;
1778 }
1779 #postbuttons span.lower
1780 {
1781 clear: right;
1782 }
1783 #postbuttons .buttonlist
1784 {
1785 float: right;
1786 }
1787 #postbuttons #pagelinks
1788 {
1789 padding-top: 1em;
1790 }
1791 #moderationbuttons
1792 {
1793 overflow: hidden;
1794 }
1795 /* Events */
1796 .linked_events
1797 {
1798 padding: 1em 0;
1799 }
1800 .edit_event
1801 {
1802 margin: 0 1em;
1803 vertical-align: middle;
1804 }
1805 /* Poll question */
1806 #poll
1807 {
1808 overflow: hidden;
1809 }
1810 #poll .content
1811 {
1812 padding: 0 1em;
1813 }
1814 h4#pollquestion
1815 {
1816 padding: 0 0 0.5em 2em;
1817 }
1818
1819 /* Poll vote options */
1820 #poll_options ul.options
1821 {
1822 border-top: 1px solid #9999aa;
1823 padding: 1em 2.5em 0 2em;
1824 margin: 0 0 1em 0;
1825 }
1826 #poll_options div.submitbutton
1827 {
1828 border-bottom: 1px solid #9999aa;
1829 clear: both;
1830 padding: 0 0 1em 2em;
1831 margin: 0 0 1em 0;
1832 }
1833
1834 /* Poll results */
1835 #poll_options dl.options
1836 {
1837 border: solid #9999aa;
1838 border-width: 1px 0;
1839 padding: 1em 2.5em 1em 2em;
1840 margin: 0 1em 1em 0;
1841 line-height: 1.1em !important;
1842 }
1843
1844 #poll_options dl.options dt
1845 {
1846 padding: 0.3em 0;
1847 width: 30%;
1848 float: left;
1849 margin: 0;
1850 clear: left;
1851 }
1852
1853 #poll_options dl.options .voted
1854 {
1855 font-weight: bold;
1856 }
1857
1858 #poll_options dl.options dd
1859 {
1860 margin: 0 0 0 2em;
1861 padding: 0.1em 0 0 0;
1862 width: 60%;
1863 max-width: 450px;
1864 float: left;
1865 }
1866
1867 #poll_options dl.options .percentage
1868 {
1869 display: block;
1870 float: right;
1871 padding: 0.2em 0 0.3em 0;
1872 }
1873
1874 /* Poll notices */
1875 #poll_options p
1876 {
1877 margin: 0 1.5em 0.2em 1.5em;
1878 padding: 0 0.5em 0.5em 0.5em;
1879 }
1880
1881 div#pollmoderation
1882 {
1883 margin: 0;
1884 padding: 0;
1885 overflow: auto;
1886 }
1887
1888 /* onto the posts */
1889 #forumposts
1890 {
1891 clear: both;
1892 }
1893 #forumposts .cat_bar
1894 {
1895 margin: 0 0 2px 0;
1896 }
1897 /* author and topic information */
1898 #forumposts h3 span#author
1899 {
1900 margin: 0 7.7em 0 0;
1901 }
1902 #forumposts h3 img
1903 {
1904 float: left;
1905 margin: 4px 0.5em 0 0;
1906 }
1907 #forumposts h3.catbg
1908 {
1909 margin-bottom: 3px;
1910 }
1911 p#whoisviewing
1912 {
1913 margin: 0;
1914 padding: 0.5em;
1915 }
1916 /* poster and postarea + moderation area underneath */
1917 .post_wrapper
1918 {
1919 float:left;
1920 width:100%;
1921 }
1922 .poster
1923 {
1924 float: left;
1925 width: 15em;
1926 }
1927 .postarea, .moderatorbar
1928 {
1929 margin: 0 0 0 16em;
1930 }
1931 .postarea div.flow_hidden
1932 {
1933 width: 100%;
1934 }
1935
1936 .moderatorbar
1937 {
1938 clear: right;
1939 }
1940 /* poster details and list of items */
1941 .poster h4, .poster ul
1942 {
1943 padding: 0;
1944 margin: 0 1em 0 1.5em;
1945 }
1946 .poster h4
1947 {
1948 margin: 0.2em 0 0.4em 1.1em;
1949 font-size: 120%;
1950 }
1951 .poster h4, .poster h4 a
1952 {
1953 color: #c06002;
1954 }
1955 .poster ul ul
1956 {
1957 margin: 0.3em 1em 0 0;
1958 padding: 0;
1959 }
1960 .poster ul ul li
1961 {
1962 display: inline;
1963 }
1964 .poster li.stars, .poster li.avatar, .poster li.blurb, li.postcount, li.im_icons ul
1965 {
1966 margin-top: 0.5em;
1967 }
1968 .poster li.avatar
1969 {
1970 overflow: hidden;
1971 }
1972 .poster li.warning
1973 {
1974 line-height: 1.2em;
1975 padding-top: 1em;
1976 }
1977 .poster li.warning a img
1978 {
1979 vertical-align: bottom;
1980 padding: 0 0.2em;
1981 }
1982 .messageicon
1983 {
1984 float: left;
1985 margin: 0 0.5em 0 0;
1986 }
1987 .messageicon img
1988 {
1989 padding: 6px 3px;
1990 }
1991 .keyinfo
1992 {
1993 float: left;
1994 width: 50%;
1995 }
1996 .modifybutton
1997 {
1998 clear: right;
1999 float: right;
2000 margin: 6px 20px 10px 0;
2001 text-align: right;
2002 font: bold 0.85em arial, sans-serif;
2003 color: #334466;
2004 }
2005
2006 /* The quick buttons */
2007 div.quickbuttons_wrap
2008 {
2009 padding: 0.2em 0;
2010 width: 100%;
2011 float: left;
2012 }
2013
2014 ul.quickbuttons
2015 {
2016 margin: 0.9em 11px 0 0;
2017 clear: right;
2018 float: right;
2019 text-align: right;
2020 font: bold 0.85em arial, sans-serif;
2021 }
2022 ul.quickbuttons li
2023 {
2024 float: left;
2025 display: inline;
2026 margin: 0 0 0 11px;
2027 }
2028 ul.quickbuttons li a
2029 {
2030 padding: 0 0 0 20px;
2031 display: block;
2032 height: 20px;
2033 line-height: 18px;
2034 float: left;
2035 }
2036 ul.quickbuttons a:hover
2037 {
2038 color: #a70;
2039 }
2040 ul.quickbuttons li.quote_button
2041 {
2042 background: url(../images/theme/quickbuttons.png) no-repeat 0 0;
2043 }
2044 ul.quickbuttons li.remove_button
2045 {
2046 background: url(../images/theme/quickbuttons.png) no-repeat 0 -30px;
2047 }
2048 ul.quickbuttons li.modify_button
2049 {
2050 background: url(../images/theme/quickbuttons.png) no-repeat 0 -60px;
2051 }
2052 ul.quickbuttons li.approve_button
2053 {
2054 background: url(../images/theme/quickbuttons.png) no-repeat 0 -90px;
2055 }
2056 ul.quickbuttons li.restore_button
2057 {
2058 background: url(../images/theme/quickbuttons.png) no-repeat 0 -120px;
2059 }
2060 ul.quickbuttons li.split_button
2061 {
2062 background: url(../images/theme/quickbuttons.png) no-repeat 0 -150px;
2063 }
2064 ul.quickbuttons li.reply_button
2065 {
2066 background: url(../images/theme/quickbuttons.png) no-repeat 0 -180px;
2067 }
2068 ul.quickbuttons li.reply_all_button
2069 {
2070 background: url(../images/theme/quickbuttons.png) no-repeat 0 -180px;
2071 }
2072 ul.quickbuttons li.notify_button
2073 {
2074 background: url(../images/theme/quickbuttons.png) no-repeat 0 -210px;
2075 }
2076 ul.quickbuttons li.inline_mod_check
2077 {
2078 margin: 0 0 0 5px;
2079 }
2080
2081 .post
2082 {
2083 margin-top: 0.5em;
2084 clear: right;
2085 }
2086 .inner
2087 {
2088 padding: 1em 1em 2px 0;
2089 margin: 0 1em 0 0;
2090 border-top: 1px solid #99a;
2091 }
2092 img.smiley
2093 {
2094 vertical-align: bottom;
2095 }
2096 #forumposts .modified
2097 {
2098 float: left;
2099 }
2100 #forumposts .reportlinks
2101 {
2102 margin-right: 1.5em;
2103 text-align: right;
2104 clear: right;
2105 }
2106 #forumposts .signature, .post .signature
2107 {
2108 margin: 1em 0 0 0;
2109 }
2110 #forumposts span.botslice
2111 {
2112 clear: both;
2113 }
2114 .attachments hr
2115 {
2116 clear: both;
2117 margin: 1em 0 1em 0;
2118 }
2119 .attachments
2120 {
2121 padding: 1em 0 2em 0;
2122 }
2123 .attachments div
2124 {
2125 padding: 0 0.5em;
2126 }
2127
2128 /* Styles for the quick reply area.
2129 ---------------------------------------------------- */
2130
2131 #quickreplybox
2132 {
2133 padding-bottom: 1px;
2134 }
2135 #quickReplyOptions .roundframe
2136 {
2137 padding: 0 10%;
2138 }
2139 #quickReplyOptions form textarea
2140 {
2141 height: 100px;
2142 width: 635px;
2143 max-width: 100%;
2144 min-width: 100%;
2145 margin: 0.25em 0 1em 0;
2146 }
2147 /* The jump to box */
2148 #display_jump_to
2149 {
2150 clear: both;
2151 padding: 5px;
2152 margin-top: 6px;
2153 text-align: right;
2154 }
2155
2156 /* Separator of posts. More useful in the print stylesheet. */
2157 #forumposts .post_separator
2158 {
2159 display: none;
2160 }
2161
2162 /* Styles for edit post section
2163 ---------------------------------------------------- */
2164 form#postmodify .roundframe
2165 {
2166 padding: 0 12%;
2167 }
2168 #post_header, .postbox
2169 {
2170 padding: 0.5em;
2171 overflow: hidden;
2172 }
2173 #post_header dt, .postbox dt
2174 {
2175 float: left;
2176 padding: 0;
2177 width: 15%;
2178 margin: .5em 0 0 0;
2179 font-weight: bold;
2180 }
2181 #post_header dd, .postbox dd
2182 {
2183 float: left;
2184 padding: 0;
2185 width: 83%;
2186 margin: .3em 0;
2187 }
2188 #post_header img
2189 {
2190 vertical-align: middle;
2191 }
2192 ul.post_options
2193 {
2194 margin: 0 0 0 1em;
2195 padding: 0;
2196 list-style: none;
2197 overflow: hidden;
2198 }
2199 ul.post_options li
2200 {
2201 margin: 0.2em 0;
2202 width: 49%;
2203 float: left;
2204 }
2205 #postAdditionalOptionsHeader
2206 {
2207 margin-top: 1em;
2208 }
2209 #postMoreOptions
2210 {
2211 border-bottom: 1px solid #cacdd3;
2212 padding: 0.5em;
2213 }
2214 #postAttachment, #postAttachment2
2215 {
2216 overflow: hidden;
2217 margin: .5em 0;
2218 padding: 0;
2219 border-bottom: 1px solid #cacdd3;
2220 padding: 0.5em;
2221 }
2222 #postAttachment dd, #postAttachment2 dd
2223 {
2224 margin: .3em 0 .3em 1em;
2225 }
2226 #postAttachment dt, #postAttachment2 dt
2227 {
2228 font-weight: bold;
2229 }
2230 #postAttachment3
2231 {
2232 margin-left: 1em;
2233 }
2234 #post_confirm_strip, #shortcuts
2235 {
2236 padding: 1em 0 0 0;
2237 }
2238 .post_verification
2239 {
2240 margin-top: .5em;
2241 }
2242 .post_verification #verification_control
2243 {
2244 margin: .3em 0 .3em 1em;
2245 }
2246 /* The BBC buttons */
2247 #bbcBox_message
2248 {
2249 margin: 0.75em 0.5em;
2250 }
2251 #bbcBox_message div
2252 {
2253 margin: 0.2em 0;
2254 vertical-align: top;
2255 }
2256 #bbcBox_message div img
2257 {
2258 margin: 0 1px 0 0;
2259 vertical-align: top;
2260 }
2261 #bbcBox_message select
2262 {
2263 margin: 0 2px;
2264 }
2265 /* The smiley strip */
2266 #smileyBox_message
2267 {
2268 margin: 0.5em;
2269 }
2270
2271 /* Styles for edit event section
2272 ---------------------------------------------------- */
2273 #post_event .roundframe
2274 {
2275 padding: 0 12%;
2276 }
2277 #post_event fieldset
2278 {
2279 padding: 0.5em;
2280 clear: both;
2281 }
2282 #post_event #event_main input
2283 {
2284 margin: 0 0 1em 0;
2285 float: left;
2286 }
2287 #post_event #event_main div.smalltext
2288 {
2289 width: 33em;
2290 float: right;
2291 }
2292 #post_event div.event_options
2293 {
2294 float: right;
2295 }
2296 #post_event ul.event_main, ul.event_options
2297 {
2298 padding: 0;
2299 overflow: hidden;
2300 }
2301 #post_event ul.event_main li
2302 {
2303 list-style-type: none;
2304 margin: 0.2em 0;
2305 width: 49%;
2306 float: left;
2307 }
2308 #post_event ul.event_options
2309 {
2310 margin: 0;
2311 padding: 0 0 .7em .7em;
2312 }
2313 #post_event ul.event_options li
2314 {
2315 list-style-type: none;
2316 margin: 0;
2317 float: left;
2318 }
2319 #post_event #event_main select, #post_event ul.event_options li select, #post_event ul.event_options li .input_check
2320 {
2321 margin: 0 1em 0 0;
2322 }
2323
2324 /* Styles for edit poll section.
2325 ---------------------------------------------------- */
2326
2327 #edit_poll
2328 {
2329 overflow: hidden;
2330 }
2331 #edit_poll fieldset
2332 {
2333 padding: 0.5em;
2334 clear: both;
2335 overflow: hidden;
2336 }
2337 #edit_poll fieldset input
2338 {
2339 margin-left: 8.1em;
2340 }
2341 #edit_poll ul.poll_main li
2342 {
2343 padding-left: 1em;
2344 }
2345 #edit_poll ul.poll_main input
2346 {
2347 margin-left: 1em;
2348 }
2349 #edit_poll ul.poll_main, dl.poll_options
2350 {
2351 overflow: hidden;
2352 padding: 0 0 .7em .7em;
2353 list-style: none;
2354 }
2355 #edit_poll ul.poll_main li
2356 {
2357 margin: 0.2em 0;
2358 }
2359 #edit_poll dl.poll_options dt
2360 {
2361 width: 33%;
2362 padding: 0 0 0 1em;
2363 }
2364 #edit_poll dl.poll_options dd
2365 {
2366 width: 65%;
2367 }
2368 #edit_poll dl.poll_options dd input
2369 {
2370 margin-left: 0;
2371 }
2372
2373 /* Styles for the recent messages section.
2374 ---------------------------------------------------- */
2375
2376 #readbuttons_top .pagelinks, #readbuttons .pagelinks
2377 {
2378 padding-bottom: 1em;
2379 width: 60%;
2380 }
2381 #readbuttons .pagelinks
2382 {
2383 padding-top: 1em;
2384 }
2385 #recent
2386 {
2387 clear: both;
2388 }
2389
2390 /* Styles for the move topic section.
2391 ---------------------------------------------------- */
2392
2393 #move_topic dl
2394 {
2395 margin-bottom: 0;
2396 }
2397 #move_topic dl.settings dt
2398 {
2399 width: 40%;
2400 }
2401 #move_topic dl.settings dd
2402 {
2403 width: 59%;
2404 }
2405 .move_topic
2406 {
2407 width: 710px;
2408 margin: auto;
2409 text-align: left;
2410 }
2411 div.move_topic fieldset
2412 {
2413 padding: 0.5em;
2414 }
2415
2416 /* Styles for the send topic section.
2417 ---------------------------------------------------- */
2418
2419 fieldset.send_topic
2420 {
2421 border: none;
2422 padding: 0.5em;
2423 }
2424 dl.send_topic
2425 {
2426 margin-bottom: 0;
2427 }
2428 dl.send_mail dt
2429 {
2430 width: 35%;
2431 }
2432 dl.send_mail dd
2433 {
2434 width: 64%;
2435 }
2436
2437 /* Styles for the report topic section.
2438 ---------------------------------------------------- */
2439
2440 #report_topic dl
2441 {
2442 margin-bottom: 0;
2443 }
2444 #report_topic dl.settings dt
2445 {
2446 width: 20%;
2447 }
2448 #report_topic dl.settings dd
2449 {
2450 width: 79%;
2451 }
2452
2453 /* Styles for the split topic section.
2454 ---------------------------------------------------- */
2455
2456 div#selected, div#not_selected
2457 {
2458 width: 49%;
2459 }
2460 ul.split_messages li.windowbg, ul.split_messages li.windowbg2
2461 {
2462 margin: 1px;
2463 }
2464 ul.split_messages li a.split_icon
2465 {
2466 padding: 0 0.5em;
2467 }
2468 ul.split_messages div.post
2469 {
2470 padding: 1em 0 0 0;
2471 border-top: 1px solid #fff;
2472 }
2473
2474 /* Styles for the merge topic section.
2475 ---------------------------------------------------- */
2476 ul.merge_topics li
2477 {
2478 list-style-type: none;
2479 }
2480 dl.merge_topic dt
2481 {
2482 width: 25%;
2483 }
2484 dl.merge_topic dd
2485 {
2486 width: 74%;
2487 }
2488 fieldset.merge_options
2489 {
2490 clear: both;
2491 }
2492 .custom_subject
2493 {
2494 margin: 0.5em 0;
2495 }
2496
2497 /* Styles for the login areas.
2498 ------------------------------------------------------- */
2499 .login
2500 {
2501 width: 540px;
2502 margin: 0 auto;
2503 }
2504 .login dl
2505 {
2506 overflow: auto;
2507 clear: right;
2508 }
2509 .login dt, .login dd
2510 {
2511 margin: 0 0 0.4em 0;
2512 width: 44%;
2513 padding: 0.1em;
2514 }
2515 .login dt
2516 {
2517 float: left;
2518 clear: both;
2519 text-align: right;
2520 font-weight: bold;
2521 }
2522 .login dd
2523 {
2524 width: 54%;
2525 float: right;
2526 text-align: left;
2527 }
2528 .login p
2529 {
2530 text-align: center;
2531 }
2532
2533 /* Styles for the registration section.
2534 ------------------------------------------------------- */
2535 .register_error
2536 {
2537 border: 1px dashed red;
2538 padding: 5px;
2539 margin: 0 1ex 1ex 1ex;
2540 }
2541 .register_error span
2542 {
2543 text-decoration: underline;
2544 }
2545
2546 /* Additional profile fields */
2547 dl.register_form
2548 {
2549 margin: 0;
2550 clear: right;
2551 }
2552
2553 dl.register_form dt
2554 {
2555 font-weight: normal;
2556 float: left;
2557 clear: both;
2558 width: 50%;
2559 margin: 0.5em 0 0 0;
2560 }
2561
2562 dl.register_form dt strong
2563 {
2564 font-weight: bold;
2565 }
2566
2567 dl.register_form dt span
2568 {
2569 display: block;
2570 }
2571
2572 dl.register_form dd
2573 {
2574 float: left;
2575 width: 49%;
2576 margin: 0.5em 0 0 0;
2577 }
2578
2579 #confirm_buttons
2580 {
2581 text-align: center;
2582 padding: 1em 0;
2583 }
2584
2585 .coppa_contact
2586 {
2587 padding: 4px;
2588 width: 32ex;
2589 background-color: #fff;
2590 color: #000;
2591 margin-left: 5ex;
2592 border: 1px solid #000;
2593 }
2594
2595 .valid_input
2596 {
2597 background-color: #f5fff0;
2598 }
2599 .invalid_input
2600 {
2601 background-color: #fff0f0;
2602 }
2603
2604 /* Styles for maintenance mode.
2605 ------------------------------------------------------- */
2606 #maintenance_mode
2607 {
2608 width: 75%;
2609 min-width: 520px;
2610 text-align: left;
2611 }
2612 #maintenance_mode img.floatleft
2613 {
2614 margin-right: 1em;
2615 }
2616
2617 /* common for all admin sections */
2618 h3.titlebg img
2619 {
2620 vertical-align: middle;
2621 margin-right: 0.5em;
2622 margin-top: -1px;
2623 }
2624 tr.titlebg td
2625 {
2626 padding-left: 0.7em;
2627 }
2628 #admin_menu
2629 {
2630 min-height: 2em;
2631 padding-left: 0;
2632 }
2633 #admin_content
2634 {
2635 clear: left;
2636 padding-top: 0.5em;
2637 }
2638 /* Custom profile fields like to play with us some times. */
2639 #admin_content .custom_field
2640 {
2641 margin-bottom: 15px;
2642 }
2643 #admin_login .centertext
2644 {
2645 padding: 1em;
2646 }
2647 #admin_login .centertext .error
2648 {
2649 padding: 0 0 1em 0;
2650 }
2651
2652 /* Styles for sidebar menus.
2653 ------------------------------------------------------- */
2654 .left_admmenu, .left_admmenu ul, .left_admmenu li
2655 {
2656 padding: 0;
2657 margin: 0;
2658 list-style: none;
2659 }
2660 #left_admsection
2661 {
2662 width: 160px;
2663 float: left;
2664 padding-right: 10px;
2665 }
2666 .adm_section h4.titlebg
2667 {
2668 font-size: 95%;
2669 margin-bottom: 5px;
2670 }
2671 #main_container
2672 {
2673 position: relative;
2674 }
2675 .left_admmenu li
2676 {
2677 padding: 0 0 0 0.5em;
2678 }
2679 .left_admmenu
2680 {
2681 margin-bottom: 0.5em;
2682 }
2683 #main_admsection
2684 {
2685 position: relative;
2686 left: 0;
2687 right: 0;
2688 overflow: hidden;
2689 }
2690
2691 tr.windowbg td, tr.windowbg2 td, tr.approvebg td, tr.highlight2 td
2692 {
2693 padding: 0.3em 0.7em;
2694 }
2695 #credits p
2696 {
2697 padding: 0;
2698 font-style: italic;
2699 margin: 0;
2700 }
2701
2702 /* Styles for generic tables.
2703 ------------------------------------------------------- */
2704 .topic_table table
2705 {
2706 width: 100%;
2707 }
2708 .topic_table .icon1, .topic_table .icon2, .topic_table .stats
2709 {
2710 text-align: center;
2711 }
2712 #topic_icons
2713 {
2714 margin: 1em 0 0 0;
2715 }
2716 #topic_icons .description
2717 {
2718 margin: 0;
2719 }
2720 .topic_table table thead
2721 {
2722 border-bottom: 1px solid #fff;
2723 }
2724 /* the subject column */
2725 .topic_table td
2726 {
2727 font-size: 1em;
2728 }
2729 .topic_table td.subject p, .topic_table td.stats
2730 {
2731 font-size: 0.85em;
2732 padding: 0;
2733 margin: 0;
2734 }
2735 .topic_table td.lastpost
2736 {
2737 font-size: 0.85em;
2738 line-height: 1.3em;
2739 padding: 4px;
2740 }
2741 .topic_table td.stickybg2
2742 {
2743 background-image: url(../images/icons/quick_sticky.gif);
2744 background-repeat: no-repeat;
2745 background-position: 98% 4px;
2746 }
2747 .topic_table td.lockedbg2
2748 {
2749 background-image: url(../images/icons/quick_lock.gif);
2750 background-repeat: no-repeat;
2751 background-position: 98% 4px;
2752 }
2753 .topic_table td.locked_sticky2
2754 {
2755 background-image: url(../images/icons/quick_sticky_lock.gif);
2756 background-repeat: no-repeat;
2757 background-position: 98% 4px;
2758 }
2759 .topic_table td.lastpost
2760 {
2761 background-image: none;
2762 }
2763
2764 /* Styles for (fatal) errors.
2765 ------------------------------------------------- */
2766
2767 #fatal_error
2768 {
2769 width: 80%;
2770 margin: auto;
2771 }
2772
2773 .errorbox
2774 {
2775 padding: 1em;
2776 border: 1px solid #cc3344;
2777 color: #000;
2778 background-color: #ffe4e9;
2779 margin-bottom: 1em;
2780 }
2781 .errorbox h3
2782 {
2783 padding: 0;
2784 margin: 0;
2785 font-size: 1.1em;
2786 text-decoration: underline;
2787 }
2788 .errorbox p
2789 {
2790 margin: 1em 0 0 0;
2791 }
2792 .errorbox p.alert
2793 {
2794 padding: 0;
2795 margin: 0;
2796 float: left;
2797 width: 1em;
2798 font-size: 1.5em;
2799 }
2800
2801 /* Styles for the profile section.
2802 ------------------------------------------------- */
2803
2804 dl
2805 {
2806 overflow: auto;
2807 margin: 0;
2808 padding: 0;
2809 }
2810
2811 /* The basic user info on the left */
2812 #basicinfo
2813 {
2814 width: 20%;
2815 float: left;
2816 }
2817 #basicinfo .windowbg .content
2818 {
2819 padding-left: 20px;
2820 }
2821 #detailedinfo
2822 {
2823 width: 79.5%;
2824 float: right;
2825 }
2826 #basicinfo h4
2827 {
2828 font-size: 135%;
2829 font-weight: 100;
2830 line-height: 105%;
2831 white-space: pre-wrap;
2832 overflow: hidden;
2833 }
2834 #basicinfo h4 span.position
2835 {
2836 font-size: 80%;
2837 font-weight: 100;
2838 display: block;
2839 }
2840 #basicinfo img.avatar
2841 {
2842 display: block;
2843 margin: 10px 0 0 0;
2844 }
2845 #basicinfo ul
2846 {
2847 list-style-type: none;
2848 margin: 10px 0 0 0;
2849 }
2850 #basicinfo ul li
2851 {
2852 display: block;
2853 float: left;
2854 margin-right: 5px;
2855 height: 20px;
2856 }
2857 #basicinfo span#userstatus
2858 {
2859 display: block;
2860 clear: both;
2861 }
2862 #basicinfo span#userstatus img
2863 {
2864 vertical-align: middle;
2865 }
2866 #detailedinfo div.content dl, #tracking div.content dl
2867 {
2868 clear: right;
2869 overflow: auto;
2870 margin: 0 0 18px 0;
2871 padding: 0 0 15px 0;
2872 border-bottom: 1px #ccc solid;
2873 }
2874 #detailedinfo div.content dt, #tracking div.content dt
2875 {
2876 width: 35%;
2877 float: left;
2878 margin: 0 0 3px 0;
2879 padding: 0;
2880 font-weight: bold;
2881 clear: both;
2882 }
2883 #detailedinfo div.content dd, #tracking div.content dd
2884 {
2885 width: 65%;
2886 float: left;
2887 margin: 0 0 3px 0;
2888 padding: 0;
2889 }
2890 #detailedinfo div.content dl.noborder
2891 {
2892 border-bottom: 0;
2893 }
2894 #detailedinfo div.content dt.clear
2895 {
2896 width: 100%;
2897 }
2898 .signature, .custom_fields_above_signature
2899 {
2900 border-top: 1px #ccc solid;
2901 }
2902 .signature h5
2903 {
2904 font-size: 0.85em;
2905 margin-bottom: 10px;
2906 }
2907 #personal_picture
2908 {
2909 display: block;
2910 margin-bottom: 0.3em;
2911 }
2912 #avatar_server_stored div
2913 {
2914 float: left;
2915 }
2916 #avatar_upload
2917 {
2918 overflow: auto;
2919 }
2920 #main_admsection #basicinfo, #main_admsection #detailedinfo
2921 {
2922 width: 100%;
2923 }
2924 #main_admsection #basicinfo h4
2925 {
2926 float: left;
2927 width: 35%;
2928 }
2929 #main_admsection #basicinfo img.avatar
2930 {
2931 float: right;
2932 vertical-align: top;
2933 }
2934 #main_admsection #basicinfo ul
2935 {
2936 clear: left;
2937 }
2938 #main_admsection #basicinfo span#userstatus
2939 {
2940 clear: left;
2941 }
2942 #main_admsection #basicinfo p#infolinks
2943 {
2944 display: none;
2945 clear: both;
2946 }
2947 #main_admsection #basicinfo .botslice
2948 {
2949 clear: both;
2950 }
2951
2952 /* Simple feedback messages */
2953 div#profile_error, div#profile_success
2954 {
2955 margin: 0 0 1em 0;
2956 padding: 1em 2em;
2957 border: 1px solid;
2958 }
2959 div#profile_error
2960 {
2961 border-color: red;
2962 color: red;
2963 background: #fee;
2964 }
2965
2966 div#profile_error span
2967 {
2968 text-decoration: underline;
2969 }
2970
2971 div#profile_success
2972 {
2973 border-color: green;
2974 color: green;
2975 background: #efe;
2976 }
2977
2978 /* Profile statistics */
2979 #generalstats div.content dt
2980 {
2981 width: 50%;
2982 float: left;
2983 margin: 0 0 3px 0;
2984 padding: 0;
2985 font-weight: bold;
2986 clear: both;
2987 }
2988 #generalstats div.content dd
2989 {
2990 width: 50%;
2991 float: left;
2992 margin: 0 0 3px 0;
2993 padding: 0;
2994 }
2995
2996 /* Activity by time */
2997 #activitytime
2998 {
2999 margin: 6px 0;
3000 }
3001 .activity_stats
3002 {
3003 margin: 0;
3004 padding: 0;
3005 list-style: none;
3006 }
3007 .activity_stats li
3008 {
3009 margin: 0;
3010 padding: 0;
3011 width: 4.16%;
3012 float: left;
3013 }
3014 .activity_stats li span
3015 {
3016 display: block;
3017 border: solid #000;
3018 border-width: 1px 1px 0 0;
3019 text-align: center;
3020 }
3021 .activity_stats li.last span
3022 {
3023 border-right: none;
3024 }
3025 .activity_stats li div.bar
3026 {
3027 margin: 0 auto;
3028 width: 15px;
3029 }
3030 .activity_stats li div.bar div
3031 {
3032 background: #6294CE;
3033 }
3034 .activity_stats li div.bar span
3035 {
3036 position: absolute;
3037 top: -1000em;
3038 left: -1000em;
3039 }
3040
3041 /* Most popular boards by posts and activity */
3042 #popularposts
3043 {
3044 width: 49.5%;
3045 float: left;
3046 }
3047 #popularactivity
3048 {
3049 width: 49.5%;
3050 float: right;
3051 }
3052
3053 #popularposts div.content dt, #popularactivity div.content dt
3054 {
3055 width: 65%;
3056 float: left;
3057 margin: 0 0 3px 0;
3058 padding: 0;
3059 font-weight: bold;
3060 clear: both;
3061 }
3062 #popularposts div.content dd, #popularactivity div.content dd
3063 {
3064 width: 35%;
3065 float: left;
3066 margin: 0 0 3px 0;
3067 padding: 0;
3068 }
3069
3070 .profile_pie
3071 {
3072 background-image: url(../images/stats_pie.png);
3073 float: left;
3074 height: 20px;
3075 width: 20px;
3076 margin: 0 1em 0 0;
3077 padding: 0;
3078 text-indent: -1000em;
3079 }
3080
3081 /* View posts */
3082 .topic .time
3083 {
3084 float: right;
3085 }
3086
3087 .counter
3088 {
3089 margin: 0 0 0 0;
3090 padding: 0.2em 0.5em 0.1em 0.2em;
3091 font-size: 2.2em;
3092 font-weight: bold;
3093 color: #3f3f3f;
3094 float: left;
3095 }
3096 .list_posts
3097 {
3098 border-top: 2px solid #b3b3bf;
3099 padding-top: 12px;
3100 margin-top: 6px;
3101 overflow: auto;
3102 }
3103
3104 .core_posts
3105 {
3106 margin-bottom: 3px;
3107 }
3108
3109 .topic h4
3110 {
3111 margin: 3px 0;
3112 }
3113
3114 .topic .post
3115 {
3116 margin: 0 1em;
3117 min-height: 80px;
3118 height: auto !important;
3119 height: 80px;
3120 }
3121
3122 .topic .mod_icons
3123 {
3124 text-align: right;
3125 margin-right: 1em;
3126 }
3127
3128 #tracking div.content dl
3129 {
3130 border-bottom: 0;
3131 margin: 0;
3132 padding: 0;
3133 }
3134
3135 #creator dl
3136 {
3137 margin: 0;
3138 }
3139 #creator dt
3140 {
3141 width: 40%;
3142 float: left;
3143 clear: both;
3144 margin: 0 0 10px 0;
3145 }
3146 #creator dd
3147 {
3148 float: right;
3149 width: 55%;
3150 margin: 0 0 10px 2px;
3151 overflow: auto;
3152 }
3153
3154 .ignoreboards
3155 {
3156 margin: 0 2%;
3157 padding: 0;
3158 width: 45%;
3159 }
3160 .ignoreboards a
3161 {
3162 font-weight: bold;
3163 border-bottom: 1px solid #c4c4c4;
3164 padding: 0.1em 0;
3165 }
3166 .ignoreboards a:hover
3167 {
3168 text-decoration: none;
3169 border-bottom: 1px solid #334466;
3170 }
3171 .ignoreboards ul
3172 {
3173 margin: 0;
3174 padding: 0;
3175 }
3176 .ignoreboards li
3177 {
3178 list-style: none;
3179 float: left;
3180 clear: both;
3181 }
3182 .ignoreboards li.category
3183 {
3184 margin: 0.7em 0 0 0;
3185 width: 100%;
3186 }
3187 .ignoreboards li ul
3188 {
3189 margin: 0.2em 0 0 0;
3190 }
3191 .ignoreboards li.category ul li.board
3192 {
3193 width: 93%;
3194 }
3195
3196 #theme_settings
3197 {
3198 overflow: auto;
3199 margin: 0;
3200 padding: 0;
3201 }
3202
3203 #theme_settings li
3204 {
3205 list-style: none;
3206 margin: 10px 0;
3207 padding: 0;
3208 }
3209 /* Paid Subscriptions */
3210 #paid_subscription
3211 {
3212 width: 100%;
3213 }
3214 #paid_subscription dl.settings
3215 {
3216 margin-bottom: 0;
3217 }
3218 #paid_subscription dl.settings dd, #paid_subscription dl.settings dt
3219 {
3220 margin-bottom: 4px;
3221 }
3222 /* Pick theme */
3223 #pick_theme
3224 {
3225 width: 100%;
3226 float: left;
3227 }
3228 /*Issue a warning*/
3229 #warn_body{
3230 width: 80%;
3231 font-size: 0.9em;
3232 }
3233
3234 /* Styles for the statistics center.
3235 ------------------------------------------------- */
3236 #statistics
3237 {
3238 padding: 0.5em 0;
3239 }
3240 #statistics div.title_bar
3241 {
3242 margin: 4px 0 -2px 0;
3243 }
3244 #statistics h3.catbg
3245 {
3246 text-align: center;
3247 }
3248 #statistics div.content
3249 {
3250 min-height: 210px;
3251 }
3252 #statistics div.top_row
3253 {
3254 min-height: 150px;
3255 }
3256 #stats_left, #top_posters, #top_topics_replies, #top_topics_starter
3257 {
3258 float: left;
3259 width: 49.5%;
3260 }
3261 #stats_right, #top_boards, #top_topics_views, #most_online
3262 {
3263 float: right;
3264 width: 49.5%;
3265 }
3266 dl.stats
3267 {
3268 clear: both;
3269 overflow: hidden;
3270 margin: 0;
3271 padding: 0;
3272 }
3273 dl.stats dt
3274 {
3275 width: 49%;
3276 float: left;
3277 margin: 0 0 4px 0;
3278 line-height: 16px;
3279 padding: 0;
3280 clear: both;
3281 font-size: 1em;
3282 }
3283 dl.stats dd
3284 {
3285 text-align: right;
3286 width: 50%;
3287 font-size: 1em;
3288 float: right;
3289 margin: 0 0 4px 0;
3290 line-height: 16px;
3291 padding: 0;
3292 }
3293 .statsbar div.bar
3294 {
3295 float: left;
3296 background: url(../images/bar_stats.png) no-repeat;
3297 display: block;
3298 margin: 0 4px;
3299 height: 16px;
3300 }
3301 .statsbar div.bar div
3302 {
3303 position: relative;
3304 right: -4px;
3305 padding: 0 4px 0 0;
3306 background: url(../images/bar_stats.png) no-repeat 100%;
3307 height: 16px;
3308 }
3309 tr.windowbg2 th.stats_month
3310 {
3311 width: 25%;
3312 padding: 0 2em;
3313 text-align: left;
3314 }
3315 tr.windowbg2 td.stats_day
3316 {
3317 padding: 0 3.5em;
3318 text-align: left;
3319 }
3320
3321 /* Styles for the personal messages section.
3322 ------------------------------------------------- */
3323
3324 #personal_messages h3 span#author, #personal_messages h3 span#topic_title
3325 {
3326 float: left;
3327 }
3328 #personal_messages h3 span#author
3329 {
3330 margin: 0 0 0 0.5em;
3331 }
3332 #personal_messages h3 span#topic_title
3333 {
3334 margin: 0 0 0 9em;
3335 }
3336 #personal_messages div.labels
3337 {
3338 padding: 0 1em 0 0;
3339 }
3340 #personal_messages .capacity_bar
3341 {
3342 background: #f0f4f7;
3343 display: block;
3344 margin: 0.5em 0 0 1em;
3345 height: 1em;
3346 border: 1px solid #adadad;
3347 width: 10em;
3348 }
3349 #personal_messages .capacity_bar span
3350 {
3351 border-right: 1px solid #adadad;
3352 display: block;
3353 height: 1em;
3354 }
3355 #personal_messages .capacity_bar span.empty
3356 {
3357 background: #a6d69d;
3358 }
3359 #personal_messages .capacity_bar span.filled
3360 {
3361 background: #eea800;
3362 }
3363 #personal_messages .capacity_bar span.full
3364 {
3365 background: #f10909;
3366 }
3367 #personal_messages .reportlinks
3368 {
3369 padding: 0.5em 1.3em;
3370 }
3371 #searchLabelsExpand li
3372 {
3373 padding: 0.3em 0.5em;
3374 }
3375 #manrules div.righttext
3376 {
3377 padding: 0.3em 0.1em;
3378 }
3379 dl.addrules dt.floatleft
3380 {
3381 width: 15em;
3382 color: #333;
3383 padding: 0 1.25em 0.5em 1.25em;
3384 }
3385 #addrule fieldset
3386 {
3387 clear: both;
3388 }
3389
3390 /* Styles for the calendar section.
3391 ------------------------------------------------- */
3392 .calendar_table
3393 {
3394 margin-bottom: 0.7em;
3395 }
3396
3397 /* Used to indicate the current day in the grid. */
3398 .calendar_today
3399 {
3400 background-color: #fff;
3401 }
3402
3403 #month_grid
3404 {
3405 width: 200px;
3406 text-align: center;
3407 float: left;
3408 }
3409 #month_grid div.cat_bar
3410 {
3411 height: 25px;
3412 }
3413 #month_grid h3.catbg
3414 {
3415 height: 25px;
3416 line-height: 27px;
3417 }
3418 #month_grid table
3419 {
3420 width: 200px;
3421 }
3422 #main_grid table
3423 {
3424 width: 100%;
3425 padding-bottom: 4px;
3426 }
3427 #main_grid table h3.catbg
3428 {
3429 text-align: center;
3430 height: 29px;
3431 border-top: 2px solid #fff;
3432 border-bottom: none;
3433 }
3434 #main_grid table.weeklist td.windowbg
3435 {
3436 text-align: center;
3437 height: 49px;
3438 width: 25px;
3439 font-size: large;
3440 padding: 0 7px;
3441 border-bottom: 2px solid #fff;
3442 }
3443 #main_grid table.weeklist td.weekdays
3444 {
3445 height: 49px;
3446 width: 100%;
3447 padding: 4px;
3448 text-align: left;
3449 vertical-align: middle;
3450 border-bottom: 2px solid #fff;
3451 }
3452 #main_grid h3.weekly
3453 {
3454 text-align: center;
3455 padding-left: 0;
3456 font-size: large;
3457 height: 29px;
3458 }
3459 #main_grid h3 span.floatleft, #main_grid h3 span.floatright
3460 {
3461 display: block;
3462 font-weight: bold;
3463 }
3464 #main_grid table th.days
3465 {
3466 width: 14%;
3467 padding: 4px 0;
3468 }
3469 #main_grid table.weeklist h4.titlebg
3470 {
3471 margin: 0 0 0 0;
3472 height: 23px;
3473 line-height: 27px;
3474 }
3475 #main_grid table td.weeks
3476 {
3477 vertical-align: middle;
3478 text-align: center;
3479 font-weight: bold;
3480 font-size: large;
3481 }
3482 #main_grid table td.days
3483 {
3484 vertical-align: top;
3485 text-align: center;
3486 }
3487
3488 a.modify_event
3489 {
3490 color: red;
3491 }
3492
3493 span.hidelink
3494 {
3495 font-style: italic;
3496 }
3497
3498 #calendar_navigation
3499 {
3500 text-align: center;
3501 }
3502
3503 /* Styles for the memberlist section.
3504 ------------------------------------------------- */
3505 #mlist_search
3506 {
3507 margin: auto;
3508 width: 500px;
3509 }
3510
3511 /* Styles for the basic search section.
3512 ------------------------------------------------- */
3513 #searchform, #simple_search p
3514 {
3515 padding: 0.5em;
3516 margin: 0;
3517 }
3518 #simple_search, #simple_search p, #advanced_search
3519 {
3520 text-align: center !important;
3521 margin: 0;
3522 }
3523 #search_error
3524 {
3525 font-style: italic;
3526 padding: 0.3em 1em;
3527 }
3528 #search_term_input
3529 {
3530 font-size: 115%;
3531 margin: 0 0 1em;
3532 }
3533
3534 /* Styles for the advanced search section.
3535 ------------------------------------------------- */
3536 #searchform fieldset
3537 {
3538 text-align: left;
3539 padding: 0;
3540 border: none;
3541 }
3542 #advanced_search dl#search_options
3543 {
3544 margin: 0 auto;
3545 width: 600px;
3546 padding-top: 1em;
3547 overflow: hidden;
3548 }
3549 #advanced_search dt
3550 {
3551 clear: both;
3552 float: left;
3553 padding: 0.2em;
3554 text-align: right;
3555 width: 20%;
3556 }
3557 #advanced_search dd
3558 {
3559 width: 75%;
3560 float: left;
3561 padding: 0.2em;
3562 margin: 0 0 0 0.5em;
3563 text-align: left;
3564 }
3565 #searchform p.clear
3566 {
3567 clear: both;
3568 }
3569
3570 /* Styles for the search results page.
3571 ------------------------------------------------- */
3572 .topic_table td blockquote, .topic_table td .quoteheader
3573 {
3574 margin: 0.5em;
3575 }
3576 .search_results_posts
3577 {
3578 overflow: hidden;
3579 }
3580 .search_results_posts .buttons
3581 {
3582 padding: 5px 1em 0 0;
3583 }
3584
3585 /* Styles for the help section.
3586 ------------------------------------------------- */
3587
3588 #help_container
3589 {
3590 margin: 4px 0 0 0;
3591 padding: 0 0 8px 0;
3592 }
3593 #helpmain
3594 {
3595 padding: 0 1em;
3596 }
3597 #helpmain p
3598 {
3599 margin: 0 0 1.5em 0;
3600 line-height: 1.5em;
3601 }
3602 #helpmain ul
3603 {
3604 line-height: 1.5em;
3605 }
3606
3607 /* Styles for print media.
3608 ------------------------------------------------------- */
3609 @media print
3610 {
3611 #headerarea
3612 {
3613 display: none;
3614 }
3615
3616 .tborder
3617 {
3618 border: none;
3619 }
3620 }