/****
Standard html elements.
****/
/* By default (td, body..) use verdana in black. */
body
{
font-family: Verdana, Tahoma, Sans-serif, serif;
font-size: small;
color: #ffffff;
background: #000000 url("images/body_bg.jpg") top left repeat-x;
margin: 0px;
padding: 0 0 25px 0;
}
/* Normal, standard links. */
a:link, a:visited, a:active
{
color: #dd9200;
text-decoration: none;
}
a:hover
{
color: #ffa800;
text-decoration: underline;
}
/* Tables should show empty cells. */
table { empty-cells: show; }
/* Input boxes - just a bit smaller than normal so they align well. */
input { font-size: 90%; }
textarea { font-size: 100%; }
textarea, select, option
{
background-color: #000000;
border: 1px solid #2b2b2b;
color: #ffffff;
}
/* All input elements that are checkboxes or radio buttons. */
input.check {}
/* Selects are a bit smaller, because it makes them look even better 8). */
select { font-size: 90%; font-weight: normal;}
label { color: #ffffff; }
/****
The styles for the dropdown menus.
****/
.drop-down
{
position:absolute;
border: 1px solid #2b2b2b;
background-color:#000000;
padding: 1px;
}
a.subNav-link:link, a.subNav-link:visited, a.subNav-link:active, .subNav-link a, .subNav-link
{
color: #dd9200;
text-decoration: none;
border: 0;
display: block;
background-color: #0b0b0b;
text-align: left;
padding-left: 5px;
line-height: 20px;
vertical-align: middle;
font-size: 11px;
border: 1px solid #0b0b0b;
}
a.subNav-link:hover, .subNav-link a:hover, .subNav-link:hover
{
color: #ffa800;
text-decoration: none;
border: 0;
background-color: #141414;
border: 1px solid #dd9200;
}
/****
This is for the topic tools link on the display template.
****/
a.topic-tools:link, a.topic-tools:visited, a.topic-tools:active
{
font-weight: bold;
font-size: 11px;
padding: 5px 5px 5px 5px; /* top right bottom left */
text-decoration: none;
}
a.topic-tools:hover
{
text-decoration: none;
}
td.catbg div table tr td a.subNav-link
{
font-weight: normal;
}
/* These are the links in Pages [ 1 ], 2, 3, ... */
a.navPages:link, a.navPages:visited, a.navPages:active
{
color: #dd9200;
text-decoration: underline;
}
a.navPages:hover
{
color: #ffa800;
text-decoration: none;
}
.mainnav
{
background: #000000 url("images/titlebg.gif") top left repeat-x;
}
.mainnav a.mainnav-link:link, .mainnav a.mainnav-link:active, .mainnav a.mainnav-link:visited
{
color: #dd9200;
font-weight: normal;
font-size: 11px;
text-decoration: none;
text-transform: uppercase;
}
.mainnav a.mainnav-link:hover
{
color: #ffa800;
text-decoration: none;
}
/* This is the news fader text color */
#smfFadeScroller
{
color: #ffffff;
}
/* This is for the poll option's fieldset. */
.pollOptions
{
border: 1px solid #2b2b2b;
padding: 8px;
}
.pollOptions legend
{
color: #ffffff;
}
/* This is the poll bar on topics with polls. Works if you have the mod installed. */
.poll-bar
{
width: 100px;
white-space: nowrap;
text-align: left;
background: url("images/pollbg.gif") center left no-repeat;
}
/****
This is the topic author's name on the message index.
****/
.topic-author, .topic-author a, .topic-author a:link, .topic-author a:visited, .topic-author a:active, span.topic-author a, span.topic-author a:link, span.topic-author a:visited, span.topic-author a:active
{
font-size: 11px;
color: #ffffff;
text-decoration: none;
font-weight: normal;
}
.topic-author a:hover
{
color: #ffffff;
text-decoration: none;
font-weight: normal;
}
/* This is for the post author information on each post. */
ul.postauthorinfo
{
margin: 0;
padding: 0;
list-style-type: none;
}
ul.postauthorinfo li
{
font-size: x-small;
text-align: left;
margin: 2px 0 2px 0;
padding: 2px 0 2px 3px;
list-style-type: none;
}
/* Standard horizontal rule.. ([hr], etc.) */
hr, .hrcolor
{
height: 1px;
border: 0;
color: #2b2b2b;
background-color: #2b2b2b;
margin-left: 0px;
}
/* A quote, perhaps from another post. */
.quote, .code
{
border: 1px solid #2b2b2b;
color: #ffffff;
padding: 8px;
margin: 0 15px 8px 15px;
background-color: #0b0b0b;
overflow: auto;
}
.quote
{
font-size: x-small;
line-height: 1.4em;
}
/* A code block - maybe even PHP ;). */
.code
{
font-family: "courier new", "times new roman", monospace;
line-height: 1.3em; /* Don't wrap its contents, and show scrollbars. */
/*white-space: nowrap;*/
max-height: 24em;
}
/* The "Quote:" and "Code:" header parts... */
.quoteheader, .codeheader
{
color: #ffffff;
text-decoration: none;
font-weight: normal;
font-size: 11px;
line-height: 25px;
height: 25px;
padding: 1px;
margin-left: 15px;
vertical-align: middle;
}
/* Highlighted text - such as search results. */
.highlight
{
background-color: #2b2b2b;
font-weight: bold;
color: #ffffff;
}
/* Alternating backgrounds for posts, and several other sections of the forum. */
/*.windowbg a, .windowbg2 a, .windowbg3 a, .windowbgpinned a, .windowbg2pinned a, .tborder a, */
.windowbg, .windowbg2, .windowbg3, .windowbgpinned, .windowbg2pinned, .tborder
{
color: #ffffff;
}
.windowbg { background: #141414; } /* light */
.windowbg2 { background: #0b0b0b; } /* dark */
.windowbg3 { background: #0b0b0b; } /* Null in my themes, make it the same as windowbg2 */
/****
This is the username of the poster.
****/
a.postername:link, a.postername:visited, a.postername:active
{
/* display: block;
padding: 3px 5px 3px 5px;
background: #e7e7e7;
border: 1px solid #acacac;*/
text-align: left;
color: #dd9200;
text-decoration: none;
font-size: 16px;
font-weight: normal;
}
a.postername:hover
{
/* background: #efefef;
border: 1px solid #acacac;*/
color: #ffa800;
text-decoration: none;
}
/* the today container in calendar */
.calendar_today
{
background-color: #0b0b0b;
color: #ffffff;
font-weight: bold;
}
/* These are used primarily for titles, but also for headers (the row that says what everything in the table is.) */
.titlebg, tr.titlebg th, tr.titlebg td, .titlebg2, tr.titlebg2 th, tr.titlebg2 td, .titlebg2 td
{
color: #ffffff;
font-style: normal;
background: #000000 url("images/titlebg.gif") top left repeat-x;
font-weight: normal;
font-size: 11px;
padding-left: 10px;
padding-right: 10px;
}
.titlebg2 label { color: #ffffff; }
.titlebg { font-weight: bold; }
.titlebg a:link, .titlebg a:visited
{
font-weight: bold;
color: #dd9200;
font-style: normal;
}
.titlebg a:hover
{
color: #ffa800;
}
/* same as titlebg, but used where bold text is not needed */
.titlebg2 a:link, .titlebg2 a:visited, td.titlebg table tr td a:hover
{
color: #dd9200;
font-style: normal;
text-decoration: underline;
}
.titlebg2 a:hover
{
text-decoration: underline;
color: #ffa800;
}
/* This is used for categories, page indexes, and several other areas in the forum.
.catbg and .catbg2 is for boardindex, while .catbg3 is for messageindex and display headers*/
.catbg, td.catbg , tr.catbg td , .catbg3 , tr.catbg3 td, .menulist li#dropdownTitle
{
background: #303030 url("images/catbg.gif") top left repeat-x;
color: #ffffff;
padding-left: 10px;
padding-right: 10px;
vertical-align: middle;
}
.catbg2 , tr.catbg2 td, td.catbg2
{
background: #303030 url("images/catbg.gif") top left repeat-x;
color: #ffffff;
padding-left: 10px;
padding-right: 10px;
vertical-align: middle;
}
.catbg, .catbg2
{
font-weight: bold;
}
.catbg3, tr.catbg3 td
{
font-size: 95%;
color: #ffffff;
text-decoration: none;
}
.catbg a:link, .catbg a:visited , .catbg2 a:link, .catbg2 a:visited, .catbg3 a:link, .catbg3 a:visited
{
color: #dd9200;
text-decoration: none;
}
.catbg a:hover, .catbg2 a:hover, .catbg3 a:hover
{
color: #ffa800;
}
.cat-whiteText
{
color: #ffffff;
}
/* This is used for tables that have a grid/border background color (such as the topic listing.) */
.bordercolor
{
background-color: #2b2b2b;
padding: 0px;
}
/* This is used on tables that should just have a border around them. */
.tborder
{
padding: 0px;
border: 1px solid #2b2b2b;
background-color: #000000;
}
.tborder td
{
/* color: #000000;*/
}
/* Posts and personal messages displayed throughout the forum. */
.post, .personalmessage
{
width: 100%;
/*overflow: auto;*/
line-height: 1.3em;
}
/* All the signatures used in the forum. If your forum users use Mozilla, Opera, or Safari, you might add max-height here ;). */
.signature
{
width: 100%;
overflow: auto;
padding-bottom: 3px;
line-height: 1.3em;
}
/* The AJAX notifier */
#ajax_in_progress
{
background: #2f2f2f;
color: white;
text-align: center;
font-weight: bold;
font-size: 18pt;
padding: 3px;
width: 100%;
position: fixed;
bottom: 0;
left: 0;
}
/****
Things that really don't need changed so shouldn't get much attention...
****/
.help { cursor: help; } /* Generally, those [?] icons. This makes your cursor a help icon. */
.meaction { color: #a500be; } /* /me uses this a lot. (emote, try typing /me in a post.) */
.editor { width: 96%; } /* The main post box - this makes it as wide as possible. */
.error { color: red; } /* Sometimes there will be an error when you post */
/* Default font sizes: small (8pt), normal (10pt), and large (14pt). */
.smalltext { font-size: x-small; }
.middletext { font-size: 11px; }
.normaltext { font-size: small; }
.largetext { font-size: large; }
a img, img { border: 0; } /* No image should have a border when linked */
/****
The custom template parts.
****/
.outer-border
{
border: 1px solid #222020;
text-align: left;
margin: 0 auto 0 auto;
width: 80%;
max-width: 1000px;
min-width: 770px;
}
.middle-box
{
background: #2c2c2c url("images/wrapper_bg.gif") top left repeat;
padding: 8px;
border-top: 1px solid #3e3e3e;
border-right: 1px solid #0a0a0a;
border-bottom: 1px solid #1a1a1a;
border-left: 1px solid #898989;
}
.inner-border
{
background: #000000;
padding: 0;
border-top: 1px solid #1a1a1a;
border-right: 1px solid #3e3e3e;
border-bottom: 1px solid #898989;
border-left: 1px solid #0a0a0a;
}
.welcome-area
{
padding: 10px 0 10px 0;
margin: 0 auto 0 auto;
width: 80%;
max-width: 1000px;
min-width: 770px;
}
.logo-area
{
text-align: left;
background: #000000 url("images/logo_bg.jpg") bottom right no-repeat;
padding: 0px 0 0px 0px; /* top right bottom left, the top and bottom plus the height of the image = the height of the div */
}