/* -------------------------------------------------------------- Colours and backgrounds for common.css -------------------------------------------------------------- */ html, body { color: #CCCCCC; background-color: #09101d; } h1 { color: #FFFFFF; } h2 { color: #CCCCCC; } h3 { border-bottom-color: #4d4e4e; color: #CCCCCC; } hr { border-color: #4d4e4e; border-top-color: #4d4e4e; } hr.dashed { border-top-color: #4d4e4e; } /* Search box --------------------------------------------- */ #search-box { color: #FFFFFF; } #search-box #keywords { background-color: #FFF; } #search-box input { border-color: #000003; background-color: #FAFAFA; color: #000003; } #search-box input:hover { border-color: #003653; color: #003653; } /* Round cornered boxes and backgrounds ---------------------------------------- */ .headerbar { background-color: #09101d; background-image: url("{T_THEME_PATH}/images/bg_header.png"); color: #FFFFFF; } .navbar { background-color: #091929; } .forabg { background-color: #091929; background-image: url("{T_THEME_PATH}/images/bg_list.gif"); } .forumbg { background-color: #091929; background-image: url("{T_THEME_PATH}/images/bg_list.gif"); } .panel { background-color: #091929; color: #CCCCCC; } .post:target .content { color: #E6E6E6; } .post:target h3 a { color: #FFFFFF; } .bg1 { background-color: #0D1B28; } .bg2 { background-color: #0C1926; } .bg3 { background-color: #0D1B28; } .ucprowbg { background-color: #091929; } .fieldsbg { background-color: #091929; } 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: #4d4e4e; } /* Table styles ----------------------------------------*/ table.table1 thead th { color: #E6E6E6; } table.table1 tbody tr { border-color: transparent; } table.table1 tbody tr:hover, table.table1 tbody tr.hover { background-color: #091929; color: #CCCCCC; } table.table1 td { color: #CCCCCC; } table.table1 tbody td { border-bottom-color: #4d4e4e; } table.table1 tbody th { border-bottom-color: #4d4e4e; color: #CCCCCC; background-color: #091929; } table.info tbody th { color: #E6E6E6; } /* Misc layout styles ---------------------------------------- */ dl.details dt { color: #CCCCCC; } dl.details dd { color: #CCCCCC; } .sep { color: #152736; } /* Pagination ---------------------------------------- */ .pagination span strong { color: #CCCCCC; background-color: #091929; border-color: #363d42; } .pagination span a, .pagination span a:link, .pagination span a:visited { color: #40a2d6; background-color: #091929; border-color: #363d42; } .pagination span a:active { color: #b4d9ed; background-color: #091929; border-color: #363d42; } .pagination span a:hover { border-color: #363d42; background-color: #091929; color: #40a2d6; } /* 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: #091929; } .row .pagination span a:hover, li.pagination span a:hover { background-color: #091929; } /* Miscellaneous styles ---------------------------------------- */ .copyright { color: #bfbfbf; } .error { color: #ff3867; } li.reported:hover { background-color: transparent !important; } .sticky, .announce { /* you can add a background for stickies and announcements*/ } div.rules { background-color: #4b000d; color: #e5b8c2; } p.rules { background-color: #801a1a; border: 1px dotted #09101d; background-image: none; } /* -------------------------------------------------------------- Colours and backgrounds for links.css -------------------------------------------------------------- */ a:link { color: #51afe0; } a:visited { color: #71c1eb; } a:hover { color: #148ccc; } a:active { color: #71c1eb; } /* Links on gradient backgrounds */ #search-box a:link, .navbg a:link, .forumbg .header a:link, .forabg .header a:link, th a:link { color: #c9d0d6; } #search-box a:visited, .navbg a:visited, .forumbg .header a:visited, .forabg .header a:visited, th a:visited { color: #c9d0d6; } #search-box a:hover, .navbg a:hover, .forumbg .header a:hover, .forabg .header a:hover, th a:hover { color: #b8cfe5; } #search-box a:active, .navbg a:active, .forumbg .header a:active, .forabg .header a:active, th a:active { color: #c9d0d6; } /* Links for forum/topic lists */ a.forumtitle { color: #cfdae5; } /* a.forumtitle:visited { color: #105289; } */ a.forumtitle:hover { color: #148ccc; } a.forumtitle:active { color: #cfdae5; } a.topictitle { color: #cfdae5; } /* a.topictitle:visited { color: #368AD2; } */ a.topictitle:hover { color: #ffffff; text-decoration: none; } a.topictitle:active { color: #cfdae5; } /* Post body links */ .postlink { color: #51afe0; text-decoration: none; border-bottom: none; } .postlink:visited { color: #71c1eb; } .postlink:active { color: #51afe0; } .postlink:hover { background-color: transparent; color: #148ccc; } .signature a, .signature a:visited, .signature a:hover, .signature a:active { background-color: transparent; } /* Profile links */ .postprofile a:link, .postprofile a:visited, .postprofile dt.author a { color: #60a0d6; } .postprofile a:hover, .postprofile dt.author a:hover { color: #00a6ff; } .postprofile a:active { color: #c9d0d6; } /* Profile searchresults */ .search .postprofile a { color: #71c1eb; } .search .postprofile a:hover { color: #148ccc; } /* Back to top of page */ a.top { background-image: url("{IMG_ICON_BACK_TOP_SRC}"); } a.top2 { background-image: url("{IMG_ICON_BACK_TOP_SRC}"); } /* 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: #148ccc; } a.right:hover { color: #148ccc; } /* -------------------------------------------------------------- Colours and backgrounds for content.css -------------------------------------------------------------- */ ul.forums { background-color: #091929; } ul.topiclist li { color: #CCCCCC; } ul.topiclist dd { border-left: 0px solid #000000; } .rtl ul.topiclist dd { border-right-color: #31393f; } 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: 1px solid #142431; border-bottom: 0px solid #142431; } li.row strong { color: #E6E6E6; } li.row:hover { background-color: #162534; background-color: rgba(255,255,255,0.05); } li.row:hover dd { border-left-color: #31393f; } .rtl li.row:hover dd { border-right-color: #31393f; border-left: none; } li.header dt, li.header dd { color: #d8e1e6; } /* Forum list column styles */ ul.topiclist dd.searchextra { color: #CCCCCC; } /* Post body styles ----------------------------------------*/ .postbody { color: #bdbdbd; } /* Content container styles ----------------------------------------*/ .content { color: #CCCCCC; } .content h2, .panel h2 { color: #9acbe5; border-bottom-color: #4d4e4e; } dl.faq dt { color: #e0e0e0; font-weight:bold; } .posthilit { background-color: transparent; color: #e0e0e0; } /* Post signature */ .signature { border-top-color: #4d4e4e; } /* Post noticies */ .notice { border-top-color: #4d4e4e; } /* BB Code styles ----------------------------------------*/ /* Quote block */ blockquote { color: #CCCCCC; background-color: #091727 !important; background-image: url("{T_THEME_PATH}/images/quote.png"); background-position: 5px 3px; border-left: 4px solid #253139; border-bottom: 1px solid #253139; } .rtl blockquote { background-image: url("{T_THEME_PATH}/images/quote_rtl.png"); } blockquote blockquote { /* Nested quotes */ background-color: #091929 !important; border-left: 4px solid #2f373e; border-bottom: 1px solid #2f373e; } blockquote blockquote blockquote { /* Nested quotes */ background-color: #091929 !important; border-left: 4px solid #393f43; border-bottom: 1px solid #393f43; } /* Code block */ dl.codebox { background-color: transparent; /* border: transparent; */ } dl.codebox dt { border-bottom-color: #4d4e4e; } dl.codebox code { color: #CCCCCC; } /*.syntaxbg { color: #FFFFFF; } .syntaxcomment { color: #FF8000; } .syntaxdefault { color: #0000BB; } .syntaxhtml { color: #000003; } .syntaxkeyword { color: #006413; } .syntaxstring { color: #DD0000; }*/ .syntaxbg { color: #000000; } .syntaxcomment { color: #808024; } .syntaxdefault { color: #4D97C4; } .syntaxhtml { color: #999999; } .syntaxkeyword { color: #A36D7C; } .syntaxstring { color: #3C993C; } /* Attachments ----------------------------------------*/ .attachbox { background-color: transparent; border-color: #C9D2D8; } .pm-message .attachbox { background-color: transparent; } .attachbox dd { border-top-color: #C9D2D8; } .attachbox p { color: #666666; } .attachbox p.stats { color: #666666; } .attach-image img { border-color: #999999; } /* Inline image thumbnails */ dl.file dd { color: #666666; } dl.thumbnail img { border-color: #666666; background-color: #3F3F3F; } dl.thumbnail dd { color: #666666; } dl.thumbnail dt a:hover { background-color: #3E3E3E; } dl.thumbnail dt a:hover img { border-color: #368AD2; } /* Post poll styles ----------------------------------------*/ fieldset.polls dl { border-top-color: #363d42; color: #666666; } fieldset.polls dl.voted { color: #CCCCCC; } fieldset.polls dd div { color: #E6E6E6; } /* .rtl .pollbar1, .rtl .pollbar2, .rtl .pollbar3, .rtl .pollbar4, .rtl .pollbar5 { border-right-color: transparent; } */ .pollbar1 { background-color: #AA2346; border-bottom-color: #74162C; border-right-color: #74162C; } .rtl .pollbar1 { border-left-color: #74162C; } .pollbar2 { background-color: #BE1E4A; border-bottom-color: #8C1C38; border-right-color: #8C1C38; } .rtl .pollbar2 { border-left-color: #8C1C38; } .pollbar3 { background-color: #D11A4E; border-bottom-color: #AA2346; border-right-color: #AA2346; } .rtl .pollbar3 { border-left-color: #AA2346; } .pollbar4 { background-color: #E41653; border-bottom-color: #BE1E4A; border-right-color: #BE1E4A; } .rtl .pollbar4 { border-left-color: #BE1E4A; } .pollbar5 { background-color: #F81157; border-bottom-color: #D11A4E; border-right-color: #D11A4E; } .rtl .pollbar5 { border-left-color: #D11A4E; } /* Poster profile block ----------------------------------------*/ .postprofile, .leftprofile .postprofile { color: #b8b8b8; border-right-color: transparent; border-left-color: transparent; } .leftprofile .postbody { border-left-color: transparent; } .rtl .postprofile { border-right-color: #27323a; /* border-left-color: transparent; */ } .pm .postprofile { border-right-color: #27323a; } .rtl .pm .postprofile { border-right-color: #27323a; /* border-left-color: transparent; */ } .postprofile strong { color: #bdbdbd; } /*.online { background-image: url("{IMG_ICON_USER_ONLINE_SRC}"); } */ .online { background-image: none; } .online .postprofile::after { border-bottom: solid 2px #0082c8; content: "Online"; } .offline .postprofile::after { border-bottom: solid 2px #363d42; content: "Offline"; } /* -------------------------------------------------------------- Colours and backgrounds for buttons.css -------------------------------------------------------------- */ /* Big button images */ .reply-icon span { background-image: url("{IMG_BUTTON_TOPIC_REPLY_SRC}"); } .post-icon span { background-image: url("{IMG_BUTTON_TOPIC_NEW_SRC}"); } .locked-icon span { background-image: url("{IMG_BUTTON_TOPIC_LOCKED_SRC}"); } .pmreply-icon span { background-image: url("{IMG_BUTTON_PM_REPLY_SRC}") ;} .newpm-icon span { background-image: url("{IMG_BUTTON_PM_NEW_SRC}") ;} .forwardpm-icon span { background-image: url("{IMG_BUTTON_PM_FORWARD_SRC}") ;} a.print { background-image: url("{T_THEME_PATH}/images/icon_print.gif"); } a.sendemail { background-image: url("{T_THEME_PATH}/images/icon_sendemail.gif"); } a.fontsize { background-image: url("{T_THEME_PATH}/images/icon_fontsize.gif"); } /* Icon images ---------------------------------------- */ .sitehome { background-image: url("{T_THEME_PATH}/images/icon_home.gif"); } .icon-faq { background-image: url("{T_THEME_PATH}/images/icon_faq.gif"); } .icon-members { background-image: url("{T_THEME_PATH}/images/icon_members.gif"); } .icon-home { background-image: url("{T_THEME_PATH}/images/icon_home.gif"); } .icon-ucp { background-image: url("{T_THEME_PATH}/images/icon_ucp.gif"); } .icon-register { background-image: url("{T_THEME_PATH}/images/icon_register.gif"); } .icon-logout { background-image: url("{T_THEME_PATH}/images/icon_logout.gif"); } .icon-bookmark { background-image: url("{T_THEME_PATH}/images/icon_bookmark.gif"); } .icon-bump { background-image: url("{T_THEME_PATH}/images/icon_bump.gif"); } .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("{IMG_ICON_POST_QUOTE_SRC}"); } /* Moderator icons */ .report-icon, .report-icon a { background-image: url("{IMG_ICON_POST_REPORT_SRC}"); } .edit-icon, .edit-icon a { background-image: url("{IMG_ICON_POST_EDIT_SRC}"); } .delete-icon, .delete-icon a { background-image: url("{IMG_ICON_POST_DELETE_SRC}"); } .info-icon, .info-icon a { background-image: url("{IMG_ICON_POST_INFO_SRC}"); } .warn-icon, .warn-icon a { background-image: url("{IMG_ICON_USER_WARN_SRC}"); } /* Need updated warn icon */ /* -------------------------------------------------------------- Colours and backgrounds for cp.css -------------------------------------------------------------- */ /* Main CP box ----------------------------------------*/ #cp-main h3, #cp-main hr, #cp-menu hr { border-color: #4d4e4e; } #cp-main .panel li.row { border-bottom-color: #4d4e4e; border-top-color: transparent; } ul.cplist { border-top-color: #4d4e4e; } #cp-main .panel li.header dd, #cp-main .panel li.header dt { color: #CCCCCC; } #cp-main table.table1 thead th { color: #c2c2c2; border-bottom-color: #4d4e4e; } #cp-main .pm-message { border-color: #DBDEE2; background-color: transparent; } /* CP tabbed menu ----------------------------------------*/ #tabs a { background-image: url("{T_THEME_PATH}/images/bg_tabs1.gif"); } #tabs a span { background-image: url("{T_THEME_PATH}/images/bg_tabs2.gif"); color: #bdbdbd; } #tabs a:hover span { color: #40a2d6; } #tabs .activetab a { /* border-bottom-color: #0082c8; */ border-bottom: none; } #tabs .activetab a span { color: #0082c8; } #tabs .activetab a:hover span { color: #40a2d6; } /* Mini tabbed menu used in MCP ----------------------------------------*/ #minitabs li { background-color: #0c1c2b; } #minitabs li.activetab { background-color: #091929; } #minitabs li.activetab a, #minitabs li.activetab a:hover { color: #c2c2c2; } /* UCP navigation menu ----------------------------------------*/ /* Link styles for the sub-section links */ #navigation a { color: #CCCCCC; background-color: transparent; background-image: none; border-left-color: #363d42; } .rtl #navigation a { background-image: none; background-position: 0 100%; } #navigation a:hover { background-image: none; background-color: transparent; color: #40a2d6; border-left-color: #0082c8; } #navigation #active-subsection a { color: #cfdee6; background-color: transparent; background-image: none; border-left: 2px solid #0082c8; } #navigation #active-subsection a:hover { background-color: transparent; color: #40a2d6; } /* Preferences pane layout ----------------------------------------*/ #cp-main h2 { color: #c2c2c2; } #cp-main .panel { background-color: #091929; } #cp-main .pm { background-color: transparent; } #cp-main span.corners-top, #cp-menu span.corners-top { background-image: url("{T_THEME_PATH}/images/corners_left2.png"); } #cp-main span.corners-top span, #cp-menu span.corners-top span { background-image: url("{T_THEME_PATH}/images/corners_right2.png"); } #cp-main span.corners-bottom, #cp-menu span.corners-bottom { background-image: url("{T_THEME_PATH}/images/corners_left2.png"); } #cp-main span.corners-bottom span, #cp-menu span.corners-bottom span { background-image: url("{T_THEME_PATH}/images/corners_right2.png"); } /* Topicreview */ #cp-main .panel #topicreview span.corners-top, #cp-menu .panel #topicreview span.corners-top { background-image: url("{T_THEME_PATH}/images/corners_left.png"); } #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.png"); } #cp-main .panel #topicreview span.corners-bottom, #cp-menu .panel #topicreview span.corners-bottom { background-image: url("{T_THEME_PATH}/images/corners_left.png"); } #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.png"); } /* Friends list */ .cp-mini { background-color: transparent; border: 2px solid #363d42; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; } dl.mini dt { color: #CCCCCC; } /* PM Styles ----------------------------------------*/ /* PM Message history */ .current { color: #CCCCCC !important; } /* PM panel adjustments */ .pm-panel-header, #cp-main .pm-message-nav { border-bottom-color: #4d4e4e; } /* 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: #a8d643; } .pmlist li.pm_replied_colour, .pm_replied_colour { border-color: #b6bfc2; } .pmlist li.pm_friend_colour, .pm_friend_colour { border-color: #0082c8; } .pmlist li.pm_foe_colour, .pm_foe_colour { border-color: #091929; } /* Avatar gallery */ #gallery label { background-color: #1f2d37; border-color: #CCC; } #gallery label:hover { background-color: #EEE; } /* -------------------------------------------------------------- Colours and backgrounds for forms.css -------------------------------------------------------------- */ /* General form styles ----------------------------------------*/ select { border-color: #666; background-color: #091727; color: #D6D6D6; } label { color: #CCCCCC; } option.1 { color: #00a6ff; } option.disabled-option { color: graytext; } /* Definition list layout for forms ---------------------------------------- */ dd label { color: #CCCCCC; } /* Hover effects */ fieldset dl:hover dt label { color: #40a2d6; } fieldset.fields1 { color: #CCCCCC !important; } fieldset.fields2 dl:hover dt label { color: inherit; } /* Quick-login on index page */ fieldset.quick-login input.inputbox { background-color: #0a1625; } /* Posting page styles ----------------------------------------*/ #message-box textarea { color: #f0f0f0; } /* Input field styles ---------------------------------------- */ .inputbox , .inputbox2 { background-color: #0a1625; border-color: #555; color: #f0f0f0; } .inputbox:hover , .inputbox2:hover { border-color: #006ba9; } .inputbox:focus , .inputbox2:focus { border-color: #999; color: #f0f0f0; } /* Form button styles ---------------------------------------- */ a.button1, input.button1, input.button3, a.button2, input.button2 { color: #f0f0f0; background-color: #0e1e2d; background-image: none; } a.button1, input.button1 { border-color: #555; } input.button3 { background-image: none; } /* Alternative button */ a.button2, input.button2, input.button3 { border-color: #555; } /* 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: #f0f0f0; } /* Hover states */ a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover { border-color: #00a6ff; color: #00a6ff; } /* Search box */ input.search { background-image: url("{T_THEME_PATH}/images/icon_search.gif"); color: #BDBDBD; } input.search.tiny { background-image: url("{T_THEME_PATH}/images/icon_textbox_search.png"); color: #BDBDBD; } input.search.tiny:hover { background-image: url("{T_THEME_PATH}/images/icon_textbox_search_hover.png"); color: #f0f0f0; } input.search.tiny:focus { background-image: url("{T_THEME_PATH}/images/icon_textbox_search.png"); color: #f0f0f0; } input.disabled { color: #808080; } /* New PM notification box */ .pm_alert { background-color: #091929; border-color: #4d4e4e; } .pm_alert h3 { color: #ebebeb; border-bottom-color: #4d4e4e; }