Directions for drop down style swapper



sibyls simple stuff
March 28, 2024, 04:34:30 am
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] 4 5 ... 10
 21 
 on: November 11, 2008, 11:18:21 am 
Started by simply sibyl - Last post by simply sibyl
An Adaptation of dzinerstudio's "DS-Natural" Theme




HEADER Code  (must use this)
If you do not want to use the logo image that is at the top right delete this out of the header:
<div id="logo"> </div>
 
Code:

<div id="toparea"><div id="topbox" class="wrapper"></div></div>
<div id="mainarea"><div id="header" class="wrapper">
<div id="logo"> </div>
</div>
<div class="wrapper"><div id="bodybox"><div id="bdybox-l"> <div id="bdybox-b">
<div id="bdybox-br"><div id="bdybox-bl"><div id="bdybox-t"><div id="bdybox-tr">
<div id="bdybox-tl">




on, off, new_some, new_none images

http://i102.photobucket.com/albums/m105/mysmileyplace/dsnatural/on.gif
http://i102.photobucket.com/albums/m105/mysmileyplace/dsnatural/off.gif
http://i102.photobucket.com/albums/m105/mysmileyplace/dsnatural/new_some.gif
http://i102.photobucket.com/albums/m105/mysmileyplace/dsnatural/new_none.gif

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



Code:

html {
height: 100%;
margin-bottom: 1px;
}

/* Normal, standard links. */
a:link, a:visited {
color: #b43c01;
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 {
line-height: 150%;
font-family: tahoma, sans-serif;
color: #565656;
font-size: 12px;
}

/* The main body of the entire forum. */
body {
background: #9f9f95;
padding: 0;
margin: 0;
}

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

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: 100%;
font-weight: normal;
color: #000000;
font-family: Tahoma, Arial, Helvetica, sans-serif;
}

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

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

/* A quote, perhaps from another post. */
.quote {
color: #343434;
background-color: #d3d3c9;
border: 2px solid #989898;
margin: 1px;
padding: 5px;
font-size: 11px;
line-height: 1.4em;
}

/* A code block - maybe even PHP ;). */
.code {
color: #fff;
background-color: #d57b4f;
font-family: "courier new", "times new roman", monospace;
font-size: 11px;
line-height: 1.3em;
/* Put a nice border around it. */
border-top: 2px solid #b43c01;
border-bottom: 2px solid #b43c01;
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: #282828;
text-decoration: none;
font-style: normal;
font-weight: bold;
font-size: 11px;
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 {
background: #efefe6;
}

.windowbg2 {
background: #fff;
}

.windowbg3 {
background: #e4e4db;
}

/* the today container in calendar */
.calendar_today {
background: #f5f5f5;
}

/* 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: #fff;
font-style: normal;
background: #852c01 url(http://i102.photobucket.com/albums/m105/mysmileyplace/dsnatural/titlebg.png) repeat-x;
padding-left: 10px;
padding-right: 10px;
}

.titlebg, .titlebg a:link, .titlebg a:visited {
color: #fff;
font-style: normal;
font-size: 12px;
}

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

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

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

/* 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 {
color: #282828;
padding-left: 10px;
padding-right: 10px;
background: #8b8b81 url(http://i102.photobucket.com/albums/m105/mysmileyplace/dsnatural/catbg.png) repeat-x;
}

.catbg2, tr.catbg2 td {
color: #404040;
padding-left: 10px;
padding-right: 10px;
background: #8b8b81 url(http://i102.photobucket.com/albums/m105/mysmileyplace/dsnatural/catbg.png) repeat-x;
}

.catbg, .catbg2, .catbg3 {}

.catbg, .catbg2 {
font-weight: normal;
font-size: 11px;
text-transform: uppercase;
}

.catbg3, tr.catbg3 td, .catbg3 a:link, .catbg3 a:visited {
font-size: 95%;
color: #454545;
text-decoration: none;
}

.catbg a:link, .catbg a:visited, .catbg2 a:link, .catbg2 a:visited {
color: #333;
text-decoration: none;
}

.catbg a:hover, .catbg2 a:hover, .catbg3 a:hover {
color: #000;
}

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

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

/* Default font sizes: small (8pt), normal (10pt), and large (14pt). */
.smalltext {
font-size: 11px;
font-family: tahoma, sans-serif;
}

.middletext {
line-height: 18px;

}

.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, .mirrortab_first, .mirrortab_back, .mirrortab_last, .mirrortab_active_first, .mirrortab_active_back, .mirrortab_active_last {
vertical-align: top;
text-transform: uppercase;
}

.maintab_back, .maintab_active_back, .mirrortab_back, .mirrortab_active_back {
text-decoration: none;
font-size: 11px;
padding: 5px;
}

.maintab_first,.mirrortab_first {
display: none;
}

.maintab_back,.mirrortab_back {}

.maintab_last,.mirrortab_last {
display: none;
}

.maintab_active_first, .mirrortab_active_first {
display: none;
}

.maintab_active_back, .mirrortab_active_back {
text-decoration: overline;
}

.maintab_active_last, .mirrortab_active_last {
display: none;
}

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

.maintab_active_back a:link, .maintab_active_back a:visited, .mirrortab_active_back a:link, .mirrortab_active_back a:visited {
color: #282828;
text-decoration: none;
font-weight: bold;
}

.maintab_back a:hover, .maintab_active_back a:hover, .mirrortab_back a:hover, .mirrortab_active_back a:hover {
color: #b43c01;
text-decoration: overline;
}

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


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

#toparea {
background: url(http://i102.photobucket.com/albums/m105/mysmileyplace/dsnatural/toparea.png) 0 0 repeat-x;
}

#topbox {
background: url(http://i102.photobucket.com/albums/m105/mysmileyplace/dsnatural/toparea-m.png) 50% 0 no-repeat;
height: 45px;
}

#mainarea {
background: #bbbbae;
padding: 0 0 20px 0;
}

#bodybox {
background: #ffffff url(http://i102.photobucket.com/albums/m105/mysmileyplace/dsnatural/right.png) 100% 0 repeat-y;
}

#bdybox-l {
background: url(http://i102.photobucket.com/albums/m105/mysmileyplace/dsnatural/left.png) 0 0 repeat-y;
}

#bdybox-b {
background: url(http://i102.photobucket.com/albums/m105/mysmileyplace/dsnatural/bot.png) 0 100% repeat-x;
}

#bdybox-br {
background: url(http://i102.photobucket.com/albums/m105/mysmileyplace/dsnatural/bot-r.png) 100% 100% no-repeat;
}

#bdybox-bl {
background: url(http://i102.photobucket.com/albums/m105/mysmileyplace/dsnatural/bot-l.png) 0 100% no-repeat;
}

#bdybox-t {
background: url(http://i102.photobucket.com/albums/m105/mysmileyplace/dsnatural/top.png) 0 0 repeat-x;
}

#bdybox-tr {
background: url(http://i102.photobucket.com/albums/m105/mysmileyplace/dsnatural/top-r.png) 100% 0 no-repeat;
}

#bdybox-tl {
background: url(http://i102.photobucket.com/albums/m105/mysmileyplace/dsnatural/top-l.png) 0 0 no-repeat;
padding: 20px;
}

#header {
position: relative;
height: 85px;
overflow: hidden;
background: #bbbbae;
}

#logo, #logo a {
position: absolute;
left: 0;
display: block;
width: 350px;
height: 85px;
background: url(http://i102.photobucket.com/albums/m105/mysmileyplace/dsnatural/logo.png) no-repeat;
}






 22 
 on: November 11, 2008, 11:17:26 am 
Started by simply sibyl - Last post by simply sibyl
Preview Here




Custom Images:

new_some:   http://www.styleyourforum.com/data/225/new_none.gif
new_none:    http://www.styleyourforum.com/data/225/new_some.gif
off:   http://www.styleyourforum.com/data/225/off.gif
on:   http://www.styleyourforum.com/data/225/on.gif
on2:  http://www.styleyourforum.com/data/225/on2.gif
calendar:   http://www.styleyourforum.com/data/225/ico_calendar.gif
info:    http://www.styleyourforum.com/data/225/ico_info.gif
online:    http://www.styleyourforum.com/data/225/ico_online.gif
login:   http://www.styleyourforum.com/data/225/ico_login.gif
xx:    http://www.styleyourforum.com/data/225/pos_xx.gif

css:

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

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

/* The main body of the entire forum. */
body
{
background-color: black;
                background-image:  url(http://www.styleyourforum.com/data/225/css0.jpg);
                background-position:  top left;
                background-repeat:  repeat-x;
                background-attachment:  fixed;
margin: auto;
                width:  960px;
padding-top: 30px;
opacity:0.90;
filter:alpha(opacity=90);
}

/* Input boxes - just a bit smaller than normal so they align well. */
input, textarea, button
{
background-color: #323D53;
color: #ffffff;
                border:  1px solid #4D5D73;
font-family: verdana, sans-serif;
}
input, button
{
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;
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: #BCCAD4;
background-color: #3A445A;
border: 1px solid #000000;
margin: 1px;
padding: 1px;
font-size: x-small;
line-height: 1.4em;
}

/* A code block - maybe even PHP ;). */
.code
{
color: #BCCAD4;
background-color: #3A445A;
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: #BCCAD4;
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%;
                 color:   #BCCAD4;
}

/* 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: #BCCAD4;
background-color: #2E374A;
}
.windowbg2
{
color: #BCCAD4;
background-color: #323C4D;
}
.windowbg3
{
color: #BCCAD4;
background-color: #2E374A;
}
/* the today container in calendar */
.calendar_today
{
background-color: #232935;
}

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

.titlebg a:hover
{
color: #BCCAD4;
}
/* same as titlebg, but used where bold text is not needed */
.titlebg2 a:link, .titlebg2 a:visited
{
color: #BCCAD4;
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:  #274C43;
             background-image:  

url(http://www.styleyourforum.com/data/225/css1.png);
             background-repeat:  repeat-y;
             background-postion:  top left;
color: #ffffff;
padding-left: 10px;
padding-right: 10px;
}
.catbg2 , tr.catbg2 td
{
background:  #274C43;
             background-image:  

url(http://www.styleyourforum.com/data/225/css1.png);
             background-repeat:  repeat-y;
             background-postion:  top left;
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: #e0e0ff;
}/* This is used for tables that have a grid/border background color (such as the topic listing.) */
.bordercolor
{
background-color: #455469;
padding: 0px;
}

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

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

.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: #BCCAD4;
text-decoration: none;
                 font-weight: bold;
}

.maintab_back a:hover, .maintab_active_back a:hover
{
color: #ffffff;
text-decoration: none;
}
/* definitions for the mirror tab */
.mirrortab_first, .mirrortab_back, .mirrortab_last, .mirrortab_active_first, .mirrortab_active_back, .mirrortab_active_last
{
color: #BCCAD4;
text-transform: uppercase;
vertical-align: top;
}
.mirrortab_back, .mirrortab_active_back
{
color: #BCCAD4;
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
{
color: #BCCAD4;
text-decoration: none;
}

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





 23 
 on: November 11, 2008, 11:16:43 am 
Started by simply sibyl - Last post by simply sibyl
IronWOW  original theme design with permission by Crip

Preview Here




Custom Images:

http://www.styleyourforum.com/data/216/new_none.gif
http://www.styleyourforum.com/data/216/new_some.gif
http://www.styleyourforum.com/data/216/off.gif
http://www.styleyourforum.com/data/216/on.gif
http://www.styleyourforum.com/data/216/on2.gif
http://www.styleyourforum.com/data/216/ico_info.gif
http://www.styleyourforum.com/data/216/ico_login.gif
http://www.styleyourforum.com/data/216/ico_online.gif


Header Code  (must use)

Code:
<div id="container"> <div id="header"><div id="head-l"><div id="head-r">
<span id="logo"> </span></div></div></div><div id="main-l"><div id="main-r">

Footer Code  (must use)

Code:
<div id="tplowerbarHeader"><div class="tp_lowerpanel"><div style="margin-bottom: 4px;" class="tborder tp_lowerblock_frame">
</div></div><div class="smalltext" style="text-align: center; padding: 3px;"></div></div></div>
</div><div id="footer"><div id="footer-left"><div id="footer-right"><div id="footerarea" style="font-size: smaller;"><span class="smalltext" style="display: inline; visibility: visible; font-family: Verdana, Arial, sans-serif;"></span><br />
IronWoW by <a href="http://www.jpr62.com/theme/index.php"><b>Crip</b></a><br /></div></div></div></div>




css:

Code:
/* Normal, standard links. */
a:link {
color: #5c6d8b;
text-decoration: none;
}
a:visited {
color: #5c6d8b;
text-decoration: none;
}
a:hover {
color: #AC7316;
}
/* Navigation links - for the link tree. */
.nav, .nav:link, .nav:visited {
color: #5c6d8b;
font-weight: 700;
text-decoration: none;
}
a.nav:hover {
color: #AC7316;
text-decoration: none;
}
/* Tables should show empty cells. */
table {
empty-cells: show;
}
/* By default (td, body..) use verdana in black. */
body, td, th , tr {
font-family: Lucida Sans, Lucida Grande;
line-height: 140%;
color: #cecece;
font-size: small;
}
/* The main body of the entire forum. */
body {
margin:0;
padding: 20px 0 0 0;
background: #010101;
}
/* Input boxes - just a bit smaller than normal so they align well. */
input, textarea, button {
color: #000;
font-family: Lucida Sans, Lucida Grande;
}
input, button {
font-size: 90%;
}
textarea {
font-size: 95%;
color: #000;
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: 8px;
font-weight: normal;
color: #000;
font-family: Lucida Sans, Lucida Grande;
}
/* Standard horizontal rule.. ([hr], etc.) */
hr, .hrcolor {
height: 1px;
border: 0;
color: #666;
background-color: #666;
}
/* No image should have a border when linked */
a img {
border: 0;
}
/* A quote, perhaps from another post. */
.quote, .code {
border-top: 1px solid #000000;
border-right: 1px solid #3a3a3a;
border-bottom: 1px solid #3a3a3a;
border-left: 1px solid #000000;
color: #e3e3e3;
padding: 8px;
margin: 0 15px 8px 15px;
background-color: #1a1a1a;
}
.quote {
font-size: x-small;
line-height: 1.4em;
}
/* A code block - maybe even PHP ;). */
.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: #FF0000;
}
/* The main post box - this makes it as wide as possible. */
.editor {
width: 96%;
}
/* Highlighted text - such as search results. */
.highlight {
background-color: #FFF000;
font-weight: 700;
color: #000;
}
/* Alternating backgrounds for posts, and several other sections of the forum. */
.windowbg {
background: #262626;
}
.windowbg2 {
background: #262626;
}
.windowbg3 {
background: #2a2a2a;
}
/* the today container in calendar */
.calendar_today {
background-color: #1f1f1f;
}
/* 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: #cfcfcf;
font-style: normal;
background: url(http://www.styleyourforum.com/data/216/css0.jpg) repeat-x;
padding-left: 10px;
padding-right: 10px;
line-height: 20px;
}
.titlebg, .titlebg a:link, .titlebg a:visited {
color: #e3e3e3;
font-style: normal;
}
.titlebg a:hover {
color: #AC7316;
}
/* same as titlebg, but used where bold text is not needed */
.titlebg2 a:link, .titlebg2 a:visited {
color: #e3e3e3;
font-style: normal;
text-decoration: underline;
}
.titlebg, .titlebg2 {
font-family: Lucida Sans, Lucida Grande;
font-size: 12px;
font-style: normal;
}
.titlebg2 a:hover {
text-decoration: underline;
}
.titlebg3, tr.titlebg3 td {
color: #999;
padding-left: 10px;
padding-right: 10px;
background: #303030 url(http://www.styleyourforum.com/data/216/css1.gif) 0 100% repeat-x;
font-size: 12px;
}
/* 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: #303030 url(http://www.styleyourforum.com/data/216/css2.gif) repeat-x;
color: #cdcdcd;
padding-left: 10px;
padding-right: 10px;
}
.catbg2 , tr.catbg2 td {
background: #303030 url(http://www.styleyourforum.com/data/216/css2.gif) repeat-x;
color: #cdcdcd;
padding-left: 10px;
padding-right: 10px;
}
.catbg, .catbg2, .catbg3 {
font-family: Lucida Sans, Lucida Grande;
font-size: 13px;
}
.catbg, .catbg2 {
background: #303030 url(http://www.styleyourforum.com/data/216/css2.gif) repeat-x;
}
.catbg3, tr.catbg3 td, .catbg3 a:link, .catbg3 a:visited {
font-size: 11px;
color: #888;
text-decoration: none;
}
.catbg a:link, .catbg a:visited , .catbg2 a:link, .catbg2 a:visited {
color: #cdcdcd;
text-decoration: none;
}
.catbg a:hover, .catbg2 a:hover, .catbg3 a:hover {
color: #AC7316;
}
/* This is used for tables that have a grid/border background color (such as the topic listing.) */
.bordercolor {
  background: #000;
}
/* This is used on tables that should just have a border around them. */
.tborder {
background: #030303;
}
/* Default font sizes: small (8pt), normal (10pt), and large (14pt). */
.smalltext {
font-size: x-small;
font-family: Lucida Sans, Lucida Grande;
}
.middletext {
line-height: 18px;
text-indent: 10px;
}
.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: #FF0000;
}
/* template links at the top, etc. */
td.mainnav {
line-height: 32px;
height: 32px;
vertical-align: top;
text-align: center;
color: #ffffff;
font-family: Lucida Sans, Lucida Grande;
}
td.mainnav a, td.mainnav_active a {
line-height: 32px;
height: 32px;
vertical-align: middle;
color: #ffffff;
font-weight: 700;
text-decoration: none;
text-transform: capitalize;
font-size: 12px;
clear: both;
}
td.mainnav a:link, td.mainnav a:visited, td.mainnav a:active {
color: #ffffff;
}
td.mainnav a:hover {
color: #AC7316;
text-decoration: none;
}
td.mainnav_active a:link, td.mainnav_active a:visited, td.mainnav_active a:active {
color: #ffffff;
}
td.mainnav_active a:hover {
color: #AC7316;
text-decoration: none;
}
/* 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 #AC7316;
}
/* The AJAX notifier */
#ajax_in_progress {
background: #303030;
color: white;
text-align: center;
font-weight: bold;
font-size: 18pt;
padding: 3px;
width: 100%;
position: fixed;
bottom: 0;
left: 0;
}
/* ~~ Template Width ~~ */
#container {
width: 85%;
margin: 0px auto 20px auto;
}
#mainarea {
background: url(http://www.styleyourforum.com/data/216/css5.gif);
padding: 5px 12px 12px 12px;
margin: 0;
}
#main-l {
background: url(http://www.styleyourforum.com/data/216/css6.gif) 0 50% repeat-y;
padding-left: 25px;
}
#main-r {
background: url(http://www.styleyourforum.com/data/216/css7.gif) 100% 50% repeat-y;
padding-right: 25px;
}
#header {
position: relative;
height: 210px;
overflow: hidden;
background: #020202 url(http://www.styleyourforum.com/data/216/css8.png) 0 0 repeat-x;
}
#head-r {
height: 210px;
background: url(http://www.styleyourforum.com/data/216/css9.png) 100% 0 no-repeat;
}
#head-l {
background: url(http://www.styleyourforum.com/data/216/css10.png) 0 0 no-repeat;
}
/* ~~ iWOW LOGO ~~ */
#logo, #logo a {
position: absolute;
top: 15px;
left: 20px;
display: block;
width: 507px;
height: 190px;
background: url(http://www.styleyourforum.com/data/216/css11.jpg) no-repeat;
}
#avatar {
float: right;
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
padding-bottom: 10px;
}
#welcome {
font-size: 9pt;
color: #aaa;
font-family: lucida sans, lucida grande;
float: right;
padding: 2em 30px 0 0;
text-align: right;
}
#welcome a:link, #welcome a:visited {
color: #e3e3e3;
font-weight: 600;
}
#welcome a:hover {
color: #AC7316;
text-decoration: none;
clear: both;
}
/* ~~ Footer ~~ */
#footer {
background: #000001 url(http://www.styleyourforum.com/data/216/css12.png) 0 100% repeat-x;
}
#footer-right {
height: 143px;
background: url(http://www.styleyourforum.com/data/216/css13.png) 100% 100% no-repeat;
}
#footer-left {
background: url(http://www.styleyourforum.com/data/216/css14.png) 0 100% no-repeat;
}
#footerarea {
text-align: center;
padding: 4.5em;
color: #e3e3e3;
}
#footerarea a:link, #footerarea a:visited {
color: #999;
}
#footerarea a:hover {
color: #B74B03;
text-decoration: none;
}

 24 
 on: November 11, 2008, 11:15:55 am 
Started by simply sibyl - Last post by simply sibyl


on/off/new_some/new_none images
http://i102.photobucket.com/albums/m105/mysmileyplace/heliosimages/new_none.gif
http://i102.photobucket.com/albums/m105/mysmileyplace/heliosimages/new_some.gif
http://i102.photobucket.com/albums/m105/mysmileyplace/heliosimages/off.gif
http://i102.photobucket.com/albums/m105/mysmileyplace/heliosimages/on.gif

Optional HEADER code:

Code:
<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td style="height: 54px; width: 100%;">
<img alt="gfx" src="http://i102.photobucket.com/albums/m105/mysmileyplace/helios/headerorange.png" style="height: 54px; width: 100%; border: 0px; padding: 0px; margin: 0px;" />
</td>
 </tr>
</table>


Optional FOOTER code:

Code:
<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td style="height: 54px; width: 100%;">
<img alt="gfx" src="http://i102.photobucket.com/albums/m105/mysmileyplace/helios/footerorange.png" style="height: 54px; width: 100%; border: 0px; padding: 0px; margin: 0px;" />
</td>
 </tr>
</table>



CSS:

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

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

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

}

/* Input boxes - just a bit smaller than normal so they align well. */
input,button
{
       border: solid 1px #909090;
        background-color: #282525;
        font-size: 9pt;
        color: #d0d0d0;
        font-family: tahoma, helvetica, serif;
}
textarea
{
       border: solid 1px #909090;
        background-color: #282525;
        font-size: 9pt;
        color: #d0d0d0;
        font-family: verdana, helvetica, 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: #808080;
background-color: #666666;
}

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

/* A code block - maybe even PHP ;). */
.code
{
color: #FFFFFF;
background-color: #707070;
font-size: x-small;
line-height: 1.3em;
/* Put a nice border around it. */
border: 1px solid #d0d0d0;
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: 100%;
}

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

/* 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: url(http://i102.photobucket.com/albums/m105/mysmileyplace/helios/orangetitlebg.png) #935425 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: white;
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: white;
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-image:  url(http://i102.photobucket.com/albums/m105/mysmileyplace/helios/catbg-2.png);
background-color: #2E2E2E;
color: #ffffff;
padding-left: 10px;
padding-right: 10px;
}
.catbg2 , tr.catbg2 td
{
                background-image:  url(http://i102.photobucket.com/albums/m105/mysmileyplace/helios/catbg-2.png);
background-color: #2E2E2E;
color: #ffffff;
padding-left: 10px;
padding-right: 10px;
}.catbg, .catbg2, .catbg3
{
border-bottom: solid 1px #383838;
}
.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: #000000;
padding: 0px;
}

/* This is used on tables that should just have a border around them. */
.tborder
{
padding: 8px;
border-width: 2px;
                border-style: solid;
                border-color: #935425;
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 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;
                 font-weight: bold;
vertical-align: top;
                
}
.maintab_back, .maintab_active_back
{
color: white;
text-decoration: none;
                font-weight: bold;
font-size:  9px;
vertical-align: top;
               padding: 2px 6px 6px 6px;
font-family: tahoma, sans-serif;
}

.maintab_first
{    
                border-top:  2px solid #8C8A8C;
                border-left:  2px solid #3C3E3C;
                border-bottom:  2px solid #935425;
width: 10px;
}
.maintab_back
{
border-top:  2px solid #8C8A8C;
border-bottom: 2px solid #935425;
}
.maintab_last
{
border-top:  2px solid #8C8A8C;
border-bottom:  2px solid #935425;
border-right:  2px solid #3C3E3C;
width: 8px;
}
.maintab_active_first
{
border-top:  2px solid #8C8A8C;
                border-left:  2px solid #3C3E3C;
                border-bottom:  2px solid #935425;
width: 6px;
}
.maintab_active_back
{
border-top:  2px solid #8C8A8C;
border-bottom:  2px solid #935425;
}
.maintab_active_last
{
border-top:  2px solid #8C8A8C;
border-bottom:  2px solid #935425;
border-right:  2px solid #3C3E3C;
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;
text-transform: uppercase;
                font-weight: bold;
vertical-align: top;
}
.mirrortab_back, .mirrortab_active_back
{
color: white;
text-decoration: none;
                font-weight: bold;
font-size: 9px;
vertical-align: bottom;
padding: 6px 6px 2px 6px;
font-family: tahoma, sans-serif;
}

.mirrortab_first
{
                border-top:  2px solid #8C8A8C;
                border-left:  2px solid #3C3E3C;
                border-bottom:  2px solid #935425;

width: 10px;
}
.mirrortab_back
{
border-top:  2px solid #8C8A8C;
border-bottom: 2px solid #935425;
}
.mirrortab_last
{
border-top:  2px solid #8C8A8C;
border-bottom:  2px solid #935425;
border-right:  2px solid #3C3E3C;
width: 6px;
}
.mirrortab_active_first
{
                border-top:  2px solid #8C8A8C;
                border-left:  2px solid #3C3E3C;
                border-bottom:  2px solid #935425;
width: 6px;
}
.mirrortab_active_back
{
border-top:  2px solid #8C8A8C;
border-bottom: 2px solid #935425;
}
.mirrortab_active_last
{
border-top:  2px solid #8C8A8C;
border-bottom:  2px solid #935425;
border-right:  2px solid #3C3E3C;
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;
}



 25 
 on: November 11, 2008, 11:13:55 am 
Started by simply sibyl - Last post by simply sibyl
Screenshot:



on off images

http://i102.photobucket.com/albums/m105/mysmileyplace/orangeautumn/on.gif
http://i102.photobucket.com/albums/m105/mysmileyplace/orangeautumn/off-1.gif



css code:

Code:

/* Normal, standard links. */
a:link
{
color: #ffffff;
text-decoration: none;
font-weight: bold;
}
a:visited
{
color: #ffffff;
text-decoration: none;
font-weight: bold;
}
a:hover
{
color: #EE6622;
text-decoration: underline;
font-weight: bold;
}

/* Navigation links - for the link tree. */
.nav, .nav:link, .nav:visited
 {
color: #ffffff;
text-decoration: none;
font-weight: bold;
}
a.nav:hover
{
color: #EE6622;
font-weight: bold;
text-decoration: underline;
font-weight: bold;
}

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

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

/* The main body of the entire forum. */
body
{
                background-image:  url(http://i102.photobucket.com/albums/m105/mysmileyplace/orangeautumn/bg.jpg);
                background-repeat:   repeat;
                background-attachment:  fixed;
background-color: #9E5127;
margin: 0px;
padding: 12px 80px 4px 80px;
                opacity:0.80;
                filter:alpha(opacity=80);
}

/* 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: #DC7754;
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: #DC7754;
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: #ffffff;
font-weight: bold;
background-color: #A54722;
}
.windowbg2
{
color: #ffffff;
font-weight: bold;
background-color: #A54722;
}
.windowbg3
{
color: #ffffff;
font-weight: bold;
background-color: #A54722;
}
/* the today container in calendar */
.calendar_today
{
background-color: #DC7754;
}

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

.titlebg a:hover
{
color: #ffffff;
font-weight: bold;
}
/* same as titlebg, but used where bold text is not needed */
.titlebg2 a:link, .titlebg2 a:visited
{
color: #ffffff;
font-weight: bold;
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: #953E1F;
color: #EE6622;
font-weight: bold;
padding-left: 10px;
padding-right: 10px;
}
.catbg2 , tr.catbg2 td
{
background: #953E1F;
color: #EE6622;
font-weight: bold;
padding-left: 10px;
padding-right: 10px;
}
.catbg, .catbg2, .catbg3
{
border-bottom: solid 1px #953E1F;
}
.catbg, .catbg2
{
font-weight: bold;
}
.catbg3, tr.catbg3 td, .catbg3 a:link, .catbg3 a:visited
{
font-size: 95%;
color: #EE6622;
font-weight: bold;
text-decoration: none;
}
.catbg a:link, .catbg a:visited , .catbg2 a:link, .catbg2 a:visited
{
color: #EE6622;
font-weight: bold;
text-decoration: none;
}
.catbg a:hover, .catbg2 a:hover, .catbg3 a:hover
{
color: #EE6622;
font-weight: bold;
}
/* This is used for tables that have a grid/border background color (such as the topic listing.) */
.bordercolor
{
background-color: #ffffff;
padding: 0px;
}

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


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

.maintab_first
{
background: #953E1F;
width: 10px;
}
.maintab_back
{
background: #953E1F;
}
.maintab_last
{
background: #953E1F;
width: 8px;
}
.maintab_active_first
{
background: #953E1F;
width: 6px;
}
.maintab_active_back
{
background: #953E1F;

}
.maintab_active_last
{
background: #953E1F;
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: #EE6622;
font-weight: bold;
text-decoration: none;
}

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

.mirrortab_first
{
background: #953E1F;
width: 10px;
}
.mirrortab_back
{
background: #953E1F;
}
.mirrortab_last
{
background: #953E1F;
width: 6px;
}
.mirrortab_active_first
{
background: #953E1F;
width: 6px;
}
.mirrortab_active_back
{
background: #953E1F;
}
.mirrortab_active_last
{
background: #953E1F;
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: #EE6622;
font-weight: bold;
text-decoration: none;
}

.mirrortab_back a:hover, .mirrortab_active_back a:hover
{
color: #ffffff;
font-weight: bold;
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;
}http://i102.photobucket.com/albums/m105/mysmileyplace/orangeautumn/on.gif


 26 
 on: November 11, 2008, 11:11:55 am 
Started by simply sibyl - Last post by simply sibyl
Christmas Stylesheet adapted with permission from Bloc's Christmas2006 Theme

Preview Here





on/off images:
http://www.styleyourforum.com/data/215/new_none.gif
http://www.styleyourforum.com/data/215/new_some.gif
http://www.styleyourforum.com/data/215/off.gif
http://www.styleyourforum.com/data/215/on.gif
http://www.styleyourforum.com/data/215/on2.gif


HEADER CODE:    (Must USE)
To edit the header code look for:
<i>Happy Holidays From  *insert Forum Name here* </i>
Replace *insert Forum Name here* with the name of your forum

Code:
<script src="/jquery.js"></script>
<div id="leftside"><div id="rightside"><div id="content"><div id="topsection"><div id="topright"><div id="controls"></div>
<div id="mainmenu">
<span class="tabs1">
<i>Happy Holidays From  *insert Forum Name here* </i>
</span>
</div></div></div>

<div id="lowersection">
<table cellpadding="0" cellspacing="0" width="100%">
<tr>
<td id="leftbar" valign="top"><img src="http://s102.photobucket.com/albums/m105/mysmileyplace/blocchristmas/leftbar_top.jpg" alt="" />

<div id="sidebar"><table width="130" style="table-layout: fixed;"><tr><td class="smalltext">
<i>
'Twas the night before Christmas, when all through the house not a creature was stirring, not even a mouse. The stockings were hung by the chimney with care, in hopes that St. Nicholas soon would be there.
<br><br>
The children were nestled all snug in their beds,
while visions of sugar plums danced in their heads.
And Mama in her 'kerchief, and I in my cap,
had just settled our brains for a long winter's nap.
<br><hr><div ></div></td></tr></table></div></td>
<td id="main" valign="top" width="99%">
<div id="bodyarea">


css:

Code:
/* Normal, standard links. */
a:link
{
        color: #605a00;
        text-decoration: none;
}
a:visited
{
        color: #605a00;
        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-size: small;
        font-family: verdana, sans-serif;
}

/* The main body of the entire forum. */
body
{
        background: #E5E5E8;
        margin: 0px;
        padding: 0px;
}

/* 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
{
        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: #D4E2E5;
}
.windowbg2
{
        color: #000000;
        background-color: #f2F7Fb;
}
.windowbg3
{
        color: #000000;
        background-color: #E0E1E8;
}
/* 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: black;
        font-style: normal;
        background: url(http://www.styleyourforum.com/data/215/css0.jpg) #E9F0F6 repeat-x;
        border-bottom: solid 1px #F7F0EA;
        border-top: solid 1px #FFFFFF;
        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: none;
}

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

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

/* 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
{
font-family: "Times New Roman", serif;
text-transform: lowercase;
        vertical-align: top;
}
.maintab_back, .maintab_active_back
{
        text-decoration: none;
        font-size:  12px;
        vertical-align: top;
        padding: 2px 6px 6px 6px;
}

.maintab_first
{
        display: none;
}
.maintab_back
{
}
.maintab_last
{
        display: none;
}
.maintab_active_first
{
        display: none;
}
.maintab_active_back
{
}
.maintab_active_last
{
         display: none;
}

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

.maintab_back a:hover, .maintab_active_back a:hover
{
background: white;
text-decoration: overline;
}
/* definitions for the mirror tab */
.mirrortab_first, .mirrortab_back, .mirrortab_last, .mirrortab_active_first, .mirrortab_active_back, .mirrortab_active_last
{
        text-transform: lowercase;
        vertical-align: top;
font-family: "Times New Roman", serif;
}
.mirrortab_back, .mirrortab_active_back
{
        text-decoration: none;
        font-size: 12px;
        vertical-align: bottom;
        padding: 6px 6px 2px 6px;
}

.mirrortab_first
{
         display: none;
}
.mirrortab_back
{
}
.mirrortab_last
{
         display: none;
}
.mirrortab_active_first
{
         display: none;
}
.mirrortab_active_back
{
}
.mirrortab_active_last
{
         display: none;
}

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

.mirrortab_back a:hover, .mirrortab_active_back a:hover
{
background: white;
text-decoration: overline;
}

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

/* ########################## */
#leftside
{
        background: url(http://www.styleyourforum.com/data/215/css3.jpg) #C7CFD2 repeat-y top left;
        padding: 0 0 0 21px;
}

#rightside
{
        background: url(http://www.styleyourforum.com/data/215/css4.jpg) #C7CFD2 repeat-y top right;
        padding: 0 21px 0 0;
}

#content
{
        background: url(http://www.styleyourforum.com/data/215/css5.jpg) repeat-x top left;
        padding: 0;
border-right: solid 1px white;
}

#topsection
{
        background: url(http://www.styleyourforum.com/data/215/css6.jpg) no-repeat top left;
        padding: 0 0 0 220px;
        height: 228px;
}

#topright
{
        background: url(http://www.styleyourforum.com/data/215/css7.jpg) no-repeat top left;
        padding: 0;
        height: 228px;
}
#forumname
{
    position: absolute;
        right: 10px;
        top: 10px;
        text-align: right;
        font-size: x-small;
        padding: 0px 30px 0px 0;
}
#forumname h1
{
        padding: 0;
        margin: 0;
        color: #317215;
        font-family: "Times New roman", serif;
font-size: x-large;
}

#controls
{
   position: absolute;
        right: 10px;
        top: 82px;
        text-align: right;
        font-weight: bold;
        font-size: 9px;
        font-family: verdana, sans-serif;
        padding: 0px 40px 0px 0;
}
#mainmenu
{
        position: absolute;
        top: 113px;
        padding: 0 0 0 80px;
        font-size: 12px;
        color: #D9D3C7;

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

.tabs1
{
        padding: 4px;
        font-weight: bold;
        color:  #000000;
        font-style: italic;
        font-size: 13px;
        text-align:  center;
}

#leftbar
{
     background: url(http://www.styleyourforum.com/data/215/css8.jpg) repeat-y top left;
}
#sidebar
{
         padding: 0 5px 0 10px;
         font-size: x-small;
width: 140px;
}
#lowersection
{
     background: url(http://www.styleyourforum.com/data/215/css9.jpg) repeat-y  #CED9DB 176px 0;
}
#main
{
}
#bodyarea
{
        padding: 0 10px 0 60px;
}
#rightbar
{
        display: none;
}
h2
{
        padding: 5px 0 0 0;
        margin: 0 0 5px 0;
        color: #317215;
        font-family: "Times New roman", serif;
font-size: large;
border-bottom: solid 1px #317215;
}
#copywrite
{
padding: 8px;
text-align: center;
font-size: x-small;
}


 27 
 on: November 11, 2008, 11:11:02 am 
Started by simply sibyl - Last post by simply sibyl
Demo Here




Images for filter, on, off, new_some, new_none, online, info, calendar, etc.

http://www.styleyourforum.com/data/178/filter.gif
http://www.styleyourforum.com/data/178/new_none.gif
http://www.styleyourforum.com/data/178/new_some.gif
http://www.styleyourforum.com/data/178/off.gif
http://www.styleyourforum.com/data/178/on.gif
http://www.styleyourforum.com/data/178/on2.gif
http://www.styleyourforum.com/data/178/ico_info.gif
http://www.styleyourforum.com/data/178/ico_calendar.gif
http://www.styleyourforum.com/data/178/ico_online.gif


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: #000040 url("http://www.styleyourforum.com/data/178/css0.gif") top center no-repeat;
margin: auto;
width:  968px;
                background-attachment: fixed;
                padding-top:   120px;
}

/* 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: #563F2E;
}
.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: #4E0000;
border-top: 1px solid #840000;
border-left: 1px solid #840000;
}
.windowbg2
{
color: #e3e3e3;
background-color: #4E0000;
border-top: 1px solid #840000;
border-left: 1px solid #840000;
}
.windowbg3
{
color: #e3e3e3;
background-color: #4E0000;
border-top: 1px solid #840000;
border-left: 1px solid #840000;
}
.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: #563F2E;
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: #633E28;

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/178/css1.png);
background-color: #6E4931;
background-position: top left;
background-repeat: repeat-x;
color: black;
padding-left: 10px;
padding-right: 10px;
vertical-align: middle;
}
.catbg2 , tr.catbg2 td, td.catbg2
{
background-image: url(http://www.styleyourforum.com/data/178/css1.png);
background-color: #6E4931;
background-position: top left;
background-repeat: repeat-x;
color: black;
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: 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: black;
}
.cat-whiteText
{
color: #ffffff;
}

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


 28 
 on: July 15, 2008, 02:46:37 pm 
Started by simply sibyl - Last post by simply sibyl
Instructions and Helios Stylesheets can be found here.
http://testforumserver4.smfforfree4.com/index.php

 29 
 on: June 14, 2008, 07:19:16 am 
Started by simply sibyl - Last post by simply sibyl
Since we have many "Christmas" Stylesheets I figured it would be good to also do a Hannukka one

screenshot:





on/off/new_some/new_none images:

               


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

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

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

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

/* The main body of the entire forum. */
body
{
             background-image: url(http://i102.photobucket.com/albums/m105/mysmileyplace/hannukkah/menorrah.png) !important;
             background-position:  center center;
             background-attachment:  fixed;
             background-repeat:  no-repeat;
             background-color: #5E5531;
margin: 0px;
padding: 108px 75px 25px 75px;
}

/* Input boxes - just a bit smaller than normal so they align well. */
input, textarea, button
{
color: #d0d0d0;
font-family: verdana, sans-serif;
background: #303035;
border: solid 1px #707070;
}


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

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

/* All input elements that are checkboxes or radio buttons. */
input.check
{
background: #303035;
border: solid 1px #707070;
}
input:focus, select:focus{
background: #383000;
border: solid 1px #DCB780;
}
/* Selects are a bit smaller, because it makes them look even better 8). */
select
{
font-size: 90%;
font-weight: normal;
color: #d0d0d0;
font-family: verdana, sans-serif;
background: #303035;
border: solid 1px #707070;
}

/* 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: #908E8E;
border: 1px solid #666;
margin: 1px;
padding: 5px;
font-size: x-small;
line-height: 1.4em;
}

/* A code block - maybe even PHP ;). */
.code
{
color: #000000;
background-color: #908E8E;
font-size: x-small;
line-height: 1.3em;
/* Put a nice border around it. */
border: 1px solid #666;
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: white;
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: #F7DDAA;
font-weight: bold;
color: black;
}

/* Alternating backgrounds for posts, and several other sections of the forum. */
.windowbg
{
color: #d0d0d0;
background-color: #2B2B30;
}
.windowbg2
{
color: #d0d0d0;
background-color: #343538;
             background:  url(http://i102.photobucket.com/albums/m105/mysmileyplace/hannukkah/windowbg2.png);

}
.windowbg3
{
color: #ffffff;
background-color: #2B2B30;
}

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

/* 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: #d0d0d0;
font-style: normal;
background-color: #000000;
background: url(http://i102.photobucket.com/albums/m105/mysmileyplace/stylesheets/darkandgrey/thin.gif) repeat-x;
padding-left: 10px;
padding-right: 10px;
}
.titlebg, .titlebg a:link, .titlebg a:visited
{
font-weight: bold;
color: #d0d0d0;
font-style: normal;
}

.titlebg a:hover
{
color: #000000;
}
/* same as titlebg, but used where bold text is not needed */
.titlebg2 a:link, .titlebg2 a:visited
{
color: #aaa;
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-color: #534A28;
             background:  url(http://i102.photobucket.com/albums/m105/mysmileyplace/hannukkah/catbg-1.png);
  color: #000000;
padding-left: 10px;
padding-right: 10px;
}
.catbg2 , tr.catbg2 td
{
background-color: #534A28;
             background:  url(http://i102.photobucket.com/albums/m105/mysmileyplace/hannukkah/catbg-1.png);
  color: #000000;
padding-left: 10px;
padding-right: 10px;
}

.catbg, .catbg2
{
font-weight: bold;
}
.catbg3, tr.catbg3 td, .catbg3 a:link, .catbg3 a:visited
{
font-size: 95%;
color: #000000;
text-decoration: none;
}
.catbg a:link, .catbg a:visited , .catbg2 a:link, .catbg2 a:visited
{
color: #000000;
text-decoration: none;
}
.catbg a:hover, .catbg2 a:hover, .catbg3 a:hover
{
color: #404040;
}
.catbg3{
border-bottom: solid 1px #000000;
}
/* This is used for tables that have a grid/border background color (such as the topic listing.) */
.bordercolor
{
             padding: 1px;
border: 1px solid #282828;
background-color: black;
}

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

/* Default font sizes: small (8pt), normal (10pt), and large (14pt). */
.smalltext
{
font-size: x-small;
font-family: verdana, sans-serif;
}
.middletext
{
font-size: 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-position: left bottom;
color: #e3e3e3;
text-transform: uppercase;
vertical-align: top;
}
.maintab_back, .maintab_active_back
{
color: #e3e3e3;
text-decoration: none;
font-size: 9px;
vertical-align: top;
padding: 2px 6px 6px 6px;
font-family: tahoma, sans-serif;
}
.maintab_first
{
background-image: url(http://i102.photobucket.com/albums/m105/mysmileyplace/stylesheets/darkandgrey/maintab_first.gif);
background-repeat: no-repeat;
width: 10px;
}
.maintab_back
{
background-image: url(http://i102.photobucket.com/albums/m105/mysmileyplace/stylesheets/darkandgrey/maintab_back.gif);
background-repeat: repeat-x;
}
.maintab_last
{
background-image: url(http://i102.photobucket.com/albums/m105/mysmileyplace/stylesheets/darkandgrey/maintab_last.gif);
background-repeat: no-repeat;
width: 8px;
}
.maintab_active_first
{
background-image: url(http://i102.photobucket.com/albums/m105/mysmileyplace/stylesheets/darkandgrey/maintab_active_first.gif);
background-repeat: no-repeat;
width: 6px;
}
.maintab_active_back
{
background-image: url(http://i102.photobucket.com/albums/m105/mysmileyplace/stylesheets/darkandgrey/maintab_active_back.gif);
background-repeat: repeat-x;
}
.maintab_active_last
{
background-image: url(http://i102.photobucket.com/albums/m105/mysmileyplace/stylesheets/darkandgrey/maintab_active_last.gif);
background-repeat: 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: #e3e3e3;
text-decoration: none;
font-weight: normal;
}
.maintab_back a:hover, .maintab_active_back a:hover
{
color: #000000;
text-decoration: none;
font-weight: normal;
}
/* definitions for the mirror tab */
.mirrortab_first, .mirrortab_back, .mirrortab_last, .mirrortab_active_first, .mirrortab_active_back, .mirrortab_active_last
{
background-position: left top;
color: #e3e3e3;
text-transform: uppercase;
vertical-align: top;
}
.mirrortab_back, .mirrortab_active_back
{
color: #e3e3e3;
text-decoration: none;
font-size: 9px;
vertical-align: bottom;
padding: 6px 6px 2px 6px;
font-family: tahoma, sans-serif;
}
.mirrortab_first
{
background-image: url(http://i102.photobucket.com/albums/m105/mysmileyplace/stylesheets/darkandgrey/mirrortab_first.gif);
background-repeat: no-repeat;
width: 10px;
}
.mirrortab_back
{
background-image: url(http://i102.photobucket.com/albums/m105/mysmileyplace/stylesheets/darkandgrey/mirrortab_back.gif);
background-repeat: repeat-x;
}
.mirrortab_last
{
background-image: url(http://i102.photobucket.com/albums/m105/mysmileyplace/stylesheets/darkandgrey/mirrortab_last.gif);
background-repeat: no-repeat;
width: 6px;
}
.mirrortab_active_first
{
background-image: url(http://i102.photobucket.com/albums/m105/mysmileyplace/stylesheets/darkandgrey/mirrortab_active_first.gif);
background-repeat: no-repeat;
width: 6px;
}
.mirrortab_active_back
{
background-image: url(http://i102.photobucket.com/albums/m105/mysmileyplace/stylesheets/darkandgrey/mirrortab_active_back.gif);
background-repeat: repeat-x;
}
.mirrortab_active_last
{
background-image: url(http://i102.photobucket.com/albums/m105/mysmileyplace/stylesheets/darkandgrey/mirrortab_active_last.gif);
background-repeat: 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: #e3e3e3;
text-decoration: none;
font-weight: normal;
}
.mirrortab_back a:hover, .mirrortab_active_back a:hover
{
color: #000000;
text-decoration: none;
font-weight: normal;
}

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

 30 
 on: June 14, 2008, 07:18:33 am 
Started by simply sibyl - Last post by simply sibyl
screenshot:


The background image is from a wallpaper I designed a couple of years ago.
If you would like to use the background on your computer as wallpaper it is 1024x768



If you want to use these images you need to download them, upload them to your own Photobucket/etc account.
Get the links and change them in Admin > Manage Styles > Customize Images

on, off images:
use the same ones for new_some and new_none

      

enjoy!   

the css:

Code:


h1
{
      color:  #FFFFFF;
      font-size:  small;
      background-image: url(http://i102.photobucket.com/albums/m105/mysmileyplace/stylesheets/snowdrift/titlebg.png);
       background-position:  top;
       background-repeat: repeat-x;
       background-color: #284573;
       padding: 10px 15px;
       border: 1px solid #FFFFFF;
       
}

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

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

/* The main body of the entire forum. */
body
{
             
             background-image: url(http://i102.photobucket.com/albums/m105/mysmileyplace/tuxsnowdrift.png);
             background-position:  bottom;
             background-attachment:  fixed;
             background-repeat:  no-repeat;
background-color: #072267;
margin: 0px;
padding: 0px 45px 195px 45px;

}

/* 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: #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
{
color: white;
font-style: normal;
background-image: url(http://i102.photobucket.com/albums/m105/mysmileyplace/stylesheets/snowdrift/titlebg2.png);
             background-color:  #284573;
             background-repeat:  repeat-x;
border-bottom: solid 1px #284573;
border-top: solid 1px #FFFFFF;
padding-left: 10px;
padding-right: 10px;
}


.titlebg2, .titlebg2, tr.titlebg2 th, tr.titlebg2 td

{
color: white;
font-style: normal;
background-image: url(http://i102.photobucket.com/albums/m105/mysmileyplace/stylesheets/snowdrift/titlebg.png);
             background-color:  #284573;
             background-repeat:  repeat-x;
border-bottom: solid 1px #284573;
border-top: solid 1px #FFFFFF;
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: #404040;
}
/* same as titlebg, but used where bold text is not needed */
.titlebg2 a:link, .titlebg2 a:visited
{
color: white;
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-image: url(http://i102.photobucket.com/albums/m105/mysmileyplace/stylesheets/snowdrift/catbg.png);
             background-repeat:  repeat-x;
background-color: #780001;
color: #ffffff;
padding-left: 10px;
padding-right: 10px;
}
.catbg2 , tr.catbg2 td
{
background-image: url(http://i102.photobucket.com/albums/m105/mysmileyplace/stylesheets/snowdrift/catbg.png);
             background-repeat:  repeat-x;
background-color: #780001;

color: #ffffff;
padding-left: 10px;
padding-right: 10px;
}
.catbg, .catbg2, .catbg3
{
border-bottom: solid 1px #780001;
}
.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: 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://i102.photobucket.com/albums/m105/mysmileyplace/stylesheets/snowdrift/tabs.png) left bottom no-repeat;
width: 10px;
}
.maintab_back
{
background: url(http://i102.photobucket.com/albums/m105/mysmileyplace/stylesheets/snowdrift/tabs.png) left bottom repeat-x;
}
.maintab_last
{
background: url(http://i102.photobucket.com/albums/m105/mysmileyplace/stylesheets/snowdrift/tabs.png) left bottom no-repeat;
width: 8px;
}
.maintab_active_first
{
background: url(http://i102.photobucket.com/albums/m105/mysmileyplace/stylesheets/snowdrift/mainactive.png) left bottom no-repeat;
width: 6px;
}
.maintab_active_back
{
background: url(http://i102.photobucket.com/albums/m105/mysmileyplace/stylesheets/snowdrift/mainactive.png) left bottom repeat-x;
}
.maintab_active_last
{
background: url(http://i102.photobucket.com/albums/m105/mysmileyplace/stylesheets/snowdrift/mainactive.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: #720001;
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://i102.photobucket.com/albums/m105/mysmileyplace/stylesheets/snowdrift/mirrortabs.png) no-repeat;
width: 10px;
}
.mirrortab_back
{
background: url(http://i102.photobucket.com/albums/m105/mysmileyplace/stylesheets/snowdrift/mirrortabs.png) repeat-x;
}
.mirrortab_last
{
background: url(http://i102.photobucket.com/albums/m105/mysmileyplace/stylesheets/snowdrift/mirrortabs.png) no-repeat;
width: 6px;
}
.mirrortab_active_first
{
background: url(http://i102.photobucket.com/albums/m105/mysmileyplace/stylesheets/snowdrift/mirroractive.png) no-repeat;
width: 6px;
}
.mirrortab_active_back
{
background: url(http://i102.photobucket.com/albums/m105/mysmileyplace/stylesheets/snowdrift/mirroractive.png) repeat-x;
}
.mirrortab_active_last
{
background: url(http://i102.photobucket.com/albums/m105/mysmileyplace/stylesheets/snowdrift/mirroractive.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;
}


Update:    I discovered a very easy way to make the style transparent.
If you would like the forum to be transparent on top of the background (it works great with this style)

Look for this area of the css:


Code:
/* The main body of the entire forum. */
body
{
             
             background-image: url(http://i102.photobucket.com/albums/m105/mysmileyplace/tuxsnowdrift.png);
             background-position:  bottom;
             background-attachment:  fixed;
             background-repeat:  no-repeat;
background-color: #072267;
margin: 0px;
padding: 0px 45px 195px 45px;

}

add this to it right underneath padding: 0px; 45px 195px 45px; 

Code:
opacity:0.41;
filter:alpha(opacity=80)

Pages: 1 2 [3] 4 5 ... 10
Powered by EzPortal
Bookmark this site! | Upgrade This Forum
SMF For Free - Create your own Forum

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