2
--------------------------------------------------------------
3
Colours and backgrounds for common.css
4
-------------------------------------------------------------- */
8
background-color: #FFFFFF;
20
border-bottom-color: #CCCCCC;
25
border-color: #FFFFFF;
26
border-top-color: #CCCCCC;
30
border-top-color: #CCCCCC;
34
--------------------------------------------- */
40
#search-box #keywords {
41
background-color: #FFF;
45
border-color: #0075B0;
48
/* Round cornered boxes and backgrounds
49
---------------------------------------- */
51
background-color: #12A3EB;
52
background-image: url("{T_THEME_PATH}/images/bg_header.gif");
57
background-color: #cadceb;
61
background-color: #0076b1;
62
background-image: url("{T_THEME_PATH}/images/bg_list.gif");
66
background-color: #12A3EB;
67
background-image: url("{T_THEME_PATH}/images/bg_header.gif");
71
background-color: #ECF1F3;
75
.post:target .content {
83
.bg1 { background-color: #ECF3F7; }
84
.bg2 { background-color: #e1ebf2; }
85
.bg3 { background-color: #cadceb; }
88
background-color: #DCDEE2;
92
background-color: #E7E8EA;
96
background-image: url("{T_THEME_PATH}/images/corners_left.png");
99
span.corners-top span {
100
background-image: url("{T_THEME_PATH}/images/corners_right.png");
103
span.corners-bottom {
104
background-image: url("{T_THEME_PATH}/images/corners_left.png");
107
span.corners-bottom span {
108
background-image: url("{T_THEME_PATH}/images/corners_right.png");
112
----------------------------------------*/
115
border-bottom-color: #FFFFFF;
119
----------------------------------------*/
120
table.table1 thead th {
124
table.table1 tbody tr {
125
border-color: #BFC1CF;
128
table.table1 tbody tr:hover, table.table1 tbody tr.hover {
129
background-color: #CFE1F6;
137
table.table1 tbody td {
138
border-top-color: #FAFAFA;
141
table.table1 tbody th {
142
border-bottom-color: #000000;
144
background-color: #FFFFFF;
147
table.info tbody th {
151
/* Misc layout styles
152
---------------------------------------- */
166
---------------------------------------- */
168
.pagination span strong {
170
background-color: #4692BF;
171
border-color: #4692BF;
174
.pagination span a, .pagination span a:link, .pagination span a:visited, .pagination span a:active {
176
background-color: #ECEDEE;
177
border-color: #B4BAC0;
180
.pagination span a:hover {
181
border-color: #368AD2;
182
background-color: #368AD2;
186
/* Pagination in viewforum for multipage topics */
188
background-image: url("{T_THEME_PATH}/images/icon_pages.gif");
191
.row .pagination span a, li.pagination span a {
192
background-color: #FFFFFF;
195
.row .pagination span a:hover, li.pagination span a:hover {
196
background-color: #368AD2;
199
/* Miscellaneous styles
200
---------------------------------------- */
211
background-color: #F7ECEF;
215
background-color: #ECD5D8 !important;
218
/* you can add a background for stickies and announcements*/
222
background-color: #ECD5D8;
227
background-color: #ECD5D8;
228
background-image: none;
232
--------------------------------------------------------------
233
Colours and backgrounds for links.css
234
-------------------------------------------------------------- */
236
a:link { color: #105289; }
237
a:visited { color: #105289; }
238
a:hover { color: #D31141; }
239
a:active { color: #368AD2; }
241
/* Links on gradient backgrounds */
242
#search-box a:link, .navbg a:link, .forumbg .header a:link, .forabg .header a:link, th a:link {
246
#search-box a:visited, .navbg a:visited, .forumbg .header a:visited, .forabg .header a:visited, th a:visited {
250
#search-box a:hover, .navbg a:hover, .forumbg .header a:hover, .forabg .header a:hover, th a:hover {
254
#search-box a:active, .navbg a:active, .forumbg .header a:active, .forabg .header a:active, th a:active {
258
/* Links for forum/topic lists */
263
/* a.forumtitle:visited { color: #105289; } */
269
a.forumtitle:active {
277
/* a.topictitle:visited { color: #368AD2; } */
283
a.topictitle:active {
287
/* Post body links */
290
border-bottom-color: #368AD2;
295
border-bottom-color: #666666;
303
background-color: #D0E4F6;
307
.signature a, .signature a:visited, .signature a:active, .signature a:hover {
308
background-color: transparent;
312
.postprofile a:link, .postprofile a:active, .postprofile a:visited, .postprofile dt.author a {
316
.postprofile a:hover, .postprofile dt.author a:hover {
320
/* Profile searchresults */
321
.search .postprofile a {
325
.search .postprofile a:hover {
329
/* Back to top of page */
331
background-image: url("{IMG_ICON_BACK_TOP_SRC}");
335
background-image: url("{IMG_ICON_BACK_TOP_SRC}");
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") }
345
background-color: transparent;
358
--------------------------------------------------------------
359
Colours and backgrounds for content.css
360
-------------------------------------------------------------- */
363
background-color: #eef5f9;
364
background-image: url("{T_THEME_PATH}/images/gradient.gif");
372
border-left-color: #FFFFFF;
375
.rtl ul.topiclist dd {
376
border-right-color: #fff;
377
border-left-color: transparent;
380
ul.topiclist li.row dt a.subforum.read {
381
background-image: url("{IMG_SUBFORUM_READ_SRC}");
384
ul.topiclist li.row dt a.subforum.unread {
385
background-image: url("{IMG_SUBFORUM_UNREAD_SRC}");
389
border-top-color: #FFFFFF;
390
border-bottom-color: #00608F;
398
background-color: #F6F4D0;
402
border-left-color: #CCCCCC;
405
.rtl li.row:hover dd {
406
border-right-color: #CCCCCC;
407
border-left-color: transparent;
410
li.header dt, li.header dd {
414
/* Forum list column styles */
415
ul.topiclist dd.searchextra {
420
----------------------------------------*/
425
/* Content container styles
426
----------------------------------------*/
431
.content h2, .panel h2 {
433
border-bottom-color: #CCCCCC;
441
background-color: #F3BFCC;
447
border-top-color: #CCCCCC;
452
border-top-color: #CCCCCC;
456
----------------------------------------*/
459
background-color: #EBEADD;
460
background-image: url("{T_THEME_PATH}/images/quote.gif");
461
border-color:#DBDBCE;
464
blockquote blockquote {
466
background-color:#EFEED9;
469
blockquote blockquote blockquote {
471
background-color: #EBEADD;
476
background-color: #FFFFFF;
477
border-color: #C9D2D8;
481
border-bottom-color: #CCCCCC;
488
.syntaxbg { color: #FFFFFF; }
489
.syntaxcomment { color: #FF8000; }
490
.syntaxdefault { color: #0000BB; }
491
.syntaxhtml { color: #000000; }
492
.syntaxkeyword { color: #007700; }
493
.syntaxstring { color: #DD0000; }
496
----------------------------------------*/
498
background-color: #FFFFFF;
499
border-color: #C9D2D8;
502
.pm-message .attachbox {
503
background-color: #F2F3F3;
507
border-top-color: #C9D2D8;
519
border-color: #999999;
522
/* Inline image thumbnails */
529
border-color: #666666;
530
background-color: #FFFFFF;
537
dl.thumbnail dt a:hover {
538
background-color: #EEEEEE;
541
dl.thumbnail dt a:hover img {
542
border-color: #368AD2;
546
----------------------------------------*/
549
border-top-color: #DCDEE2;
553
fieldset.polls dl.voted {
557
fieldset.polls dd div {
561
.rtl .pollbar1, .rtl .pollbar2, .rtl .pollbar3, .rtl .pollbar4, .rtl .pollbar5 {
562
border-right-color: transparent;
566
background-color: #AA2346;
567
border-bottom-color: #74162C;
568
border-right-color: #74162C;
572
border-left-color: #74162C;
576
background-color: #BE1E4A;
577
border-bottom-color: #8C1C38;
578
border-right-color: #8C1C38;
582
border-left-color: #8C1C38;
586
background-color: #D11A4E;
587
border-bottom-color: #AA2346;
588
border-right-color: #AA2346;
592
border-left-color: #AA2346;
596
background-color: #E41653;
597
border-bottom-color: #BE1E4A;
598
border-right-color: #BE1E4A;
602
border-left-color: #BE1E4A;
606
background-color: #F81157;
607
border-bottom-color: #D11A4E;
608
border-right-color: #D11A4E;
612
border-left-color: #D11A4E;
615
/* Poster profile block
616
----------------------------------------*/
619
border-left-color: #FFFFFF;
623
border-right-color: #FFFFFF;
624
border-left-color: transparent;
628
border-left-color: #DDDDDD;
631
.rtl .pm .postprofile {
632
border-right-color: #DDDDDD;
633
border-left-color: transparent;
636
.postprofile strong {
641
background-image: url("{T_IMAGESET_LANG_PATH}/icon_user_online.gif");
645
--------------------------------------------------------------
646
Colours and backgrounds for buttons.css
647
-------------------------------------------------------------- */
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}") ;}
658
background-image: url("{T_THEME_PATH}/images/icon_print.gif");
662
background-image: url("{T_THEME_PATH}/images/icon_sendemail.gif");
666
background-image: url("{T_THEME_PATH}/images/icon_fontsize.gif");
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"); }
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}"); }
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 */
704
--------------------------------------------------------------
705
Colours and backgrounds for cp.css
706
-------------------------------------------------------------- */
709
----------------------------------------*/
711
#cp-main h3, #cp-main hr, #cp-menu hr {
712
border-color: #A4B3BF;
715
#cp-main .panel li.row {
716
border-bottom-color: #B5C1CB;
717
border-top-color: #F9F9F9;
721
border-top-color: #B5C1CB;
724
#cp-main .panel li.header dd, #cp-main .panel li.header dt {
728
#cp-main table.table1 thead th {
730
border-bottom-color: #333333;
733
#cp-main .pm-message {
734
border-color: #DBDEE2;
735
background-color: #FFFFFF;
739
----------------------------------------*/
741
background-image: url("{T_THEME_PATH}/images/bg_tabs1.gif");
745
background-image: url("{T_THEME_PATH}/images/bg_tabs2.gif");
754
border-bottom-color: #CADCEB;
757
#tabs .activetab a span {
761
#tabs .activetab a:hover span {
765
/* Mini tabbed menu used in MCP
766
----------------------------------------*/
768
background-color: #E1EBF2;
771
#minitabs li.activetab {
772
background-color: #F9F9F9;
775
#minitabs li.activetab a, #minitabs li.activetab a:hover {
779
/* UCP navigation menu
780
----------------------------------------*/
782
/* Link styles for the sub-section links */
785
background-color: #B2C2CF;
786
background-image: url("{T_THEME_PATH}/images/bg_menu.gif");
789
#navigation a:hover {
790
background-color: #aabac6;
794
#navigation #active-subsection a {
796
background-color: #F9F9F9;
797
background-image: none;
800
#navigation #active-subsection a:hover {
804
/* Preferences pane layout
805
----------------------------------------*/
811
background-color: #F9F9F9;
815
background-color: #FFFFFF;
818
#cp-main span.corners-top, #cp-menu span.corners-top {
819
background-image: url("{T_THEME_PATH}/images/corners_left2.gif");
822
#cp-main span.corners-top span, #cp-menu span.corners-top span {
823
background-image: url("{T_THEME_PATH}/images/corners_right2.gif");
826
#cp-main span.corners-bottom, #cp-menu span.corners-bottom {
827
background-image: url("{T_THEME_PATH}/images/corners_left2.gif");
830
#cp-main span.corners-bottom span, #cp-menu span.corners-bottom span {
831
background-image: url("{T_THEME_PATH}/images/corners_right2.gif");
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");
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");
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");
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");
853
background-color: #eef5f9;
861
----------------------------------------*/
862
/* PM Message history */
864
color: #999999 !important;
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;
873
.pmlist li.pm_marked_colour, .pm_marked_colour {
874
border-color: #FF6600;
877
.pmlist li.pm_replied_colour, .pm_replied_colour {
878
border-color: #A9B8C2;
881
.pmlist li.pm_friend_colour, .pm_friend_colour {
882
border-color: #5D8FBD;
885
pmlist li.pm_foe_colour, .pm_foe_colour {
886
border-color: #000000;
891
background-color: #FFFFFF;
895
#gallery label:hover {
896
background-color: #EEE;
900
--------------------------------------------------------------
901
Colours and backgrounds for forms.css
902
-------------------------------------------------------------- */
904
/* General form styles
905
----------------------------------------*/
907
border-color: #666666;
908
background-color: #FAFAFA;
915
option.disabled-option {
919
/* Definition list layout for forms
920
---------------------------------------- */
926
fieldset dl:hover dt label {
930
fieldset.fields2 dl:hover dt label {
934
/* Quick-login on index page */
935
fieldset.quick-login input.inputbox {
936
background-color: #F2F3F3;
939
/* Posting page styles
940
----------------------------------------*/
942
#message-box textarea {
946
/* Input field styles
947
---------------------------------------- */
949
background-color: #FFFFFF;
950
border-color: #B4BAC0;
955
border-color: #11A3EA;
959
border-color: #11A3EA;
963
/* Form button styles
964
---------------------------------------- */
966
a.button1, input.button1, input.button3, a.button2, input.button2 {
968
background-color: #FAFAFA;
969
background-image: url("{T_THEME_PATH}/images/bg_button.gif");
972
a.button1, input.button1 {
973
border-color: #666666;
977
background-image: none;
980
/* Alternative button */
981
a.button2, input.button2, input.button3 {
982
border-color: #666666;
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 {
991
a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover {
992
border-color: #BC2A4D;
997
background-image: url("{T_THEME_PATH}/images/icon_textbox_search.gif");