Spring Fever Layout

[girlboheme]

Style: S2 A Sturdy Gesture
Default Icon: not required
Best view: 800x600 and up
Browser(s) Compatible: IE/Firefox/Opera/Netscape
Credit: yes, please.
Work with Nav bar?: yes
Work with Plus Acct?: yes
Work with Paid? yes
Cool Feature?yep, different page views.

Permanent Live Preview here:



Different Page Views

Recent Entries
Entry (paid/plus only)
Tag
Comment Page (paid/plus only)



Friends



Archive



pls note: screen shots are in IE 7 browser, may look slightly different in others, but still nice

Image(s):
background 1 (right click save as): greenish background
background 2 (right click save as): bluish background
background 3 (right click save as): taupey background
header 1 (right click save as): woodsy header
header 2 (right click save as): rolling hills header
header 3 (right click save as): golden field header
sidebar (right click save as): sidebar

Overrides:
/* BASICS */ body { font-family: "trebuchet ms", arial, helvetica; font size: 10px; background: url(http://i75.photobucket.com/albums/i304/girlboheme/bg-2.png); color: ; margin: 0px !important; text-align: center; line-height: 11px; } a { color: #9a966b; text-decoration: none; } a:hover { color: ; text-decoration: none; background: #dbd9ca; } /*img { border: 0; }*/ h2 { font-size: 14px; } li { list-style: square; } blockquote { background: #ffffff url(http://i75.photobucket.com/albums/i304/girlboheme/sbar.png) repeat-y; border-top: 2px solid #ecebe3; padding: 15px; } /* RECENT PAGE SPECIFICS */ body.recent { background: url(http://i75.photobucket.com/albums/i304/girlboheme/bg1.png); } body.recent #body { padding-top: 175px; background: #FFFFFF url(http://i75.photobucket.com/albums/i304/girlboheme/girlboheme_spring1.png) no-repeat; width: ; } /* ENTRY PAGE SPECIFICS & TAG PAGE SPECIFICS */ .entry, .tags { background: white url(http://i75.photobucket.com/albums/i304/girlboheme/bg2.png); } body.entry #body, body.tags #body { padding-top: 175px; background: #FFFFFF url(http://i75.photobucket.com/albums/i304/girlboheme/girlboheme_spring2.png) no-repeat; width: ; } /* FRIENDS PAGE SPECIFICS */ .friends { background: url(http://i75.photobucket.com/albums/i304/girlboheme/bg4.png); } body.friends #body { padding-top: 175px; background: #FFFFFF url(http://i75.photobucket.com/albums/i304/girlboheme/girlboheme_spring4.png) no-repeat; width: ; } /* ARCHIVE PAGE SPECIFICS */ .archive { background: white url(http://i75.photobucket.com/albums/i304/girlboheme/bg2.png); } body.archive #body { padding-top: 195px; background: #FFFFFF url(http://i75.photobucket.com/albums/i304/girlboheme/girlboheme_spring2.png) no-repeat; width: ; } /**** GENERAL ****/ table { border: 3px dashed white; width: 765px; background: white; margin: 20px auto; } #navbar { border-left: solid 15px white; border-top: solid 15px white; border-bottom: solid 15px white; background: #ffffff url(http://i75.photobucket.com/albums/i304/girlboheme/sbar.png) repeat-y; width: 165px; } #body { padding-top: 175px; background: #FFFFFF url(http://i75.photobucket.com/albums/i304/girlboheme/girlboheme_spring1.png) no-repeat; width: ; line-height: 1.2em; } .box { margin: 10px; padding: 10px 10px 40px 10px; color: ; line-height: 12px; } #navbar .box { background: ; } #body .box { background: ; border-bottom: ; } .box h1 a, .box h2 a, .box h3 a { color: ; background: ; } .box h2, .box h3 { font-size: ; background: ; color: ; padding: ; margin: ; } #navbar .box h1 { font-size: 14px; border-bottom: 2px solid #ecebe3; background: ; color: ; padding: 0px 0px 4px 0px; margin: 0px; } #navbar .box h2 { font-size: 14px; border-bottom: 2px solid #ecebe3; background: ; color: ; padding: 0px 0px 4px 0px; margin: 0px; } #navbar .box h1 { text-align: left; } #navbar .box div.userpic { text-align: left; margin-top: 15px; } #navbar .box div.userpic img { border: 5px solid #e7e6dc; } #navbar p { margin-left: ; margin-right: ; margin-bottom: ; } #navbar ul, #skipbar ul, #tagspage ul { list-style: none; margin: 0px; padding-left: 0px; padding-bottom: 5px; padding-top: 15px; font-size: 12px; font-weight: bold; color: #17861e; } #navbar ul a, #skipbar ul a, #tagspage ul a { list-style: none; margin: 0px; padding-left: 0px; font-size: 11px; line-height: 1.2em; } #navbar ul a:hover, #skipbar ul a:hover, #tagspage ul a:hover { list-style: none; margin: 0px; padding-left: 0px; font-size: 11px; line-height: 1.2em; } #navbar ul li.active, #skipbar ul li.active { font-weight: ; } #navbar ul li, #skipbar ul li { list-style: none; margin: 0px; padding: 0px; } .box .entry { margin: ; font-size: 11px; background: white; } #body .box .entry { text-align: justify; } .box .talklinks { background: #ffffff url(http://i75.photobucket.com/albums/i304/girlboheme/sbar.png) repeat-y; padding: 5px 8px; margin-top: 10px; text-align: left; clear: both; font-size: 10px; border-bottom: 2px solid #ecebe3; } .box .talklinks .permalink { padding-left: 3px; } .box .minicomment { clear: both; } body.day #body h1 { font-size: 14px; font-weight: ; padding: 15px; } table.box, table.box td, table.box th { text-align: center; padding: 5px; background: #ffffff url(http://i75.photobucket.com/albums/i304/girlboheme/sbar.png) repeat-y; font-size: 10px; } .metadata { background: #ffffff url(http://i75.photobucket.com/albums/i304/girlboheme/sbar.png) repeat-y; padding: 5px 8px; margin-top: 10px; text-align: left; font-size: 10px; } .metadata-mood img{ padding: 0 5px; } form#postform table { width: 450px; background: ; color: ; } /* carries stuff I'm interested in */ #body h2:first-line{ font-size:12px !important; line-height: ; text-transform: none; font-weight: bold; } #body h2{ padding-bottom: 4px; border-bottom: 2px solid #ecebe3; }

Rules:
1. When taking, please comment.
2. Please credit in user info or on sidebar.
3. Do not steal or claim as your own.
4. Customize to your hearts content.
5. But still credit me, please.
6. If you are just taking the CSS for code ideas, don't credit me

Notes:
*Under Color Customizations, make sure you put #5f5b41 in Box heading text color & #FFFFFF in Box heading background color.
*Under Presentation Customizations, make sure you have left sidebar enabled.
*You cannot customize this layout all that much in the sidebar. Just add links.

Useful Communities:
everything_lj
freelayouts
s2layers

I will do my best to answer questions, though.

Thanks :)
girlboheme