Show Posts
|
Pages: [1] 2
|
1
|
Graphics Community / Dark Themes / Black Elite
|
on: September 12, 2009, 03:10:15 pm
|
Forum Url: http://SMFDesigns.smfforfree3.comLive Demo!A Nice Black and Orange theme. Footers: Black Elite By <b>DzinestaR</b> Black Elite CSS:/* Theme By DzinestaR */ /* Please post your opinion */
/* Normal, standard links. */ a:link { color: #ffffff; text-decoration: none; } a:visited { color: #ffffff; text-decoration: none; } a:hover { color: #ee5522; text-decoration: underline; }
/* Navigation links - for the link tree. */ .nav, .nav:link, .nav:visited { color: #ee5522; 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: #ffffff; font-size: small; font-family: verdana, sans-serif; }
/* The main body of the entire forum. */ body { Background: url(); background-color: #222222; margin: auto; width: 960px; padding-top: 12px; padding-bottom: 4px;
}
/* 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: #ee5522; background-color: #ee5522; }
/* No image should have a border when linked */ a img { border: 0; } /* A quote, perhaps from another post. */ .quote { color: #ffffff; background-color: #444444; border: 3px solid #ee5522; margin: 3px; padding: 1px; font-size: x-small; font-weight: italic; line-height: 1.4em; }
/* A code block - maybe even PHP ;). */ .code { color: #ffffff; background-color: #444444; font-family: "courier new", "times new roman", monospace; font-weight: italic; font-size: x-small; line-height: 1.3em; border: 3px solid #ee5522; margin: 3px auto 1px auto; padding: 1px; width: 99%; white-space: nowrap; overflow: auto; 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: 98%; }
/* 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: #444444; } .windowbg2 { color: #f27800; background-color: #333333; } .windowbg3 { color: #ffffff; 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: #ffffff; font-style: normal; background: url(http://www.styleyourforum.com/data/570/css0.png) #ffffff no-repeat;
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: black; font-style: normal; text-decoration: underline; }
.titlebg2 a:hover { text-decoration: underline; }
/* This is used for categories, page indexes, and several other areas in the forum. .catbg and .catbg2 is for boardindex, while .catbg3 is for messageindex and display headers*/ .catbg , tr.catbg td , .catbg3 , tr.catbg3 td { background: url(http://www.styleyourforum.com/data/570/css0.png) #ffffff repeat-x; color: #ffffff; padding-left: 10px; padding-right: 10px; } .catbg2 , tr.catbg2 td { background: url(http://www.styleyourforum.com/data/570/css0.png) #ffffff repeat-x; color: #ffffff; padding-left: 10px; padding-right: 10px; } .catbg, .catbg2, .catbg3 { border-bottom: solid 1px #ffffff; } .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: #444444; padding: 0px; }
/* This is used on tables that should just have a border around them. */ .tborder { padding: 1px; border: 1px solid #444444; background-color: #444444; }
/* 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: Capitalize; vertical-align: top; } .maintab_back, .maintab_active_back { color: white; text-decoration: none; font-size: 9px; vertical-align: top; padding: 2px 6px 6px 6px; font-family: tahoma, sans-serif; }
.maintab_first { background: url(http://www.styleyourforum.com/data/570/css3.png) left bottom no-repeat; width: 10px; } .maintab_back { background: url(http://www.styleyourforum.com/data/570/css3.png) left bottom repeat-x; } .maintab_last { background: url(http://www.styleyourforum.com/data/570/css3.png) left bottom no-repeat; width: 8px; } .maintab_active_first { background: url(http://www.styleyourforum.com/data/570/css6.png) left bottom no-repeat; width: 6px; } .maintab_active_back { background: url(http://www.styleyourforum.com/data/570/css6.png) left bottom repeat-x; } .maintab_active_last { background: url(http://www.styleyourforum.com/data/570/css6.png) left bottom no-repeat; width: 8px; }
/* how links behave in main tab. */ .maintab_back a:link , .maintab_back a:visited, .maintab_active_back a:link , .maintab_active_back a:visited { color: white; text-decoration: none; }
.maintab_back a:hover, .maintab_active_back a:hover { color: #e0e0ff; text-decoration: none; } /* definitions for the mirror tab */ .mirrortab_first, .mirrortab_back, .mirrortab_last, .mirrortab_active_first, .mirrortab_active_back, .mirrortab_active_last { color: white; text-transform: uppercase; vertical-align: top; } .mirrortab_back, .mirrortab_active_back { color: white; text-decoration: none; font-size: 9px; vertical-align: bottom; padding: 6px 6px 2px 6px; font-family: tahoma, sans-serif; }
.mirrortab_first { background: url(http://www.styleyourforum.com/data/570/css3.png) no-repeat; width: 10px; } .mirrortab_back { background: url(http://www.styleyourforum.com/data/570/css3.png) repeat-x; } .mirrortab_last { background: url(http://www.styleyourforum.com/data/570/css3.png) no-repeat; width: 6px; } .mirrortab_active_first { background: url(http://www.styleyourforum.com/data/570/css12.png) no-repeat; width: 6px; } .mirrortab_active_back { background: url(http://www.styleyourforum.com/data/570/css6.png) repeat-x; } .mirrortab_active_last { background: url(http://www.styleyourforum.com/data/570/css6.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; }
/* End */ Customizable Icons: On/Off On: http://www.styleyourforum.com/data/570/on.gif Off: http://www.styleyourforum.com/data/570/off.gif Online/Logged In Today: http://www.styleyourforum.com/data/570/ico_online.gif Forum Stats: http://www.styleyourforum.com/data/570/ico_info.gif Quick Login: http://www.styleyourforum.com/data/570/ico_login.gif Modify: http://www.styleyourforum.com/data/570/ico_modify_inline.gif DzinestaR
|
|
|
3
|
Graphics Community / Dark Themes / Underground
|
on: September 08, 2009, 09:30:31 am
|
Forum Url: http://SMFDesigns.smfforfree3.comUnderground PreviewMy Personal Best In My Opinion. A Mainly Dark Theme with Nice Colors. Code I would like you to add to your footer if you use my Stylesheet. Theme Copyright- <b>Reveloution X</b> Underground CSS/* Underground */ /*Links In a Post*/ div.post A { Color:#bbbb33; }
/* Links of The Forum. */ a:link { color: #bbbb33; text-decoration: none; } a:visited { color: #ffffff; text-decoration: none; } a:hover { color: #b44a08; text-decoration: underline; }
/* Navigation Links. */ .nav, .nav:link, .nav:visited { color: #e78042; text-decoration: none; } a.nav:hover { color: #b44a08; text-decoration: underline; }
/* Table Cells. */ table { empty-cells: show; }
/* Td Body. */ body, td, th , tr { color: #d0d0d0; font-size: small; font-family: verdana, sans-serif; }
/* The Body Of The Forum. */ body { Background: url(); background-color: #222222; margin: auto; width: 1000px; padding-top: 12px; padding-bottom: 4px; }
/* Input Boxes. */ input, textarea { font-size: 100%; color: #d0d0d0; background-color: #505050; font-family: verdana, sans-serif; } button { background-color: ; color: #000000; font-family: verdana, sans-serif; }
input, button { font-size: 90%; }
textarea {
font-size: 100%; background: url(); background-position: center center; background-repeat: repeat; color: #d0d0d0; background-color: #162027; font-family: verdana, sans-serif;
}
/* Input Elements. */ input.check { }
/* Selects*/ select { font-size: 90%; font-weight: normal; color: #000000; font-family: verdana, sans-serif; }
/* The Horizontal Rule */ hr, .hrcolor { height: 1px; border: 0; color: #e78042; background-color: #FFFFFF; }
/* The Big Text */ h1 { background-color:#FFFFFF; background-repeat:repeat-x; padding:4px 15px; border: 1px solid #505050; }
/* Image Border, DO NOT Put Border. */ a img { border: 0; }
/* Quote Box. */ .quote { color: #036bc4; background-color: #222222; border: 1px solid #000000; margin: 1px; padding: 1px; font-size: x-small; line-height: 1.4em; }
/* Code Block(s)Woot Codes. */ .code { color: #036bc4; background-color: #222222; 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: #036bc4; background: url(http://www.styleyourforum.com/data/477/css1.gif) repeat-x; text-decoration: none; font-style: normal; font-weight: bold; font-size: x-small; line-height: 1.2em; margin: 3px; margin-bottom: 6px; padding: 3px; }
/* Generally, those [?] icons. This makes your cursor a help icon. */ .help { cursor: help; }
/* /me uses this a lot. (emote, try typing /me in a post.) */ .meaction { color: red; }
/* The Post Box. */ .editor { width: 98%; }
/* Highlighted Text Generally Search Results. */ .highlight { background-color: orange; font-weight: bold; color: black; }
/* Alternating backgrounds for posts, and several other sections of the forum. */ .windowbg { color: #bbbb33; background-color: #162027; } .windowbg2 { color: #d0d0d0; background-color: #4f4f4f; } .windowbg3 { background: url(http://www.styleyourforum.com/data/540/css1.jpg); color: #d0d0d0; background-color: #999999; } /* The Today Container In The Calender. */ .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: #bbbb33; font-style: normal; background: url(http://www.styleyourforum.com/data/540/css1.jpg) #164c7d repeat-x; border-bottom: solid 2px #bbbb33; border-top: solid 2px #bbbb33; 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: #d0d0d0; } /* same as titlebg, but used where bold text is not needed */ .titlebg2 a:link, .titlebg2 a:visited { color: black; font-style: normal; text-decoration: underline; }
.titlebg2 a:hover { text-decoration: underline; }
/* This is used for categories, page indexes, and several other areas in the forum. .catbg and .catbg2 is for boardindex, while .catbg3 is for messageindex and display headers*/ .catbg , tr.catbg td , .catbg3 , tr.catbg3 td { background: url(http://www.styleyourforum.com/data/540/css1.jpg) #262626 repeat-x; color: #ffffff; padding-left: 10px; padding-right: 10px; } .catbg2 , tr.catbg2 td { background: url(http://www.styleyourforum.com/data/540/css1.jpg) #202020 repeat-x; color: #d0d0d0; padding-left: 10px; padding-right: 10px; } .catbg, .catbg2, .catbg3 { border-bottom: solid 1px #000000; } .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: #d0d0d0; }
/* This is used on tables that should just have a border around them. */ .tborder { padding: 1px; border: 1px solid #333333; background-color: #333333; }
/* Font Sizes. */ .smalltext { font-size: x-small; font-family: verdana, sans-serif; } .middletext { font-size: 90%; } .normaltext { font-size: small; } .largetext { font-size: large; }
/* Posts & PM's. */ .post, .personalmessage { width: 100%; overflow: auto; line-height: 1.3em; }
/* Signatues, Graphics are Fun. */ .signature { width: 100%; overflow: auto; padding-bottom: 3px; line-height: 1.3em; }
/* Posting Errors, Uh Oh */ .error { color: blue; }
/* 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_last { color: white; text-transform: capitalize; vertical-align: top; }
.mirrortab_active_back, .maintab_active_back { color: black; text-decoration: none; text-transform: capitalize; font-family: tahoma, sans-serif; }
.maintab_back, .maintab_active_back { color: white; text-decoration: none; font-size: 9px; vertical-align: top; padding: 2px 6px 6px 6px; font-family: tahoma, sans-serif; }
.maintab_first { background: url(http://www.styleyourforum.com/data/343/css3.png) left bottom no-repeat; width: 10px; } .maintab_back { background: url(http://www.styleyourforum.com/data/343/css4.png) left bottom repeat-x; } .maintab_last { background: url(http://www.styleyourforum.com/data/343/css5.png) right bottom no-repeat; width: 8px; } .maintab_active_first { background: url(http://www.styleyourforum.com/data/343/css6.png) left bottom no-repeat; width: 6px; } .maintab_active_back { background: url(http://www.styleyourforum.com/data/343/css7.png) left bottom repeat-x; } .maintab_active_last { background: url(http://www.styleyourforum.com/data/343/css8.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: #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: capitalize; vertical-align: top; } .mirrortab_back, .mirrortab_active_back { color: white; text-decoration: none; font-size: 9px; vertical-align: bottom; padding: 6px 6px 2px 6px; font-family: tahoma, sans-serif; }
.mirrortab_first { background: url(http://www.styleyourforum.com/data/343/css9.png) no-repeat; width: 10px; } .mirrortab_back { background: url(http://www.styleyourforum.com/data/343/css10.png) repeat-x; } .mirrortab_last { background: url(http://www.styleyourforum.com/data/343/css11.png) right top no-repeat; width: 6px; } .mirrortab_active_first { background: url(http://www.styleyourforum.com/data/343/css12.png) no-repeat; width: 6px; } .mirrortab_active_back { background: url(http://www.styleyourforum.com/data/343/css13.png) repeat-x; } .mirrortab_active_last { background: url(http://www.styleyourforum.com/data/343/css14.png) right top 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; } /* Ddddone. */ /* End of Underground. By DzinestaR. */ On/Off. Onhttp://www.styleyourforum.com/data/540/on.gif Offhttp://www.styleyourforum.com/data/540/off.gif Some Other Extra Icons. Forum Statshttp://www.styleyourforum.com/data/540/ico_info.gif User Online/Logged In Today.http://www.styleyourforum.com/data/540/ico_online.gif Quick Login.http://www.styleyourforum.com/data/540/ico_login.gif How to Install a Stylesheet.I would realy like to get everyones oppinion on this style. Hope you like it. -DzinestaR
|
|
|
4
|
Graphics Community / Dark Themes / Pro Blue
|
on: September 08, 2009, 09:27:20 am
|
Forum Url: http://SMFDesigns.smfforfree3.comPro Blue PreviewA Nice Dark Blue Theme. Please add this code to your footer if you use my Stylesheet. Theme Copyright- <b>Reveloution X</b> Pro Blue CSS./* Pro Blue By DzinestaR */
/* Font Color of The News Fader. */
#smfFadeScroller, #smfFadeScroller, #smfFadeScroller a:visited, #smfFadeScroller a:link { color: #0044aa; text-decoration: italic;
}
/*Links In a Post*/ div.post A { Color:#0044aa; }
#footerarea a { color: #0044aa; }
/* Links. */ a:link { color: #0044aa; text-decoration: none; } a:visited { color: #0044aa; text-decoration: none; } a:hover { color: #001199; text-decoration: underline; }
/* Navigation Links. */ .nav, .nav:link, .nav:visited { color: #ff6600; text-decoration: none; } a.nav:hover { color: #eeeedd; text-decoration: underline; }
/* Table Cells. */ table { empty-cells: show; }
/* Td Body. */ body, td, th , tr { color: #ffffff; font-size: small; font-family: verdana, sans-serif; }
/* The Body Of The Forum. */ body { Background: url(); background-color: #2B2B2B; border-right: solid 10px #0044aa; border-left: solid 10px #0044aa; margin: auto; width: 1000px; padding-top: 12px; padding-bottom: 4px;
}
/* Input Boxes. */ input, textarea, button { background-color: #162027; color: #0044aa; font-family: verdana, sans-serif; text-decoration: italic; border-top: solid 1px #0044aa; border-bottom: solid 1px #0044aa; border-right: solid 1px #0044aa; border-left: solid 1px #0044aa; } input, button { font-size: 90%; }
textarea { font-size: 100%; background: url(); background-position: center center; background-repeat: repeat; color: #0044aa; background-color: #162027; font-family: verdana, sans-serif;
}
/* Input Elements. */ input.check { }
/* Selects. */ select { font-size: 90%; font-weight: normal; color: #000000; font-family: verdana, sans-serif; }
/* The Horizontal Rule. */ hr, .hrcolor { height: 1px; border: 1; color: #0044aa; background-color: #162027; }
/* The Big Text */ h1 { background-color:#0044aa; background-repeat:repeat-x; padding:4px 15px; border: 1px solid #505050; }
/* Image Border Don't Add Border. */ a img { border: 0; } /* Quotes. */ .quote { color: #ff6600; background-color: #D7DAEC; border: 1px solid #000000; margin: 1px; padding: 1px; font-size: x-small; line-height: 1.4em; }
/* Code Blocks. */ .code { color: #0044aa; 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 #bbbb33; 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. */ .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 Post Box */ .editor { background-color: #162027; color: #0044aa; width: 97%; }
/* Highlighted Text Generally Search Results. */ .highlight { background-color: red; font-weight: bold; color: black; }
/* Alternating backgrounds for posts, and several other sections of the forum. */ .windowbg { color: #ffffff; background-color: #111111; } .windowbg2 { color: #ffffff; background-color: #111111; } .windowbg3 { color: #ffffff; background-color: #111111; } /* the today container in calendar */ .calendar_today { background-color: #413839; }
/* 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: italic; background: url(http://www.styleyourforum.com/data/542/css0.jpg) repeat-x; border-bottom: solid 2px #0044aa; border-top: solid 4px #0044aa; } .titlebg, .titlebg a:link, .titlebg a:visited { font-weight: bold; color: black; font-style: normal; }
.titlebg a:hover { color: #0044aa; } /* same as titlebg, but used where bold text is not needed */ .titlebg2 a:link, .titlebg2 a:visited { background: url (http://www.styleyourforum.com/data/542/css1.jpg) color: black; font-style: normal; text-decoration: underline; }
.titlebg2 a:hover { text-decoration: underline; }
/* This is used for categories, page indexes, and several other areas in the forum. .catbg and .catbg2 is for boardindex, while .catbg3 is for messageindex and display headers*/ .catbg , tr.catbg td , .catbg3 , tr.catbg3 td { background: blue; background-image: url(http://www.styleyourforum.com/data/542/css1.jpg); background-position: top left; background-repeat: repeat; color: #0044aa; padding-left: 10px padding-top: 3px; } .catbg2 , tr.catbg2 td { background: #15262B; background-image: url(http://www.styleyourforum.com/data/541/css2.jpg); background-position: top left; background-repeat: repeat; color: #ffffff; padding-left: 10px; padding-right: 10px; } .catbg, .catbg2, .catbg3 { } .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: #ffffff; } /* 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; }
/* Font Sizes*/ .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; }
/* Signatures. */ .signature { width: 100%; overflow: auto; padding-bottom: 3px; line-height: 1.3em; }
/* Post Errors */ .error { color: #bbbb33; }
/* definitions for the main tab, active means the tab reflects which page is displayed */ .maintab_first, .maintab_back, .maintab_last, .maintab_active_first, .maintab_active_back, .maintab_active_last { color: black; text-transform: uppercase; vertical-align: top; } .maintab_back, .maintab_active_back { color: black; text-decoration: none; font-size: 9px; vertical-align: top; padding: 2px 6px 6px 6px; font-family: tahoma, sans-serif; }
.maintab_first { background: url(http://www.styleyourforum.com/data/497/css5.png) left bottom no-repeat; width: 10px; } .maintab_back { background: url(http://www.styleyourforum.com/data/497/css5.png) left bottom repeat-x; } .maintab_last { background: url(http://www.styleyourforum.com/data/497/css5.png) left bottom no-repeat; width: 8px; } .maintab_active_first { background: url(http://www.styleyourforum.com/data/497/css8.png) left bottom no-repeat; width: 6px; } .maintab_active_back { background: url(http://www.styleyourforum.com/data/497/css8.png) left bottom repeat-x; } .maintab_active_last { background: url(http://www.styleyourforum.com/data/497/css8.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: #111111; text-decoration: none; }
.maintab_back a:hover, .maintab_active_back a:hover { color: #black; text-decoration: none; } /* definitions for the mirror tab */ .mirrortab_first, .mirrortab_back, .mirrortab_last, .mirrortab_active_first, .mirrortab_active_back, .mirrortab_active_last { color: black; text-transform: lowercase; vertical-align: top; } .mirrortab_back, .mirrortab_active_back { color: black; text-decoration: none; font-size: 9px; vertical-align: bottom; padding: 6px 6px 2px 6px; font-family: tahoma, sans-serif; }
.mirrortab_first { background: url(http://www.styleyourforum.com/data/497/css5.png) no-repeat; width: 10px; } .mirrortab_back { background: url(http://www.styleyourforum.com/data/497/css5.png) repeat-x; } .mirrortab_last { background: url(http://www.styleyourforum.com/data/497/css5.png) no-repeat; width: 6px; } .mirrortab_active_first { background: url(http://www.styleyourforum.com/data/497/css8.png) no-repeat; width: 6px; } .mirrortab_active_back { background: url(http://www.styleyourforum.com/data/497/css8.png) repeat-x; } .mirrortab_active_last { background: url(http://www.styleyourforum.com/data/497/css8.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: #111111; text-decoration: none; }
.mirrortab_back a:hover, .mirrortab_active_back a:hover { color: #111111; 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; } /* End of Pro Blue CSS */ /* Theme Copyright By DzinestaR *? On/Off. Onhttp://www.styleyourforum.com/data/542/on.gif Offhttp://www.styleyourforum.com/data/542/off.gif Other Icons. Forum Statshttp://www.styleyourforum.com/data/542/ico_info.gif Online/Logged In Todayhttp://www.styleyourforum.com/data/542/ico_online.gif How to Install a Stylesheet.Enjoy. -DzinestaR
|
|
|
5
|
Graphics Community / Dark Themes / Pro Orange
|
on: September 08, 2009, 09:25:32 am
|
Forum Url: http://SMFDesigns.smfforfree3.com
Pro Orange PreviewA Nice Dark Orange and Black Theme. I ask that you put the following code in your footer if you use my Stylesheet. Theme Copyright- <b>Reveloution X</b> Pro Orange CSS./* Pro Orange By DzinestaR */
/* Font Color of The News Fader. */
#smfFadeScroller, #smfFadeScroller, #smfFadeScroller a:visited, #smfFadeScroller a:link { color: #ff6600; text-decoration: none;
}
/*Links In a Post*/ div.post A { Color:#ff6600; }
#footerarea a { color: #ff6600; }
/* Links. */ a:link { color: #ff6600; text-decoration: none; } a:visited { color: #ff6600; text-decoration: none; } a:hover { color: #eeeedd; text-decoration: underline; }
/* Navigation Links. */ .nav, .nav:link, .nav:visited { color: #ff6600; text-decoration: none; } a.nav:hover { color: #eeeedd; text-decoration: underline; }
/* Table Cells. */ table { empty-cells: show; }
/* Td Body. */ body, td, th , tr { color: #ffffff; font-size: small; font-family: verdana, sans-serif; }
/* The Body Of The Forum. */ body { background: url() repeat-x #2a2a2a; margin: auto; Width: 1050px; padding: 12px 0px 0px 0px;
}
/* Input Boxes. */ input, textarea, button { background-color: #162027; color: #ff6600; font-family: verdana, sans-serif; text-decoration: italic; border-top: solid 1px #ff6600; border-bottom: solid 1px #ff6600; border-right: solid 1px #ff6600; border-left: solid 1px #ff6600; } input, button { font-size: 90%; }
textarea { font-size: 100%; background: url(); background-position: center center; background-repeat: repeat; color: #ff6600; background-color: #162027; font-family: verdana, sans-serif;
}
/* Input Elements. */ input.check { }
/* Selects. */ select { font-size: 90%; font-weight: normal; color: #000000; font-family: verdana, sans-serif; }
/* The Horizontal Rule. */ hr, .hrcolor { height: 1px; border: 1; color: #ff6600; background-color: #162027; }
/* The Big Text */ h1 { background-color:#ff6600; background-repeat:repeat-x; padding:4px 15px; border: 1px solid #505050; }
/* Image Border Don't Add Border. */ a img { border: 0; } /* Quotes. */ .quote { color: #ff6600; background-color: #D7DAEC; border: 1px solid #000000; margin: 1px; padding: 1px; font-size: x-small; line-height: 1.4em; }
/* Code Blocks. */ .code { color: #ff6600; 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 #bbbb33; 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. */ .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 Post Box */ .editor { background-color: #162027; color: #ff6600; width: 97%; }
/* Highlighted Text Generally Search Results. */ .highlight { background-color: orange; font-weight: bold; color: black; }
/* Alternating backgrounds for posts, and several other sections of the forum. */ .windowbg { color: #ffffff; background-color: #111111; } .windowbg2 { color: #ffffff; background-color: #111111; } .windowbg3 { color: #ffffff; background-color: #111111; } /* the today container in calendar */ .calendar_today { background-color: #413839; }
/* 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: italic; background: url(http://www.styleyourforum.com/data/140/css0.png) repeat-x; border-bottom: solid 2px #ff6600; border-top: solid 4px #ff6600; border-right: solid 4x #ff6600 border-left: solid 2px #ff6600 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: #ff6600; } /* same as titlebg, but used where bold text is not needed */ .titlebg2 a:link, .titlebg2 a:visited { background: url (http://www.styleyourforum.com/data/140/css0.png) color: black; font-style: normal; text-decoration: underline; }
.titlebg2 a:hover { text-decoration: underline; }
/* This is used for categories, page indexes, and several other areas in the forum. .catbg and .catbg2 is for boardindex, while .catbg3 is for messageindex and display headers*/ .catbg , tr.catbg td , .catbg3 , tr.catbg3 td { background: orange; background-image: url(http://www.styleyourforum.com/data/541/css2.jpg); background-position: top left; background-repeat: repeat; color: #ff6600; padding-left: 10px padding-top: 3px; padding-right: 10px; } .catbg2 , tr.catbg2 td { background: #15262B; background-image: url(http://www.styleyourforum.com/data/541/css2.jpg); background-position: top left; background-repeat: repeat; color: #ffffff; padding-left: 10px; padding-right: 10px; } .catbg, .catbg2, .catbg3 { } .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: #ffffff; } /* 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; }
/* Font Sizes*/ .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; }
/* Signatures. */ .signature { width: 100%; overflow: auto; padding-bottom: 3px; line-height: 1.3em; }
/* Post Errors */ .error { color: #bbbb33; }
/* definitions for the main tab, active means the tab reflects which page is displayed */ .maintab_first, .maintab_back, .maintab_last, .maintab_active_first, .maintab_active_back, .maintab_active_last { color: white; text-transform: uppercase; vertical-align: top; } .maintab_back, .maintab_active_back { color: white; text-decoration: none; font-size: 9px; vertical-align: top; padding: 2px 6px 6px 6px; font-family: tahoma, sans-serif; }
.maintab_first { background: url(http://www.styleyourforum.com/data/146/css5.png) left bottom no-repeat; width: 10px; } .maintab_back { background: url(http://www.styleyourforum.com/data/146/css6.png) left bottom repeat-x; } .maintab_last { background: url(http://www.styleyourforum.com/data/146/css7.png) left bottom no-repeat; width: 8px; } .maintab_active_first { background: url(http://www.styleyourforum.com/data/146/css8.png) left bottom no-repeat;
width: 6px; } .maintab_active_back { background: url(http://www.styleyourforum.com/data/146/css8.png) left bottom repeat-x; } .maintab_active_last { background: url(http://www.styleyourforum.com/data/146/css8.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: #e0e0ff; text-decoration: none; } /* definitions for the mirror tab */ .mirrortab_first, .mirrortab_back, .mirrortab_last, .mirrortab_active_first, .mirrortab_active_back, .mirrortab_active_last { color: white; text-transform: uppercase; vertical-align: top; } .mirrortab_back, .mirrortab_active_back { color: white; text-decoration: none; font-size: 9px; vertical-align: bottom; padding: 6px 6px 2px 6px; font-family: tahoma, sans-serif; }
.mirrortab_first { background: url(http://www.styleyourforum.com/data/146/css11.png) no-repeat; width: 10px; } .mirrortab_back { background: url(http://www.styleyourforum.com/data/146/css12.png) repeat-x; } .mirrortab_last { background: url(http://www.styleyourforum.com/data/146/css13.png) no-repeat; width: 6px; } .mirrortab_active_first { background: url(http://www.styleyourforum.com/data/146/css14.png) no-repeat; width: 6px; } .mirrortab_active_back { background: url(http://www.styleyourforum.com/data/146/css14.png) repeat-x; } .mirrortab_active_last { background: url(http://www.styleyourforum.com/data/146/css14.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: #ac4301; color: white; text-align: center; font-weight: bold; font-size: 18pt; padding: 3px; width: 100%; position: fixed; top: 0; left: 0; } /* End of Pro Orange CSS */ /* Theme Copyright By DzinestaR *? On/Off Onhttp://www.styleyourforum.com/data/541/on.gif Offhttp://www.styleyourforum.com/data/541/off.gif Other Icons. Statshttp://www.styleyourforum.com/data/541/ico_info.gif Online/Logged In Todayhttp://www.styleyourforum.com/data/541/ico_online.gif How To Install a Stylesheet.Enjoy. -DzinestaR
|
|
|
6
|
Graphics Community / Light Themes / Clean Gray
|
on: September 08, 2009, 09:24:16 am
|
Forum Url: http://SMFDesigns.smfforfree3.comClean Gray PreviewA Modern Gray Theme. I'm a little rusty been moving so haven't made a style in a week or so. Please place this in your footer if you use my stylesheet. Theme Copyright- <b>Reveloution X</b> Clean Gray CSS/* Style By DzinestaR */
h1 { color: #111111; font-size: small; background: #c0c0c0; border: solid 4px #; padding: 6px; }
/* Links In a Post */ div.post A { Color:#111111; }
/* Normal, standard links. */ a:link { color: #111111; text-decoration: none; } a:visited { color: #111111; text-decoration: none; } a:hover { color: #111111; 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-color: #8a8a8a; background-image: url("http://www.smfboards.com/Themes2/userstyles/Rusted/main_bg-2.jpg"); background-position: top left; background-repeat: repeat-x; margin: 0px; padding: 0px 0px 4px 0px;
}
/* Input boxes - just a bit smaller than normal so they align well. */ input, textarea, button { background-color: c0c0c0; 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: #111111 background-color: #111111 } .windowbg2 { color: #111111 background-color: #111111 } .windowbg3 { color: #111111 background-color: #111111 } /* 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/560/css1.jpg) #E9F0F6 repeat-x; border-bottom: solid 1px #9BAEBF; border-top: solid 1px #111111 padding-left: 10px; padding-right: 10px; } .titlebg, .titlebg a:link, .titlebg a:visited { font-weight: bold; color: black; font-style: normal; }
.titlebg a:hover { color: #404040; } /* same as titlebg, but used where bold text is not needed */ .titlebg2 a:link, .titlebg2 a:visited { color: black; font-style: normal; text-decoration: underline; }
.titlebg2 a:hover { text-decoration: underline; }
/* This is used for categories, page indexes, and several other areas in the forum. .catbg and .catbg2 is for boardindex, while .catbg3 is for messageindex and display headers*/ .catbg , tr.catbg td , .catbg3 , tr.catbg3 td { background: url(http://www.styleyourforum.com/data/560/css1.jpg) #88A6C0 repeat-x; color: #111111; padding-left: 10px; padding-right: 10px; } .catbg2 , tr.catbg2 td { background: url(http://www.styleyourforum.com/data/560/css1.jpg) #A1BFD9 repeat-x; color: #111111; 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: 111111; text-decoration: none; } .catbg a:link, .catbg a:visited , .catbg2 a:link, .catbg2 a:visited { color: 111111; text-decoration: none; } .catbg a:hover, .catbg2 a:hover, .catbg3 a:hover { color: #111111; } /* 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: #000000; text-transform: uppercase; vertical-align: top; } .maintab_back, .maintab_active_back { color: #000000; text-decoration: none; font-size: 9px; vertical-align: top; padding: 2px 6px 6px 6px; font-family: tahoma, sans-serif; }
.maintab_first { background: #D4D4D4; border-left: 4px solid #ffffff; border-bottom: 4px solid #ffffff; width: 10px; } .maintab_back { background: #D4D4D4; border-bottom: 4px solid #ffffff; } .maintab_last { background: #D4D4D4; border-bottom: 4px solid #ffffff; border-right: 4px solid #ffffff; width: 8px; } .maintab_active_first { background: #F0F0F0; border-left: 4px solid #ffffff; border-bottom: 4px solid #ffffff; width: 6px; } .maintab_active_back { background: #F0F0F0; border-bottom: 2px solid #ffffff; } .maintab_active_last { background: #F0F0F0; border-right: 4px solid #ffffff; border-bottom: 4px solid #ffffff; 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: #000000; text-decoration: none; }
.maintab_back a:hover, .maintab_active_back a:hover { color: #787878; text-decoration: none; } /* definitions for the mirror tab */ .mirrortab_first, .mirrortab_back, .mirrortab_last, .mirrortab_active_first, .mirrortab_active_back, .mirrortab_active_last { color: #000000; text-transform: uppercase; vertical-align: top; } .mirrortab_back, .mirrortab_active_back { color: #000000; text-decoration: none; font-size: 9px; vertical-align: bottom; padding: 6px 6px 2px 6px; font-family: tahoma, sans-serif; }
.mirrortab_first { background: #E1E1E1; border-top: 4px solid #ffffff; border-left: 4px solid #ffffff; width: 10px; } .mirrortab_back { background: #E1E1E1; border-top: 4px solid #ffffff; } .mirrortab_last { background: #E1E1E1; border-top: 4px solid #ffffff; border-right: 4px solid #ffffff; width: 6px; } .mirrortab_active_first { background: #F0F0F0; border-top: 4px solid #ffffff; border-left: 4px solid #ffffff; width: 6px; } .mirrortab_active_back { background: #F0F0F0; border-top: 4px solid #ffffff; } .mirrortab_active_last { background: #F0F0F0; border-top: 4px solid #ffffff; border-right: 4px solid #ffffff; 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: #000000; text-decoration: none; }
.mirrortab_back a:hover, .mirrortab_active_back a:hover { color: #787878; 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; } On/Off On: http://www.styleyourforum.com/data/560/on.gif Off: http://www.styleyourforum.com/data/560/off.gif Enjoy. -DzinestaR
|
|
|
7
|
Graphics Community / Dark Themes / Purple Elite
|
on: September 08, 2009, 09:22:36 am
|
Forum Url: http://SMFDesigns.smfforfree3.comPurple Elite PreviewA Dark Purple Theme. Please add this code to your footer if you use my Stylesheet. Theme Copyright- <b>Reveloution X</b> Purple Elite CSS//* Elite Purple By DzinestaR */
/* Font Color of The News Fader. */
#smfFadeScroller, #smfFadeScroller, #smfFadeScroller a:visited, #smfFadeScroller a:link { color: #9922bb; text-decoration: italic;
}
/*Links In a Post*/ div.post A { Color:#9922bb; }
#footerarea a { color: #9922bb; }
/* Links Of The Forum */ a:link { color: #9922bb; text-decoration: none; } a:visited { color: #9922bb; text-decoration: none; } a:hover { color: #d0d0d0; text-decoration: underline; }
/* Navigation links - for the link tree. */ .nav, .nav:link, .nav:visited { color: #9922bb; text-decoration: none; } a.nav:hover { color: #d0d0d0; text-decoration: underline; }
/* Tables should show empty cells. */ table { empty-cells: show; }
/* Td Body. */ body, td, th , tr { color: #000000; font-size: small; font-family: verdana, sans-serif; }
/* The Body Of The Forum. */ body { Background: url(); background-color: #2a2a2b; margin: auto; width: 1000px; padding-top: 12px; padding-bottom: 4px;
}
/* Input Boxes. */ input, textarea, button { background-color: #111111; color: #9922bb; border-top: solid 2px #9922bb; border-bottom: solid 2px #9922bb border-right: solid 2px #9922bb border-left: solid 2px 9922bb font-family: georgia; } input, button { font-size: 90%; }
textarea { font-size: 100%; color: #d0d0d0; font-family: verdana, sans-serif; }
/* Input Elements. */ input.check { }
/* Selects. */ select { font-size: 90%; font-weight: normal; color: #000000; font-family: verdana, sans-serif; }
/* The Horizontal Rule*/ hr, .hrcolor { height: 1px; border: 0; color: #9922bb; background-color: #666666; }
/* Image Border, Imasges Should have border! */ a img { border: 0; } /* Quotes. */ .quote { color: #9922bb; background-color: #D7DAEC; border: 1px solid #000000; margin: 1px; padding: 1px; font-size: x-small; line-height: 1.4em; }
/*Code Blocks*/ .code { color: #9922bb; background-color: #dddddd; font-family: georgia; 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 */ .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 Post Box. */ .editor { width: 98%; }
/* Highlight Text Generally Search Results. */ .highlight { background-color: red; font-weight: bold; color: black; }
/* Alternating backgrounds for posts, and several other sections of the forum. */ .windowbg { color: #992288; background-color: #333333; } .windowbg2 { color: #992288; background-color: #333333; font-family: georgia; } .windowbg3 { color: #992288; background-color: #333333; font-family: georgia; } /* 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: d0d0d0; font-style: normal; font-family: georgia; background: url(http://www.styleyourforum.com/data/544/css0.jpg) #d0d0d0 repeat-x; border-bottom: solid 1px #d0d0d0; border-top: solid 1px #FFFFFF; padding-left: 10px; padding-right: 10px; } .titlebg, .titlebg a:link, .titlebg a:visited { font-weight: bold; font-family: georgia; color: black; 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 { color: black; font-style: normal; font-family: georgia; text-decoration: underline; }
.titlebg2 a:hover { font-family: georgia; 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/544/css0.jpg) #88A6C0 repeat-x; color: #d0d0d0; font-family: georgia padding-left: 10px; padding-right: 10px; } .catbg2 , tr.catbg2 td { background: url(http://www.styleyourforum.com/data/544/css0.jpg) #A1BFD9 repeat-x; color: #d0d0d0; 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; } /* Tables With Grid. */ .bordercolor { background-color: #ADADAD; padding: 0px; }
/* Tables With Border. */ .tborder { padding: 1px; border: 1px solid #696969; background-color: #FFFFFF; }
/* Font Sizes. */ .smalltext { font-size: x-medium; font-family: georgia; } .middletext { font-size: 90%; font-family: georgia; } .normaltext { font-size: small; font-family: georgia; } .largetext { font-size: large; font-family: georgia; }
/* Posts and PM's. */ .post, .personalmessage { width: 100%; overflow: auto; line-height: 1.3em; }
/* Signatures. */ .signature { width: 100%; overflow: auto; padding-bottom: 3px; line-height: 1.3em; }
/* Post Erros */ .error { font-family: georgia; 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; font-family: georgia; text-transform: uppercase; vertical-align: top; } .maintab_back, .maintab_active_back { color: white; text-decoration: none; font-family: georgia; font-size: 9px; vertical-align: top; padding: 2px 6px 6px 6px; font-family: tahoma, sans-serif; }
.maintab_first { background: url(http://www.styleyourforum.com/data/544/css3.png) left bottom no-repeat; width: 10px; } .maintab_back { background: url(http://www.styleyourforum.com/data/544/css4.png) left bottom repeat-x; } .maintab_last { background: url(http://www.styleyourforum.com/data/544/css5.png) left bottom no-repeat; width: 8px; } .maintab_active_first { background: url(http://www.styleyourforum.com/data/544/css6.png) left bottom no-repeat; width: 6px; } .maintab_active_back { background: url(http://www.styleyourforum.com/data/544/css7.png) left bottom repeat-x; } .maintab_active_last { background: url(http://www.styleyourforum.com/data/544/css5.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 { font-family: georgia; color: white; text-decoration: none; }
.maintab_back a:hover, .maintab_active_back a:hover { font-family: georgia; 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; font-family: georgia; text-transform: uppercase; vertical-align: top; } .mirrortab_back, .mirrortab_active_back { color: white; text-decoration: none; font-family: georgia; font-size: 9px; vertical-align: bottom; padding: 6px 6px 2px 6px; font-family: tahoma, sans-serif; }
.mirrortab_first { background: url(http://www.styleyourforum.com/data/544/css9.png) no-repeat; width: 10px; } .mirrortab_back { background: url(http://www.styleyourforum.com/data/544/css10.png) repeat-x; } .mirrortab_last { background: url(http://www.styleyourforum.com/data/544/css11.png) no-repeat; width: 6px; } .mirrortab_active_first { background: url(http://www.styleyourforum.com/data/544/css12.png) no-repeat; width: 6px; } .mirrortab_active_back { background: url(http://www.styleyourforum.com/data/544/css13.png) repeat-x; } .mirrortab_active_last { background: url(http://www.styleyourforum.com/data/544/css14.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 { font-family: georgia; color: white; text-decoration: none; }
.mirrortab_back a:hover, .mirrortab_active_back a:hover { font-family: georgia; 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; }
/* End */ /* Copyright */ On/Off. Onhttp://www.styleyourforum.com/data/544/on.gif Offhttp://www.styleyourforum.com/data/544/off.gif Other Extra Icons. Forum Statshttp://www.styleyourforum.com/data/544/ico_info.gif Online/Logged In todayhttp://www.styleyourforum.com/data/544/ico_online.gif How to Install a Stylesheet.Likes/Dislikes Would be appericiated. Enjoy. -DzinestaR
|
|
|
8
|
Graphics Community / Themed / All in
|
on: September 08, 2009, 09:21:34 am
|
Forum Url: http://SMFDesigns.smfforfree3.comAll In PreviewA Nice Gren Poker Themed Style. Please add the following code to your footer if you use my Stylesheet. All In Style By <b>DzinestaR</b> All In CSS./* All In By DzinestaR */
/* Font Color For The News Fader.
#smfFadeScroller, #smfFadeScroller, #smfFadeScroller a:visited, #smfFadeScroller a:link { color: #339933; text-decoration: bold;
}
/*Links In a Post*/ div.post A { Color:#ffffff; }
#footerarea a { color: #111111; }
/* Links Of The Forum. */ a:link { color: #162027; text-decoration: none; } a:visited { color: #162027; text-decoration: none; } a:hover { color: #ffffff; text-decoration: underline; }
/* Navigation Links. */ .nav, .nav:link, .nav:visited { color: #000000; text-decoration: none; } a.nav:hover { color: #ffffff; text-decoration: underline; }
/* Table Cells. */ table { empty-cells: show; }
/* Td Body. */ body, td, th , tr { color: #000000; font-size: small; font-family: verdana, sans-serif; }
/* The Body Of The Forum. */ body { background-color: #006400; background-image: url(); margin: auto; width: 1000px; padding-top: 15px; padding-bottom: 4px;
}
/* Input Boxes. */ input, textarea, button { background-color: #2b2b2b; border-top: solid 2px #339933; border-bottom: solid 2px #339933; border-right: solid 2px #339933; border-left: solid 2px #339933; color: #339933; font-family: verdana, sans-serif; } input, button { font-size: 90%; }
textarea { font-size: 100%; color: #339933; font-family: verdana, sans-serif; }
/* Input Elements. */ input.check { }
/* Selects. */ select { font-size: 90%; font-weight: normal; color: #000000; font-family: verdana, sans-serif; }
/* The Horizontal Rule. */ hr, .hrcolor { height: 1px; border: 0; color: #111111; background-color: #111111; }
/* Image Border DO NOT Put Border. */ a img { border: 0; } /* Quotes. */ .quote { color: #000000; background-color: #D7DAEC; border: 1px solid #000000; margin: 1px; padding: 1px; font-size: x-small; line-height: 1.4em; }
/* Code Blocks.*/ .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 Post Box. */ .editor { width: 98%; }
/* Highlighted Text Generally Search Results. */ .highlight { background-color: red; font-weight: bold; color: black; }
/* Alternating backgrounds for posts, and several other sections of the forum. */ .windowbg, #preview_body { color: #F0F0F0; background-color: #339933; } .windowbg2 { color: #F0F0F0; background-color: #339933; } .windowbg3 { color: #F0F0F0; background-color: #339933; }
/* Color for background of posts requiring approval */ .approvebg { color: #000000; background-color: #F6E0D4; }
/* 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, #credits h3 { color: #339933; font-style: normal; background: url(http://www.styleyourforum.com/data/543/css0.jpg) #2B2B2B repeat-x; border-bottom: solid 3px #2B2B2B; border-top: solid 3px #2B2B2B; padding-left: 25px; padding-right: 10px; } .titlebg, .titlebg a:link, .titlebg a:visited { font-weight: bold; color: #339933; font-style: normal; }
.titlebg a:hover { color: #111111; } /* same as titlebg, but used where bold text is not needed */ .titlebg2 a:link, .titlebg2 a:visited { color: #000000; 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://www.styleyourforum.com/data/543/css0.jpg); color: #339933; padding-left: 10px; padding-right: 10px; } .catbg2 , tr.catbg2 td { background: #339933; color: #339933; padding-left: 10px; padding-right: 10px; } .catbg, .catbg2, .catbg3 { border-bottom: solid 1px #FFFFFF; } .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; } /* Tables. */ .bordercolor { background-color: #ADADAD; padding: 0px; }
/* Tables With Border. */ .tborder { padding: 1px; border: 1px solid #696969; background-color: #FFFFFF; }
/* Font Sizes.*/ .smalltext { font-size: x-small; font-family: verdana, sans-serif; } .middletext { font-size: 90%; } .normaltext { font-size: small; } .largetext { font-size: large; }
/* Post Width. */ .post, .personalmessage { width: 100%; overflow: auto; line-height: 1.3em; }
/* Signatures. */ .signature { width: 100%; overflow: auto; padding-bottom: 3px; line-height: 1.3em; }
/* Post Errors. */ .error { color: orange; }
/* definitions for the main tab, active means the tab reflects which page is displayed */ .maintab_first, .maintab_back, .maintab_last, .maintab_active_first, .maintab_active_back, .maintab_active_last { color: white; text-transform: uppercase; vertical-align: top; } .maintab_back, .maintab_active_back { color: white; text-decoration: none; font-size: 9px; vertical-align: top; padding: 2px 6px 6px 6px; font-family: tahoma, sans-serif; }
.maintab_first { background: url(http://www.styleyourforum.com/data/148/css4.png) left bottom no-repeat; width: 10px; } .maintab_back { background: url(http://www.styleyourforum.com/data/148/css4.png) left bottom repeat-x; } .maintab_last { background: url(http://www.styleyourforum.com/data/148/css4.png) left bottom no-repeat; width: 8px; } .maintab_active_first { background: url(http://www.styleyourforum.com/data/148/css7.png) left bottom no-repeat;
width: 6px; } .maintab_active_back { background: url(http://www.styleyourforum.com/data/148/css7.png) left bottom repeat-x; } .maintab_active_last { background: url(http://www.styleyourforum.com/data/148/css7.png) left bottom no-repeat; width: 8px; }
/* how links behave in main tab. */ .maintab_back a:link , .maintab_back a:visited, .maintab_active_back a:link , .maintab_active_back a:visited { color: white; text-decoration: none; }
.maintab_back a:hover, .maintab_active_back a:hover { color: #e0e0ff; text-decoration: none; } /* definitions for the mirror tab */ .mirrortab_first, .mirrortab_back, .mirrortab_last, .mirrortab_active_first, .mirrortab_active_back, .mirrortab_active_last { color: white; text-transform: uppercase; vertical-align: top; } .mirrortab_back, .mirrortab_active_back { color: white; text-decoration: none; font-size: 9px; vertical-align: bottom; padding: 6px 6px 2px 6px; font-family: tahoma, sans-serif; }
.mirrortab_first { background: url(http://www.styleyourforum.com/data/148/css4.png) no-repeat; width: 10px; } .mirrortab_back { background: url(http://www.styleyourforum.com/data/148/css4.png) repeat-x; } .mirrortab_last { background: url(http://www.styleyourforum.com/data/148/css4.png) no-repeat; width: 6px; } .mirrortab_active_first { background: url(http://www.styleyourforum.com/data/148/css4.png) no-repeat; width: 6px; } .mirrortab_active_back { background: url(http://www.styleyourforum.com/data/148/css4.png) repeat-x; } .mirrortab_active_last { background: url(http://www.styleyourforum.com/data/148/css4.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: #ac4301; color: white; text-align: center; font-weight: bold; font-size: 18pt; padding: 3px; width: 100%; position: fixed; top: 0; left: 0; } /* Here You Go Poker Players! */ /* End All In CSS */ On/Off. Onhttp://www.styleyourforum.com/data/543/on.gif Offhttp://www.styleyourforum.com/data/543/off.gif Other Icons. Forum Statshttp://www.styleyourforum.com/data/543/ico_info.gif Online/Logged In Today.http://www.styleyourforum.com/data/543/ico_online.gif How to Install a Stylesheet.I would like some opinions. Enjoy. -DzinestaR
|
|
|
9
|
Graphics Community / Dark Themes / CoolBlue V2
|
on: September 08, 2009, 09:20:23 am
|
Forum Url: http://SMFDesigns.smfforfree3.comLive Demo!This is a Remake of my "Cool Blue" Stylesheet. Footers: Theme Copyright- <b>Reveloution X</b> Cool Blue V2 CSS:/* Style By DzinestaR */
/* Links In a Post */ div.post A { Color:#111111; }
/* Normal, standard links. */ a:link { color: #222222; text-decoration: none; } a:visited { color: #222222; text-decoration: none; } a:hover { color: #222222; 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-color: #222222; background-image: url(); margin: auto; width: 1000px; padding-top: 10px; padding-bottom: 4px; padding-right: 0px;
}
/* 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: 98%; }
/* 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: #c0c0c0; } .windowbg2 { color: #000000; background-color: #c0c0c0; } .windowbg3 { color: #000000; background-color: #c0c0c0; } /* 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: #ffffff; font-style: normal; background: url(http://www.styleyourforum.com/data/567/css0.png) #ffffff repeat-x; border-bottom: solid 1px #9BAEBF; border-top: solid 1px #FFFFFF; padding-left: 10px; padding-right: 10px; } .titlebg, .titlebg a:link, .titlebg a:visited { font-weight: bold; color: black; font-style: normal; }
.titlebg a:hover { color: #404040; } /* same as titlebg, but used where bold text is not needed */ .titlebg2 a:link, .titlebg2 a:visited { color: black; font-style: normal; text-decoration: underline; }
.titlebg2 a:hover { text-decoration: underline; }
/* This is used for categories, page indexes, and several other areas in the forum. .catbg and .catbg2 is for boardindex, while .catbg3 is for messageindex and display headers*/ .catbg , tr.catbg td , .catbg3 , tr.catbg3 td { background: url(http://www.styleyourforum.com/data/567/css0.png) #88A6C0 repeat-x; color: #ffffff; padding-left: 10px; padding-right: 10px; } .catbg2 , tr.catbg2 td { background: url(http://www.styleyourforum.com/data/567/css0.png) #A1BFD9 repeat-x; color: #ffffff; padding-left: 10px; padding-right: 10px; } .catbg, .catbg2, .catbg3 { border-bottom: solid 1px #375576; } .catbg, .catbg2 { font-weight: bold; } .catbg3, tr.catbg3 td, .catbg3 a:link, .catbg3 a:visited { font-size: 95%; color: white; text-decoration: none; } .catbg a:link, .catbg a:visited , .catbg2 a:link, .catbg2 a:visited { color: white; text-decoration: none; } .catbg a:hover, .catbg2 a:hover, .catbg3 a:hover { color: #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: Capitalize; vertical-align: top; } .maintab_back, .maintab_active_back { color: white; text-decoration: none; font-size: 9px; vertical-align: top; padding: 2px 6px 6px 6px; font-family: tahoma, sans-serif; }
.maintab_first { background: url(http://www.styleyourforum.com/data/567/css3.png) left bottom no-repeat; width: 10px; } .maintab_back { background: url(http://www.styleyourforum.com/data/567/css3.png) left bottom repeat-x; } .maintab_last { background: url(http://www.styleyourforum.com/data/567/css3.png) left bottom no-repeat; width: 8px; } .maintab_active_first { background: url(http://www.styleyourforum.com/data/567/css3.png) left bottom no-repeat; width: 6px; } .maintab_active_back { background: url(http://www.styleyourforum.com/data/567/css3.png) left bottom repeat-x; } .maintab_active_last { background: url(http://www.styleyourforum.com/data/567/css3.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: #e0e0ff; text-decoration: none; } /* definitions for the mirror tab */ .mirrortab_first, .mirrortab_back, .mirrortab_last, .mirrortab_active_first, .mirrortab_active_back, .mirrortab_active_last { color: white; text-transform: uppercase; vertical-align: top; } .mirrortab_back, .mirrortab_active_back { color: white; text-decoration: none; font-size: 9px; vertical-align: bottom; padding: 6px 6px 2px 6px; font-family: tahoma, sans-serif; }
.mirrortab_first { background: url(http://www.styleyourforum.com/data/567/css3.png) no-repeat; width: 10px; } .mirrortab_back { background: url(http://www.styleyourforum.com/data/567/css3.png) repeat-x; } .mirrortab_last { background: url(http://www.styleyourforum.com/data/567/css3.png) no-repeat; width: 6px; } .mirrortab_active_first { background: url(http://www.styleyourforum.com/data/567/css3.png) no-repeat; width: 6px; } .mirrortab_active_back { background: url(http://www.styleyourforum.com/data/567/css3.png) repeat-x; } .mirrortab_active_last { background: url(http://www.styleyourforum.com/data/567/css3.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; } Customizable Icons:On/Off.gif On: http://www.styleyourforum.com/data/567/on.gif Off: http://www.styleyourforum.com/data/567/off.gif Extra Icons: Info: http://www.styleyourforum.com/data/567/ico_info.gif Online/Users Logged in today: http://www.styleyourforum.com/data/567/ico_online.gif Modify: http://www.styleyourforum.com/data/567/ico_modify_inline.gif Login: http://i967.photobucket.com/albums/ae155/DzinestaR/key.png
SMF Designs
|
|
|
12
|
Coding Community / Coding Snippets / [Code] Rain Without Image Links
|
on: September 07, 2009, 10:16:11 pm
|
Forum Url: http://SMFDesigns.smfforfree3.comCode Demo. Well theres a "Rain on forum" code here that requires you to get / make images well here's a similar code that requires NO images at all. Add The Following code to your header. <script src="jquery.js"></script> <style .drop { position: absolute; width: 3; filter: flipV(), flipH(); font-size: 40; color: blue } </style> <script language="javascript">
snow = false; // false-rain; true-snow snowsym = " * " //These are the symbols for each rainsym = " ' " //You can put images here if needed. howmany = 20 //How many drops.
/**************No Editing Required Below***********/ if(snow){sym = snowsym; speed=1; angle=10; drops=howmany} else{sym = rainsym; speed=50; drops=howmany; angle=6} movex = -speed/angle; movey = speed; count = 0;
function moverain(){ for(move = 0; move < drops; move++){ xx[move]+=movex; yy[move]+=mv[move]; hmm = Math.round(Math.random()*1); if(xx[move] < 0){xx[move] = maxx+10;} if(yy[move] > maxy){yy[move] = 10;} drop[move].left = xx[move] drop[move].top = yy[move]+document.body.scrollTop; }setTimeout('moverain()','1')}
</script> Add The Following Code to your Footer. <script language="javascript"> //Modified By DzinestaR
if (document.all){ drop = new Array(); xx = new Array(); yy = new Array(); mv = new Array() ly = "document.all[\'"; st = "\'].style" for(make = 0; make < drops; make++){ document.write('<div id="drop'+make+'" class=drop>'+sym+'</div>'); drop[make] = eval(ly+'drop'+make+st); maxx = document.body.clientWidth-40 maxy = document.body.clientHeight-40 xx[make] = Math.random()*maxx; yy[make] = -100-Math.random()*maxy; drop[make].left = xx[make] drop[make].top = yy[make] mv[make] = (Math.random()*5)+speed/4; drop[make].fontSize = (Math.random()*10)+20; if(snow){col = 'white'}else{col = 'blue'} drop[make].color = col; } window.onload=moverain } </script> Enjoy. -DzinestaR
|
|
|
13
|
Coding Community / Coding Snippets / [Code] Customizable Button
|
on: September 07, 2009, 10:14:17 pm
|
Forum Url: http://SMFDesigns.smfforfree3.comCode Demo!Here is a little code that will place a clickable button at the bottom or top of your forum depending whether you put it in your header or footer, click the link above for a preview. Click the button at the bottom to see it in action. Header OR Footer
<center> <FORM METHOD="LINK" ACTION="http://YourURLHere.smfforfreeX.com"> <INPUT TYPE="submit" VALUE="your text here"> </FORM></center> Edit the following to get it looking how you want. ACTION="http://YourURLHere.smfforfreeX.com" - The URL the button will go to when clicked, change smfforfreeX.com to smfforfree.com smfforfree2.com smfforfree3.com smfforfree4.com which ever server your on. VALUE="Button Text" - Text Displayed on the Button. Note: If used the button will be centered. .Com .Net .Org all domains are useable for this code.Enjoy -DzinestaR
|
|
|
14
|
Coding Community / Coding Snippets / [Code] Change "Total time logged in:" Text
|
on: September 07, 2009, 10:13:13 pm
|
Forum Url: http://SMFDesigns.smfforfree3.comCode Demo!This code will change the "Total time logged in:" Text to any text you desire, Works in all Browsers slayer766 helped alot with the making of this code.
Footers:
<script type="text/javascript"> var text = "Your New Text Goes Here!"; var a = document.getElementsByTagName("span"); var b = a.length; while(b--){ if(a[b].className == "middletext" && a[b].innerHTML.match("Total time logged in:")){ a[b].innerHTML=a[b].innerHTML.replace("Total time logged in:",text); } } </script>
Change Your New Text Here! To your desired text. Enjoy. -DzinestaR
|
|
|
15
|
Coding Community / Coding Snippets / [Code] Simple Announcements
|
on: September 07, 2009, 10:10:35 pm
|
Forum Url: http://SMFDesigns.smfforfree3.comCode Demo!This adds a scrolling text box to the top of your forum for quick announcements you may want your members to see right away. Headers: <SCRIPT LANGUAGE="JavaScript">
var myMainMessage=" YOUR SIMPLE ANNOUNCMENT TEXT HERE! "; var speed=150; var scrollingRegion=50;
var startPosition=0; function mainTextScroller() { var mainMessage=myMainMessage; var tempLoc=(scrollingRegion*3/mainMessage.length)+1; if (tempLoc<1) {tempLoc=1} var counter; for(counter=0;counter<=tempLoc;counter++) mainMessage+=mainMessage; document.mainForm.mainTextScroller.value=mainMessage.substring(startPosition,startPosition+scrollingRegion); startPosition++; if(startPosition>scrollingRegion) startPosition=0; setTimeout("mainTextScroller()",speed); } </script>
</HEAD>
<BODY onLoad="mainTextScroller()">
<form name="mainForm"> <center> <input type="text" name="mainTextScroller" size="40" value> </center> </form> You can change the speed of the scroll of the text by modifying this: var speed=150; Change my pre-set text here: var myMainMessage=" YOUR SIMPLE ANNOUNCMENT TEXT HERE! "; Enjoy. -DzinestaR
|
|
|
|
|