Style Your Forum
Welcome, Guest. Please login or register.

Login with username, password and session length
   Home   Browse Styles Browse Codes My Submissions Support Login Register  
Sponsored Links

Black Chocolate
Description: /* Normal, standard links. */
a:link, a:visited, a:active
{
   color: #b9babb;
   text-decoration: none;
}

a:hover
{
   color: #ffffff;
   text-decoration: none;
}


/* News Fader Text Color*/
#smfFadeScroller
{
 color: #e3e3e3;
}

/* News Fader links color*/
#smfFadeScroller a:link, #smfFadeScroller a:visited
{
 color: #e3e3e3;
text-decoration:  underline;
}

/* Tables should show empty cells. */
table
{
   empty-cells: show;
}

/* By default (td, body..) use verdana in black. */
body, td, th , tr
{
   font-family: Verdana, Tahoma, Sans-serif, serif;
   font-size: small;
   color: #e3e3e3;
}

/* The main body of the entire forum. */
body
{
   background: #282828;
   margin: 0px;
   padding: 0px;
}
#bodytop
{
   background: #282828 url(\"http://www.styleyourforum.com/data/55/css0.png\") top center repeat-y;
}

#wrapper
{
   background: #000000;
   width: 983px;
}

#stoneheader
{
   text-align: left;
   width: 977px;
}

#forumbody
{
   text-align: left;
   margin: 0px 8px 0px 8px;
}


/* Input boxes - just a bit smaller than normal so they align well. */
input, textarea, button
{
   font-family: verdana, sans-serif;
}
input, button
{
   font-size: 90%;
}

textarea
{
   font-size: 100%;
   font-family: verdana, sans-serif;
}

textarea, select, option, input
{
   background-color: #000000;
   border: 1px solid #333838;
   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 Cool. */
select
{
   font-size: 90%;
   font-weight: normal;
   font-family: verdana, sans-serif;
}

/* The search input field in the header.*/
.search-input
{
   background-color: transparent;
   border: 0px;
   color: #ffffff;
   font-size: 11px;
   line-height: 14px;
   padding: 6px 4px 6px 4px;
   width: 199px;
   margin-left: 20px;
}



/* Standard horizontal rule.. (
, etc.) */
hr, .hrcolor
{
   height: 1px;
   border: 0;
   color: #333838;
   background-color: #333838;
   margin-left: 0px;
}

/* No image should have a border when linked */
a img{
border: 0;
}



/* A quote, perhaps from another post. */
.quote, .code
{
   border-top: 1px solid #000000;
   border-right: 1px solid #3a3a3a;
   border-bottom: 1px solid #3a3a3a;
   border-left: 1px solid #000000;
   color: #e3e3e3;
   padding: 8px;
   margin: 0 15px 8px 15px;
   background-color: #1a1a1a;
}
.quote
{
   font-size: x-small;
   line-height: 1.4em;
}
/* A code block - maybe even PHP Wink. */
.code
{
   font-family: Arial, \"courier new\", \"times new roman\", monospace;
   line-height: 1.3em; /* Don\'t wrap its contents, and show scrollbars. */
   white-space: nowrap;
   overflow: auto; /* Stop after about 24 lines, and just show a scrollbar. */
   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;
}

/* 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: red;
}

/* 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;
}

/* Alternating backgrounds for posts, and several other sections of the forum. */
.windowbg
{
   color: #e3e3e3;
   background-color: #2f2f2f;
   border-top: 1px solid #515151;
   border-left: 1px solid #515151;
}
.windowbg2
{
   color: #e3e3e3;
   background-color: #262626;
   border-top: 1px solid #505050;
   border-left: 1px solid #505050;
}
.windowbg3
{
   color: #e3e3e3;
   background-color: #202020;
   border-top: 1px solid #404040;
   border-left: 1px solid #404040;
}
.windowbgpinned
{
   color: #e3e3e3;
   background-color: #262626;
   border-top: 1px solid #505050;
   border-left: 1px solid #505050;
}
.windowbg2pinned
{
   color: #e3e3e3;
   background-color: #202020;
   border-top: 1px solid #404040;
   border-left: 1px solid #404040;
}
.windowbg, .windowbg2, .windowbg3, .windowbgpinned, .windowbg2pinned
{
   /*border-collapse: collapse;*/
   /*border-bottom: 1px solid #000000;
   border-right: 1px solid #000000;*/
}



/* the today container in calendar */
.calendar_today
{
   background-color: #1F1F1F;
   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-color: #1a1a1a;
   background-image: url(\"http://www.styleyourforum.com/data/55/css1.jpg\");
   background-position: top left;
   background-repeat: repeat-x;
   font-weight: bold;
   font-size: 11px;
   border-top: 0px solid #000000;
   border-right: 0px solid #000000;
   border-bottom: 0px solid #000000;
   border-left: 0px solid #000000;
   padding-left: 10px;
   padding-right: 10px;
}
.titlebg, .titlebg a:link, .titlebg a:visited
{
   font-weight: bold;
   color: #b9babb;
   font-style: normal;
}

.titlebg a:hover
{
   color: #ffffff;
}
/* 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: #b9babb;
   font-style: normal;
   text-decoration: underline;
}

.titlebg2 a:hover
{
   text-decoration: underline;
   color: #ffffff;
}

/* 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-image: url(http://www.styleyourforum.com/data/55/css2.png);
   background-color: #020b0a;
   background-position: top left;
   background-repeat: repeat-x;
   color: #ffffff;
   padding-left: 10px;
   padding-right: 10px;
   vertical-align: middle;
}
.catbg2 , tr.catbg2 td, td.catbg2
{
   background-image: url(http://www.styleyourforum.com/data/55/css2.png);
   background-color: #020b0a;
   background-position: top left;
   background-repeat: repeat-x;
   color: #ffffff;
   padding-left: 10px;
   padding-right: 10px;
   vertical-align: middle;
}
.catbg, .catbg2
{
   font-weight: bold;
}
.catbg3, tr.catbg3 td, .catbg3 a:link, .catbg3 a:visited
{
   font-size: 95%;
   color: #ffffff;
   text-decoration: none;
}
.catbg a:link, .catbg a:visited , .catbg2 a:link, .catbg2 a:visited
{
   color: #ffffff;
   text-decoration: none;
}
.catbg a:hover, .catbg2 a:hover, .catbg3 a:hover
{
   color: #ffffff;
}
.cat-whiteText
{
   color: #ffffff;
}

/* This is the titles for the columns on the board index */
.column-title, td.column-title
{
 text-align: center;
 vertical-align: middle;
 background: #1a1a1a url(\"http://www.styleyourforum.com/data/55/css4.jpg\") top left repeat-x;
 /*line-height: 16px;*/
 font-weight: bold;
 color: #ffffff;
 font-size: 10px;
 border-top: 0px solid #000000;
 border-right: 0px solid #000000;
 border-bottom: 0px solid #000000;
 border-left: 0px solid #000000;
 padding-left: 5px;
 padding-right: 5px;
}

/* This is used for tables that have a grid/border background color (such as the topic listing.) */
.bordercolor
{
   background-color: #000000;
   padding: 0px;
}

/* This is the border arround the topic posts and quick reply. */
.displayborder
{
   padding: 0px;
   border: 1px solid #333838;
}

/* This is the gridline color for the lines between boards and topics. */
.gridlineColor
{
   /*border-collapse: collapse;
   /*border: 1px solid #333838;*/
}

/* This is the grid lines behind the specs drop down. */
.specgrid
{
   background-color: #333838;
}

/* This is used on tables that should just have a border around them. */
.tborder
{
   padding: 0px;
   border: 1px solid #000000;
   background-color: #000000;
}
.tborder td
{
/*   color: #000000;*/
}

/* Default font sizes: small (8pt), normal (10pt), and large (14pt). */
.smalltext
{
   font-size: x-small;
   font-family: verdana, sans-serif;
}
.middletext
{
   font-size: 90%;
}
.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;
}

/* All the signatures used in the forum.  If your forum users use Mozilla, Opera, or Safari, you might add max-height here Wink. */
.signature
{
   width: 100%;
   overflow: auto;
   padding-bottom: 3px;
   line-height: 1.3em;
}

/* Sometimes there will be an error when you post */
.error{
color: red;
}

/* definitions for the main tab, active means the tab reflects which page is displayed */
.maintab_first, .maintab_back, .maintab_last, .maintab_active_first, .maintab_active_back, .maintab_active_last
{
   background-image: none !important;
             background-position: left bottom;
   color: white;
   text-transform: uppercase;
   vertical-align: top;
}
.maintab_back, .maintab_active_back
{
   color: white;
   text-decoration: none;
   font-size:  9px;
   vertical-align: top;
   padding: 2px 6px 6px 6px;
   font-family: tahoma, sans-serif;
}

.maintab_first
{
   background-repeat: no-repeat;
   width: 10px;
}
.maintab_back
{
   background-repeat: repeat-x;
}
.maintab_last
{
   background-repeat: no-repeat;
   width: 8px;
}
.maintab_active_first
{
   background-repeat: no-repeat;
   width: 0px;
}
.maintab_active_back

{
   background-repeat: repeat-x;
}


}
.maintab_active_last
{
   background-repeat: no-repeat;
   width: 0px;
}

/* how links behave in main tab. */
.maintab_back a:link , .maintab_back a:visited, .maintab_back a:active
{
   color: #FFFFFF;
   font-weight: bold;
   text-decoration: none;
   
}

.maintab_back a:hover
{
   color: #716F64;
   font-weight: bold;
   text-decoration: none;
   
}
.maintab_active_back a:link , .maintab_active_back a:visited, .maintab_active_back a:active {
   color: #FFFFFF;
   text-decoration: none;
   font-weight: bold;
   border-bottom: 2px solid #716F64;
}
.maintab_active_back a:hover {
   color: #796D50;
   text-decoration: none;
   font-weight: bold;
   border-bottom: 2px solid #716F64;

}
/* definitions for the mirror tab */
.mirrortab_first, .mirrortab_back, .mirrortab_last, .mirrortab_active_first, .mirrortab_active_back, .mirrortab_active_last
{
   background-image: none !important;
             background-position: left top;
   color: white;
   text-transform: uppercase;
   vertical-align: top;

}
.mirrortab_back, .mirrortab_active_back
{
   color: #FFFFFF;
   text-decoration: none;
   font-size: 9px;
   vertical-align: bottom;
   padding: 6px 6px 2px 6px;
   font-family: tahoma, sans-serif;
}

.mirrortab_first
{
   background-repeat: no-repeat;
   width: 10px;
}
.mirrortab_back
{
   background-repeat: repeat-x;
}
.mirrortab_last
{
   background-repeat: no-repeat;
   width: 6px;
}
.mirrortab_active_first
{
   background-repeat: no-repeat;
   width: 0px;
}
.mirrortab_active_back
{
   background-repeat: repeat-x;
}
.mirrortab_active_last
{
   background-repeat: no-repeat;
   width: 0px;
}

/* how links behave in mirror tab. */
.mirrortab_back a:link , .mirrortab_back a:visited, .mirrortab_back a:active
{
   color: #FFFFFF;
   font-weight: bold;
   text-decoration: none;
   
}

.mirrortab_back a:hover, .mirrortab_active_back a:hover
{
   color: #716F64;
   font-weight: bold;
   text-decoration: none;
   
}
.mirrortab_active_back a:link , .mirrortab_active_back a:visited, .mirrortab_active_back a:active {
   color: #FFFFFF;
        font-weight: bold;
   text-decoration: none;
   
}
.mirrortab_active_back a:hover {
   color: #716F64;
   font-weight: bold;
   text-decoration: none;
   
}
 





/* 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;
}
Rating: *** By 1 members

Preview Style: http://www.styleyourforum.com/preview/index.php?styleid=59
Style CSS:
Style Author: eric the gr8
Find More by Author *
Views: 1226

Comments
Add Comment

Add Comment
Comment: 
Free Forum Hosting for your online message board at SMFForFree.com