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 | .rtl blockquote {
|
---|
465 | background-image: url("{T_THEME_PATH}/images/quote_rtl.gif");
|
---|
466 | }
|
---|
467 |
|
---|
468 | blockquote blockquote {
|
---|
469 | /* Nested quotes */
|
---|
470 | background-color:#EFEED9;
|
---|
471 | }
|
---|
472 |
|
---|
473 | blockquote blockquote blockquote {
|
---|
474 | /* Nested quotes */
|
---|
475 | background-color: #EBEADD;
|
---|
476 | }
|
---|
477 |
|
---|
478 | /* Code block */
|
---|
479 | dl.codebox {
|
---|
480 | background-color: #FFFFFF;
|
---|
481 | border-color: #C9D2D8;
|
---|
482 | }
|
---|
483 |
|
---|
484 | dl.codebox dt {
|
---|
485 | border-bottom-color: #CCCCCC;
|
---|
486 | }
|
---|
487 |
|
---|
488 | dl.codebox code {
|
---|
489 | color: #2E8B57;
|
---|
490 | }
|
---|
491 |
|
---|
492 | .syntaxbg { color: #FFFFFF; }
|
---|
493 | .syntaxcomment { color: #FF8000; }
|
---|
494 | .syntaxdefault { color: #0000BB; }
|
---|
495 | .syntaxhtml { color: #000000; }
|
---|
496 | .syntaxkeyword { color: #007700; }
|
---|
497 | .syntaxstring { color: #DD0000; }
|
---|
498 |
|
---|
499 | /* Attachments
|
---|
500 | ----------------------------------------*/
|
---|
501 | .attachbox {
|
---|
502 | background-color: #FFFFFF;
|
---|
503 | border-color: #C9D2D8;
|
---|
504 | }
|
---|
505 |
|
---|
506 | .pm-message .attachbox {
|
---|
507 | background-color: #F2F3F3;
|
---|
508 | }
|
---|
509 |
|
---|
510 | .attachbox dd {
|
---|
511 | border-top-color: #C9D2D8;
|
---|
512 | }
|
---|
513 |
|
---|
514 | .attachbox p {
|
---|
515 | color: #666666;
|
---|
516 | }
|
---|
517 |
|
---|
518 | .attachbox p.stats {
|
---|
519 | color: #666666;
|
---|
520 | }
|
---|
521 |
|
---|
522 | .attach-image img {
|
---|
523 | border-color: #999999;
|
---|
524 | }
|
---|
525 |
|
---|
526 | /* Inline image thumbnails */
|
---|
527 |
|
---|
528 | dl.file dd {
|
---|
529 | color: #666666;
|
---|
530 | }
|
---|
531 |
|
---|
532 | dl.thumbnail img {
|
---|
533 | border-color: #666666;
|
---|
534 | background-color: #FFFFFF;
|
---|
535 | }
|
---|
536 |
|
---|
537 | dl.thumbnail dd {
|
---|
538 | color: #666666;
|
---|
539 | }
|
---|
540 |
|
---|
541 | dl.thumbnail dt a:hover {
|
---|
542 | background-color: #EEEEEE;
|
---|
543 | }
|
---|
544 |
|
---|
545 | dl.thumbnail dt a:hover img {
|
---|
546 | border-color: #368AD2;
|
---|
547 | }
|
---|
548 |
|
---|
549 | /* Post poll styles
|
---|
550 | ----------------------------------------*/
|
---|
551 |
|
---|
552 | fieldset.polls dl {
|
---|
553 | border-top-color: #DCDEE2;
|
---|
554 | color: #666666;
|
---|
555 | }
|
---|
556 |
|
---|
557 | fieldset.polls dl.voted {
|
---|
558 | color: #000000;
|
---|
559 | }
|
---|
560 |
|
---|
561 | fieldset.polls dd div {
|
---|
562 | color: #FFFFFF;
|
---|
563 | }
|
---|
564 |
|
---|
565 | .rtl .pollbar1, .rtl .pollbar2, .rtl .pollbar3, .rtl .pollbar4, .rtl .pollbar5 {
|
---|
566 | border-right-color: transparent;
|
---|
567 | }
|
---|
568 |
|
---|
569 | .pollbar1 {
|
---|
570 | background-color: #AA2346;
|
---|
571 | border-bottom-color: #74162C;
|
---|
572 | border-right-color: #74162C;
|
---|
573 | }
|
---|
574 |
|
---|
575 | .rtl .pollbar1 {
|
---|
576 | border-left-color: #74162C;
|
---|
577 | }
|
---|
578 |
|
---|
579 | .pollbar2 {
|
---|
580 | background-color: #BE1E4A;
|
---|
581 | border-bottom-color: #8C1C38;
|
---|
582 | border-right-color: #8C1C38;
|
---|
583 | }
|
---|
584 |
|
---|
585 | .rtl .pollbar2 {
|
---|
586 | border-left-color: #8C1C38;
|
---|
587 | }
|
---|
588 |
|
---|
589 | .pollbar3 {
|
---|
590 | background-color: #D11A4E;
|
---|
591 | border-bottom-color: #AA2346;
|
---|
592 | border-right-color: #AA2346;
|
---|
593 | }
|
---|
594 |
|
---|
595 | .rtl .pollbar3 {
|
---|
596 | border-left-color: #AA2346;
|
---|
597 | }
|
---|
598 |
|
---|
599 | .pollbar4 {
|
---|
600 | background-color: #E41653;
|
---|
601 | border-bottom-color: #BE1E4A;
|
---|
602 | border-right-color: #BE1E4A;
|
---|
603 | }
|
---|
604 |
|
---|
605 | .rtl .pollbar4 {
|
---|
606 | border-left-color: #BE1E4A;
|
---|
607 | }
|
---|
608 |
|
---|
609 | .pollbar5 {
|
---|
610 | background-color: #F81157;
|
---|
611 | border-bottom-color: #D11A4E;
|
---|
612 | border-right-color: #D11A4E;
|
---|
613 | }
|
---|
614 |
|
---|
615 | .rtl .pollbar5 {
|
---|
616 | border-left-color: #D11A4E;
|
---|
617 | }
|
---|
618 |
|
---|
619 | /* Poster profile block
|
---|
620 | ----------------------------------------*/
|
---|
621 | .postprofile {
|
---|
622 | color: #666666;
|
---|
623 | border-left-color: #FFFFFF;
|
---|
624 | }
|
---|
625 |
|
---|
626 | .rtl .postprofile {
|
---|
627 | border-right-color: #FFFFFF;
|
---|
628 | border-left-color: transparent;
|
---|
629 | }
|
---|
630 |
|
---|
631 | .pm .postprofile {
|
---|
632 | border-left-color: #DDDDDD;
|
---|
633 | }
|
---|
634 |
|
---|
635 | .rtl .pm .postprofile {
|
---|
636 | border-right-color: #DDDDDD;
|
---|
637 | border-left-color: transparent;
|
---|
638 | }
|
---|
639 |
|
---|
640 | .postprofile strong {
|
---|
641 | color: #000000;
|
---|
642 | }
|
---|
643 |
|
---|
644 | .online {
|
---|
645 | background-image: url("{T_IMAGESET_LANG_PATH}/icon_user_online.gif");
|
---|
646 | }
|
---|
647 |
|
---|
648 | /*
|
---|
649 | --------------------------------------------------------------
|
---|
650 | Colours and backgrounds for buttons.css
|
---|
651 | -------------------------------------------------------------- */
|
---|
652 |
|
---|
653 | /* Big button images */
|
---|
654 | .reply-icon span { background-image: url("{IMG_BUTTON_TOPIC_REPLY_SRC}"); }
|
---|
655 | .post-icon span { background-image: url("{IMG_BUTTON_TOPIC_NEW_SRC}"); }
|
---|
656 | .locked-icon span { background-image: url("{IMG_BUTTON_TOPIC_LOCKED_SRC}"); }
|
---|
657 | .pmreply-icon span { background-image: url("{IMG_BUTTON_PM_REPLY_SRC}") ;}
|
---|
658 | .newpm-icon span { background-image: url("{IMG_BUTTON_PM_NEW_SRC}") ;}
|
---|
659 | .forwardpm-icon span { background-image: url("{IMG_BUTTON_PM_FORWARD_SRC}") ;}
|
---|
660 |
|
---|
661 | a.print {
|
---|
662 | background-image: url("{T_THEME_PATH}/images/icon_print.gif");
|
---|
663 | }
|
---|
664 |
|
---|
665 | a.sendemail {
|
---|
666 | background-image: url("{T_THEME_PATH}/images/icon_sendemail.gif");
|
---|
667 | }
|
---|
668 |
|
---|
669 | a.fontsize {
|
---|
670 | background-image: url("{T_THEME_PATH}/images/icon_fontsize.gif");
|
---|
671 | }
|
---|
672 |
|
---|
673 | /* Icon images
|
---|
674 | ---------------------------------------- */
|
---|
675 | .sitehome { background-image: url("{T_THEME_PATH}/images/icon_home.gif"); }
|
---|
676 | .icon-faq { background-image: url("{T_THEME_PATH}/images/icon_faq.gif"); }
|
---|
677 | .icon-members { background-image: url("{T_THEME_PATH}/images/icon_members.gif"); }
|
---|
678 | .icon-home { background-image: url("{T_THEME_PATH}/images/icon_home.gif"); }
|
---|
679 | .icon-ucp { background-image: url("{T_THEME_PATH}/images/icon_ucp.gif"); }
|
---|
680 | .icon-register { background-image: url("{T_THEME_PATH}/images/icon_register.gif"); }
|
---|
681 | .icon-logout { background-image: url("{T_THEME_PATH}/images/icon_logout.gif"); }
|
---|
682 | .icon-bookmark { background-image: url("{T_THEME_PATH}/images/icon_bookmark.gif"); }
|
---|
683 | .icon-bump { background-image: url("{T_THEME_PATH}/images/icon_bump.gif"); }
|
---|
684 | .icon-subscribe { background-image: url("{T_THEME_PATH}/images/icon_subscribe.gif"); }
|
---|
685 | .icon-unsubscribe { background-image: url("{T_THEME_PATH}/images/icon_unsubscribe.gif"); }
|
---|
686 | .icon-pages { background-image: url("{T_THEME_PATH}/images/icon_pages.gif"); }
|
---|
687 | .icon-search { background-image: url("{T_THEME_PATH}/images/icon_search.gif"); }
|
---|
688 |
|
---|
689 | /* Profile & navigation icons */
|
---|
690 | .email-icon, .email-icon a { background-image: url("{IMG_ICON_CONTACT_EMAIL_SRC}"); }
|
---|
691 | .aim-icon, .aim-icon a { background-image: url("{IMG_ICON_CONTACT_AIM_SRC}"); }
|
---|
692 | .yahoo-icon, .yahoo-icon a { background-image: url("{IMG_ICON_CONTACT_YAHOO_SRC}"); }
|
---|
693 | .web-icon, .web-icon a { background-image: url("{IMG_ICON_CONTACT_WWW_SRC}"); }
|
---|
694 | .msnm-icon, .msnm-icon a { background-image: url("{IMG_ICON_CONTACT_MSNM_SRC}"); }
|
---|
695 | .icq-icon, .icq-icon a { background-image: url("{IMG_ICON_CONTACT_ICQ_SRC}"); }
|
---|
696 | .jabber-icon, .jabber-icon a { background-image: url("{IMG_ICON_CONTACT_JABBER_SRC}"); }
|
---|
697 | .pm-icon, .pm-icon a { background-image: url("{IMG_ICON_CONTACT_PM_SRC}"); }
|
---|
698 | .quote-icon, .quote-icon a { background-image: url("{IMG_ICON_POST_QUOTE_SRC}"); }
|
---|
699 |
|
---|
700 | /* Moderator icons */
|
---|
701 | .report-icon, .report-icon a { background-image: url("{IMG_ICON_POST_REPORT_SRC}"); }
|
---|
702 | .edit-icon, .edit-icon a { background-image: url("{IMG_ICON_POST_EDIT_SRC}"); }
|
---|
703 | .delete-icon, .delete-icon a { background-image: url("{IMG_ICON_POST_DELETE_SRC}"); }
|
---|
704 | .info-icon, .info-icon a { background-image: url("{IMG_ICON_POST_INFO_SRC}"); }
|
---|
705 | .warn-icon, .warn-icon a { background-image: url("{IMG_ICON_USER_WARN_SRC}"); } /* Need updated warn icon */
|
---|
706 |
|
---|
707 | /*
|
---|
708 | --------------------------------------------------------------
|
---|
709 | Colours and backgrounds for cp.css
|
---|
710 | -------------------------------------------------------------- */
|
---|
711 |
|
---|
712 | /* Main CP box
|
---|
713 | ----------------------------------------*/
|
---|
714 |
|
---|
715 | #cp-main h3, #cp-main hr, #cp-menu hr {
|
---|
716 | border-color: #A4B3BF;
|
---|
717 | }
|
---|
718 |
|
---|
719 | #cp-main .panel li.row {
|
---|
720 | border-bottom-color: #B5C1CB;
|
---|
721 | border-top-color: #F9F9F9;
|
---|
722 | }
|
---|
723 |
|
---|
724 | ul.cplist {
|
---|
725 | border-top-color: #B5C1CB;
|
---|
726 | }
|
---|
727 |
|
---|
728 | #cp-main .panel li.header dd, #cp-main .panel li.header dt {
|
---|
729 | color: #000000;
|
---|
730 | }
|
---|
731 |
|
---|
732 | #cp-main table.table1 thead th {
|
---|
733 | color: #333333;
|
---|
734 | border-bottom-color: #333333;
|
---|
735 | }
|
---|
736 |
|
---|
737 | #cp-main .pm-message {
|
---|
738 | border-color: #DBDEE2;
|
---|
739 | background-color: #FFFFFF;
|
---|
740 | }
|
---|
741 |
|
---|
742 | /* CP tabbed menu
|
---|
743 | ----------------------------------------*/
|
---|
744 | #tabs a {
|
---|
745 | background-image: url("{T_THEME_PATH}/images/bg_tabs1.gif");
|
---|
746 | }
|
---|
747 |
|
---|
748 | #tabs a span {
|
---|
749 | background-image: url("{T_THEME_PATH}/images/bg_tabs2.gif");
|
---|
750 | color: #536482;
|
---|
751 | }
|
---|
752 |
|
---|
753 | #tabs a:hover span {
|
---|
754 | color: #BC2A4D;
|
---|
755 | }
|
---|
756 |
|
---|
757 | #tabs .activetab a {
|
---|
758 | border-bottom-color: #CADCEB;
|
---|
759 | }
|
---|
760 |
|
---|
761 | #tabs .activetab a span {
|
---|
762 | color: #333333;
|
---|
763 | }
|
---|
764 |
|
---|
765 | #tabs .activetab a:hover span {
|
---|
766 | color: #000000;
|
---|
767 | }
|
---|
768 |
|
---|
769 | /* Mini tabbed menu used in MCP
|
---|
770 | ----------------------------------------*/
|
---|
771 | #minitabs li {
|
---|
772 | background-color: #E1EBF2;
|
---|
773 | }
|
---|
774 |
|
---|
775 | #minitabs li.activetab {
|
---|
776 | background-color: #F9F9F9;
|
---|
777 | }
|
---|
778 |
|
---|
779 | #minitabs li.activetab a, #minitabs li.activetab a:hover {
|
---|
780 | color: #333333;
|
---|
781 | }
|
---|
782 |
|
---|
783 | /* UCP navigation menu
|
---|
784 | ----------------------------------------*/
|
---|
785 |
|
---|
786 | /* Link styles for the sub-section links */
|
---|
787 | #navigation a {
|
---|
788 | color: #333;
|
---|
789 | background-color: #B2C2CF;
|
---|
790 | background-image: url("{T_THEME_PATH}/images/bg_menu.gif");
|
---|
791 | }
|
---|
792 |
|
---|
793 | .rtl #navigation a {
|
---|
794 | background-image: url("{T_THEME_PATH}/images/bg_menu_rtl.gif");
|
---|
795 | background-position: 0 100%;
|
---|
796 | }
|
---|
797 |
|
---|
798 | #navigation a:hover {
|
---|
799 | background-image: none;
|
---|
800 | background-color: #aabac6;
|
---|
801 | color: #BC2A4D;
|
---|
802 | }
|
---|
803 |
|
---|
804 | #navigation #active-subsection a {
|
---|
805 | color: #D31141;
|
---|
806 | background-color: #F9F9F9;
|
---|
807 | background-image: none;
|
---|
808 | }
|
---|
809 |
|
---|
810 | #navigation #active-subsection a:hover {
|
---|
811 | color: #D31141;
|
---|
812 | }
|
---|
813 |
|
---|
814 | /* Preferences pane layout
|
---|
815 | ----------------------------------------*/
|
---|
816 | #cp-main h2 {
|
---|
817 | color: #333333;
|
---|
818 | }
|
---|
819 |
|
---|
820 | #cp-main .panel {
|
---|
821 | background-color: #F9F9F9;
|
---|
822 | }
|
---|
823 |
|
---|
824 | #cp-main .pm {
|
---|
825 | background-color: #FFFFFF;
|
---|
826 | }
|
---|
827 |
|
---|
828 | #cp-main span.corners-top, #cp-menu span.corners-top {
|
---|
829 | background-image: url("{T_THEME_PATH}/images/corners_left2.gif");
|
---|
830 | }
|
---|
831 |
|
---|
832 | #cp-main span.corners-top span, #cp-menu span.corners-top span {
|
---|
833 | background-image: url("{T_THEME_PATH}/images/corners_right2.gif");
|
---|
834 | }
|
---|
835 |
|
---|
836 | #cp-main span.corners-bottom, #cp-menu span.corners-bottom {
|
---|
837 | background-image: url("{T_THEME_PATH}/images/corners_left2.gif");
|
---|
838 | }
|
---|
839 |
|
---|
840 | #cp-main span.corners-bottom span, #cp-menu span.corners-bottom span {
|
---|
841 | background-image: url("{T_THEME_PATH}/images/corners_right2.gif");
|
---|
842 | }
|
---|
843 |
|
---|
844 | /* Topicreview */
|
---|
845 | #cp-main .panel #topicreview span.corners-top, #cp-menu .panel #topicreview span.corners-top {
|
---|
846 | background-image: url("{T_THEME_PATH}/images/corners_left.gif");
|
---|
847 | }
|
---|
848 |
|
---|
849 | #cp-main .panel #topicreview span.corners-top span, #cp-menu .panel #topicreview span.corners-top span {
|
---|
850 | background-image: url("{T_THEME_PATH}/images/corners_right.gif");
|
---|
851 | }
|
---|
852 |
|
---|
853 | #cp-main .panel #topicreview span.corners-bottom, #cp-menu .panel #topicreview span.corners-bottom {
|
---|
854 | background-image: url("{T_THEME_PATH}/images/corners_left.gif");
|
---|
855 | }
|
---|
856 |
|
---|
857 | #cp-main .panel #topicreview span.corners-bottom span, #cp-menu .panel #topicreview span.corners-bottom span {
|
---|
858 | background-image: url("{T_THEME_PATH}/images/corners_right.gif");
|
---|
859 | }
|
---|
860 |
|
---|
861 | /* Friends list */
|
---|
862 | .cp-mini {
|
---|
863 | background-color: #eef5f9;
|
---|
864 | }
|
---|
865 |
|
---|
866 | dl.mini dt {
|
---|
867 | color: #425067;
|
---|
868 | }
|
---|
869 |
|
---|
870 | /* PM Styles
|
---|
871 | ----------------------------------------*/
|
---|
872 | /* PM Message history */
|
---|
873 | .current {
|
---|
874 | color: #000000 !important;
|
---|
875 | }
|
---|
876 |
|
---|
877 | /* PM panel adjustments */
|
---|
878 | .pm-panel-header,
|
---|
879 | #cp-main .pm-message-nav {
|
---|
880 | border-bottom-color: #A4B3BF;
|
---|
881 | }
|
---|
882 |
|
---|
883 | /* PM marking colours */
|
---|
884 | .pmlist li.pm_message_reported_colour, .pm_message_reported_colour {
|
---|
885 | border-left-color: #BC2A4D;
|
---|
886 | border-right-color: #BC2A4D;
|
---|
887 | }
|
---|
888 |
|
---|
889 | .pmlist li.pm_marked_colour, .pm_marked_colour {
|
---|
890 | border-color: #FF6600;
|
---|
891 | }
|
---|
892 |
|
---|
893 | .pmlist li.pm_replied_colour, .pm_replied_colour {
|
---|
894 | border-color: #A9B8C2;
|
---|
895 | }
|
---|
896 |
|
---|
897 | .pmlist li.pm_friend_colour, .pm_friend_colour {
|
---|
898 | border-color: #5D8FBD;
|
---|
899 | }
|
---|
900 |
|
---|
901 | .pmlist li.pm_foe_colour, .pm_foe_colour {
|
---|
902 | border-color: #000000;
|
---|
903 | }
|
---|
904 |
|
---|
905 | /* Avatar gallery */
|
---|
906 | #gallery label {
|
---|
907 | background-color: #FFFFFF;
|
---|
908 | border-color: #CCC;
|
---|
909 | }
|
---|
910 |
|
---|
911 | #gallery label:hover {
|
---|
912 | background-color: #EEE;
|
---|
913 | }
|
---|
914 |
|
---|
915 | /*
|
---|
916 | --------------------------------------------------------------
|
---|
917 | Colours and backgrounds for forms.css
|
---|
918 | -------------------------------------------------------------- */
|
---|
919 |
|
---|
920 | /* General form styles
|
---|
921 | ----------------------------------------*/
|
---|
922 | select {
|
---|
923 | border-color: #666666;
|
---|
924 | background-color: #FAFAFA;
|
---|
925 | color: #000;
|
---|
926 | }
|
---|
927 |
|
---|
928 | label {
|
---|
929 | color: #425067;
|
---|
930 | }
|
---|
931 |
|
---|
932 | option.disabled-option {
|
---|
933 | color: graytext;
|
---|
934 | }
|
---|
935 |
|
---|
936 | /* Definition list layout for forms
|
---|
937 | ---------------------------------------- */
|
---|
938 | dd label {
|
---|
939 | color: #333;
|
---|
940 | }
|
---|
941 |
|
---|
942 | /* Hover effects */
|
---|
943 | fieldset dl:hover dt label {
|
---|
944 | color: #000000;
|
---|
945 | }
|
---|
946 |
|
---|
947 | fieldset.fields2 dl:hover dt label {
|
---|
948 | color: inherit;
|
---|
949 | }
|
---|
950 |
|
---|
951 | /* Quick-login on index page */
|
---|
952 | fieldset.quick-login input.inputbox {
|
---|
953 | background-color: #F2F3F3;
|
---|
954 | }
|
---|
955 |
|
---|
956 | /* Posting page styles
|
---|
957 | ----------------------------------------*/
|
---|
958 |
|
---|
959 | #message-box textarea {
|
---|
960 | color: #333333;
|
---|
961 | }
|
---|
962 |
|
---|
963 | /* Input field styles
|
---|
964 | ---------------------------------------- */
|
---|
965 | .inputbox {
|
---|
966 | background-color: #FFFFFF;
|
---|
967 | border-color: #B4BAC0;
|
---|
968 | color: #333333;
|
---|
969 | }
|
---|
970 |
|
---|
971 | .inputbox:hover {
|
---|
972 | border-color: #11A3EA;
|
---|
973 | }
|
---|
974 |
|
---|
975 | .inputbox:focus {
|
---|
976 | border-color: #11A3EA;
|
---|
977 | color: #0F4987;
|
---|
978 | }
|
---|
979 |
|
---|
980 | /* Form button styles
|
---|
981 | ---------------------------------------- */
|
---|
982 |
|
---|
983 | a.button1, input.button1, input.button3, a.button2, input.button2 {
|
---|
984 | color: #000;
|
---|
985 | background-color: #FAFAFA;
|
---|
986 | background-image: url("{T_THEME_PATH}/images/bg_button.gif");
|
---|
987 | }
|
---|
988 |
|
---|
989 | a.button1, input.button1 {
|
---|
990 | border-color: #666666;
|
---|
991 | }
|
---|
992 |
|
---|
993 | input.button3 {
|
---|
994 | background-image: none;
|
---|
995 | }
|
---|
996 |
|
---|
997 | /* Alternative button */
|
---|
998 | a.button2, input.button2, input.button3 {
|
---|
999 | border-color: #666666;
|
---|
1000 | }
|
---|
1001 |
|
---|
1002 | /* <a> button in the style of the form buttons */
|
---|
1003 | a.button1, a.button1:link, a.button1:visited, a.button1:active, a.button2, a.button2:link, a.button2:visited, a.button2:active {
|
---|
1004 | color: #000000;
|
---|
1005 | }
|
---|
1006 |
|
---|
1007 | /* Hover states */
|
---|
1008 | a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover {
|
---|
1009 | border-color: #BC2A4D;
|
---|
1010 | color: #BC2A4D;
|
---|
1011 | }
|
---|
1012 |
|
---|
1013 | input.search {
|
---|
1014 | background-image: url("{T_THEME_PATH}/images/icon_textbox_search.gif");
|
---|
1015 | }
|
---|
1016 |
|
---|
1017 | input.disabled {
|
---|
1018 | color: #666666;
|
---|
1019 | }
|
---|