1 /****************************************************************/ |
|
2 /* 1. BACKGROUND AND TEXT COLOURS */ |
|
3 /****************************************************************/ |
|
4 |
|
5 /* 1.1 Default background colour and text colour */ |
|
6 |
|
7 BODY {BACKGROUND-COLOR: #2A2A2A} |
|
8 |
|
9 .pun {COLOR: #D4D4D4} |
|
10 |
|
11 DIV.box, #adminconsole FIELDSET TH, .rowodd, .roweven {BACKGROUND-COLOR: #383838} |
|
12 #adminconsole TD, #adminconsole TH {BORDER-COLOR: #383838} |
|
13 |
|
14 /* 1. 2 Darker background colours */ |
|
15 |
|
16 TD.tc2, TD.tc3, TD.tcmod, #brdfooter DIV.box {BACKGROUND-COLOR: #424242} |
|
17 #adminconsole FIELDSET TD, #viewprofile DD, DIV.forminfo, DIV.blockmenu DIV.box, #adstats DD {BACKGROUND-COLOR: #484848} |
|
18 |
|
19 .pun BLOCKQUOTE, DIV.codebox {BACKGROUND-COLOR: #353533} |
|
20 |
|
21 /* 1.3 Main headers and navigation bar background and text colour */ |
|
22 |
|
23 .pun H2, #brdmenu {BACKGROUND-COLOR: #565656; COLOR: #D4D4D4} |
|
24 |
|
25 /* 1.4 Table header rows */ |
|
26 |
|
27 .pun TH, .bgc4 {BACKGROUND-COLOR: #484848} |
|
28 |
|
29 /* 1.5 Fieldset legend text colour */ |
|
30 |
|
31 .pun LEGEND {COLOR: #60C860} |
|
32 |
|
33 /* 1.6 Highlighted text for various items */ |
|
34 |
|
35 .pun DIV.blockmenu LI.isactive A, #posterror LI STRONG {COLOR: #D4D4D4} |
|
36 |
|
37 /* 1.7 Dark background for form elements */ |
|
38 |
|
39 .pun TEXTAREA, .pun INPUT, .pun SELECT {BACKGROUND-COLOR: #2A2A2A; COLOR: #D4D4D4} |
|
40 |
|
41 /****************************************************************/ |
|
42 /* 2. POST BACKGROUNDS AND TEXT */ |
|
43 /****************************************************************/ |
|
44 |
|
45 /* 2.1 This is the setup for posts. */ |
|
46 |
|
47 DIV.blockpost DIV.box, DIV.postright, DIV.postfootright, #postpreview {BACKGROUND-COLOR: #383838} |
|
48 DIV.postright, DIV.postfootright {BORDER-LEFT-COLOR: #424242} |
|
49 DIV.postleft, DIV.postfootleft, DIV.blockpost LABEL {BACKGROUND-COLOR: #424242} |
|
50 |
|
51 /* 2.2 Background for post headers and text colour for post numbers in viewtopic */ |
|
52 |
|
53 DIV.blockpost H2 {BACKGROUND-COLOR: #565656} |
|
54 DIV.blockpost H2 SPAN.conr {COLOR: #A19E96} |
|
55 |
|
56 /* 2.3 This is the line above the signature in posts. Colour and background should be the same */ |
|
57 |
|
58 .pun HR {BACKGROUND-COLOR: #606060; COLOR: #606060} |
|
59 |
|
60 /****************************************************************/ |
|
61 /* 3. BORDER COLOURS */ |
|
62 /****************************************************************/ |
|
63 |
|
64 /* 3.1 All external borders (H1 is the board title) */ |
|
65 |
|
66 DIV.box {BORDER-COLOR: #565656} |
|
67 |
|
68 /* 3.2 Makes the top border of posts match the colour used for post headers */ |
|
69 |
|
70 DIV.blockpost DIV.box {BORDER-COLOR: #565656 #525252 #525252} |
|
71 |
|
72 /* 3.3 Table internal borders. By default TH is same as background so border is invisible */ |
|
73 |
|
74 .pun TD {BORDER-COLOR: #565656} |
|
75 .pun TH {BORDER-COLOR: #484848} |
|
76 |
|
77 /* 3.4 Creates the inset border for quote boxes, code boxes and form info boxes */ |
|
78 |
|
79 .pun BLOCKQUOTE, DIV.codebox, DIV.forminfo, DIV.blockpost LABEL {BORDER-COLOR: #606060} |
|
80 |
|
81 /* 3.5 Gecko's default fieldset borders are really nasty so this gives them a colour |
|
82 without interferring with IE's rather nice default */ |
|
83 |
|
84 .pun DIV>FIELDSET {BORDER-COLOR: #ACA899} |
|
85 |
|
86 /****************************************************************/ |
|
87 /* 4. LINK COLOURS */ |
|
88 /****************************************************************/ |
|
89 |
|
90 /* 4.1 This is the default for all links */ |
|
91 |
|
92 .pun A:link, .pun A:visited {COLOR: #60C860} |
|
93 .pun A:hover {COLOR: #80EE80} |
|
94 |
|
95 /* 4.2 This is the colour for links in header rows and the navigation bar */ |
|
96 |
|
97 .pun H2 A:link, .pun H2 A:visited {COLOR: #D4D4D4} |
|
98 .pun H2 A:hover {COLOR: #D4D4D4} |
|
99 |
|
100 /* 4.3 This is for closed topics and "hot" links */ |
|
101 |
|
102 LI.postreport A:link, LI.postreport A:visited, TR.iclosed TD.tcl A:link, TR.iclosed TD.tcl A:visited {COLOR: #888} |
|
103 LI.postreport A:hover, TR.iclosed TD.tcl A:hover {COLOR: #AAA} |
|
104 LI.maintenancelink A:link, LI.maintenancelink A:visited {COLOR: #FF4000} |
|
105 LI.maintenancelink A:hover {COLOR: #FF5010} |
|
106 |
|
107 /****************************************************************/ |
|
108 /* 5. POST STATUS INDICATORS */ |
|
109 /****************************************************************/ |
|
110 |
|
111 /* These are the post status indicators which appear at the left of some tables. |
|
112 .inew = new posts, .iredirect = redirect forums, .iclosed = closed topics and |
|
113 .isticky = sticky topics. The default is "icon". By default only .inew is different.*/ |
|
114 |
|
115 DIV.icon {BORDER-COLOR: #484848 #404040 #3C3C3C #444444} |
|
116 TR.iredirect DIV.icon {BORDER-COLOR: #383838 #383838 #383838 #383838} |
|
117 DIV.inew {BORDER-COLOR: #60C860 #54AF54 #499849 #59B657} |
|
118 |
|
119 /* 5.2 Class .tclcon is a div inside the first column of tables with post indicators. The |
|
120 margin creates space for the post status indicator */ |
|
121 |
|
122 TD DIV.tclcon {MARGIN-LEFT: 2.3em} |
|