SMF For Free Support Forum

Forum Url: http://www.styleyourforum.com/preview/index.php?styleid=794
A long forgotten style sheet I created over 6 years ago.  It was my final one I've ever created but I didn't quite get to finish.
I wanted to get the very bottom to go all the way to the end of the screen but never was able to get it to repeat correctly.  
I also tried to get all of the images on the board to be custom, but that took too much time and I never finished it.

Also in the headers there is a place for a banner.  That is where you can place a banner for your site.

I hope you guys enjoy it.

View Live Preview: Link

Add To Very Top of Headers
<script src="/jquery.js"></script>
<div id="toparea"><div id="topbox" class="wrapper"></div></div>
<div id="mainarea"><div id="header" class="wrapper"></div>
<div id="mainframe"><div id="topframe"><div id="topframe2"><div id="topframe3"></div></div></div></div></div>
<div id="bodyframe"><div id="bodyframe2"><div id="menuinner"></div>
<div class="logo"><img src="http://i75.photobucket.com/albums/i288/deathwilldie/rX/cantable/banner2.png" alt="RevolutionX" /></div>
Add To Top of Footers
<center><b>Cantable</b> Created by <b>deathwilldie</b> of <a href="http://www.revolutionx.smfforfree3.com">Revolution X</a></center>
</div></div><div id="bottomframe" onload="News();"><div id="bottomleft"><div id="bottomright"></div></div></div></div>
Add To Very Bottom of Footers
</div></div>
CSS
/*Links In a Post*/
div.post A
{
color: #C50F1C;
}

#footerarea a
{
color: #242424;
}
/* Normal, standard links. */
a:link
{
color: #C50F1C;
text-decoration: none;
}
a:visited
{
color: #C50F1C;
text-decoration: none;
}
a:hover
{
color: #840811;
text-decoration: underline;
}

/* Navigation links - for the link tree. */
.nav, .nav:link, .nav:visited
{
color: #C50F1C;
text-decoration: none;
}
a.nav:hover
{
color: #840811;
text-decoration: underline;
}

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

/* By default (td, body..) use verdana in black. */
body, td, th , tr
{
color: #9A9898;
font-size: x-small;
font-family: verdana, sans-serif;
}

/* The main body of the entire forum. */
body
{

background: url(http://www.styleyourforum.com/data/794/css0.png) repeat-x #242424;
margin: auto;
        Width: 1004px;
        padding-top:0;
}

/* Input boxes - just a bit smaller than normal so they align well. */
input, textarea
{
font-size: 100%;
color: #8B8B8B;
background-color: #FFFFFF;
font-family: verdana, sans-serif;
}
button
{
background-color: ;
color: #f4f4f4;
font-family: verdana, sans-serif;
}

input, button
{
font-size: 90%;
}

textarea
{

font-size: 100%;
             background:  url();
             background-position: center center;
             background-repeat: repeat;
color: #9A9898;
background-color: #FFFFFF;
font-family: verdana, sans-serif;

}

/* 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: 85%;
font-weight: normal;
color: #9A9898;
font-family: verdana, sans-serif;
}

/* Standard horizontal rule.. ([hr], etc.) */
hr, .hrcolor
{
height: 1px;
border: 0;
color: #168ACC;
background-color: #F4F4F4;
}

/* The Big Text */
h1
{
        background-color:#FFFFFF;
        background-repeat:repeat-x;
        padding:4px 15px;
        border: 1px solid #D6D6D6;
        
}

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

/* A quote, perhaps from another post. */
.quote
{
color: #840811;
background-color: #FFFFFF;
border: 1px solid #D6D6D6;
margin: 1px;
padding: 1px;
font-size: x-small;
line-height: 1.4em;
}

/* A code block - maybe even PHP ;). */
.code
{
color: #840811;
background-color: #FFFFFF;
font-size: x-small;
line-height: 1.3em;
/* Put a nice border around it. */
border: 1px solid #D6D6D6;
margin: 1px auto 1px auto;
padding: 1px;
width: 99%;
/* 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
{
display: none;
color: #840811;
background: url(http://www.styleyourforum.com/data/794/css1.png) repeat-x;
text-decoration: none;
font-style: normal;
font-weight: bold;
font-size: x-small;
line-height: 1.2em;
        margin: 3px;
        margin-bottom: 6px;
        padding: 3px;
}

/* 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: #8B8B8B;
background-color: #E8E8E8;
}
.windowbg2
{
color: #8B8B8B;
background-color: #EEEEEE;
}
.windowbg3
{
color: #8B8B8B;
background-color: #EEEEEE;
}
/* the today container in calendar */
.calendar_today
{
background-color: #FFFFFF;
}

/* 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
{
color: #8B8B8B;
font-style: normal;
background-color: black;
background: url(http://www.styleyourforum.com/data/794/css2.png) repeat-x center center;
padding-left: 1px;
padding-right: 1px;
}
.titlebg, .titlebg a:link, .titlebg a:visited
{
font-weight: bold;
color: #8B8B8B;
font-style: normal;
}
.titlebg a:hover
{
color: #8B8B8B;
}
/* same as titlebg, but used where bold text is not needed */
.titlebg2 a:link, .titlebg2 a:visited
{
color: #8B8B8B;
font-style: normal;
text-decoration: underline;
}

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

/* 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 , tr.catbg td , .catbg3 , tr.catbg3 td

{
background: url(http://www.styleyourforum.com/data/794/css3.png) #F4F4F4 center center;
        color: #F4F4F4;
}
.catbg2 , tr.catbg2 td
{
background: url(http://www.styleyourforum.com/data/794/css3.png) center center;  
              background-color: #F4F4F4;
color: #F4F4F4;
}
.catbg, .catbg2, .catbg3
{
border-bottom: solid 1px #CED0CD;
}
.catbg, .catbg2
{
font-weight: bold;
             horizontal-align:  center;
}
.catbg3, tr.catbg3 td, .catbg3 a:link, .catbg3 a:visited
{
font-size: 95%;
color: white;
text-decoration: none;
}
.catbg a:link, .catbg a:visited , .catbg2 a:link, .catbg2 a:visited
{
color: white;
text-decoration: none;
}
.catbg a:hover, .catbg2 a:hover, .catbg3 a:hover
{
color: #840811;
}
/* This is used for tables that have a grid/border background color (such as the topic listing.) */
.bordercolor
{
            color: #d0d0d0;
background-color: #CED0CD;
padding: 0px;
}
/*Created by deathwilldie*/
/* This is used on tables that should just have a border around them. */
.tborder
{
padding: 1px;
border: 1px solid #F4F4F4;
background-color: #F4F4F4;
}


/* Default font sizes: small (8pt), normal (10pt), and large (14pt). */

.smalltext
{
font-size: x-small;
}
.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 ;). */
.signature
{
width: 100%;
overflow: auto;
padding-bottom: 3px;
line-height: 1.3em;
}

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

/*Created by deathwilldie*/
/* 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
{
color: white;
text-transform: lowercase;
vertical-align: top;
                
}
.maintab_back, .maintab_active_back
{
color: #B5B5B5;
text-decoration: none;
font-size:  9px;
vertical-align: center;
padding: 10px 6px 10px 6px;
font-family: tahoma, sans-serif;
}

.maintab_first
{
background: url(http://www.styleyourforum.com/data/794/css5.png) left bottom no-repeat;
width: 12px;
}
.maintab_back
{
background: url(http://www.styleyourforum.com/data/794/css6.png) left bottom repeat-x;
}
.maintab_last
{
background: url(http://www.styleyourforum.com/data/794/css7.png) left bottom no-repeat;
width: 25px;
}
.maintab_active_first
{
background: url(http://www.styleyourforum.com/data/794/css8.png) left bottom no-repeat;
width: 30px;
}
.maintab_active_back
{
background: url(http://www.styleyourforum.com/data/794/css6.png) left bottom repeat-x;
}
.maintab_active_last
{
background: url(http://www.styleyourforum.com/data/794/css8.png) left bottom no-repeat;
width: 30px;
}
/*Created by deathwilldie*/
/* how links behave in main tab. */
.maintab_back a:visited , .maintab_active_back a:visited , .maintab_back a:link
{
color: #B5B5B5;
text-decoration: none;
}
.maintab_active_back a:link
{
color: #B3101B;
text-decoration: none;
}

.maintab_back a:hover, .maintab_active_back a:hover
{
color: #B3101B;
text-decoration: none;
}
/* definitions for the mirror tab */
.mirrortab_first, .mirrortab_back, .mirrortab_last, .mirrortab_active_first, .mirrortab_active_back, .mirrortab_active_last
{
color: #B3101B;
text-transform: lowercase;
vertical-align: top;
}
.mirrortab_back, .mirrortab_active_back
{
color: #B5B5B5;
text-decoration: none;
font-size: 9px;
vertical-align: bottom;
padding: 10px 6px 10px 6px;
font-family: tahoma, sans-serif;
}

.mirrortab_first
{
background: url(http://www.styleyourforum.com/data/794/css5.png) no-repeat;
width: 10px;
}
.mirrortab_back
{
background: url(http://www.styleyourforum.com/data/794/css6.png) repeat-x;
}
.mirrortab_last
{
background: url(http://www.styleyourforum.com/data/794/css7.png) no-repeat;
width: 25px;
}
.mirrortab_active_first
{
background: url(http://www.styleyourforum.com/data/794/css8.png) no-repeat;
width: 45px;
}
.mirrortab_active_back
{
background: url(http://www.styleyourforum.com/data/794/css8.png) repeat-x;
}
.mirrortab_active_last
{
background: url(http://www.styleyourforum.com/data/794/css8.png) no-repeat;
width: 45px;
}

/* how links behave in mirror tab. */
.mirrortab_back a:link , .mirrortab_back a:visited, .mirrortab_active_back a:link , .mirrortab_active_back a:visited
{
color: #B3101B;
text-decoration: none;
}

.mirrortab_back a:hover, .mirrortab_active_back a:hover
{
color: #B3101B;
text-decoration: none;
}

/* The AJAX notifier */
#ajax_in_progress
{
background: #168ACC;
color: white;
text-align: center;
font-weight: bold;
font-size: 18pt;
padding: 3px;
width: 100%;
position: fixed;
top: 0;
left: 0;
}
#footerarea
{
       margin-top: -130px;
}
* html body /* for IE */
{
text-align: center;
}
#mainframe
{
text-align: left;
margin: 0 auto 0 auto;
}


.wrapper {
width: 960px;
margin: 0 auto;
padding: 0;
}

#toparea {

}

#topbox {
background: url() 50% 0 no-repeat;
height: 0px;
}
#topframe
{
background: url(http://www.styleyourforum.com/data/794/css17.png) repeat-x top right;

}
#topframe2
{
background: url(http://www.styleyourforum.com/data/794/css18.png) no-repeat top right;

}
#topframe3
{
background: url(http://www.styleyourforum.com/data/794/css19.png) no-repeat top left;
padding-left: 165px;
height: 222px;
}
#bodyframe
{
background: url(http://www.styleyourforum.com/data/794/css20.png) #efefef repeat-y top right;
padding-right: 100px;
}
#bodyframe2
{
padding-left: 100px;
background: url(http://www.styleyourforum.com/data/794/css21.png) repeat-y top left;
}
#bottomleft
{
background: url(http://www.styleyourforum.com/data/794/css22.png) no-repeat bottom left;
padding-left: 165px;
height: 150px;
}
#bottomframe
{
width: 1004px;
background: url(http://www.styleyourforum.com/data/794/css23.png) repeat-x bottom left;

}
#bottomright
{
background: url(http://www.styleyourforum.com/data/794/css24.png) no-repeat bottom right;
padding-right: 165px;
height: 150px;
}
div.logo
{
opacity:0.7;
text-align:center;
position:relative;
top:-80px;
}

Images
Old Post

http://www.styleyourforum.com/data/794/off.gifNew Post

http://www.styleyourforum.com/data/794/on.gifOn2

http://www.styleyourforum.com/data/794/on2.gifIco_info

http://www.styleyourforum.com/data/794/ico_info.gifIco_login

http://www.styleyourforum.com/data/794/ico_login.gifIco_Online

http://www.styleyourforum.com/data/794/ico_online.gif
UserOff

http://www.styleyourforum.com/data/794/useroff.gifUserOn

http://www.styleyourforum.com/data/794/useron.gifWWW

http://www.styleyourforum.com/data/794/www.gifWWW_sm

http://www.styleyourforum.com/data/794/www_sm.gifAIM

http://www.styleyourforum.com/data/794/aim.gifBuddy_UserOff

http://www.styleyourforum.com/data/794/buddy_useroff.gifBuddy_UserOn

http://www.styleyourforum.com/data/794/buddy_useron.gifCollapse

http://www.styleyourforum.com/data/794/collapse.gifConstruction

http://www.styleyourforum.com/data/794/construction.gifEmail_sm

http://www.styleyourforum.com/data/794/email_sm.gifExpand

http://www.styleyourforum.com/data/794/expand.gifIM_off

http://www.styleyourforum.com/data/794/im_off.gifIM_on

http://www.styleyourforum.com/data/794/im_on.gif

This is the final theme Revolution X had.  Enjoy



View Live Preview: Link

Add To Very Top of Headers
<div class="Agent_Moose">
<div class="Celebrus">
Add To Top of Footers
<center><b>V4</b> Created by <b>deathwilldie</b> of <a href="http://www.revolutionx.smfforfree3.com">Revolution X</a></center>
Add To Very Bottom of Footers
</div></div>
CSS
/*Forum Icons*/
.tborder .bordercolor .windowbg[valign='top'][width='6%'][rowspan='2']
{
        vertical-align:middle;
}
/* White & Gray background */
.Agent_Moose
{
background-color: #FFFFFF;
padding: 5px 6px 5px 6px;
}
.Celebrus
{
background-color: #DEDEDE;
padding: 5px 6px 100px 6px;
}
#footerarea
{
       margin-top: -100px;
}
div.nav
{
padding: 3px 5px 3px 0px;
}

/* Normal, standard links. */
a:link
{
color: #4D4D4D;
text-decoration: none;
}
a:visited
{
color: #4D4D4D;
text-decoration: none;
}
a:hover
{
color: #E5A01C;
text-decoration: none;
}

/* Navigation links - for the link tree. */
.nav, .nav:link, .nav:visited
{
color: #000000;
text-decoration: none;
}
a.nav:hover
{
color: #666666;
text-decoration: none;
}

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

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

/* The main body of the entire forum. */
body
{
background-color: #4d4d4d;
  margin: auto;
             width: 860px;
padding: 12px 30px 4px 30px;

}

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

textarea
{
background: #FFFFFF url() no-repeat scroll right bottom;
font-size: 100%;
color: #666666;
font-family: verdana, sans-serif;
border: 1px solid #888888;
}


textarea:focus, textarea.focus
{
background: #FFFFFF url() no-repeat scroll right bottom;
font-size: 100%;
color: #222222;
font-family: verdana, sans-serif;
border: 1px solid #f8b432;
}

/* 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;
color: #000000;
font-family: verdana, sans-serif;
}

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

/* No image should have a border when linked */
a img
{
border: 0;
}
/* A quote, perhaps from another post. */
.quote
{
color: #000000;
background-color: #DDDDDD;
border: 1px solid #4d4d4d;
margin: 1px;
padding: 2px;
font-size: x-small;
line-height: 1.4em;
}

/* A code block - maybe even PHP ;). */
.code
{
color: #000000;
background-color: #dddddd;
font-size: x-small;
line-height: 1.3em;
/* Put a nice border around it. */
border: 0px solid #000000;
margin: 1px auto 1px auto;
padding: 2px;
width: 99%;
/* 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;
background: url(http://www.styleyourforum.com/data/617/css2.png) #050504 repeat-x;
text-decoration: none;
font-style: normal;
font-weight: bold;
font-size: x-small;
line-height: 1.2em;
padding: 2px;
}
.quoteheader a:link
{
color: #ffffff;
}

/* 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;
font-decoration: italic;
}

/* The main post box - this makes it as wide as possible. */
.editor
{
width: 98%;
}

/* Highlighted text - such as search results. */
.highlight
{
background-color: green;
font-weight: bold;
color: black;
}

/* Alternating backgrounds for posts, and several other sections of the forum. */
.windowbg
{
color: #000000;
background-color: #ededed;
}
.windowbg2
{
color: #000000;
background-color: #f2f2f2;
}
.windowbg3
{
color: #000000;
background-color: #f2f2f2;
}

/* the today container in calendar */
.calendar_today
{
background-color: #FFFFFF;
}

/* 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
{
color: #FEFEFE;
font-style: normal;
background: url(http://www.styleyourforum.com/data/617/css2.png) #050504 repeat-x;
border-bottom: solid 1px #9BAEBF;
border-top: solid 1px #FFFFFF;
padding-left: 10px;
padding-right: 10px;
}
.titlebg, .titlebg a:link, .titlebg a:visited
{
font-weight: bold;
color: #FAFAFA;
font-style: normal;
}

.titlebg a:hover
{
color: #404040;
}
/* same as titlebg, but used where bold text is not needed */
.titlebg2 a, .titlebg2 a:link, .titlebg2 a:visited
{
color: #FAFAFA;
font-style: normal;
}

.titlebg2 a:hover
{
color: #404040;
}

/* 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 , tr.catbg td , .catbg3 , tr.catbg3 td
{
background: url(http://www.styleyourforum.com/data/617/css4.png) #DC9812 repeat-x;
color: #ffffff;
padding-left: 10px;
padding-right: 10px;
}
.catbg2 , tr.catbg2 td
{
background: url(http://www.styleyourforum.com/data/617/css4.png) #DC9812 repeat-x;
color: #ffffff;
padding-left: 10px;
padding-right: 10px;
}
.catbg, .catbg2, .catbg3
{
border-bottom: solid 1px #375576;
}
.catbg, .catbg2
{
font-weight: bold;
}
.catbg3, tr.catbg3 td, .catbg3 a:link, .catbg3 a:visited
{
font-size: 95%;
color: white;
text-decoration: none;
}
.catbg a:link, .catbg a:visited , .catbg2 a:link, .catbg2 a:visited
{
color: white;
text-decoration: none;
}
.catbg a:hover, .catbg2 a:hover, .catbg3 a:hover
{
color: #000000;
}
/* This is used for tables that have a grid/border background color (such as the topic listing.) */
.bordercolor
{
background-color: #ADADAD;
padding: 0px;
}

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

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

/* Post Links */
div.post a
{
color: #000000;
font-weight: bold;
text-decoration: underline, italic;
}
div.post a:hover
{
color: #E5A01C;
font-weight: bold;
text-decoration: underline, italic;
}

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

/* 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
{
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: url(http://www.styleyourforum.com/data/617/css6.png) left bottom no-repeat;
width: 10px;
}
.maintab_back
{
background: url(http://www.styleyourforum.com/data/617/css6.png) left bottom repeat-x;
}
.maintab_last
{
background: url(http://www.styleyourforum.com/data/617/css6.png) left bottom no-repeat;
width: 8px;
}
.maintab_active_first
{
background: url(http://www.styleyourforum.com/data/617/css6.png) left bottom no-repeat;

width: 6px;
}
.maintab_active_back
{
background: url(http://www.styleyourforum.com/data/617/css6.png) left bottom repeat-x;
}
.maintab_active_last
{
background: url(http://www.styleyourforum.com/data/617/css6.png) left bottom no-repeat;
width: 8px;
}

/* how links behave in main tab. */
.maintab_back a:link , .maintab_back a:visited, .maintab_active_back a:link , .maintab_active_back a:visited
{
color: white;
text-decoration: none;
}

.maintab_back a:hover, .maintab_active_back a:hover
{
color: #000000;
text-decoration: none;
}
/* definitions for the mirror tab */
.mirrortab_first, .mirrortab_back, .mirrortab_last, .mirrortab_active_first, .mirrortab_active_back, .mirrortab_active_last
{
color: white;
text-transform: uppercase;
vertical-align: top;
}
.mirrortab_back, .mirrortab_active_back
{
color: white;
text-decoration: none;
font-size: 9px;
vertical-align: bottom;
padding: 6px 6px 2px 6px;
font-family: tahoma, sans-serif;
}

.mirrortab_first
{
background: url(http://www.styleyourforum.com/data/617/css12.png) no-repeat;
width: 10px;
}
.mirrortab_back
{
background: url(http://www.styleyourforum.com/data/617/css12.png) repeat-x;
}
.mirrortab_last
{
background: url(http://www.styleyourforum.com/data/617/css12.png) no-repeat;
width: 6px;
}
.mirrortab_active_first
{
background: url(http://www.styleyourforum.com/data/617/css12.png) no-repeat;
width: 6px;
}
.mirrortab_active_back
{
background: url(http://www.styleyourforum.com/data/617/css12.png) repeat-x;
}
.mirrortab_active_last
{
background: url(http://www.styleyourforum.com/data/617/css12.png) no-repeat;
width: 8px;
}

/* how links behave in mirror tab. */
.mirrortab_back a:link , .mirrortab_back a:visited, .mirrortab_active_back a:link , .mirrortab_active_back a:visited
{
color: white;
text-decoration: none;
}
.mirrortab_back a:hover, .mirrortab_active_back a:hover
{
color: #000000;
text-decoration: none;
}

/* The AJAX notifier */
#ajax_in_progress
{
background: #4d4d4d;
color: white;
text-align: center;
font-weight: bold;
font-size: 18pt;
padding: 3px;
width: 100%;
position: fixed;
top: 0;
left: 0;
}
Images
Old Post

http://www.styleyourforum.com/data/617/off.gifNew Post

http://www.styleyourforum.com/data/617/on.gifOn2

http://www.styleyourforum.com/data/617/on2.gifIco_info

http://www.styleyourforum.com/data/617/ico_info.gifIco_login

http://www.styleyourforum.com/data/617/ico_login.gifIco_Online

http://www.styleyourforum.com/data/617/ico_online.gif

Well I have been making a theme that deals with a ton of the images used on the forum.  I am mainly just trying to create a theme with all custom made images so they all match the forum and they aren't just the default ones that everyone has on their forum.

Well mainly there are a few images that don't change when you even change it in the image changer thingy.

Here is a list of the ones that I have tried.






- For this one the image just stays the same even if I change it.  Like when you hover over the bbc images it will still show blue even if you change the image.
- This image is shown where it is showing what the sticky, Locked, normal, hot, and very hot topic images are.  But that image isn't even in the list to change the images.

I am just wondering why they are like that and if it could be fixed cause I would like to change the images without having to use a code and that's what the customize images are for.

Well I was wondering if it could be possible to make the catbg class only part where it shows the name of the category and what not.  Like pretty much making it so when your looking in the board the place that says Subject, Started by and what not to be a different class.  It would end up looking better on themes some themes.

The problem about that is having to change the forum and stuff...which would take a while so I wouldn't be surprised if you don't do it

Forum Url: http://revolutionx.smfforfree3.com
This is one that is filled with colors that are interesting together

Preview: http://www.styleyourforum.com/preview/index.php?styleid=318




Must add to Headers
<div style="background-color: #B1D900; padding: 1px 1px 1px 1px;">
Must add to footers
</div><center><a href='http://www.revolutionx.smfforfree3.com'><img src='http://i225.photobucket.com/albums/dd64/ugrequests/Other%20Skins/Jammin%20Jello/copyright.png' /></a></center>




CSS
/*Links In a Post*/
div.post A
{
           Color:#497C01;
}

#footerarea a
{
color: #497C01;
}

/* Normal, standard links. */
a:link
{
color: #497C01;
text-decoration: none;
}
a:visited
{
color: #528c01;
text-decoration: none;
}
a:hover
{
color: #528c01;
text-decoration: underline;
}

/* Navigation links - for the link tree. */
.nav, .nav:link, .nav:visited
{
color: #497C01;
text-decoration: none;
}
a.nav:hover
{
color: #528c01;
text-decoration: underline;
}

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

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

/* The main body of the entire forum. */
body
{

background: url(http://www.styleyourforum.com/data/318/css0.png) repeat #f6910f;
margin: auto;
        Width: 800px;
padding: 12px 0px 0px 0px;
}

/* Input boxes - just a bit smaller than normal so they align well. */
input, textarea
{
font-size: 100%;
color: #666666;
        background: url(http://www.styleyourforum.com/data/318/css1.png) #fdaf05;
font-family: verdana, sans-serif;
}
button
{
color: #666666;
        background: url(http://www.styleyourforum.com/data/318/css1.png) #fdaf05;
font-family: verdana, sans-serif;
}

input, button
{
font-size: 90%;
}

textarea
{

font-size: 100%;
             background:  url();
             background-position: center center;
             background-repeat: repeat;
color: #666666;
background-color: #ffffff;
font-family: verdana, sans-serif;

}

/* 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: 85%;
font-weight: normal;
color: #b8b8b8;
font-family: verdana, sans-serif;
}

/* Standard horizontal rule.. ([hr], etc.) */
hr, .hrcolor
{
height: 1px;
border: 0;
color: #ffffff;
background-color: #F4F4F4;
}

/* The Big Text */
h1
{
        color: #497C01;
        background: url(http://www.styleyourforum.com/data/318/css1.png) #FDAF05 repeat-x;
        padding:4px 15px;
        border: 1px solid #b1D900;
       
}

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

/* A quote, perhaps from another post. */
.quote
{
color: #497C01;
background-color: #78BB00;
border: 1px dashed #B1D900;
margin: 1px;
padding: 1px;
font-size: x-small;
line-height: 1.4em;
}

/* A code block - maybe even PHP ;). */
.code
{
color: #497C01;
background-color: #78BB00;
font-size: x-small;
line-height: 1.3em;
/* Put a nice border around it. */
border: 1px dashed #B1D900;
margin: 1px auto 1px auto;
padding: 1px;
width: 99%;
/* 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: #497C01;
background: url(http://www.styleyourforum.com/data/318/css4.png) repeat-x;
text-decoration: none;
font-style: normal;
font-weight: bold;
font-size: x-small;
line-height: 1.2em;
        margin: 3px;
        margin-bottom: 6px;
        padding: 3px;
}

/* 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: #D66300;
        background: url(http://www.styleyourforum.com/data/318/css1.png) #fdaf05 repeat-x;
}
.windowbg2
{
color: #D66300;
        background: url(http://www.styleyourforum.com/data/318/css1.png) #fdaf05 repeat-x;
}
.windowbg3
{
color: #D66300;
        background: url(http://www.styleyourforum.com/data/318/css1.png) #fdaf05 repeat-x;
}
/* the today container in calendar */
.calendar_today
{
background-color: #FFFFFF;
}

/* 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
{
color: #666666;
font-style: normal;


background-color: #b7e000;
background: url(http://www.styleyourforum.com/data/318/css8.png) repeat-x center center;
padding-left: 1px;
padding-right: 1px;
}
.titlebg, .titlebg a:link, .titlebg a:visited
{
font-weight: bold;
color: #497C01;
font-style: normal;
}
.titlebg a:hover
{
color: #b8b8b8;
}
/* same as titlebg, but used where bold text is not needed */
.titlebg2 a:link, .titlebg2 a:visited
{
color: #b8b8b8;
font-style: normal;
text-decoration: underline;
}

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



/*This is for the Navigation Image*/
div.nav
{
        height: 30px;
        background: url(http://www.styleyourforum.com/data/318/css9.png) repeat-x;
        Padding: 8px 0px 0px 10px;
}


/* 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 , tr.catbg td , .catbg3 , tr.catbg3 td

{

        height:20px;
background: url(http://www.styleyourforum.com/data/318/css9.png) #fa9600;
        color: #497c01;
        padding: 8px 0px 0px 10px !important;
}
.catbg2 , tr.catbg2 td
{
        height:20px;
background: url(http://www.styleyourforum.com/data/318/css9.png); 
              background-color: #fa9600;
color: #497c01;
}
.catbg, .catbg2, .catbg3
{
border-bottom: solid 1px #fa9600;
}
.catbg, .catbg2
{
font-weight: bold;
             horizontal-align:  center;
}
.catbg3, tr.catbg3 td, .catbg3 a:link, .catbg3 a:visited
{
font-size: 95%;
color: #497c01;
text-decoration: none;
}
.catbg a:link, .catbg a:visited , .catbg2 a:link, .catbg2 a:visited
{
color: #497c01;
text-decoration: none;
}
.catbg a:hover, .catbg2 a:hover, .catbg3 a:hover
{
color: #497c01;
}
/* This is used for tables that have a grid/border background color (such as the topic listing.) */
.bordercolor
{
            color: #78BB00;
background-color: #78BB00;
padding: 0px;
}

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


/* Default font sizes: small (8pt), normal (10pt), and large (14pt). */

.smalltext
{
font-size: x-small;
}
.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 ;). */
.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
{
color: white;
text-transform: lowercase;
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: url(http://www.styleyourforum.com/data/318/css12.png) left bottom no-repeat;
width: 10px;
}
.maintab_back
{
background: url(http://www.styleyourforum.com/data/318/css13.png) left bottom repeat-x;
}
.maintab_last
{
background: url(http://www.styleyourforum.com/data/318/css14.png) left bottom no-repeat;
width: 8px;
}
.maintab_active_first
{
background: url(http://www.styleyourforum.com/data/318/css15.png) left bottom no-repeat;
width: 6px;
}
.maintab_active_back
{
background: url(http://www.styleyourforum.com/data/318/css15.png) left bottom repeat-x;
}
.maintab_active_last
{
background: url(http://www.styleyourforum.com/data/318/css15.png) left bottom no-repeat;
width: 8px;
}

/* how links behave in main tab. */
.maintab_back a:link , .maintab_back a:visited, .maintab_active_back a:link , .maintab_active_back a:visited
{
color: white;
text-decoration: none;
}

.maintab_back a:hover, .maintab_active_back a:hover
{
color: #abd800;
text-decoration: none;
}

/* definitions for the mirror tab */
.mirrortab_first, .mirrortab_back, .mirrortab_last, .mirrortab_active_first, .mirrortab_active_back, .mirrortab_active_last
{
color: white;
text-transform: lowercase;
vertical-align: top;
}
.mirrortab_back, .mirrortab_active_back
{
color: white;
text-decoration: none;
font-size: 9px;
vertical-align: bottom;
padding: 6px 6px 2px 6px;
font-family: tahoma, sans-serif;
}

.mirrortab_first
{
background: url(http://www.styleyourforum.com/data/318/css18.png) no-repeat;
width: 10px;
}
.mirrortab_back
{
background: url(http://www.styleyourforum.com/data/318/css19.png) repeat-x;
}
.mirrortab_last
{
background: url(http://www.styleyourforum.com/data/318/css20.png) no-repeat;
width: 6px;
}
.mirrortab_active_first
{
background: url(http://www.styleyourforum.com/data/318/css19.png) no-repeat;
width: 6px;
}
.mirrortab_active_back
{
background: url(http://www.styleyourforum.com/data/318/css19.png) repeat-x;
}
.mirrortab_active_last
{
background: url(http://www.styleyourforum.com/data/318/css19.png) no-repeat;
width: 8px;
}

/* how links behave in mirror tab. */
.mirrortab_back a:link , .mirrortab_back a:visited, .mirrortab_active_back a:link , .mirrortab_active_back a:visited
{
color: white;
text-decoration: none;
}

.mirrortab_back a:hover, .mirrortab_active_back a:hover
{
color: #e0e0ff;
text-decoration: none;
}

/* The AJAX notifier */
#ajax_in_progress
{
background: #32CD32;
color: white;
text-align: center;
font-weight: bold;
font-size: 18pt;
padding: 3px;
width: 100%;
position: fixed;
top: 0;
left: 0;
}



Images
new_none

http://www.styleyourforum.com/data/318/new_none.gif
new_some

http://www.styleyourforum.com/data/318/new_some.gif
Off

http://www.styleyourforum.com/data/318/off.gif
On

http://www.styleyourforum.com/data/318/on.gif
On2

http://www.styleyourforum.com/data/318/on2.gif

Forum Url: http://revolutionx.smfforfree3.com
This is a Christmas looking theme that took me forever to make just because I messed up a ton.

Preview: http://www.styleyourforum.com/preview/index.php?styleid=316






Must add to Headers
<div id="mainframe"><div id="topframe"><div id="topframe2"><div id="topframe3">
</div></div></div>
<div id="bodyframe"><div id="bodyframe2"> <div id="menuinner">
</div>
Must add to footers
</div></div><div id="bottomframe" onload="News();"><div id="bottomleft"><div id="bottomright"></div></div></div></div><center><a href='http://www.revolutionx.smfforfree3.com'><img src='http://i225.photobucket.com/albums/dd64/ugrequests/Other%20Skins/1christmasnight/copyright.png' /></a></center>




CSS
/*1 Christmas Night Created by deathwilldie*/
/*Links In a Post*/
div.post A
{
         Color:#E42120;
}

#footerarea a
{
        color: #E42120;
}

/* Normal, standard links. */
a:link
{
color: #E42120;
text-decoration: none;
}
a:visited
{
color: #E42120;
text-decoration: none;
}
a:hover
{
color: #B4302F;
text-decoration: underline;
}

/* Navigation links - for the link tree. */
.nav, .nav:link, .nav:visited
{
color: #E42120;
text-decoration: none;
}
a.nav:hover
{
color: #B4302F;
text-decoration: underline;
}

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

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

/* The main body of the entire forum. */
body
{

background: url() repeat-x #6A8A0A;
margin: auto;
        Width: 935px;
padding: 12px 0px 0px 0px;
}

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

input, button
{
font-size: 90%;
}

textarea
{

font-size: 100%;
             background:  url();
             background-position: center center;
             background-repeat: repeat;
color: #666666;
background-color: #ffffff;
font-family: verdana, sans-serif;

}

/* 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: 85%;
font-weight: normal;
color: #b8b8b8;
font-family: verdana, sans-serif;
}

/* Standard horizontal rule.. ([hr], etc.) */
hr, .hrcolor
{
height: 1px;
border: 0;
color: #ffffff;
background-color: #F4F4F4;
}

/* The Big Text */
h1
{
        background-color:#f1f1f1;
        background-repeat:repeat-x;
        padding:4px 15px;
        border: 1px solid #E42120;
       
}

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

/* A quote, perhaps from another post. */
.quote
{
color: #E42120;
background-color: #f1f1f1;
border: 1px dashed #E42120;
margin: 1px;
padding: 1px;
font-size: x-small;
line-height: 1.4em;
}

/* A code block - maybe even PHP ;). */
.code
{
color: #E42120;
background-color: #f1f1f1;
font-size: x-small;
line-height: 1.3em;
/* Put a nice border around it. */
border: 1px dashed #E42120;
margin: 1px auto 1px auto;
padding: 1px;
width: 99%;
/* 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;
background: url(http://www.styleyourforum.com/data/316/css0.png) repeat-x;
text-decoration: none;
font-style: normal;
font-weight: bold;
font-size: x-small;
line-height: 1.2em;
        margin: 3px;
        margin-bottom: 6px;
        padding: 3px;
}

/* 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: #666666;
background-color: #f6f6f6;
}
.windowbg2
{
color: #666666;
background-color: #f1f1f1;
}
.windowbg3
{
color: #666666;
background-color: #f6f6f6;
}
/* the today container in calendar */
.calendar_today
{
background-color: #FFFFFF;
}

/* 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
{
color: #666666;
font-style: normal;


background-color: black;
background: url(http://www.styleyourforum.com/data/316/css1.png) repeat-x center center;
padding-left: 1px;
padding-right: 1px;
}
.titlebg, .titlebg a:link, .titlebg a:visited
{
font-weight: bold;
color: #666666;
font-style: normal;
}
.titlebg a:hover
{
color: #E42120;
}
/* same as titlebg, but used where bold text is not needed */
.titlebg2 a:link, .titlebg2 a:visited
{
color: #E42120;
font-style: normal;
text-decoration: underline;
}

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

/* 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 , tr.catbg td , .catbg3 , tr.catbg3 td

{

        height:18px;
background: url(http://www.styleyourforum.com/data/316/css2.png) #ffffff center center;
        color: #ffffff;
}
.catbg2 , tr.catbg2 td
{
        height:18px;
background: url(http://www.styleyourforum.com/data/316/css2.png); 
              background-color: #ffffff;
color: #ffffff;
}
.catbg, .catbg2, .catbg3
{
border-bottom: solid 1px #ffffff;
}
.catbg, .catbg2
{
font-weight: bold;
             horizontal-align:  center;
}
.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;
}
/* This is used for tables that have a grid/border background color (such as the topic listing.) */
.bordercolor
{
            color: #ffffff;
background-color: #b8b8b8;
padding: 0px;
}

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


/* Default font sizes: small (8pt), normal (10pt), and large (14pt). */

.smalltext
{
font-size: x-small;
}
.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 ;). */
.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
{
color: white;
text-transform: lowercase;
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: url(http://www.styleyourforum.com/data/316/css4.png) left bottom no-repeat;
width: 10px;
}
.maintab_back
{
background: url(http://www.styleyourforum.com/data/316/css5.png) left bottom repeat-x;
}
.maintab_last
{
background: url(http://www.styleyourforum.com/data/316/css6.png) left bottom no-repeat;
width: 8px;
}
.maintab_active_first
{
background: url(http://www.styleyourforum.com/data/316/css7.png) left bottom no-repeat;
width: 6px;
}
.maintab_active_back
{
background: url(http://www.styleyourforum.com/data/316/css7.png) left bottom repeat-x;
}
.maintab_active_last
{
background: url(http://www.styleyourforum.com/data/316/css7.png) left bottom no-repeat;
width: 8px;
}

/* how links behave in main tab. */
.maintab_back a:link , .maintab_back a:visited, .maintab_active_back a:link , .maintab_active_back a:visited
{
color: white;
text-decoration: none;
}

.maintab_back a:hover, .maintab_active_back a:hover
{
color: #6A8A0A;
text-decoration: none;
}

/* definitions for the mirror tab */
.mirrortab_first, .mirrortab_back, .mirrortab_last, .mirrortab_active_first, .mirrortab_active_back, .mirrortab_active_last
{
color: white;
text-transform: lowercase;
vertical-align: top;
}
.mirrortab_back, .mirrortab_active_back
{
color: white;
text-decoration: none;
font-size: 9px;
vertical-align: bottom;
padding: 6px 6px 2px 6px;
font-family: tahoma, sans-serif;
}

.mirrortab_first
{
background: url(http://www.styleyourforum.com/data/316/css10.png) no-repeat;
width: 10px;
}
.mirrortab_back
{
background: url(http://www.styleyourforum.com/data/316/css11.png) repeat-x;
}
.mirrortab_last
{
background: url(http://www.styleyourforum.com/data/316/css12.png) no-repeat;
width: 6px;
}
.mirrortab_active_first
{
background: url(http://www.styleyourforum.com/data/316/css11.png) no-repeat;
width: 6px;
}
.mirrortab_active_back
{
background: url(http://www.styleyourforum.com/data/316/css11.png) repeat-x;
}
.mirrortab_active_last
{
background: url(http://www.styleyourforum.com/data/316/css11.png) no-repeat;
width: 8px;
}

/* how links behave in mirror tab. */
.mirrortab_back a:link , .mirrortab_back a:visited, .mirrortab_active_back a:link , .mirrortab_active_back a:visited
{
color: white;
text-decoration: none;
}

.mirrortab_back a:hover, .mirrortab_active_back a:hover
{
color: #e0e0ff;
text-decoration: none;
}

/* The AJAX notifier */
#ajax_in_progress
{
background: #32CD32;
color: white;
text-align: center;
font-weight: bold;
font-size: 18pt;
padding: 3px;
width: 100%;
position: fixed;
top: 0;
left: 0;
}
* html body /* for IE */
{
text-align: center;
}
#mainframe
{
text-align: left;
margin: 0 auto 0 auto;
}


.wrapper {
width: 950px;
margin: 0 auto;
padding: 0;
}

#toparea {

}

#topbox {
background: url() no-repeat;
padding-right: 260px;
padding-top: 0px;
padding-bottom: 0px;
height: 120px;
}
#topframe
{
background: url(http://www.styleyourforum.com/data/316/css16.png) repeat-x top right;

}
#topframe2
{
background: url(http://www.styleyourforum.com/data/316/css17.png) no-repeat top right;

}
#topframe3
{
background: url(http://www.styleyourforum.com/data/316/css18.png) no-repeat top left;
padding-left: 100px;
height: 138px;
}
#bodyframe
{
background: url(http://www.styleyourforum.com/data/316/css19.png) #FBFCFD repeat-y top right;
padding-right: 100px;
}
#bodyframe2
{
padding-left: 100px;
background: url(http://www.styleyourforum.com/data/316/css20.png) repeat-y top left;
}
#bottomleft
{
background: url(http://www.styleyourforum.com/data/316/css21.png) no-repeat bottom left;
padding-left: 100px;
height: 138px;
}
#bottomframe
{
width: 935px;
background: url(http://www.styleyourforum.com/data/316/css22.png) repeat-x bottom left;

}
#bottomright
{
background: url(http://www.styleyourforum.com/data/316/css23.png) no-repeat bottom right;
padding-right: 100px;
height: 138px;
}



Images
new_none

http://www.styleyourforum.com/data/316/new_none.gif
new_some

http://www.styleyourforum.com/data/316/new_some.gif
Off

http://www.styleyourforum.com/data/316/off.gif
On

http://www.styleyourforum.com/data/316/on.gif
On2

http://www.styleyourforum.com/data/316/on2.gif