Chris@76
|
1 /* Normal, standard links. */
|
Chris@76
|
2 a:link
|
Chris@76
|
3 {
|
Chris@76
|
4 color: #476C8E;
|
Chris@76
|
5 text-decoration: none;
|
Chris@76
|
6 }
|
Chris@76
|
7 a:visited
|
Chris@76
|
8 {
|
Chris@76
|
9 color: #476C8E;
|
Chris@76
|
10 text-decoration: none;
|
Chris@76
|
11 }
|
Chris@76
|
12 a:hover
|
Chris@76
|
13 {
|
Chris@76
|
14 text-decoration: underline;
|
Chris@76
|
15 }
|
Chris@76
|
16
|
Chris@76
|
17 /* Navigation links - for the link tree. */
|
Chris@76
|
18 .nav, .nav:link, .nav:visited
|
Chris@76
|
19 {
|
Chris@76
|
20 color: #000000;
|
Chris@76
|
21 text-decoration: none;
|
Chris@76
|
22 }
|
Chris@76
|
23 a.nav:hover
|
Chris@76
|
24 {
|
Chris@76
|
25 color: #cc3333;
|
Chris@76
|
26 text-decoration: underline;
|
Chris@76
|
27 }
|
Chris@76
|
28
|
Chris@76
|
29 /* Tables should show empty cells. */
|
Chris@76
|
30 table
|
Chris@76
|
31 {
|
Chris@76
|
32 empty-cells: show;
|
Chris@76
|
33 }
|
Chris@76
|
34
|
Chris@76
|
35 /* By default (td, body..) use verdana in black. */
|
Chris@76
|
36 body, td, th , tr
|
Chris@76
|
37 {
|
Chris@76
|
38 color: #000000;
|
Chris@76
|
39 font-size: small;
|
Chris@76
|
40 font-family: verdana, sans-serif;
|
Chris@76
|
41 }
|
Chris@76
|
42
|
Chris@76
|
43 /* The main body of the entire forum. */
|
Chris@76
|
44 body
|
Chris@76
|
45 {
|
Chris@76
|
46 background-color: #E5E5E8;
|
Chris@76
|
47 margin: 0px;
|
Chris@76
|
48 padding: 12px 30px 4px 30px;
|
Chris@76
|
49 }
|
Chris@76
|
50
|
Chris@76
|
51 /* Input boxes - just a bit smaller than normal so they align well. */
|
Chris@76
|
52 input, textarea, button
|
Chris@76
|
53 {
|
Chris@76
|
54 color: #000000;
|
Chris@76
|
55 font-family: verdana, sans-serif;
|
Chris@76
|
56 }
|
Chris@76
|
57 input, button
|
Chris@76
|
58 {
|
Chris@76
|
59 font-size: 90%;
|
Chris@76
|
60 }
|
Chris@76
|
61
|
Chris@76
|
62 textarea
|
Chris@76
|
63 {
|
Chris@76
|
64 font-size: 100%;
|
Chris@76
|
65 color: #000000;
|
Chris@76
|
66 font-family: verdana, sans-serif;
|
Chris@76
|
67 }
|
Chris@76
|
68
|
Chris@76
|
69 /* All input elements that are checkboxes or radio buttons. */
|
Chris@76
|
70 input.check
|
Chris@76
|
71 {
|
Chris@76
|
72 }
|
Chris@76
|
73
|
Chris@76
|
74 /* Selects are a bit smaller, because it makes them look even better 8). */
|
Chris@76
|
75 select
|
Chris@76
|
76 {
|
Chris@76
|
77 font-size: 90%;
|
Chris@76
|
78 font-weight: normal;
|
Chris@76
|
79 color: #000000;
|
Chris@76
|
80 font-family: verdana, sans-serif;
|
Chris@76
|
81 }
|
Chris@76
|
82
|
Chris@76
|
83 /* Standard horizontal rule.. ([hr], etc.) */
|
Chris@76
|
84 hr, .hrcolor
|
Chris@76
|
85 {
|
Chris@76
|
86 height: 1px;
|
Chris@76
|
87 border: 0;
|
Chris@76
|
88 color: #666666;
|
Chris@76
|
89 background-color: #666666;
|
Chris@76
|
90 }
|
Chris@76
|
91
|
Chris@76
|
92 /* No image should have a border when linked */
|
Chris@76
|
93 a img
|
Chris@76
|
94 {
|
Chris@76
|
95 border: 0;
|
Chris@76
|
96 }
|
Chris@76
|
97 /* A quote, perhaps from another post. */
|
Chris@76
|
98 .quote
|
Chris@76
|
99 {
|
Chris@76
|
100 color: #000000;
|
Chris@76
|
101 background-color: #D7DAEC;
|
Chris@76
|
102 border: 1px solid #000000;
|
Chris@76
|
103 margin: 1px;
|
Chris@76
|
104 padding: 1px;
|
Chris@76
|
105 font-size: x-small;
|
Chris@76
|
106 line-height: 1.4em;
|
Chris@76
|
107 }
|
Chris@76
|
108
|
Chris@76
|
109 /* A code block - maybe even PHP ;). */
|
Chris@76
|
110 .code
|
Chris@76
|
111 {
|
Chris@76
|
112 color: #000000;
|
Chris@76
|
113 background-color: #dddddd;
|
Chris@76
|
114 font-family: "courier new", "times new roman", monospace;
|
Chris@76
|
115 font-size: x-small;
|
Chris@76
|
116 line-height: 1.3em;
|
Chris@76
|
117 /* Put a nice border around it. */
|
Chris@76
|
118 border: 1px solid #000000;
|
Chris@76
|
119 margin: 1px auto 1px auto;
|
Chris@76
|
120 padding: 1px;
|
Chris@76
|
121 width: 99%;
|
Chris@76
|
122 /* Don't wrap its contents, and show scrollbars. */
|
Chris@76
|
123 white-space: nowrap;
|
Chris@76
|
124 overflow: auto;
|
Chris@76
|
125 /* Stop after about 24 lines, and just show a scrollbar. */
|
Chris@76
|
126 max-height: 24em;
|
Chris@76
|
127 }
|
Chris@76
|
128
|
Chris@76
|
129 /* The "Quote:" and "Code:" header parts... */
|
Chris@76
|
130 .quoteheader, .codeheader
|
Chris@76
|
131 {
|
Chris@76
|
132 color: #000000;
|
Chris@76
|
133 text-decoration: none;
|
Chris@76
|
134 font-style: normal;
|
Chris@76
|
135 font-weight: bold;
|
Chris@76
|
136 font-size: x-small;
|
Chris@76
|
137 line-height: 1.2em;
|
Chris@76
|
138 }
|
Chris@76
|
139
|
Chris@76
|
140 /* Generally, those [?] icons. This makes your cursor a help icon. */
|
Chris@76
|
141 .help
|
Chris@76
|
142 {
|
Chris@76
|
143 cursor: help;
|
Chris@76
|
144 }
|
Chris@76
|
145
|
Chris@76
|
146 /* /me uses this a lot. (emote, try typing /me in a post.) */
|
Chris@76
|
147 .meaction
|
Chris@76
|
148 {
|
Chris@76
|
149 color: red;
|
Chris@76
|
150 }
|
Chris@76
|
151
|
Chris@76
|
152 /* The main post box - this makes it as wide as possible. */
|
Chris@76
|
153 .editor
|
Chris@76
|
154 {
|
Chris@76
|
155 width: 96%;
|
Chris@76
|
156 }
|
Chris@76
|
157
|
Chris@76
|
158 /* Highlighted text - such as search results. */
|
Chris@76
|
159 .highlight
|
Chris@76
|
160 {
|
Chris@76
|
161 background-color: yellow;
|
Chris@76
|
162 font-weight: bold;
|
Chris@76
|
163 color: black;
|
Chris@76
|
164 }
|
Chris@76
|
165
|
Chris@76
|
166 /* Alternating backgrounds for posts, and several other sections of the forum. */
|
Chris@76
|
167 .windowbg, #preview_body
|
Chris@76
|
168 {
|
Chris@76
|
169 color: #000000;
|
Chris@76
|
170 background-color: #ECEDF3;
|
Chris@76
|
171 }
|
Chris@76
|
172 .windowbg2
|
Chris@76
|
173 {
|
Chris@76
|
174 color: #000000;
|
Chris@76
|
175 background-color: #F6F6F6;
|
Chris@76
|
176 }
|
Chris@76
|
177 .windowbg3
|
Chris@76
|
178 {
|
Chris@76
|
179 color: #000000;
|
Chris@76
|
180 background-color: #E0E1E8;
|
Chris@76
|
181 }
|
Chris@76
|
182 /* the today container in calendar */
|
Chris@76
|
183 .calendar_today
|
Chris@76
|
184 {
|
Chris@76
|
185 background-color: #FFFFFF;
|
Chris@76
|
186 }
|
Chris@76
|
187
|
Chris@76
|
188 /* These are used primarily for titles, but also for headers (the row that says what everything in the table is.) */
|
Chris@76
|
189 .titlebg, tr.titlebg th, tr.titlebg td, .titlebg2, tr.titlebg2 th, tr.titlebg2 td
|
Chris@76
|
190 {
|
Chris@76
|
191 color: black;
|
Chris@76
|
192 font-style: normal;
|
Chris@76
|
193 background: url(images/titlebg.jpg) #E9F0F6 repeat-x;
|
Chris@76
|
194 border-bottom: solid 1px #9BAEBF;
|
Chris@76
|
195 border-top: solid 1px #FFFFFF;
|
Chris@76
|
196 padding-left: 10px;
|
Chris@76
|
197 padding-right: 10px;
|
Chris@76
|
198 }
|
Chris@76
|
199 .titlebg, .titlebg a:link, .titlebg a:visited
|
Chris@76
|
200 {
|
Chris@76
|
201 font-weight: bold;
|
Chris@76
|
202 color: black;
|
Chris@76
|
203 font-style: normal;
|
Chris@76
|
204 }
|
Chris@76
|
205
|
Chris@76
|
206 .titlebg a:hover
|
Chris@76
|
207 {
|
Chris@76
|
208 color: #404040;
|
Chris@76
|
209 }
|
Chris@76
|
210 /* same as titlebg, but used where bold text is not needed */
|
Chris@76
|
211 .titlebg2 a:link, .titlebg2 a:visited
|
Chris@76
|
212 {
|
Chris@76
|
213 color: black;
|
Chris@76
|
214 font-style: normal;
|
Chris@76
|
215 text-decoration: underline;
|
Chris@76
|
216 }
|
Chris@76
|
217
|
Chris@76
|
218 .titlebg2 a:hover
|
Chris@76
|
219 {
|
Chris@76
|
220 text-decoration: underline;
|
Chris@76
|
221 }
|
Chris@76
|
222
|
Chris@76
|
223 /* This is used for categories, page indexes, and several other areas in the forum.
|
Chris@76
|
224 .catbg and .catbg2 is for boardindex, while .catbg3 is for messageindex and display headers*/
|
Chris@76
|
225 .catbg , tr.catbg td , .catbg3 , tr.catbg3 td
|
Chris@76
|
226 {
|
Chris@76
|
227 background: url(images/catbg.jpg) #88A6C0 repeat-x;
|
Chris@76
|
228 color: #ffffff;
|
Chris@76
|
229 padding-left: 10px;
|
Chris@76
|
230 padding-right: 10px;
|
Chris@76
|
231 }
|
Chris@76
|
232 .catbg2 , tr.catbg2 td
|
Chris@76
|
233 {
|
Chris@76
|
234 background: url(images/catbg2.jpg) #A1BFD9 repeat-x;
|
Chris@76
|
235 color: #ffffff;
|
Chris@76
|
236 padding-left: 10px;
|
Chris@76
|
237 padding-right: 10px;
|
Chris@76
|
238 }
|
Chris@76
|
239 .catbg, .catbg2, .catbg3
|
Chris@76
|
240 {
|
Chris@76
|
241 border-bottom: solid 1px #375576;
|
Chris@76
|
242 }
|
Chris@76
|
243 .catbg, .catbg2
|
Chris@76
|
244 {
|
Chris@76
|
245 font-weight: bold;
|
Chris@76
|
246 }
|
Chris@76
|
247 .catbg3, tr.catbg3 td, .catbg3 a:link, .catbg3 a:visited
|
Chris@76
|
248 {
|
Chris@76
|
249 font-size: 95%;
|
Chris@76
|
250 color: white;
|
Chris@76
|
251 text-decoration: none;
|
Chris@76
|
252 }
|
Chris@76
|
253 .catbg a:link, .catbg a:visited , .catbg2 a:link, .catbg2 a:visited
|
Chris@76
|
254 {
|
Chris@76
|
255 color: white;
|
Chris@76
|
256 text-decoration: none;
|
Chris@76
|
257 }
|
Chris@76
|
258 .catbg a:hover, .catbg2 a:hover, .catbg3 a:hover
|
Chris@76
|
259 {
|
Chris@76
|
260 color: #e0e0ff;
|
Chris@76
|
261 }
|
Chris@76
|
262 /* This is used for tables that have a grid/border background color (such as the topic listing.) */
|
Chris@76
|
263 .bordercolor
|
Chris@76
|
264 {
|
Chris@76
|
265 background-color: #ADADAD;
|
Chris@76
|
266 padding: 0px;
|
Chris@76
|
267 }
|
Chris@76
|
268
|
Chris@76
|
269 /* This is used on tables that should just have a border around them. */
|
Chris@76
|
270 .tborder
|
Chris@76
|
271 {
|
Chris@76
|
272 padding: 1px;
|
Chris@76
|
273 border: 1px solid #696969;
|
Chris@76
|
274 background-color: #FFFFFF;
|
Chris@76
|
275 }
|
Chris@76
|
276
|
Chris@76
|
277 /* Default font sizes: small (8pt), normal (10pt), and large (14pt). */
|
Chris@76
|
278 .smalltext
|
Chris@76
|
279 {
|
Chris@76
|
280 font-size: x-small;
|
Chris@76
|
281 font-family: verdana, sans-serif;
|
Chris@76
|
282 }
|
Chris@76
|
283 .middletext
|
Chris@76
|
284 {
|
Chris@76
|
285 font-size: 90%;
|
Chris@76
|
286 }
|
Chris@76
|
287 .normaltext
|
Chris@76
|
288 {
|
Chris@76
|
289 font-size: small;
|
Chris@76
|
290 }
|
Chris@76
|
291 .largetext
|
Chris@76
|
292 {
|
Chris@76
|
293 font-size: large;
|
Chris@76
|
294 }
|
Chris@76
|
295
|
Chris@76
|
296
|
Chris@76
|
297 /* Posts and personal messages displayed throughout the forum. */
|
Chris@76
|
298 .post, .personalmessage
|
Chris@76
|
299 {
|
Chris@76
|
300 width: 100%;
|
Chris@76
|
301 overflow: auto;
|
Chris@76
|
302 line-height: 1.3em;
|
Chris@76
|
303 }
|
Chris@76
|
304
|
Chris@76
|
305 /* All the signatures used in the forum. If your forum users use Mozilla, Opera, or Safari, you might add max-height here ;). */
|
Chris@76
|
306 .signature
|
Chris@76
|
307 {
|
Chris@76
|
308 width: 100%;
|
Chris@76
|
309 overflow: auto;
|
Chris@76
|
310 padding-bottom: 3px;
|
Chris@76
|
311 line-height: 1.3em;
|
Chris@76
|
312 }
|
Chris@76
|
313
|
Chris@76
|
314 /* Sometimes there will be an error when you post */
|
Chris@76
|
315 .error
|
Chris@76
|
316 {
|
Chris@76
|
317 color: red;
|
Chris@76
|
318 }
|
Chris@76
|
319
|
Chris@76
|
320
|
Chris@76
|
321 /* definitions for the main tab, active means the tab reflects which page is displayed */
|
Chris@76
|
322 .maintab_first, .maintab_back, .maintab_last, .maintab_active_first, .maintab_active_back, .maintab_active_last
|
Chris@76
|
323 {
|
Chris@76
|
324 color: white;
|
Chris@76
|
325 text-transform: uppercase;
|
Chris@76
|
326 vertical-align: top;
|
Chris@76
|
327 }
|
Chris@76
|
328 .maintab_back, .maintab_active_back
|
Chris@76
|
329 {
|
Chris@76
|
330 color: white;
|
Chris@76
|
331 text-decoration: none;
|
Chris@76
|
332 font-size: 9px;
|
Chris@76
|
333 vertical-align: top;
|
Chris@76
|
334 padding: 2px 6px 6px 6px;
|
Chris@76
|
335 font-family: tahoma, sans-serif;
|
Chris@76
|
336 }
|
Chris@76
|
337
|
Chris@76
|
338 .maintab_first
|
Chris@76
|
339 {
|
Chris@76
|
340 background: url(images/maintab_first.gif) left bottom no-repeat;
|
Chris@76
|
341 width: 10px;
|
Chris@76
|
342 }
|
Chris@76
|
343 .maintab_back
|
Chris@76
|
344 {
|
Chris@76
|
345 background: url(images/maintab_back.gif) left bottom repeat-x;
|
Chris@76
|
346 }
|
Chris@76
|
347 .maintab_last
|
Chris@76
|
348 {
|
Chris@76
|
349 background: url(images/maintab_last.gif) left bottom no-repeat;
|
Chris@76
|
350 width: 8px;
|
Chris@76
|
351 }
|
Chris@76
|
352 .maintab_active_first
|
Chris@76
|
353 {
|
Chris@76
|
354 background: url(images/maintab_active_first.gif) left bottom no-repeat;
|
Chris@76
|
355 width: 6px;
|
Chris@76
|
356 }
|
Chris@76
|
357 .maintab_active_back
|
Chris@76
|
358 {
|
Chris@76
|
359 background: url(images/maintab_active_back.gif) left bottom repeat-x;
|
Chris@76
|
360 }
|
Chris@76
|
361 .maintab_active_last
|
Chris@76
|
362 {
|
Chris@76
|
363 background: url(images/maintab_active_last.gif) left bottom no-repeat;
|
Chris@76
|
364 width: 8px;
|
Chris@76
|
365 }
|
Chris@76
|
366
|
Chris@76
|
367 /* how links behave in main tab. */
|
Chris@76
|
368 .maintab_back a:link , .maintab_back a:visited, .maintab_active_back a:link , .maintab_active_back a:visited
|
Chris@76
|
369 {
|
Chris@76
|
370 color: white;
|
Chris@76
|
371 text-decoration: none;
|
Chris@76
|
372 }
|
Chris@76
|
373
|
Chris@76
|
374 .maintab_back a:hover, .maintab_active_back a:hover
|
Chris@76
|
375 {
|
Chris@76
|
376 color: #e0e0ff;
|
Chris@76
|
377 text-decoration: none;
|
Chris@76
|
378 }
|
Chris@76
|
379 /* definitions for the mirror tab */
|
Chris@76
|
380 .mirrortab_first, .mirrortab_back, .mirrortab_last, .mirrortab_active_first, .mirrortab_active_back, .mirrortab_active_last
|
Chris@76
|
381 {
|
Chris@76
|
382 color: white;
|
Chris@76
|
383 text-transform: uppercase;
|
Chris@76
|
384 vertical-align: top;
|
Chris@76
|
385 }
|
Chris@76
|
386 .mirrortab_back, .mirrortab_active_back
|
Chris@76
|
387 {
|
Chris@76
|
388 color: white;
|
Chris@76
|
389 text-decoration: none;
|
Chris@76
|
390 font-size: 9px;
|
Chris@76
|
391 vertical-align: bottom;
|
Chris@76
|
392 padding: 6px 6px 2px 6px;
|
Chris@76
|
393 font-family: tahoma, sans-serif;
|
Chris@76
|
394 }
|
Chris@76
|
395
|
Chris@76
|
396 .mirrortab_first
|
Chris@76
|
397 {
|
Chris@76
|
398 background: url(images/mirrortab_first.gif) no-repeat;
|
Chris@76
|
399 width: 10px;
|
Chris@76
|
400 }
|
Chris@76
|
401 .mirrortab_back
|
Chris@76
|
402 {
|
Chris@76
|
403 background: url(images/mirrortab_back.gif) repeat-x;
|
Chris@76
|
404 }
|
Chris@76
|
405 .mirrortab_last
|
Chris@76
|
406 {
|
Chris@76
|
407 background: url(images/mirrortab_last.gif) no-repeat;
|
Chris@76
|
408 width: 6px;
|
Chris@76
|
409 }
|
Chris@76
|
410 .mirrortab_active_first
|
Chris@76
|
411 {
|
Chris@76
|
412 background: url(images/mirrortab_active_first.gif) no-repeat;
|
Chris@76
|
413 width: 6px;
|
Chris@76
|
414 }
|
Chris@76
|
415 .mirrortab_active_back
|
Chris@76
|
416 {
|
Chris@76
|
417 background: url(images/mirrortab_active_back.gif) repeat-x;
|
Chris@76
|
418 }
|
Chris@76
|
419 .mirrortab_active_last
|
Chris@76
|
420 {
|
Chris@76
|
421 background: url(images/mirrortab_active_last.gif) no-repeat;
|
Chris@76
|
422 width: 8px;
|
Chris@76
|
423 }
|
Chris@76
|
424
|
Chris@76
|
425 /* how links behave in mirror tab. */
|
Chris@76
|
426 .mirrortab_back a:link , .mirrortab_back a:visited, .mirrortab_active_back a:link , .mirrortab_active_back a:visited
|
Chris@76
|
427 {
|
Chris@76
|
428 color: white;
|
Chris@76
|
429 text-decoration: none;
|
Chris@76
|
430 }
|
Chris@76
|
431
|
Chris@76
|
432 .mirrortab_back a:hover, .mirrortab_active_back a:hover
|
Chris@76
|
433 {
|
Chris@76
|
434 color: #e0e0ff;
|
Chris@76
|
435 text-decoration: none;
|
Chris@76
|
436 }
|
Chris@76
|
437
|
Chris@76
|
438 /* The AJAX notifier */
|
Chris@76
|
439 #ajax_in_progress
|
Chris@76
|
440 {
|
Chris@76
|
441 background: #32CD32;
|
Chris@76
|
442 color: white;
|
Chris@76
|
443 text-align: center;
|
Chris@76
|
444 font-weight: bold;
|
Chris@76
|
445 font-size: 18pt;
|
Chris@76
|
446 padding: 3px;
|
Chris@76
|
447 width: 100%;
|
Chris@76
|
448 position: fixed;
|
Chris@76
|
449 top: 0;
|
Chris@76
|
450 left: 0;
|
Chris@76
|
451 } |