Show Posts
|
Pages: [1] 2 3
|
7
|
Stylesheets / Styles I have created / Light Green
|
on: June 13, 2007, 09:08:35 pm
|

Images: Click Here For All ImagesCSS Code: /* Normal, standard links. */ a:link { color: #0D741D; text-decoration: none; } a:visited { color: #0D741D; text-decoration: none; } a:hover { color: #0D741D; text-decoration: underline; }
/* Navigation links - for the link tree. */ .nav, .nav:link, .nav:visited { color: #0D741D; text-decoration: none; } a.nav:hover { color: #00DF00; 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: #8DF39D; margin: 0px; padding: 12px 30px 4px 30px;
}
/* Input boxes - just a bit smaller than normal so they align well. */ input, textarea, button { background-color: ; color: #000000; font-family: verdana, sans-serif; } input, button { font-size: 90%; }
textarea { font-size: 100%; color: #000000; font-family: verdana, sans-serif; }
/* All input elements that are checkboxes or radio buttons. */ input.check { }
/* Selects are a bit smaller, because it makes them look even better 8). */ select { font-size: 90%; font-weight: normal; color: #000000; font-family: verdana, sans-serif; }
/* Standard horizontal rule.. ([hr], etc.) */ hr, .hrcolor { height: 1px; border: 0; color: #666666; background-color: #666666; }
/* No image should have a border when linked */ a img { border: 0; } /* A quote, perhaps from another post. */ .quote { color: #000000; background-color: #E3F7E7; 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: #EEEEEE; font-family: "courier new", "times new roman", monospace; font-size: x-small; line-height: 1.3em; /* Put a nice border around it. */ border: 1px solid #000000; margin: 1px auto 1px auto; padding: 1px; width: 99%; /* Don't wrap its contents, and show scrollbars. */ white-space: nowrap; overflow: auto; /* Stop after about 24 lines, and just show a scrollbar. */ max-height: 24em; }
/* The "Quote:" and "Code:" header parts... */ .quoteheader, .codeheader { color: #000000; text-decoration: none; font-style: normal; font-weight: bold; font-size: x-small; line-height: 1.2em; }
/* Generally, those [?] icons. This makes your cursor a help icon. */ .help { cursor: help; }
/* /me uses this a lot. (emote, try typing /me in a post.) */ .meaction { color: red; }
/* The main post box - this makes it as wide as possible. */ .editor { width: 96%; }
/* Highlighted text - such as search results. */ .highlight { background-color: yellow; font-weight: bold; color: black; }
/* Alternating backgrounds for posts, and several other sections of the forum. */ .windowbg { color: #000000; background: #D8F2DD url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Green/windowbg.gif) repeat-y; } .windowbg2 { color: #000000; background: #FAFFFB url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Green/windowbg2.gif) repeat-x; } .windowbg3 { color: #000000; background: #BAF5C4 url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Green/windowbg3.gif) repeat-y; } /* 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://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Green/titlebg.gif) #BAF5C4 repeat-x; border-bottom: solid 1px #87AB8C; 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://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Green/catbg.gif) #66C677 repeat-x; color: #ffffff; padding-left: 10px; padding-right: 10px; } .catbg2 , tr.catbg2 td { background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Green/catbg.gif) #66C677 repeat-x; color: #ffffff; padding-left: 10px; padding-right: 10px; } .catbg, .catbg2, .catbg3 { border-bottom: solid 1px #0D4C1A; } .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: #DDFCF2; } /* This is used for tables that have a grid/border background color (such as the topic listing.) */ .bordercolor { background-color: #C1D3C1; padding: 0px; }
/* This is used on tables that should just have a border around them. */ .tborder { padding: 1px; border: 1px solid #4DB45D; background-color: #FFFFFF; }
/* Default font sizes: small (8pt), normal (10pt), and large (14pt). */ .smalltext { font-size: x-small; font-family: verdana, sans-serif; } .middletext { font-size: 90%; } .normaltext { font-size: small; } .largetext { font-size: large; }
/* Posts and personal messages displayed throughout the forum. */ .post, .personalmessage { width: 100%; overflow: auto; line-height: 1.3em; }
/* All the signatures used in the forum. If your forum users use Mozilla, Opera, or Safari, you might add max-height here ;). */ .signature { width: 100%; overflow: auto; padding-bottom: 3px; line-height: 1.3em; }
/* Sometimes there will be an error when you post */ .error { color: red; }
/* definitions for the main tab, active means the tab reflects which page is displayed */ .maintab_first, .maintab_back, .maintab_last, .maintab_active_first, .maintab_active_back, .maintab_active_last { color: white; text-transform: uppercase; vertical-align: top; } .maintab_back, .maintab_active_back { color: white; text-decoration: none; font-size: 9px; vertical-align: top; padding: 2px 6px 6px 6px; font-family: tahoma, sans-serif; }
.maintab_first { background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Green/maintab_first.gif) left bottom no-repeat; width: 10px; } .maintab_back { background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Green/maintab_back.gif) left bottom repeat-x; } .maintab_last { background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Green/maintab_last.gif) left bottom no-repeat; width: 8px; } .maintab_active_first { background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Green/maintab_active_first.gif) left bottom no-repeat; width: 6px; } .maintab_active_back { background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Green/maintab_active_back.gif) left bottom repeat-x; } .maintab_active_last { background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Green/maintab_active_last.gif) 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: #DDFCF2; 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://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Green/mirrortab_first.gif) no-repeat; width: 10px; } .mirrortab_back { background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Green/mirrortab_back.gif) repeat-x; } .mirrortab_last { background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Green/mirrortab_last.gif) no-repeat; width: 6px; } .mirrortab_active_first { background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Green/mirrortab_active_first.gif) no-repeat; width: 6px; } .mirrortab_active_back { background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Green/mirrortab_active_back.gif) repeat-x; } .mirrortab_active_last { background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Green/mirrortab_active_last.gif) 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: #DDFCF2; text-decoration: none; }
/* The AJAX notifier */ #ajax_in_progress { background: #5371AD url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Green/loading.gif) repeat-x; color: white; text-align: center; font-weight: bold; font-size: 18pt; padding: 3px; width: 100%; position: fixed; top: 0; left: 0; }
|
|
|
8
|
Stylesheets / Styles I have created / Light Violet
|
on: June 07, 2007, 12:48:45 am
|

Images: CSS Code: /* Normal, standard links. */ a:link { color: #4C557F; text-decoration: none; } a:visited { color: #4C557F; text-decoration: none; } a:hover { color: #4C557F; text-decoration: underline; }
/* Navigation links - for the link tree. */ .nav, .nav:link, .nav:visited { color: #4C557F; text-decoration: none; } a.nav:hover { color: #4062BF; 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: #B2BBE5; margin: 0px; padding: 12px 30px 4px 30px;
}
/* Input boxes - just a bit smaller than normal so they align well. */ input, textarea, button { background-color: ; color: #000000; font-family: verdana, sans-serif; } input, button { font-size: 90%; }
textarea { font-size: 100%; color: #000000; font-family: verdana, sans-serif; }
/* All input elements that are checkboxes or radio buttons. */ input.check { }
/* Selects are a bit smaller, because it makes them look even better 8). */ select { font-size: 90%; font-weight: normal; color: #000000; font-family: verdana, sans-serif; }
/* Standard horizontal rule.. ([hr], etc.) */ hr, .hrcolor { height: 1px; border: 0; color: #666666; background-color: #666666; }
/* No image should have a border when linked */ a img { border: 0; } /* A quote, perhaps from another post. */ .quote { color: #000000; background-color: #EBECF5; 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: #EEEEEE; font-family: "courier new", "times new roman", monospace; font-size: x-small; line-height: 1.3em; /* Put a nice border around it. */ border: 1px solid #000000; margin: 1px auto 1px auto; padding: 1px; width: 99%; /* Don't wrap its contents, and show scrollbars. */ white-space: nowrap; overflow: auto; /* Stop after about 24 lines, and just show a scrollbar. */ max-height: 24em; }
/* The "Quote:" and "Code:" header parts... */ .quoteheader, .codeheader { color: #000000; text-decoration: none; font-style: normal; font-weight: bold; font-size: x-small; line-height: 1.2em; }
/* Generally, those [?] icons. This makes your cursor a help icon. */ .help { cursor: help; }
/* /me uses this a lot. (emote, try typing /me in a post.) */ .meaction { color: red; }
/* The main post box - this makes it as wide as possible. */ .editor { width: 96%; }
/* Highlighted text - such as search results. */ .highlight { background-color: yellow; font-weight: bold; color: black; }
/* Alternating backgrounds for posts, and several other sections of the forum. */ .windowbg { color: #000000; background: #E3E5F0 url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Violet/windowbg.gif) repeat-y; } .windowbg2 { color: #000000; background: #FBFBFD url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Violet/windowbg2.gif) repeat-x; } .windowbg3 { color: #000000; background: #D0D5ED url(images/lightviolet/windowbg3.gif) repeat-y; } /* 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://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Violet/titlebg.gif) #D0D5ED repeat-x; border-bottom: solid 1px #A4A8B6; 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://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Violet/catbg.gif) #939AC3 repeat-x; color: #ffffff; padding-left: 10px; padding-right: 10px; } .catbg2 , tr.catbg2 td { background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Violet/catbg.gif) #939AC3 repeat-x; color: #ffffff; padding-left: 10px; padding-right: 10px; } .catbg, .catbg2, .catbg3 { border-bottom: solid 1px #474B66; } .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: #EDE8F7; } /* This is used for tables that have a grid/border background color (such as the topic listing.) */ .bordercolor { background-color: #D0D2D8; padding: 0px; }
/* This is used on tables that should just have a border around them. */ .tborder { padding: 1px; border: 1px solid #7F88B2; background-color: #FFFFFF; }
/* Default font sizes: small (8pt), normal (10pt), and large (14pt). */ .smalltext { font-size: x-small; font-family: verdana, sans-serif; } .middletext { font-size: 90%; } .normaltext { font-size: small; } .largetext { font-size: large; }
/* Posts and personal messages displayed throughout the forum. */ .post, .personalmessage { width: 100%; overflow: auto; line-height: 1.3em; }
/* All the signatures used in the forum. If your forum users use Mozilla, Opera, or Safari, you might add max-height here ;). */ .signature { width: 100%; overflow: auto; padding-bottom: 3px; line-height: 1.3em; }
/* Sometimes there will be an error when you post */ .error { color: red; }
/* definitions for the main tab, active means the tab reflects which page is displayed */ .maintab_first, .maintab_back, .maintab_last, .maintab_active_first, .maintab_active_back, .maintab_active_last { color: white; text-transform: uppercase; vertical-align: top; } .maintab_back, .maintab_active_back { color: white; text-decoration: none; font-size: 9px; vertical-align: top; padding: 2px 6px 6px 6px; font-family: tahoma, sans-serif; }
.maintab_first { background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Violet/maintab_first.gif) left bottom no-repeat; width: 10px; } .maintab_back { background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Violet/maintab_back.gif) left bottom repeat-x; } .maintab_last { background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Violet/maintab_last.gif) left bottom no-repeat; width: 8px; } .maintab_active_first { background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Violet/maintab_active_first.gif) left bottom no-repeat; width: 6px; } .maintab_active_back { background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Violet/maintab_active_back.gif) left bottom repeat-x; } .maintab_active_last { background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Violet/maintab_active_last.gif) 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: #EDE8F7; 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://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Violet/mirrortab_first.gif) no-repeat; width: 10px; } .mirrortab_back { background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Violet/mirrortab_back.gif) repeat-x; } .mirrortab_last { background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Violet/mirrortab_last.gif) no-repeat; width: 6px; } .mirrortab_active_first { background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Violet/mirrortab_active_first.gif) no-repeat; width: 6px; } .mirrortab_active_back { background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Violet/mirrortab_active_back.gif) repeat-x; } .mirrortab_active_last { background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Violet/mirrortab_active_last.gif) 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: #EDE8F7; text-decoration: none; }
/* The AJAX notifier */ #ajax_in_progress { background: #8DF39D url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Violet/loading.gif) repeat-x; color: white; text-align: center; font-weight: bold; font-size: 18pt; padding: 3px; width: 100%; position: fixed; top: 0; left: 0; }
|
|
|
9
|
Stylesheets / Styles I have created / Light Golden
|
on: June 07, 2007, 12:27:24 am
|

Images: CSS Code: /* Normal, standard links. */ a:link { color: #A56F26; text-decoration: none; } a:visited { color: #A56F26; text-decoration: none; } a:hover { color: #A56F26; text-decoration: underline; }
/* Navigation links - for the link tree. */ .nav, .nav:link, .nav:visited { color: #A56F26; text-decoration: none; } a.nav:hover { color: #FF7B00; 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: #FFD499; margin: 0px; padding: 12px 30px 4px 30px;
}
/* Input boxes - just a bit smaller than normal so they align well. */ input, textarea, button { background-color: ; color: #000000; font-family: verdana, sans-serif; } input, button { font-size: 90%; }
textarea { font-size: 100%; color: #000000; font-family: verdana, sans-serif; }
/* All input elements that are checkboxes or radio buttons. */ input.check { }
/* Selects are a bit smaller, because it makes them look even better 8). */ select { font-size: 90%; font-weight: normal; color: #000000; font-family: verdana, sans-serif; }
/* Standard horizontal rule.. ([hr], etc.) */ hr, .hrcolor { height: 1px; border: 0; color: #666666; background-color: #666666; }
/* No image should have a border when linked */ a img { border: 0; } /* A quote, perhaps from another post. */ .quote { color: #000000; background-color: #FCF3E3; 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: #EEEEEE; 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: #FF7777; font-weight: bold; color: black; }
/* Alternating backgrounds for posts, and several other sections of the forum. */ .windowbg { color: #000000; background: #FAEEDA url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Golden/windowbg.gif) repeat-y; } .windowbg2 { color: #000000; background: #FFFDFA url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Golden/windowbg2.gif) repeat-x; } .windowbg3 { color: #000000; background: #FFE4BE url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Golden/windowbg3.gif) repeat-y; } /* 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://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Golden/titlebg.gif) #FFE4BE repeat-x; border-bottom: solid 1px #C3AF96; 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://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Golden/catbg.gif) #E6B76F repeat-x; color: #ffffff; padding-left: 10px; padding-right: 10px; } .catbg2 , tr.catbg2 td { background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Golden/catbg.gif) #E6B76F repeat-x; color: #ffffff; padding-left: 10px; padding-right: 10px; } .catbg, .catbg2, .catbg3 { border-bottom: solid 0px #7D5E2F; } .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: #FCFFE0; } /* This is used for tables that have a grid/border background color (such as the topic listing.) */ .bordercolor { background-color: #DFD3CA; padding: 0px; }
/* This is used on tables that should just have a border around them. */ .tborder { padding: 1px; border: 1px solid #D8A259; background-color: #FFFFFF; }
/* Default font sizes: small (8pt), normal (10pt), and large (14pt). */ .smalltext { font-size: x-small; font-family: verdana, sans-serif; } .middletext { font-size: 90%; } .normaltext { font-size: small; } .largetext { font-size: large; }
/* Posts and personal messages displayed throughout the forum. */ .post, .personalmessage { width: 100%; overflow: auto; line-height: 1.3em; }
/* All the signatures used in the forum. If your forum users use Mozilla, Opera, or Safari, you might add max-height here ;). */ .signature { width: 100%; overflow: auto; padding-bottom: 3px; line-height: 1.3em; }
/* Sometimes there will be an error when you post */ .error { color: red; }
/* definitions for the main tab, active means the tab reflects which page is displayed */ .maintab_first, .maintab_back, .maintab_last, .maintab_active_first, .maintab_active_back, .maintab_active_last { color: white; text-transform: uppercase; vertical-align: top; } .maintab_back, .maintab_active_back { color: white; text-decoration: none; font-size: 9px; vertical-align: top; padding: 2px 6px 6px 6px; font-family: tahoma, sans-serif; }
.maintab_first { background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Golden/maintab_first.gif) left bottom no-repeat; width: 10px; } .maintab_back { background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Golden/maintab_back.gif) left bottom repeat-x; } .maintab_last { background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Golden/maintab_last.gif) left bottom no-repeat; width: 8px; } .maintab_active_first { background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Golden/maintab_active_first.gif) left bottom no-repeat; width: 6px; } .maintab_active_back { background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Golden/maintab_active_back.gif) left bottom repeat-x; } .maintab_active_last { background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Golden/maintab_active_last.gif) 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: #FCFFE0; 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://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Golden/mirrortab_first.gif) no-repeat; width: 15px; } .mirrortab_back { background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Golden/mirrortab_back.gif) repeat-x; } .mirrortab_last { background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Golden/mirrortab_last.gif) no-repeat; width: 6px; } .mirrortab_active_first { background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Golden/mirrortab_active_first.gif) no-repeat; width: 6px; } .mirrortab_active_back { background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Golden/mirrortab_active_back.gif) repeat-x; } .mirrortab_active_last { background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Golden/mirrortab_active_last.gif) 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: #FCFFE0; text-decoration: none; }
/* The AJAX notifier */ #ajax_in_progress { background: #8DF39D url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Golden/loading.gif) repeat-x; color: white; text-align: center; font-weight: bold; font-size: 18pt; padding: 3px; width: 100%; position: fixed; top: 0; left: 0; }
|
|
|
10
|
Stylesheets / Styles I have created / Light Turqouise
|
on: June 05, 2007, 11:33:06 pm
|

Images: CSS Code: /* Normal, standard links. */ a:link { color: #136D6D; text-decoration: none; } a:visited { color: #136D6D; text-decoration: none; } a:hover { color: #136D6D; text-decoration: underline; }
/* Navigation links - for the link tree. */ .nav, .nav:link, .nav:visited { color: #136D6D; text-decoration: none; } a.nav:hover { color: #00D0BA; 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: #93EDED; margin: 0px; padding: 12px 30px 4px 30px;
}
/* Input boxes - just a bit smaller than normal so they align well. */ input, textarea, button { background-color: ; color: #000000; font-family: verdana, sans-serif; } input, button { font-size: 90%; }
textarea { font-size: 100%; color: #000000; font-family: verdana, sans-serif; }
/* All input elements that are checkboxes or radio buttons. */ input.check { }
/* Selects are a bit smaller, because it makes them look even better 8). */ select { font-size: 90%; font-weight: normal; color: #000000; font-family: verdana, sans-serif; }
/* Standard horizontal rule.. ([hr], etc.) */ hr, .hrcolor { height: 1px; border: 0; color: #666666; background-color: #666666; }
/* No image should have a border when linked */ a img { border: 0; } /* A quote, perhaps from another post. */ .quote { color: #000000; background-color: #E4F5F6; 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: #EEEEEE; font-family: "courier new", "times new roman", monospace; font-size: x-small; line-height: 1.3em; /* Put a nice border around it. */ border: 1px solid #000000; margin: 1px auto 1px auto; padding: 1px; width: 99%; /* Don't wrap its contents, and show scrollbars. */ white-space: nowrap; overflow: auto; /* Stop after about 24 lines, and just show a scrollbar. */ max-height: 24em; }
/* The "Quote:" and "Code:" header parts... */ .quoteheader, .codeheader { color: #000000; text-decoration: none; font-style: normal; font-weight: bold; font-size: x-small; line-height: 1.2em; }
/* Generally, those [?] icons. This makes your cursor a help icon. */ .help { cursor: help; }
/* /me uses this a lot. (emote, try typing /me in a post.) */ .meaction { color: red; }
/* The main post box - this makes it as wide as possible. */ .editor { width: 96%; }
/* Highlighted text - such as search results. */ .highlight { background-color: yellow; font-weight: bold; color: black; }
/* Alternating backgrounds for posts, and several other sections of the forum. */ .windowbg { color: #000000; background: #DAF0F1 url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Turqouise/windowbg.gif) repeat-y; } .windowbg2 { color: #000000; background: #FAFFFF url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Turqouise/windowbg2.gif) repeat-x; } .windowbg3 { color: #000000; background: #BEF0F0 url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Turqouise/windowbg3.gif) repeat-y; } /* 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://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Turqouise/titlebg.gif) #BEF0F0 repeat-x; border-bottom: solid 1px #89A8A7; 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://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Turqouise/catbg.gif) #6CBEC0 repeat-x; color: #ffffff; padding-left: 10px; padding-right: 10px; } .catbg2 , tr.catbg2 td { background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Turqouise/catbg.gif) #6CBEC0 repeat-x; color: #ffffff; padding-left: 10px; padding-right: 10px; } .catbg, .catbg2, .catbg3 { border-bottom: solid 1px #114748; } .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: #C3D2CF; padding: 0px; }
/* This is used on tables that should just have a border around them. */ .tborder { padding: 1px; border: 1px solid #53ADAD; background-color: #FFFFFF; }
/* Default font sizes: small (8pt), normal (10pt), and large (14pt). */ .smalltext { font-size: x-small; font-family: verdana, sans-serif; } .middletext { font-size: 90%; } .normaltext { font-size: small; } .largetext { font-size: large; }
/* Posts and personal messages displayed throughout the forum. */ .post, .personalmessage { width: 100%; overflow: auto; line-height: 1.3em; }
/* All the signatures used in the forum. If your forum users use Mozilla, Opera, or Safari, you might add max-height here ;). */ .signature { width: 100%; overflow: auto; padding-bottom: 3px; line-height: 1.3em; }
/* Sometimes there will be an error when you post */ .error { color: red; }
/* definitions for the main tab, active means the tab reflects which page is displayed */ .maintab_first, .maintab_back, .maintab_last, .maintab_active_first, .maintab_active_back, .maintab_active_last { color: white; text-transform: uppercase; vertical-align: top; } .maintab_back, .maintab_active_back { color: white; text-decoration: none; font-size: 9px; vertical-align: top; padding: 2px 6px 6px 6px; font-family: tahoma, sans-serif; }
.maintab_first { background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Turqouise/maintab_first.gif) left bottom no-repeat; width: 10px; } .maintab_back { background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Turqouise/maintab_back.gif) left bottom repeat-x; } .maintab_last { background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Turqouise/maintab_last.gif) left bottom no-repeat; width: 8px; } .maintab_active_first { background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Turqouise/maintab_active_first.gif) left bottom no-repeat; width: 6px; } .maintab_active_back { background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Turqouise/maintab_active_back.gif) left bottom repeat-x; } .maintab_active_last { background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Turqouise/maintab_active_last.gif) 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: #DCF5F5; 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://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Turqouise/mirrortab_first.gif) no-repeat; width: 10px; } .mirrortab_back { background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Turqouise/mirrortab_back.gif) repeat-x; } .mirrortab_last { background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Turqouise/mirrortab_active_last.gif) no-repeat; width: 6px; } .mirrortab_active_first { background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Turqouise/mirrortab_active_first.gif) no-repeat; width: 6px; } .mirrortab_active_back { background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Turqouise/mirrortab_active_back.gif) repeat-x; } .mirrortab_active_last { background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Turqouise/mirrortab_active_last.gif) 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: #DCF5F5; text-decoration: none; }
/* The AJAX notifier */ #ajax_in_progress { background: #5371AD url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Turqouise/loading.gif) repeat-x; color: white; text-align: center; font-weight: bold; font-size: 18pt; padding: 3px; width: 100%; position: fixed; top: 0; left: 0; }
|
|
|
11
|
Stylesheets / Styles I have created / Light Lilac
|
on: June 05, 2007, 11:32:32 pm
|

Images: CSS Code: /* Normal, standard links. */ a:link { color: #775CAD; text-decoration: none; } a:visited { color: #775CAD; text-decoration: none; } a:hover { color: #775CAD; text-decoration: underline; }
/* Navigation links - for the link tree. */ .nav, .nav:link, .nav:visited { color: #775CAD; text-decoration: none; } a.nav:hover { color: #6333FF; 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: #C8ADFF; margin: 0px; padding: 12px 30px 4px 30px;
}
/* Input boxes - just a bit smaller than normal so they align well. */ input, textarea, button { background-color: ; color: #000000; font-family: verdana, sans-serif; } input, button { font-size: 90%; }
textarea { font-size: 100%; color: #000000; font-family: verdana, sans-serif; }
/* All input elements that are checkboxes or radio buttons. */ input.check { }
/* Selects are a bit smaller, because it makes them look even better 8). */ select { font-size: 90%; font-weight: normal; color: #000000; font-family: verdana, sans-serif; }
/* Standard horizontal rule.. ([hr], etc.) */ hr, .hrcolor { height: 1px; border: 0; color: #666666; background-color: #666666; }
/* No image should have a border when linked */ a img { border: 0; } /* A quote, perhaps from another post. */ .quote { color: #000000; background-color: #F1EBFB; 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: #EEEEEE; font-family: "courier new", "times new roman", monospace; font-size: x-small; line-height: 1.3em; /* Put a nice border around it. */ border: 1px solid #000000; margin: 1px auto 1px auto; padding: 1px; width: 99%; /* Don't wrap its contents, and show scrollbars. */ white-space: nowrap; overflow: auto; /* Stop after about 24 lines, and just show a scrollbar. */ max-height: 24em; }
/* The "Quote:" and "Code:" header parts... */ .quoteheader, .codeheader { color: #000000; text-decoration: none; font-style: normal; font-weight: bold; font-size: x-small; line-height: 1.2em; }
/* Generally, those [?] icons. This makes your cursor a help icon. */ .help { cursor: help; }
/* /me uses this a lot. (emote, try typing /me in a post.) */ .meaction { color: red; }
/* The main post box - this makes it as wide as possible. */ .editor { width: 96%; }
/* Highlighted text - such as search results. */ .highlight { background-color: yellow; font-weight: bold; color: black; }
/* Alternating backgrounds for posts, and several other sections of the forum. */ .windowbg { color: #000000; background: #EDE4F9 url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Lilac/windowbg.gif) repeat-y; } .windowbg2 { color: #000000; background: #FCFBFF url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Lilac/windowbg2.gif) repeat-x; } .windowbg3 { color: #000000; background: #DDCDFD url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Lilac/windowbg3.gif) repeat-y; } /* 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://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Lilac/titlebg.gif) #DDCDFD repeat-x; border-bottom: solid 1px #B8AFCC; 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://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Lilac/catbg.gif) #B095E2 repeat-x; color: #ffffff; padding-left: 10px; padding-right: 10px; } .catbg2 , tr.catbg2 td { background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Lilac/catbg.gif) #B095E2 repeat-x; color: #ffffff; padding-left: 10px; padding-right: 10px; } .catbg, .catbg2, .catbg3 { border-bottom: solid 1px #715F91; } .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: #FBE6FF; } /* This is used for tables that have a grid/border background color (such as the topic listing.) */ .bordercolor { background-color: #D9D6E4; padding: 0px; }
/* This is used on tables that should just have a border around them. */ .tborder { padding: 1px; border: 1px solid #A185D6; background-color: #FFFFFF; }
/* Default font sizes: small (8pt), normal (10pt), and large (14pt). */ .smalltext { font-size: x-small; font-family: verdana, sans-serif; } .middletext { font-size: 90%; } .normaltext { font-size: small; } .largetext { font-size: large; }
/* Posts and personal messages displayed throughout the forum. */ .post, .personalmessage { width: 100%; overflow: auto; line-height: 1.3em; }
/* All the signatures used in the forum. If your forum users use Mozilla, Opera, or Safari, you might add max-height here ;). */ .signature { width: 100%; overflow: auto; padding-bottom: 3px; line-height: 1.3em; }
/* Sometimes there will be an error when you post */ .error { color: red; }
/* definitions for the main tab, active means the tab reflects which page is displayed */ .maintab_first, .maintab_back, .maintab_last, .maintab_active_first, .maintab_active_back, .maintab_active_last { color: white; text-transform: uppercase; vertical-align: top; } .maintab_back, .maintab_active_back { color: white; text-decoration: none; font-size: 9px; vertical-align: top; padding: 2px 6px 6px 6px; font-family: tahoma, sans-serif; }
.maintab_first { background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Lilac/maintab_first.gif) left bottom no-repeat; width: 10px; } .maintab_back { background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Lilac/maintab_back.gif) left bottom repeat-x; } .maintab_last { background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Lilac/maintab_last.gif) left bottom no-repeat; width: 8px; } .maintab_active_first { background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Lilac/maintab_active_first.gif) left bottom no-repeat; width: 6px; } .maintab_active_back { background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Lilac/maintab_active_back.gif) left bottom repeat-x; } .maintab_active_last { background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Lilac/maintab_active_last.gif) 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: #FBE6FF; 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://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Lilac/mirrortab_first.gif) no-repeat; width: 10px; } .mirrortab_back { background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Lilac/mirrortab_back.gif)repeat-x; } .mirrortab_last { background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Lilac/mirrortab_last.gif) no-repeat; width: 6px; } .mirrortab_active_first { background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Lilac/mirrortab_active_first.gif) no-repeat; width: 6px; } .mirrortab_active_back { background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Lilac/mirrortab_active_back.gif) repeat-x; } .mirrortab_active_last { background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Lilac/mirrortab_active_last.gif) 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: #FBE6FF; text-decoration: none; }
/* The AJAX notifier */ #ajax_in_progress { background: #8DF39D url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Lilac/loading.gif) repeat-x; color: white; text-align: center; font-weight: bold; font-size: 18pt; padding: 3px; width: 100%; position: fixed; top: 0; left: 0; }
|
|
|
12
|
Stylesheets / Styles I have created / Light Red
|
on: June 05, 2007, 11:31:52 pm
|

Images: CSS Code: /* Normal, standard links. */ a:link { color: #AE1D1D; text-decoration: none; } a:visited { color: #AE1D1D; text-decoration: none; } a:hover { color: #AE1D1D; text-decoration: underline; }
/* Navigation links - for the link tree. */ .nav, .nav:link, .nav:visited { color: #AE1D1D; text-decoration: none; } a.nav:hover { color: #FF0019; 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: #FF9999; margin: 0px; padding: 12px 30px 4px 30px;
}
/* Input boxes - just a bit smaller than normal so they align well. */ input, textarea, button { background-color: ; color: #000000; font-family: verdana, sans-serif; } input, button { font-size: 90%; }
textarea { font-size: 100%; color: #000000; font-family: verdana, sans-serif; }
/* All input elements that are checkboxes or radio buttons. */ input.check { }
/* Selects are a bit smaller, because it makes them look even better 8). */ select { font-size: 90%; font-weight: normal; color: #000000; font-family: verdana, sans-serif; }
/* Standard horizontal rule.. ([hr], etc.) */ hr, .hrcolor { height: 1px; border: 0; color: #666666; background-color: #666666; }
/* No image should have a border when linked */ a img { border: 0; } /* A quote, perhaps from another post. */ .quote { color: #000000; background-color: #FEE3E2; 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: #EEEEEE; font-family: "courier new", "times new roman", monospace; font-size: x-small; line-height: 1.3em; /* Put a nice border around it. */ border: 1px solid #000000; margin: 1px auto 1px auto; padding: 1px; width: 99%; /* Don't wrap its contents, and show scrollbars. */ white-space: nowrap; overflow: auto; /* Stop after about 24 lines, and just show a scrollbar. */ max-height: 24em; }
/* The "Quote:" and "Code:" header parts... */ .quoteheader, .codeheader { color: #000000; text-decoration: none; font-style: normal; font-weight: bold; font-size: x-small; line-height: 1.2em; }
/* Generally, those [?] icons. This makes your cursor a help icon. */ .help { cursor: help; }
/* /me uses this a lot. (emote, try typing /me in a post.) */ .meaction { color: red; }
/* The main post box - this makes it as wide as possible. */ .editor { width: 96%; }
/* Highlighted text - such as search results. */ .highlight { background-color: yellow; font-weight: bold; color: black; }
/* Alternating backgrounds for posts, and several other sections of the forum. */ .windowbg { color: #000000; background: #FCD8D7 url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Red/windowbg.gif) repeat-y; } .windowbg2 { color: #000000; background: #FFFBFA url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Red/windowbg2.gif) repeat-x; } .windowbg3 { color: #000000; background: #FFBFBE url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Red/windowbg3.gif) repeat-y; } /* 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://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Red/titlebg.gif) #FFBFBE repeat-x; border-bottom: solid 1px #C69394; 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://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Red/catbg.gif) #EF6A67 repeat-x; color: #ffffff; padding-left: 10px; padding-right: 10px; } .catbg2 , tr.catbg2 td { background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Red/catbg.gif) #EF6A67 repeat-x; color: #ffffff; padding-left: 10px; padding-right: 10px; } .catbg, .catbg2, .catbg3 { border-bottom: solid 1px #832B29; } .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: #FFE4E0; } /* This is used for tables that have a grid/border background color (such as the topic listing.) */ .bordercolor { background-color: #E0C8CB; padding: 0px; }
/* This is used on tables that should just have a border around them. */ .tborder { padding: 1px; border: 1px solid #E15050; background-color: #FFFFFF; }
/* Default font sizes: small (8pt), normal (10pt), and large (14pt). */ .smalltext { font-size: x-small; font-family: verdana, sans-serif; } .middletext { font-size: 90%; } .normaltext { font-size: small; } .largetext { font-size: large; }
/* Posts and personal messages displayed throughout the forum. */ .post, .personalmessage { width: 100%; overflow: auto; line-height: 1.3em; }
/* All the signatures used in the forum. If your forum users use Mozilla, Opera, or Safari, you might add max-height here ;). */ .signature { width: 100%; overflow: auto; padding-bottom: 3px; line-height: 1.3em; }
/* Sometimes there will be an error when you post */ .error { color: red; }
/* definitions for the main tab, active means the tab reflects which page is displayed */ .maintab_first, .maintab_back, .maintab_last, .maintab_active_first, .maintab_active_back, .maintab_active_last { color: white; text-transform: uppercase; vertical-align: top; } .maintab_back, .maintab_active_back { color: white; text-decoration: none; font-size: 9px; vertical-align: top; padding: 2px 6px 6px 6px; font-family: tahoma, sans-serif; }
.maintab_first { background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Red/maintab_first.gif) left bottom no-repeat; width: 10px; } .maintab_back { background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Red/maintab_back.gif) left bottom repeat-x; } .maintab_last { background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Red/maintab_last.gif) left bottom no-repeat; width: 8px; } .maintab_active_first { background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Red/maintab_active_first.gif) left bottom no-repeat; width: 6px; } .maintab_active_back { background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Red/maintab_active_back.gif) left bottom repeat-x; } .maintab_active_last { background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Red/maintab_active_last.gif) 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: #FFE4E0; 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://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Red/mirrortab_first.gif) no-repeat; width: 10px; } .mirrortab_back { background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Red/mirrortab_back.gif) repeat-x; } .mirrortab_last { background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Red/mirrortab_active_last.gif) no-repeat; width: 6px; } .mirrortab_active_first { background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Red/mirrortab_active_first.gif) no-repeat; width: 6px; } .mirrortab_active_back { background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Red/mirrortab_active_back.gif) repeat-x; } .mirrortab_active_last { background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Red/mirrortab_active_last.gif) 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: #FFE4E0; text-decoration: none; }
/* The AJAX notifier */ #ajax_in_progress { background: #8DF39D url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Red/loading.gif) repeat-x; color: white; text-align: center; font-weight: bold; font-size: 18pt; padding: 3px; width: 100%; position: fixed; top: 0; left: 0; }
|
|
|
13
|
Stylesheets / Styles I have created / Light Silver
|
on: June 05, 2007, 09:49:22 pm
|

Images:  CSS Code: /* Normal, standard links. */ a:link { color: #2C3F53; text-decoration: none; } a:visited { color: #2C3F53; text-decoration: none; } a:hover { color: #2C3F53; text-decoration: underline; }
/* Navigation links - for the link tree. */ .nav, .nav:link, .nav:visited { color: #2C3F53; text-decoration: none; } a.nav:hover { color: #306A91; 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: #ACBFD3; margin: 0px; padding: 12px 30px 4px 30px;
}
/* Input boxes - just a bit smaller than normal so they align well. */ input, textarea, button { background-color: ; color: #000000; font-family: verdana, sans-serif; } input, button { font-size: 90%; }
textarea { font-size: 100%; color: #000000; font-family: verdana, sans-serif; }
/* All input elements that are checkboxes or radio buttons. */ input.check { }
/* Selects are a bit smaller, because it makes them look even better 8). */ select { font-size: 90%; font-weight: normal; color: #000000; font-family: verdana, sans-serif; }
/* Standard horizontal rule.. ([hr], etc.) */ hr, .hrcolor { height: 1px; border: 0; color: #666666; background-color: #666666; }
/* No image should have a border when linked */ a img { border: 0; } /* A quote, perhaps from another post. */ .quote { color: #000000; background-color: #E9EDF1; 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: #EEEEEE; font-family: "courier new", "times new roman", monospace; font-size: x-small; line-height: 1.3em; /* Put a nice border around it. */ border: 1px solid #000000; margin: 1px auto 1px auto; padding: 1px; width: 99%; /* Don't wrap its contents, and show scrollbars. */ white-space: nowrap; overflow: auto; /* Stop after about 24 lines, and just show a scrollbar. */ max-height: 24em; }
/* The "Quote:" and "Code:" header parts... */ .quoteheader, .codeheader { color: #000000; text-decoration: none; font-style: normal; font-weight: bold; font-size: x-small; line-height: 1.2em; }
/* Generally, those [?] icons. This makes your cursor a help icon. */ .help { cursor: help; }
/* /me uses this a lot. (emote, try typing /me in a post.) */ .meaction { color: red; }
/* The main post box - this makes it as wide as possible. */ .editor { width: 96%; }
/* Highlighted text - such as search results. */ .highlight { background-color: yellow; font-weight: bold; color: black; }
/* Alternating backgrounds for posts, and several other sections of the forum. */ .windowbg { color: #000000; background: #E1E6EB url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Silver/windowbg.gif) repeat-y; } .windowbg2 { color: #000000; background: #FBFCFD url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Silver/windowbg2.gif) repeat-x; } .windowbg3 { color: #000000; background: #CBD7E2 url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Silver/windowbg3.gif) repeat-y; } /* 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://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Silver/titlebg.gif) #CBD7E2 repeat-x; border-bottom: solid 1px #9299A0; 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://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Silver/catbg.gif) #8496A8 repeat-x; color: #ffffff; padding-left: 10px; padding-right: 10px; } .catbg2 , tr.catbg2 td { background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Silver/catbg.gif) #8496A8 repeat-x; color: #ffffff; padding-left: 10px; padding-right: 10px; } .catbg, .catbg2, .catbg3 { border-bottom: solid 1px #212C39; } .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: #E7E7F2; } /* This is used for tables that have a grid/border background color (such as the topic listing.) */ .bordercolor { background-color: #C8CBCE; padding: 0px; }
/* This is used on tables that should just have a border around them. */ .tborder { padding: 1px; border: 1px solid #6C7F93; background-color: #FFFFFF; }
/* Default font sizes: small (8pt), normal (10pt), and large (14pt). */ .smalltext { font-size: x-small; font-family: verdana, sans-serif; } .middletext { font-size: 90%; } .normaltext { font-size: small; } .largetext { font-size: large; }
/* Posts and personal messages displayed throughout the forum. */ .post, .personalmessage { width: 100%; overflow: auto; line-height: 1.3em; }
/* All the signatures used in the forum. If your forum users use Mozilla, Opera, or Safari, you might add max-height here ;). */ .signature { width: 100%; overflow: auto; padding-bottom: 3px; line-height: 1.3em; }
/* Sometimes there will be an error when you post */ .error { color: red; }
/* definitions for the main tab, active means the tab reflects which page is displayed */ .maintab_first, .maintab_back, .maintab_last, .maintab_active_first, .maintab_active_back, .maintab_active_last { color: white; text-transform: uppercase; vertical-align: top; } .maintab_back, .maintab_active_back { color: white; text-decoration: none; font-size: 9px; vertical-align: top; padding: 2px 6px 6px 6px; font-family: tahoma, sans-serif; }
.maintab_first { background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Silver/maintab_first.gif) left bottom no-repeat; width: 10px; } .maintab_back { background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Silver/maintab_back.gif) left bottom repeat-x; } .maintab_last { background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Silver/maintab_last.gif) left bottom no-repeat; width: 8px; } .maintab_active_first { background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Silver/maintab_active_first.gif) left bottom no-repeat; width: 6px; } .maintab_active_back { background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Silver/maintab_active_back.gif) left bottom repeat-x; } .maintab_active_last { background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Silver/maintab_active_last.gif) 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://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Silver/mirrortab_first.gif) no-repeat; width: 10px; } .mirrortab_back { background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Silver/mirrortab_back.gif) repeat-x; } .mirrortab_last { background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Silver/mirrortab_last.gif) no-repeat; width: 6px; } .mirrortab_active_first { background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Silver/mirrortab_active_first.gif) no-repeat; width: 6px; } .mirrortab_active_back { background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Silver/mirrortab_active_back.gif) repeat-x; } .mirrortab_active_last { background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Silver/mirrortab_active_last.gif) 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: #E7E7F2; text-decoration: none; }
/* The AJAX notifier */ #ajax_in_progress { background: #8DF39D url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Silver/loading.gif) repeat-x; color: white; text-align: center; font-weight: bold; font-size: 18pt; padding: 3px; width: 100%; position: fixed; top: 0; left: 0; }
|
|
|
14
|
Stylesheets / Styles I have created / Light Blue
|
on: June 05, 2007, 09:48:50 pm
|

Images:  CSS Code: /* Normal, standard links. */ a:link { color: #336699; text-decoration: none; } a:visited { color: #336699; text-decoration: none; } a:hover { color: #336699; text-decoration: underline; }
/* Navigation links - for the link tree. */ .nav, .nav:link, .nav:visited { color: #336699; text-decoration: none; } a.nav:hover { color: #0099FF; 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: #99CCFF; margin: 0px; padding: 12px 30px 4px 30px;
}
/* Input boxes - just a bit smaller than normal so they align well. */ input, textarea, button { background-color: ; color: #000000; font-family: verdana, sans-serif; } input, button { font-size: 90%; }
textarea { font-size: 100%; color: #000000; font-family: verdana, sans-serif; }
/* All input elements that are checkboxes or radio buttons. */ input.check { }
/* Selects are a bit smaller, because it makes them look even better 8). */ select { font-size: 90%; font-weight: normal; color: #000000; font-family: verdana, sans-serif; }
/* Standard horizontal rule.. ([hr], etc.) */ hr, .hrcolor { height: 1px; border: 0; color: #666666; background-color: #666666; }
/* No image should have a border when linked */ a img { border: 0; } /* A quote, perhaps from another post. */ .quote { color: #000000; background-color: #E6EFFA; 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: #EEEEEE; font-family: "courier new", "times new roman", monospace; font-size: x-small; line-height: 1.3em; /* Put a nice border around it. */ border: 1px solid #000000; margin: 1px auto 1px auto; padding: 1px; width: 99%; /* Don't wrap its contents, and show scrollbars. */ white-space: nowrap; overflow: auto; /* Stop after about 24 lines, and just show a scrollbar. */ max-height: 24em; }
/* The "Quote:" and "Code:" header parts... */ .quoteheader, .codeheader { color: #000000; text-decoration: none; font-style: normal; font-weight: bold; font-size: x-small; line-height: 1.2em; }
/* Generally, those [?] icons. This makes your cursor a help icon. */ .help { cursor: help; }
/* /me uses this a lot. (emote, try typing /me in a post.) */ .meaction { color: red; }
/* The main post box - this makes it as wide as possible. */ .editor { width: 96%; }
/* Highlighted text - such as search results. */ .highlight { background-color: yellow; font-weight: bold; color: black; }
/* Alternating backgrounds for posts, and several other sections of the forum. */ .windowbg { color: #000000; background: #DDE9F7 url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Blue/windowbg.gif) repeat-y; } .windowbg2 { color: #000000; background: #FAFCFF url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Blue/windowbg2.gif) repeat-x; } .windowbg3 { color: #000000; background: #C1DEFC url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Blue/windowbg3.gif) repeat-y; } /* 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://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Blue/titlebg.gif) #C1DEFC 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://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Blue/catbg.gif) #7BA9DB repeat-x; color: #ffffff; padding-left: 10px; padding-right: 10px; } .catbg2 , tr.catbg2 td { background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Blue/catbg.gif) #7BA9DB 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: #CCD7DD; padding: 0px; }
/* This is used on tables that should just have a border around them. */ .tborder { padding: 1px; border: 1px solid #6699CC; background-color: #FFFFFF; }
/* Default font sizes: small (8pt), normal (10pt), and large (14pt). */ .smalltext { font-size: x-small; font-family: verdana, sans-serif; } .middletext { font-size: 90%; } .normaltext { font-size: small; } .largetext { font-size: large; }
/* Posts and personal messages displayed throughout the forum. */ .post, .personalmessage { width: 100%; overflow: auto; line-height: 1.3em; }
/* All the signatures used in the forum. If your forum users use Mozilla, Opera, or Safari, you might add max-height here ;). */ .signature { width: 100%; overflow: auto; padding-bottom: 3px; line-height: 1.3em; }
/* Sometimes there will be an error when you post */ .error { color: red; }
/* definitions for the main tab, active means the tab reflects which page is displayed */ .maintab_first, .maintab_back, .maintab_last, .maintab_active_first, .maintab_active_back, .maintab_active_last { color: white; text-transform: uppercase; vertical-align: top; } .maintab_back, .maintab_active_back { color: white; text-decoration: none; font-size: 9px; vertical-align: top; padding: 2px 6px 6px 6px; font-family: tahoma, sans-serif; }
.maintab_first { background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Blue/maintab_first.gif) left bottom no-repeat; width: 10px; } .maintab_back { background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Blue/maintab_back.gif) left bottom repeat-x; } .maintab_last { background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Blue/maintab_last.gif) left bottom no-repeat; width: 8px; } .maintab_active_first { background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Blue/maintab_active_first.gif) left bottom no-repeat; width: 6px; } .maintab_active_back { background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Blue/maintab_active_back.gif) left bottom repeat-x; } .maintab_active_last { background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Blue/maintab_active_last.gif) 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://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Blue/mirrortab_first.gif) no-repeat; width: 10px; } .mirrortab_back { background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Blue/mirrortab_back.gif) repeat-x; } .mirrortab_last { background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Blue/mirrortab_last.gif) no-repeat; width: 6px; } .mirrortab_active_first { background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Blue/mirrortab_active_first.gif) no-repeat; width: 6px; } .mirrortab_active_back { background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Blue/mirrortab_active_back.gif) repeat-x; } .mirrortab_active_last { background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Blue/mirrortab_active_last.gif) 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: #8DF39D url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Blue/loading.gif) repeat-x; color: white; text-align: center; font-weight: bold; font-size: 18pt; padding: 3px; width: 100%; position: fixed; top: 0; left: 0; }
|
|
|
15
|
Stylesheets / Styles I have created / Light Brown
|
on: June 05, 2007, 07:38:10 pm
|
I saw a theme on SimpleMachines that I really liked. It is "Simple", and very "Clean Looking". This theme comes in 12 different colors. I have created some stylesheets for our SMF forums that are as close as I can get to the originals. Here is the first one: Credit to: HarzeM for the images. ~~~NOTE~~~ for right now I will leave the images on my PhotoBucket account for everyone to use (with the exception of the images for new/no new posts, and expand/collapse - you need to save those images and upload them to an image hosting site). If I start getting close to my bandwidth limit, or if you are running a large forum, please contact me and I will give you the images in a zip file. Light Brown: 
Images:  CSS code: /* Normal, standard links. */ a:link { color: #66331A; text-decoration: none; } a:visited { color: #66331A; text-decoration: none; } a:hover { color: #66331A; text-decoration: underline; }
/* Navigation links - for the link tree. */ .nav, .nav:link, .nav:visited { color: #66331A; text-decoration: none; } a.nav:hover { color: #C02E01; 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: #E6B299; margin: 0px; padding: 12px 30px 4px 30px;
}
/* Input boxes - just a bit smaller than normal so they align well. */ input, textarea, button { background-color: ; color: #000000; font-family: verdana, sans-serif; } input, button { font-size: 90%; }
textarea { font-size: 100%; color: #000000; font-family: verdana, sans-serif; }
/* All input elements that are checkboxes or radio buttons. */ input.check { }
/* Selects are a bit smaller, because it makes them look even better 8). */ select { font-size: 90%; font-weight: normal; color: #000000; font-family: verdana, sans-serif; }
/* Standard horizontal rule.. ([hr], etc.) */ hr, .hrcolor { height: 1px; border: 0; color: #666666; background-color: #666666; }
/* No image should have a border when linked */ a img { border: 0; } /* A quote, perhaps from another post. */ .quote { color: #000000; background-color: #F5ECE6; 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: #EEEEEE; font-family: "courier new", "times new roman", monospace; font-size: x-small; line-height: 1.3em; /* Put a nice border around it. */ border: 1px solid #000000; margin: 1px auto 1px auto; padding: 1px; width: 99%; /* Don't wrap its contents, and show scrollbars. */ white-space: nowrap; overflow: auto; /* Stop after about 24 lines, and just show a scrollbar. */ max-height: 24em; }
/* The "Quote:" and "Code:" header parts... */ .quoteheader, .codeheader { color: #000000; text-decoration: none; font-style: normal; font-weight: bold; font-size: x-small; line-height: 1.2em; }
/* Generally, those [?] icons. This makes your cursor a help icon. */ .help { cursor: help; }
/* /me uses this a lot. (emote, try typing /me in a post.) */ .meaction { color: red; }
/* The main post box - this makes it as wide as possible. */ .editor { width: 96%; }
/* Highlighted text - such as search results. */ .highlight { background-color: yellow; font-weight: bold; color: black; }
/* Alternating backgrounds for posts, and several other sections of the forum. */ .windowbg { color: #000000; background: #F0E3DC url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Brown/windowbg.gif) repeat-y; } .windowbg2 { color: #000000; background: #FFFCFB url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Brown/windowbg2.gif) repeat-x; } .windowbg3 { color: #000000; background: #EDD0C1 url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Brown/windowbg3.gif) repeat-y; } /* 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-color: #EDD0C1; background-image: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Brown/titlebg.gif); border-bottom: solid 1px #A7948C; 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://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Brown/catbg.gif) #BB8D72 repeat-x; color: #ffffff; padding-left: 10px; padding-right: 10px; } .catbg2 , tr.catbg2 td { background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Brown/catbg.gif) #BB8D72 repeat-x; color: #ffffff; padding-left: 10px; padding-right: 10px; } .catbg, .catbg2, .catbg3 { border-bottom: solid 1px #442615; } .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: #F8F5E1; } /* This is used for tables that have a grid/border background color (such as the topic listing.) */ .bordercolor { background-color: #D0C6C4; padding: 0px; }
/* This is used on tables that should just have a border around them. */ .tborder { padding: 1px; border: 1px solid #A67259; background-color: #FFFFFF; }
/* Default font sizes: small (8pt), normal (10pt), and large (14pt). */ .smalltext { font-size: x-small; font-family: verdana, sans-serif; } .middletext { font-size: 90%; } .normaltext { font-size: small; } .largetext { font-size: large; }
/* Posts and personal messages displayed throughout the forum. */ .post, .personalmessage { width: 100%; overflow: auto; line-height: 1.3em; }
/* All the signatures used in the forum. If your forum users use Mozilla, Opera, or Safari, you might add max-height here ;). */ .signature { width: 100%; overflow: auto; padding-bottom: 3px; line-height: 1.3em; }
/* Sometimes there will be an error when you post */ .error { color: red; }
/* definitions for the main tab, active means the tab reflects which page is displayed */ .maintab_first, .maintab_back, .maintab_last, .maintab_active_first, .maintab_active_back, .maintab_active_last { color: white; text-transform: uppercase; vertical-align: top; } .maintab_back, .maintab_active_back { color: white; text-decoration: none; font-size: 9px; vertical-align: top; padding: 2px 6px 6px 6px; font-family: tahoma, sans-serif; }
.maintab_first { background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Brown/maintab_first.gif) left bottom no-repeat; width: 10px; } .maintab_back { background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Brown/maintab_back.gif) left bottom repeat-x; } .maintab_last { background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Brown/maintab_last.gif) left bottom no-repeat; width: 8px; } .maintab_active_first { background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Brown/maintab_active_first.gif) left bottom no-repeat; width: 6px; } .maintab_active_back { background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Brown/maintab_active_back.gif) left bottom repeat-x; } .maintab_active_last { background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Brown/maintab_active_last.gif) 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: #F8F5E1; 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://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Brown/mirrortab_first.gif) no-repeat; width: 10px; } .mirrortab_back { background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Brown/mirrortab_back.gif) repeat-x; } .mirrortab_last { background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Brown/mirrortab_last.gif) no-repeat; width: 6px; } .mirrortab_active_first { background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Brown/mirrortab_active_first.gif) no-repeat; width: 6px; } .mirrortab_active_back { background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Brown/mirrortab_active_back.gif) repeat-x; } .mirrortab_active_last { background: url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Brown/mirrortab_active_last.gif) 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: #F8F5E1; text-decoration: none; }
/* The AJAX notifier */ #ajax_in_progress { background: #8DF39D url(http://i56.photobucket.com/albums/g174/KimmieB_01/Light%20Brown/loading.gif) repeat-x; color: white; text-align: center; font-weight: bold; font-size: 18pt; padding: 3px; width: 100%; position: fixed; top: 0; left: 0; }
|
|
|
|