049 - CARNATION CRIME [Smooth Sailing]
Feels like it's been a while >.>
CARNATION CRIME ► LIVE | STATIC | FAQ
Layout Information
TESTED BROWSERS Mozilla Firefox, Internet Explorer
PROBLEMS? None so far
FEATURES Topbar, tiny icons, contextual pop ups, custom nav-strip
DISABLED Header-title/subtitle
AD-PLACEMENT Between Entries
FINAL NOTES Request for confluents. I AM SO SORRY THIS TOOK SO LONG.
This layout just didn't want to happen I swear, I sat there for ages like 'fuuuu, WHY WON'T YOU LOOK DECENT?!' and eventually it evolved into this semi-presentable thing I give you today. Haven't decided whether I'm okay with it or not just yet lol.
Feel free to replace my sad excuse for a header with your own guys I finally made a layout that's header!compatible, are you proud of me? :'D
Layout Installation
SELECT JOURNAL STYLE 01. Select any Smooth Sailing.
02. Pick an ad placement you prefer (Between Entries tends to look best in general).
CUSTOM CSS Use layout's stylesheet(s) → NO
Use layout's stylesheet(s) when including custom external stylesheet → NO
Use CTRL + A inside the textbox to select everything, and then copy and paste into the CUSTOM CSS box.
/*
LJ STYLE: CARNATION CRIME
LAYOUT: Smooth Sailing
MAKER: jessilestrange // kill_zombie
FOR: confluents // ladybubblegum
PLEASE CREDIT:
http://community.livejournal.com/kill_brainz/
OR
http://jessilestrange.livejournal.com/
*/
body { background: #F1FFD4; font-family: Arial, Verdana, Sans serif; font-size: 10px; color: #424242; text-align: left; margin: 0px; }
a, a:visited { color: #C44D58; text-decoration: none; }
a:hover { color: #FF6B6B; cursor: help; }
.pageblock { width: 100%; margin: 0px; padding: 0px; }
.pagefooterblock, .header-title, .header-subtitle, .header-icon, .bodyheaderblock, .sidebar .ljuser img, .profile-label, .entryHeader .ljuser img, .entryUserinfo .ljuser img, .entryLinkbar a[st_page="home"], .entryLinkbar a[href*="subscriptions"], .entryLinkbar a[href*="tellafriend"], .commentUserinfo .ljuser img, #lj_controlstrip .ljuser img { display: none; }
.header-menu { position: absolute; width: 100%; top: 45px; left: 0px; background: #FF9F80; text-align: left; }
.header-menu, .entryLinkbar, #footer-menu { font-size: 14px; text-transform: uppercase; padding: 8px 0px 13px 0px; }
.header-menu a, .entryLinkbar a, #footer-menu a { font-weight: bold; color: #FFFFFF; padding: 8px 13px 13px 13px; }
.header-menu a:hover { background: #FFC48C; }
.header-menu ul, .entryLinkbar ul, .entryLinkbar li, .entryMetadata ul, #footer-menu ul, .commentLinkbar ul { margin: 0px; padding: 0px; }
.header-menu li, .entryLinkbar li, #footer-menu li, .commentLinkbar li { list-style-type: none; display: inline; }
.pageheaderblock { height: 350px; width: 760px; background: url(http://i25.tinypic.com/23jtrm.png) no-repeat; margin: 37px auto 0px auto; padding: 0px; }
.sidebar { position: absolute; top: 430px; height: 200px; width: 760px; background: #FFFFFF; font-size: 10px; padding: 0px; }
.sidebox { float: left; min-height: 150px; margin: 0px; padding: 0px; }
.sideboxTitle { background: #C7F464; font-weight: bold; font-size: 17px; color: #FFFFFF; text-transform: uppercase; text-align: center; letter-spacing: 1px; padding: 10px 12px 4px 12px; }
.sideboxContent { height: 155px; width: 233.33px; /* CAREFUL NOW */ over-flow: auto; overflow-x: hidden; overflow-y: auto; /* ALL DONE! */ font-size: 11px; color: #9E9E9E; padding: 5px 10px 5px 10px; }
.sideboxContent, .sidebox #profile, .sidebox #systemlinks, .sidebox #tags_sidebox, .sidebox #summary { text-align: left; }
.sidebox #latestmonth, .sidebox #search { text-align: center; }
.sidebox #profile { font-size: 12px; }
.sidebox #profile .ljuser a b { font-size: 14px; text-transform: uppercase; border-bottom: 3px solid #F1F1F1; }
.profile-content { font-size: 12px; text-transform: uppercase; margin: 8px 90px 0px 0px; display: block; }
img.profile-userpic { float: right; height: 80px; width: 80px; border: 1px solid #F1F1F1; margin: 5px 0px 2px 10px; padding: 4px; }
.sidebox #systemlinks, .sidebox #tags_sidebox { font-family: Helvetica; font-size: 0px; }
.listtitle { font-size: 12px; text-align: right; text-transform: uppercase; margin: 3px 10px 5px 10px; }
.listitem, .sidebox #tags_sidebox a { border-bottom: 2px solid #F8F8F8; margin: 0px 0px 5px 0px; padding: 0px 0px 1px 0px; display: block; }
.listitem a, .sidebox #tags_sidebox a, .sidebox #summary a { font-weight: bold; font-size: 11px; color: #888888; text-transform: uppercase; }
.listitem:hover, .sidebox #tags_sidebox a:hover { border-bottom: 2px solid #F1F1F1; }
.sidebox #summary { font-family: Helvetica; }
.sidebox #summary a:hover { color: #424242; }
.sidebox #summary img[src*="icon_protected.gif"], .sidebox #summary img[src*="icon_groups.gif"], .sidebox #summary img[src*="icon_private.gif"], .daysubjects img[src*="icon_protected.gif"], .daysubjects img[src*="icon_groups.gif"], .daysubjects img[src*="icon_private.gif"] { background: no-repeat center left !important; margin: 0px !important; padding: 10px 10px 0px 0px !important; }
.sidebox #summary img[src*="icon_protected.gif"], .sidebox #summary img[src*="icon_groups.gif"], .daysubjects img[src*="icon_protected.gif"], .daysubjects img[src*="icon_groups.gif"] { background: transparent url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/181.png) !important; }
.sidebox #summary img[src*="icon_private.gif"], .daysubjects img[src*="icon_private.gif"] { background: transparent url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/183.png) !important; }
.sidebox #latestmonth, .sidebox #search { font-family: Helvetica; font-weight: bold; text-transform: uppercase; }
.sidebox #latestmonth a { font-size: 14px; }
.sidebox #latestmonth table { width: 100%; margin: 0px auto 0px auto; }
.latestmonth-inactive, .latestmonth-active { font-size: 10px !important; color: #919191; text-align: center; margin: 1px; padding: 6px; }
.latestmonth-inactive, .sidebox #search input, .sidebox #search select, .day-date { background: #F8F8F8; }
.latestmonth-active, .sidebox #search input:hover, .sidebox #search select:hover, .day-date:hover { background: #F1FFD4; }
.latestmonth-active a { font-size: 10px !important; color: #777777; }
.sidebox #freetext a:hover, div.ContextualPopup div.Inner div.Content a:hover { background: #F8F8F8 !important; }
.sidebox #search { padding: 50px 0px 0px 0px; }
.sidebox #search input, .sidebox #search select { font-family: Verdana; font-size: 9px; color: #919191; border: 0px; margin: 1px; padding: 3px; }
.bodyblock { width: 760px; margin: 220px auto 0px auto; padding: 0px; }
.entryHolder { background: #FFFFFF; margin: 0px 0px 20px 0px; padding: 0px; }
.entryHeader { text-align: right; }
.entryHeaderDate { background: #C7F464; font-weight: bold; font-size: 17px; color: #FFFFFF; text-transform: uppercase; text-align: left; letter-spacing: 1px; margin: 0px 0px 10px 0px; padding: 15px 12px 8px 12px; display: block; }
.entryHeaderSubject { font-size: 0px; padding: 10px 10px 0px 120px; }
.entryHeader a, .entryHeader .ljuser a b { font-weight: normal; font-size: 21px; color: #252525; text-transform: lowercase; letter-spacing: -1px; line-height: 17px; }
.entryUserinfo { position: relative; text-align: center; margin: 0px 15px 5px 15px; z-index: 100; }
.entryUserinfo-usericon img, .commentUserinfo-usericon img { background: #F9F9F9; border: 1px solid #EDEDED; margin: 0px 0px 5px 0px; padding: 4px; }
.entryUserinfo .ljuser a b, .entryUserinfo .ljuser a b:hover { font-size: 10px; color: #B7E84D; text-transform: uppercase; }
.entryText { min-height: 90px; }
.entryText, .commentText { font-size: 11px; padding: 10px 15px 15px 15px; }
.entryText img { max-width: 590px; margin: 1px; }
.entryMetadata { color: #606060; padding: 5px 20px 20px 20px; }
.entryMetadata a:hover { color: #606060; }
.entryMetadata-label { font-weight: bold; text-transform: lowercase; padding: 0px 5px 0px 0px; }
.entryMetadata img { margin: 0px 2px 0px 2px; }
.entryMetadata li { background: #F2F2F2; list-style-type: none; margin: 0px 0px 2px 0px; padding: 4px 10px 3px 10px; display: block; }
.entryLinkbar, #footer-menu { background: #C7F464; text-align: right; }
.entryLinkbar a:hover, #footer-menu a:hover { background: #B7E84D; }
#footer-menu { text-align: left; margin: 0px; }
#footer-menu li { margin: 0px; padding: 0px; }
.bodynavblock { font-family: Helvetica; font-weight: bold; font-size: 11px; color: #444444; text-transform: uppercase; text-align: center; margin: 10px 0px 10px 0px; }
.commentHolder { background: #FFFFFF; margin: 10px 0px 10px 10px; }
.commentHeader { background: #C7F464; }
.commentHeader, .commentHeaderScreened { font-weight: bold; font-size: 17px; color: #FFFFFF; text-transform: uppercase; text-align: left; letter-spacing: 1px; padding: 10px 12px 4px 12px; }
.commentHeaderScreened { background: #B7E84D; }
.commentHeaderSubject { font-style: italic; }
.commentUserinfo { font-size: 10px; color: #666666; text-align: center; margin: 10px 10px 5px 10px; }
.commentUserinfo { font-size: 11px; text-transform: uppercase; }
.commentLinkbar { font-weight: bold; color: #606060; text-align: right; text-transform: uppercase; padding: 2px 10px 10px 10px }
.commentLinkbar li { margin: 0px 0px 0px 7px; padding: 0px; display: inline; }
.replyform { background-color: #FFFFFF; border: 1px solid #EBEBEB; padding: 10px; }
#qrform { color: #FFFFFF; border: medium none !important; padding: 16px; }
#qrform table { width: 98%; color: #AAAAAA; border:0 none !important; }
.yearlinks { text-align: right; }
.yearlink { padding: 0px 5px 0px 5px; }
.month { width: 100%; margin: 0px; padding: 0px; }
.daytitles { font-family: Helvetica; font-weight: bold; font-size: 10px; text-transform: uppercase; text-align: center; padding: 16px 0px 10px 0px; }
.daytitles, .day-blank, .day, .tagstable, .tagstable td { background: #FFFFFF; border: 3px solid #FFFFFF; }
.day-blank, .day, .tagstable td { padding: 5px; }
.daysubjects { background: #FFFFFF; font-size: 11px; text-align: left; padding: 10px 0px 10px 30px; }
.daysubjects a { font-weight: bold; font-size: 12px; text-transform: uppercase; }
.day-date { font-weight: bold; font-size: 10px; color: #919191; text-align: left; border: 0px; margin: 0px 0px 4px 0px; padding: 4px 6px 2px 6px; }
.day-count { width: 100%; line-height: 32px; text-align: center; }
.day-count a { font-family: Helvetica; font-size: 33px; }
.tagstable { width: 550px; margin: 20px auto; }
.tagstable td { font-size: 11px; text-transform: uppercase; }
.tagstable a, ul.taglist a { font-family: Helvetica; font-weight: bold; font-size: 10px; text-transform: uppercase; }
ul.taglist { padding: 0px 15px 0px 0px; }
ul.taglist li { font-size: 9px; padding: 0px 3px 3px 9px; }
textarea, input, select { background-color: #EEFFD4; }
blockquote { color: #666666; border-left: 16px solid #EDEDED; padding: 13px; }
textarea, input, select { font-family: Arial; font-size: 11px; color: #777777; border: 1px solid #EBEBEB; padding: 2px; }
b, strong { color: #F56991; }
i, em { color: #555555; }
u { text-decoration: ; }
.ljuser a b { text-transform: lowercase; }
.ljuser img { width: 0px; height: 0px; background: transparent url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/041.png) no-repeat bottom left; padding: 10px 10px 0px 0px !important; }
img[src*="userinfo.gif"], img[src*="user_ontd.gif"], img[src="http://www.livejournal.com/stc/img/userinfo-support.gif"], img[src*="community.gif"], img[src*="partnercomm.gif"], img[src*="sponcomm.gif"], img[src*="icon_protected.gif"], img[src*="icon_groups.gif"], img[src*="icon_private.gif"], img[src*="syndicated.gif"], img[src*="newsinfo.gif"], div.ContextualPopup img[src="http://l-stat.livejournal.com/horizon/upgrade-paid-icon.gif"] { width: 0px; height: 0px; padding: 10px 10px 0px 0px !important; }
img[src*="userinfo.gif"] { background: transparent url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/031-1.png) no-repeat center left !important; }
img[src*="user_ontd.gif"] { background: transparent url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/092.png) no-repeat center left !important; }
img[src="http://www.livejournal.com/stc/img/userinfo-support.gif"] { background: transparent url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/041.png) no-repeat center left !important; }
img[src*="community.gif"], img[src*="partnercomm.gif"], img[src*="sponcomm.gif"] { background: transparent url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/045-1.png) no-repeat center left !important; }
img[src*="syndicated.gif"] { background: transparent url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/001.png) no-repeat center left !important; }
img[src*="newsinfo.gif"] { background: transparent url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/078.png) no-repeat center left !important; }
img[src*="icon_protected.gif"], img[src*="icon_groups.gif"], img[src*="icon_private.gif"] { background: no-repeat center left !important; margin: 0px 5px 0px 0px; padding: 16px 16px 0px 0px !important; }
img[src*="icon_protected.gif"] { background: transparent url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/018.png) !important; }
img[src*="icon_groups.gif"] { background: transparent url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/019.png) !important; }
img[src*="icon_private.gif"] { background: transparent url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/025.png) !important; }
img[src*="anonymous.gif"], img[src*="openid-profile.gif"], .replyform img[src*="userinfo.gif"], img[src*="none.gif"], img[src*="help.gif"], img[src*="pencil.gif"], img[src*="btn_edit.gif"] { height: 0px; width: 0px; background: no-repeat scroll 50% 50%; padding: 0px 0px 14px 15px !important; }
img[src*="anonymous.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/earth.png); }
img[src*="openid-profile.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/talking.png); }
.replyform img[src*="userinfo.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/user-9.png) !important; }
img[src*="none.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/happyface.png); }
img[src*="help.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/exclamation.png); }
img[src*="pencil.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/pencil-1.png); }
img[src*="btn_edit.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/clipboard_full.png); }
img[src*="phonepost2.gif"] { height: 0px; width: 0px; background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/phone.png) no-repeat center left !important; margin: 0px; padding: 16px 16px 0px 0px !important; }
div.ContextualPopup img[src="http://l-stat.livejournal.com/horizon/upgrade-paid-icon.gif"] { background: transparent url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/arrow_up-3.gif) no-repeat center left; vertical-align: baseline !important; }
div.ContextualPopup div.Inner { width: 270px; background: none !important; font: 10px Arial; color: #555555 !important; border: 0px; }
div.ContextualPopup div.Userpic img { background-color: #FFFFFF; text-transform: uppercase; margin: 5px 0px 0px 0px; }
div.ContextualPopup div.Userpic img, div.ContextualPopup div.Inner div.Content { border: 1px solid #EBEBEB; padding: 5px; }
div.ContextualPopup .Relation { font-family: Arial; font-weight: bold !important; font-size: 14px !important; color: #B7E84D !important; text-transform: lowercase; line-height: 12px; border-bottom: 1px solid #F0F0F0; margin-bottom: 3px; padding-bottom: 7px; }
div.ContextualPopup div.Inner div.Content { background-color: #FFFFFF; }
div.ContextualPopup div.Inner div.Content a, div.ContextualPopup a { font-weight: bold; color: #C7F464 !important; text-decoration: none !important; }
div.ContextualPopup div.Inner div.Content a:hover { color: #B7E84D !important; }
div.ContextualPopup div.Inner div.Content img a:hover { background: none !important; }
div.Relation, div.FriendStatus { font-size: 11px; text-transform: uppercase; letter-spacing: -1px; border-bottom: 1px solid #99C930; padding: 2px 2px 5px 2px; margin: 0px 0px 8px 0px; }
#lj_controlstrip { background: #252525; font-size: 9px; border-bottom: 0px; }
#lj_controlstrip_statustext { color: #FFFFFF; text-transform: uppercase; }
#lj_controlstrip td { border-right: 0px; }
#lj_controlstrip td a, #lj_controlstrip td a:hover { color: #FFFFFF; text-transform: lowercase; text-decoration: none; }
#lj_controlstrip td a:hover { color: #FF9F80; }
#lj_controlstrip select, #lj_controlstrip input { background: #353535 !important; font: 10px Arial !important; color: #FFFFFF !important; text-transform: uppercase; border: none; margin: 1px; padding: 1px 2px 1px 2px; }
#lj_controlstrip .ljuser a b, #lj_controlstrip .ljuser a b:hover { font-size: 14px; color: #FFFFFF; letter-spacing: -1px; }
DISPLAY > PRESENTATION Expand BASIC OPTIONS and ADDITIONAL OPTIONS
Userinfo Position in Entries → Left side of the Entry Text
Wrap Entry text under userinfo → Yes
ADDING A HEADER To change the header image to something of your liking, simply find .pageheaderblock in the CSS and replace the URL for the background, and alter the height and width values accordingly.
I'd recommend using a header 760px wide so that it works best with the layout.
IMAGES Save these to your own servers to ensure that the images don't die on you when my Photobucket explodes :D
Tiny Icons → User - Support User - User ONTD - Commmunity - News - Syndicated
Entry Header → Protected - Private - Groups
Comment Pages → Anonymous - Open ID - User - None - Help - Pencil - Edit
Misc → Header
An easy way to replace all of the old URLs listed below with the new is to use CTRL + H when editing in a program like Notepad.
CARNATION CRIME ► LIVE | STATIC | FAQ
Layout Information
TESTED BROWSERS Mozilla Firefox, Internet Explorer
PROBLEMS? None so far
FEATURES Topbar, tiny icons, contextual pop ups, custom nav-strip
DISABLED Header-title/subtitle
AD-PLACEMENT Between Entries
FINAL NOTES Request for confluents. I AM SO SORRY THIS TOOK SO LONG.
This layout just didn't want to happen I swear, I sat there for ages like 'fuuuu, WHY WON'T YOU LOOK DECENT?!' and eventually it evolved into this semi-presentable thing I give you today. Haven't decided whether I'm okay with it or not just yet lol.
Feel free to replace my sad excuse for a header with your own guys I finally made a layout that's header!compatible, are you proud of me? :'D
Layout Installation
SELECT JOURNAL STYLE 01. Select any Smooth Sailing.
02. Pick an ad placement you prefer (Between Entries tends to look best in general).
CUSTOM CSS Use layout's stylesheet(s) → NO
Use layout's stylesheet(s) when including custom external stylesheet → NO
Use CTRL + A inside the textbox to select everything, and then copy and paste into the CUSTOM CSS box.
/*
LJ STYLE: CARNATION CRIME
LAYOUT: Smooth Sailing
MAKER: jessilestrange // kill_zombie
FOR: confluents // ladybubblegum
PLEASE CREDIT:
http://community.livejournal.com/kill_brainz/
OR
http://jessilestrange.livejournal.com/
*/
body { background: #F1FFD4; font-family: Arial, Verdana, Sans serif; font-size: 10px; color: #424242; text-align: left; margin: 0px; }
a, a:visited { color: #C44D58; text-decoration: none; }
a:hover { color: #FF6B6B; cursor: help; }
.pageblock { width: 100%; margin: 0px; padding: 0px; }
.pagefooterblock, .header-title, .header-subtitle, .header-icon, .bodyheaderblock, .sidebar .ljuser img, .profile-label, .entryHeader .ljuser img, .entryUserinfo .ljuser img, .entryLinkbar a[st_page="home"], .entryLinkbar a[href*="subscriptions"], .entryLinkbar a[href*="tellafriend"], .commentUserinfo .ljuser img, #lj_controlstrip .ljuser img { display: none; }
.header-menu { position: absolute; width: 100%; top: 45px; left: 0px; background: #FF9F80; text-align: left; }
.header-menu, .entryLinkbar, #footer-menu { font-size: 14px; text-transform: uppercase; padding: 8px 0px 13px 0px; }
.header-menu a, .entryLinkbar a, #footer-menu a { font-weight: bold; color: #FFFFFF; padding: 8px 13px 13px 13px; }
.header-menu a:hover { background: #FFC48C; }
.header-menu ul, .entryLinkbar ul, .entryLinkbar li, .entryMetadata ul, #footer-menu ul, .commentLinkbar ul { margin: 0px; padding: 0px; }
.header-menu li, .entryLinkbar li, #footer-menu li, .commentLinkbar li { list-style-type: none; display: inline; }
.pageheaderblock { height: 350px; width: 760px; background: url(http://i25.tinypic.com/23jtrm.png) no-repeat; margin: 37px auto 0px auto; padding: 0px; }
.sidebar { position: absolute; top: 430px; height: 200px; width: 760px; background: #FFFFFF; font-size: 10px; padding: 0px; }
.sidebox { float: left; min-height: 150px; margin: 0px; padding: 0px; }
.sideboxTitle { background: #C7F464; font-weight: bold; font-size: 17px; color: #FFFFFF; text-transform: uppercase; text-align: center; letter-spacing: 1px; padding: 10px 12px 4px 12px; }
.sideboxContent { height: 155px; width: 233.33px; /* CAREFUL NOW */ over-flow: auto; overflow-x: hidden; overflow-y: auto; /* ALL DONE! */ font-size: 11px; color: #9E9E9E; padding: 5px 10px 5px 10px; }
.sideboxContent, .sidebox #profile, .sidebox #systemlinks, .sidebox #tags_sidebox, .sidebox #summary { text-align: left; }
.sidebox #latestmonth, .sidebox #search { text-align: center; }
.sidebox #profile { font-size: 12px; }
.sidebox #profile .ljuser a b { font-size: 14px; text-transform: uppercase; border-bottom: 3px solid #F1F1F1; }
.profile-content { font-size: 12px; text-transform: uppercase; margin: 8px 90px 0px 0px; display: block; }
img.profile-userpic { float: right; height: 80px; width: 80px; border: 1px solid #F1F1F1; margin: 5px 0px 2px 10px; padding: 4px; }
.sidebox #systemlinks, .sidebox #tags_sidebox { font-family: Helvetica; font-size: 0px; }
.listtitle { font-size: 12px; text-align: right; text-transform: uppercase; margin: 3px 10px 5px 10px; }
.listitem, .sidebox #tags_sidebox a { border-bottom: 2px solid #F8F8F8; margin: 0px 0px 5px 0px; padding: 0px 0px 1px 0px; display: block; }
.listitem a, .sidebox #tags_sidebox a, .sidebox #summary a { font-weight: bold; font-size: 11px; color: #888888; text-transform: uppercase; }
.listitem:hover, .sidebox #tags_sidebox a:hover { border-bottom: 2px solid #F1F1F1; }
.sidebox #summary { font-family: Helvetica; }
.sidebox #summary a:hover { color: #424242; }
.sidebox #summary img[src*="icon_protected.gif"], .sidebox #summary img[src*="icon_groups.gif"], .sidebox #summary img[src*="icon_private.gif"], .daysubjects img[src*="icon_protected.gif"], .daysubjects img[src*="icon_groups.gif"], .daysubjects img[src*="icon_private.gif"] { background: no-repeat center left !important; margin: 0px !important; padding: 10px 10px 0px 0px !important; }
.sidebox #summary img[src*="icon_protected.gif"], .sidebox #summary img[src*="icon_groups.gif"], .daysubjects img[src*="icon_protected.gif"], .daysubjects img[src*="icon_groups.gif"] { background: transparent url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/181.png) !important; }
.sidebox #summary img[src*="icon_private.gif"], .daysubjects img[src*="icon_private.gif"] { background: transparent url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/183.png) !important; }
.sidebox #latestmonth, .sidebox #search { font-family: Helvetica; font-weight: bold; text-transform: uppercase; }
.sidebox #latestmonth a { font-size: 14px; }
.sidebox #latestmonth table { width: 100%; margin: 0px auto 0px auto; }
.latestmonth-inactive, .latestmonth-active { font-size: 10px !important; color: #919191; text-align: center; margin: 1px; padding: 6px; }
.latestmonth-inactive, .sidebox #search input, .sidebox #search select, .day-date { background: #F8F8F8; }
.latestmonth-active, .sidebox #search input:hover, .sidebox #search select:hover, .day-date:hover { background: #F1FFD4; }
.latestmonth-active a { font-size: 10px !important; color: #777777; }
.sidebox #freetext a:hover, div.ContextualPopup div.Inner div.Content a:hover { background: #F8F8F8 !important; }
.sidebox #search { padding: 50px 0px 0px 0px; }
.sidebox #search input, .sidebox #search select { font-family: Verdana; font-size: 9px; color: #919191; border: 0px; margin: 1px; padding: 3px; }
.bodyblock { width: 760px; margin: 220px auto 0px auto; padding: 0px; }
.entryHolder { background: #FFFFFF; margin: 0px 0px 20px 0px; padding: 0px; }
.entryHeader { text-align: right; }
.entryHeaderDate { background: #C7F464; font-weight: bold; font-size: 17px; color: #FFFFFF; text-transform: uppercase; text-align: left; letter-spacing: 1px; margin: 0px 0px 10px 0px; padding: 15px 12px 8px 12px; display: block; }
.entryHeaderSubject { font-size: 0px; padding: 10px 10px 0px 120px; }
.entryHeader a, .entryHeader .ljuser a b { font-weight: normal; font-size: 21px; color: #252525; text-transform: lowercase; letter-spacing: -1px; line-height: 17px; }
.entryUserinfo { position: relative; text-align: center; margin: 0px 15px 5px 15px; z-index: 100; }
.entryUserinfo-usericon img, .commentUserinfo-usericon img { background: #F9F9F9; border: 1px solid #EDEDED; margin: 0px 0px 5px 0px; padding: 4px; }
.entryUserinfo .ljuser a b, .entryUserinfo .ljuser a b:hover { font-size: 10px; color: #B7E84D; text-transform: uppercase; }
.entryText { min-height: 90px; }
.entryText, .commentText { font-size: 11px; padding: 10px 15px 15px 15px; }
.entryText img { max-width: 590px; margin: 1px; }
.entryMetadata { color: #606060; padding: 5px 20px 20px 20px; }
.entryMetadata a:hover { color: #606060; }
.entryMetadata-label { font-weight: bold; text-transform: lowercase; padding: 0px 5px 0px 0px; }
.entryMetadata img { margin: 0px 2px 0px 2px; }
.entryMetadata li { background: #F2F2F2; list-style-type: none; margin: 0px 0px 2px 0px; padding: 4px 10px 3px 10px; display: block; }
.entryLinkbar, #footer-menu { background: #C7F464; text-align: right; }
.entryLinkbar a:hover, #footer-menu a:hover { background: #B7E84D; }
#footer-menu { text-align: left; margin: 0px; }
#footer-menu li { margin: 0px; padding: 0px; }
.bodynavblock { font-family: Helvetica; font-weight: bold; font-size: 11px; color: #444444; text-transform: uppercase; text-align: center; margin: 10px 0px 10px 0px; }
.commentHolder { background: #FFFFFF; margin: 10px 0px 10px 10px; }
.commentHeader { background: #C7F464; }
.commentHeader, .commentHeaderScreened { font-weight: bold; font-size: 17px; color: #FFFFFF; text-transform: uppercase; text-align: left; letter-spacing: 1px; padding: 10px 12px 4px 12px; }
.commentHeaderScreened { background: #B7E84D; }
.commentHeaderSubject { font-style: italic; }
.commentUserinfo { font-size: 10px; color: #666666; text-align: center; margin: 10px 10px 5px 10px; }
.commentUserinfo { font-size: 11px; text-transform: uppercase; }
.commentLinkbar { font-weight: bold; color: #606060; text-align: right; text-transform: uppercase; padding: 2px 10px 10px 10px }
.commentLinkbar li { margin: 0px 0px 0px 7px; padding: 0px; display: inline; }
.replyform { background-color: #FFFFFF; border: 1px solid #EBEBEB; padding: 10px; }
#qrform { color: #FFFFFF; border: medium none !important; padding: 16px; }
#qrform table { width: 98%; color: #AAAAAA; border:0 none !important; }
.yearlinks { text-align: right; }
.yearlink { padding: 0px 5px 0px 5px; }
.month { width: 100%; margin: 0px; padding: 0px; }
.daytitles { font-family: Helvetica; font-weight: bold; font-size: 10px; text-transform: uppercase; text-align: center; padding: 16px 0px 10px 0px; }
.daytitles, .day-blank, .day, .tagstable, .tagstable td { background: #FFFFFF; border: 3px solid #FFFFFF; }
.day-blank, .day, .tagstable td { padding: 5px; }
.daysubjects { background: #FFFFFF; font-size: 11px; text-align: left; padding: 10px 0px 10px 30px; }
.daysubjects a { font-weight: bold; font-size: 12px; text-transform: uppercase; }
.day-date { font-weight: bold; font-size: 10px; color: #919191; text-align: left; border: 0px; margin: 0px 0px 4px 0px; padding: 4px 6px 2px 6px; }
.day-count { width: 100%; line-height: 32px; text-align: center; }
.day-count a { font-family: Helvetica; font-size: 33px; }
.tagstable { width: 550px; margin: 20px auto; }
.tagstable td { font-size: 11px; text-transform: uppercase; }
.tagstable a, ul.taglist a { font-family: Helvetica; font-weight: bold; font-size: 10px; text-transform: uppercase; }
ul.taglist { padding: 0px 15px 0px 0px; }
ul.taglist li { font-size: 9px; padding: 0px 3px 3px 9px; }
textarea, input, select { background-color: #EEFFD4; }
blockquote { color: #666666; border-left: 16px solid #EDEDED; padding: 13px; }
textarea, input, select { font-family: Arial; font-size: 11px; color: #777777; border: 1px solid #EBEBEB; padding: 2px; }
b, strong { color: #F56991; }
i, em { color: #555555; }
u { text-decoration: ; }
.ljuser a b { text-transform: lowercase; }
.ljuser img { width: 0px; height: 0px; background: transparent url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/041.png) no-repeat bottom left; padding: 10px 10px 0px 0px !important; }
img[src*="userinfo.gif"], img[src*="user_ontd.gif"], img[src="http://www.livejournal.com/stc/img/userinfo-support.gif"], img[src*="community.gif"], img[src*="partnercomm.gif"], img[src*="sponcomm.gif"], img[src*="icon_protected.gif"], img[src*="icon_groups.gif"], img[src*="icon_private.gif"], img[src*="syndicated.gif"], img[src*="newsinfo.gif"], div.ContextualPopup img[src="http://l-stat.livejournal.com/horizon/upgrade-paid-icon.gif"] { width: 0px; height: 0px; padding: 10px 10px 0px 0px !important; }
img[src*="userinfo.gif"] { background: transparent url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/031-1.png) no-repeat center left !important; }
img[src*="user_ontd.gif"] { background: transparent url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/092.png) no-repeat center left !important; }
img[src="http://www.livejournal.com/stc/img/userinfo-support.gif"] { background: transparent url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/041.png) no-repeat center left !important; }
img[src*="community.gif"], img[src*="partnercomm.gif"], img[src*="sponcomm.gif"] { background: transparent url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/045-1.png) no-repeat center left !important; }
img[src*="syndicated.gif"] { background: transparent url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/001.png) no-repeat center left !important; }
img[src*="newsinfo.gif"] { background: transparent url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/078.png) no-repeat center left !important; }
img[src*="icon_protected.gif"], img[src*="icon_groups.gif"], img[src*="icon_private.gif"] { background: no-repeat center left !important; margin: 0px 5px 0px 0px; padding: 16px 16px 0px 0px !important; }
img[src*="icon_protected.gif"] { background: transparent url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/018.png) !important; }
img[src*="icon_groups.gif"] { background: transparent url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/019.png) !important; }
img[src*="icon_private.gif"] { background: transparent url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/025.png) !important; }
img[src*="anonymous.gif"], img[src*="openid-profile.gif"], .replyform img[src*="userinfo.gif"], img[src*="none.gif"], img[src*="help.gif"], img[src*="pencil.gif"], img[src*="btn_edit.gif"] { height: 0px; width: 0px; background: no-repeat scroll 50% 50%; padding: 0px 0px 14px 15px !important; }
img[src*="anonymous.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/earth.png); }
;){kind=link}
img[src*="openid-profile.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/talking.png); }
;){kind=link}
.replyform img[src*="userinfo.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/user-9.png) !important; }
img[src*="none.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/happyface.png); }
;){kind=link}
img[src*="help.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/exclamation.png); }
;){kind=link}
img[src*="pencil.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/pencil-1.png); }
;){kind=link}
img[src*="btn_edit.gif"] { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/clipboard_full.png); }
;){kind=link}
img[src*="phonepost2.gif"] { height: 0px; width: 0px; background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/phone.png) no-repeat center left !important; margin: 0px; padding: 16px 16px 0px 0px !important; }
div.ContextualPopup img[src="http://l-stat.livejournal.com/horizon/upgrade-paid-icon.gif"] { background: transparent url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/arrow_up-3.gif) no-repeat center left; vertical-align: baseline !important; }
div.ContextualPopup div.Inner { width: 270px; background: none !important; font: 10px Arial; color: #555555 !important; border: 0px; }
div.ContextualPopup div.Userpic img { background-color: #FFFFFF; text-transform: uppercase; margin: 5px 0px 0px 0px; }
div.ContextualPopup div.Userpic img, div.ContextualPopup div.Inner div.Content { border: 1px solid #EBEBEB; padding: 5px; }
div.ContextualPopup .Relation { font-family: Arial; font-weight: bold !important; font-size: 14px !important; color: #B7E84D !important; text-transform: lowercase; line-height: 12px; border-bottom: 1px solid #F0F0F0; margin-bottom: 3px; padding-bottom: 7px; }
div.ContextualPopup div.Inner div.Content { background-color: #FFFFFF; }
div.ContextualPopup div.Inner div.Content a, div.ContextualPopup a { font-weight: bold; color: #C7F464 !important; text-decoration: none !important; }
div.ContextualPopup div.Inner div.Content a:hover { color: #B7E84D !important; }
div.ContextualPopup div.Inner div.Content img a:hover { background: none !important; }
div.Relation, div.FriendStatus { font-size: 11px; text-transform: uppercase; letter-spacing: -1px; border-bottom: 1px solid #99C930; padding: 2px 2px 5px 2px; margin: 0px 0px 8px 0px; }
#lj_controlstrip { background: #252525; font-size: 9px; border-bottom: 0px; }
#lj_controlstrip_statustext { color: #FFFFFF; text-transform: uppercase; }
#lj_controlstrip td { border-right: 0px; }
#lj_controlstrip td a, #lj_controlstrip td a:hover { color: #FFFFFF; text-transform: lowercase; text-decoration: none; }
#lj_controlstrip td a:hover { color: #FF9F80; }
#lj_controlstrip select, #lj_controlstrip input { background: #353535 !important; font: 10px Arial !important; color: #FFFFFF !important; text-transform: uppercase; border: none; margin: 1px; padding: 1px 2px 1px 2px; }
#lj_controlstrip .ljuser a b, #lj_controlstrip .ljuser a b:hover { font-size: 14px; color: #FFFFFF; letter-spacing: -1px; }
DISPLAY > PRESENTATION Expand BASIC OPTIONS and ADDITIONAL OPTIONS
Userinfo Position in Entries → Left side of the Entry Text
Wrap Entry text under userinfo → Yes
ADDING A HEADER To change the header image to something of your liking, simply find .pageheaderblock in the CSS and replace the URL for the background, and alter the height and width values accordingly.
I'd recommend using a header 760px wide so that it works best with the layout.
IMAGES Save these to your own servers to ensure that the images don't die on you when my Photobucket explodes :D
Tiny Icons → User - Support User - User ONTD - Commmunity - News - Syndicated
Entry Header → Protected - Private - Groups
Comment Pages → Anonymous - Open ID - User - None - Help - Pencil - Edit
Misc → Header
An easy way to replace all of the old URLs listed below with the new is to use CTRL + H when editing in a program like Notepad.