debianforum.de

stylesheet.css

SNIPPET_TEXT:

1. /*  phpBB 3.0 Style Sheet
2.     --------------------------------------------------------------
3.         Style name:             debianforum
4.         Based on style:         proSilver
5.         Original author:        subBlue ( http://www.subBlue.com/ )
6.         Modified by:            Timo Salmen
7.         Version:        1.0.1 (Generated: 200-04-03)
8.        
9.         Copyright 2006 phpBB Group ( http://www.phpbb.com/ )
10.     --------------------------------------------------------------
11. */
12.  
13.  
14.  
15. @import url("gallery.css");
16.  
17.  
18. /* General proSilver Markup Styles
19. ---------------------------------------- */
20.  
21. * {
22.         /* Reset browsers default margin, padding and font sizes */
23.         margin: 0;
24.         padding: 0;
25. }
26.  
27. html {
28.         font-size: 100%;
29.         /* Always show a scrollbar for short pages - stops the jump when the scrollbar appears. non-IE browsers */
30.         height: 100%;
31.         margin-bottom: 1px;
32. }
33.  
34. body {
35.         /* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
36.         font-family: Arial, sans-serif, "Lucida Grande", "Trebuchet MS", Helvetica, Verdana;
37.         color: #828282;
38.         background-color: #FFFFFF;
39.         /*font-size: 62.5%;                      This sets the default font size to be equivalent to 10px */
40.         font-size: 10px;
41.         margin: 0;
42.         padding: 0px 0px 0px 0px;
43. }
44.  
45.  
46. .advice a, .advice a:visited, .advice a:active, .panel a, .panel a:visited, .panel a:active {
47.         color: #D70751;
48.         text-decoration: none;
49. }
50.  
51. .advice a:hover, .panel a:hover {
52.         text-decoration: underline;
53. }
54.  
55. h1 {
56.         font-family: "Bitstream Vera Serif", Georgia, Palatino, serif;
57.         font-size: 40px;
58.         margin: 0;
59.         margin-top: -1px;
60.         margin-left: 69px;      /* indentation from the debian logo on the left */
61.         padding: 0;
62.         font-weight: 100;
63.         color: #606060;
64. }
65.  
66. h2 {
67.         /* Forum header titles */
68.         font-family: "Bitstream Vera Serif", Georgia, Palatino, serif;
69.         font-weight: normal;
70.         color: #3f3f3f;
71.         font-size: 2em;
72.  
73. }
74.  
75. h2.solo {
76.         margin-bottom: 1em;
77. }
78.  
79. h3 {
80.         /* Sub-headers (also used as post headers, but defined later) */
81.         font-family: Arial, sans-serif, "Lucida Grande", "Trebuchet MS", Helvetica, Verdana;
82.         font-weight: bold;
83.         text-transform: uppercase;
84.         border-bottom: 1px solid #CCCCCC;
85.         margin-bottom: 3px;
86.         padding-bottom: 2px;
87.         font-size: 1.05em;
88.         color: #D70751;
89.         margin-top: 20px;
90. }
91.  
92. h3 a, h3 a:link, h3 a:visited, h3 a:active {
93.         color: #D70751;
94. }
95.  
96. h4 {
97.         /* Forum and topic list titles */
98.         font-family: Arial, sans-serif, "Lucida Grande", "Trebuchet MS", Helvetica, Verdana;
99.         font-size: 1.3em;
100. }
101.  
102. p {
103.         line-height: 1.3em;
104.         font-size: 1.1em;
105.         margin-bottom: 1.5em;
106. }
107.  
108. img {
109.         border-width: 0;
110. }
111.  
112. hr {
113.         /* Also see tweaks.css */
114.         border: 0 none #FFFFFF;
115.         border-top: 1px solid #d70751;
116.         height: 1px;
117.         margin: 5px 0;
118.         display: block;
119.         clear: both;
120. }
121.  
122. hr.dashed {
123.         border-top: 1px dashed #CCCCCC;
124.         margin: 10px 0;
125. }
126.  
127. hr.divider {
128.         border-top: 2px solid #B0B0B0;
129. }
130.  
131. p.right {
132.         text-align: right;
133. }
134.  
135. /* Main blocks
136. ---------------------------------------- */
137. #wrap {
138.         padding: 0;
139.         min-width: 650px;
140. }
141.  
142. #simple-wrap {
143.         padding: 6px 10px;
144. }
145.  
146. #page-body {
147.         float:right;
148.         margin:4px 0pt;
149.         width:85%;
150. }
151.  
152. #page-footer {
153.         clear: both;
154. }
155.  
156. #page-footer h3 {
157.         margin-top: 20px;
158. }
159.  
160. #logo {
161.         float: left;
162.         position: absolute;
163.         top: 5px;
164.         left: 5px;
165. }
166.  
167. a#logo:hover {
168.         text-decoration: none;
169. }
170.  
171. /* Site description and logo */
172. #site-description {
173.         float: left;
174.         width: 70%;
175. }
176.  
177. #site-description p {
178. font-family: Arial, sans-serif, "Lucida Grande", "Trebuchet MS", Helvetica, Verdana;
179.         padding: 0;
180.         margin: 0;
181.         margin-top: -1px;
182.         margin-left: 69px;      /* indentation from the debian logo on the lft */
183.         font-size: 15px;
184.         font-weight: 500;
185.         color: #606060;
186. }
187.  
188.  
189. #site-description h1 {
190.         margin-right: 0;
191. }
192.  
193. #site-description a:hover
194. {
195.         text-decoration: none;
196.         border-bottom: none;
197. }
198.  
199. /* Round cornered boxes and backgrounds
200. ---------------------------------------- */
201. .headerbar {
202.         background-color: #f0f0f0;
203.         color: #707070;
204.         margin-bottom: 4px;
205.         padding: 0 5px;
206.         height: 82px;
207.         border-bottom: 1px solid #b0b0b0;
208. }
209.  
210. .navbar {
211.         background-color: #ebebeb;
212.         padding: 0 10px;
213. }
214.  
215. .forabg {
216.         margin-bottom: 4px;
217.         padding: 0 5px;
218.         clear: both;
219. }
220.  
221. .forumbg {
222.         margin-bottom: 4px;
223.         padding: 0 5px;
224.         clear: both;
225. }
226.  
227. .panel {
228.         margin-bottom: 4px;
229.         padding: 0 10px;
230.         background-color: #f3f3f3;
231. }
232.  
233. .post {
234.         padding: 0 10px;
235.         margin-bottom: 6px;
236.         background-repeat: no-repeat;
237.         background-position: 100% 0;
238. }
239.  
240. .post:target .content {
241.         color: #000000;
242. }
243.  
244. .post:target h3 a {
245.         color: #000000;
246. }
247.  
248. .bg1 {
249.         background-color: #f7f7f7;
250. }
251.  
252. .bg2 {
253.         background-color: #e3e3e3;
254. }
255.  
256. .bg3 {
257.         background-color: #ebebeb;
258. }
259.  
260. .rowbg {
261.         margin: 5px 5px 2px 5px;
262. }
263.  
264. .ucprowbg {
265.         background-color: #e2e2e2;
266. }
267.  
268. .fieldsbg {
269.         /*border: 1px #DBDEE2 solid;*/
270.         background-color: #eaeaea;
271. }
272.  
273.  
274. /* Horizontal lists
275. ----------------------------------------*/
276. ul.linklist {
277.         display: block;
278.         margin: 0;
279. }
280.  
281. ul.linklist li {
282.         display: block;
283.         list-style-type: none;
284.         float: left;
285.         width: auto;
286.         margin-right: 5px;
287.         font-size: 1.1em;
288.         line-height: 2.2em;
289. }
290.  
291. ul.linklist li.rightside, p.rightside {
292.         float: right;
293.         margin-right: 0;
294.         margin-left: 5px;
295.         text-align: right;
296. }
297.  
298. ul.navlinks {
299.         padding-bottom: 1px;
300.         margin-bottom: 1px;
301.         border-bottom: 1px solid #FFFFFF;
302.         font-weight: bold;
303. }
304.  
305. ul.leftside {
306.         float: left;
307.         margin-left: 0;
308.         margin-right: 5px;
309.         text-align: left;
310. }
311.  
312. ul.rightside {
313.         float: right;
314.         margin-left: 5px;
315.         margin-right: -5px;
316.         text-align: right;
317. }
318.  
319. /* Table styles
320. ----------------------------------------*/
321. table.table1 thead th a, table.table1 thead th a:link, table.table1 thead th a:visited, table.table1 thead th a:active {
322.         font-size: 1em;
323. }
324.  
325. table.table1 {
326.         /* See tweaks.css */
327. }
328.  
329. #ucp-main table.table1 {
330.         padding: 2px;
331. }
332.  
333. table.table1 thead th {
334.         font-weight: normal;
335.         text-transform: uppercase;
336.         color: #FFFFFF;
337.         line-height: 1.3em;
338.         font-size: 1em;
339.         padding: 0 0 4px 3px;
340. }
341.  
342. table.table1 thead th span {
343.         padding-left: 7px;
344. }
345.  
346. table.table1 tbody tr {
347.         border: 1px solid #cfcfcf;
348. }
349.  
350. table.table1 tbody tr:hover, table.table1 tbody tr.hover {
351.         background-color: #f6f6f6;
352.         color: #000;
353. }
354.  
355. table.table1 td {
356.         color: #6a6a6a;
357.         font-size: 1.1em;
358. }
359.  
360. table.table1 tbody td {
361.         padding: 5px;
362.         border-top: 1px solid #FAFAFA;
363. }
364.  
365.  
366. table.table1 tbody th {
367.         padding: 5px;
368.         border-bottom: 1px solid #000000;
369.         text-align: left;
370.         color: #333333;
371.         background-color: #FFFFFF;
372. }
373.  
374. /* Specific column styles */
375. table.table1 .name              { text-align: left; }
376. table.table1 .posts             { text-align: center !important; width: 7%; }
377. table.table1 .joined    { text-align: left; width: 15%; }
378. table.table1 .active    { text-align: left; width: 15%; }
379. table.table1 .mark              { text-align: center; width: 7%; }
380. table.table1 .info              { text-align: left; width: 30%; }
381. table.table1 .info div  { width: 100%; white-space: nowrap; overflow: hidden; }
382. table.table1 .autocol   { line-height: 2em; white-space: nowrap; }
383. table.table1 thead .autocol { padding-left: 1em; }
384.  
385. table.table1 span.rank-img {
386.         float: right;
387.         width: auto;
388. }
389.  
390. table.info td {
391.         padding: 3px;
392. }
393.  
394. table.info tbody th {
395.         padding: 3px;
396.         text-align: right;
397.         vertical-align: top;
398.         color: #000000;
399.         font-weight: normal;
400. }
401.  
402. .forumbg table.table1 {
403.         margin: 0 -2px -1px -1px;
404. }
405.  
406. /* Misc layout styles
407. ---------------------------------------- */
408. /* column[1-2] styles are containers for two column layouts
409.    Also see tweaks.css */
410. .column1 {
411.         float: left;
412.         clear: left;
413.         width: 49%;
414. }
415.  
416. .column2 {
417.         float: right;
418.         clear: right;
419.         width: 49%;
420. }
421.  
422. /* General classes for placing floating blocks */
423. .left-box {
424.         float: left;
425.         width: auto;
426.         text-align: left;
427. }
428.  
429. .right-box {
430.         float: right;
431.         width: auto;
432.         text-align: right;
433. }
434.  
435. dl.details {
436.         /*font-family: Arial, sans-serif, "Lucida Grande", "Trebuchet MS", Helvetica, Verdana;*/
437.         font-size: 1.1em;
438. }
439.  
440. dl.details dt {
441.         float: left;
442.         clear: left;
443.         width: 30%;
444.         text-align: right;
445.         color: #000000;
446.         display: block;
447. }
448.  
449. dl.details dd {
450.         margin-left: 0;
451.         padding-left: 5px;
452.         margin-bottom: 5px;
453.         color: #828282;
454.         float: left;
455.         width: 65%;
456. }
457.  
458. /* Pagination
459. ---------------------------------------- */
460. .pagination {
461.         height: 1%; /* IE tweak (holly hack) */
462.         width: auto;
463.         text-align: right;
464.         margin-top: 5px;
465.         float: right;
466. }
467.  
468. .pagination span.page-sep {
469.         display: none;
470. }
471.  
472. li.pagination {
473.         margin-top: 0;
474. }
475.  
476. .pagination strong, .pagination b {
477.         font-weight: normal;
478. }
479.  
480. .pagination span strong {
481.         padding: 0 2px;
482.         margin: 0 2px;
483.         font-weight: normal;
484.         color: #FFFFFF;
485.         background-color: #bfbfbf;
486.         border: 1px solid #bfbfbf;
487.         font-size: 0.9em;
488. }
489.  
490. .pagination span a, .pagination span a:link, .pagination span a:visited, .pagination span a:active {
491.         font-weight: normal;
492.         text-decoration: none;
493.         color: #747474;
494.         margin: 0 2px;
495.         padding: 0 2px;
496.         background-color: #eeeeee;
497.         border: 1px solid #bababa;
498.         font-size: 0.9em;
499.         line-height: 1.5em;
500. }
501.  
502. .pagination span a:hover {
503.         border-color: #d2d2d2;
504.         background-color: #d2d2d2;
505.         color: #FFF;
506.         text-decoration: none;
507. }
508.  
509. .pagination img {
510.         vertical-align: middle;
511. }
512.  
513. /* Pagination in viewforum for multipage topics */
514. .row .pagination {
515.         display: block;
516.         float: right;
517.         width: auto;
518.         margin-top: 0;
519.         padding: 1px 0 1px 15px;
520.         font-size: 0.9em;
521.         background: none 0 50% no-repeat;
522. }
523.  
524. .row .pagination span a, li.pagination span a {
525.         background-color: #FFFFFF;
526. }
527.  
528. .row .pagination span a:hover, li.pagination span a:hover {
529.         background-color: #d2d2d2;
530. }
531.  
532. /* Miscellaneous styles
533. ---------------------------------------- */
534. #forum-permissions {
535.         float: right;
536.         width: auto;
537.         padding-left: 5px;
538.         margin-left: 5px;
539.         margin-top: 10px;
540.         text-align: right;
541. }
542.  
543. .copyright {
544.         font-family: Arial, sans-serif, "Lucida Grande", "Trebuchet MS", Helvetica, Verdana;
545.         font-size: 8pt;
546.         background-color: #f0f0f0;
547.         color: #606060;
548.         padding: 0.2em 1em 0.2em 1em;
549.         margin: 2em 0 0 0;
550.         text-align: center;
551.         line-height: 1.2;
552.         clear: both;
553.         border-top: 1px solid #b0b0b0;
554. }
555.  
556. .copyright a:link, .copyright a:active, .copyright a:visited {
557.         color: #606060;
558.         text-decoration: underline;
559. }
560.  
561. .copyright a:hover {
562.         color: #606060;
563.         text-decoration: none;
564. }
565.  
566. .small {
567.         font-size: 0.9em !important;
568. }
569.  
570. .titlespace {
571.         margin-bottom: 15px;
572. }
573.  
574. .headerspace {
575.         margin-top: 20px;
576. }
577.  
578. .error {
579.         color: #bcbcbc;
580.         font-weight: bold;
581.         font-size: 1em;
582. }
583.  
584. .reported {
585.         background-color: #f7f7f7;
586. }
587.  
588. li.reported:hover {
589.         background-color: #ececec;
590. }
591.  
592. div.rules {
593.         background-color: #ececec;
594.         color: #bcbcbc;
595.         padding: 0 10px;
596.         margin: 10px 0;
597.         font-size: 1.1em;
598. }
599.  
600. div.rules ul {
601.         margin-left: 20px;
602. }
603.  
604. p.rules {
605.         background-color: #ececec;
606.         background-image: none;
607.         padding: 5px;
608. }
609.  
610. p.rules img {
611.         vertical-align: middle;
612. }
613.  
614. p.rules a {
615.         vertical-align: middle;
616.         clear: both;
617. }
618.  
619. #top {
620.         position: absolute;
621.         top: -20px;
622. }
623.  
624. .clear {
625.         display: block;
626.         clear: both;
627.         font-size: 1px;
628.         line-height: 1px;
629.         background: transparent;
630. }
631. /* proSilver Link Styles
632. ---------------------------------------- */
633.  
634. a:link  { color: #898989; text-decoration: none; }
635. a:visited       { color: #898989; text-decoration: none; }
636. a:hover { color: #d3d3d3; text-decoration: underline; }
637. a:active        { color: #d2d2d2; text-decoration: none; }
638.  
639. /* Coloured usernames */
640. .username-coloured {
641.         font-weight: bold;
642.         display: inline !important;
643. }
644.  
645. /* Links on gradient backgrounds */
646. #search-box a:link, .navbg a:link, .forumbg .header a:link, .header a:link, th a:link {
647.         color: #000000;
648.         text-decoration: none;
649. }
650.  
651. #search-box a:visited, .navbg a:visited, .forumbg .header a:visited, .header a:visited, th a:visited {
652.         color: #000000;
653.         text-decoration: none;
654. }
655.  
656. #search-box a:hover, .navbg a:hover, .forumbg .header a:hover, .header a:hover, th a:hover {
657.         color: #ffffff;
658.         text-decoration: underline;
659. }
660.  
661. #search-box a:active, .navbg a:active, .forumbg .header a:active, .header a:active, th a:active {
662.         color: #ffffff;
663.         text-decoration: none;
664. }
665.  
666. /* Links for forum/topic lists */
667. a.forumtitle {
668.         font-family: Arial, sans-serif, "Lucida Grande", "Trebuchet MS", Helvetica, Verdana;
669.         font-size: 1.2em;
670.         font-weight: bold;
671.         color: #898989;
672.         text-decoration: none;
673. }
674.  
675. /* a.forumtitle:visited { color: #898989; } */
676.  
677. a.forumtitle:hover {
678.         color: #bcbcbc;
679.         text-decoration: underline;
680. }
681.  
682. a.forumtitle:active {
683.         color: #898989;
684. }
685.  
686. a.topictitle {
687.         font-family: Arial, sans-serif, "Lucida Grande", "Trebuchet MS", Helvetica, Verdana;
688.         font-size: 1.2em;
689.         font-weight: bold;
690.         color: #898989;
691.         text-decoration: none;
692. }
693.  
694. /* a.topictitle:visited { color: #d2d2d2; } */
695.  
696. a.topictitle:hover {
697.         color: #bcbcbc;
698.         text-decoration: underline;
699. }
700.  
701. a.topictitle:active {
702.         color: #898989;
703. }
704.  
705. /* Post body links */
706. .postlink {
707.         text-decoration: none;
708.         color: #D70751;
709. }
710.  
711. .postlink:visited {
712.         text-decoration: none;
713.         color: #D70751;
714. }
715.  
716. .postlink:active {
717.         text-decoration: none;
718.         color: #D70751;
719. }
720.  
721. .postlink:hover {
722.         text-decoration: underline;
723.         color: #D70751;
724. }
725.  
726. .signature a, .signature a:visited, .signature a:active {
727.         border: none;
728.         text-decoration: none;
729.         color: #D70751;
730. }
731.  
732. .signature a:hover {
733.         border: none;
734.         text-decoration: underline;
735. }
736.  
737. /* Profile links */
738. .postprofile a:link, .postprofile a:active, .postprofile a:visited, .postprofile dt.author a {
739.         font-weight: bold;
740.         color: #D70751;
741.         text-decoration: none;
742. }
743.  
744. .postprofile a:hover, .postprofile dt.author a:hover {
745.         text-decoration: underline;
746.         color: #D70751;
747. }
748.  
749.  
750. /* Profile searchresults */    
751. .search .postprofile a {
752.         color: #898989;
753.         text-decoration: none;
754.         font-weight: normal;
755. }
756.  
757. .search .postprofile a:hover {
758.         color: #d3d3d3;
759.         text-decoration: underline;
760. }
761.  
762. /* Back to top of page */
763. .back2top {
764.         clear: both;
765.         height: 11px;
766.         text-align: right;
767. }
768.  
769. a.top {
770.         background: none no-repeat top left;
771.         text-decoration: none;
772.         width: 11px;
773.         height: 11px;
774.         display: block;
775.         float: right;
776.         overflow: hidden;
777.         letter-spacing: 1000px;
778.         text-indent: 11px;
779. }
780.  
781. a.top2 {
782.         background: none no-repeat 0 50%;
783.         text-decoration: none;
784.         padding-left: 15px;
785. }
786.  
787. /* Arrow links  */
788. a.up            { background: none no-repeat left center; }
789. a.down          { background: none no-repeat right center; }
790. a.left          { background: none no-repeat 3px 60%; }
791. a.right         { background: none no-repeat 95% 60%; }
792.  
793. a.up, a.up:link, a.up:active, a.up:visited {
794.         padding-left: 10px;
795.         text-decoration: none;
796.         border-bottom-width: 0;
797. }
798.  
799. a.up:hover {
800.         background-position: left top;
801.         background-color: transparent;
802. }
803.  
804. a.down, a.down:link, a.down:active, a.down:visited {
805.         padding-right: 10px;
806. }
807.  
808. a.down:hover {
809.         background-position: right bottom;
810.         text-decoration: none;
811. }
812.  
813. a.left, a.left:active, a.left:visited {
814.         padding-left: 12px;
815. }
816.  
817. a.left:hover {
818.         color: #d2d2d2;
819.         text-decoration: none;
820.         background-position: 0 60%;
821. }
822.  
823. a.right, a.right:active, a.right:visited {
824.         padding-right: 12px;
825. }
826.  
827. a.right:hover {
828.         color: #d2d2d2;
829.         text-decoration: none;
830.         background-position: 100% 60%;
831. }
832. /* proSilver Content Styles
833. ---------------------------------------- */
834.  
835. ul.topiclist {
836.         display: block;
837.         list-style-type: none;
838.         margin: 0;
839. }
840.  
841. ul.forums {
842.         background: #f9f9f9 none repeat-x 0 0;
843. }
844.  
845. ul.topiclist li {
846.         display: block;
847.         list-style-type: none;
848.         color: #777777;
849.         margin: 0;
850. }
851.  
852. ul.topiclist dl {
853.         position: relative;
854. }
855.  
856. ul.topiclist li.row dl {
857.         padding: 2px 0;
858. }
859.  
860. ul.topiclist dt {
861.         display: block;
862.         float: left;
863.         width: 50%;
864.         font-size: 1.1em;
865.         padding-left: 5px;
866.         padding-right: 5px;
867. }
868.  
869. ul.topiclist dd {
870.         display: block;
871.         float: left;
872.         border-left: 1px solid #FFFFFF;
873.         padding: 4px 0;
874. }
875.  
876. ul.topiclist dfn {
877.         /* Labels for post/view counts */
878.         display: none;
879. }
880.  
881. ul.topiclist li.row dt a.subforum {
882.         background-image: none;
883.         background-position: 0 50%;
884.         background-repeat: no-repeat;
885.         position: relative;
886.         white-space: nowrap;
887.         padding: 0 0 0 12px;
888. }
889.  
890. .forum-image {
891.         float: left;
892.         padding-top: 5px;
893.         margin-right: 5px;
894. }
895.  
896. li.row {
897.         border-top: 1px solid #FFFFFF;
898.         border-bottom: 1px solid #8f8f8f;
899. }
900.  
901. li.row strong {
902.         font-weight: normal;
903.         color: #000000;
904. }
905.  
906. li.row:hover {
907.         background-color: #f6f6f6;
908. }
909.  
910. li.row:hover dd {
911.         border-left-color: #CCCCCC;
912. }
913.  
914. li.header dt, li.header dd {
915.         line-height: 1em;
916.         border-left-width: 0;
917.         margin: 2px 0 4px 0;
918.         color: #000000;
919.         padding-top: 2px;
920.         padding-bottom: 2px;
921.         font-size: 1em;
922.         font-family: Arial, sans-serif, "Lucida Grande", "Trebuchet MS", Helvetica, Verdana;
923.         text-transform: uppercase;
924. }
925.  
926. li.header dt {
927.  
928. }
929.  
930. li.header dd {
931.         margin-left: 1px;
932. }
933.  
934. li.header dl.icon {
935.         min-height: 0;
936. }
937.  
938. li.header dl.icon dt {
939.         /* Tweak for headers alignment when folder icon used */
940.         padding-left: 0;
941.         padding-right: 50px;
942. }
943.  
944. /* Forum list column styles */
945. dl.icon {
946.         min-height: 35px;
947.         background-position: 10px 50%;          /* Position of folder icon */
948.         background-repeat: no-repeat;
949. }
950.  
951. dl.icon dt {
952.         padding-left: 45px;                                     /* Space for folder icon */
953.         background-repeat: no-repeat;
954.         background-position: 5px 95%;           /* Position of topic icon */
955. }
956.  
957. dd.posts, dd.topics, dd.views {
958.         width: 8%;
959.         text-align: center;
960.         line-height: 2.2em;
961.         font-size: 1.2em;
962. }
963.  
964. dd.lastpost {
965.         width: 25%;
966.         font-size: 1.1em;
967. }
968.  
969. dd.lastpost a {
970.         color: #D70751;
971. }
972.  
973.  
974. dd.lastpost a:hover {
975.         text-decoration: underline;
976. }
977.  
978. dd.redirect {
979.         font-size: 1.1em;
980.         line-height: 2.5em;
981. }
982.  
983. dd.moderation {
984.         font-size: 1.1em;
985. }
986.  
987. dd.lastpost span, ul.topiclist dd.searchby span, ul.topiclist dd.info span, ul.topiclist dd.time span, dd.redirect span, dd.moderation span {
988.         display: block;
989.         padding-left: 5px;
990. }
991.  
992. dd.time {
993.         width: auto;
994.         line-height: 200%;
995.         font-size: 1.1em;
996. }
997.  
998. dd.extra {
999.         width: 12%;
1000.         line-height: 200%;
1001.         text-align: center;
1002.         font-size: 1.1em;
1003. }
1004.  
1005. dd.mark {
1006.         float: right !important;
1007.         width: 9%;
1008.         text-align: center;
1009.         line-height: 200%;
1010.         font-size: 1.2em;
1011. }
1012.  
1013. dd.info {
1014.         width: 30%;
1015. }
1016.  
1017. dd.option {
1018.         width: 15%;
1019.         line-height: 200%;
1020.         text-align: center;
1021.         font-size: 1.1em;
1022. }
1023.  
1024. dd.searchby {
1025.         width: 47%;
1026.         font-size: 1.1em;
1027.         line-height: 1em;
1028. }
1029.  
1030. ul.topiclist dd.searchextra {
1031.         margin-left: 5px;
1032.         padding: 0.2em 0;
1033.         font-size: 1.1em;
1034.         color: #333333;
1035.         border-left: none;
1036.         clear: both;
1037.         width: 98%;
1038.         overflow: hidden;
1039. }
1040.  
1041. /* Container for post/reply buttons and pagination */
1042. .topic-actions {
1043.         margin-bottom: 3px;
1044.         font-size: 1.1em;
1045.         height: 28px;
1046.         min-height: 28px;
1047. }
1048. div[class].topic-actions {
1049.         height: auto;
1050. }
1051.  
1052. /* Post body styles
1053. ----------------------------------------*/
1054. .postbody {
1055.         padding: 0;
1056.         line-height: 1.48em;
1057.         color: #333333;
1058.         width: 76%;
1059.         float: left;
1060.         clear: both;
1061. }
1062.  
1063. .postbody a:link {
1064.    color: #d70751;
1065. }
1066.  
1067. .postbody .ignore {
1068.         font-size: 1.1em;
1069. }
1070.  
1071. .postbody h3.first {
1072.         /* The first post on the page uses this */
1073.         font-size: 1.3em;
1074. }
1075.  
1076. .postbody h3.unread {
1077.         background-color: #D70751;
1078. }
1079.  
1080. .postbody h3 {
1081.         /* Postbody requires a different h3 format - so change it here */
1082.         font-size: 1.2em;
1083.         padding: 2px 0 0 0;
1084.         margin: 0 0 0.3em 0 !important;
1085.         text-transform: none;
1086.         border: none;
1087.         font-family: Arial, sans-serif, "Lucida Grande", "Trebuchet MS", Helvetica, Verdana;
1088.         line-height: 125%;
1089. }
1090.  
1091. .postbody h3 img {
1092.         /* Also see tweaks.css */
1093.         vertical-align: bottom;
1094. }
1095.  
1096. .postbody .content {
1097.         font-size: 1.3em;
1098. }
1099.  
1100. .search .postbody {
1101.         width: 68%
1102. }
1103.  
1104. /* Topic review panel
1105. ----------------------------------------*/
1106. #review {
1107.         margin-top: 2em;
1108. }
1109.  
1110. #topicreview {
1111.         padding-right: 5px;
1112.         overflow: auto;
1113.         height: 300px;
1114. }
1115.  
1116. #topicreview .postbody {
1117.         width: auto;
1118.         float: none;
1119.         margin: 0;
1120.         height: auto;
1121. }
1122.  
1123. #topicreview .post {
1124.         height: auto;
1125. }
1126.  
1127. #topicreview h2 {
1128.         border-bottom-width: 0;
1129. }
1130.  
1131. /* Content container styles
1132. ----------------------------------------*/
1133. .content {
1134.         min-height: 3em;
1135.         overflow: hidden;
1136.         line-height: 1.4em;
1137.         font-family: Arial, sans-serif, "Lucida Grande", "Trebuchet MS", Helvetica, Verdana;
1138.         font-size: 1em;
1139.         color: #333333;
1140. }
1141.  
1142. .content h2, .panel h2 {
1143.         font-weight: normal;
1144.         color: #989898;
1145.         border-bottom: 1px solid #CCCCCC;
1146.         font-size: 1.6em;
1147.         margin-top: 0.5em;
1148.         margin-bottom: 0.5em;
1149.         padding-bottom: 0.5em;
1150. }
1151.  
1152. .panel h3 {
1153.         margin: 0.5em 0;
1154. }
1155.  
1156. .panel p {
1157.         font-size: 1.2em;
1158.         margin-bottom: 1em;
1159.         line-height: 1.4em;
1160. }
1161.  
1162. .content p {
1163.         font-family: Arial, sans-serif, "Lucida Grande", "Trebuchet MS", Helvetica, Verdana;
1164.         font-size: 1.2em;
1165.         margin-bottom: 1em;
1166.         line-height: 1.4em;
1167. }
1168.  
1169. dl.faq {
1170.         font-family: Arial, sans-serif, "Lucida Grande", "Trebuchet MS", Helvetica, Verdana;
1171.         font-size: 1.1em;
1172.         margin-top: 1em;
1173.         margin-bottom: 2em;
1174.         line-height: 1.4em;
1175. }
1176.  
1177. dl.faq dt {
1178.         font-weight: bold;
1179.         color: #333333;
1180. }
1181.  
1182. .content dl.faq {
1183.         font-size: 1.2em;
1184.         margin-bottom: 0.5em;
1185. }
1186.  
1187. .content li {
1188.         list-style-type: inherit;
1189. }
1190.  
1191. .content ul, .content ol {
1192.         margin-bottom: 1em;
1193.         margin-left: 3em;
1194. }
1195.  
1196. .posthilit {
1197.         background-color: #f3f3f3;
1198.         color: #BCBCBC;
1199.         padding: 0 2px 1px 2px;
1200. }
1201.  
1202. .announce, .unreadpost {
1203.         /* Highlight the announcements & unread posts box */
1204.         border-left-color: #BCBCBC;
1205.         border-right-color: #BCBCBC;
1206. }
1207.  
1208. /* Post author */
1209. p.author {
1210.         margin: 0 15em 0.6em 0;
1211.         padding: 0 0 5px 0;
1212.         font-family: Arial, sans-serif, "Lucida Grande", "Trebuchet MS", Helvetica, Verdana;
1213.         font-size: 1em;
1214.         line-height: 1.2em;
1215. }
1216.  
1217. /* Post signature */
1218. .signature {
1219.         margin-top: 1.5em;
1220.         padding-top: 0.2em;
1221.         font-size: 1.1em;
1222.         border-top: 2px dotted #B0B0B0;
1223.         clear: left;
1224.         line-height: 140%;
1225.         overflow: hidden;
1226.         width: 100%;
1227. }
1228.  
1229. dd .signature {
1230.         margin: 0;
1231.         padding: 0;
1232.         clear: none;
1233.         border: none;
1234. }
1235.  
1236. /* Post noticies */
1237. .notice {
1238.         font-family: Arial, sans-serif, "Lucida Grande", "Trebuchet MS", Helvetica, Verdana;
1239.         width: auto;
1240.         margin-top: 1.5em;
1241.         padding-top: 0.2em;
1242.         font-size: 1em;
1243.         border-top: 1px dashed #CCCCCC;
1244.         clear: left;
1245.         line-height: 130%;
1246. }
1247.  
1248. /* Jump to post link for now */
1249. ul.searchresults {
1250.         list-style: none;
1251.         text-align: right;
1252.         clear: both;
1253. }
1254.  
1255. /* BB Code styles
1256. ----------------------------------------*/
1257. /* Quote block */
1258. blockquote {
1259.         background: #ebebeb none 6px 8px no-repeat;
1260.         border: 1px solid #dbdbdb;
1261.         font-size: 0.95em;
1262.         margin: 0.5em 1px 0 25px;
1263.         overflow: hidden;
1264.         padding: 5px;
1265. }
1266.  
1267. blockquote blockquote {
1268.         /* Nested quotes */
1269.         background-color: #bababa;
1270.         font-size: 1em;
1271.         margin: 0.5em 1px 0 15px;      
1272. }
1273.  
1274. blockquote blockquote blockquote {
1275.         /* Nested quotes */
1276.         background-color: #e4e4e4;
1277. }
1278.  
1279. blockquote cite {
1280.         /* Username/source of quoter */
1281.         font-style: normal;
1282.         font-weight: bold;
1283.         margin-left: 20px;
1284.         display: block;
1285.         font-size: 0.9em;
1286. }
1287.  
1288. blockquote cite cite {
1289.         font-size: 1em;
1290. }
1291.  
1292. blockquote.uncited {
1293.         padding-top: 25px;
1294. }
1295.  
1296. /* Code block */
1297. dl.codebox {
1298.         padding: 3px;
1299.         background-color: #FFFFFF;
1300.         border: 1px solid #d8d8d8;
1301.         font-size: 1em;
1302. }
1303.  
1304. dl.codebox dt {
1305.         text-transform: uppercase;
1306.         border-bottom: 1px solid #CCCCCC;
1307.         margin-bottom: 3px;
1308.         font-size: 0.6em;
1309.         font-weight: bold;
1310.         display: block;
1311. }
1312.  
1313. blockquote dl.codebox {
1314.         margin-left: 0;
1315. }
1316.  
1317. dl.codebox code {
1318.         /* Also see tweaks.css */
1319.         overflow: auto;
1320.         display: block;
1321.         height: auto;
1322.         white-space: normal;
1323.         padding-top: 5px;
1324.         font: 0.9em Monaco, "Andale Mono","Courier New", Courier, mono;
1325.         line-height: 1.3em;
1326.         color: #8b8b8b;
1327.         margin: 2px 0;
1328. }
1329.  
1330. .syntaxbg               { color: #FFFFFF; }
1331. .syntaxcomment  { color: #000000; }
1332. .syntaxdefault  { color: #bcbcbc; }
1333. .syntaxhtml             { color: #000000; }
1334. .syntaxkeyword  { color: #585858; }
1335. .syntaxstring   { color: #a7a7a7; }
1336.  
1337. /* Attachments
1338. ----------------------------------------*/
1339. .attachbox {
1340.         float: left;
1341.         width: auto;
1342.         margin: 5px 5px 5px 0;
1343.         padding: 6px;
1344.         background-color: #FFFFFF;
1345.         border: 1px dashed #d8d8d8;
1346.         clear: left;
1347. }
1348.  
1349. .pm-message .attachbox {
1350.         background-color: #f3f3f3;
1351. }
1352.  
1353. .attachbox dt {
1354.         font-family: Arial, sans-serif, "Lucida Grande", "Trebuchet MS", Helvetica, Verdana;
1355.         text-transform: uppercase;
1356. }
1357.  
1358. .attachbox dd {
1359.         margin-top: 4px;
1360.         padding-top: 4px;
1361.         clear: left;
1362.         border-top: 1px solid #d8d8d8;
1363. }
1364.  
1365. .attachbox dd dd {
1366.         border: none;
1367. }
1368.  
1369. .attachbox p {
1370.         line-height: 110%;
1371.         color: #666666;
1372.         font-weight: normal;
1373.         clear: left;
1374. }
1375.  
1376. .attachbox p.stats
1377. {
1378.         line-height: 110%;
1379.         color: #666666;
1380.         font-weight: normal;
1381.         clear: left;
1382. }
1383.  
1384. .attach-image {
1385.         margin: 3px 0;
1386.         width: 100%;
1387.         max-height: 350px;
1388.         overflow: auto;
1389. }
1390.  
1391. .attach-image img {
1392.         border: 1px solid #999999;
1393. /*      cursor: move; */
1394.         cursor: default;
1395. }
1396.  
1397. /* Inline image thumbnails */
1398. div.inline-attachment dl.thumbnail, div.inline-attachment dl.file {
1399.         display: block;
1400.         margin-bottom: 4px;
1401. }
1402.  
1403. div.inline-attachment p {
1404.         font-size: 100%;
1405. }
1406.  
1407. dl.file {
1408.         font-family: Verdana, Arial, Helvetica, sans-serif;
1409.         display: block;
1410. }
1411.  
1412. dl.file dt {
1413.         text-transform: none;
1414.         margin: 0;
1415.         padding: 0;
1416.         font-weight: bold;
1417.         font-family: Verdana, Arial, Helvetica, sans-serif;
1418. }
1419.  
1420. dl.file dd {
1421.         color: #666666;
1422.         margin: 0;
1423.         padding: 0;    
1424. }
1425.  
1426. dl.thumbnail img {
1427.         padding: 3px;
1428.         border: 1px solid #666666;
1429.         background-color: #FFF;
1430. }
1431.  
1432. dl.thumbnail dd {
1433.         color: #666666;
1434.         font-style: italic;
1435.         font-family: Verdana, Arial, Helvetica, sans-serif;
1436. }
1437.  
1438. .attachbox dl.thumbnail dd {
1439.         font-size: 100%;
1440. }
1441.  
1442. dl.thumbnail dt a:hover {
1443.         background-color: #EEEEEE;
1444. }
1445.  
1446. dl.thumbnail dt a:hover img {
1447.         border: 1px solid #d2d2d2;
1448. }
1449.  
1450. /* Post poll styles
1451. ----------------------------------------*/
1452. fieldset.polls {
1453.         font-family: Arial, sans-serif, "Lucida Grande", "Trebuchet MS", Helvetica, Verdana;
1454. }
1455.  
1456. fieldset.polls dl {
1457.         margin-top: 5px;
1458.         border-top: 1px solid #e2e2e2;
1459.         padding: 5px 0 0 0;
1460.         line-height: 120%;
1461.         color: #666666;
1462. }
1463.  
1464. fieldset.polls dl.voted {
1465.         font-weight: bold;
1466.         color: #000000;
1467. }
1468.  
1469. fieldset.polls dt {
1470.         text-align: left;
1471.         float: left;
1472.         display: block;
1473.         width: 30%;
1474.         border-right: none;
1475.         padding: 0;
1476.         margin: 0;
1477.         font-size: 1.1em;
1478. }
1479.  
1480. fieldset.polls dd {
1481.         float: left;
1482.         width: 10%;
1483.         border-left: none;
1484.         padding: 0 5px;
1485.         margin-left: 0;
1486.         font-size: 1.1em;
1487. }
1488.  
1489. fieldset.polls dd.resultbar {
1490.         width: 50%;
1491. }
1492.  
1493. fieldset.polls dd input {
1494.         margin: 2px 0;
1495. }
1496.  
1497. fieldset.polls dd div {
1498.         text-align: right;
1499.         font-family: Arial, sans-serif, "Lucida Grande", "Trebuchet MS", Helvetica, Verdana;
1500.         color: #000000;
1501.         font-weight: bold;
1502.         padding: 0 2px;
1503.         overflow: visible;
1504.         min-width: 2%;
1505. }
1506.  
1507. .pollbar1 {
1508.         background-color: #aaaaaa;
1509.         border-bottom: 1px solid #747474;
1510.         border-right: 1px solid #747474;
1511. }
1512.  
1513. .pollbar2 {
1514.         background-color: #bebebe;
1515.         border-bottom: 1px solid #8c8c8c;
1516.         border-right: 1px solid #8c8c8c;
1517. }
1518.  
1519. .pollbar3 {
1520.         background-color: #D1D1D1;
1521.         border-bottom: 1px solid #aaaaaa;
1522.         border-right: 1px solid #aaaaaa;
1523. }
1524.  
1525. .pollbar4 {
1526.         background-color: #e4e4e4;
1527.         border-bottom: 1px solid #bebebe;
1528.         border-right: 1px solid #bebebe;
1529. }
1530.  
1531. .pollbar5 {
1532.         background-color: #f8f8f8;
1533.         border-bottom: 1px solid #D1D1D1;
1534.         border-right: 1px solid #D1D1D1;
1535. }
1536.  
1537. /* Poster profile block
1538. ----------------------------------------*/
1539. .postprofile {
1540.         /* Also see tweaks.css */
1541.         margin: 5px 0 10px 0;
1542.         min-height: 100%;
1543.         color: #666666;
1544.         border-left: 1px solid #FFFFFF;
1545.         width: 22%;
1546.         float: right;
1547.         display: inline;
1548. }
1549. .pm .postprofile {
1550.         border-left: 1px solid #DDDDDD;
1551. }
1552.  
1553. .postprofile dd, .postprofile dt {
1554.         line-height: 1.2em;
1555.         margin-left: 8px;
1556. }
1557.  
1558. .postprofile strong {
1559.         font-weight: normal;
1560.         color: #000000;
1561. }
1562.  
1563. .avatar {
1564.         border: none;
1565.         margin-bottom: 3px;
1566. }
1567.  
1568. .online {
1569.         background-image: none;
1570.         background-position: 100% 0;
1571.         background-repeat: no-repeat;
1572. }
1573.  
1574. /* Poster profile used by search*/
1575. .search .postprofile {
1576.         width: 30%;
1577. }
1578.  
1579. /* pm list in compose message if mass pm is enabled */
1580. dl.pmlist dt {
1581.         width: 60% !important;
1582. }
1583.  
1584. dl.pmlist dt textarea {
1585.         width: 95%;
1586. }
1587.  
1588. dl.pmlist dd {
1589.         margin-left: 61% !important;
1590.         margin-bottom: 2px;
1591. }
1592. /* proSilver Button Styles
1593. ---------------------------------------- */
1594.  
1595. /* Rollover buttons
1596.    Based on: http://wellstyled.com/css-nopreload-rollovers.html
1597. ----------------------------------------*/
1598. .buttons {
1599.         float: left;
1600.         width: auto;
1601.         height: auto;
1602. }
1603.  
1604. /* Rollover state */
1605. .buttons div {
1606.         float: left;
1607.         margin: 0 5px 0 0;
1608.         background-position: 0 100%;
1609. }
1610.  
1611. /* Rolloff state */
1612. .buttons div a {
1613.         display: block;
1614.         width: 100%;
1615.         height: 100%;
1616.         background-position: 0 0;
1617.         position: relative;
1618.         overflow: hidden;
1619. }
1620.  
1621. /* Hide <a> text and hide off-state image when rolling over (prevents flicker in IE) */
1622. /*.buttons div span             { display: none; }*/
1623. /*.buttons div a:hover  { background-image: none; }*/
1624. .buttons div span                       { position: absolute; width: 100%; height: 100%; cursor: pointer;}
1625. .buttons div a:hover span       { background-position: 0 100%; }
1626.  
1627. /* Big button images */
1628. .reply-icon span        { background: transparent none 0 0 no-repeat; }
1629. .post-icon span         { background: transparent none 0 0 no-repeat; }
1630. .locked-icon span       { background: transparent none 0 0 no-repeat; }
1631. .pmreply-icon span      { background: none 0 0 no-repeat; }
1632. .newpm-icon span        { background: none 0 0 no-repeat; }
1633. .forwardpm-icon span    { background: none 0 0 no-repeat; }
1634.  
1635. /* Set big button dimensions */
1636. .buttons div.reply-icon         { width: 96px; height: 25px; }
1637. .buttons div.post-icon          { width: 96px; height: 25px; }
1638. .buttons div.locked-icon        { width: 88px; height: 25px; }
1639. .buttons div.pmreply-icon       { width: 96px; height: 25px; }
1640. .buttons div.newpm-icon         { width: 84px; height: 25px; }
1641. .buttons div.forwardpm-icon     { width: 96px; height: 25px; }
1642.  
1643. /* Sub-header (navigation bar)
1644. --------------------------------------------- */
1645. a.print, a.sendemail, a.fontsize {
1646.         display: block;
1647.         overflow: hidden;
1648.         height: 24px;
1649.         text-indent: -5000px;
1650.         text-align: left;
1651.         background-repeat: no-repeat;
1652. }
1653.  
1654. a.print {
1655.         background-image: none;
1656.         width: 24px;
1657. }
1658.  
1659. a.sendemail {
1660.         background-image: none;
1661.         width: 24px;
1662. }
1663.  
1664. a.fontsize {
1665.         background-image: none;
1666.         background-position: 0 -1px;
1667.         width: 29px;
1668. }
1669.  
1670. a.fontsize:hover {
1671.         background-position: 0 -20px;
1672.         text-decoration: none;
1673. }
1674.  
1675. /* Icon images
1676. ---------------------------------------- */
1677. .sitehome, .icon-faq, .icon-members, .icon-home, .icon-ucp, .icon-register, .icon-logout,
1678. .icon-bookmark, .icon-bump, .icon-subscribe, .icon-unsubscribe, .icon-pages, .icon-search {
1679.         background-position: 0 50%;
1680.         background-repeat: no-repeat;
1681.         background-image: none;
1682.         padding: 1px 0 0 17px;
1683. }
1684.  
1685. /* Poster profile icons
1686. ----------------------------------------*/
1687. ul.profile-icons {
1688.         padding-top: 10px;
1689.         list-style: none;
1690. }
1691.  
1692. /* Rollover state */
1693. ul.profile-icons li {
1694.         float: left;
1695.         margin: 0 6px 3px 0;
1696.         background-position: 0 100%;
1697. }
1698.  
1699. /* Rolloff state */
1700. ul.profile-icons li a {
1701.         display: block;
1702.         width: 100%;
1703.         height: 100%;
1704.         background-position: 0 0;
1705. }
1706.  
1707. /* Hide <a> text and hide off-state image when rolling over (prevents flicker in IE) */
1708. ul.profile-icons li span { display:none; }
1709. ul.profile-icons li a:hover { background: none; }
1710.  
1711. /* Positioning of moderator icons */
1712. .postbody ul.profile-icons {
1713.         float: right;
1714.         width: auto;
1715.         padding: 0;
1716. }
1717.  
1718. .postbody ul.profile-icons li {
1719.         margin: 0 3px;
1720. }
1721.  
1722. /* Profile & navigation icons */
1723. .email-icon, .email-icon a              { background: none top left no-repeat; }
1724. .aim-icon, .aim-icon a                  { background: none top left no-repeat; }
1725. .yahoo-icon, .yahoo-icon a              { background: none top left no-repeat; }
1726. .web-icon, .web-icon a                  { background: none top left no-repeat; }
1727. .msnm-icon, .msnm-icon a                        { background: none top left no-repeat; }
1728. .icq-icon, .icq-icon a                  { background: none top left no-repeat; }
1729. .jabber-icon, .jabber-icon a            { background: none top left no-repeat; }
1730. .pm-icon, .pm-icon a                            { background: none top left no-repeat; }
1731. .quote-icon, .quote-icon a              { background: none top left no-repeat; }
1732.  
1733. /* Moderator icons */
1734. .report-icon, .report-icon a            { background: none top left no-repeat; }
1735. .warn-icon, .warn-icon a                        { background: none top left no-repeat; }
1736. .edit-icon, .edit-icon a                        { background: none top left no-repeat; }
1737. .delete-icon, .delete-icon a            { background: none top left no-repeat; }
1738. .info-icon, .info-icon a                        { background: none top left no-repeat; }
1739.  
1740. /* Set profile icon dimensions */
1741. ul.profile-icons li.email-icon          { width: 20px; height: 20px; }
1742. ul.profile-icons li.aim-icon    { width: 20px; height: 20px; }
1743. ul.profile-icons li.yahoo-icon  { width: 20px; height: 20px; }
1744. ul.profile-icons li.web-icon    { width: 20px; height: 20px; }
1745. ul.profile-icons li.msnm-icon   { width: 20px; height: 20px; }
1746. ul.profile-icons li.icq-icon    { width: 20px; height: 20px; }
1747. ul.profile-icons li.jabber-icon { width: 20px; height: 20px; }
1748. ul.profile-icons li.pm-icon             { width: 28px; height: 20px; }
1749. ul.profile-icons li.quote-icon  { width: 54px; height: 20px; }
1750. ul.profile-icons li.report-icon { width: 20px; height: 20px; }
1751. ul.profile-icons li.edit-icon   { width: 42px; height: 20px; }
1752. ul.profile-icons li.delete-icon { width: 20px; height: 20px; }
1753. ul.profile-icons li.info-icon   { width: 20px; height: 20px; }
1754. ul.profile-icons li.warn-icon   { width: 20px; height: 20px; }
1755.  
1756. /* Fix profile icon default margins */
1757. ul.profile-icons li.edit-icon   { margin: 0 0 0 3px; }
1758. ul.profile-icons li.quote-icon  { margin: 0 0 0 10px; }
1759. ul.profile-icons li.info-icon, ul.profile-icons li.report-icon  { margin: 0 3px 0 0; }
1760. /* proSilver Control Panel Styles
1761. ---------------------------------------- */
1762.  
1763.  
1764. /* Main CP box
1765. ----------------------------------------*/
1766. #cp-menu {
1767.         float:left;
1768.         width: 19%;
1769.         margin-top: 1em;
1770.         margin-bottom: 5px;
1771. }
1772.  
1773. #cp-main {
1774.         float: left;
1775.         width: 81%;
1776. }
1777.  
1778. #cp-main .content {
1779.         padding: 0;
1780. }
1781.  
1782. #cp-main h3, #cp-main hr, #cp-menu hr {
1783.         border-color: #bfbfbf;
1784. }
1785.  
1786. #cp-main .panel p {
1787.         font-size: 1.1em;
1788. }
1789.  
1790. #cp-main .panel ol {
1791.         margin-left: 2em;
1792.         font-size: 1.1em;
1793. }
1794.  
1795. #cp-main .panel li.row {
1796.         border-bottom: 1px solid #cbcbcb;
1797.         border-top: 1px solid #F9F9F9;
1798. }
1799.  
1800. ul.cplist {
1801.         margin-bottom: 5px;
1802.         border-top: 1px solid #cbcbcb;
1803. }
1804.  
1805. #cp-main .panel li.header dd, #cp-main .panel li.header dt {
1806.         color: #000000;
1807.         margin-bottom: 2px;
1808. }
1809.  
1810. #cp-main table.table1 {
1811.         margin-bottom: 1em;
1812. }
1813.  
1814. #cp-main table.table1 thead th {
1815.         color: #333333;
1816.         font-weight: bold;
1817.         border-bottom: 1px solid #333333;
1818.         padding: 5px;
1819. }
1820.  
1821. #cp-main table.table1 tbody th {
1822.         font-style: italic;
1823.         background-color: transparent !important;
1824.         border-bottom: none;
1825. }
1826.  
1827. #cp-main .pagination {
1828.         float: right;
1829.         width: auto;
1830.         padding-top: 1px;
1831. }
1832.  
1833. #cp-main .postbody p {
1834.         font-size: 1.1em;
1835. }
1836.  
1837. #cp-main .pm-message {
1838.         border: 1px solid #e2e2e2;
1839.         margin: 10px 0;
1840.         background-color: #FFFFFF;
1841.         width: auto;
1842.         float: none;
1843. }
1844.  
1845. .pm-message h2 {
1846.         padding-bottom: 5px;
1847. }
1848.  
1849. #cp-main .postbody h3, #cp-main .box2 h3 {
1850.         margin-top: 0;
1851. }
1852.  
1853. #cp-main .buttons {
1854.         margin-left: 0;
1855. }
1856.  
1857. #cp-main ul.linklist {
1858.         margin: 0;
1859. }
1860.  
1861. /* MCP Specific tweaks */
1862. .mcp-main .postbody {
1863.         width: 100%;
1864. }
1865.  
1866. /* CP tabbed menu
1867. ----------------------------------------*/
1868. #tabs {
1869.         line-height: normal;
1870.         margin: 20px 0 -1px 7px;
1871.         min-width: 570px;
1872. }
1873.  
1874. #tabs ul {
1875.         margin:0;
1876.         padding: 0;
1877.         list-style: none;
1878. }
1879.  
1880. #tabs li {
1881.         display: inline;
1882.         margin: 0;
1883.         padding: 0;
1884.         font-size: 1em;
1885.         font-weight: bold;
1886. }
1887.  
1888. #tabs a {
1889.         float: left;
1890.         background: none no-repeat 0% -35px;
1891.         margin: 0 1px 0 0;
1892.         padding: 0 0 0 5px;
1893.         text-decoration: none;
1894.         position: relative;
1895.         cursor: pointer;
1896. }
1897.  
1898. #tabs a span {
1899.         float: left;
1900.         display: block;
1901.         background: none no-repeat 100% -35px;
1902.         padding: 6px 10px 6px 5px;
1903.         color: #828282;
1904.         white-space: nowrap;
1905. }
1906.  
1907. #tabs a:hover span {
1908.         color: #bcbcbc;
1909. }
1910.  
1911. #tabs .activetab a {
1912.         background-position: 0 0;
1913.         border-bottom: 1px solid #ebebeb;
1914. }
1915.  
1916. #tabs .activetab a span {
1917.         background-position: 100% 0;
1918.         padding-bottom: 7px;
1919.         color: #333333;
1920. }
1921.  
1922. #tabs a:hover {
1923.         background-position: 0 -70px;
1924. }
1925.  
1926. #tabs a:hover span {
1927.         background-position:100% -70px;
1928. }
1929.  
1930. #tabs .activetab a:hover {
1931.         background-position: 0 0;
1932. }
1933.  
1934. #tabs .activetab a:hover span {
1935.         color: #000000;
1936.         background-position: 100% 0;
1937. }
1938.  
1939. /* Mini tabbed menu used in MCP
1940. ----------------------------------------*/
1941. #minitabs {
1942.         line-height: normal;
1943.         margin: -20px 7px 0 0;
1944. }
1945.  
1946. #minitabs ul {
1947.         margin:0;
1948.         padding: 0;
1949.         list-style: none;
1950. }
1951.  
1952. #minitabs li {
1953.         display: block;
1954.         float: right;
1955.         padding: 0 10px 4px 10px;
1956.         font-size: 1em;
1957.         font-weight: bold;
1958.         background-color: #f2f2f2;
1959.         margin-left: 2px;
1960. }
1961.  
1962. #minitabs a {
1963. }
1964.  
1965. #minitabs a:hover {
1966.         text-decoration: none;
1967. }
1968.  
1969. #minitabs li.activetab {
1970.         background-color: #F9F9F9;
1971. }
1972.  
1973. #minitabs li.activetab a, #minitabs li.activetab a:hover {
1974.         color: #333333;
1975. }
1976.  
1977. /* UCP navigation menu
1978. ----------------------------------------*/
1979. /* Container for sub-navigation list */
1980. #navigation {
1981.         width: 100%;
1982.         padding-top: 36px;
1983. }
1984.  
1985. #navigation ul {
1986.         list-style:none;
1987. }
1988.  
1989. /* Default list state */
1990. #navigation li {
1991.         margin: 1px 0;
1992.         padding: 0;
1993.         font-weight: bold;
1994.         display: inline;
1995. }
1996.  
1997. /* Link styles for the sub-section links */
1998. #navigation a {
1999.         display: block;
2000.         padding: 5px;
2001.         margin: 1px 0;
2002.         text-decoration: none;
2003.         font-weight: bold;
2004.         color: #333;
2005.         background: #cfcfcf none repeat-y 100% 0;
2006. }
2007.  
2008. #navigation a:hover {
2009.         text-decoration: none;
2010.         background-color: #c6c6c6;
2011.         color: #bcbcbc;
2012.         background-image: none;
2013. }
2014.  
2015. #navigation #active-subsection a {
2016.         display: block;
2017.         color: #d3d3d3;
2018.         background-color: #F9F9F9;
2019.         background-image: none;
2020. }
2021.  
2022. #navigation #active-subsection a:hover {
2023.         color: #d3d3d3;
2024. }
2025.  
2026. /* Preferences pane layout
2027. ----------------------------------------*/
2028. #cp-main h2 {
2029.         border-bottom: none;
2030.         padding: 0;
2031.         margin-left: 10px;
2032.         color: #333333;
2033. }
2034.  
2035. #cp-main .panel {
2036.         background-color: #F9F9F9;
2037. }
2038.  
2039. #cp-main .pm {
2040.         background-color: #FFFFFF;
2041. }
2042.  
2043. #cp-main span.corners-top, #cp-menu span.corners-top {
2044.         background-image: none;
2045. }
2046.  
2047. #cp-main span.corners-top span, #cp-menu span.corners-top span {
2048.         background-image: none;
2049. }
2050.  
2051. #cp-main span.corners-bottom, #cp-menu span.corners-bottom {
2052.         background-image: none;
2053. }
2054.  
2055. #cp-main span.corners-bottom span, #cp-menu span.corners-bottom span {
2056.         background-image: none;
2057. }
2058.  
2059. /* Topicreview */
2060. #cp-main .panel #topicreview span.corners-top, #cp-menu .panel #topicreview span.corners-top {
2061.         background-image: none;
2062. }
2063.  
2064. #cp-main .panel #topicreview span.corners-top span, #cp-menu .panel #topicreview span.corners-top span {
2065.         background-image: none;
2066. }
2067.  
2068. #cp-main .panel #topicreview span.corners-bottom, #cp-menu .panel #topicreview span.corners-bottom {
2069.         background-image: none;
2070. }
2071.  
2072. #cp-main .panel #topicreview span.corners-bottom span, #cp-menu .panel #topicreview span.corners-bottom span {
2073.         background-image: none;
2074. }
2075.  
2076. /* Friends list */
2077. .cp-mini {
2078.         background-color: #f9f9f9;
2079.         padding: 0 5px;
2080.         margin: 10px 15px 10px 5px;
2081. }
2082.  
2083. .cp-mini span.corners-top, .cp-mini span.corners-bottom {
2084.         margin: 0 -5px;
2085. }
2086.  
2087. dl.mini dt {
2088.         font-weight: bold;
2089.         color: #676767;
2090. }
2091.  
2092. dl.mini dd {
2093.         padding-top: 4px;
2094. }
2095.  
2096. .friend-online {
2097.         font-weight: bold;
2098. }
2099.  
2100. .friend-offline {
2101.         font-style: italic;
2102. }
2103.  
2104. /* PM Styles
2105. ----------------------------------------*/
2106. #pm-menu {
2107.         line-height: 2.5em;
2108. }
2109.  
2110. /* PM Message history */
2111. .current {
2112.         color: #999999;
2113. }
2114.  
2115. /* Defined rules list for PM options */
2116. ol.def-rules {
2117.         padding-left: 0;
2118. }
2119.  
2120. ol.def-rules li {
2121.         line-height: 180%;
2122.         padding: 1px;
2123. }
2124.  
2125. /* PM marking colours */
2126. .pmlist li.bg1 {
2127.         border: solid 3px transparent;
2128.         border-width: 0 3px;
2129. }
2130.  
2131. .pmlist li.bg2 {
2132.         border: solid 3px transparent;
2133.         border-width: 0 3px;
2134. }
2135.  
2136. .pmlist li.pm_message_reported_colour, .pm_message_reported_colour {
2137.         border-left-color: #bcbcbc;
2138.         border-right-color: #bcbcbc;
2139. }
2140.  
2141. .pmlist li.pm_marked_colour, .pm_marked_colour {
2142.         border: solid 3px #ffffff;
2143.         border-width: 0 3px;
2144. }
2145.  
2146. .pmlist li.pm_replied_colour, .pm_replied_colour {
2147.         border: solid 3px #c2c2c2;
2148.         border-width: 0 3px;   
2149. }
2150.  
2151. .pmlist li.pm_friend_colour, .pm_friend_colour {
2152.         border: solid 3px #bdbdbd;
2153.         border-width: 0 3px;
2154. }
2155.  
2156. .pmlist li.pm_foe_colour, .pm_foe_colour {
2157.         border: solid 3px #000000;
2158.         border-width: 0 3px;
2159. }
2160.  
2161. .pm-legend {
2162.         border-left-width: 10px;
2163.         border-left-style: solid;
2164.         border-right-width: 0;
2165.         margin-bottom: 3px;
2166.         padding-left: 3px;
2167. }
2168.  
2169. /* Avatar gallery */
2170. #gallery label {
2171.         position: relative;
2172.         float: left;
2173.         margin: 10px;
2174.         padding: 5px;
2175.         width: auto;
2176.         background: #FFFFFF;
2177.         border: 1px solid #CCC;
2178.         text-align: center;
2179. }
2180.  
2181. #gallery label:hover {
2182.         background-color: #EEE;
2183. }
2184. /* proSilver Form Styles
2185. ---------------------------------------- */
2186.  
2187. /* General form styles
2188. ----------------------------------------*/
2189. fieldset {
2190.         border-width: 0;
2191.         font-family: Arial, sans-serif, "Lucida Grande", "Trebuchet MS", Helvetica, Verdana;
2192.         font-size: 1.1em;
2193. }
2194.  
2195. input {
2196.         font-weight: normal;
2197.         cursor: pointer;
2198.         vertical-align: middle;
2199.         padding: 0 3px;
2200.         font-size: 1em;
2201.         font-family: Arial, sans-serif, "Lucida Grande", "Trebuchet MS", Helvetica, Verdana;
2202. }
2203.  
2204. select {
2205.         font-family: Arial, sans-serif, "Lucida Grande", "Trebuchet MS", Helvetica, Verdana;
2206.         font-weight: normal;
2207.         cursor: pointer;
2208.         vertical-align: middle;
2209.         border: 1px solid #666666;
2210.         padding: 1px;
2211.         background-color: #FAFAFA;
2212. }
2213.  
2214. option {
2215.         padding-right: 1em;
2216. }
2217.  
2218. option.disabled-option {
2219.         color: graytext;
2220. }
2221.  
2222. textarea {
2223.         font-family: Arial, sans-serif, "Lucida Grande", "Trebuchet MS", Helvetica, Verdana;
2224.         width: 60%;
2225.         padding: 2px;
2226.         font-size: 1em;
2227.         line-height: 1.4em;
2228. }
2229.  
2230. label {
2231.         cursor: default;
2232.         padding-right: 5px;
2233.         color: #676767;
2234. }
2235.  
2236. label input {
2237.         vertical-align: middle;
2238. }
2239.  
2240. label img {
2241.         vertical-align: middle;
2242. }
2243.  
2244. /* Definition list layout for forms
2245. ---------------------------------------- */
2246. fieldset dl {
2247.         padding: 4px 0;
2248. }
2249.  
2250. fieldset dt {
2251.         float: left;   
2252.         width: 40%;
2253.         text-align: left;
2254.         display: block;
2255. }
2256.  
2257. fieldset dd {
2258.         margin-left: 41%;
2259.         vertical-align: top;
2260.         margin-bottom: 3px;
2261. }
2262.  
2263. /* Specific layout 1 */
2264. fieldset.fields1 dt {
2265.         width: 15em;
2266.         border-right-width: 0;
2267. }
2268.  
2269. fieldset.fields1 dd {
2270.         margin-left: 15em;
2271.         border-left-width: 0;
2272. }
2273.  
2274. fieldset.fields1 {
2275.         background-color: transparent;
2276. }
2277.  
2278. fieldset.fields1 div {
2279.         margin-bottom: 3px;
2280. }
2281.  
2282. /* Specific layout 2 */
2283. fieldset.fields2 dt {
2284.         width: 15em;
2285.         border-right-width: 0;
2286. }
2287.  
2288. fieldset.fields2 dd {
2289.         margin-left: 16em;
2290.         border-left-width: 0;
2291. }
2292.  
2293. /* Form elements */
2294. dt label {
2295.         font-weight: bold;
2296.         text-align: left;
2297. }
2298.  
2299. dd label {
2300.         white-space: nowrap;
2301.         color: #333;
2302. }
2303.  
2304. dd input, dd textarea {
2305.         margin-right: 3px;
2306. }
2307.  
2308. dd select {
2309.         width: auto;
2310. }
2311.  
2312. dd textarea {
2313.         width: 85%;
2314. }
2315.  
2316. /* Hover effects */
2317. fieldset dl:hover dt label {
2318.         color: #000000;
2319. }
2320.  
2321. fieldset.fields2 dl:hover dt label {
2322.         color: inherit;
2323. }
2324.  
2325. #timezone {
2326.         width: 95%;
2327. }
2328.  
2329. * html #timezone {
2330.         width: 50%;
2331. }
2332.  
2333. /* Quick-login on index page */
2334. fieldset.quick-login {
2335.         margin-top: 5px;
2336. }
2337.  
2338. fieldset.quick-login input {
2339.         width: auto;
2340. }
2341.  
2342. fieldset.quick-login input.inputbox {
2343.         width: 15%;
2344.         vertical-align: middle;
2345.         margin-right: 5px;
2346.         background-color: #f3f3f3;
2347. }
2348.  
2349. fieldset.quick-login label {
2350.         white-space: nowrap;
2351.         padding-right: 2px;
2352. }
2353.  
2354. /* Display options on viewtopic/viewforum pages  */
2355. fieldset.display-options {
2356.         text-align: center;
2357.         margin: 3px 0 5px 0;
2358. }
2359.  
2360. fieldset.display-options label {
2361.         white-space: nowrap;
2362.         padding-right: 2px;
2363. }
2364.  
2365. fieldset.display-options a {
2366.         margin-top: 3px;
2367. }
2368.  
2369. /* Display actions for ucp and mcp pages */
2370. fieldset.display-actions {
2371.         text-align: right;
2372.         line-height: 2em;
2373.         white-space: nowrap;
2374.         padding-right: 1em;
2375. }
2376.  
2377. fieldset.display-actions label {
2378.         white-space: nowrap;
2379.         padding-right: 2px;
2380. }
2381.  
2382. fieldset.sort-options {
2383.         line-height: 2em;
2384. }
2385.  
2386. /* MCP forum selection*/
2387. fieldset.forum-selection {
2388.         margin: 5px 0 3px 0;
2389.         float: right;
2390. }
2391.  
2392. fieldset.forum-selection2 {
2393.         margin: 13px 0 3px 0;
2394.         float: right;
2395. }
2396.  
2397. /* Jumpbox */
2398. fieldset.jumpbox {
2399.         text-align: right;
2400.         margin-top: 15px;
2401.         height: 2.5em;
2402. }
2403.  
2404. fieldset.quickmod {
2405.         width: 50%;
2406.         float: right;
2407.         text-align: right;
2408.         height: 2.5em;
2409. }
2410.  
2411. /* Submit button fieldset */
2412. fieldset.submit-buttons {
2413.         text-align: center;
2414.         vertical-align: middle;
2415.         margin: 5px 0;
2416. }
2417.  
2418. fieldset.submit-buttons input {
2419.         vertical-align: middle;
2420.         padding-top: 3px;
2421.         padding-bottom: 3px;
2422. }
2423.  
2424. /* Posting page styles
2425. ----------------------------------------*/
2426.  
2427. /* Buttons used in the editor */
2428. #format-buttons {
2429.         margin: 15px 0 2px 0;
2430. }
2431.  
2432. #format-buttons input, #format-buttons select {
2433.         vertical-align: middle;
2434. }
2435.  
2436. /* Main message box */
2437. #message-box {
2438.         width: 80%;
2439. }
2440.  
2441. #message-box textarea {
2442.         font-family: Arial, sans-serif, "Lucida Grande", "Trebuchet MS", Helvetica, Verdana;
2443.         width: 100%;
2444.         font-size: 1.2em;
2445.         color: #333333;
2446. }
2447.  
2448. /* Emoticons panel */
2449. #smiley-box {
2450.         width: 18%;
2451.         float: right;
2452. }
2453.  
2454. #smiley-box img {
2455.         margin: 3px;
2456. }
2457.  
2458. /* Input field styles
2459. ---------------------------------------- */
2460. .inputbox {
2461.         background-color: #FFFFFF;
2462.         border: 1px solid #c0c0c0;
2463.         color: #333333;
2464.         padding: 2px;
2465.         cursor: text;
2466. }
2467.  
2468. .inputbox:hover {
2469.         border: 1px solid #eaeaea;
2470. }
2471.  
2472. .inputbox:focus {
2473.         border: 1px solid #eaeaea;
2474.         color: #4b4b4b;
2475. }
2476.  
2477. input.inputbox  { width: 85%; }
2478. input.medium    { width: 50%; }
2479. input.narrow    { width: 25%; }
2480. input.tiny              { width: 140px; }
2481.  
2482. textarea.inputbox {
2483.         width: 85%;
2484. }
2485.  
2486. .autowidth {
2487.         width: auto !important;
2488. }
2489.  
2490. /* Form button styles
2491. ---------------------------------------- */
2492. input.button1, input.button2 {
2493.         font-size: 1em;
2494. }
2495.  
2496. a.button1, input.button1, input.button3, a.button2, input.button2 {
2497.         width: auto !important;
2498.         padding-top: 1px;
2499.         padding-bottom: 1px;
2500.         font-family: Arial, sans-serif, "Lucida Grande", "Trebuchet MS", Helvetica, Verdana;
2501.         color: #000;
2502.         background: #FAFAFA none repeat-x top;
2503. }
2504.  
2505. a.button1, input.button1 {
2506.         font-weight: bold;
2507.         border: 1px solid #666666;
2508. }
2509.  
2510. input.button3 {
2511.         padding: 0;
2512.         margin: 0;
2513.         line-height: 5px;
2514.         height: 12px;
2515.         background-image: none;
2516.         font-variant: small-caps;
2517. }
2518.  
2519. /* Alternative button */
2520. a.button2, input.button2, input.button3 {
2521.         border: 1px solid #666666;
2522. }
2523.  
2524. /* <a> button in the style of the form buttons */
2525. a.button1, a.button1:link, a.button1:visited, a.button1:active, a.button2, a.button2:link, a.button2:visited, a.button2:active {
2526.         text-decoration: none;
2527.         color: #000000;
2528.         padding: 2px 8px;
2529.         line-height: 250%;
2530.         vertical-align: text-bottom;
2531.         background-position: 0 1px;
2532. }
2533.  
2534. /* Hover states */
2535. a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover {
2536.         border: 1px solid #BCBCBC;
2537.         background-position: 0 100%;
2538.         color: #BCBCBC;
2539. }
2540.  
2541. input.disabled {
2542.         font-weight: normal;
2543.         color: #666666;
2544. }
2545.  
2546. /* Topic and forum Search */
2547. .search-box {
2548.         margin-top: 3px;
2549.         margin-left: 5px;
2550.         float: left;
2551. }
2552.  
2553.  
2554. input.search {
2555.         background-image: none;
2556.         background-repeat: no-repeat;
2557.         background-position: left 1px;
2558.         padding-left: 17px;
2559. }
2560.  
2561. .full { width: 95%; }
2562. .medium { width: 50%;}
2563. .narrow { width: 25%;}
2564. .tiny { width: 10%;}
2565. /* proSilver Style Sheet Tweaks
2566.  
2567. These style definitions are mainly IE specific
2568. tweaks required due to its poor CSS support.
2569. -------------------------------------------------*/
2570.  
2571. * html table, * html select, * html input { font-size: 100%; }
2572. * html hr { margin: 0; }
2573.  
2574. table.table1 {
2575.         width: 99%;             /* IE < 6 browsers */
2576.         /* Tantek hack */
2577.         width: 100%;
2578. }
2579. html>body table.table1 { width: 100%; } /* Reset 100% for opera */
2580.  
2581. * html ul.topiclist li { position: relative; }
2582. * html .postbody h3 img { vertical-align: middle; }
2583.  
2584. /* Form styles */
2585. html>body dd label input { vertical-align: text-bottom; }       /* Align checkboxes/radio buttons nicely */
2586.  
2587. * html input.button1, * html input.button2 {
2588.         padding-bottom: 0;
2589.         margin-bottom: 1px;
2590. }
2591.  
2592. /* Misc layout styles */
2593. * html .column1, * html .column2 { width: 45%; }
2594.  
2595. /* Nice method for clearing floated blocks without having to insert any extra markup (like spacer above)
2596.    From http://www.positioniseverything.net/easyclearing.html
2597. #tabs:after, #minitabs:after, .post:after, .navbar:after, fieldset dl:after, ul.topiclist dl:after, ul.linklist:after, dl.polls:after {
2598.         content: ".";
2599.         display: block;
2600.         height: 0;
2601.         clear: both;
2602.         visibility: hidden;
2603. }*/
2604.  
2605. .clearfix, #tabs, #minitabs, fieldset dl, ul.topiclist dl, dl.polls {
2606.         height: 1%;
2607.         overflow: hidden;
2608. }
2609.  
2610. /* viewtopic fix */
2611. * html .post {
2612.         height: 25%;
2613.         overflow: hidden;
2614. }
2615.  
2616. /* navbar fix */
2617. * html .clearfix, * html .navbar, ul.linklist {
2618.         height: 4%;
2619.         overflow: hidden;
2620. }
2621.  
2622. /* Simple fix so forum and topic lists always have a min-height set, even in IE6
2623.         From http://www.dustindiaz.com/min-height-fast-hack */
2624. dl.icon {
2625.         min-height: 35px;
2626.         height: auto !important;
2627.         height: 35px;
2628. }
2629.  
2630. * html #search-box {
2631.         width: 25%;
2632. }
2633.  
2634. /* Correctly clear floating for details on profile view */
2635. *:first-child+html dl.details dd {
2636.         margin-left: 30%;
2637.         float: none;
2638. }
2639.  
2640. * html dl.details dd {
2641.         margin-left: 30%;
2642.         float: none;
2643. }
2644. /*     
2645. --------------------------------------------------------------
2646. Colours and backgrounds for common.css
2647. -------------------------------------------------------------- */
2648.  
2649. html, body {
2650.         color: #404040;
2651.         background-color: #FFFFFF;
2652. }
2653.  
2654. h2 {
2655.         color: #28313F;
2656. }
2657.  
2658. h3 {
2659.         border-bottom-color: #CCCCCC;
2660.         color: #D70751;
2661. }
2662.  
2663. hr {
2664.         border-color: #d70751;
2665.         border-top-color: #CCCCCC;
2666. }
2667.  
2668. hr.dashed {
2669.         border-top-color: #CCCCCC;
2670. }
2671.  
2672. /* Search box
2673. ---------------------------------------------
2674.  
2675. #search-box {
2676.         color: #000000;
2677. }
2678.  
2679. #search-box #keywords {
2680.         background-color: #FFF;
2681. }
2682.  
2683. #search-box input {
2684.         border-color: #D70751;
2685. }
2686. */
2687. /* Round cornered boxes and backgrounds
2688. ---------------------------------------- */
2689. .navbar {
2690.         background-color: #DBDBDB;
2691. }
2692.  
2693. .forabg {
2694.         background-color: #DBDBDB;
2695.         border: 1px solid #d0d0d0;
2696.         border-left: 3px solid #d70751;
2697.         color: #000000;
2698. }
2699.  
2700. .forumbg {
2701.         background-color: #DBDBDB;
2702.         border: 1px solid #d0d0d0;
2703.         border-left: 3px solid #d70751;
2704.         color: #000000;
2705. }
2706.  
2707. .panel {
2708.         background-color: #F2F2F2;
2709. }
2710.  
2711. .panel {
2712.         background-color: #F2F2F2;
2713. }
2714.  
2715. .post:target .content {
2716.         color: #000000;
2717. }
2718.  
2719. .post:target h3 a {
2720.         color: #000000;
2721. }
2722.  
2723. .bg1    { background-color: #F2F2F2; }
2724. .bg2    { background-color: #e3e3e3;  }
2725. .bg3    { background-color: #DBDBDB; }
2726.  
2727. .ucprowbg {
2728.         background-color: #DCDEE2;
2729. }
2730.  
2731. .fieldsbg {
2732.         background-color: #E7E8EA;
2733. }
2734.  
2735.  
2736. /* Horizontal lists
2737. ----------------------------------------*/
2738.  
2739. ul.navlinks {
2740.         border-bottom-color: #FFFFFF;
2741. }
2742.  
2743. /* Table styles
2744. ----------------------------------------*/
2745. table.table1 thead th {
2746.         color: #000000;
2747. }
2748.  
2749. table.table1 tbody tr {
2750.         border-color: #BFC1CF;
2751. }
2752.  
2753. table.table1 tbody tr:hover, table.table1 tbody tr.hover {
2754.         background-color: #F6F4D0;
2755.         color: #000;
2756. }
2757.  
2758. table.table1 td {
2759.         color: #404040;
2760. }
2761.  
2762. table.table1 tbody td {
2763.         border-top-color: #FAFAFA;
2764. }
2765.  
2766. table.table1 tbody th {
2767.         border-bottom-color: #000000;
2768.         color: #333333;
2769.         background-color: #FFFFFF;
2770. }
2771.  
2772. table.info tbody th {
2773.         color: #000000;
2774. }
2775.  
2776. /* Misc layout styles
2777. ---------------------------------------- */
2778. dl.details dt {
2779.         color: #000000;
2780. }
2781.  
2782. dl.details dd {
2783.         color: #404040;
2784. }
2785.  
2786. .sep {
2787.         color: #D70751;
2788. }
2789.  
2790. /* Pagination
2791. ---------------------------------------- */
2792.  
2793. .pagination span strong {
2794.         color: #FFFFFF;
2795.         background-color: #D70751;
2796.         border-color: #D70751;
2797. }
2798.  
2799. .pagination span a, .pagination span a:link, .pagination span a:visited, .pagination span a:active {
2800.         color: #D70751;
2801.         background-color: #ECEDEE;
2802.         border-color: #B4BAC0;
2803. }
2804.  
2805. .pagination span a:hover {
2806.         border-color: #D70751;
2807.         background-color: #D70751;
2808.         color: #FFF;
2809. }
2810.  
2811. /* Pagination in viewforum for multipage topics */
2812. .row .pagination {
2813.         background-image: url("./images/icon_pages.gif");
2814. }
2815.  
2816. .row .pagination span a, li.pagination span a {
2817.         background-color: #FFFFFF;
2818. }
2819.  
2820. .row .pagination span a:hover, li.pagination span a:hover {
2821.         background-color: #D70751;
2822. }
2823.  
2824. /* Miscellaneous styles
2825. ---------------------------------------- */
2826.  
2827. .error {
2828.         color: #d70751;
2829. }
2830.  
2831. .reported {
2832.         background-color: #F7ECEF;
2833. }
2834.  
2835. li.reported:hover {
2836.         background-color: #ECD5D8 !important;
2837. }
2838. .sticky, .announce {
2839.         /* you can add a background for stickies and announcements*/
2840. }
2841.  
2842. div.rules {
2843.         background-color: #ECD5D8;
2844.         color: #d70751;
2845. }
2846.  
2847. p.rules {
2848.         background-color: #ECD5D8;
2849.         background-image: none;
2850. }
2851.  
2852. /*     
2853. --------------------------------------------------------------
2854. Colours and backgrounds for links.css
2855. -------------------------------------------------------------- */
2856.  
2857. a:link  { color: #4D4D4D; }
2858. a:visited       { color: #4D4D4D; }
2859. a:hover { color: #4D4D4D; }
2860. a:active        { color: #4D4D4D; }
2861.  
2862. /* Links on gradient backgrounds */
2863. #search-box a:link, .navbg a:link, .forumbg .header a:link, .forabg .header a:link, th a:link {
2864.         color: #000000;
2865.         text-transform: uppercase;
2866.         font-family: Arial, sans-serif, "Lucida Grande", "Trebuchet MS", Helvetica, Verdana;
2867.         font-size: 10pt;
2868.         width:100%;
2869.         color:#000000;
2870. }
2871.  
2872. #search-box a:visited, .navbg a:visited, .forumbg .header a:visited, .forabg .header a:visited, th a:visited {
2873.         color: #000000;
2874.         text-transform: uppercase;
2875.         font-family: Arial, sans-serif, "Lucida Grande", "Trebuchet MS", Helvetica, Verdana;
2876.         font-size: 10pt;
2877.         width:100%;
2878. }
2879.  
2880. #search-box a:hover, .navbg a:hover, .forumbg .header a:hover, .forabg .header a:hover, th a:hover {
2881.         color: #000000;
2882. }
2883.  
2884. #search-box a:active, .navbg a:active, .forumbg .header a:active, .forabg .header a:active, th a:active {
2885.         color: #000000;
2886. }
2887.  
2888. /* Links for forum/topic lists */
2889. a.forumtitle {
2890.         color: #4D4D4D;
2891. }
2892.  
2893. /* a.forumtitle:visited { color: #4D4D4D; } */
2894.  
2895. a.forumtitle:hover {
2896.         color: #4D4D4D;
2897. }
2898.  
2899. a.forumtitle:active {
2900.         color: #4D4D4D;
2901. }
2902.  
2903. a.topictitle {
2904.         color: #4D4D4D;
2905. }
2906.  
2907. /* a.topictitle:visited { color: #4D4D4D; } */
2908.  
2909. a.topictitle:hover {
2910.         color: #4D4D4D;
2911. }
2912.  
2913. a.topictitle:active {
2914.         color: #4D4D4D;
2915. }
2916.  
2917. /* Post body links */
2918. .postlink {
2919.         text-decoration: none;
2920.         color: #D70751;
2921. }
2922.  
2923. .postlink:visited {
2924.         text-decoration: none;
2925.         color: #D70751;
2926. }
2927.  
2928. .postlink:active {
2929.         text-decoration: none;
2930.         color: #D70751;
2931. }
2932.  
2933. .postlink:hover {
2934.         text-decoration: underline;
2935.         color: #D70751;
2936. }
2937.  
2938. .signature a, .signature a:visited, .signature a:active, .signature a:hover {
2939.         background-color: transparent;
2940. }
2941.  
2942. /* Profile links */
2943. .postprofile a:link, .postprofile a:active, .postprofile a:visited, .postprofile dt.author a {
2944.         color: #D70751;
2945.         text-decoration: none;
2946. }
2947.  
2948. .postprofile a:hover, .postprofile dt.author a:hover {
2949.         text-decoration: underline;
2950. }
2951.  
2952. /* Profile searchresults */    
2953. .search .postprofile a {
2954.         color: #D70751;
2955. }
2956.  
2957. .search .postprofile a:hover {
2958.         color: #D70751;
2959. }
2960.  
2961. /* Back to top of page */
2962. a.top {
2963.         background-image: url("{T_IMAGESET_PATH}/icon_back_top.gif");
2964. }
2965.  
2966. a.top2 {
2967.         background-image: url("{T_IMAGESET_PATH}/icon_back_top.gif");
2968. }
2969.  
2970. /* Arrow links  */
2971. a.up            { background-image: url("./images/arrow_up.gif") }
2972. a.down          { background-image: url("./images/arrow_down.gif") }
2973. a.left          { background-image: url("./images/arrow_left.gif") }
2974. a.right         { background-image: url("./images/arrow_right.gif") }
2975.  
2976. a.up:hover {
2977.         background-color: transparent;
2978. }
2979.  
2980. a.left:hover {
2981.         color: #D70751;
2982. }
2983.  
2984. a.right:hover {
2985.         color: #D70751;
2986. }
2987.  
2988.  
2989. /*     
2990. --------------------------------------------------------------
2991. Colours and backgrounds for content.css
2992. -------------------------------------------------------------- */
2993.  
2994. ul.forums {
2995.         background-color: #F0F0F0;
2996. }
2997.  
2998. ul.topiclist li {
2999.         color: #404040;
3000. }
3001.  
3002. ul.topiclist dd {
3003.         border-left-color: #FFFFFF;
3004. }
3005.  
3006. .rtl ul.topiclist dd {
3007.         border-right-color: #fff;
3008.         border-left-color: transparent;
3009. }
3010.  
3011. ul.topiclist li.row dt a.subforum.read {
3012.         background-image: url("{T_IMAGESET_PATH}/subforum_read.gif");
3013. }
3014.  
3015. ul.topiclist li.row dt a.subforum.unread {
3016.         background-image: url("{T_IMAGESET_PATH}/subforum_unread.gif");
3017.         background-color: #D70751;
3018. }
3019.  
3020. li.row {
3021.         border-top-color:  #FFFFFF;
3022.         border-bottom-color: #B0B0B0;
3023. }
3024.  
3025. li.row strong {
3026.         color: #000000;
3027. }
3028.  
3029. li.row:hover {
3030.         background-color: #F6F4D0;
3031. }
3032.  
3033. li.row:hover dd {
3034.         border-left-color: #CCCCCC;
3035. }
3036.  
3037. .rtl li.row:hover dd {
3038.         border-right-color: #CCCCCC;
3039.         border-left-color: transparent;
3040. }
3041.  
3042. li.header dt, li.header dd {
3043.         color: #000000;
3044. }
3045.  
3046. /* Forum list column styles */
3047. ul.topiclist dd.searchextra {
3048.         color: #333333;
3049. }
3050.  
3051. /* Post body styles
3052. ----------------------------------------*/
3053. .postbody {
3054.         color: #333333;
3055. }
3056.  
3057. /* Content container styles
3058. ----------------------------------------*/
3059. .content {
3060.         color: #333333;
3061. }
3062.  
3063. .content h2, .panel h2 {
3064.         color: #D70751;
3065.         border-bottom-color:  #CCCCCC;
3066. }
3067.  
3068. dl.faq dt {
3069.         color: #333333;
3070. }
3071.  
3072. .posthilit {
3073.         background-color: #F3BFCC;
3074.         color: #d70751;
3075. }
3076.  
3077. /* Post signature */
3078. .signature {
3079.         border-top-color: #CCCCCC;
3080. }
3081.  
3082. /* Post noticies */
3083. .notice {
3084.         border-top-color:  #CCCCCC;
3085. }
3086.  
3087. /* BB Code styles
3088. ----------------------------------------*/
3089. /* Quote block */
3090. blockquote {
3091.         background-color: #EBEADD;
3092.         background-image: url("./images/quote.gif");
3093.         border-color:#DBDBCE;
3094. }
3095.  
3096. blockquote blockquote {
3097.         /* Nested quotes */
3098.         background-color:#EFEED9;
3099. }
3100.  
3101. blockquote blockquote blockquote {
3102.         /* Nested quotes */
3103.         background-color: #EBEADD;
3104. }
3105.  
3106. /* Code block */
3107. dl.codebox {
3108.         background-color: #FFFFFF;
3109.         border-color: #C9D2D8;
3110. }
3111.  
3112. dl.codebox dt {
3113.         border-bottom-color:  #CCCCCC;
3114. }
3115.  
3116. dl.codebox code {
3117.         color: #2E8B57;
3118. }
3119.  
3120. .syntaxbg               { color: #000000; }
3121. .syntaxcomment  { color: #FF8000; }
3122. .syntaxdefault  { color: #0000BB; }
3123. .syntaxhtml             { color: #000000; }
3124. .syntaxkeyword  { color: #007700; }
3125. .syntaxstring   { color: #DD0000; }
3126.  
3127. /* Attachments
3128. ----------------------------------------*/
3129. .attachbox {
3130.         background-color: #FFFFFF;
3131.         border-color:  #C9D2D8;
3132. }
3133.  
3134. .pm-message .attachbox {
3135.         background-color: #F2F3F3;
3136. }
3137.  
3138. .attachbox dd {
3139.         border-top-color: #C9D2D8;
3140. }
3141.  
3142. .attachbox p {
3143.         color: #666666;
3144. }
3145.  
3146. .attachbox p.stats {
3147.         color: #666666;
3148. }
3149.  
3150. .attach-image img {
3151.         border-color: #999999;
3152. }
3153.  
3154. /* Inline image thumbnails */
3155.  
3156. dl.file dd {
3157.         color: #666666;
3158. }
3159.  
3160. dl.thumbnail img {
3161.         border-color: #666666;
3162.         background-color: #FFFFFF;
3163. }
3164.  
3165. dl.thumbnail dd {
3166.         color: #666666;
3167. }
3168.  
3169. dl.thumbnail dt a:hover {
3170.         background-color: #EEEEEE;
3171. }
3172.  
3173. dl.thumbnail dt a:hover img {
3174.         border-color: #D70751;
3175. }
3176.  
3177. /* Post poll styles
3178. ----------------------------------------*/
3179.  
3180. fieldset.polls dl {
3181.         border-top-color: #DCDEE2;
3182.         color: #666666;
3183. }
3184.  
3185. fieldset.polls dl.voted {
3186.         color: #000000;
3187. }
3188.  
3189. fieldset.polls dd div {
3190.         color: #000000;
3191. }
3192.  
3193. .rtl .pollbar1, .rtl .pollbar2, .rtl .pollbar3, .rtl .pollbar4, .rtl .pollbar5 {
3194.         border-right-color: transparent;
3195. }
3196.  
3197. .pollbar1 {
3198.         background-color: #AA2346;
3199.         border-bottom-color: #74162C;
3200.         border-right-color: #74162C;
3201. }
3202.  
3203. .rtl .pollbar1 {
3204.         border-left-color: #74162C;
3205. }
3206.  
3207. .pollbar2 {
3208.         background-color: #BE1E4A;
3209.         border-bottom-color: #8C1C38;
3210.         border-right-color: #8C1C38;
3211. }
3212.  
3213. .rtl .pollbar2 {
3214.         border-left-color: #8C1C38;
3215. }
3216.  
3217. .pollbar3 {
3218.         background-color: #D11A4E;
3219.         border-bottom-color: #AA2346;
3220.         border-right-color: #AA2346;
3221. }
3222.  
3223. .rtl .pollbar3 {
3224.         border-left-color: #AA2346;
3225. }
3226.  
3227. .pollbar4 {
3228.         background-color: #E41653;
3229.         border-bottom-color: #BE1E4A;
3230.         border-right-color: #BE1E4A;
3231. }
3232.  
3233. .rtl .pollbar4 {
3234.         border-left-color: #BE1E4A;
3235. }
3236.  
3237. .pollbar5 {
3238.         background-color: #F81157;
3239.         border-bottom-color: #D11A4E;
3240.         border-right-color: #D11A4E;
3241. }
3242.  
3243. .rtl .pollbar5 {
3244.         border-left-color: #D11A4E;
3245. }
3246.  
3247. /* Poster profile block
3248. ----------------------------------------*/
3249. .postprofile {
3250.         color: #666666;
3251.         border-left-color: #FFFFFF;
3252. }
3253.  
3254. .rtl .postprofile {
3255.         border-right-color: #FFFFFF;
3256.         border-left-color: transparent;
3257. }
3258.  
3259. .pm .postprofile {
3260.         border-left-color: #DDDDDD;
3261. }
3262.  
3263. .rtl .pm .postprofile {
3264.         border-right-color: #DDDDDD;
3265.         border-left-color: transparent;
3266. }
3267.  
3268. .postprofile strong {
3269.         color: #000000;
3270. }
3271.  
3272. .online {
3273.         background-image: url("{T_IMAGESET_LANG_PATH}/icon_user_online.gif");
3274. }
3275.  
3276. /*     
3277. --------------------------------------------------------------
3278. Colours and backgrounds for buttons.css
3279. -------------------------------------------------------------- */
3280.  
3281. /* Big button images */
3282. .reply-icon span        { background-image: url("{T_IMAGESET_LANG_PATH}/button_topic_reply.gif"); }
3283. .post-icon span         { background-image: url("{T_IMAGESET_LANG_PATH}/button_topic_new.gif"); }
3284. .locked-icon span       { background-image: url("{T_IMAGESET_LANG_PATH}/button_topic_locked.gif"); }
3285. .pmreply-icon span      { background-image: url("{T_IMAGESET_LANG_PATH}/button_pm_reply.gif") ;}
3286. .newpm-icon span        { background-image: url("{T_IMAGESET_LANG_PATH}/button_pm_new.gif") ;}
3287. .forwardpm-icon span    { background-image: url("{T_IMAGESET_LANG_PATH}/button_pm_forward.gif") ;}
3288.  
3289. a.print {
3290.         background-image: url("./images/icon_print.png");
3291. }
3292.  
3293. a.sendemail {
3294.         background-image: url("./images/icon_sendemail.png");
3295. }
3296.  
3297. a.fontsize {
3298.         background-image: url("./images/icon_fontsize.gif");
3299. }
3300.  
3301. /* Icon images
3302. ---------------------------------------- */
3303. .sitehome                                               { background-image: url("./images/icon_home.gif"); }
3304. .icon-faq                                               { background-image: url("./images/icon_faq.gif"); }
3305. .icon-members                                   { background-image: url("./images/icon_members.gif"); }
3306. .icon-home                                              { background-image: url("./images/icon_home.gif"); }
3307. .icon-ucp                                               { background-image: url("./images/icon_ucp.gif"); }
3308. .icon-register                                  { background-image: url("./images/icon_register.gif"); }
3309. .icon-logout                                    { background-image: url("./images/icon_logout.gif"); }
3310. .icon-bookmark                                  { background-image: url("./images/icon_bookmark.gif"); }
3311. .icon-bump                                              { background-image: url("./images/icon_bump.gif"); }
3312. .icon-subscribe                                 { background-image: url("./images/icon_subscribe.gif"); }
3313. .icon-unsubscribe                               { background-image: url("./images/icon_unsubscribe.gif"); }
3314. .icon-pages                                             { background-image: url("./images/icon_pages.gif"); }
3315. .icon-search                                    { background-image: url("./images/icon_search.gif"); }
3316.  
3317. /* Profile & navigation icons */
3318. .email-icon, .email-icon a              { background-image: url("{T_IMAGESET_PATH}/icon_contact_email.gif"); }
3319. .aim-icon, .aim-icon a                  { background-image: url("{T_IMAGESET_PATH}/icon_contact_aim.gif"); }
3320. .yahoo-icon, .yahoo-icon a              { background-image: url("{T_IMAGESET_PATH}/icon_contact_yahoo.gif"); }
3321. .web-icon, .web-icon a                  { background-image: url("{T_IMAGESET_PATH}/icon_contact_www.gif"); }
3322. .msnm-icon, .msnm-icon a                        { background-image: url("{T_IMAGESET_PATH}/icon_contact_msnm.gif"); }
3323. .icq-icon, .icq-icon a                  { background-image: url("{T_IMAGESET_PATH}/icon_contact_icq.gif"); }
3324. .jabber-icon, .jabber-icon a            { background-image: url("{T_IMAGESET_PATH}/icon_contact_jabber.gif"); }
3325. .pm-icon, .pm-icon a                            { background-image: url("{T_IMAGESET_LANG_PATH}/icon_contact_pm.gif"); }
3326. .quote-icon, .quote-icon a              { background-image: url("{T_IMAGESET_LANG_PATH}/icon_post_quote.gif"); }
3327.  
3328. /* Moderator icons */
3329. .report-icon, .report-icon a            { background-image: url("{T_IMAGESET_PATH}/icon_post_report.gif"); }
3330. .edit-icon, .edit-icon a                        { background-image: url("{T_IMAGESET_LANG_PATH}/icon_post_edit.gif"); }
3331. .delete-icon, .delete-icon a            { background-image: url("{T_IMAGESET_PATH}/icon_post_delete.gif"); }
3332. .info-icon, .info-icon a                        { background-image: url("{T_IMAGESET_PATH}/icon_post_info.gif"); }
3333. .warn-icon, .warn-icon a                        { background-image: url("{T_IMAGESET_PATH}/icon_user_warn.gif"); } /* Need updated warn icon */
3334.  
3335. /*     
3336. --------------------------------------------------------------
3337. Colours and backgrounds for cp.css
3338. -------------------------------------------------------------- */
3339.  
3340. /* Main CP box
3341. ----------------------------------------*/
3342.  
3343. #cp-main h3, #cp-main hr, #cp-menu hr {
3344.         border-color: #A4B3BF;
3345. }
3346.  
3347. #cp-main .panel li.row {
3348.         border-bottom-color: #B5C1CB;
3349.         border-top-color: #F9F9F9;
3350. }
3351.  
3352. ul.cplist {
3353.         border-top-color: #B5C1CB;
3354. }
3355.  
3356. #cp-main .panel li.header dd, #cp-main .panel li.header dt {
3357.         color: #000000;
3358. }
3359.  
3360. #cp-main table.table1 thead th {
3361.         color: #333333;
3362.         border-bottom-color: #333333;
3363. }
3364.  
3365. #cp-main .pm-message {
3366.         border-color: #DBDEE2;
3367.         background-color: #FFFFFF;
3368. }
3369.  
3370. /* CP tabbed menu
3371. ----------------------------------------*/
3372. #tabs a {
3373.         background-image: url("./images/bg_tabs1.gif");
3374. }
3375.  
3376. #tabs a span {
3377.         background-image: url("./images/bg_tabs2.gif");
3378.         color: #404040 ;
3379. }
3380.  
3381. #tabs a:hover span {
3382.         color: #d70751;
3383. }
3384.  
3385. #tabs .activetab a {
3386.         border-bottom-color: #DBDBDB;
3387. }
3388.  
3389. #tabs .activetab a span {
3390.         color: #333333;
3391. }
3392.  
3393. #tabs .activetab a:hover span {
3394.         color: #000000;
3395. }
3396.  
3397. /* Mini tabbed menu used in MCP
3398. ----------------------------------------*/
3399. #minitabs li {
3400.         background-color: #EAEAEA;
3401. }
3402.  
3403. #minitabs li.activetab {
3404.         background-color: #F9F9F9;
3405. }
3406.  
3407. #minitabs li.activetab a, #minitabs li.activetab a:hover {
3408.         color: #333333;
3409. }
3410.  
3411. /* UCP navigation menu
3412. ----------------------------------------*/
3413.  
3414. /* Link styles for the sub-section links */
3415. #navigation a {
3416.         color: #333;
3417.         background-color: #C1C1C1;
3418.         background-image: url("./images/bg_menu.gif");
3419. }
3420.  
3421. #navigation a:hover {
3422.         background-color: #B8B8B8;
3423.         color: #d70751;
3424. }
3425.  
3426. #navigation #active-subsection a {
3427.         color: #D31141;
3428.         background-color: #F9F9F9;
3429.         background-image: none;
3430. }
3431.  
3432. #navigation #active-subsection a:hover {
3433.         color: #D31141;
3434. }
3435.  
3436. /* Preferences pane layout
3437. ----------------------------------------*/
3438. #cp-main h2 {
3439.         color: #333333;
3440. }
3441.  
3442. #cp-main .panel {
3443.         background-color: #F9F9F9;
3444. }
3445.  
3446. #cp-main .pm {
3447.         background-color: #FFFFFF;
3448. }
3449.  
3450. /* Friends list */
3451. .cp-mini {
3452.         background-color: #f0f0f0;
3453. }
3454.  
3455. dl.mini dt {
3456.         color: #425067;
3457. }
3458.  
3459. /* PM Styles
3460. ----------------------------------------*/
3461. /* PM Message history */
3462. .current {
3463.         color: #999999 !important;
3464. }
3465.  
3466. /* PM marking colours */
3467. .pmlist li.pm_message_reported_colour, .pm_message_reported_colour {
3468.         border-left-color: #d70751;
3469.         border-right-color: #d70751;
3470. }
3471.  
3472. .pmlist li.pm_marked_colour, .pm_marked_colour {
3473.         border-color: #FF6600;
3474. }
3475.  
3476. .pmlist li.pm_replied_colour, .pm_replied_colour {
3477.         border-color: #A9B8C2;
3478. }
3479.  
3480. .pmlist li.pm_friend_colour, .pm_friend_colour {
3481.         border-color: #D70751;
3482. }
3483.  
3484. pmlist li.pm_foe_colour, .pm_foe_colour {
3485.         border-color: #000000;
3486. }
3487.  
3488. /* Avatar gallery */
3489. #gallery label {
3490.         background-color: #FFFFFF;
3491.         border-color: #CCC;
3492. }
3493.  
3494. #gallery label:hover {
3495.         background-color: #EEE;
3496. }
3497.  
3498. /*     
3499. --------------------------------------------------------------
3500. Colours and backgrounds for forms.css
3501. -------------------------------------------------------------- */
3502.  
3503. /* General form styles
3504. ----------------------------------------*/
3505. select {
3506.         border-color: #666666;
3507.         background-color: #FAFAFA;
3508. }
3509.  
3510. label {
3511.         color: #425067;
3512. }
3513.  
3514. option.disabled-option {
3515.         color: graytext;
3516. }
3517.  
3518. /* Definition list layout for forms
3519. ---------------------------------------- */
3520. dd label {
3521.         color: #333;
3522. }
3523.  
3524. /* Hover effects */
3525. fieldset dl:hover dt label {
3526.         color: #000000;
3527. }
3528.  
3529. fieldset.fields2 dl:hover dt label {
3530.         color: inherit;
3531. }
3532.  
3533. /* Quick-login on index page */
3534. fieldset.quick-login input.inputbox {
3535.         background-color: #F2F3F3;
3536. }
3537.  
3538. /* Posting page styles
3539. ----------------------------------------*/
3540.  
3541. #message-box textarea {
3542.         color: #333333;
3543. }
3544.  
3545. /* Input field styles
3546. ---------------------------------------- */
3547. .inputbox {
3548.         background-color: #FFFFFF;
3549.         border-color: #B4BAC0;
3550.         color: #333333;
3551. }
3552.  
3553. .inputbox:hover {
3554.         border-color: #D70751;
3555. }
3556.  
3557. .inputbox:focus {
3558.         border-color: #D70751;
3559.         color: #4b4b4b;
3560. }
3561.  
3562. /* Form button styles
3563. ---------------------------------------- */
3564.  
3565. a.button1, input.button1, input.button3, a.button2, input.button2 {
3566.         color: #000;
3567.         background-color: #FAFAFA;
3568.         background-image: url("./images/bg_button.gif");
3569. }
3570.  
3571. a.button1, input.button1 {
3572.         border-color: #666666;
3573. }
3574.  
3575. input.button3 {
3576.         background-image: none;
3577. }
3578.  
3579. /* Alternative button */
3580. a.button2, input.button2, input.button3 {
3581.         border-color: #666666;
3582. }
3583.  
3584. /* <a> button in the style of the form buttons */
3585. a.button1, a.button1:link, a.button1:visited, a.button1:active, a.button2, a.button2:link, a.button2:visited, a.button2:active {
3586.         color: #000000;
3587. }
3588.  
3589. /* Hover states */
3590. a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover {
3591.         border-color: #d70751;
3592.         color: #d70751;
3593. }
3594.  
3595. input.search {
3596.         background-image: url("./images/icon_textbox_search.gif");
3597. }
3598.  
3599. input.disabled {
3600.         color: #666666;
3601. }
3602.  
3603. .page-sidebar-left {
3604.         float:left;
3605.         margin-top:4px;
3606.         width:10%;
3607. }
3608.  
3609. /* Menu item */
3610. .menuitem
3611. {
3612.         padding: 0.1em 0.2em 0.1em 0.2em;
3613.         -moz-border-radius-topright: 10%;
3614.         -webkit-border-radius-topright: 10%;
3615.         background-color: #f0f0f0;
3616.         border: 1px solid #d0d0d0;
3617.         border-left: 3px solid #d70751;
3618.         margin: 0.5em 0 0 0;
3619.         text-transform: uppercase;
3620.         font-family: Arial, sans-serif, "Lucida Grande", "Trebuchet MS", Helvetica, Verdana;
3621.         font-size: 10pt;
3622.         width:100%;
3623.         color:#000000;
3624. }
3625.  
3626. .menuitem-active
3627. {
3628.         padding: 0.1em 0.2em 0.1em 0.2em;
3629.         background-color: #f0f0f0;
3630.         border: 1px solid #d0d0d0;
3631.         border-left: 3px solid #d70751;
3632.         -moz-border-radius-topright: 10%;
3633.         -webkit-border-top-right-radius: 10%;
3634.         border-radius-topright: 10%;
3635.         margin: 0.5em 0 0 0;
3636.         text-transform: uppercase;
3637.         font-weight: bolder;
3638.         font-family: Arial, sans-serif, "Lucida Grande", "Trebuchet MS", Helvetica, Verdana;
3639.         font-size: 10pt;
3640.         width:100%;
3641.         color:#000000;
3642. }
3643.  
3644. .menusubitem
3645. {
3646.         list-style: none;
3647.         margin: 0 0 0 1em;
3648.         font-size: 8pt;
3649.         font-family: Arial, sans-serif, "Lucida Grande", "Trebuchet MS", Helvetica, Verdana;
3650.         margin-bottom: 6px;
3651.         line-height: 1.2;
3652.         color:#000000;
3653. }
3654.  
3655. .menusubitem a
3656. {
3657.         color:#606060;
3658.         text-decoration: underline;
3659. }
3660.  
3661. .menusubitem-active
3662. {
3663.         margin: 0 0 0 1em;
3664.         font-size: 9pt;
3665.         font-weight: bolder;
3666.         font-family: Arial, sans-serif, "Lucida Grande", "Trebuchet MS", Helvetica, Verdana;
3667.         line-height: 1.5;
3668.         color:#000000;
3669. }
3670.  
3671. .menusubitem a:hover
3672. {
3673.         background-color: #f0f0f0;
3674. }
3675.  
3676. .navijump {
3677.         position: absolute;
3678.         left: -1000px;
3679.         top: -1000px;
3680.         width: 0px;
3681.         height: 0px;
3682. }
3683.  
3684. .headersearchbox {
3685.         background-color: #FFFFFF;
3686.         border: 1px solid #B0B0B0;
3687.         color: #333333;
3688.         cursor: text;
3689. }
3690.  
3691. .headersearchbox:hover {
3692.         border: 1px solid #D70751;
3693. }
3694.  
3695. .headersearchbox:focus {
3696.         border: 1px solid #D70751;
3697.         color: #4b4b4b;
3698. }
3699.  
3700. div#dfsection {
3701.         z-index: 1;
3702.         position: absolute;
3703.         left: 400px;
3704.         top: 25px;
3705.         font-family: "Bitstream Vera Serif", Georgia, Palatino, serif;
3706.         font-size: 20px;
3707.         color: #D70751;
3708.         font-weight: bold;
3709.         font-style: italic;
3710. }

Quellcode

Hier kannst du den Code kopieren und ihn in deinen bevorzugten Editor einfügen. PASTEBIN_DOWNLOAD_SNIPPET_EXPLAIN