/* phpBB 3.0 Style Sheet
--------------------------------------------------------------
Style name: noir-wrath
Based on style: proSilver ( this is the default phpBB 3 style )
Original author: subBlue ( http://www.subBlue.com/ )
Modified by: DaXiu ( http://www.veridisquo.de )
Copyright 2006 phpBB Group ( http://www.phpbb.com/ )
--------------------------------------------------------------
*/
/* --------------------------------------------------
/* CSS Content Index
/* --------------------------------------------------
01. common ------ General Styles ( Line: 24 )
02. links ------- Link Styles ( Line: 212 )
03. content ----- Content Styles ( Line: 289 )
04. buttons ----- Button Styles ( Line: 483 )
05. cp ---------- Control Panel Styles ( Line: 595 )
06. forms ------- Form Styles ( Line: 711 )
07. tweaks ------ Tweaks Styles ( Line: 842 )
08. colours ----- Clour Styles ( Line: 895 )
/* --------------------------------------------------
01. common / noir-wrath ( General Styles )
-------------------------------------------------- */
/* Reset browsers default margin, padding and font sizes */
* { margin:0; padding:0; }
/* Always show a scrollbar for short pages - stops the jump when the scrollbar appears. non-IE browsers */
html { font-size:100%; height:101%; }
/* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
body { font-family:Helvetica, Arial, Verdana; color:#FFF; background:url('./styles/noir-wrath/theme/images/bg_body_texture.jpg'); /*font-size: 62.5%; This sets the default font size to be equivalent to 10px */
font-size:10px; margin:0; padding:0; }
/* Forum name */
h1 { font-family:"Trebuchet MS", Arial, Helvetica; margin-right:200px; color:#fff; margin-top:15px; font-weight:bold; font-size:2em; }
/* Forum header titles */
h2 { font-family:"Trebuchet MS", Arial, Helvetica; font-weight:normal; color:#3f3f3f; font-size:2em; margin:0.8em 0 0.2em 0; }
h2.solo { margin-bottom:1em; }
/* Sub-headers (also used as post headers, but defined later) */
h3 { font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-transform:none; margin:20px 0 3px; padding-bottom:2px; font-size:2em !important; color:#989898; }
/* Forum and topic list titles */
h4 { font-family:"Trebuchet MS", Verdana, Helvetica, Arial; font-size:1.3em; }
p { line-height:1.3em; font-size:1.1em; margin-bottom:1.5em; }
img { border-width:0; }
/* Also see tweaks */
hr { border:1px solid #0a1e30; border-top:1px solid #000; margin:5px 0; display:block; clear:both; }
hr.dashed { border-top:1px dashed #000; margin:10px 0; }
hr.divider { display:none; }
p.right { text-align:right; }
/* Main blocks
-------------------------------------------------- */
#wrap { padding:0 20px; min-width:650px; }
#simple-wrap { padding:6px 10px; }
#page-body { margin:4px 0; clear:both; }
#page-footer { clear:both; }
#page-footer h3 { margin-top:20px; }
#logo { float:left; width:auto; padding:10px 13px 0 10px; }
a#logo:hover { text-decoration:none; }
/* Search box
------------------------------------------------------- */
#search-box { color:#FFF; position:relative; margin-right:5px; display:block; float:right; text-align:right; white-space:nowrap; /* For Opera */ }
#search-box #keywords { padding:5px; height:14px; width:126px; }
#search-box input { background:url('./styles/noir-wrath/theme/images/bg_search.gif') no-repeat; }
#search-box input.inputbox { border:0 !important; }
#search-box input.button2 { width:24px; height:24px; border:0; background-position:0 0; text-indent:-5000px; }
#search-box input.button2:hover { background-position:0 -24px; }
/* .button1 style defined later, just a few tweaks for the search button version */
#search-box input.button1 { padding:1px 5px; }
#search-box li { text-align:right; margin-top:4px; }
#search-box img { vertical-align:middle; margin-right:3px; }
/* Site description and logo */
#site-description { float:left; width:70%; }
#site-description h1 { margin-right:0; }
/* Round cornered boxes and backgrounds
-------------------------------------------------- */
.headerbar { background:#ebebeb none repeat-x 0 0; color:#fff; margin-bottom:4px; padding:0 5px; }
.navbar { background:url('./styles/noir-wrath/theme/images/bg1.png'); padding:0 10px; }
.forabg { background:none; margin-bottom:4px; padding:0 5px; clear:both; }
.forumbg { background:#ebebeb none repeat-x 0 0; margin-bottom:4px; padding:0 5px; clear:both; }
.panel { margin-bottom:4px; padding:0 10px; background:url('./styles/noir-wrath/theme/images/bg2.png'); border:1px solid #092332; -moz-border-radius:3px; color:#3f3f3f; }
.post { padding:0 10px; margin-bottom:4px; background-repeat:no-repeat; background-position:100% 0; }
.bg1 { background:url('./styles/noir-wrath/theme/images/bg1.png'); border:1px solid #092332; border-radius:4px; -moz-border-radius:4px; webkit-border-radius:4px; }
.bg2 { background:url('./styles/noir-wrath/theme/images/bg2.png'); border:1px solid #092332; border-radius:4px; -moz-border-radius:4px; webkit-border-radius:4px; }
.bg3 { background:url('./styles/noir-wrath/theme/images/bg3.png'); border:1px solid #092332; border-radius:4px; -moz-border-radius:4px; webkit-border-radius:4px; }
.rowbg { margin:5px 5px 2px 5px; }
.ucprowbg { background-color:#e2e2e2; }
.fieldsbg { background-color:#eaeaea; }
/* Horizontal lists
-------------------------------------------------- */
ul.linklist { display:block; margin:0; }
ul.linklist li { display:block; list-style-type:none; float:left; width:auto; margin-right:5px; font-size:1.1em; line-height:2.2em; }
ul.linklist li.rightside, p.rightside { float:right; margin-right:0; margin-left:5px; text-align:right; }
ul.navlinks { padding-bottom:1px; margin-bottom:1px; font-weight:bold; }
ul.leftside { float:left; margin-left:0; margin-right:5px; text-align:left; }
ul.rightside { float:right; margin-left:5px; margin-right:-5px; text-align:right; }
/* Table styles
-------------------------------------------------- */
table.table1 { /* See tweaks.css */ }
#ucp-main table.table1 { padding:2px; }
table.table1 thead th { font-weight:normal; text-transform:uppercase; color:#fff; line-height:1.3em; font-size:1em; padding:0 0 4px 3px; }
table.table1 thead th span { padding-left:7px; }
table.table1 tbody tr { border:1px solid #cfcfcf; }
table.table1 tbody tr:hover, table.table1 tbody tr.hover { background-color:#f6f6f6; color:#000; }
table.table1 td { color:#6a6a6a; font-size:1.1em; }
table.table1 tbody td { padding:5px; border-top:1px solid #FAFAFA; }
table.table1 tbody th { padding:5px; border-bottom:1px solid #000; text-align:left; color:#333; background-color:#fff; }
/* Specific column styles */
table.table1 .name { text-align:left; }
table.table1 .posts { text-align:center !important; width:7%; }
table.table1 .joined { text-align:left; width:15%; }
table.table1 .active { text-align:left; width:15%; }
table.table1 .mark { text-align:center; width:7%; }
table.table1 .info { text-align:left; width:30%; }
table.table1 .info div { width:100%; white-space:normal; overflow:hidden; }
table.table1 .autocol { line-height:2em; white-space:nowrap; }
table.table1 thead .autocol { padding-left:1em; }
table.table1 span.rank-img { float:right; width:auto; }
table.info td { padding:3px; }
table.info tbody th { padding:3px; text-align:right; vertical-align:top; color:#000; font-weight:normal; }
.forumbg table.table1 { margin:0 -2px -1px -1px; }
/* Misc layout styles
-------------------------------------------------- */
/* column[1-2] styles are containers for two column layouts
Also see tweaks.css */
.column1 { float:left; clear:left; width:49%; }
.column2 { float:right; clear:right; width:49%; }
/* General classes for placing floating blocks */
.left-box { float:left; width:auto; text-align:left; }
.right-box { float:right; width:auto; text-align:right; }
dl.details { font-size:1.1em; }
dl.details dt { float:left; clear:left; width:30%; text-align:right; color:#000; display:block; }
dl.details dd { margin-left:0; padding-left:5px; margin-bottom:5px; color:#828282; float:left; width:65%; }
/* Pagination
-------------------------------------------------- */
.pagination { height:1%; /* IE tweak (holly hack) */ width:auto; text-align:right; margin-top:5px; float:right; }
.pagination span.page-sep { display:none; }
li.pagination { margin-top:0; }
.pagination strong, .pagination b { font-weight:normal; }
.pagination span strong { padding:0 2px; margin:0 2px; font-weight:normal; color:#00ccff; background-color:#000; border:1px solid #092332; font-size:0.9em; }
.pagination span a, .pagination span a:link, .pagination span a:visited, .pagination span a:active {
font-weight:normal; text-decoration:none; color:#00ccff; margin:0 2px; padding:0 2px; background-color:#000; border:1px solid #092332; font-size:0.9em; line-height:1.5em;
-moz-border-radius:2px; border-radius:2px; webkit-border-radius:2px; }
.pagination span a:hover { border-color:#092332; background-color:#000; color:#fff; text-decoration:none; }
.pagination img { vertical-align:middle; }
/* Pagination in viewforum for multipage topics */
.row .pagination { display:block; float:right; width:auto; margin-top:0; padding:1px 0 1px 15px; font-size:0.9em; background:none 0 50% no-repeat; }
.row .pagination span a, li.pagination span a { background-color:#000; }
.row .pagination span a:hover, li.pagination span a:hover { background-color:#000; }
/* Miscellaneous styles
-------------------------------------------------- */
#forum-permissions { float:right; width:auto; padding-left:5px; margin-left:5px; margin-top:10px; text-align:right; }
.copyright { padding:5px; text-align:center; color:#555; }
.small { font-size:0.9em !important; }
.titlespace { margin-bottom:15px; }
.headerspace { margin-top:20px; }
.error { color:#bcbcbc; font-weight:bold; font-size:1em; }
.reported { background-color:#f7f7f7; }
li.reported:hover { background-color:#ececec; }
div.rules { background-color:#ececec; color:#bcbcbc; padding:0 10px; margin:10px 0; font-size:1.1em; }
div.rules ul, div.rules ol { margin-left:20px; }
p.rules { background-color:#ececec; background-image:none; padding:5px; }
p.rules img { vertical-align:middle; padding-top:5px; }
p.rules a { vertical-align:middle; clear:both; }
#top { position:absolute; top:-20px; }
.clear { display:block; clear:both; font-size:1px; line-height:1px; background:transparent; }
/* --------------------------------------------------
/* 02. links / noir-wrath ( Link Styles )
-------------------------------------------------- */
a:link { color:#898989; text-decoration:none; }
a:visited { color:#898989; text-decoration:none; }
a:hover { color:#d3d3d3; text-decoration:underline; }
a:active { color:#d2d2d2; text-decoration:none; }
/* Coloured usernames */
.username-coloured { font-weight:bold; display:inline !important; padding:0 !important; }
/* Links on gradient backgrounds */
#search-box a:link, .navbg a:link, .forumbg .header a:link, .forabg .header a:link, th a:link { color:#fff; text-decoration:none; }
#search-box a:visited, .navbg a:visited, .forumbg .header a:visited, .forabg .header a:visited, th a:visited { color:#fff; text-decoration:none; }
#search-box a:hover, .navbg a:hover, .forumbg .header a:hover, .forabg .header a:hover, th a:hover { color:#fff; text-decoration:underline; }
#search-box a:active, .navbg a:active, .forumbg .header a:active, .forabg .header a:active, th a:active { color: #fff; text-decoration:none; }
/* Links for forum/topic lists */
a.forumtitle { font-family:"Trebuchet MS", Helvetica, Arial; font-size:1.2em; font-weight:bold; color:#898989; text-decoration:none; }
/* a.forumtitle:visited { color: #898989; } */
a.forumtitle:hover { color:#bcbcbc; text-decoration:underline; }
a.forumtitle:active { color:#898989; }
a.topictitle { font-family:"Trebuchet MS", Helvetica, Arial; font-size:1.2em; font-weight:bold; color:#898989; text-decoration: none; }
/* a.topictitle:visited { color: #d2d2d2; } */
a.topictitle:hover { color:#bcbcbc; text-decoration:underline; }
a.topictitle:active { color:#898989; }
/* Post body links */
.postlink { text-decoration:none; color:#d2d2d2; border-bottom:1px solid #d2d2d2; padding-bottom:0; }
.postlink:visited { color:#bdbdbd; border-bottom-style:dotted; border-bottom-color:#666; }
.postlink:active { color:#d2d2d2; }
.postlink:hover { background-color:#f6f6f6; text-decoration:none; color:#404040; }
.signature a, .signature a:visited, .signature a:active, .signature a:hover { border:none; text-decoration:underline; background-color:transparent; }
/* Profile links */
.postprofile a:link, .postprofile a:active, .postprofile a:visited, .postprofile dt.author a { font-weight:bold; color:#898989; text-decoration:none; }
.postprofile a:hover, .postprofile dt.author a:hover { text-decoration:underline; color:#d3d3d3; }
/* Profile searchresults */
.search .postprofile a { color:#898989; text-decoration:none; font-weight:normal; }
.search .postprofile a:hover { color:#d3d3d3; text-decoration:underline; }
/* Back to top of page */
.back2top { clear:both; height:11px; text-align:right; }
a.top {
background:none no-repeat top left; text-decoration:none;
width:11px;
height:11px;
display:block; float:right; overflow:hidden; letter-spacing:1000px; text-indent:11px;
}
a.top2 { background:none no-repeat 0 50%; text-decoration:none; padding-left:15px; }
/* Arrow links */
a.up { background:none no-repeat left center; }
a.down { background:none no-repeat right center; }
a.left { background:none no-repeat 3px 60%; }
a.right { background:none no-repeat 95% 60%; }
a.up, a.up:link, a.up:active, a.up:visited { padding-left:10px; text-decoration:none; border-bottom-width:0; }
a.up:hover { background-position:left top; background-color:transparent; }
a.down, a.down:link, a.down:active, a.down:visited { padding-right:10px; }
a.down:hover { background-position:right bottom; text-decoration:none; }
a.left, a.left:active, a.left:visited { padding-left:12px; }
a.left:hover { color:#d2d2d2; text-decoration:none; background-position:0 60%; }
a.right, a.right:active, a.right:visited { padding-right:12px; }
a.right:hover { color:#d2d2d2; text-decoration:none; background-position:100% 60%; }
/* invisible skip link, used for accessibility */
.skiplink { position:absolute; left:-999px; width:990px; }
/* Feed icon in forumlist_body.html */
a.feed-icon-forum { float:right; margin:3px; }
/* --------------------------------------------------
/* 03. content / noir-wrath ( Content Styles )
-------------------------------------------------- */
ul.topiclist { display:block; list-style-type:none; margin:0; }
ul.forums { background:none; }
ul.topiclist li { display:block; list-style-type:none; color:#777; margin:0; }
ul.topiclist dl { position:relative; }
ul.topiclist li.row dl { padding:2px 0; }
ul.topiclist dt { display:block; float:left; width:50%; font-size:1.1em; padding-left:5px; padding-right:5px; }
ul.topiclist dd { display:block; float:left; border-left:1px solid #fff; padding:4px 0; }
ul.topiclist dfn { /* Labels for post/view counts */ position:absolute; left:-999px; width:990px; }
ul.topiclist li.row dt a.subforum { background-image:none; background-position:0 50%; background-repeat:no-repeat; position:relative; white-space:nowrap; padding:0 0 0 12px; }
.forum-image { float:left; padding-top:5px; margin-right:5px; }
li.row { border-top:1px solid #092332; background:none; }
li.row:frist-child { border-top:none; }
li.row strong { font-weight:normal; color:#fff; }
li.row:hover { background:url('./styles/noir-wrath/theme/images/bg1.png'); }
li.row:hover dd { border-left-color:#092332; }
li.header dt, li.header dd { line-height:1em; border-left-width:0; margin:2px 0 4px 0; color:#fff; padding-top:2px; padding-bottom:2px; font-size:1em; font-family:Arial, Helvetica, Tahoma; text-transform:uppercase; }
li.header dt { font-weight:bold; }
li.header dd { margin-left:1px; }
li.header dl.icon { min-height:0; }
/* Tweak for headers alignment when folder icon used */
li.header dl.icon dt { padding-left:0; padding-right:50px; }
/* Forum list column styles */
dl.icon { min-height:35px; background-position:10px 50%; /* Position of folder icon */ background-repeat:no-repeat; }
dl.icon dt { padding-left: 45px; /* Space for folder icon */ background-repeat:no-repeat; background-position:5px 95%; /* Position of topic icon */ }
dd.posts, dd.topics, dd.views { width:8%; text-align:center; line-height:2.2em; font-size:1.2em; }
/* List in forum description */
dl.icon dt ol, dl.icon dt ul { list-style-position:inside; margin-left:1em; }
dl.icon dt li { display:list-item; list-style-type:inherit; }
dd.lastpost { width: 25%; font-size: 1.1em; }
dd.redirect { font-size:1.1em; line-height:2.5em; }
dd.moderation { font-size:1.1em; }
dd.lastpost span, ul.topiclist dd.searchby span, ul.topiclist dd.info span, ul.topiclist dd.time span, dd.redirect span, dd.moderation span { display:block; padding-left:5px; }
dd.time { width:auto; line-height:200%; font-size:1.1em; }
dd.extra { width:12%; line-height:200%; text-align:center; font-size:1.1em; }
dd.mark { float:right !important; width:9%; text-align:center; line-height:200%; font-size:1.2em; }
dd.info { width:30%; }
dd.option { width:15%; line-height:200%; text-align:center; font-size:1.1em; }
dd.searchby { width:47%; font-size:1.1em; line-height:1em; }
ul.topiclist dd.searchextra { margin-left:5px; padding:0.2em 0; font-size:1.1em; color:#333; border-left:none; clear:both; width:98%; overflow:hidden; }
/* Container for post/reply buttons and pagination */
.topic-actions { margin-bottom:3px; font-size:1.1em; height:28px; min-height:28px; }
div[class].topic-actions { height:auto; }
/* Post body styles
-------------------------------------------------- */
.postbody { padding:0; line-height:1.48em; color:#333; width:77%; float:right; clear:both; }
.postbody .ignore { font-size:1.1em; }
.postbody h3.first { /* The first post on the page uses this */ font-size: 1.7em; }
/* Postbody requires a different h3 format - so change it here */
.postbody h3 { font-size:1.5em; padding:2px 0 0 0; margin:0 0 0.3em 0 !important; text-transform:none; border:none; font-family:"Trebuchet MS", Verdana, Helvetica, Arial; line-height:125%; }
.postbody h3 img { /* Also see tweaks */ vertical-align: bottom; }
.postbody .content { font-size:1.3em; }
.search .postbody { width:68% }
/* Topic review panel
-------------------------------------------------- */
#review { margin-top:2em; }
#topicreview { padding-right:5px; overflow: auto;height:300px; }
#topicreview .postbody { width:auto; float:none; margin:0; height:auto; }
#topicreview .post { height:auto; }
#topicreview h2 { border-bottom-width:0; }
.post-ignore .postbody { display:none; }
/* Content container styles
-------------------------------------------------- */
.content { min-height:3em; overflow:hidden; line-height:1.4em; font-family:"Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial; font-size:1em; color:#333; padding-bottom:1px; }
.content h2, .panel h2 { font-weight:normal; color:#989898; border-bottom:1px solid #CCC; font-size:1.6em; margin-top:0.5em; margin-bottom:0.5em; padding-bottom:0.5em; }
.panel h3 { margin:0.5em 0; }
.panel p { font-size:1.2em; margin-bottom:1em; line-height:1.4em; }
.content p { font-family:"Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial; font-size:1.2em; margin-bottom:1em; line-height:1.4em; }
dl.faq { font-family:"Lucida Grande", Verdana, Helvetica, Arial; font-size:1.1em; margin-top:1em; margin-bottom:2em; line-height:1.4em; }
dl.faq dt { font-weight:bold; color:#333; }
.content dl.faq { font-size:1.2em; margin-bottom:0.5em; }
.content li { list-style-type:inherit; }
.content ul, .content ol { margin-bottom:5px; margin-left:5px; }
.posthilit { background-color:#f3f3f3; color:#BCBCBC; padding:0 2px 1px 2px; }
/* Highlight the announcements & unread posts box */
.announce, .unreadpost { border-left-color:#092332; border-right-color:#092332; }
/* Post author */
p.author { margin:0 15em 0.6em 0; padding:0 0 5px 0; font-family:Verdana, Helvetica, Arial, sans-serif; font-size:1em; line-height:1.2em; }
/* Post signature */
.signature { margin-top:1.5em; padding-top:0.2em; font-size:1.1em; border-top:1px solid #CCC; clear:left; line-height:140%; overflow:hidden; width:100%; }
dd .signature { margin:0; padding:0; clear:none; border:none; }
.signature li { list-style-type:inherit; }
.signature ul, .signature ol { margin-bottom:1em; margin-left:3em; }
/* Post noticies */
.notice { font-family:"Lucida Grande", Verdana, Helvetica, Arial; width:auto; margin-top:1.5em; padding-top:0.2em; font-size:1em; border-top:1px dashed #CCC; clear:left; line-height:130%; }
/* Jump to post link for now */
ul.searchresults { list-style:none; text-align:right; clear:both; }
/* BB Code styles
-------------------------------------------------- */
/* Quote block */
blockquote { background:url('./styles/noir-wrath/theme/images/bg3.png'); border-top:1px solid #092332; border-bottom:1px solid #092332; font-size:1em; margin:0.5em 1px 0 25px; overflow:hidden; padding:5px; }
/* Nested quotes */
blockquote blockquote { background:url('./styles/noir-wrath/theme/images/bg3.png'); border-top:1px solid #092332; border-bottom:1px solid #092332; font-size:1em; margin:0.5em 1px 0 15px; }
/* Nested quotes */
blockquote blockquote blockquote { background:url('./styles/noir-wrath/theme/images/bg3.png'); border-top:1px solid #092332; border-bottom:1px solid #092332; }
/* Username/source of quoter */
blockquote cite { font-style:normal; font-weight:bold; margin-left:20px; display:block; font-size:0.9em; }
blockquote cite cite { font-size:1em; }
blockquote.uncited { padding-top:25px; }
/* Code block */
dl.codebox { padding:3px; background-color:#fff; border:1px solid #d8d8d8; font-size:1em; }
dl.codebox dt { text-transform:uppercase; border-bottom:1px solid #ccc; margin-bottom:3px; font-size:0.8em; font-weight:bold; display:block; }
blockquote dl.codebox { margin-left:0; }
dl.codebox code {
/* Also see tweaks */
overflow:auto; display:block; height:auto; max-height:200px; white-space:normal; padding-top:5px; font:0.9em Monaco, "Andale Mono","Courier New", Courier, mono; line-height:1.3em; color:#8b8b8b; margin:2px 0;
}
.syntaxbg { color:#fff; }
.syntaxcomment { color:#000; }
.syntaxdefault { color:#bcbcbc; }
.syntaxhtml { color:#000; }
.syntaxkeyword { color:#585858; }
.syntaxstring { color:#a7a7a7; }
/* Attachments
-------------------------------------------------- */
.attachbox { float:left; width:auto; margin:5px 5px 5px 0; padding:6px; background-color:#fff; border:1px dashed #d8d8d8; clear:left; }
.pm-message .attachbox { background-color:#f3f3f3; }
.attachbox dt { font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; }
.attachbox dd { margin-top:4px; padding-top:4px; clear:left; border-top:1px solid #d8d8d8; }
.attachbox dd dd { border:none; }
.attachbox p { line-height:110%; color:#666; font-weight:normal; clear:left; }
.attachbox p.stats { line-height:110%; color:#666; font-weight:normal; clear:left; }
.attach-image { margin:3px 0; width:100%; max-height:350px; overflow:auto; }
.attach-image img { border:1px solid #999; /* cursor: move; */ cursor:default; }
/* Inline image thumbnails */
div.inline-attachment dl.thumbnail, div.inline-attachment dl.file { display:block; margin-bottom:4px; }
div.inline-attachment p { font-size:100%; }
dl.file { font-family:Verdana, Arial, Helvetica, sans-serif; display:block; }
dl.file dt { text-transform:none; margin:0; padding:0; font-weight:bold; font-family:Verdana, Arial, Helvetica; }
dl.file dd { color:#666; margin:0; padding:0; }
dl.thumbnail img { padding:3px; border:1px solid #666; background-color:#fff; }
dl.thumbnail dd { color:#666; font-style:italic; font-family:Verdana, Arial, Helvetica; }
.attachbox dl.thumbnail dd { font-size:100%; }
dl.thumbnail dt a:hover { background-color:#eee; }
dl.thumbnail dt a:hover img { border:1px solid #d2d2d2; }
/* Post poll styles
-------------------------------------------------- */
fieldset.polls { font-family:"Trebuchet MS", Verdana, Helvetica, Arial; }
fieldset.polls dl { margin-top:5px; border-top:1px solid #e2e2e2; padding:5px 0 0 0; line-height:120%; color: #666; }
fieldset.polls dl.voted { font-weight:bold; color:#000; }
fieldset.polls dt { text-align:left; float:left; display:block; width:30%; border-right:none; padding:0; margin:0; font-size:1.1em; }
fieldset.polls dd { float:left; width:10%; border-left:none; padding:0 5px; margin-left:0; font-size:1.1em; }
fieldset.polls dd.resultbar { width:50%; }
fieldset.polls dd input { margin:2px 0; }
fieldset.polls dd div { text-align:right; font-family:Arial, Helvetica, sans-serif; color:#fff; font-weight:bold; padding:0 2px; overflow:visible; min-width:2%; }
.pollbar1 { background-color:#aaa; border-bottom:1px solid #747474; border-right:1px solid #747474; }
.pollbar2 { background-color:#bebebe; border-bottom:1px solid #8c8c8c; border-right:1px solid #8c8c8c; }
.pollbar3 { background-color:#D1D1D1; border-bottom:1px solid #aaaaaa; border-right:1px solid #aaaaaa; }
.pollbar4 { background-color:#e4e4e4; border-bottom:1px solid #bebebe; border-right:1px solid #bebebe; }
.pollbar5 { background-color:#f8f8f8; border-bottom:1px solid #D1D1D1; border-right:1px solid #D1D1D1; }
/* Poster profile block
----------------------------------------*/
/* Also see tweaks */
.postprofile { margin:5px 0 10px 0; min-height:80px; color:#fff; border-right:1px solid #fff; width:22%; float:left; display:inline; }
.pm .postprofile { border-left:1px solid #ddd; }
.postprofile dd, .postprofile dt { line-height:1.2em; margin-left:8px; }
.postprofile strong { font-weight:normal; color:#93d2ef; }
.avatar { border:none; margin-bottom:3px; }
.online { background-image:none; background-position:100% 0; background-repeat:no-repeat; }
/* Poster profile used by search*/
.search .postprofile { width:30%; }
/* pm list in compose message if mass pm is enabled */
dl.pmlist dt { width:60% !important; }
dl.pmlist dt textarea { width:95%; }
dl.pmlist dd { margin-left:61% !important; margin-bottom:2px; }
/* --------------------------------------------------
04. buttons / noir-wrath ( Button Styles )
-------------------------------------------------- */
/* Rollover buttons
Based on: http://wellstyled.com/css-nopreload-rollovers.html
-------------------------------------------------- */
.buttons { float:left; width:auto; height:auto; }
/* Rollover state */
.buttons div { float:left; margin:0 5px 0 0; background-position:0 100%; }
/* Rolloff state */
.buttons div a { display:block; width:100%; height:100%; background-position:0 0; position:relative; overflow:hidden; }
/* Hide text and hide off-state image when rolling over (prevents flicker in IE) */
/*.buttons div span { display: none; }*/
/*.buttons div a:hover { background-image: none; }*/
.buttons div span { position:absolute; width:100%; height:100%; cursor:pointer;}
.buttons div a:hover span { background-position: 0 100%; }
/* Big button images */
.reply-icon span { background:transparent none 0 0 no-repeat; }
.post-icon span { background:transparent none 0 0 no-repeat; }
.locked-icon span { background:transparent none 0 0 no-repeat; }
.pmreply-icon span { background:none 0 0 no-repeat; }
.newpm-icon span { background:none 0 0 no-repeat; }
.forwardpm-icon span { background:none 0 0 no-repeat; }
/* Set big button dimensions */
.buttons div.reply-icon { width: 102px; height: 25px; }
.buttons div.post-icon { width: 119px; height: 25px; }
.buttons div.locked-icon { width: 102px; height: 25px; }
.buttons div.pmreply-icon { width: 102px; height: 25px; }
.buttons div.newpm-icon { width: 87px; height: 25px; }
.buttons div.forwardpm-icon { width: 119px; height: 25px; }
/* Sub-header (navigation bar)
------------------------------------------------------- */
a.print, a.sendemail { display:block; overflow:hidden; height:18px; text-indent:-5000px; text-align:left; background-repeat:no-repeat; }
a.fontsize { display:block; overflow:hidden; height:24px; width:24px; text-indent:-5000px; text-align:left; background-repeat:no-repeat; }
a.print { background-image:none; width:22px; }
a.sendemail { background-image:none; width:22px; }
a.fontsize:hover { background-position:0 -24px; text-decoration:none; }
/* Icon images
-------------------------------------------------- */
.sitehome, .icon-faq, .icon-members, .icon-home, .icon-ucp, .icon-register, .icon-logout, .icon-bookmark, .icon-bump, .icon-subscribe, .icon-unsubscribe, .icon-pages, .icon-search {
background-position:0 50%; background-repeat:no-repeat; background-image:none; padding:1px 0 0 17px;
}
/* Poster profile icons
-------------------------------------------------- */
ul.profile-icons { padding-top:10px; list-style:none; }
/* Rollover state */
ul.profile-icons li { float:left; margin:0 6px 3px 0; background-position:0 100%; }
/* Rolloff state */
ul.profile-icons li a { display:block; width:100%; height:100%; background-position:0 0; }
/* Hide text and hide off-state image when rolling over (prevents flicker in IE) */
ul.profile-icons li span { display:none; }
ul.profile-icons li a:hover { background:none; }
/* Positioning of moderator icons */
.postbody ul.profile-icons { float:right; width:auto; padding:0; }
.postbody ul.profile-icons li { margin:0 3px; }
/* Profile & navigation icons */
.email-icon, .email-icon a { background:none top left no-repeat; }
.aim-icon, .aim-icon a { background:none top left no-repeat; }
.yahoo-icon, .yahoo-icon a { background:none top left no-repeat; }
.web-icon, .web-icon a { background:none top left no-repeat; }
.msnm-icon, .msnm-icon a { background:none top left no-repeat; }
.icq-icon, .icq-icon a { background:none top left no-repeat; }
.jabber-icon, .jabber-icon a { background:none top left no-repeat; }
.pm-icon, .pm-icon a { background:none top left no-repeat; }
.quote-icon, .quote-icon a { background:none top left no-repeat; }
/* Moderator icons */
.report-icon, .report-icon a { background:none top left no-repeat; }
.warn-icon, .warn-icon a{ background:none top left no-repeat; }
.edit-icon, .edit-icon a { background:none top left no-repeat; }
.delete-icon, .delete-icon a { background:none top left no-repeat; }
.info-icon, .info-icon a { background:none top left no-repeat; }
/* Set profile icon dimensions */
ul.profile-icons li.email-icon { width: 20px; height: 20px; }
ul.profile-icons li.aim-icon { width: 20px; height: 20px; }
ul.profile-icons li.yahoo-icon { width: 20px; height: 20px; }
ul.profile-icons li.web-icon { width: 20px; height: 20px; }
ul.profile-icons li.msnm-icon { width: 20px; height: 20px; }
ul.profile-icons li.icq-icon { width: 20px; height: 20px; }
ul.profile-icons li.jabber-icon { width: 20px; height: 20px; }
ul.profile-icons li.pm-icon { width: 28px; height: 20px; }
ul.profile-icons li.quote-icon { width: 65px; height: 20px; }
ul.profile-icons li.report-icon { width: 20px; height: 20px; }
ul.profile-icons li.edit-icon { width: 61px; height: 20px; }
ul.profile-icons li.delete-icon { width: 20px; height: 20px; }
ul.profile-icons li.info-icon { width: 20px; height: 20px; }
ul.profile-icons li.warn-icon { width: 20px; height: 20px; }
/* Fix profile icon default margins */
ul.profile-icons li.edit-icon { margin:0 0 0 3px; }
ul.profile-icons li.quote-icon { margin:0 0 0 10px; }
ul.profile-icons li.info-icon, ul.profile-icons li.report-icon { margin:0 3px 0 0; }
/* --------------------------------------------------
/* 05. cp / noir-wrath ( Control panel Styles)
-------------------------------------------------- */
/* Main CP box
-------------------------------------------------- */
#cp-menu { float:left; width:19%; margin-top:1em; margin-bottom:5px; }
#cp-main { float:left; width:81%; }
#cp-main .content { padding:0; }
#cp-main h3, #cp-main hr, #cp-menu hr { border-color:#bfbfbf; }
#cp-main .panel p { font-size:1.1em; }
#cp-main .panel ol { margin-left:2em; font-size:1.1em; }
#cp-main .panel li.row { border-bottom:1px solid #cbcbcb; border-top:1px solid #F9F9F9; }
ul.cplist { margin-bottom:5px; border-top:1px solid #cbcbcb; }
#cp-main .panel li.header dd, #cp-main .panel li.header dt { color:#000; margin-bottom:2px; }
#cp-main table.table1 { margin-bottom:1em; }
#cp-main table.table1 thead th { color:#333; font-weight:bold; border-bottom:1px solid #333; padding:5px; }
#cp-main table.table1 tbody th { font-style:italic; background-color:transparent !important; border-bottom:none; }
#cp-main .pagination { float:right; width:auto; padding-top:1px; }
#cp-main .postbody p { font-size:1.1em; }
#cp-main .pm-message { border:1px solid #e2e2e2; margin:10px 0; background-color:#fff; width:auto; float:none; }
.pm-message h2 { padding-bottom:5px; }
#cp-main .postbody h3, #cp-main .box2 h3 { margin-top:0; }
#cp-main .buttons { margin-left:0; }
#cp-main ul.linklist { margin:0; }
/* MCP Specific tweaks */
.mcp-main .postbody { width:100%; }
/* CP tabbed menu
----------------------------------------*/
#tabs { line-height:normal; margin:20px 0 -1px 7px; min-width:570px; }
#tabs ul { margin:0; padding:0; list-style:none; }
#tabs li { display:inline; margin:0; padding:0; font-size:1em; font-weight:bold; }
#tabs a { float:left; background:none no-repeat 0% -35px; margin:0 1px 0 0; padding:0 0 0 5px; text-decoration:none; position:relative; cursor:pointer; }
#tabs a span { float:left; display:block; background:none no-repeat 100% -35px; padding:6px 10px 6px 5px; color:#828282; white-space:nowrap; }
#tabs a:hover span { color:#bcbcbc; }
#tabs .activetab a { background-position:0 0; border-bottom:1px solid #ebebeb; }
#tabs .activetab a span { background-position:100% 0; padding-bottom:7px; color:#333; }
#tabs a:hover { background-position:0 -70px; }
#tabs a:hover span { background-position:100% -70px; }
#tabs .activetab a:hover { background-position:0 0; }
#tabs .activetab a:hover span { color:#000; background-position:100% 0; }
/* Mini tabbed menu used in MCP
----------------------------------------*/
#minitabs { line-height:normal; margin:-20px 7px 0 0; }
#minitabs ul { margin:0; padding:0; list-style:none; }
#minitabs li { display:block; float:right; padding:0 10px 4px 10px; font-size:1em; font-weight:bold; background-color:#f2f2f2; margin-left:2px; }
#minitabs a { . }
#minitabs a:hover { text-decoration:none; }
#minitabs li.activetab { background-color:#F9F9F9; }
#minitabs li.activetab a, #minitabs li.activetab a:hover { color:#333; }
/* UCP navigation menu
----------------------------------------*/
/* Container for sub-navigation list */
#navigation { width:100%; padding-top:36px; }
#navigation ul { list-style:none; }
/* Default list state */
#navigation li { margin:1px 0; padding:0; font-weight:bold; display:inline; }
/* Link styles for the sub-section links */
#navigation a { display: block; padding: 5px; margin: 1px 0; text-decoration: none; font-weight: bold; color: #333; background: #cfcfcf none repeat-y 100% 0; }
#navigation a:hover { text-decoration:none; background-color:#c6c6c6; color:#bcbcbc; background-image:none; }
#navigation #active-subsection a { display:block; color:#d3d3d3; background-color:#F9F9F9; background-image:none; }
#navigation #active-subsection a:hover { color:#d3d3d3; }
/* Preferences pane layout
----------------------------------------*/
#cp-main h2 { border-bottom:none; padding:0; margin-left:10px; color:#333; }
#cp-main .panel { background-color:#F9F9F9; }
#cp-main .pm { background-color:#fff; }
/* Friends list */
.cp-mini { background-color:#f9f9f9; padding:0 5px; margin:10px 15px 10px 5px; }
.cp-mini span.corners-top, .cp-mini span.corners-bottom { margin:0 -5px; }
dl.mini dt { font-weight:bold; color:#676767; }
dl.mini dd { padding-top:4px; }
.friend-online { font-weight:bold; }
.friend-offline { font-style:italic; }
/* PM Styles
----------------------------------------*/
#pm-menu { line-height:2.5em; }
/* PM panel adjustments */
.pm-panel-header { margin:0; padding-bottom:10px; border-bottom:1px dashed #A4B3BF; }
.reply-all { display:block; padding-top:4px; clear:both; float:left; }
.pm-panel-message { padding-top:10px; }
.pm-return-to { padding-top:23px; }
#cp-main .pm-message-nav { margin:0; padding:2px 10px 5px 10px; border-bottom:1px dashed #A4B3BF; }
/* PM Message history */
.current { color:#999; }
/* Defined rules list for PM options */
ol.def-rules { padding-left:0; }
ol.def-rules li { line-height:180%; padding:1px; }
/* PM marking colours */
.pmlist li.bg1 { border:solid 3px transparent; border-width:0 3px; }
.pmlist li.bg2 { border:solid 3px transparent; border-width:0 3px; }
.pmlist li.pm_message_reported_colour, .pm_message_reported_colour { border-left-color:#092332; border-right-color:#092332; }
.pmlist li.pm_marked_colour, .pm_marked_colour { border:solid 3px #fff; border-width:0 3px; }
.pmlist li.pm_replied_colour, .pm_replied_colour { border:solid 3px #c2c2c2; border-width:0 3px; }
.pmlist li.pm_friend_colour, .pm_friend_colour { border:solid 3px #bdbdbd; border-width:0 3px; }
.pmlist li.pm_foe_colour, .pm_foe_colour { border:solid 3px #000; border-width:0 3px; }
.pm-legend { border-left-width:10px; border-left-style:solid; border-right-width:0; margin-bottom:3px; padding-left:3px; }
/* Avatar gallery */
#gallery label { position:relative; float:left; margin:10px; padding:5px; width:auto; background:#fff; border:1px solid #ccc; text-align:center; }
#gallery label:hover { background-color:#eee; }
/* --------------------------------------------------
/* 06. forms / noir-wrath ( Form Styles )
-------------------------------------------------- */
/* General form styles
-------------------------------------------------- */
fieldset { border-width:0; font-family:Verdana, Helvetica, Arial, sans-serif; font-size:1.1em; }
input { font-weight:normal; cursor:pointer; vertical-align:middle; padding:0 3px; font-size:1em; font-family:Verdana, Helvetica, Arial, sans-serif; }
select { font-family:Verdana, Helvetica, Arial, sans-serif; font-weight:normal; cursor:pointer; vertical-align:middle; border:1px solid #666; padding:1px; background-color:#FAFAFA; }
option { padding-right:1em; }
option.disabled-option { color:graytext; }
textarea { background:#000; border:1px solid #0088FF; font-family:"Lucida Grande", Verdana, Helvetica, Arial; width:60%; padding:2px; font-size:1em; line-height:1.4em; }
label { cursor:default; padding-right:5px; color:#676767; }
label input { vertical-align:middle; }
label img { vertical-align:middle; }
/* Definition list layout for forms
-------------------------------------------------- */
fieldset dl { padding:4px 0; }
fieldset dt { float:left; width:40%; text-align:left; display:block; }
fieldset dd { margin-left: 41%; vertical-align: top; margin-bottom: 3px; }
/* Specific layout 1 */
fieldset.fields1 dt { width:15em; border-right-width:0; }
fieldset.fields1 dd { margin-left:15em; border-left-width:0; }
fieldset.fields1 { background-color:transparent; }
fieldset.fields1 div { margin-bottom:3px; }
/* Specific layout 2 */
fieldset.fields2 dt { width:15em; border-right-width:0; }
fieldset.fields2 dd { margin-left:16em; border-left-width:0; }
/* Form elements */
dt label { font-weight:bold; text-align:left; }
dd label { white-space:nowrap; color:#333; }
dd input, dd textarea { margin-right:3px; }
dd select { width:auto; }
dd textarea { width:85%; }
/* Hover effects */
fieldset dl:hover dt label { color:#000; }
fieldset.fields2 dl:hover dt label { color:inherit; }
#timezone { width:95%; }
* html #timezone { width:50%; }
/* Quick-login on index page */
fieldset.quick-login { margin-top:5px; }
fieldset.quick-login input { width:auto; }
fieldset.quick-login input.inputbox { width:15%; vertical-align:middle; margin-right:5px; background-color:#f3f3f3; }
fieldset.quick-login label { white-space:nowrap; padding-right:2px; }
/* Display options on viewtopic/viewforum pages */
fieldset.display-options { text-align:center; margin:3px 0 5px 0; }
fieldset.display-options label { white-space:nowrap; padding-right:2px; }
fieldset.display-options a { margin-top:3px; }
/* Display actions for ucp and mcp pages */
fieldset.display-actions { text-align:right; line-height:2em; white-space:nowrap; padding-right:1em; }
fieldset.display-actions label { white-space:nowrap; padding-right:2px; }
fieldset.sort-options { line-height:2em; }
/* MCP forum selection*/
fieldset.forum-selection { margin:5px 0 3px 0; float:right; }
fieldset.forum-selection2 { margin:13px 0 3px 0; float:right; }
/* Jumpbox */
fieldset.jumpbox { text-align:right; margin-top:15px; height:2.5em; }
fieldset.quickmod { width:50%; float:right; text-align:right; height:2.5em; }
/* Submit button fieldset */
fieldset.submit-buttons { text-align:center; vertical-align:middle; margin:5px 0; }
fieldset.submit-buttons input { vertical-align:middle; padding-top:3px; padding-bottom:3px; }
/* Posting page styles
-------------------------------------------------- */
/* Buttons used in the editor */
#format-buttons { margin:15px 0 2px 0; }
#format-buttons input, #format-buttons select { vertical-align:middle; }
/* Main message box */
#message-box { width:80%; }
#message-box textarea { font-family:"Trebuchet MS", Verdana, Helvetica, Arial, sans-serif; width:100%; font-size:1.2em; color:#333; }
/* Emoticons panel */
#smiley-box { width:18%; float:right; }
#smiley-box img { margin:3px; }
/* Input field styles
-------------------------------------------------- */
.inputbox { background:#000; border:1px solid #c0c0c0; color:#fff; padding:2px; cursor:text; }
.inputbox:hover { border:1px solid #eaeaea; }
.inputbox:focus { border:1px solid #eaeaea; }
input.inputbox { width:85%; }
input.medium { width:50%; }
input.narrow { width:25%; }
input.tiny { width:125px; }
textarea.inputbox { width:85%; }
.autowidth { width:auto !important; }
/* Form button styles
-------------------------------------------------- */
input.button1, input.button2 { font-size:1em; }
a.button1, input.button1, input.button3, a.button2, input.button2 { width:auto; padding-top:1px; padding-bottom:1px; font-family:"Lucida Grande", Verdana, Helvetica, Arial, sans-serif; color:#000; background:#FAFAFA none repeat-x top; }
a.button1, input.button1 { font-weight:bold; border:1px solid #666; }
input.button3 { padding:0; margin:0; line-height:5px; height:12px; background-image:none; font-variant:small-caps; }
/* Alternative button */
a.button2, input.button2, input.button3 { border:1px solid #666; }
/* 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 { text-decoration:none; color:#000; padding:2px 8px; line-height:250%; vertical-align:text-bottom; background-position:0 1px; }
/* Hover states */
a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover { border:1px solid #BCBCBC; background-position:0 100%; color:#BCBCBC; }
input.disabled { font-weight:normal; color:#666; }
/* Topic and forum Search */
.search-box { margin-top:3px; margin-left:5px; float:left; }
.search-box input { }
input.search { background-image:none; background-repeat:no-repeat; background-position:left 1px; padding-left:6px; }
.full { width:95%; }
.medium { width:50%;}
.narrow { width:25%;}
.tiny { width:10%;}
/*-------------------------------------------------
/* 07. tweaks / noir-wrath ( Tweak Styles )
-------------------------------------------------*/
/* These style definitions are mainly IE specific
tweaks required due to its poor CSS support.
-------------------------------------------------*/
* html table, * html select, * html input { font-size:100%; }
* html hr { margin:0; }
table.table1 { width:99%; /* IE < 6 browsers */ /* Tantek hack */ voice-family:"\"}\""; voice-family:inherit; width:100%; }
html > body table.table1 { width:100%; } /* Reset 100% for opera */
* html ul.topiclist li { position:relative; }
* html .postbody h3 img { vertical-align:middle; }
/* Form styles */
html > body dd label input { vertical-align:text-bottom; } /* Align checkboxes/radio buttons nicely */
* html input.button1, * html input.button2 { padding-bottom:0; margin-bottom:1px; }
/* Misc layout styles */
* html .column1, * html .column2 { width:45%; }
/* Nice method for clearing floated blocks without having to insert any extra markup (like spacer above) From http://www.positioniseverything.net/easyclearing.html
#tabs:after, #minitabs:after, .post:after, .navbar:after, fieldset dl:after, ul.topiclist dl:after, ul.linklist:after, dl.polls:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }*/
.clearfix, #tabs, #minitabs, fieldset dl, ul.topiclist dl, dl.polls { height:1%; overflow:hidden; }
/* viewtopic fix */
* html .post { height:25%; overflow:hidden; }
/* navbar fix */
* html .clearfix, * html .navbar, ul.linklist { height:4%; overflow:hidden; }
/* Simple fix so forum and topic lists always have a min-height set, even in IE6
From http://www.dustindiaz.com/min-height-fast-hack */
dl.icon { min-height:35px; height:auto !important; height:35px; }
* html li.row dl.icon dt { height:35px; overflow:visible; }
* html #search-box { width:25%; }
/* Correctly clear floating for details on profile view */
*:first-child+html dl.details dd { margin-left:30%; float:none; }
* html dl.details dd { margin-left:30%; float:none; }
* html .forumbg table.table1 { margin:0 -2px 0px -1px; }
/* --------------------------------------------------------------
/* 08. colours / noir-wrath ( Colour Styles )
-------------------------------------------------------------- */
html, body { color:#fff; }
h1 { color:#fff; }
h2 { color:#28313F; }
h3 { color:#115098; }
/* hr { border-top:1px solid #000; border-bottom:1px solid #0a1e30; margin:8px 0; } */
hr { border-color:#0a1e30; border-top-color:#000; }
hr.dashed { border-top-color:#000; }
/* Search box
--------------------------------------------- */
#search-box { color:#fff; }
/* backgrounds
---------------------------------------- */
.headerbar { background-color:#12A3EB; color:#fff; }
.navbar { background-color:#cadceb; }
.forabg { background:url('./styles/noir-wrath/theme/images/bg2.png'); border:1px solid #092332; border-radius:4px; -moz-border-radius:4px; webkit-border-radius:4px; }
.forumbg { background:url('./styles/noir-wrath/theme/images/bg2.png'); border:1px solid #092332; border-radius:4px; -moz-border-radius:4px; webkit-border-radius:4px; }
.panel { color:#28313F; }
.ucprowbg { background-color:#DCDEE2; }
.fieldsbg { background-color:#E7E8EA; }
/* Horizontal lists
----------------------------------------*/
ul.navlinks { . }
/* Table styles
----------------------------------------*/
table.table1 thead th { color:#fff; }
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:#000; color:#333; background-color:#fff; }
table.info tbody th { color:#000; }
/* Misc layout styles
---------------------------------------- */
dl.details dt { color:#000; }
dl.details dd { color:#536482; }
.sep { color:#1198D9; }
/* Pagination
---------------------------------------- */
.pagination span strong { color:#00ccff; background-color:#000; border-color:#092332; }
.pagination span a, .pagination span a:link, .pagination span a:visited, .pagination span a:active { color:#00ccff; background-color:#000; border-color:#092332; }
.pagination span a:hover { border-color:#092332; background-color:#000; color:#fff; }
/* Pagination in viewforum for multipage topics */
.row .pagination { background-image:url("./styles/noir-wrath/theme/images/icon_pages.gif"); }
.row .pagination span a, li.pagination span a { background-color:#000; }
.row .pagination span a:hover, li.pagination span a:hover { background-color:#000; }
/* Miscellaneous styles
---------------------------------------- */
.copyright { color:#555; }
.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:#fff; }
#search-box a:visited, .navbg a:visited, .forumbg .header a:visited, .forabg .header a:visited, th a:visited { color:#fff; }
#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:#666; }
.postlink:active { color:#368AD2; }
.postlink:hover { background-color:#D0E4F6; color:#0D4473; }
.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:#105289; }
.postprofile a:hover, .postprofile dt.author a:hover { color:#D31141; }
/* Profile searchresults */
.search .postprofile a { color:#105289; }
.search .postprofile a:hover { color:#D31141; }
/* Back to top of page */
a.top { background-image:url("./styles/noir-wrath/imageset/icon_back_top.gif"); }
a.top2 { background-image:url("./styles/noir-wrath/imageset/icon_back_top.gif"); }
/* Arrow links */
a.up { background-image:url("./styles/noir-wrath/theme/images/arrow_up.gif") }
a.down { background-image:url("./styles/noir-wrath/theme/images/arrow_down.gif") }
a.left { background-image:url("./styles/noir-wrath/theme/images/arrow_left.gif") }
a.right { background-image:url("./styles/noir-wrath/theme/images/arrow_right.gif") }
a.up:hover { background-color:transparent; }
a.left:hover { color:#368AD2; }
a.right:hover { color:#368AD2; }
/* --------------------------------------------------------------
/* Colours and backgrounds for content.css
-------------------------------------------------------------- */
ul.forums { }
ul.topiclist li { color:#fff; }
ul.topiclist dd { border-left-color:#092332; }
.rtl ul.topiclist dd { border-right-color:#092332; border-left-color:transparent; }
ul.topiclist li.row dt a.subforum.read { background-image:url("./styles/noir-wrath/imageset/subforum_read.gif"); }
ul.topiclist li.row dt a.subforum.unread { background-image: url("./styles/noir-wrath/imageset/subforum_unread.gif"); }
li.row strong { color:#fff; }
li.row:hover dd { border-left-color:#092332; }
.rtl li.row:hover dd { border-right-color:#092332; border-left-color:transparent; }
li.header dt, li.header dd { color:#fff; }
/* Forum list column styles */
ul.topiclist dd.searchextra { color:#a8d7f0; }
/* Post body styles
----------------------------------------*/
.postbody { color:#a8d7f0; }
/* Content container styles
----------------------------------------*/
.content { color:#a8d7f0; }
.content h2, .panel h2 { color:#115098; border-bottom-color:#092332; }
dl.faq dt { color:#333; }
.posthilit { background-color:#F3BFCC; color:#BC2A4D; }
/* Post signature */
.signature { border-top-color:#092332; }
/* Post noticies */
.notice { border-top-color:#092332; }
/* BB Code styles
----------------------------------------*/
/* Quote block */
/* Code block */
dl.codebox { background-color:#fff; border-color:#C9D2D8; }
dl.codebox dt { border-bottom-color:#ccc; }
dl.codebox code { color:#2E8B57; }
.syntaxbg { color:#fff; }
.syntaxcomment { color:#FF8000; }
.syntaxdefault { color:#0000BB; }
.syntaxhtml { color:#000; }
.syntaxkeyword { color:#007700; }
.syntaxstring { color:#DD0000; }
/* Attachments
----------------------------------------*/
.attachbox { background-color:#fff; border-color:#C9D2D8; }
.pm-message .attachbox { background-color:#F2F3F3; }
.attachbox dd { border-top-color:#C9D2D8; }
.attachbox p { color:#666; }
.attachbox p.stats { color:#666; }
.attach-image img { border-color:#999; }
/* Inline image thumbnails */
dl.file dd { color:#666; }
dl.thumbnail img { border-color:#666; background-color:#fff; }
dl.thumbnail dd { color:#666; }
dl.thumbnail dt a:hover { background-color:#eee; }
dl.thumbnail dt a:hover img { border-color:#368AD2; }
/* Post poll styles
----------------------------------------*/
fieldset.polls dl { border-top-color:#DCDEE2; color:#666; }
fieldset.polls dl.voted { color:#000; }
fieldset.polls dd div { color:#fff; }
.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:#fff; border-right-color:#092332; }
.rtl .postprofile { border-right-color:#092332; border-left-color:transparent; }
.pm .postprofile { border-left-color:#092332; }
.rtl .pm .postprofile { border-right-color:#092332; border-left-color:transparent; }
.postprofile strong { color:#93d2ef; }
.online { background-image:url("./styles/noir-wrath/imageset/de/icon_user_online.gif"); }
/* --------------------------------------------------------------
/* Colours and backgrounds for buttons.css
-------------------------------------------------------------- */
/* Big button images */
.reply-icon span { background-image:url("./styles/noir-wrath/imageset/de/button_topic_reply.gif"); }
.post-icon span { background-image:url("./styles/noir-wrath/imageset/de/button_topic_new.gif"); }
.locked-icon span { background-image:url("./styles/noir-wrath/imageset/de/button_topic_locked.gif"); }
.pmreply-icon span { background-image:url("./styles/noir-wrath/imageset/de/button_pm_reply.gif") ;}
.newpm-icon span { background-image:url("./styles/noir-wrath/imageset/de/button_pm_new.gif") ;}
.forwardpm-icon span { background-image:url("./styles/noir-wrath/imageset/de/button_pm_forward.gif") ;}
a.print { background-image:url("./styles/noir-wrath/theme/images/icon_print.gif"); }
a.sendemail { background-image:url("./styles/noir-wrath/theme/images/icon_sendemail.gif"); }
a.fontsize { background-image:url("./styles/noir-wrath/theme/images/icon_fontsize.gif"); }
/* Icon images
---------------------------------------- */
.sitehome { background-image:url("./styles/noir-wrath/theme/images/icon_home.gif"); }
.icon-faq { background-image:url("./styles/noir-wrath/theme/images/icon_faq.gif"); }
.icon-members { background-image:url("./styles/noir-wrath/theme/images/icon_members.gif"); }
.icon-home { background-image:url("./styles/noir-wrath/theme/images/icon_home.gif"); }
.icon-ucp { background-image:url("./styles/noir-wrath/theme/images/icon_ucp.gif"); }
.icon-register { background-image:url("./styles/noir-wrath/theme/images/icon_register.gif"); }
.icon-logout { background-image:url("./styles/noir-wrath/theme/images/icon_logout.gif"); }
.icon-bookmark { background-image:url("./styles/noir-wrath/theme/images/icon_bookmark.gif"); }
.icon-bump { background-image:url("./styles/noir-wrath/theme/images/icon_bump.gif"); }
.icon-subscribe { background-image:url("./styles/noir-wrath/theme/images/icon_subscribe.gif"); }
.icon-unsubscribe { background-image:url("./styles/noir-wrath/theme/images/icon_unsubscribe.gif"); }
.icon-pages { background-image:url("./styles/noir-wrath/theme/images/icon_pages.gif"); }
.icon-search { background-image:url("./styles/noir-wrath/theme/images/icon_search.gif"); }
/* Profile & navigation icons */
.email-icon, .email-icon a { background-image:url("./styles/noir-wrath/imageset/icon_contact_email.gif"); }
.aim-icon, .aim-icon a { background-image:url("./styles/noir-wrath/imageset/icon_contact_aim.gif"); }
.yahoo-icon, .yahoo-icon a { background-image:url("./styles/noir-wrath/imageset/icon_contact_yahoo.gif"); }
.web-icon, .web-icon a { background-image:url("./styles/noir-wrath/imageset/icon_contact_www.gif"); }
.msnm-icon, .msnm-icon a { background-image:url("./styles/noir-wrath/imageset/icon_contact_msnm.gif"); }
.icq-icon, .icq-icon a { background-image:url("./styles/noir-wrath/imageset/icon_contact_icq.gif"); }
.jabber-icon, .jabber-icon a { background-image:url("./styles/noir-wrath/imageset/icon_contact_jabber.gif"); }
.pm-icon, .pm-icon a { background-image:url("./styles/noir-wrath/imageset/de/icon_contact_pm.gif"); }
.quote-icon, .quote-icon a { background-image:url("./styles/noir-wrath/imageset/de/icon_post_quote.gif"); }
/* Moderator icons */
.report-icon, .report-icon a { background-image:url("./styles/noir-wrath/imageset/icon_post_report.gif"); }
.edit-icon, .edit-icon a { background-image:url("./styles/noir-wrath/imageset/de/icon_post_edit.gif"); }
.delete-icon, .delete-icon a { background-image:url("./styles/noir-wrath/imageset/icon_post_delete.gif"); }
.info-icon, .info-icon a { background-image:url("./styles/noir-wrath/imageset/icon_post_info.gif"); }
.warn-icon, .warn-icon a { background-image:url("./styles/noir-wrath/imageset/icon_user_warn.gif"); } /* Need updated warn icon */
/*
--------------------------------------------------------------
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:#000; }
#cp-main table.table1 thead th { color:#333; border-bottom-color:#333; }
#cp-main .pm-message { border-color:#DBDEE2; background-color:#fff; }
/* CP tabbed menu
----------------------------------------*/
#tabs a { background-image:url("./styles/noir-wrath/theme/images/bg_tabs1.gif"); }
#tabs a span { background-image:url("./styles/noir-wrath/theme/images/bg_tabs2.gif"); color:#536482; }
#tabs a:hover span { color:#BC2A4D; }
#tabs .activetab a { border-bottom-color:#CADCEB; }
#tabs .activetab a span { color:#333; }
#tabs .activetab a:hover span { color:#000; }
/* 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:#333; }
/* UCP navigation menu
----------------------------------------*/
/* Link styles for the sub-section links */
#navigation a { color:#333; background-color:#B2C2CF; background-image:url("./styles/noir-wrath/theme/images/bg_menu.gif"); }
.rtl #navigation a { background-image:url("./styles/noir-wrath/theme/images/bg_menu_rtl.gif"); background-position:0 100%; }
#navigation a:hover { 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:#333; }
#cp-main .panel { background-color:#F9F9F9; }
#cp-main .pm { background-color:#fff; }
#cp-main span.corners-top, #cp-menu span.corners-top { background-image:url("./styles/noir-wrath/theme/images/corners_left2.gif"); }
#cp-main span.corners-top span, #cp-menu span.corners-top span { background-image:url("./styles/noir-wrath/theme/images/corners_right2.gif"); }
#cp-main span.corners-bottom, #cp-menu span.corners-bottom { background-image:url("./styles/noir-wrath/theme/images/corners_left2.gif"); }
#cp-main span.corners-bottom span, #cp-menu span.corners-bottom span { background-image:url("./styles/noir-wrath/theme/images/corners_right2.gif"); }
/* Friends list */
.cp-mini { background-color:#eef5f9; }
dl.mini dt { color:#425067; }
/* PM Styles
----------------------------------------*/
/* PM Message history */
.current { color:#000 !important; }
/* PM panel adjustments */
.pm-panel-header, #cp-main .pm-message-nav { border-bottom-color:#A4B3BF; }
/* PM marking colours */
.pmlist li.pm_message_reported_colour, .pm_message_reported_colour { border-left-color:#092332; border-right-color:#092332; }
.pmlist li.pm_marked_colour, .pm_marked_colour { border-color:#F60; }
.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:#000; }
/* Avatar gallery */
#gallery label { background-color:#fff; border-color:#CCC; }
#gallery label:hover { background-color:#EEE; }
/* 08. colours / noir-wrath ( Colour Styles )
--------------------------------------------------------------
Colours and backgrounds for forms.css
-------------------------------------------------------------- */
/* General form styles
-------------------------------------------------- */
select { border-color:#666; background-color:#FAFAFA; color:#000; }
label { color:#425067; }
option.disabled-option { color:graytext; }
/* Definition list layout for forms
-------------------------------------------------- */
dd label { color:#333; }
/* Hover effects */
fieldset dl:hover dt label { color:#000; }
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:#FFF; }
/* Input field styles
-------------------------------------------------- */
.inputbox { color:#FFF; }
/* Form button styles
-------------------------------------------------- */
a.button1, input.button1, input.button3, a.button2, input.button2 { color:#000; background-color:#FAFAFA; background-image:url("./styles/noir-wrath/theme/images/bg_button.gif"); }
a.button1, input.button1 { border-color:#666; }
input.button3 { background-image:none; }
/* Alternative button */
a.button2, input.button2, input.button3 { border-color:#666; }
/* 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:#000; }
/* Hover states */
a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover { border-color:#BC2A4D; color:#BC2A4D; }
#search-box input.button2 { background-image:url("./styles/noir-wrath/theme/images/icon_textbox_search.gif"); }
input.disabled { color:#666; }