/* phpBB 3.0 Style Sheet
--------------------------------------------------------------
Style name: MagicStyle Black
Author: © Shockmaker, 2008
--------------------------------------------------------------
*/
/*
--------------------------------------------------------------
General css
--------------------------------------------------------------
*/
*{margin:0; padding:0;}
html{font-size:100%; height:101%;}
body{font-family:Verdana, Helvetica, Arial, sans-serif; font-size:10px; margin:0; padding:0;}
/* Forum title */
h1{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; font-size:2em;
margin-right:200px; margin-top:15px;}
/* Forum header titles */
h2{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:normal; 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; font-size:1.05em; text-transform:uppercase;
border-bottom:1px solid #CCCCCC; margin-bottom:3px; padding-bottom:2px; margin-top:20px;}
/* Forum and topic list titles */
h4{font-family:"Trebuchet MS", Verdana, Helvetica, Arial, Sans-serif; font-size:1.3em;}
p{line-height:1.3em; font-size:1.1em; margin-bottom:1.5em;}
img{border-width:0;}
hr{border:0 none #FFFFFF; border-top:1px solid #CCCCCC; height:1px; margin:5px 0; display:block; clear:both;}
hr.dashed{border-top:1px dashed #CCCCCC; margin:10px 0;}
hr.divider{display:none;}
p.right{text-align:right;}
/* Main blocks
---------------------------------------- */
#wrapper{padding-right:10px;}
#simple-wrap{padding:6px 10px;}
#main-top{margin:auto; width:995px; height:25px; background:#F2F2F2 url('./styles/magicstyle_colorless/theme/images/main_top.png') no-repeat;}
#main-middle{margin:auto; width:995px; background:#F2F2F2 url('./styles/magicstyle_colorless/theme/images/main_middle.png') top repeat-y;}
#main-bottom{margin:auto; width:995px; height:25px; background:#F2F2F2 url('./styles/magicstyle_colorless/theme/images/main_bottom.png') no-repeat;}
#header{margin:auto; width:950px; height:200px; background:transparent url('./styles/magicstyle_colorless/theme/images/header.png') no-repeat;}
#page-header{margin:0 40px; padding-top:3px;}
#page-body{margin:0;}
#page-footer{clear:both;}
#page-footer h3{margin-top:20px;}
#content-top{margin:5px auto 0 auto; width:950px; height:10px; background:transparent url('./styles/magicstyle_colorless/theme/images/content_top.png') no-repeat;}
#content-middle{margin:auto; width:950px; background:transparent url('./styles/magicstyle_colorless/theme/images/content_middle.png') top repeat-y;}
#content-bottom{margin:auto; width:950px; height:10px; background:transparent url('./styles/magicstyle_colorless/theme/images/content_bottom.png') no-repeat;}
/* Search box */
#search-box{float:right; margin:55px 15px 0 0;}
#search-box .keywords{width:150px;}
#search-box input{border:1px solid #B0B0B0;}
#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{margin-bottom:4px; padding:0 5px;}
.navbar{margin:10px 0; padding:0 10px; clear:both;}
.forabg{margin-bottom:10px; padding:0 5px; clear:both;}
.forumbg{margin-bottom:10px; padding:0 5px; clear:both;}
.panel{margin-bottom:4px; padding:0 10px;}
.post{padding:0 10px; margin-bottom:10px; background-repeat:no-repeat; background-position:100% 0;}
.rowbg{margin:5px 5px 2px 5px;}
span.corners-top, span.corners-bottom, span.corners-top span, span.corners-bottom span{
font-size:1px; line-height:1px; display:block; height:5px; background-repeat:no-repeat;}
span.corners-top{background-image:none; background-position:0 0; margin:0 -5px;}
span.corners-top span{background-image:none; background-position:100% 0;}
span.corners-bottom{background-image:none; background-position:0 100%; margin:0 -5px; clear:both;}
span.corners-bottom span{background-image:none; background-position:100% 100%;}
.headbg span.corners-bottom{margin-bottom:-1px;}
.post span.corners-top, .post span.corners-bottom, .panel span.corners-top, .panel span.corners-bottom, .navbar span.corners-top, .navbar span.corners-bottom{
margin:0 -10px;}
.rules span.corners-top{margin:0 -10px 5px -10px;}
.rules span.corners-bottom{margin:5px -10px 0 -10px;}
/* 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:#FFFFFF;
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 #000000;
text-align:left;
color:#333333;
background-color:#FFFFFF;
}
/* 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:#000000; 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-family:"Lucida Grande", Verdana, Helvetica, Arial, sans-serif;*/
font-size:1.1em;
}
dl.details dt{
float:left;
clear:left;
width:30%;
text-align:right;
color:#000000;
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:#FFFFFF;
background-color:#bfbfbf;
border:1px solid #bfbfbf;
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:#747474;
margin:0 2px;
padding:0 2px;
background-color:#eeeeee;
border:1px solid #bababa;
font-size:0.9em;
line-height:1.5em;
}
.pagination span a:hover{
border-color:#d2d2d2;
background-color:#d2d2d2;
color:#FFF;
text-decoration:none;
}
.pagination img{vertical-align:middle;}
/* Pagination in viewforum for multipage topics */
.row .pagination{
display:block;
float:left;
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:#FFFFFF;
}
.row .pagination span a:hover, li.pagination span a:hover{
background-color:#d2d2d2;
}
/* 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;}
.small{font-size:0.9em !important;}
.titlespace{margin-bottom:15px;}
.headerspace{margin-top:20px;}
.error{font-weight:bold; font-size:1em;}
div.rules{padding:0 10px; margin:10px 0; font-size:1.1em;}
div.rules ul{margin-left:20px;}
p.rules{background-image:none; padding:5px;}
p.rules img{vertical-align:middle; padding-top:5px;}
p.rules a{vertical-align:middle; clear:both;}
.clear{display:block; clear:both; font-size:1px; line-height:1px; background:transparent;}
/* MagicStyle Black Link Styles
---------------------------------------- */
a:link{text-decoration:none;}
a:visited{text-decoration:none;}
a:hover{text-decoration:underline;}
a:active{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:#FFFFFF; text-decoration:none;}
#search-box a:visited, .navbg a:visited, .forumbg .header a:visited, .forabg .header a:visited, th a:visited{
color:#FFFFF; text-decoration:none;}
#search-box a:hover, .navbg a:hover, .forumbg .header a:hover, .forabg .header a:hover, th a:hover{
color:#FFFFFF; text-decoration:underline;}
#search-box a:active, .navbg a:active, .forumbg .header a:active, .forabg .header a:active, th a:active{
color:#FFFFFF; text-decoration:none;}
/* Links for forum/topic lists */
a.forumtitle{font-family:"Trebuchet MS", Helvetica, Arial, Sans-serif; font-size:1.2em; font-weight:bold;
color:#898989; text-decoration:none;}
a.forumtitle:hover{
color:#bcbcbc;
text-decoration:underline;
}
a.forumtitle:active{
color:#898989;
}
a.topictitle{
font-family:"Trebuchet MS", Helvetica, Arial, Sans-serif;
font-size:1.2em;
font-weight:bold;
color:#898989;
text-decoration:none;
}
a.topictitle:hover{
color:#bcbcbc;
text-decoration:underline;
}
a.topictitle:active{
color:#898989;
}
/* Post body links */
.postlink{text-decoration:none; border-bottom:1px dashed #999999; padding-bottom:0;}
.postlink:hover{text-decoration:none; border-bottom:1px dashed #333333; padding-bottom:0;}
.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:25px;}
a.top{background:none no-repeat top left; text-decoration:none; width:25px; height:25px; display:block;
float:left; overflow:hidden; text-indent:25px;}
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;
}
/* MagicStyle Black Content Styles */
ul.topiclist{display:block; list-style-type:none; margin:0;}
ul.forums{background:#F9F9F9 none repeat-x 0 0;}
ul.topiclist li{display:block; list-style-type:none; margin:0;}
ul.topiclist dl{position:relative;}
ul.topiclist li.row dl{padding:2px 0;}
ul.topiclist dt{display:block; float:left; width:44%; font-size:1.1em; padding-left:5px;
padding-right:5px;}
ul.topiclist dd{display:block; float:left; border-left:1px solid #FFFFFF; padding:4px 0;}
ul.topiclist dfn{/* Labels for post/view counts */ display:none;}
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 #FFFFFF; border-bottom:1px solid #8f8f8f;}
li.row strong{font-weight:normal; color:#FFFFFF;}
li.row:hover{background-color:#f6f6f6;}
li.header dt, li.header dd{line-height:1em; border-left-width:0; margin:2px 0 4px 0;
color:#FFFFFF; padding-top:2px; padding-bottom:2px; font-size:1em;
font-family:Arial, Helvetica, sans-serif; text-transform:uppercase;}
li.header dt{
font-weight:bold;
}
li.header dd{
margin-left:1px;
}
li.header dl.icon{
min-height:0;
}
li.header dl.icon dt{
/* Tweak for headers alignment when folder icon used */
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, dd.topic-author{width:7%; 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.topic-author{width:13%; overflow:hidden;}
dd.lastpost{width:25%; font-size:1.1em; overflow:hidden; white-space:nowrap;}
dd.lastpost2{width:18%; font-size:1.1em; overflow:hidden; white-space:nowrap;}
dd.redirect{font-size:1.1em; line-height:2.5em;}
dd.moderation{font-size:1.1em;}
dd.lastpost span, dd.lastpost2 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; 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 7px; line-height:1.48em; color:#333333; /*max-width:720px; min-width:560px;*/ width:77%; float:right; border-left:#FFFFFF 1px solid;}
.postbody .content{overflow:auto;}
.postbody .ignore{font-size:1.1em;}
.postbody h3.first{
/* The first post on the page uses this */
font-size:1.7em;
}
.postbody h3{
/* Postbody requires a different h3 format - so change it here */
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, sans-serif;
line-height:125%;
}
.postbody h3 img{
/* Also see tweaks.css */
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{ overflow:auto; min-height:3em; line-height:1.4em; font-size:1em; padding-bottom: 1px;
font-family:"Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;}
.content h2, .panel h2{
font-weight:normal; border-bottom:1px solid; 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, sans-serif;
font-size:1.2em; margin-bottom:1em; line-height:1.4em;}
dl.faq{font-family:"Lucida Grande", Verdana, Helvetica, Arial, sans-serif; font-size:1.1em;
margin-top:1em; margin-bottom:2em; line-height:1.4em;}
dl.faq dt{font-weight:bold; color:#333333;}
.content dl.faq{font-size:1.2em; margin-bottom:0.5em;}
.content li{list-style-type:inherit;}
.content ul, .content ol{margin-bottom:1em; margin-left:3em;}
.posthilit{background-color:#f3f3f3; color:#BCBCBC; padding:0 2px 1px 2px;}
/* 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:0.5em; font-size:1.1em; border-top:1px solid; clear:left;
line-height:140%; overflow:hidden; width:100%; height:110px;}
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, sans-serif; width:auto; margin-top:1.5em;
padding-top:0.2em; font-size:1em; border-top:1px dashed; 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:#ebebeb none 6px 8px no-repeat;
border:1px solid #dbdbdb;
font-size:0.95em;
margin:0.5em 1px 0 25px;
overflow:hidden;
padding:5px;
}
blockquote blockquote{
/* Nested quotes */
background-color:#bababa;
font-size:1em;
margin:0.5em 1px 0 15px;
}
blockquote blockquote blockquote{
/* Nested quotes */
background-color:#e4e4e4;
}
blockquote cite{
/* Username/source of quoter */
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:#FFFFFF;
border:1px solid #d8d8d8;
font-size:1em;
}
dl.codebox dt{text-transform:uppercase; border-bottom:1px solid; margin-bottom:3px; font-size:0.8em;
font-weight:bold;display:block;}
blockquote dl.codebox{margin-left:0;}
dl.codebox code{
/* Also see tweaks.css */
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:#FFFFFF;}
.syntaxcomment {color:#000000;}
.syntaxdefault {color:#bcbcbc;}
.syntaxhtml {color:#000000;}
.syntaxkeyword {color:#585858;}
.syntaxstring {color:#a7a7a7;}
/* Attachments
----------------------------------------*/
.attachbox{
float:left;
width:auto;
margin:5px 5px 5px 0;
padding:6px;
background-color:#FFFFFF;
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:#666666;
font-weight:normal;
clear:left;
}
.attachbox p.stats
{
line-height:110%;
color:#666666;
font-weight:normal;
clear:left;
}
.attach-image{
margin:3px 0;
width:100%;
max-height:350px;
overflow:auto;
}
.attach-image img{
border:1px solid #999999;
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, sans-serif;}
dl.file dd{color:#666666; margin:0; padding:0;}
dl.thumbnail img{padding:3px; border:1px solid #666666; background-color:#FFF;}
dl.thumbnail dd{color:#666666; font-style:italic; font-family:Verdana, Arial, Helvetica, sans-serif;}
.attachbox dl.thumbnail dd{font-size:100%;}
dl.thumbnail dt a:hover{background-color:#EEEEEE;}
dl.thumbnail dt a:hover img{border:1px solid #d2d2d2;}
/* Post poll styles
----------------------------------------*/
fieldset.polls{font-family:"Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;}
fieldset.polls dl{margin-top:5px; border-top:1px solid #e2e2e2; padding:5px 0 0 0;
line-height:120%; color:#666666;}
fieldset.polls dl.voted{font-weight:bold; color:#000000;}
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:#FFFFFF; font-weight:bold; padding:0 2px; overflow:visible; min-width:2%;}
.pollbar1{background-color:#aaaaaa; 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
----------------------------------------*/
.postprofile{margin:10px 0 5px 5px; min-height:100px; /*width:150px;*/ width:23%;}
.postprofile dd, .postprofile dt{line-height:1.2em; margin-left:8px;}
.postprofile strong{font-weight:normal; color:#FFFFFF;}
.avatar{border:none; margin-bottom:3px;}
.online{background-image:none; background-position:0% 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;}
/* proSilver 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:96px; height:25px; }
.buttons div.post-icon { width:96px; height:25px; }
.buttons div.locked-icon { width:88px; height:25px; }
.buttons div.pmreply-icon { width:96px; height:25px; }
.buttons div.newpm-icon { width:84px; height:25px; }
.buttons div.forwardpm-icon { width:96px; height:25px; }
/* Sub-header (navigation bar)
--------------------------------------------- */
a.print, a.sendemail, a.fontsize{
display:block;
overflow:hidden;
height:18px;
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{
background-image:none;
background-position:0 -1px;
width:29px;
}
a.fontsize:hover{
background-position:0 -20px;
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:54px; height:20px; }
ul.profile-icons li.report-icon { width:20px; height:20px; }
ul.profile-icons li.edit-icon { width:42px; 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; }
/* proSilver 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: #000000;
margin-bottom: 2px;
}
#cp-main table.table1 {
margin-bottom: 1em;
}
#cp-main table.table1 thead th {
color: #333333;
font-weight: bold;
border-bottom: 1px solid #333333;
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: #FFFFFF;
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: #333333;
}
#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: #000000;
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: #333333;
}
/* 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: #333333;
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: #333333;
}
#cp-main .panel {
background-color: #F9F9F9;
}
#cp-main .pm {
background-color: #FFFFFF;
}
#cp-main span.corners-top, #cp-menu span.corners-top {
background-image: none;
}
#cp-main span.corners-top span, #cp-menu span.corners-top span {
background-image: none;
}
#cp-main span.corners-bottom, #cp-menu span.corners-bottom {
background-image: none;
}
#cp-main span.corners-bottom span, #cp-menu span.corners-bottom span {
background-image: none;
}
/* Topicreview */
#cp-main .panel #topicreview span.corners-top, #cp-menu .panel #topicreview span.corners-top {
background-image: none;
}
#cp-main .panel #topicreview span.corners-top span, #cp-menu .panel #topicreview span.corners-top span {
background-image: none;
}
#cp-main .panel #topicreview span.corners-bottom, #cp-menu .panel #topicreview span.corners-bottom {
background-image: none;
}
#cp-main .panel #topicreview span.corners-bottom span, #cp-menu .panel #topicreview span.corners-bottom span {
background-image: none;
}
/* 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: #999999;
}
/* 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 1px transparent; border-width:0 1px 0 7px;}
.pmlist li.bg2{border:solid 1px transparent; border-width:0 1px 0 7px;}
.pmlist li.pm_message_reported_colour, .pm_message_reported_colour{border-left-color:#bcbcbc; border-right-color:#bcbcbc;}
.pmlist li.pm_marked_colour, .pm_marked_colour{border-left:solid 1px #FFFFFF; border-width:0 1px 0 7px;}
.pmlist li.pm_replied_colour, .pm_replied_colour{border-left:solid 1px #C2C2C2; border-width:0 1px 0 7px;}
.pmlist li.pm_friend_colour, .pm_friend_colour{border-left:solid 1px #BDBDBD; border-width:0 1px 0 7px;}
.pmlist li.pm_foe_colour, .pm_foe_colour{border-left:solid 1px #000000; border-width:0 1px 0 7px;}
.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: #FFFFFF;
border: 1px solid #CCC;
text-align: center;
}
#gallery label:hover {
background-color: #EEE;
}
/* proSilver 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 #666666;
padding:1px;
background-color:#FAFAFA;
}
option{padding-right:1em;}
option.disabled-option{color:graytext;}
textarea{
font-family:"Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
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:#333333;
}
dd input, dd textarea{
margin-right:3px;
}
dd select{
width:auto;
}
dd textarea{
width:85%;
}
/* Hover effects */
fieldset dl:hover dt label{
color:#000000;
}
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:#333333;
}
/* Emoticons panel */
#smiley-box{
width:18%;
float:right;
}
#smiley-box img{
margin:3px;
}
/* Input field styles
---------------------------------------- */
.inputbox{
background-color:#FFFFFF;
border:1px solid #c0c0c0;
color:#333333;
padding:2px;
cursor:text;
}
.inputbox:hover{
border:1px solid #eaeaea;
}
.inputbox:focus{
border:1px solid #eaeaea;
color:#4b4b4b;
}
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 !important;
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 #666666;
}
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 #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{
text-decoration:none;
color:#000000;
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:#666666;
}
/* Topic and forum Search */
.search-box{
margin-top:3px;
margin-left:5px;
float:left;
}
input.search{
background-image:none;
background-repeat:no-repeat;
background-position:left 1px;
padding-left:17px;
}
.full{ width:95%; }
.medium{ width:50%;}
.narrow{ width:25%;}
.tiny{ width:10%;}
/* proSilver Style Sheet Tweaks
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; }
* html span.corners-top, * html span.corners-bottom { background-image: url("./styles/magicstyle_colorless/theme/images/corners_left.gif"); }
* html span.corners-top span, * html span.corners-bottom span { background-image: url("./styles/magicstyle_colorless/theme/images/corners_right.gif"); }
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: 21%;
float: none;
}
* html dl.details dd {
margin-left: 21%;
float: none;
}
* html .forumbg table.table1 {
margin: 0 -2px 0px -1px;
}
/*
--------------------------------------------------------------
Colours and backgrounds for common.css
--------------------------------------------------------------
*/
html, body{color:#333333; background-color:#F2F2F2;}
h1{color:#333333;}
h2{color:#333333;}
h3{border-bottom-color:#CCCCCC; color:#333333;}
hr{border-color:#FFFFFF; border-top-color:#CCCCCC;}
hr.dashed{border-top-color:#CCCCCC;}
/* Search box */
#search-box .keywords{background-color:#FFFFFF;}
/* Round cornered boxes and backgrounds */
.headerbar{background:#12A3EB url("./styles/magicstyle_colorless/theme/images/bg_header.gif"); color:#FFFFFF;}
.navbar{background:#D5D5D5;}
.forabg{background:#D7D7D7 url("./styles/magicstyle_colorless/theme/images/bg_list.png") repeat-x;}
.forumbg{background:#D7D7D7 url("./styles/magicstyle_colorless/theme/images/bg_header.png") repeat-x;}
.panel{background-color:#D5D5D5; color:#000000;}
.post:target .content{color:#000000;}
.post:target h3 a{color:#105289;}
.bg1 {background-color:#DDDDDD;}
.bg2 {background-color:#E4E4E4;}
.bg3 {background-color:#E9E9E9;}
.ucprowbg{background-color:#DCDEE2;}
.fieldsbg{background-color:#E7E8EA;}
span.corners-top{background-image:url("./styles/magicstyle_colorless/theme/images/corners_left.gif");}
span.corners-top span{background-image:url("./styles/magicstyle_colorless/theme/images/corners_right.gif");}
span.corners-bottom{background-image:url("./styles/magicstyle_colorless/theme/images/corners_left.gif");}
span.corners-bottom span{background-image:url("./styles/magicstyle_colorless/theme/images/corners_right.gif");}
/* Horizontal lists */
ul.navlinks{border-bottom-color:#FFFFFF;}
/* Table styles */
table.table1 thead th{color:#105289;}
table.table1 tbody tr{border-color:#DDDDDD;}
table.table1 tbody tr:hover, table.table1 tbody tr.hover{background-color:#ECECEC;}
table.table1 td{color:#333333;}
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:#FFFFFF;}
/* Misc layout styles */
dl.details dt{color:#000000;}
dl.details dd{color:#333333;}
.sep{color:#333333;}
/* Pagination */
.pagination span strong{color:#000000; background-color:#FAFAFA; border-color:#333333;}
.pagination span a, .pagination span a:link, .pagination span a:visited, .pagination span a:active{
color:#000000; background-color:#CCCCCC; border-color:#333333;}
.pagination span a:hover{color:#000000; background-color:#FAFAFA; border-color:#333333;}
/* Pagination in viewforum for multipage topics */
.row .pagination{background-image:url("./styles/magicstyle_colorless/theme/images/icon_pages.gif");}
.row .pagination span a, li.pagination span a{background-color:#CCCCCC;}
.row .pagination span a:hover, li.pagination span a:hover{background-color:#FAFAFA;}
/* Miscellaneous styles */
.copyright{color:#333333;}
.error{color:#BC2A4D;}
li.reported{background-color:#FFCC00;}
li.reported:hover{background-color:#FFDD66 !important;}
.sticky, .announce{/* you can add a background for stickies and announcements*/}
div.rules{background-color:#FFCC00 !important; color:#000000;}
p.rules{background-color:#FFCC00 !important; background-image:none;}
/* Colours and backgrounds for links.css */
a:link {color:#105289;}
a:visited {color:#105289;}
a:hover {color:#CC0000;}
a:active {color:#368AD2;}
/* Links on gradient backgrounds */
#search-box a:link, #search-box a:visited, #search-box a:hover{color:#FFFFFF;}
.navbg a:link, .forumbg .header a:link, .forabg .header a:link, th a:link{color:#105289;}
.navbg a:visited, .forumbg .header a:visited, .forabg .header a:visited, th a:visited{
color:#105289;}
.navbg a:hover, .forumbg .header a:hover, .forabg .header a:hover, th a:hover{color:#CC0000;}
#search-box a:active, .navbg a:active, .forumbg .header a:active, .forabg .header a:active, th a:active{color:#368AD2;}
/* Links for forum/topic lists */
a.forumtitle{color:#105289;}
a.forumtitle:visited{color:#105289;}
a.forumtitle:hover{color:#CC0000;}
a.forumtitle:active{color:#368AD2;}
a.topictitle{color:#105289;}
a.topictitle:visited{color:#105289;}
a.topictitle:hover{color:#CC0000;}
a.topictitle:active{color:#368AD2;}
/* Post body links */
.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, .search .postprofile a{color:#105289;}
.postprofile a:hover, .postprofile dt.author a:hover, .search .postprofile a:hover{color:#CC0000;}
/* Back to top of page */
a.top{background-image:url("./styles/magicstyle_colorless/imageset/icon_back_top.png");}
a.top2{background-image:url("./styles/magicstyle_colorless/imageset/icon_back_top.png");}
/* Arrow links */
a.up {background-image:url("./styles/magicstyle_colorless/theme/images/arrow_up.gif")}
a.down {background-image:url("./styles/magicstyle_colorless/theme/images/arrow_down.gif")}
a.left {background-image:url("./styles/magicstyle_colorless/theme/images/arrow_left.gif")}
a.right {background-image:url("./styles/magicstyle_colorless/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{background-color:#DDDDDD;}
ul.topiclist li{color:#333333;}
ul.topiclist dd{border-left-color:#FFFFFF;}
.rtl ul.topiclist dd{border-right-color:#FFFFFF; border-left-color:transparent;}
ul.topiclist li.row dt a.subforum.read{background-image:url("./styles/magicstyle_colorless/imageset/subforum_read.png");}
ul.topiclist li.row dt a.subforum.unread{background-image:url("./styles/magicstyle_colorless/imageset/subforum_unread.png");}
li.row{border-top-color:#DDDDDD; border-bottom-color:#FFFFFF;}
li.row strong{color:#000000;}
li.row:hover{background-color:#ECECEC;}
li.row:hover dd{border-left-color:#FFFFFF;}
.rtl li.row:hover dd{border-right-color:#333333; border-left-color:transparent;}
li.header dt, li.header dd{color:#105289;}
/* Forum list column styles */
ul.topiclist dd.searchextra{color:#105289;}
/* Post body and Content styles */
.postbody{color:#333333;}
.content{color:#000000;}
.content h2, .panel h2{color:#000000; border-bottom-color:#999999;}
dl.faq dt{color:#FFFFFF;}
.posthilit{background-color:#F3BFCC; color:#BC2A4D;}
/* 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("./styles/magicstyle_colorless/theme/images/quote.gif");
border-color:#DBDBCE; color:#000000;}
.rtl blockquote {
background-image: url("./styles/magicstyle_colorless/theme/images/quote_rtl.gif");
}
blockquote blockquote{/* Nested quotes */background-color:#EFEED9;}
blockquote blockquote blockquote{/* Nested quotes */background-color:#EBEADD;}
blockquote a{color:#000000 !important; border-bottom-color:#440000 !important;}
blockquote a:hover{color:#000000 !important; border-bottom-color:#440000 !important;}
/* Code block */
dl.codebox{background-color:#FAFAFA; border-color:#C9D2D8; color:#000000;}
dl.codebox dt{border-bottom-color:#CCCCCC;}
dl.codebox code{color:#2E8B57;}
dl.codebox a{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:#5A5A5A;}
.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:#EEEEEE; color:#333333;}
fieldset.polls dl.voted{color:#000000;}
fieldset.polls dd div{color:#333333;}
.rtl .pollbar1, .rtl .pollbar2, .rtl .pollbar3, .rtl .pollbar4, .rtl .pollbar5{
border-right-color:transparent;}
.pollbar1, .pollbar2, .pollbar3, .pollbar4, .pollbar5{background-color:#FAFAFA;}
/* Poster profile block
----------------------------------------*/
.postprofile{color:#333333; border-left-color:#333333;}
.rtl .postprofile{border-right-color:#333333; border-left-color:transparent;}
.pm .postprofile{border-left-color:#333333;}
.rtl .pm .postprofile{border-right-color:#333333; border-left-color:transparent;}
.postprofile strong{color:#000000;}
.online{background-image:url("./styles/magicstyle_colorless/imageset/it/icon_user_online.png");}
/* Colours and backgrounds for buttons.css */
/* Big button images */
.reply-icon span {background-image:url("./styles/magicstyle_colorless/imageset/it/button_topic_reply.gif");}
.post-icon span {background-image:url("./styles/magicstyle_colorless/imageset/it/button_topic_new.gif");}
.locked-icon span {background-image:url("./styles/magicstyle_colorless/imageset/it/button_topic_locked.gif");}
.pmreply-icon span {background-image:url("./styles/magicstyle_colorless/imageset/it/button_pm_reply.gif");}
.newpm-icon span {background-image:url("./styles/magicstyle_colorless/imageset/it/button_pm_new.gif");}
.forwardpm-icon span {background-image:url("./styles/magicstyle_colorless/imageset/it/button_pm_forward.gif");}
a.print{background-image:url("./styles/magicstyle_colorless/theme/images/icon_print.gif");}
a.sendemail{background-image:url("./styles/magicstyle_colorless/theme/images/icon_sendemail.gif");}
a.fontsize{background-image:url("./styles/magicstyle_colorless/theme/images/icon_fontsize.png");}
/* Icon images
---------------------------------------- */
.sitehome { background-image:url("./styles/magicstyle_colorless/theme/images/icon_home.gif"); }
.icon-faq { background-image:url("./styles/magicstyle_colorless/theme/images/icon_faq.png"); }
.icon-members { background-image:url("./styles/magicstyle_colorless/theme/images/icon_members.png"); }
.icon-home { background-image:url("./styles/magicstyle_colorless/theme/images/icon_home.gif"); }
.icon-ucp { background-image:url("./styles/magicstyle_colorless/theme/images/icon_ucp.png"); }
.icon-register { background-image:url("./styles/magicstyle_colorless/theme/images/icon_register.gif"); }
.icon-logout { background-image:url("./styles/magicstyle_colorless/theme/images/icon_logout.png"); }
.icon-bookmark { background-image:url("./styles/magicstyle_colorless/theme/images/icon_bookmark.gif"); }
.icon-bump { background-image:url("./styles/magicstyle_colorless/theme/images/icon_bump.gif"); }
.icon-subscribe { background-image:url("./styles/magicstyle_colorless/theme/images/icon_subscribe.gif"); }
.icon-unsubscribe { background-image:url("./styles/magicstyle_colorless/theme/images/icon_unsubscribe.gif"); }
.icon-pages { background-image:url("./styles/magicstyle_colorless/theme/images/icon_pages.gif"); }
.icon-search { background-image:url("./styles/magicstyle_colorless/theme/images/icon_search.png"); }
/* Profile & navigation icons */
.email-icon, .email-icon a { background-image:url("./styles/magicstyle_colorless/imageset/icon_contact_email.gif"); }
.aim-icon, .aim-icon a { background-image:url("./styles/magicstyle_colorless/imageset/icon_contact_aim.gif"); }
.yahoo-icon, .yahoo-icon a { background-image:url("./styles/magicstyle_colorless/imageset/icon_contact_yahoo.gif"); }
.web-icon, .web-icon a { background-image:url("./styles/magicstyle_colorless/imageset/icon_contact_www.gif"); }
.msnm-icon, .msnm-icon a { background-image:url("./styles/magicstyle_colorless/imageset/icon_contact_msnm.gif"); }
.icq-icon, .icq-icon a { background-image:url("./styles/magicstyle_colorless/imageset/icon_contact_icq.gif"); }
.jabber-icon, .jabber-icon a { background-image:url("./styles/magicstyle_colorless/imageset/icon_contact_jabber.gif"); }
.pm-icon, .pm-icon a { background-image:url("./styles/magicstyle_colorless/imageset/it/icon_contact_pm.gif"); }
.quote-icon, .quote-icon a { background-image:url("./styles/magicstyle_colorless/imageset/it/icon_post_quote.gif"); }
/* Moderator icons */
.report-icon, .report-icon a { background-image:url("./styles/magicstyle_colorless/imageset/icon_post_report.png"); }
.edit-icon, .edit-icon a { background-image:url("./styles/magicstyle_colorless/imageset/it/icon_post_edit.gif"); }
.delete-icon, .delete-icon a { background-image:url("./styles/magicstyle_colorless/imageset/icon_post_delete.png"); }
.info-icon, .info-icon a { background-image:url("./styles/magicstyle_colorless/imageset/icon_post_info.png"); }
.warn-icon, .warn-icon a { background-image:url("./styles/magicstyle_colorless/imageset/icon_user_warn.png"); } /* Need updated warn icon */
/*
--------------------------------------------------------------
Colours and backgrounds for cp.css
-------------------------------------------------------------- */
/* Main CP box */
#cp-main h3, #cp-main hr, #cp-menu hr{border-color:#DDDDDD;}
#cp-main .panel li.row{border-bottom-color:#999999; border-top-color:transparent;}
ul.cplist{border-top-color:#DDDDDD;}
#cp-main .panel li.header dd, #cp-main .panel li.header dt{color:#333333;}
#cp-main table.table1 thead th{color:#333333; border-bottom-color:#999999;}
#cp-main .pm-message{border-color:#999999; background-color:#D5D5D5;}
/* CP tabbed menu */
#tabs a{background-image:url("./styles/magicstyle_colorless/theme/images/bg_tabs1.gif");}
#tabs a span{background-image:url("./styles/magicstyle_colorless/theme/images/bg_tabs2.gif"); color:#666666;}
#tabs a:hover span{color:#333333;}
#tabs .activetab a span{color:#333333;}
#tabs .activetab a:hover span{color:#333333;}
/* Mini tabbed menu used in MCP */
#minitabs li{background-color:#DDDDDD;}
#minitabs li.activetab{background-color:#FAFAFA;}
#minitabs li.activetab a, #minitabs li.activetab a:hover{color:#000000;}
/* UCP navigation menu */
/* Link styles for the sub-section links */
#navigation a{background-color:#DDDDDD; color:#333333;}
.rtl #navigation a {
background-image: url("./styles/magicstyle_colorless/theme/images/bg_menu_rtl.gif");
background-position: 0 100%;
}
#navigation a:hover{background-color:#FAFAFA; color:#333333;}
#navigation #active-subsection a{background-color:#FAFAFA; background-image:none; color:#000000;}
#navigation #active-subsection a:hover{color:#000000;}
/* Preferences pane layout
----------------------------------------*/
#cp-main h2{color:#000000;}
#cp-main .panel{background-color:#D5D5D5;}
#cp-main .pm{background-color:#D5D5D5;}
#cp-main span.corners-top, #cp-menu span.corners-top{
background-image:url("./styles/magicstyle_colorless/theme/images/corners_left2.gif");}
#cp-main span.corners-top span, #cp-menu span.corners-top span{
background-image:url("./styles/magicstyle_colorless/theme/images/corners_right2.gif");}
#cp-main span.corners-bottom, #cp-menu span.corners-bottom{
background-image:url("./styles/magicstyle_colorless/theme/images/corners_left2.gif");}
#cp-main span.corners-bottom span, #cp-menu span.corners-bottom span{
background-image:url("./styles/magicstyle_colorless/theme/images/corners_right2.gif");}
/* Topicreview */
#cp-main .panel #topicreview span.corners-top, #cp-menu .panel #topicreview span.corners-top{
background-image:url("./styles/magicstyle_colorless/theme/images/corners_left.gif");}
#cp-main .panel #topicreview span.corners-top span, #cp-menu .panel #topicreview span.corners-top span{
background-image:url("./styles/magicstyle_colorless/theme/images/corners_right.gif");}
#cp-main .panel #topicreview span.corners-bottom, #cp-menu .panel #topicreview span.corners-bottom{
background-image:url("./styles/magicstyle_colorless/theme/images/corners_left.gif");}
#cp-main .panel #topicreview span.corners-bottom span, #cp-menu .panel #topicreview span.corners-bottom span{
background-image:url("./styles/magicstyle_colorless/theme/images/corners_right.gif");}
/* Friends list */
.cp-mini{background-color:#DDDDDD;}
dl.mini dt{color:#333333;}
/* PM Styles
----------------------------------------*/
/* PM Message history */
.current {
color: #000000 !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:#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-color:#FFFFFF; border-color:#CCCCCC;}
#gallery label:hover{background-color:#EEEEEE;}
/*
--------------------------------------------------------------
Colours and backgrounds for forms.css
-------------------------------------------------------------- */
/* General form styles
----------------------------------------*/
select{border-color:#666666; background-color:#FAFAFA;}
label{color:#333333;}
option.disabled-option{color:graytext;}
/* Definition list layout for forms
---------------------------------------- */
dd label{color:#333333;}
fieldset dl dt label{color:#333333;}
fieldset dl:hover dt label{color:#333333;}
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:#000000;}
/* Input field styles
---------------------------------------- */
.inputbox{background-color:#FFFFFF; border-color:#666666; color:#000000;}
.inputbox:hover{border-color:#105289;}
.inputbox:focus{border-color:#105289;}
/* Form button styles */
a.button1, input.button1, input.button3, a.button2, input.button2{color:#000000;
background-color:#FAFAFA; background-image:url("./styles/magicstyle_colorless/theme/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:#105289; color:#105289;}
input.search{background-image:url("./styles/magicstyle_colorless/theme/images/icon_textbox_search.gif");}
input.disabled{color:#666666;}
/*
--------------------------------------------------------------
Mods for medals.css X
-------------------------------------------------------------- */
.approve-icon, .approve-icon a { background: none top left no-repeat; }
.approve-icon, .approve-icon a { background-image: url("./styles/magicstyle_colorless/imageset/icon_post_approve.gif"); }
ul.approve-icons, li.approve-icon { width: 20px; height: 20px; }
/* Icon images
---------------------------------------- */
.icon-medal {
background-position: 0 50%;
background-repeat: no-repeat;
background-image: none;
padding: 1px 0 0 17px;
}
.icon-medal { background-image: url("./styles/magicstyle_colorless/theme/images/icon_medal.gif"); }
.rtl .icon-medal {
background-position: 100% 50%;
padding: 1px 17px 0 0;
}