|
1 /************************************************************* |
|
2 COLOUR CHART |
|
3 **************************************************************/ |
|
4 |
|
5 /* Basic #fff / #333 */ |
|
6 /* (Light back) a, a:link, a:visited #00569c */ |
|
7 /* (Light back) a:hover, a:active, a:focus #b42000 */ |
|
8 /* (Dark back) a, a:link, a:visited #ddd */ |
|
9 /* (Dark back) a:hover, a:active, a:focus #fff */ |
|
10 /* Logo #296fa5 / #fff */ |
|
11 /* Main menu #113C5E / #ddd */ |
|
12 /* Main headings #1f537b / #ddd */ |
|
13 /* Info Boxes (Yellow) #ffffe1 */ |
|
14 /* Info Boxes (Blue) #f4f9fd */ |
|
15 /* General Background (Lightest) #fbfbfb */ |
|
16 /* General Background (Slightly darker) #f4f4f4 */ |
|
17 /* Strong text (not in bold) #000 */ |
|
18 |
|
19 |
|
20 /************************************************************* |
|
21 A - BACKGROUND and BORDERS |
|
22 **************************************************************/ |
|
23 |
|
24 .main-content, #pun-visit, .paged-head, .paged-foot, .postmain { |
|
25 background: #fbfbfb; |
|
26 } |
|
27 |
|
28 #pun-about, .main th, .main td.tc2, .main td.tc3, #pun-debug td.tcl { |
|
29 background: #f4f4f4; |
|
30 } |
|
31 |
|
32 .posthead { |
|
33 background: #f1f1f1; |
|
34 } |
|
35 |
|
36 #pun-title, #pun-desc { |
|
37 background:#296fa5; |
|
38 } |
|
39 |
|
40 #pun-navlinks { |
|
41 background: #113c5e; |
|
42 } |
|
43 |
|
44 .main-head, .main-foot { |
|
45 background: #1f537b; |
|
46 } |
|
47 |
|
48 .frm-info, .frm-error, #pun-alert, .dataset .ext-error { |
|
49 background: #ffffe1; |
|
50 } |
|
51 |
|
52 .entry-content .codebox, .entry-content .quotebox { |
|
53 background: #fff; |
|
54 } |
|
55 |
|
56 .pun div, div.pun, .pun td, .pun table, #stats h3, .frm .frm-set { |
|
57 border-color: #ddd; |
|
58 } |
|
59 |
|
60 .profile, .user, .topic, .databox, .userbox { |
|
61 background: #f4f9fd; |
|
62 } |
|
63 |
|
64 .status span, .sig-content span.sig-line, .databox .legend, #pun-announcement .msg-head, #pun-alert p, #pun-alert h1 { |
|
65 border-color: #bbb; |
|
66 } |
|
67 |
|
68 .online .status span { |
|
69 border-color: #296FA5; |
|
70 } |
|
71 |
|
72 .main .frm-head { |
|
73 border-color: #fff #fff #bbb #fff; |
|
74 } |
|
75 |
|
76 .main .frm-head { |
|
77 background: #f1f1f1; |
|
78 } |
|
79 |
|
80 .frm .frm-subhead, .frm .frm-info, .dataset, .datagrid, .databox, .databox .data { |
|
81 border-color: #ddd; |
|
82 } |
|
83 |
|
84 /************************************************************* |
|
85 B - TEXT |
|
86 **************************************************************/ |
|
87 |
|
88 .pun { |
|
89 color: #333; |
|
90 } |
|
91 |
|
92 #pun-title { |
|
93 color: #fff; |
|
94 } |
|
95 |
|
96 #pun-desc, #pun-navlinks, .main-head, .main-foot, #pun-home { |
|
97 color: #ddd; |
|
98 } |
|
99 |
|
100 .main-content li span, .frm-info, .frm-info span, #pun-alert div, .frm-set, .fld-label, |
|
101 .isonline, .example code, .example li code, .example li samp, .frm .frm-group legend, |
|
102 .example li span, .example li .samp, p.item span, .entry-info li * { |
|
103 color: #666; |
|
104 } |
|
105 |
|
106 .main-content li strong, .important strong, .user-info li.title span, #pun-alert strong, |
|
107 .frm-error li span, .frm-info li span strong, .online .isonline, .frm h3.link *, .frm h4.link *, |
|
108 #pun-help h3, .main th { |
|
109 color: #000; |
|
110 } |
|
111 |
|
112 .user .username { |
|
113 color: #00569c; |
|
114 } |
|
115 |
|
116 .main .frm-head, .main .databox .legend, .pun .userbox .msg-head { |
|
117 color: #113C5E; |
|
118 } |
|
119 |
|
120 .main-content li { |
|
121 color: #9AAFB4; |
|
122 } |
|
123 |
|
124 .main-content .userbox li { |
|
125 color: #333; |
|
126 } |
|
127 |
|
128 .user-actions li { |
|
129 color: #CD9C96; |
|
130 } |
|
131 |
|
132 em.req-text, .pun li.warn, .pun .warn strong, .pun .frm-group .warn, .main .ext-error .legend, #pun-alert h1 strong { |
|
133 color: #b42000; |
|
134 } |
|
135 |
|
136 /************************************************************* |
|
137 C - LINKS |
|
138 **************************************************************/ |
|
139 |
|
140 .pun a, .pun a:link, .pun a:visited { |
|
141 color: #00569c; |
|
142 } |
|
143 |
|
144 #pun-home a, #pun-home a:link, #pun-home a:visited, |
|
145 .main-head a, .main-head a:link, .main-head a:visited, |
|
146 #pun-navlinks a, #pun-navlinks a:link, #pun-navlinks a:visited { |
|
147 color: #ddd; |
|
148 text-decoration: none; |
|
149 } |
|
150 |
|
151 .main-foot a, .main-foot a:link, .main-foot a:visited { |
|
152 color: #ddd; |
|
153 } |
|
154 |
|
155 .pun a:hover, .pun a:active, .pun a:focus { |
|
156 color: #b42000; |
|
157 } |
|
158 |
|
159 .main-head a:hover, .main-head a:active, .main-head a:focus, |
|
160 .main-foot a:hover, .main-foot a:active, .main-foot a:focus, |
|
161 #pun-home a:hover, #pun-home a:active, #pun-home a:focus, |
|
162 #pun-navlinks a:hover, #pun-navlinks a:active, #pun-navlinks a:focus, |
|
163 #pun-access a:hover, #pun-access a:active, #pun-access a:focus { |
|
164 color: #fff; |
|
165 text-decoration: underline; |
|
166 } |
|
167 |
|
168 .posting a, p.crumbs a { |
|
169 text-decoration: none; |
|
170 } |
|
171 |
|
172 .main .topic .post .posthead h3 a strong { |
|
173 text-decoration: none; |
|
174 } |
|
175 |
|
176 |
|
177 /************************************************************* |
|
178 D - TABBED NAVIGATION |
|
179 **************************************************************/ |
|
180 |
|
181 .main-nav ul li a, .main-nav ul li a:link, .main-nav ul li a:visited { |
|
182 text-decoration: none; |
|
183 background: #f1f1f1; |
|
184 border-color: #ddd; |
|
185 } |
|
186 |
|
187 .main-nav ul li a span { |
|
188 border-color: #fff; |
|
189 } |
|
190 |
|
191 .main-nav ul li a:hover, .main-nav ul li a:active, .main-nav ul li a:focus { |
|
192 background: #fbfbfb; |
|
193 } |
|
194 |
|
195 .main-nav ul li.topactive a, .main-nav ul li.topactive a:link, |
|
196 .main-nav ul li.topactive a:visited { |
|
197 color: #F4F9FD; |
|
198 text-decoration: underline; |
|
199 background: #1f537b; |
|
200 border-color: #1f537b; |
|
201 } |
|
202 |
|
203 .main-nav ul li.topactive a span { |
|
204 border-color: #1f537b |
|
205 } |
|
206 |
|
207 .submenu ul li.topactive ul li a, |
|
208 .submenu ul li.topactive ul li a:link, |
|
209 .submenu ul li.topactive ul li a:visited { |
|
210 background: transparent; |
|
211 text-decoration: none; |
|
212 color: #dedfdf; |
|
213 } |
|
214 |
|
215 .submenu ul li.topactive ul li.isactive a, |
|
216 .submenu ul li.topactive ul li.isactive a:link, |
|
217 .submenu ul li.topactive ul li.isactive a:visited { |
|
218 text-decoration: underline; |
|
219 color: #fff; |
|
220 background:#1f537b; |
|
221 } |
|
222 |
|
223 .submenu ul li.topactive ul li a:hover, |
|
224 .submenu ul li.topactive ul li a:active, |
|
225 .submenu ul li.topactive ul li a:focus { |
|
226 text-decoration: underline; |
|
227 color: #fff; |
|
228 background: #1f537b; |
|
229 } |
|
230 |
|
231 |
|
232 |
|
233 |
|
234 /************************************************************* |
|
235 E - POST STATUS INDICATORS |
|
236 **************************************************************/ |
|
237 |
|
238 td.tcl span.status img { |
|
239 border-color: #E6E6E6 #DEDEDE #DADADA #E2E2E2 |
|
240 } |
|
241 |
|
242 tr.redirect td.tcl img { |
|
243 border-color: #f4f4f4 #f4f4f4 #f4f4f4 #f4f4f4 |
|
244 } |
|
245 |
|
246 td.tcl span.new img { |
|
247 border-color: #2B75AD #235E8C #1F537B #266799 |
|
248 } |
|
249 |