|
443
by dcoles
Added Forum application along with unmodifed version of phpBB3 "Olympus" 3.0.0 |
1 |
/*
|
2 |
--------------------------------------------------------------
|
|
3 |
Colours and backgrounds for common.css
|
|
4 |
-------------------------------------------------------------- */
|
|
5 |
||
6 |
html, body { |
|
7 |
color: #536482; |
|
8 |
background-color: #FFFFFF; |
|
9 |
}
|
|
10 |
||
11 |
h1 { |
|
12 |
color: #FFFFFF; |
|
13 |
}
|
|
14 |
||
15 |
h2 { |
|
16 |
color: #28313F; |
|
17 |
}
|
|
18 |
||
19 |
h3 { |
|
20 |
border-bottom-color: #CCCCCC; |
|
21 |
color: #115098; |
|
22 |
}
|
|
23 |
||
24 |
hr { |
|
25 |
border-color: #FFFFFF; |
|
26 |
border-top-color: #CCCCCC; |
|
27 |
}
|
|
28 |
||
29 |
hr.dashed { |
|
30 |
border-top-color: #CCCCCC; |
|
31 |
}
|
|
32 |
||
33 |
/* Search box
|
|
34 |
--------------------------------------------- */
|
|
35 |
||
36 |
#search-box { |
|
37 |
color: #FFFFFF; |
|
38 |
}
|
|
39 |
||
40 |
#search-box #keywords { |
|
41 |
background-color: #FFF; |
|
42 |
}
|
|
43 |
||
44 |
#search-box input { |
|
45 |
border-color: #0075B0; |
|
46 |
}
|
|
47 |
||
48 |
/* Round cornered boxes and backgrounds
|
|
49 |
---------------------------------------- */
|
|
50 |
.headerbar { |
|
51 |
background-color: #12A3EB; |
|
52 |
background-image: url("{T_THEME_PATH}/images/bg_header.gif"); |
|
53 |
color: #FFFFFF; |
|
54 |
}
|
|
55 |
||
56 |
.navbar { |
|
57 |
background-color: #cadceb; |
|
58 |
}
|
|
59 |
||
60 |
.forabg { |
|
61 |
background-color: #0076b1; |
|
62 |
background-image: url("{T_THEME_PATH}/images/bg_list.gif"); |
|
63 |
}
|
|
64 |
||
65 |
.forumbg { |
|
66 |
background-color: #12A3EB; |
|
67 |
background-image: url("{T_THEME_PATH}/images/bg_header.gif"); |
|
68 |
}
|
|
69 |
||
70 |
.panel { |
|
71 |
background-color: #ECF1F3; |
|
72 |
color: #28313F; |
|
73 |
}
|
|
74 |
||
75 |
.post:target .content { |
|
76 |
color: #000000; |
|
77 |
}
|
|
78 |
||
79 |
.post:target h3 a { |
|
80 |
color: #000000; |
|
81 |
}
|
|
82 |
||
83 |
.bg1 { background-color: #ECF3F7; } |
|
84 |
.bg2 { background-color: #e1ebf2; } |
|
85 |
.bg3 { background-color: #cadceb; } |
|
86 |
||
87 |
.ucprowbg { |
|
88 |
background-color: #DCDEE2; |
|
89 |
}
|
|
90 |
||
91 |
.fieldsbg { |
|
92 |
background-color: #E7E8EA; |
|
93 |
}
|
|
94 |
||
95 |
span.corners-top { |
|
96 |
background-image: url("{T_THEME_PATH}/images/corners_left.png"); |
|
97 |
}
|
|
98 |
||
99 |
span.corners-top span { |
|
100 |
background-image: url("{T_THEME_PATH}/images/corners_right.png"); |
|
101 |
}
|
|
102 |
||
103 |
span.corners-bottom { |
|
104 |
background-image: url("{T_THEME_PATH}/images/corners_left.png"); |
|
105 |
}
|
|
106 |
||
107 |
span.corners-bottom span { |
|
108 |
background-image: url("{T_THEME_PATH}/images/corners_right.png"); |
|
109 |
}
|
|
110 |
||
111 |
/* Horizontal lists
|
|
112 |
----------------------------------------*/
|
|
113 |
||
114 |
ul.navlinks { |
|
115 |
border-bottom-color: #FFFFFF; |
|
116 |
}
|
|
117 |
||
118 |
/* Table styles
|
|
119 |
----------------------------------------*/
|
|
120 |
table.table1 thead th { |
|
121 |
color: #FFFFFF; |
|
122 |
}
|
|
123 |
||
124 |
table.table1 tbody tr { |
|
125 |
border-color: #BFC1CF; |
|
126 |
}
|
|
127 |
||
128 |
table.table1 tbody tr:hover, table.table1 tbody tr.hover { |
|
129 |
background-color: #CFE1F6; |
|
130 |
color: #000; |
|
131 |
}
|
|
132 |
||
133 |
table.table1 td { |
|
134 |
color: #536482; |
|
135 |
}
|
|
136 |
||
137 |
table.table1 tbody td { |
|
138 |
border-top-color: #FAFAFA; |
|
139 |
}
|
|
140 |
||
141 |
table.table1 tbody th { |
|
142 |
border-bottom-color: #000000; |
|
143 |
color: #333333; |
|
144 |
background-color: #FFFFFF; |
|
145 |
}
|
|
146 |
||
147 |
table.info tbody th { |
|
148 |
color: #000000; |
|
149 |
}
|
|
150 |
||
151 |
/* Misc layout styles
|
|
152 |
---------------------------------------- */
|
|
153 |
dl.details dt { |
|
154 |
color: #000000; |
|
155 |
}
|
|
156 |
||
157 |
dl.details dd { |
|
158 |
color: #536482; |
|
159 |
}
|
|
160 |
||
161 |
.sep { |
|
162 |
color: #1198D9; |
|
163 |
}
|
|
164 |
||
165 |
/* Pagination
|
|
166 |
---------------------------------------- */
|
|
167 |
||
168 |
.pagination span strong { |
|
169 |
color: #FFFFFF; |
|
170 |
background-color: #4692BF; |
|
171 |
border-color: #4692BF; |
|
172 |
}
|
|
173 |
||
174 |
.pagination span a, .pagination span a:link, .pagination span a:visited, .pagination span a:active { |
|
175 |
color: #5C758C; |
|
176 |
background-color: #ECEDEE; |
|
177 |
border-color: #B4BAC0; |
|
178 |
}
|
|
179 |
||
180 |
.pagination span a:hover { |
|
181 |
border-color: #368AD2; |
|
182 |
background-color: #368AD2; |
|
183 |
color: #FFF; |
|
184 |
}
|
|
185 |
||
186 |
/* Pagination in viewforum for multipage topics */
|
|
187 |
.row .pagination { |
|
188 |
background-image: url("{T_THEME_PATH}/images/icon_pages.gif"); |
|
189 |
}
|
|
190 |
||
191 |
.row .pagination span a, li.pagination span a { |
|
192 |
background-color: #FFFFFF; |
|
193 |
}
|
|
194 |
||
195 |
.row .pagination span a:hover, li.pagination span a:hover { |
|
196 |
background-color: #368AD2; |
|
197 |
}
|
|
198 |
||
199 |
/* Miscellaneous styles
|
|
200 |
---------------------------------------- */
|
|
201 |
||
202 |
.copyright { |
|
203 |
color: #555555; |
|
204 |
}
|
|
205 |
||
206 |
.error { |
|
207 |
color: #BC2A4D; |
|
208 |
}
|
|
209 |
||
210 |
.reported { |
|
211 |
background-color: #F7ECEF; |
|
212 |
}
|
|
213 |
||
214 |
li.reported:hover { |
|
215 |
background-color: #ECD5D8 !important; |
|
216 |
}
|
|
217 |
.sticky, .announce { |
|
218 |
/* you can add a background for stickies and announcements*/
|
|
219 |
}
|
|
220 |
||
221 |
div.rules { |
|
222 |
background-color: #ECD5D8; |
|
223 |
color: #BC2A4D; |
|
224 |
}
|
|
225 |
||
226 |
p.rules { |
|
227 |
background-color: #ECD5D8; |
|
228 |
background-image: none; |
|
229 |
}
|
|
230 |
||
231 |
/*
|
|
232 |
--------------------------------------------------------------
|
|
233 |
Colours and backgrounds for links.css
|
|
234 |
-------------------------------------------------------------- */
|
|
235 |
||
236 |
a:link { color: #105289; } |
|
237 |
a:visited { color: #105289; } |
|
238 |
a:hover { color: #D31141; } |
|
239 |
a:active { color: #368AD2; } |
|
240 |
||
241 |
/* Links on gradient backgrounds */
|
|
242 |
#search-box a:link, .navbg a:link, .forumbg .header a:link, .forabg .header a:link, th a:link { |
|
243 |
color: #FFFFFF; |
|
244 |
}
|
|
245 |
||
246 |
#search-box a:visited, .navbg a:visited, .forumbg .header a:visited, .forabg .header a:visited, th a:visited { |
|
247 |
color: #FFFFFF; |
|
248 |
}
|
|
249 |
||
250 |
#search-box a:hover, .navbg a:hover, .forumbg .header a:hover, .forabg .header a:hover, th a:hover { |
|
251 |
color: #A8D8FF; |
|
252 |
}
|
|
253 |
||
254 |
#search-box a:active, .navbg a:active, .forumbg .header a:active, .forabg .header a:active, th a:active { |
|
255 |
color: #C8E6FF; |
|
256 |
}
|
|
257 |
||
258 |
/* Links for forum/topic lists */
|
|
259 |
a.forumtitle { |
|
260 |
color: #105289; |
|
261 |
}
|
|
262 |
||
263 |
/* a.forumtitle:visited { color: #105289; } */
|
|
264 |
||
265 |
a.forumtitle:hover { |
|
266 |
color: #BC2A4D; |
|
267 |
}
|
|
268 |
||
269 |
a.forumtitle:active { |
|
270 |
color: #105289; |
|
271 |
}
|
|
272 |
||
273 |
a.topictitle { |
|
274 |
color: #105289; |
|
275 |
}
|
|
276 |
||
277 |
/* a.topictitle:visited { color: #368AD2; } */
|
|
278 |
||
279 |
a.topictitle:hover { |
|
280 |
color: #BC2A4D; |
|
281 |
}
|
|
282 |
||
283 |
a.topictitle:active { |
|
284 |
color: #105289; |
|
285 |
}
|
|
286 |
||
287 |
/* Post body links */
|
|
288 |
.postlink { |
|
289 |
color: #368AD2; |
|
290 |
border-bottom-color: #368AD2; |
|
291 |
}
|
|
292 |
||
293 |
.postlink:visited { |
|
294 |
color: #5D8FBD; |
|
295 |
border-bottom-color: #666666; |
|
296 |
}
|
|
297 |
||
298 |
.postlink:active { |
|
299 |
color: #368AD2; |
|
300 |
}
|
|
301 |
||
302 |
.postlink:hover { |
|
303 |
background-color: #D0E4F6; |
|
304 |
color: #0D4473; |
|
305 |
}
|
|
306 |
||
307 |
.signature a, .signature a:visited, .signature a:active, .signature a:hover { |
|
308 |
background-color: transparent; |
|
309 |
}
|
|
310 |
||
311 |
/* Profile links */
|
|
312 |
.postprofile a:link, .postprofile a:active, .postprofile a:visited, .postprofile dt.author a { |
|
313 |
color: #105289; |
|
314 |
}
|
|
315 |
||
316 |
.postprofile a:hover, .postprofile dt.author a:hover { |
|
317 |
color: #D31141; |
|
318 |
}
|
|
319 |
||
320 |
/* Profile searchresults */
|
|
321 |
.search .postprofile a { |
|
322 |
color: #105289; |
|
323 |
}
|
|
324 |
||
325 |
.search .postprofile a:hover { |
|
326 |
color: #D31141; |
|
327 |
}
|
|
328 |
||
329 |
/* Back to top of page */
|
|
330 |
a.top { |
|
331 |
background-image: url("{IMG_ICON_BACK_TOP_SRC}"); |
|
332 |
}
|
|
333 |
||
334 |
a.top2 { |
|
335 |
background-image: url("{IMG_ICON_BACK_TOP_SRC}"); |
|
336 |
}
|
|
337 |
||
338 |
/* Arrow links */
|
|
339 |
a.up { background-image: url("{T_THEME_PATH}/images/arrow_up.gif") } |
|
340 |
a.down { background-image: url("{T_THEME_PATH}/images/arrow_down.gif") } |
|
341 |
a.left { background-image: url("{T_THEME_PATH}/images/arrow_left.gif") } |
|
342 |
a.right { background-image: url("{T_THEME_PATH}/images/arrow_right.gif") } |
|
343 |
||
344 |
a.up:hover { |
|
345 |
background-color: transparent; |
|
346 |
}
|
|
347 |
||
348 |
a.left:hover { |
|
349 |
color: #368AD2; |
|
350 |
}
|
|
351 |
||
352 |
a.right:hover { |
|
353 |
color: #368AD2; |
|
354 |
}
|
|
355 |
||
356 |
||
357 |
/*
|
|
358 |
--------------------------------------------------------------
|
|
359 |
Colours and backgrounds for content.css
|
|
360 |
-------------------------------------------------------------- */
|
|
361 |
||
362 |
ul.forums { |
|
363 |
background-color: #eef5f9; |
|
364 |
background-image: url("{T_THEME_PATH}/images/gradient.gif"); |
|
365 |
}
|
|
366 |
||
367 |
ul.topiclist li { |
|
368 |
color: #4C5D77; |
|
369 |
}
|
|
370 |
||
371 |
ul.topiclist dd { |
|
372 |
border-left-color: #FFFFFF; |
|
373 |
}
|
|
374 |
||
375 |
.rtl ul.topiclist dd { |
|
376 |
border-right-color: #fff; |
|
377 |
border-left-color: transparent; |
|
378 |
}
|
|
379 |
||
380 |
ul.topiclist li.row dt a.subforum.read { |
|
381 |
background-image: url("{IMG_SUBFORUM_READ_SRC}"); |
|
382 |
}
|
|
383 |
||
384 |
ul.topiclist li.row dt a.subforum.unread { |
|
385 |
background-image: url("{IMG_SUBFORUM_UNREAD_SRC}"); |
|
386 |
}
|
|
387 |
||
388 |
li.row { |
|
389 |
border-top-color: #FFFFFF; |
|
390 |
border-bottom-color: #00608F; |
|
391 |
}
|
|
392 |
||
393 |
li.row strong { |
|
394 |
color: #000000; |
|
395 |
}
|
|
396 |
||
397 |
li.row:hover { |
|
398 |
background-color: #F6F4D0; |
|
399 |
}
|
|
400 |
||
401 |
li.row:hover dd { |
|
402 |
border-left-color: #CCCCCC; |
|
403 |
}
|
|
404 |
||
405 |
.rtl li.row:hover dd { |
|
406 |
border-right-color: #CCCCCC; |
|
407 |
border-left-color: transparent; |
|
408 |
}
|
|
409 |
||
410 |
li.header dt, li.header dd { |
|
411 |
color: #FFFFFF; |
|
412 |
}
|
|
413 |
||
414 |
/* Forum list column styles */
|
|
415 |
ul.topiclist dd.searchextra { |
|
416 |
color: #333333; |
|
417 |
}
|
|
418 |
||
419 |
/* Post body styles
|
|
420 |
----------------------------------------*/
|
|
421 |
.postbody { |
|
422 |
color: #333333; |
|
423 |
}
|
|
424 |
||
425 |
/* Content container styles
|
|
426 |
----------------------------------------*/
|
|
427 |
.content { |
|
428 |
color: #333333; |
|
429 |
}
|
|
430 |
||
431 |
.content h2, .panel h2 { |
|
432 |
color: #115098; |
|
433 |
border-bottom-color: #CCCCCC; |
|
434 |
}
|
|
435 |
||
436 |
dl.faq dt { |
|
437 |
color: #333333; |
|
438 |
}
|
|
439 |
||
440 |
.posthilit { |
|
441 |
background-color: #F3BFCC; |
|
442 |
color: #BC2A4D; |
|
443 |
}
|
|
444 |
||
445 |
/* Post signature */
|
|
446 |
.signature { |
|
447 |
border-top-color: #CCCCCC; |
|
448 |
}
|
|
449 |
||
450 |
/* Post noticies */
|
|
451 |
.notice { |
|
452 |
border-top-color: #CCCCCC; |
|
453 |
}
|
|
454 |
||
455 |
/* BB Code styles
|
|
456 |
----------------------------------------*/
|
|
457 |
/* Quote block */
|
|
458 |
blockquote { |
|
459 |
background-color: #EBEADD; |
|
460 |
background-image: url("{T_THEME_PATH}/images/quote.gif"); |
|
461 |
border-color:#DBDBCE; |
|
462 |
}
|
|
463 |
||
464 |
blockquote blockquote { |
|
465 |
/* Nested quotes */
|
|
466 |
background-color:#EFEED9; |
|
467 |
}
|
|
468 |
||
469 |
blockquote blockquote blockquote { |
|
470 |
/* Nested quotes */
|
|
471 |
background-color: #EBEADD; |
|
472 |
}
|
|
473 |
||
474 |
/* Code block */
|
|
475 |
dl.codebox { |
|
476 |
background-color: #FFFFFF; |
|
477 |
border-color: #C9D2D8; |
|
478 |
}
|
|
479 |
||
480 |
dl.codebox dt { |
|
481 |
border-bottom-color: #CCCCCC; |
|
482 |
}
|
|
483 |
||
484 |
dl.codebox code { |
|
485 |
color: #2E8B57; |
|
486 |
}
|
|
487 |
||
488 |
.syntaxbg { color: #FFFFFF; } |
|
489 |
.syntaxcomment { color: #FF8000; } |
|
490 |
.syntaxdefault { color: #0000BB; } |
|
491 |
.syntaxhtml { color: #000000; } |
|
492 |
.syntaxkeyword { color: #007700; } |
|
493 |
.syntaxstring { color: #DD0000; } |
|
494 |
||
495 |
/* Attachments
|
|
496 |
----------------------------------------*/
|
|
497 |
.attachbox { |
|
498 |
background-color: #FFFFFF; |
|
499 |
border-color: #C9D2D8; |
|
500 |
}
|
|
501 |
||
502 |
.pm-message .attachbox { |
|
503 |
background-color: #F2F3F3; |
|
504 |
}
|
|
505 |
||
506 |
.attachbox dd { |
|
507 |
border-top-color: #C9D2D8; |
|
508 |
}
|
|
509 |
||
510 |
.attachbox p { |
|
511 |
color: #666666; |
|
512 |
}
|
|
513 |
||
514 |
.attachbox p.stats { |
|
515 |
color: #666666; |
|
516 |
}
|
|
517 |
||
518 |
.attach-image img { |
|
519 |
border-color: #999999; |
|
520 |
}
|
|
521 |
||
522 |
/* Inline image thumbnails */
|
|
523 |
||
524 |
dl.file dd { |
|
525 |
color: #666666; |
|
526 |
}
|
|
527 |
||
528 |
dl.thumbnail img { |
|
529 |
border-color: #666666; |
|
530 |
background-color: #FFFFFF; |
|
531 |
}
|
|
532 |
||
533 |
dl.thumbnail dd { |
|
534 |
color: #666666; |
|
535 |
}
|
|
536 |
||
537 |
dl.thumbnail dt a:hover { |
|
538 |
background-color: #EEEEEE; |
|
539 |
}
|
|
540 |
||
541 |
dl.thumbnail dt a:hover img { |
|
542 |
border-color: #368AD2; |
|
543 |
}
|
|
544 |
||
545 |
/* Post poll styles
|
|
546 |
----------------------------------------*/
|
|
547 |
||
548 |
fieldset.polls dl { |
|
549 |
border-top-color: #DCDEE2; |
|
550 |
color: #666666; |
|
551 |
}
|
|
552 |
||
553 |
fieldset.polls dl.voted { |
|
554 |
color: #000000; |
|
555 |
}
|
|
556 |
||
557 |
fieldset.polls dd div { |
|
558 |
color: #FFFFFF; |
|
559 |
}
|
|
560 |
||
561 |
.rtl .pollbar1, .rtl .pollbar2, .rtl .pollbar3, .rtl .pollbar4, .rtl .pollbar5 { |
|
562 |
border-right-color: transparent; |
|
563 |
}
|
|
564 |
||
565 |
.pollbar1 { |
|
566 |
background-color: #AA2346; |
|
567 |
border-bottom-color: #74162C; |
|
568 |
border-right-color: #74162C; |
|
569 |
}
|
|
570 |
||
571 |
.rtl .pollbar1 { |
|
572 |
border-left-color: #74162C; |
|
573 |
}
|
|
574 |
||
575 |
.pollbar2 { |
|
576 |
background-color: #BE1E4A; |
|
577 |
border-bottom-color: #8C1C38; |
|
578 |
border-right-color: #8C1C38; |
|
579 |
}
|
|
580 |
||
581 |
.rtl .pollbar2 { |
|
582 |
border-left-color: #8C1C38; |
|
583 |
}
|
|
584 |
||
585 |
.pollbar3 { |
|
586 |
background-color: #D11A4E; |
|
587 |
border-bottom-color: #AA2346; |
|
588 |
border-right-color: #AA2346; |
|
589 |
}
|
|
590 |
||
591 |
.rtl .pollbar3 { |
|
592 |
border-left-color: #AA2346; |
|
593 |
}
|
|
594 |
||
595 |
.pollbar4 { |
|
596 |
background-color: #E41653; |
|
597 |
border-bottom-color: #BE1E4A; |
|
598 |
border-right-color: #BE1E4A; |
|
599 |
}
|
|
600 |
||
601 |
.rtl .pollbar4 { |
|
602 |
border-left-color: #BE1E4A; |
|
603 |
}
|
|
604 |
||
605 |
.pollbar5 { |
|
606 |
background-color: #F81157; |
|
607 |
border-bottom-color: #D11A4E; |
|
608 |
border-right-color: #D11A4E; |
|
609 |
}
|
|
610 |
||
611 |
.rtl .pollbar5 { |
|
612 |
border-left-color: #D11A4E; |
|
613 |
}
|
|
614 |
||
615 |
/* Poster profile block
|
|
616 |
----------------------------------------*/
|
|
617 |
.postprofile { |
|
618 |
color: #666666; |
|
619 |
border-left-color: #FFFFFF; |
|
620 |
}
|
|
621 |
||
622 |
.rtl .postprofile { |
|
623 |
border-right-color: #FFFFFF; |
|
624 |
border-left-color: transparent; |
|
625 |
}
|
|
626 |
||
627 |
.pm .postprofile { |
|
628 |
border-left-color: #DDDDDD; |
|
629 |
}
|
|
630 |
||
631 |
.rtl .pm .postprofile { |
|
632 |
border-right-color: #DDDDDD; |
|
633 |
border-left-color: transparent; |
|
634 |
}
|
|
635 |
||
636 |
.postprofile strong { |
|
637 |
color: #000000; |
|
638 |
}
|
|
639 |
||
640 |
.online { |
|
641 |
background-image: url("{T_IMAGESET_LANG_PATH}/icon_user_online.gif"); |
|
642 |
}
|
|
643 |
||
644 |
/*
|
|
645 |
--------------------------------------------------------------
|
|
646 |
Colours and backgrounds for buttons.css
|
|
647 |
-------------------------------------------------------------- */
|
|
648 |
||
649 |
/* Big button images */
|
|
650 |
.reply-icon span { background-image: url("{IMG_BUTTON_TOPIC_REPLY_SRC}"); } |
|
651 |
.post-icon span { background-image: url("{IMG_BUTTON_TOPIC_NEW_SRC}"); } |
|
652 |
.locked-icon span { background-image: url("{IMG_BUTTON_TOPIC_LOCKED_SRC}"); } |
|
653 |
.pmreply-icon span { background-image: url("{IMG_BUTTON_PM_REPLY_SRC}") ;} |
|
654 |
.newpm-icon span { background-image: url("{IMG_BUTTON_PM_NEW_SRC}") ;} |
|
655 |
.forwardpm-icon span { background-image: url("{IMG_BUTTON_PM_FORWARD_SRC}") ;} |
|
656 |
||
657 |
a.print { |
|
658 |
background-image: url("{T_THEME_PATH}/images/icon_print.gif"); |
|
659 |
}
|
|
660 |
||
661 |
a.sendemail { |
|
662 |
background-image: url("{T_THEME_PATH}/images/icon_sendemail.gif"); |
|
663 |
}
|
|
664 |
||
665 |
a.fontsize { |
|
666 |
background-image: url("{T_THEME_PATH}/images/icon_fontsize.gif"); |
|
667 |
}
|
|
668 |
||
669 |
/* Icon images
|
|
670 |
---------------------------------------- */
|
|
671 |
.sitehome { background-image: url("{T_THEME_PATH}/images/icon_home.gif"); } |
|
672 |
.icon-faq { background-image: url("{T_THEME_PATH}/images/icon_faq.gif"); } |
|
673 |
.icon-members { background-image: url("{T_THEME_PATH}/images/icon_members.gif"); } |
|
674 |
.icon-home { background-image: url("{T_THEME_PATH}/images/icon_home.gif"); } |
|
675 |
.icon-ucp { background-image: url("{T_THEME_PATH}/images/icon_ucp.gif"); } |
|
676 |
.icon-register { background-image: url("{T_THEME_PATH}/images/icon_register.gif"); } |
|
677 |
.icon-logout { background-image: url("{T_THEME_PATH}/images/icon_logout.gif"); } |
|
678 |
.icon-bookmark { background-image: url("{T_THEME_PATH}/images/icon_bookmark.gif"); } |
|
679 |
.icon-bump { background-image: url("{T_THEME_PATH}/images/icon_bump.gif"); } |
|
680 |
.icon-subscribe { background-image: url("{T_THEME_PATH}/images/icon_subscribe.gif"); } |
|
681 |
.icon-unsubscribe { background-image: url("{T_THEME_PATH}/images/icon_unsubscribe.gif"); } |
|
682 |
.icon-pages { background-image: url("{T_THEME_PATH}/images/icon_pages.gif"); } |
|
683 |
.icon-search { background-image: url("{T_THEME_PATH}/images/icon_search.gif"); } |
|
684 |
||
685 |
/* Profile & navigation icons */
|
|
686 |
.email-icon, .email-icon a { background-image: url("{IMG_ICON_CONTACT_EMAIL_SRC}"); } |
|
687 |
.aim-icon, .aim-icon a { background-image: url("{IMG_ICON_CONTACT_AIM_SRC}"); } |
|
688 |
.yahoo-icon, .yahoo-icon a { background-image: url("{IMG_ICON_CONTACT_YAHOO_SRC}"); } |
|
689 |
.web-icon, .web-icon a { background-image: url("{IMG_ICON_CONTACT_WWW_SRC}"); } |
|
690 |
.msnm-icon, .msnm-icon a { background-image: url("{IMG_ICON_CONTACT_MSNM_SRC}"); } |
|
691 |
.icq-icon, .icq-icon a { background-image: url("{IMG_ICON_CONTACT_ICQ_SRC}"); } |
|
692 |
.jabber-icon, .jabber-icon a { background-image: url("{IMG_ICON_CONTACT_JABBER_SRC}"); } |
|
693 |
.pm-icon, .pm-icon a { background-image: url("{IMG_ICON_CONTACT_PM_SRC}"); } |
|
694 |
.quote-icon, .quote-icon a { background-image: url("{IMG_ICON_POST_QUOTE_SRC}"); } |
|
695 |
||
696 |
/* Moderator icons */
|
|
697 |
.report-icon, .report-icon a { background-image: url("{IMG_ICON_POST_REPORT_SRC}"); } |
|
698 |
.edit-icon, .edit-icon a { background-image: url("{IMG_ICON_POST_EDIT_SRC}"); } |
|
699 |
.delete-icon, .delete-icon a { background-image: url("{IMG_ICON_POST_DELETE_SRC}"); } |
|
700 |
.info-icon, .info-icon a { background-image: url("{IMG_ICON_POST_INFO_SRC}"); } |
|
701 |
.warn-icon, .warn-icon a { background-image: url("{IMG_ICON_USER_WARN_SRC}"); } /* Need updated warn icon */ |
|
702 |
||
703 |
/*
|
|
704 |
--------------------------------------------------------------
|
|
705 |
Colours and backgrounds for cp.css
|
|
706 |
-------------------------------------------------------------- */
|
|
707 |
||
708 |
/* Main CP box
|
|
709 |
----------------------------------------*/
|
|
710 |
||
711 |
#cp-main h3, #cp-main hr, #cp-menu hr { |
|
712 |
border-color: #A4B3BF; |
|
713 |
}
|
|
714 |
||
715 |
#cp-main .panel li.row { |
|
716 |
border-bottom-color: #B5C1CB; |
|
717 |
border-top-color: #F9F9F9; |
|
718 |
}
|
|
719 |
||
720 |
ul.cplist { |
|
721 |
border-top-color: #B5C1CB; |
|
722 |
}
|
|
723 |
||
724 |
#cp-main .panel li.header dd, #cp-main .panel li.header dt { |
|
725 |
color: #000000; |
|
726 |
}
|
|
727 |
||
728 |
#cp-main table.table1 thead th { |
|
729 |
color: #333333; |
|
730 |
border-bottom-color: #333333; |
|
731 |
}
|
|
732 |
||
733 |
#cp-main .pm-message { |
|
734 |
border-color: #DBDEE2; |
|
735 |
background-color: #FFFFFF; |
|
736 |
}
|
|
737 |
||
738 |
/* CP tabbed menu
|
|
739 |
----------------------------------------*/
|
|
740 |
#tabs a { |
|
741 |
background-image: url("{T_THEME_PATH}/images/bg_tabs1.gif"); |
|
742 |
}
|
|
743 |
||
744 |
#tabs a span { |
|
745 |
background-image: url("{T_THEME_PATH}/images/bg_tabs2.gif"); |
|
746 |
color: #536482; |
|
747 |
}
|
|
748 |
||
749 |
#tabs a:hover span { |
|
750 |
color: #BC2A4D; |
|
751 |
}
|
|
752 |
||
753 |
#tabs .activetab a { |
|
754 |
border-bottom-color: #CADCEB; |
|
755 |
}
|
|
756 |
||
757 |
#tabs .activetab a span { |
|
758 |
color: #333333; |
|
759 |
}
|
|
760 |
||
761 |
#tabs .activetab a:hover span { |
|
762 |
color: #000000; |
|
763 |
}
|
|
764 |
||
765 |
/* Mini tabbed menu used in MCP
|
|
766 |
----------------------------------------*/
|
|
767 |
#minitabs li { |
|
768 |
background-color: #E1EBF2; |
|
769 |
}
|
|
770 |
||
771 |
#minitabs li.activetab { |
|
772 |
background-color: #F9F9F9; |
|
773 |
}
|
|
774 |
||
775 |
#minitabs li.activetab a, #minitabs li.activetab a:hover { |
|
776 |
color: #333333; |
|
777 |
}
|
|
778 |
||
779 |
/* UCP navigation menu
|
|
780 |
----------------------------------------*/
|
|
781 |
||
782 |
/* Link styles for the sub-section links */
|
|
783 |
#navigation a { |
|
784 |
color: #333; |
|
785 |
background-color: #B2C2CF; |
|
786 |
background-image: url("{T_THEME_PATH}/images/bg_menu.gif"); |
|
787 |
}
|
|
788 |
||
789 |
#navigation a:hover { |
|
790 |
background-color: #aabac6; |
|
791 |
color: #BC2A4D; |
|
792 |
}
|
|
793 |
||
794 |
#navigation #active-subsection a { |
|
795 |
color: #D31141; |
|
796 |
background-color: #F9F9F9; |
|
797 |
background-image: none; |
|
798 |
}
|
|
799 |
||
800 |
#navigation #active-subsection a:hover { |
|
801 |
color: #D31141; |
|
802 |
}
|
|
803 |
||
804 |
/* Preferences pane layout
|
|
805 |
----------------------------------------*/
|
|
806 |
#cp-main h2 { |
|
807 |
color: #333333; |
|
808 |
}
|
|
809 |
||
810 |
#cp-main .panel { |
|
811 |
background-color: #F9F9F9; |
|
812 |
}
|
|
813 |
||
814 |
#cp-main .pm { |
|
815 |
background-color: #FFFFFF; |
|
816 |
}
|
|
817 |
||
818 |
#cp-main span.corners-top, #cp-menu span.corners-top { |
|
819 |
background-image: url("{T_THEME_PATH}/images/corners_left2.gif"); |
|
820 |
}
|
|
821 |
||
822 |
#cp-main span.corners-top span, #cp-menu span.corners-top span { |
|
823 |
background-image: url("{T_THEME_PATH}/images/corners_right2.gif"); |
|
824 |
}
|
|
825 |
||
826 |
#cp-main span.corners-bottom, #cp-menu span.corners-bottom { |
|
827 |
background-image: url("{T_THEME_PATH}/images/corners_left2.gif"); |
|
828 |
}
|
|
829 |
||
830 |
#cp-main span.corners-bottom span, #cp-menu span.corners-bottom span { |
|
831 |
background-image: url("{T_THEME_PATH}/images/corners_right2.gif"); |
|
832 |
}
|
|
833 |
||
834 |
/* Topicreview */
|
|
835 |
#cp-main .panel #topicreview span.corners-top, #cp-menu .panel #topicreview span.corners-top { |
|
836 |
background-image: url("{T_THEME_PATH}/images/corners_left.gif"); |
|
837 |
}
|
|
838 |
||
839 |
#cp-main .panel #topicreview span.corners-top span, #cp-menu .panel #topicreview span.corners-top span { |
|
840 |
background-image: url("{T_THEME_PATH}/images/corners_right.gif"); |
|
841 |
}
|
|
842 |
||
843 |
#cp-main .panel #topicreview span.corners-bottom, #cp-menu .panel #topicreview span.corners-bottom { |
|
844 |
background-image: url("{T_THEME_PATH}/images/corners_left.gif"); |
|
845 |
}
|
|
846 |
||
847 |
#cp-main .panel #topicreview span.corners-bottom span, #cp-menu .panel #topicreview span.corners-bottom span { |
|
848 |
background-image: url("{T_THEME_PATH}/images/corners_right.gif"); |
|
849 |
}
|
|
850 |
||
851 |
/* Friends list */
|
|
852 |
.cp-mini { |
|
853 |
background-color: #eef5f9; |
|
854 |
}
|
|
855 |
||
856 |
dl.mini dt { |
|
857 |
color: #425067; |
|
858 |
}
|
|
859 |
||
860 |
/* PM Styles
|
|
861 |
----------------------------------------*/
|
|
862 |
/* PM Message history */
|
|
863 |
.current { |
|
864 |
color: #999999 !important; |
|
865 |
}
|
|
866 |
||
867 |
/* PM marking colours */
|
|
868 |
.pmlist li.pm_message_reported_colour, .pm_message_reported_colour { |
|
869 |
border-left-color: #BC2A4D; |
|
870 |
border-right-color: #BC2A4D; |
|
871 |
}
|
|
872 |
||
873 |
.pmlist li.pm_marked_colour, .pm_marked_colour { |
|
874 |
border-color: #FF6600; |
|
875 |
}
|
|
876 |
||
877 |
.pmlist li.pm_replied_colour, .pm_replied_colour { |
|
878 |
border-color: #A9B8C2; |
|
879 |
}
|
|
880 |
||
881 |
.pmlist li.pm_friend_colour, .pm_friend_colour { |
|
882 |
border-color: #5D8FBD; |
|
883 |
}
|
|
884 |
||
885 |
pmlist li.pm_foe_colour, .pm_foe_colour { |
|
886 |
border-color: #000000; |
|
887 |
}
|
|
888 |
||
889 |
/* Avatar gallery */
|
|
890 |
#gallery label { |
|
891 |
background-color: #FFFFFF; |
|
892 |
border-color: #CCC; |
|
893 |
}
|
|
894 |
||
895 |
#gallery label:hover { |
|
896 |
background-color: #EEE; |
|
897 |
}
|
|
898 |
||
899 |
/*
|
|
900 |
--------------------------------------------------------------
|
|
901 |
Colours and backgrounds for forms.css
|
|
902 |
-------------------------------------------------------------- */
|
|
903 |
||
904 |
/* General form styles
|
|
905 |
----------------------------------------*/
|
|
906 |
select { |
|
907 |
border-color: #666666; |
|
908 |
background-color: #FAFAFA; |
|
909 |
}
|
|
910 |
||
911 |
label { |
|
912 |
color: #425067; |
|
913 |
}
|
|
914 |
||
915 |
option.disabled-option { |
|
916 |
color: graytext; |
|
917 |
}
|
|
918 |
||
919 |
/* Definition list layout for forms
|
|
920 |
---------------------------------------- */
|
|
921 |
dd label { |
|
922 |
color: #333; |
|
923 |
}
|
|
924 |
||
925 |
/* Hover effects */
|
|
926 |
fieldset dl:hover dt label { |
|
927 |
color: #000000; |
|
928 |
}
|
|
929 |
||
930 |
fieldset.fields2 dl:hover dt label { |
|
931 |
color: inherit; |
|
932 |
}
|
|
933 |
||
934 |
/* Quick-login on index page */
|
|
935 |
fieldset.quick-login input.inputbox { |
|
936 |
background-color: #F2F3F3; |
|
937 |
}
|
|
938 |
||
939 |
/* Posting page styles
|
|
940 |
----------------------------------------*/
|
|
941 |
||
942 |
#message-box textarea { |
|
943 |
color: #333333; |
|
944 |
}
|
|
945 |
||
946 |
/* Input field styles
|
|
947 |
---------------------------------------- */
|
|
948 |
.inputbox { |
|
949 |
background-color: #FFFFFF; |
|
950 |
border-color: #B4BAC0; |
|
951 |
color: #333333; |
|
952 |
}
|
|
953 |
||
954 |
.inputbox:hover { |
|
955 |
border-color: #11A3EA; |
|
956 |
}
|
|
957 |
||
958 |
.inputbox:focus { |
|
959 |
border-color: #11A3EA; |
|
960 |
color: #0F4987; |
|
961 |
}
|
|
962 |
||
963 |
/* Form button styles
|
|
964 |
---------------------------------------- */
|
|
965 |
||
966 |
a.button1, input.button1, input.button3, a.button2, input.button2 { |
|
967 |
color: #000; |
|
968 |
background-color: #FAFAFA; |
|
969 |
background-image: url("{T_THEME_PATH}/images/bg_button.gif"); |
|
970 |
}
|
|
971 |
||
972 |
a.button1, input.button1 { |
|
973 |
border-color: #666666; |
|
974 |
}
|
|
975 |
||
976 |
input.button3 { |
|
977 |
background-image: none; |
|
978 |
}
|
|
979 |
||
980 |
/* Alternative button */
|
|
981 |
a.button2, input.button2, input.button3 { |
|
982 |
border-color: #666666; |
|
983 |
}
|
|
984 |
||
985 |
/* <a> button in the style of the form buttons */
|
|
986 |
a.button1, a.button1:link, a.button1:visited, a.button1:active, a.button2, a.button2:link, a.button2:visited, a.button2:active { |
|
987 |
color: #000000; |
|
988 |
}
|
|
989 |
||
990 |
/* Hover states */
|
|
991 |
a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover { |
|
992 |
border-color: #BC2A4D; |
|
993 |
color: #BC2A4D; |
|
994 |
}
|
|
995 |
||
996 |
input.search { |
|
997 |
background-image: url("{T_THEME_PATH}/images/icon_textbox_search.gif"); |
|
998 |
}
|
|
999 |
||
1000 |
input.disabled { |
|
1001 |
color: #666666; |
|
1002 |
}
|