Mercurial > scaa_se_gamer_dark

view theme/colours.css @ 0:84057f728815

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