view theme/content.css @ 0:84057f728815

Initial commit. Already a few changes in here
author Eris Caffee <discordia@eldalin.com>
date Sun, 26 Jan 2014 21:32:19 -0800
parents
children
line source
1 /* Content Styles
2 ---------------------------------------- */
4 ul.topiclist {
5 display: block;
6 list-style-type: none;
7 margin: 0;
8 }
10 ul.forums {
11 background: #f9f9f9 none repeat-x 0 0;
12 }
14 ul.topiclist li {
15 display: block;
16 list-style-type: none;
17 color: #777777;
18 margin: 0;
19 }
21 ul.topiclist dl {
22 position: relative;
23 }
25 ul.topiclist li.row dl {
26 padding: 2px 0;
27 }
29 ul.topiclist dt {
30 display: block;
31 float: left;
32 width: 50%;
33 font-size: 1.1em;
34 padding-left: 5px;
35 padding-right: 5px;
36 }
38 ul.topiclist dd {
39 display: block;
40 float: left;
41 border-left: 1px solid #FFFFFF;
42 padding: 4px 0;
43 }
45 ul.topiclist dfn {
46 /* Labels for post/view counts */
47 position: absolute;
48 left: -999px;
49 width: 990px;
50 }
52 ul.topiclist li.row dt a.subforum {
53 background-image: none;
54 background-position: 0 50%;
55 background-repeat: no-repeat;
56 position: relative;
57 white-space: nowrap;
58 padding: 0 0 0 12px;
59 }
61 .forum-image {
62 float: left;
63 padding-top: 5px;
64 margin-right: 5px;
65 }
67 li.row {
68 border-bottom: 1px solid #8f8f8f;
69 padding: 8px;
70 }
72 li.row strong {
73 font-weight: normal;
74 color: #000000;
75 }
77 /*
78 li.row:hover {
79 background-color: #f6f6f6;
80 }
81 */
83 li.row:hover dd {
84 border-left-color: #CCCCCC;
85 }
87 li.header dt, li.header dd {
88 line-height: 1em;
89 border-left-width: 0;
90 color: #FFFFFF;
91 padding-top: 8px;
92 padding-bottom: 13px;
93 font-size: 1.2em;
94 font-family: "ExoBold", Arial, Helvetica, sans-serif;
95 }
97 li.header dd {
98 margin-left: 1px;
99 }
101 li.header dl.icon {
102 min-height: 0;
103 }
105 li.header dl.icon dt {
106 /* Tweak for headers alignment when folder icon used */
107 padding-left: 20px;
108 padding-right: 30px;
109 }
111 /* Forum list column styles */
112 dl.icon {
113 min-height: 35px;
114 background-position: 5px 50%; /* Position of folder icon */
115 background-repeat: no-repeat;
116 }
118 dl.icon dt {
119 padding-left: 45px; /* Space for folder icon */
120 background-repeat: no-repeat;
121 background-position: 5px 95%; /* Position of topic icon */
122 }
124 dd.posts, dd.topics, dd.views {
125 width: 8%;
126 text-align: center;
127 line-height: 2.2em;
128 font-size: 1.2em;
129 }
131 /* List in forum description */
132 dl.icon dt ol,
133 dl.icon dt ul {
134 list-style-position: inside;
135 margin-left: 1em;
136 }
138 dl.icon dt li {
139 display: list-item;
140 list-style-type: inherit;
141 }
143 dd.lastpost {
144 width: 25%;
145 font-size: 1.1em;
146 }
148 dd.redirect {
149 font-size: 1.1em;
150 line-height: 2.5em;
151 }
153 dd.moderation {
154 font-size: 1.1em;
155 }
157 dd.lastpost span, ul.topiclist dd.searchby span, ul.topiclist dd.info span, ul.topiclist dd.time span, dd.redirect span, dd.moderation span, dd.moderators span {
158 display: block;
159 padding-left: 5px;
160 }
162 dd.time {
163 width: auto;
164 line-height: 200%;
165 font-size: 1.1em;
166 }
168 dd.extra {
169 width: 12%;
170 line-height: 200%;
171 text-align: center;
172 font-size: 1.1em;
173 }
175 dd.mark {
176 float: right !important;
177 width: 9%;
178 text-align: center;
179 line-height: 200%;
180 font-size: 1.2em;
181 }
183 dd.info {
184 width: 30%;
185 }
187 dd.option {
188 width: 15%;
189 line-height: 200%;
190 text-align: center;
191 font-size: 1.1em;
192 }
194 dd.searchby {
195 width: 47%;
196 font-size: 1.1em;
197 line-height: 1em;
198 }
200 ul.topiclist dd.searchextra {
201 margin-left: 5px;
202 padding: 0.2em 0;
203 font-size: 1.1em;
204 color: #333333;
205 border-left: none;
206 clear: both;
207 width: 98%;
208 overflow: hidden;
209 }
211 /* Container for post/reply buttons and pagination */
212 .topic-actions {
213 margin-bottom: 3px;
214 font-size: 1.1em;
215 height: 28px;
216 min-height: 28px;
217 }
218 div[class].topic-actions {
219 height: auto;
220 }
222 /* Post body styles
223 ----------------------------------------*/
224 .postbody {
225 padding: 0;
226 line-height: 1.48em;
227 color: #333333;
228 width: 76%;
229 float: left;
230 clear: both;
231 }
233 /* Post body styles
234 ----------------------------------------*/
235 .profilesleft .postbody {
236 padding: 0;
237 line-height: 1.48em;
238 color: #666666;
239 width: 76%;
240 float: right;
241 clear: both;
242 }
244 .postbody .ignore {
245 font-size: 1.1em;
246 }
248 .postbody h3.first {
249 /* The first post on the page uses this */
250 font-size: 1.7em;
251 }
253 .postbody h3 {
254 /* Postbody requires a different h3 format - so change it here */
255 font-size: 1.5em;
256 padding: 2px 0 0 0;
257 margin: 0 0 0.3em 0 !important;
258 text-transform: none;
259 border: none;
260 line-height: 125%;
261 }
263 .postbody h3 img {
264 /* Also see tweaks.css */
265 vertical-align: bottom;
266 }
268 .postbody .content {
269 font-size: 1.2em;
270 }
272 .search .postbody {
273 width: 68%
274 }
276 /* Topic review panel
277 ----------------------------------------*/
278 #review {
279 margin-top: 2em;
280 }
282 #topicreview {
283 padding-right: 5px;
284 overflow: auto;
285 height: 300px;
286 }
288 #topicreview .postbody {
289 width: auto;
290 float: none;
291 margin: 0;
292 height: auto;
293 }
295 #topicreview .post {
296 height: auto;
297 }
299 #topicreview h2 {
300 border-bottom-width: 0;
301 }
303 .post-ignore .postbody {
304 display: none;
305 }
307 /* MCP Post details
308 ----------------------------------------*/
309 #post_details
310 {
311 /* This will only work in IE7+, plus the others */
312 overflow: auto;
313 max-height: 300px;
314 }
316 #expand
317 {
318 clear: both;
319 }
321 /* Content container styles
322 ----------------------------------------*/
323 .content {
324 min-height: 3em;
325 overflow: hidden;
326 line-height: 1.4em;
327 font-size: 1em;
328 color: #333333;
329 padding-bottom: 1px;
330 }
332 .content h2, .panel h2 {
333 font-weight: normal;
334 color: #989898;
335 border-bottom: 1px solid #CCCCCC;
336 font-size: 1.6em;
337 margin-top: 0.5em;
338 margin-bottom: 0.5em;
339 padding-bottom: 0.5em;
340 }
342 .panel h3 {
343 margin: 0.5em 0;
344 }
346 .panel p {
347 font-size: 1.2em;
348 margin-bottom: 1em;
349 line-height: 1.4em;
350 }
352 .content p {
353 font-size: 1.2em;
354 margin-bottom: 1em;
355 line-height: 1.4em;
356 }
358 dl.faq {
359 font-size: 1.1em;
360 margin-top: 1em;
361 margin-bottom: 2em;
362 line-height: 1.4em;
363 }
365 dl.faq dt {
366 font-weight: bold;
367 color: #333333;
368 }
370 .content dl.faq {
371 font-size: 1.2em;
372 margin-bottom: 0.5em;
373 }
375 .content li {
376 list-style-type: inherit;
377 }
379 .content ul, .content ol {
380 margin-bottom: 1em;
381 margin-left: 3em;
382 }
384 .posthilit {
385 background-color: #f3f3f3;
386 color: #BCBCBC;
387 padding: 0 2px 1px 2px;
388 }
390 .announce, .unreadpost {
391 /* Highlight the announcements & unread posts box */
392 border-left-color: #BCBCBC;
393 border-right-color: #BCBCBC;
394 }
396 /* Post author */
397 p.author {
398 margin: 0 15em 0.6em 0;
399 padding: 0 0 5px 0;
400 font-size: 1em;
401 line-height: 1.2em;
402 }
404 /* Post signature */
405 .signature {
406 margin-top: 1.5em;
407 padding-top: 0.2em;
408 font-size: 1.1em;
409 border-top: 1px solid #CCCCCC;
410 clear: left;
411 line-height: 140%;
412 overflow: hidden;
413 width: 100%;
414 }
416 dd .signature {
417 margin: 0;
418 padding: 0;
419 clear: none;
420 border: none;
421 }
423 .signature li {
424 list-style-type: inherit;
425 }
427 .signature ul, .signature ol {
428 margin-bottom: 1em;
429 margin-left: 3em;
430 }
432 /* Post noticies */
433 .notice {
434 width: auto;
435 margin-top: 1.5em;
436 padding-top: 0.2em;
437 font-size: 1em;
438 border-top: 1px dashed #CCCCCC;
439 clear: left;
440 line-height: 130%;
441 }
443 /* Jump to post link for now */
444 ul.searchresults {
445 list-style: none;
446 text-align: right;
447 clear: both;
448 }
450 /* BB Code styles
451 ----------------------------------------*/
452 /* Quote block */
453 blockquote {
454 background: #ebebeb none 6px 8px no-repeat;
455 border: 1px solid #dbdbdb;
456 font-size: 0.95em;
457 margin: 0.5em 1px 0 25px;
458 overflow: hidden;
459 padding: 5px;
460 }
462 blockquote blockquote {
463 /* Nested quotes */
464 background-color: #bababa;
465 font-size: 1em;
466 margin: 0.5em 1px 0 15px;
467 }
469 blockquote blockquote blockquote {
470 /* Nested quotes */
471 background-color: #e4e4e4;
472 }
474 blockquote cite {
475 /* Username/source of quoter */
476 font-style: normal;
477 font-weight: bold;
478 margin-left: 20px;
479 display: block;
480 font-size: 0.9em;
481 }
483 blockquote cite cite {
484 font-size: 1em;
485 }
487 blockquote.uncited {
488 padding-top: 25px;
489 }
491 /* Code block */
492 dl.codebox {
493 padding: 3px;
494 background-color: #FFFFFF;
495 border: 1px solid #d8d8d8;
496 font-size: 1em;
497 }
499 dl.codebox dt {
500 text-transform: uppercase;
501 border-bottom: 1px solid #CCCCCC;
502 margin-bottom: 3px;
503 font-size: 0.8em;
504 font-weight: bold;
505 display: block;
506 }
508 blockquote dl.codebox {
509 margin-left: 0;
510 }
512 dl.codebox code {
513 /* Also see tweaks.css */
514 overflow: auto;
515 display: block;
516 height: auto;
517 max-height: 200px;
518 white-space: normal;
519 padding-top: 5px;
520 font: 0.9em Monaco, "Andale Mono","Courier New", Courier, mono;
521 line-height: 1.3em;
522 color: #8b8b8b;
523 margin: 2px 0;
524 }
526 .syntaxbg { color: #FFFFFF; }
527 .syntaxcomment { color: #000000; }
528 .syntaxdefault { color: #bcbcbc; }
529 .syntaxhtml { color: #000000; }
530 .syntaxkeyword { color: #585858; }
531 .syntaxstring { color: #a7a7a7; }
533 /* Attachments
534 ----------------------------------------*/
535 .attachbox {
536 float: left;
537 width: auto;
538 margin: 5px 5px 5px 0;
539 padding: 6px;
540 background-color: #FFFFFF;
541 border: 1px dashed #d8d8d8;
542 clear: left;
543 }
545 /* Attachments
546 ----------------------------------------*/
547 .profilesleft .attachbox {
548 float: left;
549 width: auto;
550 margin: 5px 5px 5px 0;
551 padding: 6px;
552 background-color: #FFFFFF;
553 border: 1px dashed #d8d8d8;
554 clear: right;
555 }
557 .pm-message .attachbox {
558 background-color: #f3f3f3;
559 }
561 .attachbox dt {
562 text-transform: uppercase;
563 }
565 .attachbox dd {
566 margin-top: 4px;
567 padding-top: 4px;
568 clear: left;
569 border-top: 1px solid #d8d8d8;
570 }
572 .attachbox dd dd {
573 border: none;
574 }
576 .attachbox p {
577 line-height: 110%;
578 color: #666666;
579 font-weight: normal;
580 clear: left;
581 }
583 .attachbox p.stats
584 {
585 line-height: 110%;
586 color: #666666;
587 font-weight: normal;
588 clear: left;
589 }
591 .attach-image {
592 margin: 3px 0;
593 width: 100%;
594 max-height: 350px;
595 overflow: auto;
596 }
598 .attach-image img {
599 border: 1px solid #999999;
600 /* cursor: move; */
601 cursor: default;
602 }
604 /* Inline image thumbnails */
605 div.inline-attachment dl.thumbnail, div.inline-attachment dl.file {
606 display: block;
607 margin-bottom: 4px;
608 }
610 div.inline-attachment p {
611 font-size: 100%;
612 }
614 dl.file {
615 display: block;
616 }
618 dl.file dt {
619 text-transform: none;
620 margin: 0;
621 padding: 0;
622 font-weight: bold;
623 }
625 dl.file dd {
626 color: #666666;
627 margin: 0;
628 padding: 0;
629 }
631 dl.thumbnail img {
632 padding: 3px;
633 border: 1px solid #666666;
634 background-color: #FFF;
635 }
637 dl.thumbnail dd {
638 color: #666666;
639 font-style: italic;
640 }
642 .attachbox dl.thumbnail dd {
643 font-size: 100%;
644 }
646 dl.thumbnail dt a:hover {
647 background-color: #EEEEEE;
648 }
650 dl.thumbnail dt a:hover img {
651 border: 1px solid #d2d2d2;
652 }
654 /* Post poll styles
655 ----------------------------------------*/
656 fieldset.polls {
657 }
659 fieldset.polls dl {
660 margin-top: 5px;
661 border-top: 1px solid #e2e2e2;
662 padding: 5px 0 0 0;
663 line-height: 120%;
664 color: #666666;
665 }
667 fieldset.polls dl.voted {
668 font-weight: bold;
669 color: #000000;
670 }
672 fieldset.polls dt {
673 text-align: left;
674 float: left;
675 display: block;
676 width: 30%;
677 border-right: none;
678 padding: 0;
679 margin: 0;
680 font-size: 1.1em;
681 }
683 fieldset.polls dd {
684 float: left;
685 width: 10%;
686 border-left: none;
687 padding: 0 5px;
688 margin-left: 0;
689 font-size: 1.1em;
690 }
692 fieldset.polls dd.resultbar {
693 width: 50%;
694 }
696 fieldset.polls dd input {
697 margin: 2px 0;
698 }
700 fieldset.polls dd div {
701 text-align: right;
702 color: #FFFFFF;
703 font-weight: bold;
704 padding: 0 2px;
705 overflow: visible;
706 min-width: 2%;
707 }
709 .pollbar1 {
710 background-color: #aaaaaa;
711 border-bottom: 1px solid #747474;
712 border-right: 1px solid #747474;
713 }
715 .pollbar2 {
716 background-color: #bebebe;
717 border-bottom: 1px solid #8c8c8c;
718 border-right: 1px solid #8c8c8c;
719 }
721 .pollbar3 {
722 background-color: #D1D1D1;
723 border-bottom: 1px solid #aaaaaa;
724 border-right: 1px solid #aaaaaa;
725 }
727 .pollbar4 {
728 background-color: #e4e4e4;
729 border-bottom: 1px solid #bebebe;
730 border-right: 1px solid #bebebe;
731 }
733 .pollbar5 {
734 background-color: #f8f8f8;
735 border-bottom: 1px solid #D1D1D1;
736 border-right: 1px solid #D1D1D1;
737 }
739 /* Poster profile block
740 ----------------------------------------*/
741 .postprofile {
742 /* Also see tweaks.css */
743 margin: 5px 0 10px 0;
744 min-height: 80px;
745 color: #666666;
746 border-left: 1px solid #FFFFFF;
747 width: 22%;
748 float: right;
749 display: inline;
750 }
752 /* Poster profile block
753 ----------------------------------------*/
754 .profilesleft .postprofile {
755 /* Also see tweaks.css */
756 margin: 5px 0 10px 0;
757 min-height: 80px;
758 color: #666666;
759 border-right: 1px solid #666666;
760 border-left: none;
761 width: 22%;
762 float: left;
763 display: inline;
764 }
767 .pm .postprofile {
768 border-left: 1px solid #DDDDDD;
769 }
771 .profilesleft .pm .postprofile {
772 border-right: 1px solid #DDDDDD;
773 border-left: none;
774 }
776 .postprofile dd, .postprofile dt {
777 line-height: 1.2em;
778 margin-left: 8px;
779 }
781 .postprofile strong {
782 font-weight: normal;
783 color: #000000;
784 }
786 .avatar {
787 border: none;
788 margin-bottom: 3px;
789 }
791 .online {
792 background-image: none;
793 background-position: 100% 0;
794 background-repeat: no-repeat;
795 }
797 /* Poster profile used by search*/
798 .search .postprofile {
799 width: 30%;
800 }
802 /* pm list in compose message if mass pm is enabled */
803 dl.pmlist dt {
804 width: 60% !important;
805 }
807 dl.pmlist dt textarea {
808 width: 95%;
809 }
811 dl.pmlist dd {
812 margin-left: 61% !important;
813 margin-bottom: 2px;