I just made a new CSS, if you want it to be added. <_<
From: Manta | Posted: 04/02/2006 3:34:33 PM |
/* Forest Lite by Manta */
body { background: #DDFFC5; color: #000; font-family: Verdana, sans-serif; font-size: 10pt; margin: 0; padding: 0; } #header { background: #713E00 url('header.png') repeat top left; } h1 { margin: 0; padding: 9px 9px; font-size: 24pt; border-right: solid 1px #666; border-left: solid 1px #999; border-top: solid 1px #999; text-align: left; border-bottom: solid 1px #666; } h1 a { color: #501C00; text-decoration: none; : center; } h1 a:hover{ color: #935F22; font-style: italic; } #infobox { float: right; text-align: left; font-size: 8pt; padding: 3px 5px; color: #FFFFFF; } #infobox p { margin: 0; } #infobox a { color: #FFF; text-decoration: none; } #infobox a:hover { color: #FFFF69; text-decoration: underline; } #nav { margin: 0; padding: 0; list-style: none; background: #ACCC8C; border-top: solid 1px #FFF; border-bottom: solid 1px #666; height: 25px; font-size: 10pt; font-weight: bold; } #nav li { float: left; } #nav a { float: left; padding: 0 20px; line-height: 25px; color: #000; text-decoration: none; } #nav a:hover { background: #BDDD9D; color: #000; text-decoration: underline; } #content { padding: 10px; border-top: solid 1px #FFF; background: #DFFFCD url('gradient.png') repeat-x top; overflow: hidden; } #content a { color: #400; text-decoration: none; } #content a:hover { color: #900; text-decoration: underline; } h2 { margin-top: 10px; font-size: 18pt; } table { border-spacing: 1px; border: solid 1px #666; width: 100%; background: #FFF; } th { background: #501C00; color: #FFF; font-weight: bold; font-style: italic; font-size: 13pt; padding: 2px 5px 2px 5px } #content th a { color: #FFF; text-decoration: underline; } #content th a:hover { color: #FFF; text-decoration: underline; } td { background: #CEEEAE; } td.middle { text-align: center; } #loginout { text-align: right; margin-top: 20px; clear: both; } #loginout .button { background: #CEEEAE; border-top: solid 1px #FFF; border-left: solid 1px #FFF; border-right: solid 1px #666; border-bottom: solid 1px #666; } #loginout p { margin: 0; } #username { background: #FFF url('username.png') no-repeat left center; border: solid 1px #CEEEAE; padding: 1px 1px 1px 5px; } #password { background: #FFF url('password.png') no-repeat left center; border: solid 1px #CEEEAE; padding: 1px 1px 1px 5px; } #footer { font-size: 8pt; text-align: center; background: #ACCC8C; border-top: solid 1px #FFF; border-bottom: solid 1px #666; padding: 1px; margin-bottom: 2px; } #content .post-head td { background: #BDBBB9; color: #000; padding: 1px 3px 2px 3px; } #content .post-head td a { color: #333; text-decoration: underline; } #content .post-head td a:hover { color: #066; text-decoration: underline; } #content .post-head td span { font-weight: bold; } #menu { margin: 0; padding: 0; width: 150px; float: left; background: #FFF; padding: 1px; border: solid 1px #666; } #menu dt { color: #FFF; background: #70BB80; font-size: 17px; text-align: center; font-weight: bold; font-style: italic; padding: 1px 1px 1px 1px; } #menu dd { margin: 0; background: #EFFFCF; text-align: center; padding-top: 1px; padding-bottom: 1px; } #menu dd a:hover { margin: 0; color: #066; } .description { margin: 0; font-size: 8pt; padding: 1px; } .pagenav { font-size: 8pt; text-align: right; margin: 3px 3px; } .sig { border-top: solid 1px #8AAA6A; margin-top: 20px; } |
From: Ryan Dwyer | Posted: 04/02/2006 3:38:14 PM |
Added. Though you need to work on the .post-head part...
Very nice, but I can see a lot of resemblance of the Metallic theme. I will not use abbrev. |
From: Manta | Posted: 04/02/2006 4:11:58 PM |
Yeah.
>_> I kinda based it off it, I'm afraid to say. XD |
From: Manta | Posted: 04/02/2006 4:21:27 PM |
Here we go. A new updated version, fonts included. Looks a bit more modern, too. <_<-b
-- /* Forest Lite by Manta */ body { background: #DDFFC5; color: #000; font-family: Arial, sans-serif; font-size: 10pt; margin: 0; padding: 0; } #header { background: #713E00 url('header.png') repeat top left; } h1 { margin: 0; padding: 9px 9px; font-size: 24pt; border-right: solid 1px #666; border-left: solid 1px #999; border-top: solid 1px #999; text-align: left; border-bottom: solid 1px #666; } h1 a { color: #501C00; font-family: Verdana; text-decoration: none; : center; } h1 a:hover{ color: #935F22; font-style: italic; } #infobox { float: right; text-align: left; font-size: 8pt; font-family: Trebuchet MS; padding: 3px 5px; color: #FFFFFF; } #infobox p { margin: 0; } #infobox a { color: #FFF; text-decoration: none; } #infobox a:hover { color: #FFFF69; text-decoration: underline; } #nav { margin: 0; padding: 0; list-style: none; background: #ACCC8C; border-top: solid 1px #FFF; border-bottom: solid 1px #666; font-family: Tahoma; height: 25px; font-size: 10pt; font-weight: bold; } #nav li { float: left; } #nav a { float: left; padding: 0 20px; line-height: 25px; color: #000; text-decoration: none; } #nav a:hover { background: #BDDD9D; color: #000; text-decoration: underline; } #content { padding: 10px; font-family: Trebuchet MS; border-top: solid 1px #FFF; background: #DFFFCD url('gradient.png') repeat-x top; overflow: hidden; } #content a { color: #400; text-decoration: none; } #content a:hover { color: #900; text-decoration: underline; } h2 { margin-top: 10px; font-size: 18pt; } table { border-spacing: 1px; border: solid 1px #FFF; width: 100%; background: #999; } th { background: #501C00; color: #FFF; font-weight: bold; font-style: italic; font-size: 13pt; padding: 2px 5px 2px 5px } #content th a { color: #999; text-decoration: underline; } #content th a:hover { color: #FFF; text-decoration: underline; } td { background: #CEEEAE; padding: 1px 1px 1px 9px } td.middle { text-align: center; } #loginout { text-align: right; margin-top: 20px; clear: both; } #loginout .button { background: #CEEEAE; border-top: solid 1px #FFF; border-left: solid 1px #FFF; border-right: solid 1px #666; border-bottom: solid 1px #666; } #loginout p { margin: 0; } #username { background: #FFF url('username.png') no-repeat left center; border: solid 1px #CEEEAE; padding: 1px 1px 1px 5px; } #password { background: #FFF url('password.png') no-repeat left center; border: solid 1px #CEEEAE; padding: 1px 1px 1px 5px; } #footer { font-size: 8pt; text-align: center; background: #ACCC8C; border-top: solid 1px #FFF; border-bottom: solid 1px #666; padding: 1px; margin-bottom: 2px; } #content .post-head td { background: #CECCCA; color: #000; padding: 1px 3px 2px 3px; } #content .post-head td a { color: #444; text-decoration: underline; } #content .post-head td a:hover { color: #066; text-decoration: underline; } #content .post-head td span { font-weight: bold; } #menu { margin: 0; padding: 0; width: 150px; float: left; background: #FFF; padding: 1px; border: solid 1px #666; } #menu dt { color: #FFF; background: #70BB80; font-size: 17px; text-align: center; font-weight: bold; font-style: italic; padding: 1px 1px 1px 1px; } #menu dd { margin: 0; background: #EFFFCF; text-align: center; padding-top: 1px; padding-bottom: 1px; } #menu dd a:hover { margin: 0; color: #066; } .description { margin: 0; font-size: 8pt; padding: 1px; } .pagenav { font-size: 8pt; text-align: right; margin: 3px 3px; } .sig { border-top: solid 1px #8AAA6A; margin-top: 20px; } |
From: Ryan Dwyer | Posted: 04/02/2006 4:23:29 PM |
By the way, how did you make the theme? Did you use userContent.css? Did you save a page to your PC and do it that way?
I'm considering making an option where you can choose a local file as the stylesheet, for development purposes. I will not use abbrev. |
From: Manta | Posted: 04/02/2006 4:27:40 PM |
I used this:
https://addons.mozilla.org/extensions/moreinfo.php?id=179 My CSS wasn't saved though, exactly. It's really just an editing tool. I actually haven't the slightest on how to save CSS, other than by using GameFOX. >_> |
From: Ryan Dwyer | Posted: 04/02/2006 4:28:43 PM |
I love it when my FPT client crashes midway through uploading a file, and you have to restart it while the file is screwed up. Fixed now.
I'm not a fan of the grey post-head bar, I think it looks a tad out of place. And the post-body td should have an equal amount of padding on the right as well. I will not use abbrev. |
From: Manta | Posted: 04/02/2006 4:32:01 PM |
Actually, I quite like the grey post header, but I suppose everyone's entitled to an opinion. =P
I dunno. I guess I wouldn't really change a thing as it stands now, but if you want to tweak it a bit and save it as a different theme, you're more than welcome. |
From: Ryan Dwyer | Posted: 04/02/2006 4:35:35 PM |
I won't change it. It's yours. I will not use abbrev. |
From: Manta | Posted: 04/02/2006 4:47:23 PM |
Alrighty. |