/* -------------------------------------------------------------- Colours and backgrounds for common.css -------------------------------------------------------------- */ html, body { color: #536482; background-color: #FFFFFF; } h1 { color: #FFFFFF; } h2 { color: #28313F; } h3 { border-bottom-color: #CCCCCC; color: #115098; } hr { border-color: #FFFFFF; border-top-color: #CCCCCC; } /* Search box --------------------------------------------- */ #search-box { color: #FFFFFF; } #search-box #keywords { background-color: #FFF; } #search-box input { border-color: #0075B0; } /* Round cornered boxes and backgrounds ---------------------------------------- */ .headerbar { background-color: #12A3EB; background-image: url("./images/bg_header.gif"); color: #FFFFFF; } .navbar { background-color: #cadceb; } .forabg { background-color: #0076b1; background-image: url("./images/bg_list.gif"); } .forumbg { background-color: #12A3EB; background-image: url("./images/bg_header.gif"); } .panel { background-color: #ECF1F3; color: #28313F; } .post:target .content { color: #000000; } .post:target h3 a { color: #000000; } .bg1 { background-color: #ECF3F7; } .bg2 { background-color: #e1ebf2; } .bg3 { background-color: #cadceb; } .ucprowbg { background-color: #DCDEE2; } .fieldsbg { background-color: #E7E8EA; } /* Horizontal lists ----------------------------------------*/ ul.navlinks { border-bottom-color: #FFFFFF; } /* Table styles ----------------------------------------*/ table.table1 thead th { color: #FFFFFF; } table.table1 tbody tr { border-color: #BFC1CF; } table.table1 tbody tr:hover, table.table1 tbody tr.hover { background-color: #CFE1F6; color: #000; } table.table1 td { color: #536482; } table.table1 tbody td { border-top-color: #FAFAFA; } table.table1 tbody th { border-bottom-color: #000000; color: #333333; background-color: #FFFFFF; } table.info tbody th { color: #000000; } /* Misc layout styles ---------------------------------------- */ dl.details dt { color: #000000; } dl.details dd { color: #536482; } .sep { color: #1198D9; } /* Pagination ---------------------------------------- */ .pagination li a, .pagination li a:link, .pagination li a:visited { color: #5C758C; background-color: #ECEDEE; border-color: #B4BAC0; } .pagination li.ellipsis span { background-color: transparent; color: #000000; } .pagination li.active span { color: #FFFFFF; background-color: #4692BF; border-color: #4692BF; } .pagination li a:hover, .pagination .active a:hover { border-color: #368AD2; background-color: #368AD2; color: #FFFFFF; } .pagination li a:active, .pagination li.active a:active { color: #5C758C; background-color: #ECEDEE; border-color: #B4BAC0; } /* Pagination in viewforum for multipage topics */ .row .pagination { background-image: url("./images/icon_pages.gif"); } .row .pagination span a, li.pagination span a { background-color: #FFFFFF; } .row .pagination span a:hover, li.pagination span a:hover { background-color: #368AD2; } /* Miscellaneous styles ---------------------------------------- */ .copyright { color: #555555; } .error { color: #BC2A4D; } .reported { background-color: #F7ECEF; } li.reported:hover { background-color: #ECD5D8 !important; } .sticky, .announce { /* you can add a background for stickies and announcements*/ } div.rules { background-color: #ECD5D8; color: #BC2A4D; } p.rules { background-color: #ECD5D8; background-image: none; } /* -------------------------------------------------------------- Colours and backgrounds for links.css -------------------------------------------------------------- */ a:link { color: #105289; } a:visited { color: #105289; } a:hover { color: #D31141; } a:active { color: #368AD2; } /* 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: #A8D8FF; } #search-box a:active, .navbg a:active, .forumbg .header a:active, .forabg .header a:active, th a:active { color: #C8E6FF; } /* Links for forum/topic lists */ a.forumtitle { color: #105289; } /* a.forumtitle:visited { color: #105289; } */ a.forumtitle:hover { color: #BC2A4D; } a.forumtitle:active { color: #105289; } a.topictitle { color: #105289; } /* a.topictitle:visited { color: #368AD2; } */ a.topictitle:hover { color: #BC2A4D; } a.topictitle:active { color: #105289; } /* Post body links */ .postlink { color: #368AD2; border-bottom-color: #368AD2; } .postlink:visited { color: #5D8FBD; border-bottom-color: #5D8FBD; } .postlink:active { color: #368AD2; } .postlink:hover { background-color: #D0E4F6; color: #0D4473; } .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: #105289; } .postprofile a:hover, .postprofile dt.author a:hover { color: #D31141; } .postprofile a:active { color: #105289; } /* Profile searchresults */ .search .postprofile a { color: #105289; } .search .postprofile a:hover { color: #D31141; } /* Back to top of page */ a.top { background-image: url("./images/icon_back_top.gif"); } a.top2 { background-image: url("./images/icon_back_top.gif"); } /* Arrow links */ a.arrow-up { background-image: url("./images/arrow_up.gif") } a.arrow-down { background-image: url("./images/arrow_down.gif") } a.arrow-left { background-image: url("./images/arrow_left.gif") } a.arrow-right { background-image: url("./images/arrow_right.gif") } a.arrow-up:hover { background-color: transparent; } a.arrow-left:hover { color: #368AD2; } a.arrow-right:hover { color: #368AD2; } /* -------------------------------------------------------------- Colours and backgrounds for content.css -------------------------------------------------------------- */ ul.forums { background-color: #eef5f9; background-image: url("./images/gradient.gif"); } ul.topiclist li { color: #4C5D77; } ul.topiclist dd { border-left-color: #FFFFFF; } .rtl ul.topiclist dd { border-right-color: #fff; border-left-color: transparent; } ul.topiclist li.row dt a.subforum.read { background-image: url("./images/subforum_read.gif"); } ul.topiclist li.row dt a.subforum.unread { background-image: url("./images/subforum_unread.gif"); } li.row { border-top-color: #FFFFFF; border-bottom-color: #00608F; } li.row strong { color: #000000; } li.row:hover { background-color: #F6F4D0; } li.row:hover dd { border-left-color: #CCCCCC; } .rtl li.row:hover dd { border-right-color: #CCCCCC; border-left-color: transparent; } li.header dt, li.header dd { color: #FFFFFF; } /* Post body styles ----------------------------------------*/ .postbody { color: #333333; } /* Content container styles ----------------------------------------*/ .content { color: #333333; } .content h2, .panel h2 { color: #115098; border-bottom-color: #CCCCCC; } dl.faq dt { color: #333333; } .posthilit { background-color: #F3BFCC; color: #BC2A4D; } .announce, .unreadpost { /* Highlight the announcements & unread posts box */ } /* Post signature */ .signature { border-top-color: #CCCCCC; } /* Post noticies */ .notice { border-top-color: #CCCCCC; } /* BB Code styles ----------------------------------------*/ /* Quote block */ blockquote { background-color: #EBEADD; background-image: url("./images/quote.gif"); border-color:#DBDBCE; } .rtl blockquote { background-image: url("./images/quote_rtl.gif"); } blockquote blockquote { /* Nested quotes */ background-color:#EFEED9; } blockquote blockquote blockquote { /* Nested quotes */ background-color: #EBEADD; } /* Code block */ .codebox { background-color: #FFFFFF; border-color: #C9D2D8; } .codebox p { border-bottom-color: #CCCCCC; } .codebox code { color: #2E8B57; } .syntaxbg { color: #FFFFFF; } .syntaxcomment { color: #FF8000; } .syntaxdefault { color: #0000BB; } .syntaxhtml { color: #000000; } .syntaxkeyword { color: #007700; } .syntaxstring { color: #DD0000; } /* Attachments ----------------------------------------*/ .attachbox { background-color: #FFFFFF; border-color: #C9D2D8; } .pm-message .attachbox { background-color: #F2F3F3; } .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: #FFFFFF; } dl.thumbnail dd { color: #666666; } 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: #DCDEE2; color: #666666; } fieldset.polls dl.voted { color: #000000; } fieldset.polls dd div { color: #FFFFFF; } .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 { color: #666666; border-left-color: #FFFFFF; } .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: #000000; } .online { background-image: url("./en/icon_user_online.gif"); } /* -------------------------------------------------------------- Colours and backgrounds for buttons.css -------------------------------------------------------------- */ a.print { background-image: url("./images/icon_print.gif"); } a.sendemail { background-image: url("./images/icon_sendemail.gif"); } .buttons div a { border-color: #C7C3BF; background-color: #FFFFFF; background-image: -moz-linear-gradient(top, #FFFFFF, #E9E9E9); background-image: -webkit-linear-gradient(top, #FFFFFF, #E9E9E9); background-image: -o-linear-gradient(top, #FFFFFF, #E9E9E9); background-image: linear-gradient(to bottom, #FFFFFF, #E9E9E9); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#FFFFFF', EndColorStr='#E9E9E9')"; box-shadow: 0 0 0 1px #FFFFFF inset; -webkit-box-shadow: 0 0 0 1px #FFFFFF inset; color: #BC2A4D !important; } .buttons div a:hover { border-color: #0a8ed0; background-image: -moz-linear-gradient(top, #E9E9E9, #FFFFFF); background-image: -webkit-linear-gradient(top, #E9E9E9, #FFFFFF); background-image: -o-linear-gradient(top, #E9E9E9, #FFFFFF); background-image: linear-gradient(to bottom, #E9E9E9, #FFFFFF); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#E9E9E9', EndColorStr='#FFFFFF')"; text-shadow: 1px 1px 0 #FFFFFF, -1px -1px 0 #FFFFFF, -1px -1px 0 rgba(188, 42, 77, 0.2); } .buttons div a:after { background-image: url("images/buttons.png"); } /* Icon images ---------------------------------------- */ .sitehome { background-image: url("./images/icon_home.gif"); } .icon-faq { background-image: url("./images/icon_faq.gif"); } .icon-members { background-image: url("./images/icon_members.gif"); } .icon-home { background-image: url("./images/icon_home.gif"); } .icon-ucp { background-image: url("./images/icon_ucp.gif"); } .icon-register { background-image: url("./images/icon_register.gif"); } .icon-logout { background-image: url("./images/icon_logout.gif"); } .icon-bookmark { background-image: url("./images/icon_bookmark.gif"); } .icon-bump { background-image: url("./images/icon_bump.gif"); } .icon-subscribe { background-image: url("./images/icon_subscribe.gif"); } .icon-unsubscribe { background-image: url("./images/icon_unsubscribe.gif"); } .icon-pages { background-image: url("./images/icon_pages.gif"); } .icon-search { background-image: url("./images/icon_search.gif"); } /* Profile & navigation icons */ .email-icon, .email-icon a { background-image: url("./images/icon_contact_email.gif"); } .aim-icon, .aim-icon a { background-image: url("./images/icon_contact_aim.gif"); } .yahoo-icon, .yahoo-icon a { background-image: url("./images/icon_contact_yahoo.gif"); } .web-icon, .web-icon a { background-image: url("./images/icon_contact_www.gif"); } .msnm-icon, .msnm-icon a { background-image: url("./images/icon_contact_msnm.gif"); } .icq-icon, .icq-icon a { background-image: url("./images/icon_contact_icq.gif"); } .jabber-icon, .jabber-icon a { background-image: url("./images/icon_contact_jabber.gif"); } .pm-icon, .pm-icon a { background-image: url("./en/icon_contact_pm.gif"); } .quote-icon, .quote-icon a { background-image: url("./en/icon_post_quote.gif"); } /* Moderator icons */ .report-icon, .report-icon a { background-image: url("./images/icon_post_report.gif"); } .edit-icon, .edit-icon a { background-image: url("./en/icon_post_edit.gif"); } .delete-icon, .delete-icon a { background-image: url("./images/icon_post_delete.gif"); } .info-icon, .info-icon a { background-image: url("./images/icon_post_info.gif"); } .warn-icon, .warn-icon a { background-image: url("./images/icon_user_warn.gif"); } /* Need updated warn icon */ /* Forum icons & Topic icons */ .global_read { background-image: url("./images/announce_read.gif"); } .global_read_mine { background-image: url("./images/announce_read_mine.gif"); } .global_read_locked { background-image: url("./images/announce_read_locked.gif"); } .global_read_locked_mine { background-image: url("./images/announce_read_locked_mine.gif"); } .global_unread { background-image: url("./images/announce_unread.gif"); } .global_unread_mine { background-image: url("./images/announce_unread_mine.gif"); } .global_unread_locked { background-image: url("./images/announce_unread_locked.gif"); } .global_unread_locked_mine { background-image: url("./images/announce_unread_locked_mine.gif"); } .announce_read { background-image: url("./images/announce_read.gif"); } .announce_read_mine { background-image: url("./images/announce_read_mine.gif"); } .announce_read_locked { background-image: url("./images/announce_read_locked.gif"); } .announce_read_locked_mine { background-image: url("./images/announce_read_locked_mine.gif"); } .announce_unread { background-image: url("./images/announce_unread.gif"); } .announce_unread_mine { background-image: url("./images/announce_unread_mine.gif"); } .announce_unread_locked { background-image: url("./images/announce_unread_locked.gif"); } .announce_unread_locked_mine { background-image: url("./images/announce_unread_locked_mine.gif"); } .forum_link { background-image: url("./images/forum_link.gif"); } .forum_read { background-image: url("./images/forum_read.gif"); } .forum_read_locked { background-image: url("./images/forum_read_locked.gif"); } .forum_read_subforum { background-image: url("./images/forum_read_subforum.gif"); } .forum_unread { background-image: url("./images/forum_unread.gif"); } .forum_unread_locked { background-image: url("./images/forum_unread_locked.gif"); } .forum_unread_subforum { background-image: url("./images/forum_unread_subforum.gif"); } .sticky_read { background-image: url("./images/sticky_read.gif"); } .sticky_read_mine { background-image: url("./images/sticky_read_mine.gif"); } .sticky_read_locked { background-image: url("./images/sticky_read_locked.gif"); } .sticky_read_locked_mine { background-image: url("./images/sticky_read_locked_mine.gif"); } .sticky_unread { background-image: url("./images/sticky_unread.gif"); } .sticky_unread_mine { background-image: url("./images/sticky_unread_mine.gif"); } .sticky_unread_locked { background-image: url("./images/sticky_unread_locked.gif"); } .sticky_unread_locked_mine { background-image: url("./images/sticky_unread_locked_mine.gif"); } .topic_moved { background-image: url("./images/topic_moved.gif"); } .topic_read { background-image: url("./images/topic_read.gif"); } .topic_read_mine { background-image: url("./images/topic_read_mine.gif"); } .topic_read_hot { background-image: url("./images/topic_read_hot.gif"); } .topic_read_hot_mine { background-image: url("./images/topic_read_hot_mine.gif"); } .topic_read_locked { background-image: url("./images/topic_read_locked.gif"); } .topic_read_locked_mine { background-image: url("./images/topic_read_locked_mine.gif"); } .topic_unread { background-image: url("./images/topic_unread.gif"); } .topic_unread_mine { background-image: url("./images/topic_unread_mine.gif"); } .topic_unread_hot { background-image: url("./images/topic_unread_hot.gif"); } .topic_unread_hot_mine { background-image: url("./images/topic_unread_hot_mine.gif"); } .topic_unread_locked { background-image: url("./images/topic_unread_locked.gif"); } .topic_unread_locked_mine { background-image: url("./images/topic_unread_locked_mine.gif"); } .pm_read { background-image: url("./images/topic_read.gif"); } .pm_unread { background-image: url("./images/topic_unread.gif"); } /* -------------------------------------------------------------- Colours and backgrounds for cp.css -------------------------------------------------------------- */ /* Main CP box ----------------------------------------*/ #cp-main h3, #cp-main hr, #cp-menu hr { border-color: #A4B3BF; } #cp-main .panel li.row { border-bottom-color: #B5C1CB; border-top-color: #F9F9F9; } ul.cplist { border-top-color: #B5C1CB; } #cp-main .panel li.header dd, #cp-main .panel li.header dt { color: #000000; } #cp-main table.table1 thead th { color: #333333; border-bottom-color: #333333; } #cp-main .pm-message { border-color: #DBDEE2; background-color: #FFFFFF; } /* CP tabbed menu ----------------------------------------*/ #tabs a { background-image: url("./images/bg_tabs1.gif"); } #tabs a span { background-image: url("./images/bg_tabs2.gif"); color: #536482; } #tabs a:hover span { color: #BC2A4D; } #tabs .activetab a { border-bottom-color: #CADCEB; } #tabs .activetab a span { color: #333333; } #tabs .activetab a:hover span { color: #000000; } /* Mini tabbed menu used in MCP ----------------------------------------*/ #minitabs li { background-color: #E1EBF2; } #minitabs li.activetab { background-color: #F9F9F9; } #minitabs li.activetab a, #minitabs li.activetab a:hover { color: #333333; } /* UCP navigation menu ----------------------------------------*/ /* Link styles for the sub-section links */ #navigation a { color: #333; background-color: #B2C2CF; background-image: url("./images/bg_menu.gif"); } .rtl #navigation a { background-image: url("./images/bg_menu_rtl.gif"); background-position: 0 100%; } #navigation a:hover { background-image: none; background-color: #aabac6; color: #BC2A4D; } #navigation #active-subsection a { color: #D31141; background-color: #F9F9F9; background-image: none; } #navigation #active-subsection a:hover { color: #D31141; } /* Preferences pane layout ----------------------------------------*/ #cp-main h2 { color: #333333; } #cp-main .panel { background-color: #F9F9F9; } #cp-main .pm { background-color: #FFFFFF; } /* Friends list */ .cp-mini { background-color: #eef5f9; } dl.mini dt { color: #425067; } /* PM Styles ----------------------------------------*/ /* PM Message history */ .current { color: #000000 !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: #000000; } /* Avatar gallery */ #gallery label { background: #FFFFFF; border-color: #CCC; } #gallery label:hover { background-color: #EEE; } /* -------------------------------------------------------------- Colours and backgrounds for forms.css -------------------------------------------------------------- */ /* General form styles ----------------------------------------*/ select { border-color: #666666; background-color: #FAFAFA; color: #000; } label { color: #425067; } option.disabled-option { color: graytext; } /* Definition list layout for forms ---------------------------------------- */ dd label { color: #333; } fieldset.fields1 { background-color: transparent; } /* Hover effects */ fieldset dl:hover dt label { color: #000000; } fieldset.fields2 dl:hover dt label { color: inherit; } /* Quick-login on index page */ fieldset.quick-login input.inputbox { background-color: #F2F3F3; } /* Posting page styles ----------------------------------------*/ #message-box textarea { color: #333333; } /* Input field styles ---------------------------------------- */ .inputbox { background-color: #FFFFFF; border-color: #B4BAC0; color: #333333; } .inputbox:-moz-placeholder { color: #333333; } .inputbox::-webkit-input-placeholder { color: #333333; } .inputbox:hover { border-color: #11A3EA; } .inputbox:focus { border-color: #11A3EA; color: #0F4987; } .inputbox:focus:-moz-placeholder { color: transparent; } .inputbox:focus::-webkit-input-placeholder { color: transparent; } /* Form button styles ---------------------------------------- */ a.button1, input.button1, input.button3, a.button2, input.button2 { color: #000; background-color: #FAFAFA; background-image: url("./images/bg_button.gif"); } a.button1, input.button1 { border-color: #666666; } input.button3 { background-image: none; } /* Alternative button */ a.button2, input.button2, input.button3 { border-color: #666666; } /* 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 { border-color: #BC2A4D; color: #BC2A4D; } input.search { background-image: url("./images/icon_textbox_search.gif"); } input.disabled { color: #666666; } /* jQuery popups ---------------------------------------- */ .phpbb_alert { background-color: #FFFFFF; border-color: #999999; } .phpbb_alert .alert_close { background-image: url("./images/alert_close.png"); } #darken { background-color: #000000; } #notification_list { background-color: #FFFFFF; border-color: #B9B9B9; } #notification_list ul li { border-bottom-color: #B9B9B9; } #notification_list ul li:hover { background-color: #CFE1F6; color: #000000; } #notification_list > .header, .notification_list > .footer { border-color: #B9B9B9; color: #000000; } #notification_list > .header { background: #F1F8FF; background: -moz-linear-gradient(top, #F1F8FF 0%, #CADCEB 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F1F8FF), color-stop(100%, #CADCEB)); background: -webkit-linear-gradient(top, #F1F8FF 0%, #CADCEB 100%); background: -o-linear-gradient(top, #F1F8FF 0%, #CADCEB 100%); background: -ms-linear-gradient(top, #F1F8FF 0%, #CADCEB 100%); background: linear-gradient(to bottom, #F1F8FF 0%, #CADCEB 100%); } .notification_list .pointer { border-bottom-color: #B9B9B9; } .notification_list .pointer_inner { border-bottom-color: #F1F8FF; }