/*yourewinner.com 3 SMF Theme by EJ902
Standard stylesheet*/
/*##### styles globally applies to various HTML tags */
/*HTML tag, handles page scrolling */
HTML {
overflow-x: hidden;
overflow-y: auto;
}
/*Style for handles background and font formatting*/
BODY {
background:#252149 url(./images/back.jpg);
text-align: center;
font-family: Verdana, Tahoma, Arial, sans-serif;
font-size: 11px;
color: #FFFFFF;
}
/*default styling for text areas*/
TEXTAREA{
background: #FFFFFF;
color:#000000;
font-size: 11px;
vertical-align: middle;
border: 1px solid #000000;
font-family: Verdana, Tahoma, Arial, sans-serif;
}
TEXTAREA:focus{
background:#FFF6E7;
border: 1px solid #D28333;
}
/*default styling for SELECT forms*/
select{
background: #FFFFFF;
color:#000000;
font-size:11px;
vertical-align: middle;
border: 1px solid #000000;
}
/*Style for ![]()
tag ensures that no hyperlinked images receive borders.*/
IMG {
border: 0px;
vertical-align:middle;
}
/*Simply a style for all tags */
table {
empty-cells: show;
}
/* This style is used so the navbar doesn't get indented etc*/
ul, ol {
margin:0 0 0.75em 1.5em;
padding:0;
list-style-position:outside;
}
/* Input buttons*/
input, button{
color: #000000;
font-family: verdana, sans-serif;
font-size: 90%;
}
/* Radio or Checkbox styles*/
input.check
{
}
/*UNIQUE STYLES*/
/*This is the "shell" for the page layout. Comes straight after the tag, it determines the positioning of the page content.*/
#body {
width: 950px;
background-color: transparent;
height: 100%;
text-align: left;
margin-left: auto;
margin-right: auto;
}
/*Simply the masthead area, where the rotating banners are shown. */
#masthead {
width: 948px;
background: #322C61;
height: 144px;
border-top: 1px solid #000000;
border-bottom: 1px solid #000000;
}
#masthead a{
color:#D28333;
text-align: center;
vertical-align: middle;
font-size: 30pt;
}
/*User preferences bar */
#userprefs{
color:#ECECEC;
font-size:12px;
height:16px;
line-height:16px;
background:#b76e24 url(./images/catbg_middle.gif) top left repeat-x;
width:944px;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
padding:2px;
text-align: right;
}
#userprefs a:link, #userprefs a:visited{
color:#2e2a59;
text-decoration: none;
}
#userprefs a:hover{
color:#2e2a59;
text-decoration: underline;
}
/*begin the navigation bar */
#topnav {
background:#2e2a59 url(./images/nav_bg.jpg);
width: 100%;
height: 36px;
line-height: 36px;
text-align: right;
vertical-align: middle;
border-top:1px solid #000000;
}
/*begin the navigation links*/
#topnav .nlink {
clear: both;
margin: 0;
height: 36px;
vertical-align: middle;
font-weight: bold;
}
#topnav .nlink li {
list-style:none;
float:left;
vertical-align: middle;
}
#topnav .nlink a {
color:#FFFFFF;
text-decoration:none;
vertical-align: middle;
font-size: 14px;
display:block;
padding-left:5px;
padding-right: 5px;
border-right:1px solid #272353;
border-left:1px solid #16123e;
}
#topnav .nlink a:link, #topnav .nlink a:visited {
background:#0C0745 url(./images/nav_bg.jpg) center center;
}
#topnav .nlink a:hover, #topnav .on a:hover{
background:#D28333 url(./images/nav_hov.jpg) center center !important;
border-right:1px solid #552e07;
border-left:1px solid #3f2204;
}
/*
#topnav .on a:link, #topnav .on a:visited{
background:#0C0745 url(./images/nav_on.jpg) center center;
}*/
/*begin the footer navigation bar */
#footernav {
background:transparent;
width: 100%;
height: 16px;
line-height: 16px;
text-align: right;
vertical-align: middle;
}
/*begin the footer navigation links*/
#footernav .nlink {
clear: both;
margin: 0;
height: 16px;
vertical-align: middle;
}
#footernav .nlink li {
list-style:none;
float:left;
vertical-align: middle;
}
#footernav .nlink a {
color:#d28333;
vertical-align: middle;
font-size: 12px;
display:block;
padding-left:5px;
padding-right: 5px;
border-right:1px solid #1B1842;
}
#footernav .nlink a:link, #topnav .nlink a:visited {
text-decoration: none;
}
#footernav .nlink a:hover {
text-decoration: underline;
}
#footernav .on a:link, #footernav .on a:visited{
font-weight:bold;
}
/*This is the main page content, after the header section.*/
#display {
width: 100%;
margin:0;
padding:0;
}
/*This hides things that should only be displayed in Mobile view*/
.mobile{
display:none;
}
.adbanner{
display:none !important;
width:100%;
margin-top:10px;
margin-bottom:10px;
}
/*The scroll box for the news lines and recent posts*/
.scrollbox{
background-color: #3E3A65;
overflow: auto;
border:1px solid #161237;
}
#newsbox{
width:auto;
max-height:75px;
}
#postbox{
width:auto;
max-height:160px;
}
.scrollline{
background: transparent;
border-bottom: 1px dashed #6B6FB6;
padding:5px;
width:auto;
}
.topnav_left{
background:#2e2a59 url(./images/nav_left.jpg) 0 0 no-repeat;
width:23px;
float: left;
}
.topnav_right{
background:url(./images/nav_right.jpg) 100% 0 no-repeat;
float: right;
padding-right: 23px;
}
.topnav_middle{
width:904px;
}
/*copyright row 1 */
.copyright{
font-size: 10px;
color: #666666;
height: 18px;
line-height:18px;
}
.copyright a:link, .copyright a:visited{
color: #919090;
text-decoration: none;
}
.copyright a:hover{
color: #919090;
text-decoration: underline;
}
/*##### Common page design classes*/
/*Blue gradient header, commonly used for the lintree*/
.headbg{
background:#4a4482 url(images/grad2.jpg) repeat-x;
color: #FFFFFF;
font-size: 12px;
height: 16px;
vertical-align: middle;
text-decoration: none;
}
.headbg a:link, .headbg a:visited, .headbg a:active {
text-decoration: none;
color:#CA7F32;
}
.headbg a:hover {
text-decoration: underline;
color:#CA7F32;
}
/*Container for board index and other pages that use multiple columns. 98% of master width (defined by another DIV tag) */
.container{
width:98%;
margin-left:auto;
margin-right: auto;
}
.container a:link, .container a:visited{
color:#d28333;
text-decoration: none;
}
.container a:hover {
color:#d28333;
text-decoration: underline;
}
/*Content boxes */
.content{
background:#2e2a59;
border:1px solid #000000;
width:auto;
padding:5px;
}
.content a:link, .content a:visited{
color:#d28333;
text-decoration: none;
}
.content a:hover {
color:#d28333;
text-decoration: underline;
}
/*CATBG is the orange header. Syntax is "catbg_{width}px_(no)rig",*/
.catbg, .catbg_m, .catbg_row {
color: #ECECEC;
font-size: 12px;
font-weight:bold;
text-decoration: none;
line-height: 18px;
height: 18px;
}
/*normal catbg header*/
.catbg{
background:#b46b22 url(./images/catbg_m_top.jpg) repeat-x;
width:100%;
}
/*CATBG when nested between two elements */
.catbg_m{
background:#b46b22 url(./images/catbg_m.jpg) repeat-x;
border-left:1px solid #000000;
border-right:1px solid #000000;
width:auto;
text-indent:18px;
}
/*catbg usually used as style within tables */
.catbg_row{
background:#b46b22 url(./images/catbg_m.jpg) repeat-x;
}
.catbg a:link, .catbg a:visited,
.catbg_row a:link, .catbg_row a:visited,
.catbg_m a:link, .catbg_m a:visited {
text-decoration: none;
color: #ECECEC;
}
.catbg a:hover, .catbg_row a:hover, .catbg_m a:hover{
text-decoration: underline;
color: #ECECEC;
}
/*left element corner */
.catbg_l{
background:transparent url(./images/catbg_l.jpg) 0 0 no-repeat;
float: left;
text-indent:18px;
}
/*right element corner */
.catbg_r{
background:transparent url(./images/catbg_r.jpg) 100% 0 no-repeat;
width:18px;
float: right;
}
/*right element corner with icon*/
.catbg_r_icon{
background:transparent url(./images/catbg_r_rig.jpg) 100% 0 no-repeat;
width:144px;
float: right;
}
.wfoot {
background:#2e2a59 url(./images/wfoot_m.jpg) repeat-x;
color: #FFFFFF;
text-decoration: none;
line-height: 18px;
height: 18px;
width:100%;
}
/*left element corner */
.wfoot_l{
background:transparent url(./images/wfoot_l.jpg) 0 0 no-repeat;
float: left;
padding-left:18px;
}
/*right element corner */
.wfoot_r{
background:transparent url(./images/wfoot_r.jpg) 100% 0 no-repeat;
float: right;
padding-right:18px;
}
/*WindowBG and WindowBG2 are blue background for content such as posts. WindowBG2 is slightly lighter in colour.*/
.windowbg {
background-color: #2e2a59;
color: #FFFFFF;
font-size:10pt;
padding: 2px 2px 2px 2px;
}
.windowbg2 {
background-color: #322C61;
color: #FFFFFF;
font-size:10pt;
padding: 2px 2px 2px 2px;
}
.windowbg a:link, .windowbg a:visited, .windowbg a:active,
.windowbg2 a:link, .windowbg2 a:visited, .windowbg2 a:active {
text-decoration: none;
color:#FFFFFF;
}
.windowbg a:hover, .windowbg2 a:hover {
text-decoration: underline;
}
/*styles for tables */
.table{
background-color:#000000;
}
/*5px padding style */
.padding_5px{
padding:5px;
}
/*10px margin style */
.margin_10px{
margin:10px;
}
/*Text-align:right; */
.tright{
text-align: right !important;
}
/*Text-align:center; */
.tcenter{
text-align: center !important;
}
/*Text-align:left; */
.tleft{
text-align: left !important;
}
.nbord_b{
border-bottom:0 !important;
}
.nbord_t{
border-top:0 !important;
}
.w735px{
width:735px;
}
.noind{
text-indent:0px !important;
}
.centre{
margin-left: auto;
margin-right: auto;
}
/*##### Input styles */
/*white inputs, usually used for and */
input.winput{
background: #FFFFFF;
color:#000000;
font-size:11px;
vertical-align: middle;
border: 1px solid #000000;
}
.winput:focus{
background:#FFF6E7;
border: 1px solid #D28333;
}
/*orange inputs, usually used for and */
input.oinput, input.oinput:active{
background:#C57B33 url(./images/grad1.jpg) repeat-x top left;
color:#000000;
font-size:11px;
vertical-align: middle;
border: 1px solid #000000;
}
/*##### Other various styles, used in posts or other parts of message */
/* Standard horizontal rule.. ([hr], etc.) */
hr, .hrcolor{
height: 1px;
border: 0;
color: #000000;
background-color: #000000;
}
/* A quote, perhaps from another post. */
.quote{
color: #000000;
background-color: #D28333;
border: 1px solid #000000;
margin: 1px;
padding: 5px;
font-size: x-small;
line-height: 1.4em;
overflow: auto;
word-wrap: break-word;
}
.quote a:link, .quote a:visited {
color: #2e2a59 !Important;
text-decoration: none;
}
.quote a:hover {
color: #2e2a59 !Important;
text-decoration: underline;
}
/*code for spoilers and headbox*/
.spoilerhead, .hideboxshell{
width:98%;
padding:2px;
margin-left: auto;
margin-right: auto;
}
/*spoiler block */
.spoiler{
display:none;
}
.spoilerhead:hover .spoiler{
width:100%;
background:#F89191;
border:1px solid #EE5353;
padding:2px;
overflow: auto;
max-height:500px;
display:block;
color:#000000;
}
/*hidebox */
.hidebox{
display:none;
border:1px solid #000000;
font-weight:normal;
background: #3E3A68;
width:100%;
overflow: auto;
padding:2px;
}
/* A code block - maybe even PHP ;). */
.code{
color: #000000;
background-color: #CF9050;
font-family: "courier new", "times new roman", monospace;
font-size: small;
border: 1px solid #000000;
margin: 1px auto 1px auto;
padding: 1px;
width: 99%;
max-height:500px;
overflow: auto;
}
/* The "Quote:" and "Code:" header parts... */
.quoteheader, .codeheader{
color: #FFFFFF;
text-decoration: none;
font-style: normal;
font-weight: bold;
font-size: x-small;
line-height: 1.2em;
}
.quote .quoteheader {
color: #000000 !important;
}
/*Linktree */
.linktree{
padding-left:20px;
color:#FFFFFF;
font-size:11px;
}
.linktree a:link, .linktree a:visited{
color:#d28333;
text-decoration: none;
}
.linktree a:hover{
color:#d28333;
text-decoration: underline;
}
/*A box for the smilies to go in on the post form*/
.smileybox{
width:140px;
max-width:140px;
height: 283px;
max-height: 283px;
background: #242148;
border: 1px solid #000000;
overflow: auto;
}
/* Generally, those [?] icons. This makes your cursor a help icon. */
.help{
cursor: help;
}
/* /me uses this a lot. (emote, try typing /me in a post.) */
.meaction{
color: #A2D29D;
}
/* /me inside a quote*/
.quote .meaction{
color: #6A0808 !important;
}
/* The main post box - this makes it as wide as possible. */
.editor{
width: 96%;
}
/* Highlighted text - such as search results. */
.highlight{
background-color: yellow;
font-weight: bold;
color: black;
}
/* Default font sizes: small (8pt), normal (10pt), and large (14pt). */
.smalltext{
font-size: x-small;
font-family: verdana, sans-serif;
}
.middletext{
font-size: 8pt;
}
.normaltext{
font-size: small;
}
.largetext{
font-size: large;
}
/* Posts and personal messages displayed throughout the forum. */
.post, .personalmessage{
width: 100%;
overflow: auto;
line-height: 1.3em;
font-size:12px;
word-wrap: break-word;
}
.post a:link, .post a:visited,
.signature a:link, .signature a:visited {
color: #CA7F32;
text-decoration: none;
}
.post a:hover, .signature a:hover {
color: #CA7F32;
text-decoration: underline;
}
/* All the signatures used in the forum. */
.signature{
width: 100%;
padding-bottom: 3px;
line-height: 1.3em;
overflow:auto;
max-height:275px;
display:block
}
/*Error messages. ".error" is simple text, whereas ".errorb1" includes an error box.*/
.error{
color: #D28333;
font-weight: bold;
}
.errorb1{
color: #D28333;
border: 2px dashed #D28333;
padding: 4px;
font-weight: bold;
background-color: #2e2a59;
}
.mobile{
display: none;
}
.userlink, .userlink a{
color:#FFFFFF !important;
}
/*styles for guests in who's online */
.whoisguest{
color:#B6B5B5;
font-style:italic;
}
.whoisguest a:link, .whoisguest a:visited{
color:#AD5F11;
text-decoration:none;
}
.whoisguest a:hover{
color:#AD5F11;
text-decoration:underline;
}
/*styles for users in who's online*/
.whoisuser a:link, .whoisuser a:visited{
color:#d28333;
text-decoration:none;
}
.whoisuser a:hover{
color:#d28333;
text-decoration:underline;
}
/* The AJAX notifier */
#ajax_in_progress{
background: #D28333;
color: #FFFFFF;
text-align: center;
font-weight: bold;
font-size: 13pt;
padding: 3px;
width: 100%;
position: fixed;
top: 0;
left: 0;
}