051 - Fly Away [Smooth Sailing]

Jul 08, 2011 21:41




Fly Away (Topbar Ver) ► LIVE | STATIC | FAQ Fly Away (Sidebar Ver) ► LIVE | STATIC | FAQ


Layout Information
TESTED BROWSERS Mozilla Firefox, Internet Explorer
PROBLEMS? None so far
FEATURES Choice between a top or sidebar, optional header tags, tiny icons, contextual pop ups
DISABLED Header-subtitle, half of the entry linkbar~
AD-PLACEMENT Between Entries
FINAL NOTES AWWW YEAH. I'VE STILL GOT IT.

Icon used features Panty from Panty & Stocking with Garterbelt (which everyone should go and watch, omg) from partyhard.


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.

Topbar Version
/*

LJ STYLE: Smooth Sailing
LAYOUT: Fly Away (Topbar Ver)
MAKER: jessilestrange // kill_zombie

PLEASE CREDIT:
http://community.livejournal.com/kill_brainz/
OR
http://jessilestrange.livejournal.com/

*/

body { background: #EBEBEB; font-family: Arial, Verdana; font-size: 10px; color: #000000; text-align: left; margin: 0px; padding: 0px; }
a, a:visited, a:hover { color: #3592FC; text-decoration: none; }
a:hover { cursor: help; }

.pageblock { background: #FFFFFF; width: 100%; margin: 0px; padding: 0px 0px 50px 0px; }
.pagefooterblock, .bodyheaderblock, .header-subtitle, .header-icon, #footer-menu, .sidebar .ljuser img, .sideboxTitle, .profile-label, .entryUserinfo .ljuser img[src*="userinfo.gif"], .entryUserinfo .ljuser img[src*="user_ontd.gif"], .entryUserinfo .ljuser img[src="http://www.livejournal.com/stc/img/userinfo-support.gif"], .entryUserinfo .ljuser img[src*="community.gif"], .entryUserinfo .ljuser img[src*="partnercomm.gif"], .entryUserinfo .ljuser img[src*="sponcomm.gif"], .entryUserinfo .ljuser img[src*="syndicated.gif"], .entryUserinfo .ljuser img[src*="userhead"], a[st_page*="home"], .entryLinkbar a[href*="subscriptions"], .entryLinkbar a[href*="tellafriend"], .entryLinkbar a[href*="memadd"], .entryLinkbar a[href*="contentflag"], .entryLinkbar a[href*="edittags"], .commentUserinfo .ljuser img { display: none; }

.sidebar { position: absolute; top: 0px; height: 200px; width: 900px; background: #F5F5F5; margin: 50px auto 0px auto; padding: 0px; z-index: 500; }
.sidebox { float: left; width: 25%; height: 160px; over-flow: auto; overflow-x: hidden; overflow-y: auto; margin: 20px 0px 20px 0px; padding: 0px; }
.sideboxContent { font-size: 10px; color: #59554E; text-align: left; padding: 5px 16px 5px 16px; }
.sidebox #profile .ljuser a b { font-size: 11px; text-transform: uppercase; }
.sidebox #profile { font-weight: normal; padding: 35px 16px 10px 16px; }
.profile-content { font-weight: bold; font-size: 10px; margin: 5px 0px 1px 70px; display: block; }
img.profile-userpic { float: left; height: 50px; width: 50px; background: #FFFFFF; border: 10px solid #F04289; margin: 5px 8px 2px 0px; }
.sidebox #systemlinks, .sidebox #tags_sidebox { font-size: 0px; text-align: left; }
.listtitle { font-size: 10px; color: #000000; text-align: left; text-transform: uppercase; margin: 0px 0px 8px 0px; display: block; }
.listitem, .sidebox #tags_sidebox a { margin: 0px 0px 8px 0px; display: block; }
.listitem a, .sidebox #tags_sidebox a, .sidebox #summary a { font-family: Georgia; font-style: italic; font-size: 10px; color: #454545; line-height: 9px; text-transform: lowercase; }
.sidebox #latestmonth { text-transform: uppercase; }
.sidebox #latestmonth a { font-weight: bold; color: #F04289; }
.sidebox #latestmonth table { width: 90%; color: #454545; text-align: center; }
.latestmonth-inactive, .latestmonth-active { border: 0px; margin: 1px; padding: 4px; }
.latestmonth-inactive { background-color: #F4F4F4; }
.latestmonth-active { background-color: #F7F7F7; }
.latestmonth-active:hover { background-color: #FFFFFF; }
.latestmonth-active a { font-style: 10px; font-weight: normal !important; }
.sidebox #summary b { color: #252525; }
.sidebox #summary img[src*="icon_protected.gif"], .sidebox #summary img[src*="icon_groups.gif"], .sidebox #summary img[src*="icon_private.gif"] { margin: 0px 1px 0px 0px !important; }
.sidebox #search { padding: 50px 0px 10px 30px; }
.sidebox #search input, .sidebox #search select { font-family: Verdana; font-size: 9px; color: #919191; border: 0px; margin: 1px; padding: 2px; }

.bodyblock { width: 900px; background-color: #FFFFFF; margin: 200px auto 0px auto; padding: 0px; }
.entryHolder { background: #FFFFFF; border-right: 136px solid #3592FC; margin: 0px 0px 5px 0px; padding: 0px; }
.entryHeader { font-size: 0px; text-align: left; padding: 30px 10px 0px 0px; }
.entryHeaderDate, .entryHeader a { position: relative; }
.entryHeaderDate { font-family: Terminal, Monospace; font-size: 13px; color: #DEDEDE; text-transform: uppercase; text-align: right; z-index: 0; display: block; }
.entryHeader a { font-size: 19px; font-weight: normal; color: #000000; letter-spacing: -1px; line-height: 10px; z-index: 10; }
.entryHeaderSubject { position: relative; padding: 0px; z-index: 30; }
.entryHeaderTags { background: transparent url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/8-em-plus.png) no-repeat scroll 0 50%; font-size: 0px; color: #F3F3F3; border-top: 1px solid #DEDEDE; border-bottom: 1px solid #DEDEDE; margin: 10px 0px 0px 0px; padding: 7px 0px 5px 13px; display: block; }
.entryHeaderTags a { font-size: 10px !important; color: #252525; text-transform: uppercase; line-height: 11px; letter-spacing: 0px; margin: 0px 7px 0px 0px; padding: 1px 1px 0px 1px; }
.entryUserinfo { position: absolute; float: right; width: 185px; text-align: right; margin: -40px 0px 0px -49px; }
.entryUserinfo-usericon img { background: #FFFFFF; border: 18px solid #252525; margin: 0px 0px 3px 0px; padding: 0px; }
.entryUserinfo-usericon img:hover { border: 18px solid #000000; }
.entryUserinfo .ljuser a b { font-size: 10px; color: #FFFFFF !important; text-transform: uppercase; line-height: 11px; margin: 0px 5px 0px 0px; }
.entryText { min-height: 200px; font-size: 11.5px; color: #353535; text-align: justify; line-height: 1.45em; margin: 5px 20px 5px 0px; }
.entryText img { max-width: 740px; }
.entryText a { font-weight: bold; }
.entryLinkbar { position: absolute; float: right; min-height: 100px; width: 141px; margin: -80px 0px 0px 764px; padding: 0px; }
.entryLinkbar a { font-family: Georgia; font-style: italic; font-size: 10px; color: #FFFFFF; line-height: 8px; text-transform: lowercase; text-align: right; border-top: 5px solid #FFFFFF; margin: 0px 5px 10px 0px; padding: 5px 5px 0px 5px; display: block; }
.entryLinkbar ul { margin: 0px; padding: 0px; }
.entryLinkbar li { float: right; width: 50%; background: transparent; margin: 0px; padding: 0px; list-style-type: none; display: inline; }
.entryMetadata { width: 96%; font-weight: normal; font-size: 10px; color: #333333; text-transform: uppercase; text-align: left; border-top: 1px solid #DEDEDE; border-bottom: 1px solid #DEDEDE; margin: 10px 0px 5px 0px; padding: 3px 10px 3px 13px; }
.entryMetadata-label { font-size: 10px; font-weight: bold; color: #353535; margin: 0px 4px 0px 0px; }
.entryMetadata a { color: #252525; padding: 1px 1px 0px 1px; }
.entryHeaderTags a:hover, .entryMetadata a:hover { background: #F8F8F8; color: #99BDE1; }
.entryMetadata ul { margin: 0px; padding: 0px; }
.entryMetadata li { list-style-type: none; margin: 0px; padding: 0px 0px 2px 0px; display: block; }

.header-menu { position: fixed; bottom: 0px; left: 0px; width: 100%; background: #EDEDED; text-align: right; border-top: 1px solid #DDDDDD; margin: 0x; padding: 10px 0px 10px 0px; z-index: 500; }
.header-menu a { font-size: 10px; color: #000000; letter-spacing: 1px; text-transform: uppercase; line-height: 13px; }
.header-menu ul, .header-menu li { list-style-type: none; margin: 0px; padding: 0px; }
.header-menu li { padding: 0px 15px 0px 10px; display: inline; }
.header-menu li:hover { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/031-1.png) 95% 45% scroll no-repeat; }
.header-title { position: fixed; bottom: 8px; left: 9px; background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/crown.png) 0% 0% scroll no-repeat; font-size: 14px; font-weight: bold; letter-spacing: 1px; text-transform: uppercase; padding: 0px 0px 0px 20px; z-index: 600; }
.header-title:hover { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/crown-silver.png) 0% 0% scroll no-repeat; }

.bodynavblock { text-align: center; margin: 20px 0px; padding: 0px; }
.bodynavblock a { font-size: 10px; letter-spacing: 1px; text-transform: uppercase; margin: 0px 7px 0px 7px; }

.commentHolder, .replyform { background: #FFFFFF; border-right: 50px solid #F2F2F2; margin: 0px 0px 5px 0px; padding: 0px 10px 5px 10px; }
.commentHolder:hover, .replyform:hover { border-right: 50px solid #D7CFE6; }
.commentHeader, .commentHeaderScreened { font-family: Terminal, Monospace; font-size: 13px; text-transform: uppercase; text-align: right; padding: 10px 10px 3px 10px; }
.commentHeader { color: #DEDEDE; }
.commentHeaderScreened { font-style: italic; color: #E8E8E8; }
.commentUserinfo { text-align: left; margin: 0px 20px 5px 10px; padding: 0px; }
.commentUserinfo img { background: #FFFFFF; margin: 0px; }
.commentUserinfo .ljuser a b { width: 96px; background: #F2F2F2; font-size: 10px; color: #000000; letter-spcaing: 1px; text-transform: uppercase; margin: 0px; padding: 2px; display: block; }
.commentText { font-size: 11px; color: #373737; line-height: 1.35em; margin: 0px; padding: 0px; }
.commentLinkbar { font-family: Georgia; font-style: italic; font-size: 10px; color: #59554E; text-align: right; text-transform: lowercase; padding: 0px; }
.commentLinkbar a { color: #59554E; }
.commentLinkbar ul { margin: 0px; padding: 0px; }
.commentLinkbar li { padding: 0px 8px 0px 0px; display: inline; }
#qrform { color: #373737; border: 0px !important; padding: 10px 0px 0px 0px; }
#qrform table { width: 100%; color: #373737; border: 0px !important; }
#qrform table b { color: #373737; }

.yearlinks { text-align: right; }
.yearlink { padding: 0px 5px 0px 5px; }
.month { width: 90%; border-spacing: 5px; margin: 0px auto 0px auto; }
.daysubjects { font-size: 11px; color: #555555; text-align: left; padding: 17px 0px 0px 77px; }
.daysubjects a { font-weight: bold; font-size: 12px; text-transform: uppercase; }
.daysubjects img[src*="icon_protected.gif"], .daysubjects img[src*="icon_groups.gif"], .daysubjects img[src*="icon_private.gif"] { margin: 0px 2px 0px 0px !important; }
.daytitles, .day-blank, .day { text-align: center; background: #F8F8F8; border: 1px solid #DEDEDE; margin-bottom: 0px; padding: 0px; }
.daytitles { font-size: 18px; padding: 6px 3px; }
.day-blank:hover, .day:hover { background: #F2F2F2; }
.day-date { width: 33%; color: #000000; text-align: center; padding: 3px; }
.day-count { float: right; width: 50%; font-size: 20px; text-align: center; }
.day-count a { font-size: 21px; padding: 3px; }

.tagstable { width: 95%; text-transform: uppercase; text-align: center; border-spacing: 5px; }
.tagstable td { background: #F3F3F3; border: 1px solid #EDEDED; padding: 5px 3px 3px 3px; }
.tagstable a, .tagstable a:hover { font-family: Georgia; font-style: italic; color: #000000; text-align: left; text-transform: lowercase; line-height: 12px; }
ul.taglist { padding: 0px; }
ul.taglist li { border-bottom: 1px dotted #DEDEDE; list-style-type: disc; padding: 5px 10px 2px 0px; }
ul.taglist li:hover { border-bottom: 1px solid #DEDEDE; }
ul li { color: #252525; list-style-type: circle; margin: 0px; padding: 0px 0px 0px 5px; }
ol li { color: #252525; list-style-type: decimal; margin: 0px; padding: 0px 0px 0px 5px; }

blockquote { font-family: Verdana; font-size: 11px; color: #444444; border-left: 20px solid #E8EAE9; margin: 10px 25px 10px 25px; padding: 5px 5px 5px 15px; }
input, textarea, select { background: #FFFFFF; font-size: 10px; border: 1px solid #DBDBDB; margin: 1px; padding: 3px; }
textarea { font-family: Arial; text-align: left; }
b, strong { color: #99BDE1; }
i, em { color: #F64589; }

.ljuser a b { color: #F04289; 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; margin: 0px 2px 3px 1px !important; 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"] { width: 0px; height: 0px; margin: 0px 2px 3px 1px !important; 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 !important; padding: 10px 10px 0px 0px !important; }
img[src*="icon_protected.gif"], img[src*="icon_groups.gif"] { background: transparent url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/181.png) !important; }
img[src*="icon_private.gif"] { background: transparent url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/183.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/043.png) no-repeat center left; vertical-align: baseline !important; margin: 0px 0px 0px 0px; }
div.ContextualPopup img[src="http://l-stat.livejournal.com/horizon/upgrade-paid-icon.gif"] { width: 0px; height: 0px; margin: 0px !important; padding: 10px 10px 0px 0px !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 20px; }
div.ContextualPopup div.Userpic img, div.ContextualPopup div.Inner div.Content { border: 1px solid #EEEEEE; padding: 5px; }
div.ContextualPopup .Relation { font-family: Arial; font-weight: bold !important; font-size: 14px !important; color: #3592FC !important; text-transform: lowercase; line-height: 12px; border-bottom: 1px dashed #E1E1E1; 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-family: Georgia; font-weight: normal; font-style: italic; color: #444444 !important; text-decoration: none !important; text-transform: lowercase !important; }
div.ContextualPopup div.Inner div.Content a:hover { color: #99BDE1 !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; }

Sidebar Version
/*

LJ STYLE: Smooth Sailing
LAYOUT: Fly Away (Sidebar Ver)
MAKER: jessilestrange // kill_zombie

PLEASE CREDIT:
http://community.livejournal.com/kill_brainz/
OR
http://jessilestrange.livejournal.com/

*/

body { background: #FFFFFF; font-family: Arial, Verdana; font-size: 10px; color: #000000; text-align: left; margin: 0px; padding: 0px; }
a, a:visited, a:hover { color: #3592FC; text-decoration: none; }
a:hover { cursor: help; }

.pageblock { width: 100%; margin: 0px; padding: 0px 0px 40px 0px; }
.pagefooterblock, .bodyheaderblock, .header-subtitle, .header-icon, #footer-menu, .sidebar .ljuser img, .profile-label, .entryUserinfo .ljuser img[src*="userinfo.gif"], .entryUserinfo .ljuser img[src*="user_ontd.gif"], .entryUserinfo .ljuser img[src="http://www.livejournal.com/stc/img/userinfo-support.gif"], .entryUserinfo .ljuser img[src*="community.gif"], .entryUserinfo .ljuser img[src*="partnercomm.gif"], .entryUserinfo .ljuser img[src*="sponcomm.gif"], .entryUserinfo .ljuser img[src*="syndicated.gif"], .entryUserinfo .ljuser img[src*="userhead"], a[st_page*="home"], .entryLinkbar a[href*="subscriptions"], .entryLinkbar a[href*="tellafriend"], .entryLinkbar a[href*="memadd"], .entryLinkbar a[href*="contentflag"], .entryLinkbar a[href*="edittags"], .commentUserinfo .ljuser img { display: none; }

.bodyblock { width: 900px; margin: 0px auto 0px auto; padding: 0px; }
.sidebar { width: 220px; margin: 45px 20px 0px 0px; padding: 0px; z-index: 500; }
.sidebox { margin: 0px 0px 15px 0px; padding: 0px; }
.sideboxTitle { font-size: 12px; color: #000000; text-align: left; text-transform: uppercase; border-bottom: 1px solid #DEDEDE; margin: 0px 0px 8px 0px; padding: 0px 0px 5px 0px; }
.sideboxContent { font-size: 10px; color: #59554E; text-align: left; padding: 0px 5px 0px 5px; }
.sidebox #profile .ljuser a b { font-size: 11px; text-transform: uppercase; }
.sidebox #profile { font-weight: normal; padding: 0px; }
.profile-content { font-weight: bold; font-size: 10px; margin: 5px 0px 1px 70px; display: block; }
img.profile-userpic { float: left; height: 50px; width: 50px; background: #FFFFFF; border: 10px solid #F04289; margin: 0px 8px 2px 0px; }
.sidebox #systemlinks, .sidebox #tags_sidebox { font-size: 0px; text-align: left; }
.listtitle { font-size: 10px; color: #000000; text-align: left; text-transform: uppercase; margin: 0px 0px 8px 0px; display: block; }
.listitem, .sidebox #tags_sidebox a { margin: 0px 0px 8px 0px; display: block; }
.listitem a, .sidebox #tags_sidebox a, .sidebox #summary a { font-family: Georgia; font-style: italic; font-size: 10px; color: #454545; line-height: 9px; text-transform: lowercase; }
.sidebox #latestmonth { text-transform: uppercase; }
.sidebox #latestmonth a { font-weight: bold; color: #F04289; }
.sidebox #latestmonth table { width: 90%; color: #454545; text-align: center; }
.latestmonth-inactive, .latestmonth-active { border: 0px; margin: 1px; padding: 4px; }
.latestmonth-inactive { background-color: #F4F4F4; }
.latestmonth-active { background-color: #F7F7F7; }
.latestmonth-active:hover { background-color: #FFFFFF; }
.latestmonth-active a { font-style: 10px; font-weight: normal !important; }
.sidebox #summary b { color: #252525; }
.sidebox #summary img[src*="icon_protected.gif"], .sidebox #summary img[src*="icon_groups.gif"], .sidebox #summary img[src*="icon_private.gif"] { margin: 0px 1px 0px 0px !important; }
.sidebox #search { padding: 0px 0px 0px 25px; }
.sidebox #search input, .sidebox #search select { background: #F4F4F4; font-family: Verdana; font-size: 9px; color: #454545; border: 0px; margin: 1px; padding: 2px; }

.entryHolder { background: #FFFFFF; border-right: 136px solid #3592FC; margin: 0px 0px 5px 0px; padding: 0px; }
.entryHeader { font-size: 0px; text-align: left; padding: 30px 10px 0px 0px; }
.entryHeaderDate, .entryHeader a { position: relative; }
.entryHeaderDate { font-family: Terminal, Monospace; font-size: 13px; color: #DEDEDE; text-transform: uppercase; text-align: right; z-index: 0; display: block; }
.entryHeader a { font-size: 19px; font-weight: normal; color: #000000; letter-spacing: -1px; line-height: 10px; z-index: 10; }
.entryHeaderSubject { position: relative; padding: 0px; z-index: 30; }
.entryHeaderTags { background: transparent url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/8-em-plus.png) no-repeat scroll 0 50%; font-size: 0px; color: #F3F3F3; border-top: 1px solid #DEDEDE; border-bottom: 1px solid #DEDEDE; margin: 10px 0px 0px 0px; padding: 7px 0px 5px 13px; display: block; }
.entryHeaderTags a { font-size: 10px !important; color: #252525; text-transform: uppercase; line-height: 11px; letter-spacing: 0px; margin: 0px 7px 0px 0px; padding: 1px 1px 0px 1px; }
.entryUserinfo { position: absolute; float: right; width: 185px; text-align: right; margin: -40px 0px 0px -49px; }
.entryUserinfo-usericon img { background: #FFFFFF; border: 18px solid #252525; margin: 0px 0px 3px 0px; padding: 0px; }
.entryUserinfo-usericon img:hover { border: 18px solid #000000; }
.entryUserinfo .ljuser a b { font-size: 10px; color: #FFFFFF !important; text-transform: uppercase; line-height: 11px; margin: 0px 5px 0px 0px; }
.entryText { min-height: 200px; font-size: 11.5px; color: #353535; text-align: justify; line-height: 1.45em; margin: 5px 20px 5px 0px; }
.entryText img { max-width: 740px; }
.entryText a { font-weight: bold; }
.entryLinkbar { position: absolute; float: right; min-height: 100px; width: 141px; margin: -80px 0px 0px 524px; padding: 0px; }
.entryLinkbar a { font-family: Georgia; font-style: italic; font-size: 10px; color: #FFFFFF; line-height: 8px; text-transform: lowercase; text-align: right; border-top: 5px solid #FFFFFF; margin: 0px 5px 10px 0px; padding: 5px 5px 0px 5px; display: block; }
.entryLinkbar ul { margin: 0px; padding: 0px; }
.entryLinkbar li { float: right; width: 50%; background: transparent; margin: 0px; padding: 0px; list-style-type: none; display: inline; }
.entryMetadata { width: 94%; font-weight: normal; font-size: 10px; color: #333333; text-transform: uppercase; text-align: left; border-top: 1px solid #DEDEDE; border-bottom: 1px solid #DEDEDE; margin: 10px 0px 5px 0px; padding: 3px 10px 3px 13px; }
.entryMetadata-label { font-size: 10px; font-weight: bold; color: #353535; margin: 0px 4px 0px 0px; }
.entryMetadata a { color: #252525; padding: 1px 1px 0px 1px; }
.entryHeaderTags a:hover, .entryMetadata a:hover { background: #F8F8F8; color: #99BDE1; }
.entryMetadata ul { margin: 0px; padding: 0px; }
.entryMetadata li { list-style-type: none; margin: 0px; padding: 0px 0px 2px 0px; display: block; }

.header-menu { position: fixed; bottom: 0px; left: 0px; width: 100%; background: #EDEDED; text-align: right; border-top: 1px solid #DDDDDD; margin: 0x; padding: 10px 0px 10px 0px; z-index: 500; }
.header-menu a { font-size: 10px; color: #000000; letter-spacing: 1px; text-transform: uppercase; line-height: 13px; }
.header-menu ul, .header-menu li { list-style-type: none; margin: 0px; padding: 0px; }
.header-menu li { padding: 0px 15px 0px 10px; display: inline; }
.header-menu li:hover { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/031-1.png) 95% 45% scroll no-repeat; }
.header-title { position: fixed; bottom: 8px; left: 9px; background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/crown.png) 0% 0% scroll no-repeat; font-size: 14px; font-weight: bold; letter-spacing: 1px; text-transform: uppercase; padding: 0px 0px 0px 20px; z-index: 600; }
.header-title:hover { background: url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/crown-silver.png) 0% 0% scroll no-repeat; }

.bodynavblock { text-align: center; margin: 20px 0px; padding: 0px; }
.bodynavblock a { font-size: 10px; letter-spacing: 1px; text-transform: uppercase; margin: 0px 7px 0px 7px; }

.commentHolder, .replyform { background: #FFFFFF; border-right: 50px solid #F2F2F2; margin: 0px 0px 5px 0px; padding: 0px 10px 5px 10px; }
.commentHolder:hover, .replyform:hover { border-right: 50px solid #D7CFE6; }
.commentHeader, .commentHeaderScreened { font-family: Terminal, Monospace; font-size: 13px; text-transform: uppercase; text-align: right; padding: 10px 10px 3px 10px; }
.commentHeader { color: #DEDEDE; }
.commentHeaderScreened { font-style: italic; color: #E8E8E8; }
.commentUserinfo { text-align: left; margin: 0px 20px 5px 10px; padding: 0px; }
.commentUserinfo img { background: #FFFFFF; margin: 0px; }
.commentUserinfo .ljuser a b { width: 96px; background: #F2F2F2; font-size: 10px; color: #000000; letter-spcaing: 1px; text-transform: uppercase; margin: 0px; padding: 2px; display: block; }
.commentText { font-size: 11px; color: #373737; line-height: 1.35em; margin: 0px; padding: 0px; }
.commentLinkbar { font-family: Georgia; font-style: italic; font-size: 10px; color: #59554E; text-align: right; text-transform: lowercase; padding: 0px; }
.commentLinkbar a { color: #59554E; }
.commentLinkbar ul { margin: 0px; padding: 0px; }
.commentLinkbar li { padding: 0px 8px 0px 0px; display: inline; }
#qrform { color: #373737; border: 0px !important; padding: 10px 0px 0px 0px; }
#qrform table { width: 100%; color: #373737; border: 0px !important; }
#qrform table b { color: #373737; }

.yearlinks { text-align: right; }
.yearlink { padding: 0px 5px 0px 5px; }
.month { width: 90%; border-spacing: 5px; margin: 0px auto 0px auto; }
.daysubjects { font-size: 11px; color: #555555; text-align: left; padding: 17px 0px 0px 77px; }
.daysubjects a { font-weight: bold; font-size: 12px; text-transform: uppercase; }
.daysubjects img[src*="icon_protected.gif"], .daysubjects img[src*="icon_groups.gif"], .daysubjects img[src*="icon_private.gif"] { margin: 0px 2px 0px 0px !important; }
.daytitles, .day-blank, .day { text-align: center; background: #F8F8F8; border: 1px solid #DEDEDE; margin-bottom: 0px; padding: 0px; }
.daytitles { font-size: 18px; padding: 6px 3px; }
.day-blank:hover, .day:hover { background: #F2F2F2; }
.day-date { width: 33%; color: #000000; text-align: center; padding: 3px; }
.day-count { float: right; width: 50%; font-size: 20px; text-align: center; }
.day-count a { font-size: 21px; padding: 3px; }

.tagstable { width: 95%; text-transform: uppercase; text-align: center; border-spacing: 5px; }
.tagstable td { background: #F3F3F3; border: 1px solid #EDEDED; padding: 5px 3px 3px 3px; }
.tagstable a, .tagstable a:hover { font-family: Georgia; font-style: italic; color: #000000; text-align: left; text-transform: lowercase; line-height: 12px; }
ul.taglist { padding: 0px; }
ul.taglist li { border-bottom: 1px dotted #DEDEDE; list-style-type: disc; padding: 5px 10px 2px 0px; }
ul.taglist li:hover { border-bottom: 1px solid #DEDEDE; }
ul li { color: #252525; list-style-type: circle; margin: 0px; padding: 0px 0px 0px 5px; }
ol li { color: #252525; list-style-type: decimal; margin: 0px; padding: 0px 0px 0px 5px; }

blockquote { font-family: Verdana; font-size: 11px; color: #444444; border-left: 20px solid #E8EAE9; margin: 10px 25px 10px 25px; padding: 5px 5px 5px 15px; }
input, textarea, select { background: #FFFFFF; font-size: 10px; border: 1px solid #DBDBDB; margin: 1px; padding: 3px; }
textarea { font-family: Arial; text-align: left; }
b, strong { color: #99BDE1; }
i, em { color: #F64589; }

.ljuser a b { color: #F04289; 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; margin: 0px 2px 3px 1px !important; 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"] { width: 0px; height: 0px; margin: 0px 2px 3px 1px !important; 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 !important; padding: 10px 10px 0px 0px !important; }
img[src*="icon_protected.gif"], img[src*="icon_groups.gif"] { background: transparent url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/181.png) !important; }
img[src*="icon_private.gif"] { background: transparent url(http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/183.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/043.png) no-repeat center left; vertical-align: baseline !important; margin: 0px 0px 0px 0px; }
div.ContextualPopup img[src="http://l-stat.livejournal.com/horizon/upgrade-paid-icon.gif"] { width: 0px; height: 0px; margin: 0px !important; padding: 10px 10px 0px 0px !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 20px; }
div.ContextualPopup div.Userpic img, div.ContextualPopup div.Inner div.Content { border: 1px solid #EEEEEE; padding: 5px; }
div.ContextualPopup .Relation { font-family: Arial; font-weight: bold !important; font-size: 14px !important; color: #3592FC !important; text-transform: lowercase; line-height: 12px; border-bottom: 1px dashed #E1E1E1; 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-family: Georgia; font-weight: normal; font-style: italic; color: #444444 !important; text-decoration: none !important; text-transform: lowercase !important; }
div.ContextualPopup div.Inner div.Content a:hover { color: #99BDE1 !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; }
DISPLAY > PRESENTATION Expand BASIC OPTIONS and ADDITIONAL OPTIONS

Userinfo Position in Entries → Right side of the Entry Text
Wrap Entry text under userinfo → No
Userinfo Position in Comments → Left side of the Entry Text
Wrap Comment text under userinfo → No
Entry Tags Position → After Subject Text in Subjectbar
ENTRY TEXT > COMMENTS Due to the limited space of the entry linkbar (where 1 comment // # comments are located), it's advised that you shorten everything down so that it can all fit in. If you don't, it's more likely it'll cause ugly line-breaks and screw the layout over.
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/Groups - Private - Header Tags
Header Menu → Hover effect
Header Title → Gold crown - Silver crown
Comment Pages → Anonymous - Open ID - User - None - Help - Pencil - Edit

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.

% view all layouts, layout: smooth sailing

Previous post Next post
Up