Mercurial > hg > vamp-website
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 } |