/* -------------------------------------------------------------- Colours and backgrounds for common.css -------------------------------------------------------------- */ html, body { color: #CCCCCC; background-color: #333333; } h1 { color: #CCCCCC; } h2 { color: #A89FCD; } h3 { border-bottom-color: #806AA3; color: #CCCC66; } hr { border-color: #FFFFFF; border-top-color: #5F526D; } hr.dashed { border-top-color: #A8988E; } /* Search box --------------------------------------------- */ #search-box { color: #CCC; } #search-box #keywords { background-color: #333; } #search-box input { border-color: #678; } /* Round cornered boxes and backgrounds ---------------------------------------- */ .headerbar { background-color: #616879; background-image: url("{T_THEME_PATH}/images/bg_header.gif"); color: #FFFFFF; } .navbar { background-color: #58526D; } .forabg { background-color: #666D80; background-image: url("{T_THEME_PATH}/images/bg_list.gif"); } .forumbg { background-color: #616879; background-image: url("{T_THEME_PATH}/images/bg_header.gif"); } .panel { background-color: #374163; color: #CCCCCC; } .post:target .content { color: #CCCCCC; } .post:target h3 a { color: #CCCCCC; } .bg1 { background-color: #4D4860; } .bg2 { background-color: #57526A; } .bg3 { background-color: #374163; } .bg4 { background-color: #374163; } .ucprowbg { background-color: #DCDEE2; } .fieldsbg { background-color: #E7E8EA; } span.corners-top { background-image: url("{T_THEME_PATH}/images/corners_left.png"); } span.corners-top span { background-image: url("{T_THEME_PATH}/images/corners_right.png"); } span.corners-bottom { background-image: url("{T_THEME_PATH}/images/corners_left.png"); } span.corners-bottom span { background-image: url("{T_THEME_PATH}/images/corners_right.png"); } /* Horizontal lists ----------------------------------------*/ ul.navlinks { border-bottom-color: #B87430; } /* Same as forumtitle links */ ul.navlinks a { color: #CCCC99; } ul.navlinks a:hover { color: #E2E2AA; } ul.navlinks a:active { color: #F1F1B5; } /* Table styles ----------------------------------------*/ table.table1 thead th { color: #FFFFFF; } table.table1 tbody tr { border-color: #CFC8BF; } table.table1 tbody tr:hover, table.table1 tbody tr.hover { background-color: #7E6179; color: #999; } table.table1 td { color: #BBB; } table.table1 tbody td { border-top-color: #9D99AD; } table.table1 tbody th { border-bottom-color: #000000; color: #CCCCCC; background-color: #FFFFFF; } table.info tbody th { color: #999; } /* Misc layout styles ---------------------------------------- */ dl.details dt { color: #999; } dl.details dd { color: #CCC; } .sep { color: #D97411; } /* Pagination ---------------------------------------- */ .pagination span strong { color: #FFFF99; background-color: #8D83AE; border-color: #9288B5; } .pagination span a, .pagination span a:link, .pagination span a:visited, .pagination span a:active { color: #CCC; background-color: #615A78; border-color: #B2A5DC; } .pagination span a:hover { border-color: #D18436; background-color: #D18436; color: #FFF; } /* Pagination in viewforum for multipage topics */ .row .pagination { background-image: url("{T_THEME_PATH}/images/icon_pages.gif"); } .row .pagination span a, li.pagination span a { background-color: #56506A; } .row .pagination span a:hover, li.pagination span a:hover { background-color: #D17F36; } /* Miscellaneous styles ---------------------------------------- */ .copyright { color: #BBBBBB; } .error { color: #EF577C; } .reported { background-color: #660000; } li.reported:hover { background-color: #993333 !important; } .sticky, .announce { /* you can add a background for stickies and announcements*/ } div.rules { background-color: #ECD5D8; color: #BC2A4D; } p.rules { background-color: #AF646E; background-image: none; } /* -------------------------------------------------------------- Colours and backgrounds for links.css -------------------------------------------------------------- */ a:link { color: #FFA34F; } a:visited { color: #FFA34F; } a:hover { color: #ffff85; text-decoration: underline; } a:active { color: #FFA34F; } /* Links on gradient backgrounds */ #search-box a:link, .navbg a:link, .forumbg .header a:link, .forabg .header a:link, th a:link { color: #FFFFFF; } #search-box a:visited, .navbg a:visited, .forumbg .header a:visited, .forabg .header a:visited, th a:visited { color: #FFFFFF; } #search-box a:hover, .navbg a:hover, .forumbg .header a:hover, .forabg .header a:hover, th a:hover { color: #FFD8A8; } #search-box a:active, .navbg a:active, .forumbg .header a:active, .forabg .header a:active, th a:active { color: #FFE6C8; } /* Links for forum/topic lists */ a.forumtitle { color: #CCCC99; } a.forumtitle:visited { color: #CCCC99; } a.forumtitle:hover { color: #E2E2AA; } a.forumtitle:active { color: #F1F1B5; } a.topictitle, a.topictitle:visited, .postbody h3.first a { color: #CCCC99; } /* a.topictitle:visited { color: #368AD2; } */ a.topictitle:hover, .postbody h3.first a:hover { color: #E2E2AA; } a.topictitle:active, .postbody h3.first a:active { color: #F1F1B5; } /* Links around the report review box */ #reportbox h3#review a, #reportbox a.top2, #ucp .display-actions a, #mcp .display-actions a { color: #E2D989; } #reportbox h3#review a:hover, #reportbox a.top2:hover, #ucp .display-actions a:hover, #mcp .display-actions a:hover { color: #FFF8B4; } #reportbox h3#review a:active, #reportbox a.top2:active, #ucp .display-actions a:active, #mcp .display-actions a:active { color: #DED687; } /* Wiki links */ .wikilink, .wikilink:link { color: #d585c9; border-bottom-color: #D23683; } .wikilink:visited { color: #c17991; border-bottom-color: #666666; } .wikilink:active { color: #D23683; } .wikilink:hover { background-color: #e0c1db; color: #D20068; } /* Post body links */ .postlink, .postlink:link { color: #D28787; border-bottom-color: #D23636; } .postlink:visited { color: #BC9F80; border-bottom-color: #A2988E; } .postlink:active { color: #D28A36; } .postlink:hover { background-color: #F6EEDA; color: #73440D; } .signature a, .signature a:visited, .signature a:active, .signature a:hover { background-color: transparent; } /* Profile links */ .postprofile a:link, .postprofile a:active, .postprofile a:visited, .postprofile dt.author a { color: #ED9749; } .postprofile a:hover, .postprofile dt.author a:hover { color: #FFBF84; } /* Profile searchresults */ .search .postprofile a { color: #CCCC99; } .search .postprofile a:hover { color: #E2E2AA; } /* Back to top of page */ a.top, a.top2 { background-image: url("{T_IMAGESET_PATH}/icon_back_top.png"); } #reportbox a.top2 { background-image: url("{T_IMAGESET_PATH}/icon_back_top.png"); } /* Arrow links */ a.up { background-image: url("{T_THEME_PATH}/images/arrow_up.gif") } a.down { background-image: url("{T_THEME_PATH}/images/arrow_down.gif") } a.left { background-image: url("{T_THEME_PATH}/images/arrow_left.gif") } a.right { background-image: url("{T_THEME_PATH}/images/arrow_right.gif") } a.up:hover { background-color: transparent; } a.left:hover { color: #B24A30; } a.right:hover { color: #B24A30; } /* -------------------------------------------------------------- Colours and backgrounds for content.css -------------------------------------------------------------- */ ul.forums { background-color: #5E5973; background-image: url("{T_THEME_PATH}/images/gradient.gif"); } ul.topiclist li { color: #CCCCCC; } ul.topiclist dd { border-left-color: #8B83A9; } .rtl ul.topiclist dd { border-right-color: #8B83A9; border-left-color: transparent; } ul.topiclist li.row dt a.subforum.read { background-image: url("{IMG_SUBFORUM_READ_SRC}"); } ul.topiclist li.row dt a.subforum.unread { background-image: url("{IMG_SUBFORUM_UNREAD_SRC}"); } li.row { border-top-color: #6D6685; border-bottom-color: #393647; } li.row strong { color: #98C3CD; } li.row:hover { background-color: #7E6179; } li.row:hover dd { border-left-color: #AD85A6; } .rtl li.row:hover dd { border-right-color: #AD85A6; border-left-color: transparent; } li.header dt, li.header dd { color: #FFFFFF; } /* Forum list column styles */ ul.topiclist dd.searchextra { color: #CCCCCC; } /* Post body styles ----------------------------------------*/ .postbody { color: #CCCCCC; } .leftprofile .postbody { border-left-color: #908CA0; } /* Content container styles ----------------------------------------*/ .content { color: #CCCCCC; } .content h2, .panel h2 { font-weight: bold; color: #5DA3AF; border-bottom-color: #ADBFCC; } dl.faq dt { color: #CCCCCC; } dl.faq strong { color: #DDC; } .posthilit { background-color: #F3BFCC; color: #BC2A4D; } /* Post signature */ .signature { border-top-color: #A3978D; } /* Post noticies */ .notice { border-top-color: #A3978D; } /* BB Code styles ----------------------------------------*/ /* Quote block */ blockquote { background-color: #656982; background-image: url("{T_THEME_PATH}/images/quote.gif"); border-color:#9398BC; } blockquote blockquote { /* Nested quotes */ background-color:#5F637A; } blockquote blockquote blockquote { /* Nested quotes */ background-color: #656982; } blockquote cite { color: #BEC0CC; } /* Code block */ dl.codebox { background-color: #414456; border-color: #93ADBD; } dl.codebox dt { color: #BEC0CC; border-bottom-color: #93ADBD; } dl.codebox code { color: #66FF99; } .syntaxbg { color: #FFFFFF; } .syntaxcomment { color: #FFCC66; } .syntaxdefault { color: #A8A8FF; } .syntaxhtml { color: #CCCCCC; } .syntaxkeyword { color: #66FF99; } .syntaxstring { color: #FF9999; } /* Spoiler block */ .spoilertitle { color: #000; border-color: #9E8BAA; background-color: #9E8BAA; } .spoilercontent { color: #ccc; border-color: #9E8BAA; background-color: #534959; } /* Attachments ----------------------------------------*/ .attachbox { background-color: #4D4263; border-color: #74979E; } .pm-message .attachbox { background-color: #F3F3F2; } .attachbox dd { border-top-color: #74979E; } .attachbox p { color: #CCCCCC; } .attachbox p.stats { color: #CCCCCC; } .attach-image img { border-color: #999999; } /* Inline image thumbnails */ dl.file dd { color: #999; } dl.thumbnail img { border-color: #666666; background-color: #FFFFFF; } dl.thumbnail dd { color: #CCC; } dl.thumbnail dt a:hover { background-color: #EEEEEE; } dl.thumbnail dt a:hover img { border-color: #368AD2; } /* Post poll styles ----------------------------------------*/ fieldset.polls dl { border-top-color: #91A5A2; color: #CCC; } fieldset.polls dl.voted { color: #CC9; } fieldset.polls dd div { color: #FFFFFF; } .rtl .pollbar1, .rtl .pollbar2, .rtl .pollbar3, .rtl .pollbar4, .rtl .pollbar5 { border-right-color: transparent; } .pollbar1 { background-color: #AA6623; border-bottom-color: #88511C; border-right-color: #88511C; } .rtl .pollbar1 { border-left-color: #88511C; } .pollbar2 { background-color: #BE801E; border-bottom-color: #A26D1A; border-right-color: #A26D1A; } .rtl .pollbar2 { border-left-color: #A26D1A; } .pollbar3 { background-color: #D18E1A; border-bottom-color: #B57B17; border-right-color: #B57B17; } .rtl .pollbar3 { border-left-color: #B57B17; } .pollbar4 { background-color: #E49416; border-bottom-color: #C07E2A; border-right-color: #C07E2A; } .rtl .pollbar4 { border-left-color: #C07E2A; } .pollbar5 { background-color: #F8A911; border-bottom-color: #D89528; border-right-color: #D89528; } .rtl .pollbar5 { border-left-color: #D89528; } /* Poster profile block ----------------------------------------*/ .postprofile { color: #CCCCCC; border-left-color: #908CA0; } .rtl .postprofile { border-right-color: #FFFFFF; border-left-color: transparent; } .pm .postprofile { border-left-color: #DDDDDD; } .rtl .pm .postprofile { border-right-color: #DDDDDD; border-left-color: transparent; } .postprofile strong { color: #999; } .online { background-image: url("{T_IMAGESET_LANG_PATH}/icon_user_online.gif"); } /* -------------------------------------------------------------- Colours and backgrounds for buttons.css -------------------------------------------------------------- */ /* Big button images */ .reply-icon span { background-image: url("{T_IMAGESET_LANG_PATH}/button_topic_reply.png"); } .post-icon span { background-image: url("{T_IMAGESET_LANG_PATH}/button_topic_new.png") ;} .locked-icon span { background-image: url("{T_IMAGESET_LANG_PATH}/button_topic_locked.png"); } .pmreply-icon span { background-image: url("{T_IMAGESET_LANG_PATH}/button_pm_reply.png") ;} .newpm-icon span { background-image: url("{T_IMAGESET_LANG_PATH}/button_pm_new.png") ;} .forwardpm-icon span { background-image: url("{T_IMAGESET_LANG_PATH}/button_pm_forward.png") ;} a.print { background-image: url("{T_THEME_PATH}/images/icon_print.png"); } a.sendemail { background-image: url("{T_THEME_PATH}/images/icon_sendemail.png"); } a.fontsize { background-image: url("{T_THEME_PATH}/images/icon_fontsize.png"); } /* Icon images ---------------------------------------- */ .sitehome { background-image: url("{T_THEME_PATH}/images/icon_home.png"); } .icon-faq { background-image: url("{T_THEME_PATH}/images/icon_faq.png"); } .icon-members { background-image: url("{T_THEME_PATH}/images/icon_members.png"); } .icon-home { background-image: url("{T_THEME_PATH}/images/icon_home.png"); } .icon-ucp { background-image: url("{T_THEME_PATH}/images/icon_ucp.png"); } .icon-register { background-image: url("{T_THEME_PATH}/images/icon_register.gif"); } .icon-logout { background-image: url("{T_THEME_PATH}/images/icon_logout.png"); } .icon-bookmark { background-image: url("{T_THEME_PATH}/images/icon_bookmark.png"); } .icon-bump { background-image: url("{T_THEME_PATH}/images/icon_bump.png"); } .icon-subscribe { background-image: url("{T_THEME_PATH}/images/icon_subscribe.gif"); } .icon-unsubscribe { background-image: url("{T_THEME_PATH}/images/icon_unsubscribe.gif"); } .icon-pages { background-image: url("{T_THEME_PATH}/images/icon_pages.gif"); } .icon-search { background-image: url("{T_THEME_PATH}/images/icon_search.gif"); } /* Profile & navigation icons */ .email-icon, .email-icon a { background-image: url("{IMG_ICON_CONTACT_EMAIL_SRC}"); } .aim-icon, .aim-icon a { background-image: url("{IMG_ICON_CONTACT_AIM_SRC}"); } .yahoo-icon, .yahoo-icon a { background-image: url("{IMG_ICON_CONTACT_YAHOO_SRC}"); } .web-icon, .web-icon a { background-image: url("{IMG_ICON_CONTACT_WWW_SRC}"); } .msnm-icon, .msnm-icon a { background-image: url("{IMG_ICON_CONTACT_MSNM_SRC}"); } .icq-icon, .icq-icon a { background-image: url("{IMG_ICON_CONTACT_ICQ_SRC}"); } .jabber-icon, .jabber-icon a { background-image: url("{IMG_ICON_CONTACT_JABBER_SRC}"); } .pm-icon, .pm-icon a { background-image: url("{IMG_ICON_CONTACT_PM_SRC}"); } .quote-icon, .quote-icon a { background-image: url("{T_IMAGESET_LANG_PATH}/icon_post_quote.png"); } /* Moderator icons */ .report-icon, .report-icon a { background-image: url("{T_IMAGESET_PATH}/icon_post_report.png"); } .edit-icon, .edit-icon a { background-image: url("{T_IMAGESET_LANG_PATH}/icon_post_edit.png"); } .delete-icon, .delete-icon a { background-image: url("{T_IMAGESET_PATH}/icon_post_delete.png"); } .info-icon, .info-icon a { background-image: url("{T_IMAGESET_PATH}/icon_post_info.png"); } .warn-icon, .warn-icon a { background-image: url("{T_IMAGESET_PATH}/icon_user_warn.png"); } /* Need updated warn icon */ /* -------------------------------------------------------------- Colours and backgrounds for cp.css -------------------------------------------------------------- */ /* Main CP box ----------------------------------------*/ #cp-main h3, #cp-main hr, #cp-menu hr { border-color: #415559; } #cp-main .panel li.row { border-top-color: #6D6685; border-bottom-color: #393647; } ul.cplist { border-top-color: #989AC6; } #cp-main .panel li.header dd, #cp-main .panel li.header dt { color: #CCCCCC; } #cp-main table.table1 thead th { color: #CCCCCC; border-bottom-color: #CCCCCC; } #cp-main .pm-message { border-color: #DBDEE2; background-color: #FFFFFF; } /* CP tabbed menu ----------------------------------------*/ #tabs a { background-image: url("{T_THEME_PATH}/images/bg_tabs1.png"); color: #CC9; } #tabs a span { background-image: url("{T_THEME_PATH}/images/bg_tabs2.png"); color: #CC9; } #tabs a:hover span { color: #FFF; } #tabs .activetab a { border-bottom-color: #374163; } #tabs .activetab a span { color: #EED; } #tabs .activetab a:hover span { color: #FFF; } /* Tabbed menu used for posting screen ----------------------------------------*/ #ptabs a { background-image: url("{T_THEME_PATH}/images/bg_tabs1.png"); color: #CC9; } #ptabs a:link, #ptabs a:visited { color: #CC9; } #ptabs a span { background-image: url("{T_THEME_PATH}/images/bg_tabs2.png"); color: #CC9; } #ptabs a:hover span { color: #FFF; } #ptabs .activetab a { border-bottom-color: #374163; } #ptabs .activetab a span { color: #EED; } #ptabs .activetab a:hover span { color: #FFF; } /* Mini tabbed menu used in MCP ----------------------------------------*/ #minitabs li { background-color: #566184; } #minitabs li.activetab { background-color: #6d82c5; } #minitabs li a { color: #CC9; } #minitabs li a:hover { color: #FFF; } #minitabs li.activetab a, #minitabs li.activetab a:hover { color: #EED; } /* UCP navigation menu ----------------------------------------*/ /* Link styles for the sub-section links */ #navigation a { color: #CC9; background-color: #546498; background-image: url("{T_THEME_PATH}/images/bg_menu.gif"); } #navigation a:hover { background-color: #6C7FC2; color: #FFF; } #navigation #active-subsection a { color: #FF7; background-color: #E49247; background-image: none; } #navigation #active-subsection a:hover { color: #FFF; } /* Preferences pane layout ----------------------------------------*/ #cp-main h2, #reportbox h3#review, #cp-main .bgtext, #cp-main .forum-selection2 label, .bgtext { color: #C5E2E7; } #cp-main .panel { background-color: #33373D; } #cp-main .pm { background-color: #3F3B4E; } #cp-main span.corners-top, #cp-menu span.corners-top { background-image: url("{T_THEME_PATH}/images/corners_left2.gif"); } #cp-main span.corners-top span, #cp-menu span.corners-top span { background-image: url("{T_THEME_PATH}/images/corners_right2.gif"); } #cp-main span.corners-bottom, #cp-menu span.corners-bottom { background-image: url("{T_THEME_PATH}/images/corners_left2.gif"); } #cp-main span.corners-bottom span, #cp-menu span.corners-bottom span { background-image: url("{T_THEME_PATH}/images/corners_right2.gif"); } /* Topicreview */ #cp-main .panel #topicreview span.corners-top, #cp-menu .panel #topicreview span.corners-top { background-image: url("{T_THEME_PATH}/images/corners_left.gif"); } #cp-main .panel #topicreview span.corners-top span, #cp-menu .panel #topicreview span.corners-top span { background-image: url("{T_THEME_PATH}/images/corners_right.gif"); } #cp-main .panel #topicreview span.corners-bottom, #cp-menu .panel #topicreview span.corners-bottom { background-image: url("{T_THEME_PATH}/images/corners_left.gif"); } #cp-main .panel #topicreview span.corners-bottom span, #cp-menu .panel #topicreview span.corners-bottom span { background-image: url("{T_THEME_PATH}/images/corners_right.gif"); } /* Friends list */ .cp-mini { background-color: #2E3653; } dl.mini dt { color: #A9B0C8; } dl.mini dd { /* Same as .panel */ color: #CCCCCC; } /* PM Styles ----------------------------------------*/ /* PM Message history */ .current { color: #999999 !important; } /* PM marking colours */ .pmlist li.pm_message_reported_colour, .pm_message_reported_colour { border-left-color: #BC2A4D; border-right-color: #BC2A4D; } .pmlist li.pm_marked_colour, .pm_marked_colour { border-color: #FF6600; } .pmlist li.pm_replied_colour, .pm_replied_colour { border-color: #A9B8C2; } .pmlist li.pm_friend_colour, .pm_friend_colour { border-color: #5D8FBD; } pmlist li.pm_foe_colour, .pm_foe_colour { border-color: #550022; } /* Avatar gallery */ #gallery label { background-color: #FFFFFF; border-color: #CCC; } #gallery label:hover { background-color: #EEE; } /* -------------------------------------------------------------- Colours and backgrounds for forms.css -------------------------------------------------------------- */ /* General form styles ----------------------------------------*/ select { border-color: #888888; background-color: #333; color: #BEC1CC; } label { color: #AFB6CD; } option.disabled-option { color: graytext; } /* Definition list layout for forms ---------------------------------------- */ dd label { color: #AFB6CD; } /* Hover effects */ fieldset dl:hover dt label { color: #C8D0EA; } fieldset.fields2 dl:hover dt label { color: inherit; } /* Quick-login on index page */ fieldset.quick-login input.inputbox { background-color: #F3F3F2; } /* Posting page styles ----------------------------------------*/ #message-box textarea { color: #CCC; } /* Input field styles ---------------------------------------- */ .inputbox { background-color: #333333; border-color: #888888; color: #C4C4C4; } .inputbox:hover { border-color: #ACB2C9; } .inputbox:focus { border-color: #9095A8; color: #D0D0D0; background-color: #363636; } /* Form button styles ---------------------------------------- */ a.button1, input.button1, input.button3, a.button2, input.button2, input.spoilerbutton { color: #CCC; background-color: #514D66; background-image: url("{T_THEME_PATH}/images/bg_button.gif"); } a.button1, input.button1 { border-color: #7D788E; } input.button3 { background-image: none; } /* Alternative button */ a.button2, input.button2, input.button3 { border-color: #928DA6; } input.spoilerbutton { border: 1px solid #7D788E; } /* button in the style of the form buttons */ a.button1, a.button1:link, a.button1:visited, a.button1:active, a.button2, a.button2:link, a.button2:visited, a.button2:active { color: #000000; } /* Hover states */ a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover, input.spoilerbutton:hover { border-color: #FFB060; color: #FFEE60; } input.search { background-image: url("{T_THEME_PATH}/images/icon_textbox_search.gif"); } input.disabled { color: #666666; }