s2 layout: sharp shock to your soft side [smooth sailing]
In news slightly relevent to the layout title, I accidently murdered my macbook ie. the only computer I had regular access to. It may be fixable or I may have to buy a new one but either way it's gonna take a lot of time. So there will be delays.
picture | live
picture | livelayout: sharp shock to your soft side
style: smooth sailing
accounts: Basic, Paid, and Sponsored
features:custom comment pages, mini icons, sidebar/topbar
browsers: IE7, FF, Safari, and Opera
topbar
/*
sharp shock to your soft side
((smooth sailing; milou veronica))
*/
/* TOPBAR HEIGHT */
.bodyblock {padding: 190px 0 0 0}
.sidebar {top:420px;}
/* header image edit */
.pageheaderblock {background: transparent url(http://i39.tinypic.com/2cp6kpe.jpg) repeat; padding:0 0 250px;}
/* layout width */
.pageheaderblock, .bodyblock, .bodyheaderblock {width:70%;min-width:780px;}
/*font edit */
body {font-family: Georgia,Arial, Tahoma, Verdana, sans-serif;font-size: .81em}
/* MAIN */
html body {}
body {margin: 0px 0px 0px 0px; background: #f7f7f7 url() repeat scroll 0 0; color: #444444; padding: 0px;}
.pageblock{ border: 0px #ececec solid; margin: 0 auto; padding: 0;width:100%;top:45px;position:absolute;}
blockquote { padding:10px; margin: 10px; border-left: 10px solid #ececec; background: transparent url() repeat-x scroll 0 100%; color:#666666; }
code {font-family: monospace;display:block; padding:5px; border:1px dashed #eeeeee; font-size: 12px;}
input, textarea { background: #f7f7f7 url() no-repeat scroll 0 0; border: 1px solid #eeeeee; font-family: Georgia, Tahoma, Verdana, sans-serif; font-size: 11px; color: #777777; line-height: 1.5;}
/* HEADER */
.pageheaderblock {margin: 5px auto 0;text-align: right; }
.header-title {text-align: right; color: #dddddd; text-transform: uppercase; font-size: 1.5em; letter-spacing: 0.03em; padding: 20px 6px 0px 20px;background-color:#111111 }
.header-subtitle { text-transform: uppercase; font-size: .7em; letter-spacing: 0.2em; color: #555; padding:0 6px 5px 24px;background-color:#111111 }
.header-icon { top: 0px; right: 0px; position: absolute; z-index: 1; border-left: 0px solid #ffffff; border-bottom: 0px solid #ffffff;}
.header-menu {padding: 10px 0 ;font-size: .95em; text-align:left;text-transform: lowercase;letter-spacing:-.05em;font-style:italic;background-color:#111111;border-top:1px solid #222;border-bottom:10px solid #f7f7f7}
.header-menu a, .header-menu a:visited {white-space: nowrap; text-align: left; padding: 0 2px; margin-right:2px; color: #888888; }
.header-menu li a:hover { }
.header-menu ul, #footer-menu ul { margin: 0px; list-style:none; padding: 0; }
.header-menu li{ display: inline;padding: 10px 8px; border-right:1px solid #222} .header-menu li:hover { color: #fff; background-color:#01A1B9}
.header-menu li:hover a{color:#ffffff;}
/* BODY */
.bodyblock {margin-right:auto; margin-left: auto}
.bodyheaderblock {margin: 0 auto; color: #888888;padding: 0}
.bodynavblock { border: 0px solid #000000; color: #777777; margin: 10px 0px 4px 0px; padding: 8px;}
.bodynavblock a, .bodynavblock a:visited { color: #409CCF; }
.body-title {font-size: 2em; letter-spacing: -0.06em; text-transform: lowercase;padding: 5px;margin:5px 0;color:#409CCF;border-top:10px solid #e7e7e7;border-bottom:10px solid #e7e7e7 }
.body-midtitle { font-size: 15px; text-align: center; padding-left: 8px; }
/*ENTRIES*/
.entryHolder { line-height: 1.75; margin: 5px 2px 35px;clear:both}
.entryUserinfo { text-align: center; margin: 0px 4px 8px 0px; padding-left: 6px; }
.entryUserinfo-usericon img { border: 19px solid #e7e7e7 ; margin: 10px 4px; background-color: #f7f7f7; position:relative;}
.entryText { padding: 15px; min-height: 120px; margin-top: 0px; }
.entryText img { max-width:590px;}
.entryHeader { line-height:1;color: #bbbbbb; text-decoration: none; text-align: left; padding: 5px 0;border-top:10px solid #e7e7e7}
.entryHeader a{ color: #409CCF; }
.entryHeaderSubject {font-size: 2em; letter-spacing: -0.06em; text-transform: lowercase;padding: 10px;vertical-align:middle;color:#f7f7f7;}
.entryHeaderDate { text-transform: uppercase; font-size: 1em; float:right;letter-spacing: -1px;}
.entryMetadata { padding: 8px 10px;color: #777777; font-size: .7em; text-transform:uppercase; margin-top:10px}
.entryMetadata ul { margin: 0px; padding: 0px; }
.entryMetadata li { list-style: none; display: block; padding: 2px 0; }.entryMetadata li img {vertical-align:middle;padding:0 3px}
.entryMetadata-label {font-weight: bold; padding-right: 10px; }
.entryLinkbar {font-size: 0.9em; text-align: right; padding: 5px 0;text-transform:lowercase; background-color:#e7e7e7}
.entryLinkbar ul {margin: 0px; padding: 0px; }
.entryLinkbar li { display: inline; padding: 3px 8px;background-color:#eeeeee;margin:0 1px 0;border-width:0 1px 1px 0;border-style:solid;border-color:#cccccc}
.entryLinkbar li:hover {border-width:1px 0 0 1px}
/*FOOTER*/
#footer-menu { font-size: 10px;}
#footer-menu li {margin-bottom:8px; margin-right: 3px;}
#footer-menu li a {background-color: #eeeeee; padding: 2px 16px; border-width: 0 1px 1px 0;border-style:solid; border-color: #dddddd;color:#666} #footer-menu li a:hover {border-width: 1px 0 0 1px; background-color: #f2f2f2;}
#footer-menu a, .footer-menu a:visited {white-space: nowrap; padding: 6px; text-align: left; }
.pagefooterblock { color: #ffffff; padding: 15px}
.pagefooterblock a, .pagefooterblock a:visited { color: #69D2E7; }
/*SIDEBAR */
.sidebar {position:absolute;float:right;margin: 5px auto;color: #999999;line-height: 1.75; width:70%;min-width:780px;}
.sidebox #profile {text-align: center;float:right;}
img.profile-userpic { padding: px; margin: 3px; width:60px;height:60px;border:14px solid #ececec;}
.sidebox { margin: auto; border: 0px solid #eeeeee; margin: 0 0 6px 0; padding: 0px; font-size: 0.8em; }
.sideboxTitle { display:none;text-transform: uppercase; text-decoration: none; font-size: 1.1em; padding: 0px 8px 4px 0px; color: #111111; text-align: right;letter-spacing:0.1em;}
.sideboxContent { text-align: left; padding: 4px;}
.sidebox #latestmonth { text-align: center; margin-left: auto; margin-right: auto;width:19%;border-top:10px solid #e7e7e7;border-bottom:10px solid #e7e7e7;float:right;}
.sidebox #search { text-align: center;display:none }
.sidebox #summary { text-align: left;display:none }
.sidebox #tags_sidebox { text-align: left;display:none}
.sidebox #freetext {text-align: left; padding: 6px;border-top:10px solid #e7e7e7;border-bottom:10px solid #e7e7e7;width:44%;float:right;position:absolute;top:5px;left:21%;} .sidebox #freetext img {border:none;}
.sidebox #systemlinks {text-align: center;padding: 0px;border-top:10px solid #e7e7e7;border-bottom:10px solid #e7e7e7;width:20%; } ul.sidebox {list-style: none;}
.listitem {padding: 1px 0px 1px 5px; border-bottom: 1px solid #eeeeee; text-align: left; display:block} .listitem:hover {background-color:#fafafa;}
.sidebox #latestmonth table{ text-align: center; padding: 0px; width:100%;margin-left: auto; margin-right: auto;}
.latestmonth-inactive { background-color: #eeeeee;margin:1px; padding: 1px 2px;}
.latestmonth-active {background-color: #e3e3e3; margin:1px; padding: 1px 2px;}
.listtitle {font-weight: bold; color:#222222;}
.profile-label {display:none; } .profile-content {display: none;}
/* COMMENT PAGE */
.commentHolder { border: 0px solid #dddddd; padding: 10px; margin: 5px 0; border-top:10px solid #e7e7e7; }
.commentUserinfo { text-align: center; margin: 0px 8px 8px 0px; }
.commentUserinfo-usericon img { border: 1px solid #dddddd; padding: 12px; background-color:#eeeeee; }
.commentText { padding: 6px; text-align: left; }
.commentHeader { color: #888888; font-weight: bold; text-transform: lowercase; font-size: 1.6em; font-style:italic; letter-sapcing:-.05em; padding: 4px 0px 4px 8px; }
.commentHeader a{ color: #45A8DF; }
.commentHeaderScreened { font-family: ; font-size: 12px; background-color: #ffffff; padding: 4px 0px 4px 8px; }
.commentHeaderSubject { font-weight: bold; }
.commentLinkbar { text-align: right; padding-top: 4px; padding-bottom: 4px; font-size: 7pt; }
.commentLinkbar ul { margin: 0px; padding: 0px; }
.commentLinkbar li { padding: 0px 5px 0px 5px; margin: 0px; display: inline;}
.replyform { padding-left: 10px; margin: auto; padding: 10px; margin: 0;}
#commenttext{ width:100%; }
/*ARCHIVE PAGE*/
.yearlinks{ text-align: right; }
.yearlink{ padding-left:4px; padding-right: 4px; }
.month { text-align: center; width:90%; margin: 10px auto; }
.daysubjects { color: #888888; padding: 8px 8px 8px 8px; }
.daytitles {text-align: center; text-transform: lowercase; text-decoration: bold; border-right: 2px solid #f7f7f7; background-color: #ececec}
.day-blank {}
.day { border: 1px solid #f7f7f7; background-color:#eeeeee;padding:0 5px}
.day-date {text-align: left}
.day-count { line-height:1; font-size: 20px}
.day-count a { text-decoration: none; color: #74A6CF}
/*TAGS PAGE*/
.tagstable, .tagstable td {margin: 1px;}
.tagstable { width: 100%; }
ul.taglist {list-style: outside circle none; color: #aaaaaa;}
.taglist li {border-bottom: 1px dotted #eeeeee; padding: 3px 0px;}
/* MINI ICONS by Pinvoke and FamFamFam */
.sideboxTitle img { vertical-align: middle !Important; }
img[src*="icon_protected.gif"]{ width: 0; height: 0; padding: 16px 16px 0px 0px !important; background-repeat: no-repeat; background: url(http://i40.tinypic.com/2sbss5v.png); background-position: center left; }
img[src*="icon_private.gif"]{ width: 0; background-repeat: no-repeat; height: 0; padding: 16px 16px 0px 0px !important; background: url(http://i41.tinypic.com/2evuot3.png); background-position: center left; }
img[src*="icon_groups.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i40.tinypic.com/6rk7br.png); }
.ljuser img { width: 0; height: 0; background: transparent url(http://i43.tinypic.com/30svdig.png) no-repeat 0 0; padding: 10px 10px 0 2px !important }
.ljuser img[src*="userinfo.gif"] { background: transparent url(http://i43.tinypic.com/30svdig.png) no-repeat 0 0 !important; padding: 10px 10px 0 2px !important; }
HTML BODY img.i-ljuser-userhead {height:7px !important;width:0 !important;padding:8px 12px 0 0 !important}
.ljuser img[src*="community.gif"] {background-color:transparent; background-image: url(http://i42.tinypic.com/34eydsp.png) !important; padding: 10px 10px 0 2px !important; background-position: 0 0; background-repeat: no-repeat;}
img[src*="syndicated.gif"] {background-color:transparent; background-image: url(http://i40.tinypic.com/2mpzuhs.png) !important; padding: 10px 10px 0 2px !important; background-position: 0 0;background-repeat: no-repeat; width: 0px; height: 0px;}
img[src*="newsinfo.gif"] {background: transparent url(http://i40.tinypic.com/5o58i1.png) no-repeat scroll 0 0 !important; padding: 10px 10px 0 2px !important; width: 0px; height: 0px;}
img[src*="partnercomm.gif"] {background-color:transparent; background-image: url(http://i44.tinypic.com/eja8np.png) !important; padding: 10px 10px 0 2px !important; background-position: 0 0; background-repeat: no-repeat; width: 0px; height: 0px;}
img[src*="sponcomm.gif"] {background-color:transparent; background-image: url(http://i39.tinypic.com/a9rbte.png) !important; padding: 10px 10px 0 2px !important; background-position: 0 0; background-repeat: no-repeat; width: 0px; height: 0px;}
img[src*="anonymous.gif"] { height: 0px; width: 0px; padding: 0px 0px 10px 10px !important; background: url(http://i43.tinypic.com/29390tu.png) no-repeat scroll 50% 50%; }
img[src*="openid-profile.gif"] { height: 0px; width: 0px; padding: 0px 0px 10px 10px !important; background: url(http://i39.tinypic.com/20kumg1.png) no-repeat scroll 50% 50%; }
.replyform img[src*="userinfo.gif"] { height: 0px; width: 0px; padding: 0px 0px 10px 10px !important; background: url(http://i44.tinypic.com/2a5lq0y.png) no-repeat scroll 50% 50%;}
img[src*="none.gif"] { height: 0px; width: 0px; padding: 0px 0px 10px 10px !important; background: url(http://i39.tinypic.com/263aas4.png) no-repeat scroll 50% 50%; }
img[src*="help.gif"] { height: 0px; width: 0px; padding: 0px 0px 10px 10px !important; background: url(http://i43.tinypic.com/33p4gso.png) no-repeat scroll 50% 50%; }
img[src*="pencil.gif"] { height: 0px; width: 0px; padding: 0px 0px 10px 10px !important; background: url(http://i43.tinypic.com/2zntuom.png) no-repeat scroll 50% 50%; }
img[src*="btn_edit.gif"] { height: 0px; width: 0px; padding: 0px 0px 10px 10px !important; background: url(http://i40.tinypic.com/3340ps4.png) no-repeat scroll 50% 50%; }
/* contexual pop-up */
div.ContextualPopup {position: relative; margin: 10px 0 0 30px; text-align: left; font: normal 9px "Tahoma" !important; }
div.ContextualPopup div.Inner { color: #999999 !important;border: 0px solid #eeeeee; background-color: transparent !important; padding: 0px; width: 310px;}
div.ContextualPopup .Userpic { padding: 10px; margin-left: 14px; margin-top: 0px; margin-bottom: 0px; border: 1px solid #dddddd; background-color:#ffffff; }
div.ContextualPopup .Content { padding: 5px 10px 10px; margin-right: 74px; border: 1px solid #dddddd; background-color: #ffffff !important; }
div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited { text-decoration: none !important; font-weight: bold; color: #999999 !important;}
div.ContextualPopup .Relation { font-family: Arial; font-size: 1.4em; font-weight: normal; letter-spacing:-0.1em; text-transform: lowercase;}
div.ljcmtmanage {border: 1px solid #f2f2f2; background-color: #ffffff; color: #666666;}
/* the rest */
#lj_controlstrip {}
table#lj_controlstrip td {background-color: #ececec; background-image: url(); color: #aaaaaa;border: solid 1px #e6e6e6; border-left: none; }
#lj_controlstrip a { color: #999999; } #lj_controlstrip_statustext { color: #666666; }
form#qrform table {border-width: 0px !important; background-color: #; padding-right: 6px;}
a, a:visited , .bodynavblock a, .bodynavblock a:visited, #footer-menu a, .footer-menu a:visited, .day-count a, .entryHeader a, .entryLinkbar a:hover, div.ContextualPopup .Relation {color: #838546;text-decoration: none}
a:hover, .ljuser a b:hover, .entryLinkbar a {color: #CE252C}
b,u {color:#444444;} .ljuser a b {color:#E8AEBA; font-weight:normal;letter-spacing: -0.02em;} s,i {color:#aaaaaa;} q { padding: 5px; font-style: italic; color: #999999; display:block; border: 0px solid #f1f1f1;}
.sidebar a {color: #111111}
.entryHeader a, .entryHeader a:hover, .entryHeader a:visited, .entryHeader a:link { color:#009FBC}
.entryHeader .entryHeaderTags a {color:#999999;font-size:.8em;word-spacing:.1em} .entryHeader .entryHeaderTags {word-spacing:.6em}
sidebar
/*
sharp shock to your soft side
((smooth sailing; milou veronica))
*/
/* header image edit */
.pageheaderblock {background: transparent url(http://i44.tinypic.com/9k32tz.jpg) repeat; padding:0 0 250px}
/* layout width */
.pageblock{width:780px}
/*font edit */
body {font-family: Georgia,Arial, Tahoma, Verdana, sans-serif;font-size: .81em}
/* MAIN */
body {margin: 0px 0px 0px 0px; background: #f7f7f7 url() repeat scroll 0 0; color: #444444;padding: 0px;}
a img {border:none;}
.pageblock{margin: 0 auto; padding: 0 3px}
blockquote { padding:10px; margin: 10px; border-left: 10px solid #ececec; background: transparent url() repeat-x scroll 0 100%; color:#666666; }
code {font-family: monospace;display:block; padding:5px; border:1px dashed #eeeeee; font-size: 12px;}
input, textarea { background-color: #fcfcfc; border: 1px solid #eeeeee; font-family: Georgia, Tahoma, Verdana, sans-serif; font-size: 13px; color: #444444; line-height: 1.5;}
/* HEADER */
.pageheaderblock {margin: 5px 2px 0;text-align: right}
.header-title {text-align: right; color: #dddddd; text-transform: uppercase; font-size: 1.5em; letter-spacing: 0.03em; padding: 20px 6px 0px 20px;background-color:#111111 }
.header-subtitle { text-transform: uppercase; font-size: .7em; letter-spacing: 0.2em; color: #555; padding:0 6px 5px 24px;background-color:#111111 }
.header-icon { top: 0px; right: 0px; position: absolute; z-index: 1; border-left: 0px solid #ffffff; border-bottom: 0px solid #ffffff;}
.header-menu {padding: 10px 0 ;font-size: .95em; text-align:left;text-transform: lowercase;letter-spacing:-.05em;font-style:italic;background-color:#111111;border-top:1px solid #222;border-bottom:10px solid #f7f7f7}
.header-menu a, .header-menu a:visited {white-space: nowrap; text-align: left; padding: 0 2px; margin-right:2px; color: #888888; }
.header-menu li a:hover { }
.header-menu ul, #footer-menu ul { margin: 0px; list-style:none; padding: 0; }
.header-menu li{ display: inline;padding: 10px 8px; border-right:1px solid #222222}
.header-menu li:hover { color: #ffffff;background-color:#01A1B9}
.header-menu li:hover a{color:#ffffff}
/* BODY */
.bodyblock {padding:0;margin-right:auto; margin-left: 0}
.bodyheaderblock { border: 0px; color: #888888;padding: 0}
.bodynavblock { border: 0px solid #000000; color: #777777; margin: 10px 0px 4px 0px; padding: 8px;}
.bodynavblock a, .bodynavblock a:visited { color: #409CCF; }
.body-title {font-size: 2em; letter-spacing: -0.06em; text-transform: lowercase;padding: 5px;margin:5px 0;color:#409CCF;border-top:10px solid #e7e7e7;border-bottom:10px solid #e7e7e7 }
.body-midtitle { font-size: 15px; text-align: center; padding-left: 8px; }
/*ENTRIES*/
.entryHolder { line-height: 1.75; margin: 5px 2px 35px;clear:both}
.entryUserinfo { text-align: center; margin: 0px 4px 8px 0px; padding-left: 6px; }
.entryUserinfo-usericon img { border: 19px solid #e7e7e7 ; margin: 10px 4px; background-color: #f7f7f7; position:relative;}
.entryText { padding: 15px; min-height: 120px; }
.entryText img { max-width:590px;}
.entryHeader { line-height:1;color: #bbbbbb; text-decoration: none; text-align: left; padding: 5px 0;border-top:10px solid #e7e7e7}
.entryHeader a{ color: #409CCF; }
.entryHeaderSubject {font-size: 2em; letter-spacing: -0.06em; text-transform: lowercase;padding: 10px;vertical-align:middle;color:#f7f7f7;}
.entryHeaderDate { text-transform: uppercase; font-size: 1em; float:right;letter-spacing: -1px;}
.entryMetadata { padding: 8px 10px;color: #777777; font-size: .7em; text-transform:uppercase; margin-top:10px}
.entryMetadata ul { margin: 0px; padding: 0px; }
.entryMetadata li { list-style: none; display: block; padding: 2px 0; }.entryMetadata li img {vertical-align:middle;padding:0 3px}
.entryMetadata-label {font-weight: bold; padding-right: 10px; }
.entryLinkbar {font-size: 0.9em; text-align: right; padding: 5px 0;text-transform:lowercase; background-color:#e7e7e7}
.entryLinkbar ul {margin: 0px; padding: 0px; }
.entryLinkbar li { display: inline; padding: 3px 8px;background-color:#eeeeee;margin:0 1px 0;border-width:0 1px 1px 0;border-style:solid;border-color:#cccccc}
.entryLinkbar li:hover {border-width:1px 0 0 1px}
/*FOOTER*/
#footer-menu { font-size: 10px;}
#footer-menu li {margin-bottom:8px; margin-right: 3px;}
#footer-menu li a {background-color: #eeeeee; padding: 2px 16px; border-width: 0 1px 1px 0;border-style:solid; border-color: #dddddd;color:#666} #footer-menu li a:hover {border-width: 1px 0 0 1px; background-color: #f2f2f2;}
#footer-menu a, .footer-menu a:visited {white-space: nowrap; padding: 6px; text-align: left; }
.pagefooterblock { color: #ffffff; padding: 15px}
.pagefooterblock a, .pagefooterblock a:visited { color: #69D2E7; }
/*SIDEBAR */
.sidebar {margin: 5px 15px 0 0;color: #999999; line-height: 1.75;width:160px;}
.sidebox #profile {text-align: center;}
img.profile-userpic { padding: px; margin: 3px; width:60px;height:60px;border:14px solid #ececec;}
.sidebox { margin: auto; border: 0px solid #eeeeee; margin: 0 0 6px 0; padding: 0px; font-size: 0.8em; }
.sideboxTitle {border-top:10px solid #e7e7e7;text-transform: uppercase; text-decoration: none; font-size: 1.1em; padding: 0px 8px 4px 0px; color: #111111; text-align: right;letter-spacing:0.1em;}
.sideboxContent { text-align: left; padding: 4px;}
.sidebox #latestmonth { text-align: center; margin-left: auto; margin-right: auto;}
.sidebox #search { text-align: center; }
.sidebox #summary { text-align: left; }
.sidebox #tags_sidebox { text-align: left;}
.sidebox #freetext {text-align: left; padding: 6px;} .sidebox #freetext img {border:none;}
.sidebox #systemlinks {text-align: center;padding: 0px;} ul.sidebox {list-style: none;}
.listitem {padding: 1px 0px 1px 5px; border-bottom: 1px solid #eeeeee; text-align: left; display:block} .listitem:hover {background-color:#fafafa;}
.sidebox #latestmonth table{ text-align: center; padding: 0px; width:100%;margin-left: auto; margin-right: auto;}
.latestmonth-inactive { background-color: #eeeeee;margin:1px; padding: 1px 3px;}
.latestmonth-active {background-color: #e3e3e3; margin:1px; padding: 1px 3px;}
.listtitle {font-weight: bold; color:#222222;}
.profile-label {} .profile-content {}
/* COMMENT PAGE */
.commentHolder { border: 0px solid #dddddd; padding: 10px; margin: 5px 0; border-top:10px solid #e7e7e7; }
.commentUserinfo { text-align: center; margin: 0px 8px 8px 0px; }
.commentUserinfo-usericon img { border: 1px solid #dddddd; padding: 12px; background-color:#eeeeee; }
.commentText { padding: 6px; text-align: left; }
.commentHeader { color: #888888; font-weight: bold; text-transform: lowercase; font-size: 1.6em; font-style:italic; letter-sapcing:-.05em; padding: 4px 0px 4px 8px; }
.commentHeader a{ color: #45A8DF; }
.commentHeaderScreened { font-family: ; font-size: 12px; background-color: #ffffff; padding: 4px 0px 4px 8px; }
.commentHeaderSubject { font-weight: bold; }
.commentLinkbar { text-align: right; padding-top: 4px; padding-bottom: 4px; font-size: 7pt; }
.commentLinkbar ul { margin: 0px; padding: 0px; }
.commentLinkbar li { padding: 0px 5px 0px 5px; margin: 0px; display: inline;}
.replyform { padding-left: 10px; margin: auto; padding: 10px; margin: 0;}
#commenttext{ width:100%; }
/*ARCHIVE PAGE*/
.yearlinks{ text-align: right; }
.yearlink{ padding-left:4px; padding-right: 4px; }
.month { text-align: center; width:90%; margin: 10px auto; }
.daysubjects { color: #888888; padding: 8px 8px 8px 8px; }
.daytitles {text-align: center; text-transform: lowercase; text-decoration: bold; border-right: 2px solid #f7f7f7; background-color: #ececec}
.day-blank {}
.day { border: 1px solid #f7f7f7; background-color:#eeeeee;padding:0 5px}
.day-date {text-align: left}
.day-count { line-height:1; font-size: 20px}
.day-count a { text-decoration: none; color: #74A6CF}
/*TAGS PAGE*/
.tagstable, .tagstable td {margin: 1px;}
.tagstable { width: 100%; }
ul.taglist {list-style: outside circle none; color: #aaaaaa;}
.taglist li {border-bottom: 1px dotted #eeeeee; padding: 3px 0px;}
/* MINI ICONS by Pinvoke and FamFamFam */
.sideboxTitle img { vertical-align: middle !Important; }
img[src*="icon_protected.gif"]{ width: 0; height: 0; padding: 16px 16px 0px 0px !important; background-repeat: no-repeat; background: url(http://i40.tinypic.com/2sbss5v.png); background-position: center left; }
img[src*="icon_private.gif"]{ width: 0; background-repeat: no-repeat; height: 0; padding: 16px 16px 0px 0px !important; background: url(http://i41.tinypic.com/2evuot3.png); background-position: center left; }
img[src*="icon_groups.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i40.tinypic.com/6rk7br.png); }
.ljuser img { width: 0; height: 0; background: transparent url(http://i43.tinypic.com/30svdig.png) no-repeat 0 0; padding: 10px 10px 0 2px !important }
.ljuser img[src*="userinfo.gif"] { background: transparent url(http://i43.tinypic.com/30svdig.png) no-repeat 0 0 !important; padding: 10px 10px 0 2px !important; }
HTML BODY img.i-ljuser-userhead {height:7px !important;width:0 !important;padding:8px 12px 0 0 !important}
.ljuser img[src*="community.gif"] {background-color:transparent; background-image: url(http://i42.tinypic.com/34eydsp.png) !important; padding: 10px 10px 0 2px !important; background-position: 0 0; background-repeat: no-repeat;}
img[src*="syndicated.gif"] {background-color:transparent; background-image: url(http://i40.tinypic.com/2mpzuhs.png) !important; padding: 10px 10px 0 2px !important; background-position: 0 0;background-repeat: no-repeat; width: 0px; height: 0px;}
img[src*="newsinfo.gif"] {background: transparent url(http://i40.tinypic.com/5o58i1.png) no-repeat scroll 0 0 !important; padding: 10px 10px 0 2px !important; width: 0px; height: 0px;}
img[src*="partnercomm.gif"] {background-color:transparent; background-image: url(http://i44.tinypic.com/eja8np.png) !important; padding: 10px 10px 0 2px !important; background-position: 0 0; background-repeat: no-repeat; width: 0px; height: 0px;}
img[src*="sponcomm.gif"] {background-color:transparent; background-image: url(http://i39.tinypic.com/a9rbte.png) !important; padding: 10px 10px 0 2px !important; background-position: 0 0; background-repeat: no-repeat; width: 0px; height: 0px;}
img[src*="anonymous.gif"] { height: 0px; width: 0px; padding: 0px 0px 10px 10px !important; background: url(http://i43.tinypic.com/29390tu.png) no-repeat scroll 50% 50%; }
img[src*="openid-profile.gif"] { height: 0px; width: 0px; padding: 0px 0px 10px 10px !important; background: url(http://i39.tinypic.com/20kumg1.png) no-repeat scroll 50% 50%; }
.replyform img[src*="userinfo.gif"] { height: 0px; width: 0px; padding: 0px 0px 10px 10px !important; background: url(http://i44.tinypic.com/2a5lq0y.png) no-repeat scroll 50% 50%;}
img[src*="none.gif"] { height: 0px; width: 0px; padding: 0px 0px 10px 10px !important; background: url(http://i39.tinypic.com/263aas4.png) no-repeat scroll 50% 50%; }
img[src*="help.gif"] { height: 0px; width: 0px; padding: 0px 0px 10px 10px !important; background: url(http://i43.tinypic.com/33p4gso.png) no-repeat scroll 50% 50%; }
img[src*="pencil.gif"] { height: 0px; width: 0px; padding: 0px 0px 10px 10px !important; background: url(http://i43.tinypic.com/2zntuom.png) no-repeat scroll 50% 50%; }
img[src*="btn_edit.gif"] { height: 0px; width: 0px; padding: 0px 0px 10px 10px !important; background: url(http://i40.tinypic.com/3340ps4.png) no-repeat scroll 50% 50%; }
/* contexual pop-up */
div.ContextualPopup {position: relative; margin: 10px 0 0 30px; text-align: left; font: normal 9px "Tahoma" !important; }
div.ContextualPopup div.Inner { color: #999999 !important;border: 0px solid #eeeeee; background-color: transparent !important; padding: 0px; width: 310px;}
div.ContextualPopup .Userpic { padding: 10px; margin-left: 14px; margin-top: 0px; margin-bottom: 0px; border: 1px solid #e5e5e5; background-color:#eeeeee; }
div.ContextualPopup .Userpic img{border:1px solid #dddddd}
div.ContextualPopup .Content { padding: 5px 10px 10px; margin-right: 76px; border: 1px solid #e5e5e5; background-color: #f4f4f4 !important; }
div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited { text-decoration: none !important; font-weight: bold; color: #999999 !important;}
div.ContextualPopup .Relation { font-family: Georgia; font-size: 1.7em; font-weight: normal; letter-spacing:-0.05em; font-style:italic;text-transform: lowercase;border-bottom:1px solid #eeeeee}
div.ljcmtmanage {border: 1px solid #e6e6e6; background-color: #eeeeee; padding:5px;color: #666666;}
/* the rest */
#lj_controlstrip {}
table#lj_controlstrip td {background-color: #ececec; background-image: url(); color: #aaaaaa;border: solid 1px #e6e6e6; border-left: none; }
#lj_controlstrip a { color: #999999; } #lj_controlstrip_statustext { color: #666666; }
form#qrform table {border-width: 0px !important; padding-right: 6px;}
a, a:visited , .bodynavblock a, .bodynavblock a:visited, #footer-menu a, .footer-menu a:visited, .day-count a, .entryHeader a, .entryLinkbar a:hover, div.ContextualPopup .Relation {color: #85D1E4;text-decoration:none}
a:hover, .ljuser a b:hover, .entryLinkbar a {color: #65C6DD;}
b,u {color:#444444;} .ljuser a b {color:#85D1E4; font-weight:normal;letter-spacing: -0.02em;} s,i {color:#aaaaaa;} q { padding: 5px; font-style: italic; color: #999999; display:block; border: 0px solid #f1f1f1;}
.sidebar a {color: #111;}
.entryHeader a, .entryHeader a:hover, .entryHeader a:visited, .entryHeader a:link { color:#009FBC; }
.entryHeader .entryHeaderTags a {color:#999999;font-size:.8em;word-spacing:.1em} .entryHeader .entryHeaderTags {word-spacing:.6em}
installation
01.
Choose Journal Style
02.
Select a Smooth Sailing layout in "Select a New Theme"
03.
In Choose a Page Setup, set your add settings to Horizontal or Between Entries, then select 2 Column (sidebar on left) if using the topbar layout, and either one for the sidebar.
04.
Go to " Display ".Under in Basic Options, set "Userinfo Position in Entries" to Right side of the entry text. Then click on the Additional Options. Set "Wrap Entry text under userinfo" to Yes. (*optional)
05.
Then go to the "Sidebar " section. To add your free text, click on Free Text Sidebox and put your text in one of the boxes. Make sure that the box position is unique.
06.
Still in "Customise your Theme", go to "Custom CSS ". Ensure Use layout's stylesheet(s) is set to no
07.
Paste code into the Custom Stylesheet box.
notes:Q&A
♚ mini icons by Pinvoke.
♔ makers of backgrounds from naked and angry
♚ Please address all problems to the F.A.Q.
editing
♚ Feel free to edit anything you want (as always)
♔ The options to edit the WIDTH of the layout, the BANNER image, the FONT size, and for the height of the topbar (if you are experiencing overflow) are all positioned at the top of the code for easy editing.
♔ You can find a basic introduction to lj CSS here .
picture | live
picture | livelayout: sharp shock to your soft side
style: smooth sailing
accounts: Basic, Paid, and Sponsored
features:custom comment pages, mini icons, sidebar/topbar
browsers: IE7, FF, Safari, and Opera
topbar
/*
sharp shock to your soft side
((smooth sailing; milou veronica))
*/
/* TOPBAR HEIGHT */
.bodyblock {padding: 190px 0 0 0}
.sidebar {top:420px;}
/* header image edit */
.pageheaderblock {background: transparent url(http://i39.tinypic.com/2cp6kpe.jpg) repeat; padding:0 0 250px;}
/* layout width */
.pageheaderblock, .bodyblock, .bodyheaderblock {width:70%;min-width:780px;}
/*font edit */
body {font-family: Georgia,Arial, Tahoma, Verdana, sans-serif;font-size: .81em}
/* MAIN */
html body {}
body {margin: 0px 0px 0px 0px; background: #f7f7f7 url() repeat scroll 0 0; color: #444444; padding: 0px;}
.pageblock{ border: 0px #ececec solid; margin: 0 auto; padding: 0;width:100%;top:45px;position:absolute;}
blockquote { padding:10px; margin: 10px; border-left: 10px solid #ececec; background: transparent url() repeat-x scroll 0 100%; color:#666666; }
code {font-family: monospace;display:block; padding:5px; border:1px dashed #eeeeee; font-size: 12px;}
input, textarea { background: #f7f7f7 url() no-repeat scroll 0 0; border: 1px solid #eeeeee; font-family: Georgia, Tahoma, Verdana, sans-serif; font-size: 11px; color: #777777; line-height: 1.5;}
/* HEADER */
.pageheaderblock {margin: 5px auto 0;text-align: right; }
.header-title {text-align: right; color: #dddddd; text-transform: uppercase; font-size: 1.5em; letter-spacing: 0.03em; padding: 20px 6px 0px 20px;background-color:#111111 }
.header-subtitle { text-transform: uppercase; font-size: .7em; letter-spacing: 0.2em; color: #555; padding:0 6px 5px 24px;background-color:#111111 }
.header-icon { top: 0px; right: 0px; position: absolute; z-index: 1; border-left: 0px solid #ffffff; border-bottom: 0px solid #ffffff;}
.header-menu {padding: 10px 0 ;font-size: .95em; text-align:left;text-transform: lowercase;letter-spacing:-.05em;font-style:italic;background-color:#111111;border-top:1px solid #222;border-bottom:10px solid #f7f7f7}
.header-menu a, .header-menu a:visited {white-space: nowrap; text-align: left; padding: 0 2px; margin-right:2px; color: #888888; }
.header-menu li a:hover { }
.header-menu ul, #footer-menu ul { margin: 0px; list-style:none; padding: 0; }
.header-menu li{ display: inline;padding: 10px 8px; border-right:1px solid #222} .header-menu li:hover { color: #fff; background-color:#01A1B9}
.header-menu li:hover a{color:#ffffff;}
/* BODY */
.bodyblock {margin-right:auto; margin-left: auto}
.bodyheaderblock {margin: 0 auto; color: #888888;padding: 0}
.bodynavblock { border: 0px solid #000000; color: #777777; margin: 10px 0px 4px 0px; padding: 8px;}
.bodynavblock a, .bodynavblock a:visited { color: #409CCF; }
.body-title {font-size: 2em; letter-spacing: -0.06em; text-transform: lowercase;padding: 5px;margin:5px 0;color:#409CCF;border-top:10px solid #e7e7e7;border-bottom:10px solid #e7e7e7 }
.body-midtitle { font-size: 15px; text-align: center; padding-left: 8px; }
/*ENTRIES*/
.entryHolder { line-height: 1.75; margin: 5px 2px 35px;clear:both}
.entryUserinfo { text-align: center; margin: 0px 4px 8px 0px; padding-left: 6px; }
.entryUserinfo-usericon img { border: 19px solid #e7e7e7 ; margin: 10px 4px; background-color: #f7f7f7; position:relative;}
.entryText { padding: 15px; min-height: 120px; margin-top: 0px; }
.entryText img { max-width:590px;}
.entryHeader { line-height:1;color: #bbbbbb; text-decoration: none; text-align: left; padding: 5px 0;border-top:10px solid #e7e7e7}
.entryHeader a{ color: #409CCF; }
.entryHeaderSubject {font-size: 2em; letter-spacing: -0.06em; text-transform: lowercase;padding: 10px;vertical-align:middle;color:#f7f7f7;}
.entryHeaderDate { text-transform: uppercase; font-size: 1em; float:right;letter-spacing: -1px;}
.entryMetadata { padding: 8px 10px;color: #777777; font-size: .7em; text-transform:uppercase; margin-top:10px}
.entryMetadata ul { margin: 0px; padding: 0px; }
.entryMetadata li { list-style: none; display: block; padding: 2px 0; }.entryMetadata li img {vertical-align:middle;padding:0 3px}
.entryMetadata-label {font-weight: bold; padding-right: 10px; }
.entryLinkbar {font-size: 0.9em; text-align: right; padding: 5px 0;text-transform:lowercase; background-color:#e7e7e7}
.entryLinkbar ul {margin: 0px; padding: 0px; }
.entryLinkbar li { display: inline; padding: 3px 8px;background-color:#eeeeee;margin:0 1px 0;border-width:0 1px 1px 0;border-style:solid;border-color:#cccccc}
.entryLinkbar li:hover {border-width:1px 0 0 1px}
/*FOOTER*/
#footer-menu { font-size: 10px;}
#footer-menu li {margin-bottom:8px; margin-right: 3px;}
#footer-menu li a {background-color: #eeeeee; padding: 2px 16px; border-width: 0 1px 1px 0;border-style:solid; border-color: #dddddd;color:#666} #footer-menu li a:hover {border-width: 1px 0 0 1px; background-color: #f2f2f2;}
#footer-menu a, .footer-menu a:visited {white-space: nowrap; padding: 6px; text-align: left; }
.pagefooterblock { color: #ffffff; padding: 15px}
.pagefooterblock a, .pagefooterblock a:visited { color: #69D2E7; }
/*SIDEBAR */
.sidebar {position:absolute;float:right;margin: 5px auto;color: #999999;line-height: 1.75; width:70%;min-width:780px;}
.sidebox #profile {text-align: center;float:right;}
img.profile-userpic { padding: px; margin: 3px; width:60px;height:60px;border:14px solid #ececec;}
.sidebox { margin: auto; border: 0px solid #eeeeee; margin: 0 0 6px 0; padding: 0px; font-size: 0.8em; }
.sideboxTitle { display:none;text-transform: uppercase; text-decoration: none; font-size: 1.1em; padding: 0px 8px 4px 0px; color: #111111; text-align: right;letter-spacing:0.1em;}
.sideboxContent { text-align: left; padding: 4px;}
.sidebox #latestmonth { text-align: center; margin-left: auto; margin-right: auto;width:19%;border-top:10px solid #e7e7e7;border-bottom:10px solid #e7e7e7;float:right;}
.sidebox #search { text-align: center;display:none }
.sidebox #summary { text-align: left;display:none }
.sidebox #tags_sidebox { text-align: left;display:none}
.sidebox #freetext {text-align: left; padding: 6px;border-top:10px solid #e7e7e7;border-bottom:10px solid #e7e7e7;width:44%;float:right;position:absolute;top:5px;left:21%;} .sidebox #freetext img {border:none;}
.sidebox #systemlinks {text-align: center;padding: 0px;border-top:10px solid #e7e7e7;border-bottom:10px solid #e7e7e7;width:20%; } ul.sidebox {list-style: none;}
.listitem {padding: 1px 0px 1px 5px; border-bottom: 1px solid #eeeeee; text-align: left; display:block} .listitem:hover {background-color:#fafafa;}
.sidebox #latestmonth table{ text-align: center; padding: 0px; width:100%;margin-left: auto; margin-right: auto;}
.latestmonth-inactive { background-color: #eeeeee;margin:1px; padding: 1px 2px;}
.latestmonth-active {background-color: #e3e3e3; margin:1px; padding: 1px 2px;}
.listtitle {font-weight: bold; color:#222222;}
.profile-label {display:none; } .profile-content {display: none;}
/* COMMENT PAGE */
.commentHolder { border: 0px solid #dddddd; padding: 10px; margin: 5px 0; border-top:10px solid #e7e7e7; }
.commentUserinfo { text-align: center; margin: 0px 8px 8px 0px; }
.commentUserinfo-usericon img { border: 1px solid #dddddd; padding: 12px; background-color:#eeeeee; }
.commentText { padding: 6px; text-align: left; }
.commentHeader { color: #888888; font-weight: bold; text-transform: lowercase; font-size: 1.6em; font-style:italic; letter-sapcing:-.05em; padding: 4px 0px 4px 8px; }
.commentHeader a{ color: #45A8DF; }
.commentHeaderScreened { font-family: ; font-size: 12px; background-color: #ffffff; padding: 4px 0px 4px 8px; }
.commentHeaderSubject { font-weight: bold; }
.commentLinkbar { text-align: right; padding-top: 4px; padding-bottom: 4px; font-size: 7pt; }
.commentLinkbar ul { margin: 0px; padding: 0px; }
.commentLinkbar li { padding: 0px 5px 0px 5px; margin: 0px; display: inline;}
.replyform { padding-left: 10px; margin: auto; padding: 10px; margin: 0;}
#commenttext{ width:100%; }
/*ARCHIVE PAGE*/
.yearlinks{ text-align: right; }
.yearlink{ padding-left:4px; padding-right: 4px; }
.month { text-align: center; width:90%; margin: 10px auto; }
.daysubjects { color: #888888; padding: 8px 8px 8px 8px; }
.daytitles {text-align: center; text-transform: lowercase; text-decoration: bold; border-right: 2px solid #f7f7f7; background-color: #ececec}
.day-blank {}
.day { border: 1px solid #f7f7f7; background-color:#eeeeee;padding:0 5px}
.day-date {text-align: left}
.day-count { line-height:1; font-size: 20px}
.day-count a { text-decoration: none; color: #74A6CF}
/*TAGS PAGE*/
.tagstable, .tagstable td {margin: 1px;}
.tagstable { width: 100%; }
ul.taglist {list-style: outside circle none; color: #aaaaaa;}
.taglist li {border-bottom: 1px dotted #eeeeee; padding: 3px 0px;}
/* MINI ICONS by Pinvoke and FamFamFam */
.sideboxTitle img { vertical-align: middle !Important; }
img[src*="icon_protected.gif"]{ width: 0; height: 0; padding: 16px 16px 0px 0px !important; background-repeat: no-repeat; background: url(http://i40.tinypic.com/2sbss5v.png); background-position: center left; }
;){kind=link}
img[src*="icon_private.gif"]{ width: 0; background-repeat: no-repeat; height: 0; padding: 16px 16px 0px 0px !important; background: url(http://i41.tinypic.com/2evuot3.png); background-position: center left; }
;){kind=link}
img[src*="icon_groups.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i40.tinypic.com/6rk7br.png); }
;){kind=link}
.ljuser img { width: 0; height: 0; background: transparent url(http://i43.tinypic.com/30svdig.png) no-repeat 0 0; padding: 10px 10px 0 2px !important }
.ljuser img[src*="userinfo.gif"] { background: transparent url(http://i43.tinypic.com/30svdig.png) no-repeat 0 0 !important; padding: 10px 10px 0 2px !important; }
HTML BODY img.i-ljuser-userhead {height:7px !important;width:0 !important;padding:8px 12px 0 0 !important}
.ljuser img[src*="community.gif"] {background-color:transparent; background-image: url(http://i42.tinypic.com/34eydsp.png) !important; padding: 10px 10px 0 2px !important; background-position: 0 0; background-repeat: no-repeat;}
img[src*="syndicated.gif"] {background-color:transparent; background-image: url(http://i40.tinypic.com/2mpzuhs.png) !important; padding: 10px 10px 0 2px !important; background-position: 0 0;background-repeat: no-repeat; width: 0px; height: 0px;}
img[src*="newsinfo.gif"] {background: transparent url(http://i40.tinypic.com/5o58i1.png) no-repeat scroll 0 0 !important; padding: 10px 10px 0 2px !important; width: 0px; height: 0px;}
img[src*="partnercomm.gif"] {background-color:transparent; background-image: url(http://i44.tinypic.com/eja8np.png) !important; padding: 10px 10px 0 2px !important; background-position: 0 0; background-repeat: no-repeat; width: 0px; height: 0px;}
img[src*="sponcomm.gif"] {background-color:transparent; background-image: url(http://i39.tinypic.com/a9rbte.png) !important; padding: 10px 10px 0 2px !important; background-position: 0 0; background-repeat: no-repeat; width: 0px; height: 0px;}
img[src*="anonymous.gif"] { height: 0px; width: 0px; padding: 0px 0px 10px 10px !important; background: url(http://i43.tinypic.com/29390tu.png) no-repeat scroll 50% 50%; }
img[src*="openid-profile.gif"] { height: 0px; width: 0px; padding: 0px 0px 10px 10px !important; background: url(http://i39.tinypic.com/20kumg1.png) no-repeat scroll 50% 50%; }
.replyform img[src*="userinfo.gif"] { height: 0px; width: 0px; padding: 0px 0px 10px 10px !important; background: url(http://i44.tinypic.com/2a5lq0y.png) no-repeat scroll 50% 50%;}
img[src*="none.gif"] { height: 0px; width: 0px; padding: 0px 0px 10px 10px !important; background: url(http://i39.tinypic.com/263aas4.png) no-repeat scroll 50% 50%; }
img[src*="help.gif"] { height: 0px; width: 0px; padding: 0px 0px 10px 10px !important; background: url(http://i43.tinypic.com/33p4gso.png) no-repeat scroll 50% 50%; }
img[src*="pencil.gif"] { height: 0px; width: 0px; padding: 0px 0px 10px 10px !important; background: url(http://i43.tinypic.com/2zntuom.png) no-repeat scroll 50% 50%; }
img[src*="btn_edit.gif"] { height: 0px; width: 0px; padding: 0px 0px 10px 10px !important; background: url(http://i40.tinypic.com/3340ps4.png) no-repeat scroll 50% 50%; }
/* contexual pop-up */
div.ContextualPopup {position: relative; margin: 10px 0 0 30px; text-align: left; font: normal 9px "Tahoma" !important; }
div.ContextualPopup div.Inner { color: #999999 !important;border: 0px solid #eeeeee; background-color: transparent !important; padding: 0px; width: 310px;}
div.ContextualPopup .Userpic { padding: 10px; margin-left: 14px; margin-top: 0px; margin-bottom: 0px; border: 1px solid #dddddd; background-color:#ffffff; }
div.ContextualPopup .Content { padding: 5px 10px 10px; margin-right: 74px; border: 1px solid #dddddd; background-color: #ffffff !important; }
div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited { text-decoration: none !important; font-weight: bold; color: #999999 !important;}
div.ContextualPopup .Relation { font-family: Arial; font-size: 1.4em; font-weight: normal; letter-spacing:-0.1em; text-transform: lowercase;}
div.ljcmtmanage {border: 1px solid #f2f2f2; background-color: #ffffff; color: #666666;}
/* the rest */
#lj_controlstrip {}
table#lj_controlstrip td {background-color: #ececec; background-image: url(); color: #aaaaaa;border: solid 1px #e6e6e6; border-left: none; }
#lj_controlstrip a { color: #999999; } #lj_controlstrip_statustext { color: #666666; }
form#qrform table {border-width: 0px !important; background-color: #; padding-right: 6px;}
a, a:visited , .bodynavblock a, .bodynavblock a:visited, #footer-menu a, .footer-menu a:visited, .day-count a, .entryHeader a, .entryLinkbar a:hover, div.ContextualPopup .Relation {color: #838546;text-decoration: none}
a:hover, .ljuser a b:hover, .entryLinkbar a {color: #CE252C}
b,u {color:#444444;} .ljuser a b {color:#E8AEBA; font-weight:normal;letter-spacing: -0.02em;} s,i {color:#aaaaaa;} q { padding: 5px; font-style: italic; color: #999999; display:block; border: 0px solid #f1f1f1;}
.sidebar a {color: #111111}
.entryHeader a, .entryHeader a:hover, .entryHeader a:visited, .entryHeader a:link { color:#009FBC}
.entryHeader .entryHeaderTags a {color:#999999;font-size:.8em;word-spacing:.1em} .entryHeader .entryHeaderTags {word-spacing:.6em}
sidebar
/*
sharp shock to your soft side
((smooth sailing; milou veronica))
*/
/* header image edit */
.pageheaderblock {background: transparent url(http://i44.tinypic.com/9k32tz.jpg) repeat; padding:0 0 250px}
/* layout width */
.pageblock{width:780px}
/*font edit */
body {font-family: Georgia,Arial, Tahoma, Verdana, sans-serif;font-size: .81em}
/* MAIN */
body {margin: 0px 0px 0px 0px; background: #f7f7f7 url() repeat scroll 0 0; color: #444444;padding: 0px;}
a img {border:none;}
.pageblock{margin: 0 auto; padding: 0 3px}
blockquote { padding:10px; margin: 10px; border-left: 10px solid #ececec; background: transparent url() repeat-x scroll 0 100%; color:#666666; }
code {font-family: monospace;display:block; padding:5px; border:1px dashed #eeeeee; font-size: 12px;}
input, textarea { background-color: #fcfcfc; border: 1px solid #eeeeee; font-family: Georgia, Tahoma, Verdana, sans-serif; font-size: 13px; color: #444444; line-height: 1.5;}
/* HEADER */
.pageheaderblock {margin: 5px 2px 0;text-align: right}
.header-title {text-align: right; color: #dddddd; text-transform: uppercase; font-size: 1.5em; letter-spacing: 0.03em; padding: 20px 6px 0px 20px;background-color:#111111 }
.header-subtitle { text-transform: uppercase; font-size: .7em; letter-spacing: 0.2em; color: #555; padding:0 6px 5px 24px;background-color:#111111 }
.header-icon { top: 0px; right: 0px; position: absolute; z-index: 1; border-left: 0px solid #ffffff; border-bottom: 0px solid #ffffff;}
.header-menu {padding: 10px 0 ;font-size: .95em; text-align:left;text-transform: lowercase;letter-spacing:-.05em;font-style:italic;background-color:#111111;border-top:1px solid #222;border-bottom:10px solid #f7f7f7}
.header-menu a, .header-menu a:visited {white-space: nowrap; text-align: left; padding: 0 2px; margin-right:2px; color: #888888; }
.header-menu li a:hover { }
.header-menu ul, #footer-menu ul { margin: 0px; list-style:none; padding: 0; }
.header-menu li{ display: inline;padding: 10px 8px; border-right:1px solid #222222}
.header-menu li:hover { color: #ffffff;background-color:#01A1B9}
.header-menu li:hover a{color:#ffffff}
/* BODY */
.bodyblock {padding:0;margin-right:auto; margin-left: 0}
.bodyheaderblock { border: 0px; color: #888888;padding: 0}
.bodynavblock { border: 0px solid #000000; color: #777777; margin: 10px 0px 4px 0px; padding: 8px;}
.bodynavblock a, .bodynavblock a:visited { color: #409CCF; }
.body-title {font-size: 2em; letter-spacing: -0.06em; text-transform: lowercase;padding: 5px;margin:5px 0;color:#409CCF;border-top:10px solid #e7e7e7;border-bottom:10px solid #e7e7e7 }
.body-midtitle { font-size: 15px; text-align: center; padding-left: 8px; }
/*ENTRIES*/
.entryHolder { line-height: 1.75; margin: 5px 2px 35px;clear:both}
.entryUserinfo { text-align: center; margin: 0px 4px 8px 0px; padding-left: 6px; }
.entryUserinfo-usericon img { border: 19px solid #e7e7e7 ; margin: 10px 4px; background-color: #f7f7f7; position:relative;}
.entryText { padding: 15px; min-height: 120px; }
.entryText img { max-width:590px;}
.entryHeader { line-height:1;color: #bbbbbb; text-decoration: none; text-align: left; padding: 5px 0;border-top:10px solid #e7e7e7}
.entryHeader a{ color: #409CCF; }
.entryHeaderSubject {font-size: 2em; letter-spacing: -0.06em; text-transform: lowercase;padding: 10px;vertical-align:middle;color:#f7f7f7;}
.entryHeaderDate { text-transform: uppercase; font-size: 1em; float:right;letter-spacing: -1px;}
.entryMetadata { padding: 8px 10px;color: #777777; font-size: .7em; text-transform:uppercase; margin-top:10px}
.entryMetadata ul { margin: 0px; padding: 0px; }
.entryMetadata li { list-style: none; display: block; padding: 2px 0; }.entryMetadata li img {vertical-align:middle;padding:0 3px}
.entryMetadata-label {font-weight: bold; padding-right: 10px; }
.entryLinkbar {font-size: 0.9em; text-align: right; padding: 5px 0;text-transform:lowercase; background-color:#e7e7e7}
.entryLinkbar ul {margin: 0px; padding: 0px; }
.entryLinkbar li { display: inline; padding: 3px 8px;background-color:#eeeeee;margin:0 1px 0;border-width:0 1px 1px 0;border-style:solid;border-color:#cccccc}
.entryLinkbar li:hover {border-width:1px 0 0 1px}
/*FOOTER*/
#footer-menu { font-size: 10px;}
#footer-menu li {margin-bottom:8px; margin-right: 3px;}
#footer-menu li a {background-color: #eeeeee; padding: 2px 16px; border-width: 0 1px 1px 0;border-style:solid; border-color: #dddddd;color:#666} #footer-menu li a:hover {border-width: 1px 0 0 1px; background-color: #f2f2f2;}
#footer-menu a, .footer-menu a:visited {white-space: nowrap; padding: 6px; text-align: left; }
.pagefooterblock { color: #ffffff; padding: 15px}
.pagefooterblock a, .pagefooterblock a:visited { color: #69D2E7; }
/*SIDEBAR */
.sidebar {margin: 5px 15px 0 0;color: #999999; line-height: 1.75;width:160px;}
.sidebox #profile {text-align: center;}
img.profile-userpic { padding: px; margin: 3px; width:60px;height:60px;border:14px solid #ececec;}
.sidebox { margin: auto; border: 0px solid #eeeeee; margin: 0 0 6px 0; padding: 0px; font-size: 0.8em; }
.sideboxTitle {border-top:10px solid #e7e7e7;text-transform: uppercase; text-decoration: none; font-size: 1.1em; padding: 0px 8px 4px 0px; color: #111111; text-align: right;letter-spacing:0.1em;}
.sideboxContent { text-align: left; padding: 4px;}
.sidebox #latestmonth { text-align: center; margin-left: auto; margin-right: auto;}
.sidebox #search { text-align: center; }
.sidebox #summary { text-align: left; }
.sidebox #tags_sidebox { text-align: left;}
.sidebox #freetext {text-align: left; padding: 6px;} .sidebox #freetext img {border:none;}
.sidebox #systemlinks {text-align: center;padding: 0px;} ul.sidebox {list-style: none;}
.listitem {padding: 1px 0px 1px 5px; border-bottom: 1px solid #eeeeee; text-align: left; display:block} .listitem:hover {background-color:#fafafa;}
.sidebox #latestmonth table{ text-align: center; padding: 0px; width:100%;margin-left: auto; margin-right: auto;}
.latestmonth-inactive { background-color: #eeeeee;margin:1px; padding: 1px 3px;}
.latestmonth-active {background-color: #e3e3e3; margin:1px; padding: 1px 3px;}
.listtitle {font-weight: bold; color:#222222;}
.profile-label {} .profile-content {}
/* COMMENT PAGE */
.commentHolder { border: 0px solid #dddddd; padding: 10px; margin: 5px 0; border-top:10px solid #e7e7e7; }
.commentUserinfo { text-align: center; margin: 0px 8px 8px 0px; }
.commentUserinfo-usericon img { border: 1px solid #dddddd; padding: 12px; background-color:#eeeeee; }
.commentText { padding: 6px; text-align: left; }
.commentHeader { color: #888888; font-weight: bold; text-transform: lowercase; font-size: 1.6em; font-style:italic; letter-sapcing:-.05em; padding: 4px 0px 4px 8px; }
.commentHeader a{ color: #45A8DF; }
.commentHeaderScreened { font-family: ; font-size: 12px; background-color: #ffffff; padding: 4px 0px 4px 8px; }
.commentHeaderSubject { font-weight: bold; }
.commentLinkbar { text-align: right; padding-top: 4px; padding-bottom: 4px; font-size: 7pt; }
.commentLinkbar ul { margin: 0px; padding: 0px; }
.commentLinkbar li { padding: 0px 5px 0px 5px; margin: 0px; display: inline;}
.replyform { padding-left: 10px; margin: auto; padding: 10px; margin: 0;}
#commenttext{ width:100%; }
/*ARCHIVE PAGE*/
.yearlinks{ text-align: right; }
.yearlink{ padding-left:4px; padding-right: 4px; }
.month { text-align: center; width:90%; margin: 10px auto; }
.daysubjects { color: #888888; padding: 8px 8px 8px 8px; }
.daytitles {text-align: center; text-transform: lowercase; text-decoration: bold; border-right: 2px solid #f7f7f7; background-color: #ececec}
.day-blank {}
.day { border: 1px solid #f7f7f7; background-color:#eeeeee;padding:0 5px}
.day-date {text-align: left}
.day-count { line-height:1; font-size: 20px}
.day-count a { text-decoration: none; color: #74A6CF}
/*TAGS PAGE*/
.tagstable, .tagstable td {margin: 1px;}
.tagstable { width: 100%; }
ul.taglist {list-style: outside circle none; color: #aaaaaa;}
.taglist li {border-bottom: 1px dotted #eeeeee; padding: 3px 0px;}
/* MINI ICONS by Pinvoke and FamFamFam */
.sideboxTitle img { vertical-align: middle !Important; }
img[src*="icon_protected.gif"]{ width: 0; height: 0; padding: 16px 16px 0px 0px !important; background-repeat: no-repeat; background: url(http://i40.tinypic.com/2sbss5v.png); background-position: center left; }
img[src*="icon_private.gif"]{ width: 0; background-repeat: no-repeat; height: 0; padding: 16px 16px 0px 0px !important; background: url(http://i41.tinypic.com/2evuot3.png); background-position: center left; }
img[src*="icon_groups.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i40.tinypic.com/6rk7br.png); }
.ljuser img { width: 0; height: 0; background: transparent url(http://i43.tinypic.com/30svdig.png) no-repeat 0 0; padding: 10px 10px 0 2px !important }
.ljuser img[src*="userinfo.gif"] { background: transparent url(http://i43.tinypic.com/30svdig.png) no-repeat 0 0 !important; padding: 10px 10px 0 2px !important; }
HTML BODY img.i-ljuser-userhead {height:7px !important;width:0 !important;padding:8px 12px 0 0 !important}
.ljuser img[src*="community.gif"] {background-color:transparent; background-image: url(http://i42.tinypic.com/34eydsp.png) !important; padding: 10px 10px 0 2px !important; background-position: 0 0; background-repeat: no-repeat;}
img[src*="syndicated.gif"] {background-color:transparent; background-image: url(http://i40.tinypic.com/2mpzuhs.png) !important; padding: 10px 10px 0 2px !important; background-position: 0 0;background-repeat: no-repeat; width: 0px; height: 0px;}
img[src*="newsinfo.gif"] {background: transparent url(http://i40.tinypic.com/5o58i1.png) no-repeat scroll 0 0 !important; padding: 10px 10px 0 2px !important; width: 0px; height: 0px;}
img[src*="partnercomm.gif"] {background-color:transparent; background-image: url(http://i44.tinypic.com/eja8np.png) !important; padding: 10px 10px 0 2px !important; background-position: 0 0; background-repeat: no-repeat; width: 0px; height: 0px;}
img[src*="sponcomm.gif"] {background-color:transparent; background-image: url(http://i39.tinypic.com/a9rbte.png) !important; padding: 10px 10px 0 2px !important; background-position: 0 0; background-repeat: no-repeat; width: 0px; height: 0px;}
img[src*="anonymous.gif"] { height: 0px; width: 0px; padding: 0px 0px 10px 10px !important; background: url(http://i43.tinypic.com/29390tu.png) no-repeat scroll 50% 50%; }
img[src*="openid-profile.gif"] { height: 0px; width: 0px; padding: 0px 0px 10px 10px !important; background: url(http://i39.tinypic.com/20kumg1.png) no-repeat scroll 50% 50%; }
.replyform img[src*="userinfo.gif"] { height: 0px; width: 0px; padding: 0px 0px 10px 10px !important; background: url(http://i44.tinypic.com/2a5lq0y.png) no-repeat scroll 50% 50%;}
img[src*="none.gif"] { height: 0px; width: 0px; padding: 0px 0px 10px 10px !important; background: url(http://i39.tinypic.com/263aas4.png) no-repeat scroll 50% 50%; }
img[src*="help.gif"] { height: 0px; width: 0px; padding: 0px 0px 10px 10px !important; background: url(http://i43.tinypic.com/33p4gso.png) no-repeat scroll 50% 50%; }
img[src*="pencil.gif"] { height: 0px; width: 0px; padding: 0px 0px 10px 10px !important; background: url(http://i43.tinypic.com/2zntuom.png) no-repeat scroll 50% 50%; }
img[src*="btn_edit.gif"] { height: 0px; width: 0px; padding: 0px 0px 10px 10px !important; background: url(http://i40.tinypic.com/3340ps4.png) no-repeat scroll 50% 50%; }
/* contexual pop-up */
div.ContextualPopup {position: relative; margin: 10px 0 0 30px; text-align: left; font: normal 9px "Tahoma" !important; }
div.ContextualPopup div.Inner { color: #999999 !important;border: 0px solid #eeeeee; background-color: transparent !important; padding: 0px; width: 310px;}
div.ContextualPopup .Userpic { padding: 10px; margin-left: 14px; margin-top: 0px; margin-bottom: 0px; border: 1px solid #e5e5e5; background-color:#eeeeee; }
div.ContextualPopup .Userpic img{border:1px solid #dddddd}
div.ContextualPopup .Content { padding: 5px 10px 10px; margin-right: 76px; border: 1px solid #e5e5e5; background-color: #f4f4f4 !important; }
div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited { text-decoration: none !important; font-weight: bold; color: #999999 !important;}
div.ContextualPopup .Relation { font-family: Georgia; font-size: 1.7em; font-weight: normal; letter-spacing:-0.05em; font-style:italic;text-transform: lowercase;border-bottom:1px solid #eeeeee}
div.ljcmtmanage {border: 1px solid #e6e6e6; background-color: #eeeeee; padding:5px;color: #666666;}
/* the rest */
#lj_controlstrip {}
table#lj_controlstrip td {background-color: #ececec; background-image: url(); color: #aaaaaa;border: solid 1px #e6e6e6; border-left: none; }
#lj_controlstrip a { color: #999999; } #lj_controlstrip_statustext { color: #666666; }
form#qrform table {border-width: 0px !important; padding-right: 6px;}
a, a:visited , .bodynavblock a, .bodynavblock a:visited, #footer-menu a, .footer-menu a:visited, .day-count a, .entryHeader a, .entryLinkbar a:hover, div.ContextualPopup .Relation {color: #85D1E4;text-decoration:none}
a:hover, .ljuser a b:hover, .entryLinkbar a {color: #65C6DD;}
b,u {color:#444444;} .ljuser a b {color:#85D1E4; font-weight:normal;letter-spacing: -0.02em;} s,i {color:#aaaaaa;} q { padding: 5px; font-style: italic; color: #999999; display:block; border: 0px solid #f1f1f1;}
.sidebar a {color: #111;}
.entryHeader a, .entryHeader a:hover, .entryHeader a:visited, .entryHeader a:link { color:#009FBC; }
.entryHeader .entryHeaderTags a {color:#999999;font-size:.8em;word-spacing:.1em} .entryHeader .entryHeaderTags {word-spacing:.6em}
installation
01.
Choose Journal Style
02.
Select a Smooth Sailing layout in "Select a New Theme"
03.
In Choose a Page Setup, set your add settings to Horizontal or Between Entries, then select 2 Column (sidebar on left) if using the topbar layout, and either one for the sidebar.
04.
Go to " Display ".Under in Basic Options, set "Userinfo Position in Entries" to Right side of the entry text. Then click on the Additional Options. Set "Wrap Entry text under userinfo" to Yes. (*optional)
05.
Then go to the "Sidebar " section. To add your free text, click on Free Text Sidebox and put your text in one of the boxes. Make sure that the box position is unique.
06.
Still in "Customise your Theme", go to "Custom CSS ". Ensure Use layout's stylesheet(s) is set to no
07.
Paste code into the Custom Stylesheet box.
notes:Q&A
♚ mini icons by Pinvoke.
♔ makers of backgrounds from naked and angry
♚ Please address all problems to the F.A.Q.
editing
♚ Feel free to edit anything you want (as always)
♔ The options to edit the WIDTH of the layout, the BANNER image, the FONT size, and for the height of the topbar (if you are experiencing overflow) are all positioned at the top of the code for easy editing.
♔ You can find a basic introduction to lj CSS here .