Directions for drop down style swapper



sibyls simple stuff
November 18, 2018, 02:57:19 pm
Welcome, Guest. Please login or register.

Login with username, password and session length
News: Registration is DISABLED.   The forum is for storage purposes only.
 
  Home Help Search Arcade Login Register  

Computer - DVD

Pages: [1]
  Print  
Author Topic: Computer - DVD  (Read 1299 times)
simply sibyl
Admin
*
Gender: Female
Posts: 106



« on: November 17, 2008, 05:01:55 pm »

Preview Here




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

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

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

css

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

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



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



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

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

/* The main body of the entire forum. */
body
{
background: #000000 url("http://www.styleyourforum.com/data/272/css0.png") top center no-repeat;
margin: auto;
padding-top: 150px;
                width:  935px;
}



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

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

textarea, select, option, input
{
background-color: #000000;
border: 1px solid #333838;
color: #ffffff;
}

/* All input elements that are checkboxes or radio buttons. */
input.check
{
}

/* Selects are a bit smaller, because it makes them look even better 8). */
select
{
font-size: 90%;
font-weight: normal;
font-family: verdana, sans-serif;
}

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



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

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

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

/* A quote, perhaps from another post. */
.quote, .code
{
border-top: 1px solid #000000;
border-right: 1px solid #3a3a3a;
border-bottom: 1px solid #3a3a3a;
border-left: 1px solid #000000;
color: #e3e3e3;
padding: 8px;
margin: 0 15px 8px 15px;
background-color: #1a1a1a;
}
.quote
{
font-size: x-small;
line-height: 1.4em;
}
/* A code block - maybe even PHP ;). */
.code
{
font-family: Arial, "courier new", "times new roman", monospace;
line-height: 1.3em; /* Don't wrap its contents, and show scrollbars. */
white-space: nowrap;
overflow: auto; /* Stop after about 24 lines, and just show a scrollbar. */
max-height: 24em;
}
/* The "Quote:" and "Code:" header parts... */
.quoteheader, .codeheader
{
color: #ffffff;
text-decoration: none;
font-weight: normal;
font-size: 11px;
line-height: 25px;
height: 25px;
padding: 1px;
margin-left: 15px;
vertical-align: middle;
}

/* Generally, those [?] icons.  This makes your cursor a help icon. */
.help
{
cursor: help;
}

/* /me uses this a lot. (emote, try typing /me in a post.) */
.meaction
{
color: red;
}

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

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

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






/* the today container in calendar */
.calendar_today
{
background-color: #003D5C;
color: #ffffff;
font-weight: bold;
}

/* These are used primarily for titles, but also for headers (the row that says what everything in the table is.) */
.titlebg, tr.titlebg th, tr.titlebg td, .titlebg2, tr.titlebg2 th, tr.titlebg2 td, .titlebg2 td
{
color: #ffffff;
font-style: normal;
background-color: #2F2F2F;
font-weight: bold;
font-size: 11px;
border-top: 1px solid #505050;
border-bottom: 0px solid #2F2F2F;
padding-left: 10px;
padding-right: 10px;
}
.titlebg, .titlebg a:link, .titlebg a:visited
{
font-weight: bold;
color: #b9babb;
font-style: normal;
}

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

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

/* This is used for categories, page indexes, and several other areas in the forum.
.catbg and .catbg2 is for boardindex, while .catbg3 is for messageindex and display headers*/
.catbg, td.catbg , tr.catbg td , .catbg3 , tr.catbg3 td, .menulist li#dropdownTitle
{

background-color: #262626;
                background-image: url(http://www.styleyourforum.com/data/272/css1.gif);
                background-repeat:  no-repeat;
                background-position:  right;
border-top:  1px solid #505050;
color: #ffffff;
padding-left: 10px;
padding-right: 10px;
vertical-align: middle;
}
.catbg2 , tr.catbg2 td, td.catbg2
{
background-color: #262626;
                background-image: url(http://www.styleyourforum.com/data/272/css1.gif);
                background-repeat:  no-repeat;
                background-position:  right;
border-top:  1px solid #505050;
color: #ffffff;
padding-left: 10px;
padding-right: 10px;
vertical-align: middle;
}
.catbg, .catbg2
{
font-weight: bold;
}
.catbg3, tr.catbg3 td, .catbg3 a:link, .catbg3 a:visited
{
font-size: 95%;
color: #ffffff;
text-decoration: none;
}
.catbg a:link, .catbg a:visited , .catbg2 a:link, .catbg2 a:visited
{
color: #ffffff;
text-decoration: none;
}
.catbg a:hover, .catbg2 a:hover, .catbg3 a:hover
{
color: #ffffff;
}
.cat-whiteText
{
color: #ffffff;
}

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

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

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

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

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

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

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


/* Posts and personal messages displayed throughout the forum. */
.post, .personalmessage
{
width: 100%;
overflow: auto;
line-height: 1.3em;
}

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

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

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

{
background-repeat: repeat-x;
}


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

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

}

.maintab_back a:hover
{
color: #716F64;
font-weight: bold;
text-decoration: none;

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

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

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

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

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

}

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

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

}
.mirrortab_active_back a:hover {
color: #716F64;
font-weight: bold;
text-decoration: none;

}

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

Report Spam   Logged



Pages: [1]
  Print  
 
Jump to:  

Powered by EzPortal
Bookmark this site! | Upgrade This Forum
SMF For Free - Create your own Forum | Buy traffic for your forum/website

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