source: trunk/forum/styles/prosilver/theme/content.css

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