Directions for drop down style swapper



sibyls simple stuff
November 18, 2018, 03:36:58 pm
Welcome, Guest. Please login or register.

Login with username, password and session length
News: Registration is DISABLED.   The forum is for storage purposes only.
 
   Home   Help Search Arcade Login Register  
Pages: [1] 2 3 ... 10
 1 
 on: October 12, 2010, 02:23:08 pm 
Started by simply sibyl - Last post by simply sibyl
This code is a combination of Agent Moose's dropdown code and some tweaks by me

A.  Set your forum to the Default Style

B.  Find other styles you want to use.   Add each of them in Manage Styles. 

C.  For each of those stylesheets edit these lines in the code:
     (add more if you need them, delete those you do not need)

Code:
Skin[n++] = ["STYLE NAME","http://www.smfforfree.com/styles/FORUM NAME/STYLE.css?fin11"];

1.   Replace "STYLE NAME"  with the name of the style
2.   Replace "smfforfree.com" with your forum's info
       for instance  (smfforfree.com, smfforfree2.com, smfforfree3.com, smfforfree4.com, mysmf.com, freesmfhosting.com)
3.   Replace "FORUM NAME" with the name of your forum.
4.   Replace "STYLE" with the name of the stylesheet.
        (the name you named the style when you created it in manage styles)

Do this for each one you want to use.

D.  When done with the edits the code goes in your Header and will center the dropdown box at the top of your forum.

Code:

<script>
var n = 0;var Skin = new Array();
Skin[n++] = ["STYLE NAME","http://www.smfforfree.com/styles/FORUM NAME/STYLE.css?fin11"];
Skin[n++] = ["STYLE NAME","http://www.smfforfree.com/styles/FORUM NAME/STYLE.css?fin11"];
Skin[n++] = ["STYLE NAME","http://www.smfforfree.com/styles/FORUM NAME/STYLE.css?fin11"];
Skin[n++] = ["STYLE NAME","http://www.smfforfree.com/styles/FORUM NAME/STYLE.css?fin11"];

//Created by Agent Moose (smcodes.smfforfree3.com)
document.write("<center><select id='SkinChooser'><option value='default'>Choose Style</option>");
for(i=0;i<Skin.length;i++){
document.write("<option value='" + Skin[i][1] + "'>" + Skin[i][0] + "</option>");
};
document.write("</select> <input type='button' value='Change' onclick='setSkin();' /></center>");
function setCookie(name, value, expires){
var deCookie = name + "=" + escape(value);
if(expires){
expires= expires.toGMTString();
deCookie += "; expires=";
deCookie += expires;
};
document.cookie = deCookie;
};
function getCookie(name){
var dc = document.cookie;
var prefix = name + "=";
var begin = dc.indexOf("; " + prefix);
if (begin == -1){
begin = dc.indexOf(prefix);
if (begin != 0) return false;
}else begin += 2;
var end = document.cookie.indexOf(";", begin);
if (end == -1)
end = dc.length;
return unescape(dc.substring(begin + prefix.length, end));
};
function delCookie(name){
expires = new Date(1807,1,1);
expires = expires.toGMTString();
deCookie = name;
deCookie += "=delete; expires=";
deCookie += expires;
document.cookie = deCookie;
};
function changeSkin(Agent){
document.write("<link rel='stylesheet' type='text/css' href='" + Agent + "' />");
};
var Omi = "default";
document.getElementById("SkinChooser").onchange = function(){
if(Skin[parseInt(document.getElementById("SkinChooser").selectedIndex)-1]){
Omi = Skin[parseInt(document.getElementById("SkinChooser").selectedIndex)-1][1]
}else{
Omi = "default";
};};
function setSkin(){
if(Omi == "default") delCookie("Skin");
if(Omi != "default") setCookie("Skin",Omi,new Date(9999,1,1));
window.location.reload();
};
changeSkin(getCookie("Skin"));
</script>


NOTE:
If you want to do the Helios Styles that are in the dropdown box on this forum you can find the stylesheets here:
http://testforumserver4.smfforfree4.com/index.php/board,5.0.html

If you want to add the optional header and footer images (as used on this forum):
You will need to add this to the end of the Header code:

Code:
<br />
<table align=center>
 <td  class=header height="54px" width="1000px" align=center>
</td>
</table>

Add this to the top of your Footer:

Code:
<table align=center>
<td class=footer height="54px" width="1000px" align=center>
</td>
</table>

 

 2 
 on: June 10, 2009, 01:25:20 pm 
Started by simply sibyl - Last post by simply sibyl
You'll find some misc codes Ive created in this section.

 3 
 on: November 17, 2008, 05:01:55 pm 
Started by simply sibyl - Last post by simply sibyl
Preview Here




http://www.styleyourforum.com/data/272/new_none.gif
http://www.styleyourforum.com/data/272/new_some.gif
http://www.styleyourforum.com/data/272/on.gif
http://www.styleyourforum.com/data/272/off.gif

Use the on.gif for calendar, info, online, xx, login

If you put anything in the Header its going to push the forum down.
I designed the background image so that when this happens you'll see more of the dvd drawer, drawer cover.
Advise not putting alot in the header with this stylesheet though.

css

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

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



/* This is the news fader text color */
#smfFadeScroller
{
 color: #e3e3e3;
}



/* 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: #000000 url("http://www.styleyourforum.com/data/272/css0.png") top center no-repeat;
margin: auto;
padding-top: 150px;
                width:  935px;
}



/* 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 8). */
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.. ([hr], 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;
}

/* This is the blank html box for ads or whatever. */
#blank-box
{
/* Add styles here */
text-align: center;
margin: 4px 0 4px 0; /* top right bottom left; hide of no content */
}

/* 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 ;). */
.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: #003D5C;
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: #2F2F2F;
font-weight: bold;
font-size: 11px;
border-top: 1px solid #505050;
border-bottom: 0px solid #2F2F2F;
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-color: #262626;
                background-image: url(http://www.styleyourforum.com/data/272/css1.gif);
                background-repeat:  no-repeat;
                background-position:  right;
border-top:  1px solid #505050;
color: #ffffff;
padding-left: 10px;
padding-right: 10px;
vertical-align: middle;
}
.catbg2 , tr.catbg2 td, td.catbg2
{
background-color: #262626;
                background-image: url(http://www.styleyourforum.com/data/272/css1.gif);
                background-repeat:  no-repeat;
                background-position:  right;
border-top:  1px solid #505050;
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/272/css3.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 ;). */
.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: #384A52;
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;
}


 4 
 on: November 16, 2008, 07:12:10 am 
Started by simply sibyl - Last post by simply sibyl
Preview Here




on, off, new_some, new_none
http://www.styleyourforum.com/data/262/on.gif
http://www.styleyourforum.com/data/262/off.gif
http://www.styleyourforum.com/data/262/new_some.gif
http://www.styleyourforum.com/data/262/new_none.gif

use this one for info, online, login, calendar, xx, if ya want
http://www.styleyourforum.com/data/262/ico_calendar.gif



css:
Code:
/* Normal, standard links. */
a:link
{
color: #555C4E;
text-decoration: none;
}
a:visited
{
color: #555C4E;
text-decoration: none;
}
a:hover
{
color: #555C4E;
text-decoration: underline;
}

/* Navigation links - for the link tree. */
.nav, .nav:link, .nav:visited
{
color: #555C4E;
text-decoration: none;
}
a.nav:hover
{
color: #6A7361;
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: #555C4E;
font-size: small;
font-family: verdana, sans-serif;
}

/* The main body of the entire forum. */
body
{
                background:  url(http://www.styleyourforum.com/data/262/css0.png) #D9E1EA;
                background-position:  top;
                background-attachment:  fixed;
                background-repeat:  repeat-x;
margin: auto;
                width:  875px;
padding-top: 22px;
                padding-bottom:  0px;

}

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

textarea
{
font-size: 100%;
color: #000000;
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: 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: #E4E4E6;
border: 1px solid #757B6D;
margin: 1px;
padding: 1px;
font-size: x-small;
line-height: 1.4em;
}

/* A code block - maybe even PHP ;). */
.code
{
color: #000000;
background-color: #E4E4E6;
font-family: "courier new", "times new roman", monospace;
font-size: x-small;
line-height: 1.3em;
/* Put a nice border around it. */
border: 1px solid #757B6D;
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: #000000;
text-decoration: none;
font-style: normal;
font-weight: bold;
font-size: x-small;
line-height: 1.2em;
}

/* 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: #000000;
background-color: #C9CEC8;
}
.windowbg2
{
color: #000000;
background-color: #DEE1DD;
}
.windowbg3
{
color: #000000;
background-color: #C9CEC8;
}
/* the today container in calendar */
.calendar_today
{
background-color: #E4E4E6;
                background-image:  url(http://www.styleyourforum.com/data/262/css1.png);
}

/* 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: black;
font-style: normal;
background: #C2C7C1;
border-bottom: solid 1px #C2C7C1;
border-top: solid 1px #C2C7C1;
padding-left: 10px;
padding-right: 10px;
}
.titlebg, .titlebg a:link, .titlebg a:visited
{
font-weight: bold;
color: black;
font-style: normal;
}

.titlebg a:hover
{
color: #404040;
}
/* same as titlebg, but used where bold text is not needed */
.titlebg2 a:link, .titlebg2 a:visited
{
color: black;
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/262/css2.jpg) #D1D5CF repeat-x;
                color:  black;

padding-left: 10px;
padding-right: 10px;
}
.catbg2 , tr.catbg2 td
{
background: url(http://www.styleyourforum.com/data/262/css2.jpg) #D1D5CF repeat-x;
                color:  black;
padding-left: 10px;
padding-right: 10px;
}
.catbg, .catbg2, .catbg3
{
border-bottom: solid 1px #D1D5CF;
}
.catbg, .catbg2
{
font-weight: bold;
}
.catbg3, tr.catbg3 td, .catbg3 a:link, .catbg3 a:visited
{
font-size: 95%;
color: black;
text-decoration: none;
}
.catbg a:link, .catbg a:visited , .catbg2 a:link, .catbg2 a:visited
{
color: black;
text-decoration: none;
}
.catbg a:hover, .catbg2 a:hover, .catbg3 a:hover
{
color: #e0e0ff;
}
/* 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 #ADADAD;
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;
}

/* 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/262/css4.png) left bottom no-repeat;
width: 4px;
}
.maintab_back
{
background: url(http://www.styleyourforum.com/data/262/css4.png) left bottom repeat-x;
}
.maintab_last
{
background: url(http://www.styleyourforum.com/data/262/css4.png) left bottom no-repeat;
width: 4px;
}
.maintab_active_first
{
background: url(http://www.styleyourforum.com/data/262/css4.png) left bottom no-repeat;
width: 4px;
}
.maintab_active_back
{
background: url(http://www.styleyourforum.com/data/262/css4.png) left bottom repeat-x;
}
.maintab_active_last
{
background: url(http://www.styleyourforum.com/data/262/css4.png) left bottom no-repeat;
width: 4px;
}

/* 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: #e0e0ff;
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/262/css4.png) no-repeat;
width: 4px;
}
.mirrortab_back
{
background: url(http://www.styleyourforum.com/data/262/css4.png) repeat-x;
}
.mirrortab_last
{
background: url(http://www.styleyourforum.com/data/262/css4.png) no-repeat;
width: 4px;
}
.mirrortab_active_first
{
background: url(http://www.styleyourforum.com/data/262/css4.png) no-repeat;
width: 4px;
}
.mirrortab_active_back
{
background: url(http://www.styleyourforum.com/data/262/css4.png) repeat-x;
}
.mirrortab_active_last
{
background: url(http://www.styleyourforum.com/data/262/css4.png) no-repeat;
width: 4px;
}

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

#footerarea
{
background: url(http://www.styleyourforum.com/data/262/css16.png);
background-position:  bottom left;
background-repeat:  no-repeat;
padding: 6px;
border: 3px double #ADADAD;
}

 5 
 on: November 16, 2008, 07:11:03 am 
Started by simply sibyl - Last post by simply sibyl
Preview Here



images (Admin>Manage Styles>Customize Images)

http://www.styleyourforum.com/data/263/filter.gif
http://www.styleyourforum.com/data/263/new_none.gif
http://www.styleyourforum.com/data/263/new_some.gif
http://www.styleyourforum.com/data/263/off.gif
http://www.styleyourforum.com/data/263/on.gif
http://www.styleyourforum.com/data/263/ico_info.gif
http://www.styleyourforum.com/data/263/ico_login.gif
http://www.styleyourforum.com/data/263/ico_online.gif
http://i102.photobucket.com/albums/m105/mysmileyplace/media/xx.png

css:

Code:

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

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



/* This is the news fader text color */
#smfFadeScroller
{
 color: #e3e3e3;
}



/* 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: #000000 url("http://www.styleyourforum.com/data/263/css0.png") top center no-repeat;
margin: auto;
padding-top: 187px;
                width:  990px;
}



/* 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 8). */
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.. ([hr], 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;
}

/* This is the blank html box for ads or whatever. */
#blank-box
{
/* Add styles here */
text-align: center;
margin: 4px 0 4px 0; /* top right bottom left; hide of no content */
}

/* 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 ;). */
.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: #000000;
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/263/css1.jpg");

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/263/css6.png);
background-color: #003950;

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/263/css6.png);
background-color: #003950;
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/176/css8.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 ;). */
.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: #384A52;
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;
}

 6 
 on: November 11, 2008, 11:33:08 am 
Started by simply sibyl - Last post by simply sibyl
An Adaptation of the "Scribbles" Theme  designed by Bloc




HEADER Code  (must use this)

Code:

<div id="left"><div id="right"><div id="top"><div id="topleft"><div id="topright"><div id="main">



on, off, new_some, new_none images

   http://s102.photobucket.com/albums/m105/mysmileyplace/scribbles/on.gif
   http://s102.photobucket.com/albums/m105/mysmileyplace/scribbles/off.gif
   http://s102.photobucket.com/albums/m105/mysmileyplace/scribbles/new_some.gif
   http://s102.photobucket.com/albums/m105/mysmileyplace/scribbles/new_none.gif

Code:

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

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

/* Tables should show empty cells. */
table
{
empty-cells: show;
}
/* The main body of the entire forum. */
body
{
background: white;
margin: 0;
padding: 0;
}
/* By default (td, body..) use verdana in black. */
body, td, th , tr
{
color: #000000;
font-size: small;
font-family: Trebuchet, sans-serif;
}



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

textarea
{
font-size: 100%;
color: #000000;
font-family: Trebuchet, 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: 90%;
font-weight: normal;
color: #000000;
font-family: Trebuchet, 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: #D8E0D8;
border: 1px solid #000000;
margin: 1px;
padding: 1px;
font-size: x-small;
line-height: 1.4em;
}

/* A code block - maybe even PHP ;). */
.code
{
color: #000000;
background-color: #D8E0D8;
font-family: "Comic Sans MS", "times new roman", monospace;
font-size: x-small;
line-height: 1.3em;
/* Put a nice border around it. */
border: 1px solid #000000;
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: #000000;
text-decoration: none;
font-style: normal;
font-weight: bold;
font-size: x-small;
line-height: 1.2em;
}

/* 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: #000000;
background-color: #E3E6E1;
}
.windowbg2
{
color: #000000;
background-color: #F2F5F0;
}
.windowbg3
{
color: #000000;
background-color: #E1E8E0;
}
/* 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
{
background-color: #E3E6E1;
padding-left: 10px;
padding-right: 10px;

}
.titlebg, tr.titlebg th, tr.titlebg td, .titlebg a:link, .titlebg a:visited, .titlebg2, tr.titlebg2 th, tr.titlebg2 td, .titlebg2 a:link, .titlebg2 a:visited
{
color: #000000;
font-style: normal;
}
.titlebg a:hover
{
color: #dfdfdf;
}
/* 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:  #A7A093;
color: #ffffff;
padding-left: 10px;
padding-right: 10px;
}
.catbg2 , tr.catbg2 td
{
background: #A7A093;
color: #777765;
padding-left: 10px;
padding-right: 10px;
}
.catbg, .catbg2, .catbg3
{
border-bottom: solid 1px #777765;
}
.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: #e0e0ff;
}

/* This is used for tables that have a grid/border background color (such as the topic listing.) */
.bordercolor
{

padding: 0px;
}

/* This is used on tables that should just have a border around them. */
.tborder
{
padding: 1px;

background-color: #FFFFFF;
}

/* Default font sizes: small (8pt), normal (10pt), and large (14pt). */
.smalltext
{
font-size: x-small;
font-family: Trebuchet, 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 ;). */
.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
{
color: black;
text-transform: uppercase;
vertical-align: top;
}
.maintab_back
{
color: black;
text-decoration: none;
font-size:  10px;
vertical-align: top;
padding: 2px 6px 6px 6px;
font-family: tahoma, sans-serif;
}
.maintab_active_first, .maintab_active_back, .maintab_active_last
{
color: black;
text-transform: uppercase;
vertical-align: top;
}
 .maintab_active_back
{
color: black;
text-decoration: none;
font-size:  10px;
vertical-align: top;
padding: 2px 6px 4px 6px;
font-family: tahoma, sans-serif;
}
.maintab_first
{

width: 10px;
}
.maintab_back
{

}
.maintab_last
{
width: 8px;
}
.maintab_active_first
{
width: 6px;
}
.maintab_active_back
{
           border-bottom:  3px solid #B1B9AB;
}
.maintab_active_last
{
width: 8px;
}

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

.maintab_back a:hover
{
color: #A7AC96;
text-decoration: none;
}
.maintab_active_back a:link , .maintab_active_back a:visited
{
color: #000000;
text-decoration: none;
}

.maintab_active_back a:hover
{
color: #868C70;
text-decoration: none;
}

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

.mirrortab_active_first, .mirrortab_active_back, .mirrortab_active_last
{
color: black;
text-transform: uppercase;
vertical-align: top;
}
 .mirrortab_active_back
{
color: black;
text-decoration: none;
font-size: 10px;
vertical-align: bottom;
padding: 6px 6px 2px 6px;
font-family: tahoma, sans-serif;
}

.mirrortab_first
{
width: 10px;
}
.mirrortab_back
{
}
.mirrortab_last
{
width: 6px;
}
.mirrortab_active_first
{
width: 6px;
}
.mirrortab_active_back
{
}
.mirrortab_active_last
{
width: 8px;
}

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

.mirrortab_back a:hover
{
color: #A7AC96;
text-decoration: none;
}


.mirrortab_active_back a:link , .mirrortab_active_back a:visited
{
color: #000000;
text-decoration: none;
}

.mirrortab_active_back a:hover
{
color: #868C70;
text-decoration: none;
}

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

/* ################################### */

#left
{
background: url(http://s102.photobucket.com/albums/m105/mysmileyplace/scribbles/leftbg.jpg) repeat-y white;
margin: auto;
}
#right
{
background: url(http://s102.photobucket.com/albums/m105/mysmileyplace/scribbles/rightbg.gif) repeat-y top right;
}
#top
{
background: url(http://i102.photobucket.com/albums/m105/mysmileyplace/scribbles/top.jpg) repeat-x;
}
#topleft
{
background: url(http://i102.photobucket.com/albums/m105/mysmileyplace/scribbles/topleft-1.jpg) no-repeat;
}
#topright
{
background: url(http://s102.photobucket.com/albums/m105/mysmileyplace/scribbles/logo.jpg) no-repeat top right;
}
#main
{
padding: 90px 105px 20px 150px;
}
 



 7 
 on: November 11, 2008, 11:32:26 am 
Started by simply sibyl - Last post by simply sibyl
Live Demo Here

on, off, new_some, new_none images:

  http://www.styleyourforum.com/data/143/on.gif

  http://www.styleyourforum.com/data/143/off.gif

  http://www.styleyourforum.com/data/143/new_some.gif

  http://www.styleyourforum.com/data/143/new_none.gif

HEADER code   (required)

Code:
<div id="left"><div id="right"><div id="top"><div id="topleft"><div id="topright"><div id="main">


css:


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

/* Navigation links - for the link tree. */
.nav, .nav:link, .nav:visited
{
color: #000000;
text-decoration: none;
}
a.nav:hover
{
color: #B5BBBB;
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: #000000;
font-size: small;
font-family: verdana, sans-serif;
}

/* The main body of the entire forum. */
body
{
  
  background-color: #B5BBBB;
margin: 0px;
padding: 10px 30px 0px 30px;

}

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

textarea
{
font-size: 100%;
color: #000000;
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: 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: #D7DAEC;
border: 1px solid #000000;
margin: 1px;
padding: 1px;
font-size: x-small;
line-height: 1.4em;
}

/* A code block - maybe even PHP ;). */
.code
{
color: #000000;
background-color: #dddddd;
font-family: "courier new", "times new roman", monospace;
font-size: x-small;
line-height: 1.3em;
/* Put a nice border around it. */
border: 1px solid #000000;
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: #000000;
text-decoration: none;
font-style: normal;
font-weight: bold;
font-size: x-small;
line-height: 1.2em;
}

/* 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: #000000;
background-color: #ECEDF3;
}
.windowbg2
{
color: #000000;
background-color: #F6F6F6;
}
.windowbg3
{
color: #000000;
background-color: #E0E1E8;
}
/* the today container in calendar */
.calendar_today
{
background-color: #E5E5E4;
}

/* 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: black;
font-style: normal;
background:  #CDD5CD;
border-bottom: solid 1px #CDD5CD;
border-top: solid 1px #CDD5CD;
padding-left: 10px;
padding-right: 10px;
}
.titlebg, .titlebg a:link, .titlebg a:visited
{
font-weight: bold;
color: black;
font-style: normal;
}

.titlebg a:hover
{
color: #404040;
}
/* same as titlebg, but used where bold text is not needed */
.titlebg2 a:link, .titlebg2 a:visited
{
color: black;
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:  #E5E9EC;
                background-image:  url(http://www.styleyourforum.com/data/143/css0.png);
                background-repeat:  repeat-x;
color: black;
padding-left: 10px;
padding-right: 10px;
}
.catbg2 , tr.catbg2 td
{
background:  #E5E9EC;
                background-image:  url(http://www.styleyourforum.com/data/143/css0.png);
                background-repeat:  repeat-x;
color: black;
padding-left: 10px;
padding-right: 10px;
}
.catbg, .catbg2, .catbg3
{
border-bottom: solid 1px #E5E5E4;
}
.catbg, .catbg2
{
font-weight: bold;
}
.catbg3, tr.catbg3 td, .catbg3 a:link, .catbg3 a:visited
{
font-size: 95%;
color: black;
text-decoration: none;
}
.catbg a:link, .catbg a:visited , .catbg2 a:link, .catbg2 a:visited
{
color: black;
text-decoration: none;
}
.catbg a:hover, .catbg2 a:hover, .catbg3 a:hover
{
color: #e0e0ff;
}
/* This is used for tables that have a grid/border background color (such as the topic listing.) */
.bordercolor
{
background-color: #E0E1E8;
padding: 0px;
}

/* This is used on tables that should just have a border around them. */
.tborder
{
padding: 1px;
border: 1px solid #E0E1E8;
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;
}

/* 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: black;
text-transform: uppercase;
vertical-align: top;
}
.maintab_back, .maintab_active_back
{
color: black;
text-decoration: none;
font-size:  9px;
vertical-align: top;
padding: 2px 6px 6px 6px;
font-family: tahoma, sans-serif;
}

.maintab_first
{

width: 10px;
}
.maintab_back
{

}
.maintab_last
{

width: 8px;
}
.maintab_active_first
{

width: 6px;
}
.maintab_active_back
{

}
.maintab_active_last
{

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: black;
text-decoration: none;
}

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

.mirrortab_first
{

width: 10px;
}
.mirrortab_back
{

}
.mirrortab_last
{

width: 6px;
}
.mirrortab_active_first
{

width: 6px;
}
.mirrortab_active_back
{

}
.mirrortab_active_last
{

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
{
#000000;
text-decoration: none;
}

.mirrortab_back a:hover, .mirrortab_active_back a:hover
{
color: #B5BBBB;
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;
}/* ################################### */

#left
{
background: url(http://www.styleyourforum.com/data/143/css2.jpg) repeat-y white;
margin: auto;
}
#right
{
background: url(http://www.styleyourforum.com/data/143/css3.gif) repeat-y top right;
}
#top
{
background: url(http://www.styleyourforum.com/data/143/css4.jpg) repeat-x;
}
#topleft
{
background: url(http://www.styleyourforum.com/data/143/css5.jpg) no-repeat;
}
#topright
{
background: url(http://www.styleyourforum.com/data/143/css6.jpg) no-repeat top right;
}
#main
{
padding: 90px 105px 20px 150px;
}


 8 
 on: November 11, 2008, 11:31:34 am 
Started by simply sibyl - Last post by simply sibyl



This MUST be put in the HEADER or the style will not work properly:

Code:

<div id="left"><div id="right"><div id="top"><div id="topleft"><div id="topright"><div id="main">


on, off, new_some, new_none images

   http://i148.photobucket.com/albums/s20/smfstyles/halloween/on.png
   http://i148.photobucket.com/albums/s20/smfstyles/halloween/off.png
   http://i148.photobucket.com/albums/s20/smfstyles/halloween/new_some.png
   http://i148.photobucket.com/albums/s20/smfstyles/halloween/new_none.png

css:
Code:


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

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

/* Tables should show empty cells. */
table
{
empty-cells: show;
}
/* The main body of the entire forum. */
body
{
background: white;
margin: 0;
padding: 0;
}
/* By default (td, body..) use verdana in black. */
body, td, th , tr
{
color: #000000;
font-size: small;
font-family: Trebuchet, sans-serif;
}



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

textarea
{
font-size: 100%;
color: #000000;
font-family: Trebuchet, 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: 90%;
font-weight: normal;
color: #000000;
font-family: Trebuchet, 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: #D7DAEC;
border: 1px solid #000000;
margin: 1px;
padding: 1px;
font-size: x-small;
line-height: 1.4em;
}

/* A code block - maybe even PHP ;). */
.code
{
color: #000000;
background-color: #dddddd;
font-family: "Comic Sans MS", "times new roman", monospace;
font-size: x-small;
line-height: 1.3em;
/* Put a nice border around it. */
border: 1px solid #000000;
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: #000000;
text-decoration: none;
font-style: normal;
font-weight: bold;
font-size: x-small;
line-height: 1.2em;
}

/* 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: #000000;
background-color: #D9D9D9;
}
.windowbg2
{
color: #000000;
background-color: #F2F5F0;
}
.windowbg3
{
color: #000000;
background-color: #D9D9D9;
}
/* 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
{
background-color:#773413;
padding-left: 10px;
padding-right: 10px;

}
.titlebg, tr.titlebg th, tr.titlebg td, .titlebg a:link, .titlebg a:visited, .titlebg2, tr.titlebg2 th, tr.titlebg2 td, .titlebg2 a:link, .titlebg2 a:visited
{
color: #FFFFFF;
font-style: normal;
}
.titlebg a:hover
{
color: #dfdfdf;
}
/* 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:  #382D0C;
color: #ffffff;
padding-left: 10px;
padding-right: 10px;
}
.catbg2 , tr.catbg2 td
{
background: #737363;
color: #382D0C;
padding-left: 10px;
padding-right: 10px;
}
.catbg, .catbg2, .catbg3
{
border-bottom: solid 1px #777765;
}
.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: #e0e0ff;
}

/* 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: Trebuchet, 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 ;). */
.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
{
color: white;
text-transform: uppercase;
vertical-align: top;
}
.maintab_back
{
color: white;
text-decoration: none;
font-size:  10px;
vertical-align: top;
padding: 2px 6px 6px 6px;
font-family: tahoma, sans-serif;
}
.maintab_active_first, .maintab_active_back, .maintab_active_last
{
color: white;
text-transform: uppercase;
vertical-align: top;
}
 .maintab_active_back
{
color: white;
text-decoration: none;
font-size:  10px;
vertical-align: top;
padding: 2px 6px 6px 6px;
font-family: tahoma, sans-serif;
}
.maintab_first
{
background-color: #382D0C;
           border-left:  3px double #868C70;
           border-bottom:  3px double #868C70;
width: 10px;
}
.maintab_back
{
          background-color: #382D0C;
          border-bottom:  3px double #868C70;
}
.maintab_last
{
background-color: #382D0C;
           border-right: 3px double #868C70;
           border-bottom: 3px double #868C70;
width: 8px;
}
.maintab_active_first
{
background-color: #773413;
           border-left:  3px double #868C70;
           border-bottom:  3px double #868C70;
width: 6px;
}
.maintab_active_back
{
background-color: #773413;
           border-bottom:  3px double #868C70;
              
}
.maintab_active_last
{
background-color: #773413;
           border-right:  3px double #868C70;
           border-bottom: 3px double #868C70;
width: 8px;
}

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

.maintab_back a:hover
{
color: white;
text-decoration: none;
}
.maintab_active_back a:link , .maintab_active_back a:visited
{
color: white;
text-decoration: none;
}

.maintab_active_back a:hover
{
color: white;
text-decoration: none;
}

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

.mirrortab_active_first, .mirrortab_active_back, .mirrortab_active_last
{
color: white;
text-transform: uppercase;
vertical-align: top;
}
 .mirrortab_active_back
{
color: white;
text-decoration: none;
font-size: 10px;
vertical-align: bottom;
padding: 6px 6px 2px 6px;
font-family: tahoma, sans-serif;
}

.mirrortab_first
{
background-color: #382D0C;
           border-top:  3px double #868C70;
           border-left:  3px double #868C70;
width: 10px;
}
.mirrortab_back
{
background-color: #382D0C;
           border-top:  3px double #868C70;
}
.mirrortab_last
{
background-color: #382D0C;
           border-top:  3px double #868C70;
           border-right:  3px double #868C70;
width: 6px;
}
.mirrortab_active_first
{
background-color: #773413;
           border-top: 3px double #868C70;
           border-left:  3px double #868C70;
width: 6px;
}
.mirrortab_active_back
{
background-color: #773413;
           border-top:  3px double #868C70;
}
.mirrortab_active_last
{
background-color: #773413;
           border-top:  3px double #868C70;
           border-right: 3px double #868C70;
width: 8px;
}

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

.mirrortab_back a:hover
{
color: white;
text-decoration: none;
}


.mirrortab_active_back a:link , .mirrortab_active_back a:visited
{
color: white;
text-decoration: none;
}

.mirrortab_active_back a:hover
{
color: white;
text-decoration: none;
}

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

/* ################################### */

#left
{
background: url(http://i102.photobucket.com/albums/m105/mysmileyplace/halloween3/leftbg.jpg) repeat-y white;
margin: auto;
}
#right
{
background: url(http://i102.photobucket.com/albums/m105/mysmileyplace/halloween3/rightbg.gif) repeat-y top right;
}
#top
{
background: url(http://i102.photobucket.com/albums/m105/mysmileyplace/halloween3/top.jpg) repeat-x;
}
#topleft
{
background: url(http://i102.photobucket.com/albums/m105/mysmileyplace/halloween3/topleft-1-1.jpg) no-repeat;
}
#topright
{
background: url(http://i102.photobucket.com/albums/m105/mysmileyplace/halloween3/logo.jpg) no-repeat top right;
}
#main
{
padding: 90px 105px 20px 150px;
}








 9 
 on: November 11, 2008, 11:30:42 am 
Started by simply sibyl - Last post by simply sibyl
An Adaptation of webtechnica's "XBox 360 Elite" Theme



HEADER Code  (required):
Admin > Manage Styles > Edit Header/Footer
 
Code:
<div id="bgLeft">
<div id="bgRight">
<div id="bgCircles"><div id="widthControl">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="4" height="139">
<img src="http://i102.photobucket.com/albums/m105/mysmileyplace/xbox360/layout_leftcap.gif" width="4" height="139" alt="" />
</td>
<td width="100%" height="139" class="layout-topCenter" align="left" valign="middle">
<div id="layout-topLeft"></div></td>
<td width="275" height="139">
<img src="http://i102.photobucket.com/albums/m105/mysmileyplace/xbox360/layout_topright.gif" width="275" height="139" alt="" />
</td>
<td width="4" height="139">
<img src="http://i102.photobucket.com/albums/m105/mysmileyplace/xbox360/layout_rightcap.gif" width="4" height="139" alt="" />
</td>
</tr>
</table><div id="bodyarea">



FOOTER Code  (required):
Admin > Manage Styles > Edit Header/Footer

Code:
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr><td width="100%" height="37" class="layout-bottomCenter" align="left" valign="middle"></td></tr></table>



on, off, new_some, new_none images
Admin > Manage Styles > Customize Images

http://s102.photobucket.com/albums/m105/mysmileyplace/xbox360/new_none.gif
http://s102.photobucket.com/albums/m105/mysmileyplace/xbox360/new_some.gif
http://s102.photobucket.com/albums/m105/mysmileyplace/xbox360/off.gif
http://s102.photobucket.com/albums/m105/mysmileyplace/xbox360/on.gif

info, online, login, calendar
http://s102.photobucket.com/albums/m105/mysmileyplace/xbox360/info.gif
http://s102.photobucket.com/albums/m105/mysmileyplace/xbox360/login.gif
http://s102.photobucket.com/albums/m105/mysmileyplace/xbox360/online.gif
http://i102.photobucket.com/albums/m105/mysmileyplace/xbox360/calendar.gif

Code:
/****
This controls the width of the template. You can change this to what you want.
A px width is fixed and a % width is fluid.
****/
#widthControl
{
width: 870px;
text-align: left;
margin: 0px auto;
padding: 10px 0px 2px 0px; /* top right bottom left */
}

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

/* Navigation links - for the link tree. */
.nav, .nav:link, .nav:visited
{
color: #dcdcdc;
text-decoration: none;
}
a.nav:hover
{
color: #ffffff;
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: #dcdcdc;
font-size: small;
font-family: verdana, sans-serif;
}

/* The main body of the entire forum. */
body
{
background-color: #181818;
margin: 0px;
padding: 0px;
text-align: center;
}

/* Input boxes - just a bit smaller than normal so they align well. */
input, textarea, select, option
{
color: #ffffff;
font-family: verdana, sans-serif;
border: 1px solid #393939;
background-color: #000000;
}
input
{
font-size: 90%;
}

textarea
{
font-size: 100%;
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: 90%;
font-weight: normal;
font-family: verdana, sans-serif;
}

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

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

/* A code block - maybe even PHP ;). */
.code
{
color: #dcdcdc;
background-color: #202020;
font-family: "courier new", "times new roman", monospace;
font-size: x-small;
line-height: 1.3em;
/* Put a nice border around it. */
border: 1px solid #393939;
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;
text-decoration: none;
font-style: normal;
font-weight: bold;
font-size: x-small;
line-height: 1.2em;
}

/* 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: 161616;
font-weight: bold;
color: white;
}

/* Alternating backgrounds for posts, and several other sections of the forum. */
.windowbg
{
color: #dcdcdc;
background-color: #181818;
}
.windowbg2
{
color: #dcdcdc;
background-color: #000000;
}
.windowbg3
{
color: #dcdcdc;
background-color: #202020;
}
/* the today container in calendar */
.calendar_today
{
background-color: #000000;
color: #789E2C;
}

/* 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, .titlebg td, .titlebg2 td
{
color: #d1d1d1;
font-style: normal;
background: /*url(http://s102.photobucket.com/albums/m105/mysmileyplace/xbox360/titlebg.jpg)*/ #202020 repeat-x;
border-bottom: solid 1px #000000;
border-top: solid 1px #000000;
padding-left: 10px;
padding-right: 10px;
}
.titlebg, .titlebg a:link, .titlebg a:visited
{
font-weight: bold;
color: #d1d1d1;
font-style: normal;
}

.titlebg a:hover
{
color: #d1d1d1;
}
/* same as titlebg, but used where bold text is not needed */
.titlebg2 a:link, .titlebg2 a:visited
{
color: #d1d1d1;
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://s102.photobucket.com/albums/m105/mysmileyplace/xbox360/catbg.jpg) #000000 repeat-x;
color: #ffffff;
padding-left: 10px;
padding-right: 10px;
}
.catbg2 , tr.catbg2 td
{
background: url(http://s102.photobucket.com/albums/m105/mysmileyplace/xbox360/catbg.jpg) #000000 repeat-x;
color: #ffffff;
padding-left: 10px;
padding-right: 10px;
}
.catbg, .catbg2, .catbg3
{
border-bottom: solid 1px #202020;
}
.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: #f9ffc3;
}
/* This is used for tables that have a grid/border background color (such as the topic listing.) */
.bordercolor
{
background-color: #393939;
padding: 0px;
}

/* This is used on tables that should just have a border around them. */
.tborder
{
padding: 1px;
border: 1px solid #393939;
background-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 ;). */
.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 menu at the top of the page, active means the link reflects which page is displayed */
.mainnav
{
color: #dcdcdc;
text-decoration: none;
text-transform: capitalize;
font-size: 11px;
vertical-align: middle;
font-family: tahoma, sans-serif;
padding: 2px 0px 10px 0px;
}
.mainnav_active
{
color: #ffffff;
text-decoration: none;
text-transform: capitalize;
font-size: 11px;
vertical-align: middle;
font-family: tahoma, sans-serif;
padding: 2px 0px 10px 0px;
}
.mainnav a:link, .mainnav a:visited
{
color: #dcdcdc;
text-transform: capitalize;
vertical-align: middle;
text-decoration: none;
border-bottom: 3px solid #202020;
padding: 4px 14px 4px 14px;
}
.mainnav a:hover
{
border-bottom: 3px solid #99cc33;
color: #ffffff;
}
.mainnav_active a:link, .mainnav_active a:visited
{
color: #ffffff;
text-transform: capitalize;
text-decoration: none;
vertical-align: middle;
border-bottom: 3px solid #99cc33;
padding: 4px 14px 4px 14px;
}
.mainnav_active a:hover
{
color: #ffffff;
border-bottom: 3px solid #99cc33;
}

/* definitions for the main tab, active means the tab reflects which page is displayed */
.maintab, .maintab_back, .maintab_active_back
{
color: #dcdcdc;
text-transform: capitalize;
vertical-align: top;
font-weight: normal;
}
.maintab, .maintab_back, .maintab_active_back
{
color: #dcdcdc;
text-decoration: none;
font-size:  11px;
padding: 5px 0px 10px 0px;
font-family: tahoma, sans-serif;
}

/* how links behave in main tab. */
.maintab a:link , .maintab a:visited, .maintab_back a:link, .maintab_back a:visited, .maintab_active_back a:link, .maintab_active_back a:visited
{
color: #dcdcdc;
text-decoration: none;
border-bottom: 3px solid #202020;
padding: 4px 14px 4px 14px;
}

.maintab a:hover, .maintab_back a:hover, .maintab_active_back a:hover
{
color: #ffffff;
text-decoration: none;
border-bottom: 3px solid #99cc33;
}

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

/****
These are css parts for the Xbox360 design.
****/
#bgLeft
{
background: url("http://s102.photobucket.com/albums/m105/mysmileyplace/xbox360/bgleft.gif") top left repeat-y;
}

#bgRight
{
background: url("http://s102.photobucket.com/albums/m105/mysmileyplace/xbox360/bgright.gif") top right repeat-y;
}

#bgCircles
{
background: url("http://s102.photobucket.com/albums/m105/mysmileyplace/xbox360/circle_bg.gif") top center no-repeat;
}

.layout-topCenter
{
background: url("http://s102.photobucket.com/albums/m105/mysmileyplace/xbox360/layout_topcenter.gif") top left repeat-x;
}
#layout-topLeft
{
background: url("http://s102.photobucket.com/albums/m105/mysmileyplace/xbox360/layout_topleft.gif") top left no-repeat;
height: 139px;
}
#layout-topLeft span
{
line-height: 139px;
vertical-align: middle;
font-size: 18px;
color: #99cc33;
font-weight: normal;
padding-left: 20px;
}

.layout-content
{
background-color: #000000;
padding: 8px;
}

.layout-bottomCenter
{
background: url("http://s102.photobucket.com/albums/m105/mysmileyplace/xbox360/layout_bottomcenter.gif") top left repeat-x;
}
#layout-bottomLeft
{
background: url("http://s102.photobucket.com/albums/m105/mysmileyplace/xbox360/layout_bottomleft.gif") top left no-repeat;
height: 47px;
}

#layout-bottomRight
{
background: url("http://s102.photobucket.com/albums/m105/mysmileyplace/xbox360/layout_bottomright.gif") top left no-repeat;
height: 47px;
width: 275px;
text-align: right;
}

#layout-bottomRight img
{
padding-right: 20px;
}

/* The main body of the entire forum. */
#bodyarea
{
background-color: #000000;
margin: 0px;
padding: 12px;

}


 10 
 on: November 11, 2008, 11:30:00 am 
Started by simply sibyl - Last post by simply sibyl
This is an Adaptation of Bloc's "Leviathan"  Theme done in blue

Live Demo Here


on, off, new_some, new_none images:
   http://s102.photobucket.com/albums/m105/mysmileyplace/leviathan/on.gif
   http://s102.photobucket.com/albums/m105/mysmileyplace/leviathan/off.gif

   http://s102.photobucket.com/albums/m105/mysmileyplace/leviathan/new_some.gif
   http://s102.photobucket.com/albums/m105/mysmileyplace/leviathan/new_none.gif


calendar, info, login, online images:
   http://s102.photobucket.com/albums/m105/mysmileyplace/leviathan/calendar.gif
  http://s102.photobucket.com/albums/m105/mysmileyplace/leviathan/info.gif
   http://s102.photobucket.com/albums/m105/mysmileyplace/leviathan/login.gif
   http://s102.photobucket.com/albums/m105/mysmileyplace/leviathan/online.gif

HEADER code (required)

Code:
<div id="maintable">
<table id="lowersection" cellpadding="0" cellspacing="0" width="100%" >
<tr id="usersection"><td class="rtop" align="center">
<br><br></td>
</tr>
<tr id="toolsection">
<td class="ltop" colspan="2"><br></td>
</tr>
<tr id="toolbot"><td colspan="2">
</td></tr></table>
<table id="bodysection" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td width="100%"><table cellpadding="4" cellspacing="0" width="100%">
<tr>
<td width="100%" align="left" valign="top" style="padding-top: 10px; padding-bottom: 10px;">
<div id="tpcenterbarHeader"><div class="tp_centerpanel">
</div></div></div>


CSS:

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

/* Navigation links - for the link tree. */
.nav, .nav:link, .nav:visited
{
color: #000000;
text-decoration: none;
}
a.nav:hover
{
color: #cc3333;
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: #000000;
font-family: tahoma, helvetica, sans-serif;
 }

/* The main body of the entire forum. */
body
{
padding: 0px 100px 4px 100px;
margin: 0;
background-color: #000;
}

/* Input boxes - just a bit smaller than normal so they align well. */
input, textarea, button
{
font-family: tahoma, helvetica, sans-serif;
border-width: 1px;
background: #d0d6d4;
padding: 2px;
}
input, button
{
font-size: 90%;
}

textarea
{
border-width: 1px;
font-size: 100%;
color: #000000;
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: 90%;
font-weight: normal;
border-width: 1px;
font-family: verdana, sans-serif;
background: #d0d6d4
}

/* 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: #400;
border: 1px solid #000000;
             background-color:  #D8BC97;
margin: 4px 0 4px 10px;
padding: 5px 10px 5px 4px;
font-size: small;
font-style: italic;
}

/* A code block - maybe even PHP ;). */
.code
{
color: #000000;
             background-color:  #D8BC97;
font-family: "courier new", "times new roman", monospace;
font-size: x-small;
line-height: 1.3em;
/* Put a nice border around it. */
border: 1px solid #000000;
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: #000000;
text-decoration: none;
font-style: italic;
line-height: 2em;
margin: 4px 0 4px 10px;
}

/* 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: #000000;
}
.windowbg2
{
color: #304000;
}
.windowbg3
{
color: #404040;
background: #9A8579;
}
.windowbg4
{
color: #000000;
background: #bAa599;
}/* 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: white;
font-style: normal;
background-color: #7A6559;
border-bottom: solid 1px #634722;
background-repeat: repeat-x;
padding-left: 10px;
padding-right: 10px;
}
.titlebg, .titlebg a:link, .titlebg a:visited
{
font-weight: bold;
color: white;
font-style: normal;
}

.titlebg a:hover
{
color: #fff080;
text-decoration: none;
}
/* same as titlebg, but used where bold text is not needed */
.titlebg2 a:link, .titlebg2 a:visited
{
color: white;
font-style: normal;
text-decoration: none;
font-size: 90%;
}

.titlebg2 a:hover
{
color: #fff080;
text-decoration: none;
}/* 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-image: url(http://s102.photobucket.com/albums/m105/mysmileyplace/leviathan/blue/catbg.gif);
background-color: #313131;
color: #ffffff;
padding-left: 10px;
padding-right: 10px;
}
.catbg2 , tr.catbg2 td
{
background-image: url(http://s102.photobucket.com/albums/m105/mysmileyplace/leviathan/blue/catbg.gif);
background-color: #A1BFD9;
color: #ffffff;
padding-left: 10px;
padding-right: 10px;
}

.catbg, .catbg2, .catbg3
{
background-repeat: repeat-x;
}
.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: #e0e0ff;
}
/* This is used for tables that have a grid/border background color (such as the topic listing.) */
.bordercolor
{
}

/* This is used on tables that should just have a border around them. */
.tborder
{
}

/* Default font sizes: small (8pt), normal (10pt), and large (14pt). */
.smalltext
{
font-size: 80%;
font-family: verdana, sans-serif;
}
.middletext
{
font-size: 90%;
}
.normaltext
{
font-size: 100%;
}
.largetext
{
font-size: 125%;
}


/* 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
{
background-position: left bottom;
color: white;
vertical-align: top;

}
.maintab_back, .maintab_active_back
{
color: white;
text-decoration: none;
font-size:  80%;
vertical-align: top;
padding: 2px 6px 6px 6px;
font-family: tahoma, sans-serif;
}

.maintab_first
{
             background:  url(http://i102.photobucket.com/albums/m105/mysmileyplace/leviathan/blue/inactive_menu.gif);
width: 10px;
}
.maintab_back
{
             background:  url(http://i102.photobucket.com/albums/m105/mysmileyplace/leviathan/blue/inactive_menu.gif);
}
.maintab_last
{
             background:  url(http://i102.photobucket.com/albums/m105/mysmileyplace/leviathan/blue/inactive_menu.gif);
width: 8px;
}
.maintab_active_first
{
             background:  url(http://i102.photobucket.com/albums/m105/mysmileyplace/leviathan/blue/active_menu.gif);
width: 6px;
}
.maintab_active_back
{
             background:  url(http://i102.photobucket.com/albums/m105/mysmileyplace/leviathan/blue/active_menu.gif);
}
.maintab_active_last
{
             background:  url(http://i102.photobucket.com/albums/m105/mysmileyplace/leviathan/blue/active_menu.gif);
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: #e0e0ff;
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;
vertical-align: top;

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

.mirrortab_first
{
             background:  url(http://i102.photobucket.com/albums/m105/mysmileyplace/leviathan/blue/inactive_menu.gif);
width: 10px;
}
.mirrortab_back
{
             background:  url(http://i102.photobucket.com/albums/m105/mysmileyplace/leviathan/blue/inactive_menu.gif);
}
.mirrortab_last
{
             background:  url(http://i102.photobucket.com/albums/m105/mysmileyplace/leviathan/blue/inactive_menu.gif);
width: 6px;
}
.mirrortab_active_first
{
background:  url(http://i102.photobucket.com/albums/m105/mysmileyplace/leviathan/blue/active_menu.gif);

width: 6px;
}
.mirrortab_active_back
{
background:  url(http://i102.photobucket.com/albums/m105/mysmileyplace/leviathan/blue/active_menu.gif);

}
.mirrortab_active_last
{
background:  url(http://i102.photobucket.com/albums/m105/mysmileyplace/leviathan/blue/active_menu.gif);

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

/* ##################### */


#uppersection{
background: url(http://s102.photobucket.com/albums/m105/mysmileyplace/leviathan/blue/topback.gif) #859288 repeat-x;
}


#topsection{
padding: 0px;
_height: 1%;
}
#topsection .rtop{
background: url(http://s102.photobucket.com/albums/m105/mysmileyplace/leviathan/blue/logo.gif) right top no-repeat;
width: 100px;
height: 35px;
}
#topsection .ltop{
background: url(http://s102.photobucket.com/albums/m105/mysmileyplace/leviathan/blue/sideborder.gif) right top repeat-y;
width: 40%;
padding: 5px;
}
#topsection h1{
color: #E2EEE5;
margin: 0;
padding: 0 10px 20px 10px;
font-size: 150%;
}
#topsection h3{
padding: 0 10px 0 10px;
color: #E2EEE5;
margin: 0;
font-size: 80%;
}


#lowersection{
background: url(http://s102.photobucket.com/albums/m105/mysmileyplace/leviathan/blue/middleback.gif) #515552 repeat-x;
}
#usersection .ltop{
background: url(http://s102.photobucket.com/albums/m105/mysmileyplace/leviathan/blue/sideborder.gif) right top repeat-y;
}
#toolbot{
background: url(http://s102.photobucket.com/albums/m105/mysmileyplace/leviathan/blue/middlebot.gif) repeat-x;
height: 8px;
}
#bodysection{
background: url(http://s102.photobucket.com/albums/m105/mysmileyplace/leviathan/blue/mainback.gif);
padding: 10px;
}
#usersection .ltop, #usersection .rtop{
padding: 10px;
color: #DAEBE4;
}
#uppersection a, #lowersection a{
color: #cAcB94;
}


 #toolsection{
background: url(http://s102.photobucket.com/albums/m105/mysmileyplace/leviathan/blue/borderline3.gif) left top repeat-x;
 }
 #toolsection .ltop{
padding: 10px;
 }
#toolsection .ltop{
}
.whitetext, .whitetext a, tr.whitetext td, tr.whitetext td a{
color: #c0c0c0;
}
.whitetext{
padding: 5px;
}

Pages: [1] 2 3 ... 10
Powered by EzPortal
Bookmark this site! | Upgrade This Forum
SMF For Free - Create your own Forum | Buy traffic for your forum/website

Powered by SMF | SMF © 2016, Simple Machines
Privacy Policy