faded_lace
in
pnish
[Layout Submission] Candy Floss
Layout Style: Smooth Sailing
Tested Browsers: Safari, Firefox, Internet Explorer
Problems: Looks best in Firefox, rounded corners don't show in Safari, and there are just all sorts of problems in Internet Explorer...
Navbar: I haven't tried removing it, but I'd presume it's fine
Ads: Again, I haven't tried, but I'd presume they'd work?
Base: Snow White by kill_brainz
Preview: Permanent screenshot here, temporary live preview here
Comments: I think this image does a really good job of showing the *pnish* group dynamic, and I wanted to create a layout with that sort of fun feel. I did use another code's base, so if you use, please credit both kill_brainz for the code and faded_lace for the overrides. Like fencer_x said in her layout submission, Internet Explorer isn't capable of parsing coding like other browsers, so I'd recommend another browser. ^^;;
This is a submission for the current layout contest :D Please let me know your thoughts, or any glitches that you find, and I'll see what I can do. And, of course, feel free to use it for your personal journal! ^__^
Coding:
/*
LJ STYLE: Smooth Sailing
LAYOUT: Snow White
MAKER: kill_zombie
PLEASE CREDIT:
http://community.livejournal.com/kill_brainz/
http://kill_zombie.livejournal.com/
*/
body { background: url(http://pics.livejournal.com/faded_lace/pic/0009rw7q); font-family: Arial, Tahoma, Sans serif; font-size: 11px; color: #222222; text-align: left; margin: 0px; }
a, a:visited { color: #D74A59; text-decoration: none; }
a:hover { color: #E1918E; text-decoration: none; }
.pageblock { background-image: url("http://pics.livejournal.com/faded_lace/pic/0009scde"); background-repeat: no-repeat; display: table; margin-left: auto; margin-right: auto; }
.pageheaderblock {height: 341px;text-align: left;}
.header-title, .header-subtitle, .header-icon, .bodyheaderblock, .pagefooterblock { display: none; }
.header-menu { font-family: Arial; font-size: 12px; line-height: 20px; text-align: right; padding: 319px 0 0; }
.header-menu a, .header-menu a:visited { background-color: #FFFFFF; font-family: Arial; font-size: 11px; color #212121; text-transform: uppercase; text-decoration: none; letter-spacing: 1px; padding: 6px 12px 10px 12px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; }
.header-menu a:hover { color: #E1918E; padding: 18px 12px 10px 12px; }
.header-menu ul { margin: 0px; padding: 0px; }
.header-menu li { margin: 0px 10px 0px 0px; display: inline; }
.bodyblock { width: 872px; background-color: #FFFFFF; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; margin: 0px auto 0px auto; padding: 0px 20px 100px 0px; }
.bodynavblock { font-family: Arial; color: #222222; text-align: right; margin: 50px 70px 0px 0px; }
#footer-menu { font-size: 15px; }
.bodynavblock a, .bodynavblock a:visited, #footer-menu a, #footer-menu a:visited { color: #333333; text-transform: uppercase; }
.bodynavblock a:hover, #footer-menu a:hover { border-bottom: 1px dotted #888888; }
#footer-menu ul { margin: 0px; padding: 0px; }
#footer-menu li { margin: 0px 5px 0px 5px; padding: 0px; display: inline; }
.entryHolder { background-color: #FFFFFF; font-family: Arial; font-size: 12px; padding: 20px 0px 20px 0px; }
.entryHeaderSubject { #CF3E4B; font-size: 0px; }
.entryHeaderDate { font-family: Verdana; font-size: 13px; color: #444444; text-transform: uppercase; letter-spacing: -1px; margin: 10px 0px 0px 20px; display: block; }
.entryHeader { line-height: 14px; border-bottom: 1px dotted #DB837F; padding: 0px; }
.entryHeader a { font-family: Verdana; font-size: 22px; color: #89C4A4; text-align: left; text-transform: uppercase; letter-spacing: -1px; margin: 20px 0px 0px 0px; }
.entryHeader a:hover { color: #555555; }
.entryUserinfo { text-align: right; margin: 15px 0px 0px 0px; padding: 0px; }
.entryUserinfo .ljuser a b { font-family: Verdana; font-size: 12px; color: #242424; letter-spacing: -1px; text-transform: uppercase; }
.entryUserinfo .ljuser a b:hover { color: #555555; }
.entryUserinfo-usericon img { border: 10px solid #C3E6D4; }
.entryUserinfo-usericon img:hover { filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; !important }
.entryText { min-height: 140px; font-family: Verdana; font-size: 11px; color: #333333; text-align: justify; padding: 15px 20px 25px 0px; }
.entryText a:hover { border-bottom: 1px dotted #888888; }
.entryText img { max-width: 500px; }
.entryMetadata { font-style: Arial; font-size: 10px; color: #444444; line-height: 1.3em; text-align: left; text-transform: uppercase; padding: 0px 0px 25px 15px; }
.entryMetadata ul { margin: 0px; padding: 0px; }
.entryMetadata li { list-style: none; padding: 0px 10px 0px 0px; display: block; }
.entryMetadata-label { font-weight: bold; color: #222222; padding-right: 4px; }
.entryMetadata a { color: #555555; }
.entryMetadata a:hover { border-bottom: 1px dotted #888888; }
.entryLinkbar { text-align: left; text-transform: uppercase; border-top: 1px dotted #DB837F; padding: 7px 0px 0px 20px; }
.entryLinkbar a { font-family: Verdana; font-size: 12px; color: #89C4A4; letter-spacing: -1px; }
.entryLinkbar a:hover { color: #888888; }
.entryLinkbar ul { margin: 0px; padding: 0px; }
.entryLinkbar li { margin: 0px; padding: 0px 7px 0px 7px; display: inline; }
.commentHolder { background-color: #FFFFFF; border-top: 1px dotted #555555; padding: 7px 0px 0px 20px; padding: 0px; margin: 0px 0px 20px 0px; }
.commentUserinfo { text-align: left; margin: 0px; padding: 10px; }
.commentUserinfo .ljuser a b { font-family: Verdana; font-size: 10px; color: #242424; letter-spacing: -1px; text-transform: uppercase; }
.commentUserinfo .ljuser a b:hover { color: #555555; }
.commentUserinfo-usericon img { height: 75px; width: 75px; border: 0px; margin: 0px 0px 2px 0px; }
.commentUserinfo-usericon img { filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; !important }
.commentText { font-family: Verdana; font-size: 11px; color: #444444; padding: 10px; }
.commentText a:hover { border-bottom: 1px dotted #888888; }
.commentHeader, .commentHeaderScreened { font-family: Verdana; font-size: 15px; color: #212121; text-align: right; border-bottom: 1px dotted #555555; padding: 13px 10px 5px 20px; }
.commentHeader a { font-weight: bold; color: #444444; }
.commentHeader a:hover { border-bottom: 1px dotted #888888; }
.commentHeaderScreened { font-style: italic; }
.commentHeaderSubject { font-weight: bold; }
.commentLinkbar { background-color: #222222; font-family: Verdana; font-size: 10px; text-transform: uppercase; color: #444444; text-align: right; padding: 7px 50px 5px 50px; }
.commentLinkbar a { color: #444444; }
.commentLinkbar a:hover { color: #666666; }
.commentLinkbar ul { margin: 0px; padding: 0px; }
.commentLinkbar li { padding: 0px 14px 0px 0px; margin: 0px; display: inline; }
.replyform { background-color: #F7F7F7; color: #777777; padding-left: 10px; }
#commenttext { width: 100%; }
.sidebar { width: 190px; background-color: #222222; font-family: Tahoma, Arial, Sans serif; color: #545454; -moz-border-radius-topleft: 15px; margin: 0px 30px 0px 0px; padding: 13px 0px 0px 0px; }
.sidebox { margin: 0px; padding: 0px; }
.sideboxTitle { font-family: Verdana; font-size: 16px; color: #D4D4D4; text-transform: uppercase; text-align: left; padding: 0px 0px 0px 30px; }
.sideboxContent { font-size: 11px; color: #444444; text-align: left; padding: 5px 15px 30px 15px; }
.sidebox #profile { display: none; }
.sidebox #summary { font-family: Tahoma; font-size: 11px; color: #444444; text-align: left; letter-spacing: 1px; line-height: 1.4em; }
.sidebox #summary a { font-weight: normal; color: #D74A59; padding: 2px 1px 1px 1px; }
.sidebox #summary a:hover { background-color: #262626; border-bottom: 1px solid #303030; }
.sidebox #summary .ljuser a b { font-weight: normal; text-transform: uppercase; }
.sidebox #summary img[src="http://p-stat.livejournal.com/img/icon_protected.gif"], .sidebox #summary img[src="http://p-stat.livejournal.com/img/icon_groups.gif"], .sidebox #summary img[src="http://p-stat.livejournal.com/img/icon_private.gif"]{ width: 0; height: 0; padding: 0;; }
.sidebox #summary img { width: 0; height: 0; background-repeat: no-repeat; /* so that IE users will still see an image */ padding: 0; }
.sidebox #summary .ljuser img { width: 0; height: 0; background-repeat: no-repeat; background-color:transparent; /* so that IE users will still see an image */ background-image: url('http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/13-1.png'); padding: 0px !important; }
.sidebox #summary .ljuser img[src="http://l-stat.livejournal.com/img/userinfo.gif"], .sidebox #summary .ljuser img[src="http://l-stat.livejournal.com/img/community.gif"] { background-color:transparent; background-image: url(''); padding: 0px }
.sidebox #systemlinks, .sidebox #tags_sidebox { font-family: Tahoma; font-size: 0px; text-align: left; }
.listtitle { font-family: Tahoma; font-size: 12px; color: #555555; text-align: left; text-transform: uppercase; letter-spacing: 1px; padding: 0px 0px 0px 10px; margin: 4px 0px 2px 0px }
.listitem, .sidebox #tags_sidebox a { border-bottom: 1px solid #222222; padding: 2px 0px 1px 4px; display: block; }
.listitem:hover, .sidebox #tags_sidebox a:hover { background-color: #262626; border-bottom: 1px solid #303030; }
.listitem a, .sidebox #tags_sidebox a { font-size: 11px; color: #444444; text-transform: uppercase; }
.sidebox #search { font-weight: bold; text-align: left; text-transform: uppercase; }
.sidebox #latestmonth table { width: 160px; text-transform: uppercase; text-align: center; margin: 10px auto 0px auto; }
.sidebox #latestmonth table a { font-weight: bold; color: #FFFFFF; }
.sidebox #latestmonth table a:hover { color: #444444; }
.latestmonth-inactive { background: #303030; color: #888888; border: 1px solid #222222; margin: 1px; padding: 1px; }
.latestmonth-active { background-color: #4A4A4A; border: 1px solid #222222; margin: 1px; padding: 1px; }
.latestmonth-active:hover { background-color: #444444; }
.latestmonth-active a, .latestmonth-active a:hover { font-weight: bold; font-size: 11px; color: #FFFFFF; text-decoration: none; }
.yearlinks { text-align: right; }
.yearlink { padding: 0px 4px 0px 4px; }
.month { width: 550px; border: 1px solid #222222; margin: 20px 0px 0px 80px; }
.daysubjects { font-family: Verdana; font-size: 10px; color: #404040; text-align: left; padding: 10px 0px 0px 30px; }
.daysubjects a { text-transform: uppercase; letter-spacing: 1px; }
.daysubjects a:hover { border-bottom: 1px dotted #888888; }
.daysubjects img[src="http://p-stat.livejournal.com/img/icon_protected.gif"], .daysubjects img[src="http://p-stat.livejournal.com/img/icon_groups.gif"], .daysubjects img[src="http://p-stat.livejournal.com/img/icon_private.gif"]{ width: 0; height: 0; background-image: url('http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/000bw7tt.png'); padding: 12px 12px 0px 0px; }
.daysubjects img { width: 0; height: 0; background-repeat: no-repeat; /* so that IE users will still see an image */ padding: 0; }
.daysubjects .ljuser img { width: 0; height: 0; /* so that IE users will still see an image */ padding: 0px !important; }
.daysubjects .ljuser img[src="http://l-stat.livejournal.com/img/userinfo.gif"], .daysubjects .ljuser img[src="http://l-stat.livejournal.com/img/community.gif"] { height: 0; width: 0; padding: 0px }
.daytitles { background-color: #FFFFFF; font-family: Verdana; font-size: 14px; font-variant: small-caps; font-weight: bold; color: #212121; text-align: center; border: 1px solid #222222; margin: 0px 0px 10px 0px; padding: 10px 5px 7px 5px; }
.day-blank, .day { background-color: #FFFFFF; border: 1px solid #222222; margin: 1px; padding: 1; }
.day-date { width: 50%; background-color: #222222; border: 1px solid 222222; color: #FFFFFF; text-align: center; padding: 2px; }
.day-date:hover { background-color: #333333; }
.day-count { width: 50%; float: right; font-size: 20px; text-align: center; }
.day-count a { color: #FFFFFF; }
.day-count a:hover { color: #777777; }
.tagstable { width: 90%; text-transform: uppercase; }
.tagstable, .tagstable td { font-family: Tahoma; font-size: 10px; text-align: center; border: 1px solid #FFFFFF; }
.tagstable td { background-color: #F0F0F0; }
b, strong { font-weight: bold; color: #D74A59; }
i, em { font-color: #A8A8A8; }
blockquote { background-color: #F5F5F5; font-family: Verdana; color: #444444; text-align: left; line-height: 1.25em; border-left: 5px solid #222222; padding: 5px 10px 5px 10px; }
input, textarea, select { background-color: #F0F0F0; font-family: Verdana; font-size: 9px; color: #444444; border: 1px solid #888888; margin: 1px; padding: 2px; }
img:hover { filter: alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; !important }
.entryHeader img[src="http://p-stat.livejournal.com/img/icon_protected.gif"]{ width: 0; height: 0; }
.entryHeader img[src="http://p-stat.livejournal.com/img/icon_groups.gif"]{ width: 0; height: 0; }
.entryHeader img[src="http://p-stat.livejournal.com/img/icon_private.gif"]{ width: 0; height: 0; }
.entryHeader img { width: 0; height: 0; background-repeat: no-repeat; /* so that IE users will still see an image */ }
.ljuser img { width: 0; height: 0; background-repeat: no-repeat; background-color:transparent; /* so that IE users will still see an image */ background-image: url('http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/userinfo-gray-1.png'); padding: 12px 12px 0 1px !important; }
.ljuser img[src="http://l-stat.livejournal.com/img/userinfo.gif"] { background-color:transparent; background-image: url('http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/userinfo-gray-1.png'); padding: 12px 12px 0 1px }
.ljuser img[src="http://l-stat.livejournal.com/img/community.gif"] { background-color:transparent; background-image: url('http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/comm-gray.png'); padding: 12px 12px 0 1px }
div.ContextualPopup img { border: 0; }
div.ContextualPopup div.Inner { background-color: transparent !important; font-family: Tahoma; font-size: 9px; color: #999999 !important; border: none; padding: 10px; width: 290px; }
div.ContextualPopup .Content { background: #E8E6E6; padding: 7px 10px 7px 10px; margin-right: 90px; line-height: 1.4; border: 1px solid #666666; }
div.ContextualPopup .Userpic { background: #E8E6E6; padding: 13px; margin: 0px; border: 1px solid #666666; }
div.ContextualPopup .Userpic img:hover { filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; !important }
div.ContextualPopup .Relation { font-family: Tahoma !important; font-size: 16px !important; font-weight: bold !important; color: #404040 !important; text-transform: lowercase; letter-spacing: -1px; margin-bottom: 3px; padding-bottom: 5px; }
div.ContextualPopup .Content .OnlineStatus { font-weight: lighter; text-decoration: none; }
div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:active, div.ContextualPopup div.Inner a:visited, div.ContextualPopup div.Inner a:hover { color: #999999 !important; text-decoration: none !important; }
table#lj_controlstrip td { background-color: #444444; font-family: Tahoma; font-size: 10px; border: 1px solid #444444; border-left: none; }
#lj_controlstrip a, #lj_controlstrip a:visited { font-family: Tahoma; font-size: 9px; font-weight: lighter; color: #FFFFFF; text-decoration: none; text-transform: uppercase; }
#lj_controlstrip a:hover { font-weight: lighter; color: #777777; text-decoration: underline; }
#lj_controlstrip_statustext { font-family: Verdana; size: 9px; color: #F2F2F2; text-transform: uppercase; }
form#qrform table { border-width: 0px !important; padding-right: 6px; }
.bodyblock { width: 872px; background-color: #FFFFFF; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; margin: 0px auto 0px auto; padding: 0px 20px 100px 0px; }
.bodynavblock { font-family: Arial; color: #222222; text-align: right; margin: 50px 70px 0px 0px; }
#footer-menu { font-size: 15px; }
.bodynavblock a, .bodynavblock a:visited, #footer-menu a, #footer-menu a:visited { color: #333333; text-transform: uppercase; }
.bodynavblock a:hover, #footer-menu a:hover { border-bottom: 1px dotted #888888; }
#footer-menu ul { margin: 0px; padding: 0px; }
#footer-menu li { margin: 0px 5px 0px 5px; padding: 0px; display: inline; }
.entryHolder { background-color: #FFFFFF; font-family: Arial; font-size: 12px; padding: 20px 0px 20px 0px; }
.entryHeaderSubject { #CF3E4B; font-size: 0px; }
.entryHeaderDate { font-family: Verdana; font-size: 13px; color: #444444; text-transform: uppercase; letter-spacing: -1px; margin: 10px 0px 0px 20px; display: block; }
.entryHeader { line-height: 14px; border-bottom: 1px dotted #DB837F; padding: 0px; }
.entryHeader a:hover { color: #555555; }
.entryUserinfo { text-align: right; margin: 15px 0px 0px 0px; padding: 0px; }
.entryUserinfo .ljuser a b { font-family: Verdana; font-size: 12px; color: #242424; letter-spacing: -1px; text-transform: uppercase; }
.entryUserinfo .ljuser a b:hover { color: #555555; }
.entryUserinfo-usericon img { border: 10px solid #C3E6D4; }
.entryUserinfo-usericon img:hover { filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; !important }
.entryText { min-height: 140px; font-family: Verdana; font-size: 11px; color: #333333; text-align: justify; padding: 15px 20px 25px 0px; }
.entryText a:hover { border-bottom: 1px dotted #888888; }
.entryText img { max-width: 500px; }
.entryMetadata { font-style: Arial; font-size: 10px; color: #444444; line-height: 1.3em; text-align: left; text-transform: uppercase; padding: 0px 0px 25px 15px; }
.entryMetadata ul { margin: 0px; padding: 0px; }
.entryMetadata li { list-style: none; padding: 0px 10px 0px 0px; display: block; }
.entryMetadata-label { font-weight: bold; color: #222222; padding-right: 4px; }
.entryMetadata a { color: #555555; }
.entryMetadata a:hover { border-bottom: 1px dotted #888888; }
.entryLinkbar a:hover { color: #888888; }
.entryLinkbar ul { margin: 0px; padding: 0px; }
.entryLinkbar li { margin: 0px; padding: 0px 7px 0px 7px; display: inline; }
.commentHolder { background-color: #FFFFFF; border-top: 1px dotted #555555; padding: 7px 0px 0px 20px; padding: 0px; margin: 0px 0px 20px 0px; }
.commentUserinfo { text-align: left; margin: 0px; padding: 10px; }
.commentUserinfo .ljuser a b { font-family: Verdana; font-size: 10px; color: #242424; letter-spacing: -1px; text-transform: uppercase; }
.commentUserinfo .ljuser a b:hover { color: #555555; }
.commentUserinfo-usericon img { height: 75px; width: 75px; border: 0px; margin: 0px 0px 2px 0px; }
.commentUserinfo-usericon img { filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; !important }
.commentText { font-family: Verdana; font-size: 11px; color: #444444; padding: 10px; }
.commentText a:hover { border-bottom: 1px dotted #888888; }
.commentHeader, .commentHeaderScreened { font-family: Verdana; font-size: 15px; color: #212121; text-align: right; border-bottom: 1px dotted #555555; padding: 13px 10px 5px 20px; }
.commentHeader a { font-weight: bold; color: #444444; }
.commentHeader a:hover { border-bottom: 1px dotted #888888; }
.commentHeaderScreened { font-style: italic; }
.commentHeaderSubject { font-weight: bold; }
.commentLinkbar { background-color: #222222; font-family: Verdana; font-size: 10px; text-transform: uppercase; color: #444444; text-align: right; padding: 7px 50px 5px 50px; }
.commentLinkbar a { color: #444444; }
.commentLinkbar a:hover { color: #666666; }
.commentLinkbar ul { margin: 0px; padding: 0px; }
.commentLinkbar li { padding: 0px 14px 0px 0px; margin: 0px; display: inline; }
.replyform { background-color: #F7F7F7; color: #777777; padding-left: 10px; }
#commenttext { width: 100%; }
.sidebar { width: 190px; background-color: #222222; font-family: Tahoma, Arial, Sans serif; color: #545454; -moz-border-radius-topleft: 15px; margin: 0px 30px 0px 0px; padding: 13px 0px 0px 0px; }
.sidebox { margin: 0px; padding: 0px; }
.sideboxTitle { font-family: Verdana; font-size: 16px; color: #D4D4D4; text-transform: uppercase; text-align: left; padding: 0px 0px 0px 30px; }
.sideboxContent { font-size: 11px; color: #444444; text-align: left; padding: 5px 15px 30px 15px; }
.sidebox #profile { display: none; }
.sidebox #summary { font-family: Tahoma; font-size: 11px; color: #444444; text-align: left; letter-spacing: 1px; line-height: 1.4em; }
.sidebox #summary a:hover { background-color: #262626; border-bottom: 1px solid #303030; }
.sidebox #summary .ljuser a b { font-weight: normal; text-transform: uppercase; }
.sidebox #summary img[src="http://p-stat.livejournal.com/img/icon_protected.gif"], .sidebox #summary img[src="http://p-stat.livejournal.com/img/icon_groups.gif"], .sidebox #summary img[src="http://p-stat.livejournal.com/img/icon_private.gif"]{ width: 0; height: 0; padding: 0;; }
.sidebox #summary img { width: 0; height: 0; background-repeat: no-repeat; /* so that IE users will still see an image */ padding: 0; }
.sidebox #summary .ljuser img { width: 0; height: 0; background-repeat: no-repeat; background-color:transparent; /* so that IE users will still see an image */ background-image: url('http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/13-1.png'); padding: 0px !important; }
.sidebox #summary .ljuser img[src="http://l-stat.livejournal.com/img/userinfo.gif"], .sidebox #summary .ljuser img[src="http://l-stat.livejournal.com/img/community.gif"] { background-color:transparent; background-image: url(''); padding: 0px }
.sidebox #systemlinks, .sidebox #tags_sidebox { font-family: Tahoma; font-size: 0px; text-align: left; }
.listtitle { font-family: Tahoma; font-size: 12px; color: #555555; text-align: left; text-transform: uppercase; letter-spacing: 1px; padding: 0px 0px 0px 10px; margin: 4px 0px 2px 0px }
.listitem, .sidebox #tags_sidebox a { border-bottom: 1px solid #222222; padding: 2px 0px 1px 4px; display: block; }
.listitem:hover, .sidebox #tags_sidebox a:hover { background-color: #262626; border-bottom: 1px solid #303030; }
.listitem a, .sidebox #tags_sidebox a { font-size: 11px; color: #444444; text-transform: uppercase; }
.sidebox #search { font-weight: bold; text-align: left; text-transform: uppercase; }
.sidebox #latestmonth table { width: 160px; text-transform: uppercase; text-align: center; margin: 10px auto 0px auto; }
.sidebox #latestmonth table a { font-weight: bold; color: #FFFFFF; }
.sidebox #latestmonth table a:hover { color: #444444; }
.latestmonth-inactive { background: #303030; color: #888888; border: 1px solid #222222; margin: 1px; padding: 1px; }
.latestmonth-active { background-color: #4A4A4A; border: 1px solid #222222; margin: 1px; padding: 1px; }
.latestmonth-active:hover { background-color: #444444; }
.latestmonth-active a, .latestmonth-active a:hover { font-weight: bold; font-size: 11px; color: #FFFFFF; text-decoration: none; }
.yearlinks { text-align: right; }
.yearlink { padding: 0px 4px 0px 4px; }
.month { width: 550px; border: 1px solid #222222; margin: 20px 0px 0px 80px; }
.daysubjects { font-family: Verdana; font-size: 10px; color: #404040; text-align: left; padding: 10px 0px 0px 30px; }
.daysubjects a { text-transform: uppercase; letter-spacing: 1px; }
.daysubjects a:hover { border-bottom: 1px dotted #888888; }
.daysubjects img[src="http://p-stat.livejournal.com/img/icon_protected.gif"], .daysubjects img[src="http://p-stat.livejournal.com/img/icon_groups.gif"], .daysubjects img[src="http://p-stat.livejournal.com/img/icon_private.gif"]{ width: 0; height: 0; background-image: url('http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/000bw7tt.png'); padding: 12px 12px 0px 0px; }
.daysubjects img { width: 0; height: 0; background-repeat: no-repeat; /* so that IE users will still see an image */ padding: 0; }
.daysubjects .ljuser img { width: 0; height: 0; /* so that IE users will still see an image */ padding: 0px !important; }
.daysubjects .ljuser img[src="http://l-stat.livejournal.com/img/userinfo.gif"], .daysubjects .ljuser img[src="http://l-stat.livejournal.com/img/community.gif"] { height: 0; width: 0; padding: 0px }
.daytitles { background-color: #FFFFFF; font-family: Verdana; font-size: 14px; font-variant: small-caps; font-weight: bold; color: #212121; text-align: center; border: 1px solid #222222; margin: 0px 0px 10px 0px; padding: 10px 5px 7px 5px; }
.day-blank, .day { background-color: #FFFFFF; border: 1px solid #222222; margin: 1px; padding: 1; }
.day-date { width: 50%; background-color: #222222; border: 1px solid 222222; color: #FFFFFF; text-align: center; padding: 2px; }
.day-date:hover { background-color: #333333; }
.day-count { width: 50%; float: right; font-size: 20px; text-align: center; }
.day-count a { color: #FFFFFF; }
.day-count a:hover { color: #777777; }
.tagstable { width: 90%; text-transform: uppercase; }
.tagstable, .tagstable td { font-family: Tahoma; font-size: 10px; text-align: center; border: 1px solid #FFFFFF; }
.tagstable td { background-color: #F0F0F0; }
i, em { font-color: #A8A8A8; }
blockquote { background-color: #F5F5F5; font-family: Verdana; color: #444444; text-align: left; line-height: 1.25em; border-left: 5px solid #222222; padding: 5px 10px 5px 10px; }
input, textarea, select { background-color: #F0F0F0; font-family: Verdana; font-size: 9px; color: #444444; border: 1px solid #888888; margin: 1px; padding: 2px; }
img:hover { filter: alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; !important }
.entryHeader img[src="http://p-stat.livejournal.com/img/icon_protected.gif"]{ width: 0; height: 0; }
.entryHeader img[src="http://p-stat.livejournal.com/img/icon_groups.gif"]{ width: 0; height: 0; }
.entryHeader img[src="http://p-stat.livejournal.com/img/icon_private.gif"]{ width: 0; height: 0; }
.entryHeader img { width: 0; height: 0; background-repeat: no-repeat; /* so that IE users will still see an image */ }
.ljuser img { width: 0; height: 0; background-repeat: no-repeat; background-color:transparent; /* so that IE users will still see an image */ background-image: url('http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/userinfo-gray-1.png'); padding: 12px 12px 0 1px !important; }
.ljuser img[src="http://l-stat.livejournal.com/img/userinfo.gif"] { background-color:transparent; background-image: url('http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/userinfo-gray-1.png'); padding: 12px 12px 0 1px }
.ljuser img[src="http://l-stat.livejournal.com/img/community.gif"] { background-color:transparent; background-image: url('http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/comm-gray.png'); padding: 12px 12px 0 1px }
div.ContextualPopup img { border: 0; }
div.ContextualPopup div.Inner { background-color: transparent !important; font-family: Tahoma; font-size: 9px; color: #999999 !important; border: none; padding: 10px; width: 290px; }
div.ContextualPopup .Content { background: #E8E6E6; padding: 7px 10px 7px 10px; margin-right: 90px; line-height: 1.4; border: 1px solid #666666; }
div.ContextualPopup .Userpic { background: #E8E6E6; padding: 13px; margin: 0px; border: 1px solid #666666; }
div.ContextualPopup .Userpic img:hover { filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; !important }
div.ContextualPopup .Relation { font-family: Tahoma !important; font-size: 16px !important; font-weight: bold !important; color: #404040 !important; text-transform: lowercase; letter-spacing: -1px; margin-bottom: 3px; padding-bottom: 5px; }
div.ContextualPopup .Content .OnlineStatus { font-weight: lighter; text-decoration: none; }
div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:active, div.ContextualPopup div.Inner a:visited, div.ContextualPopup div.Inner a:hover { color: #999999 !important; text-decoration: none !important; }
table#lj_controlstrip td { background-color: #444444; font-family: Tahoma; font-size: 10px; border: 1px solid #444444; border-left: none; }
#lj_controlstrip a, #lj_controlstrip a:visited { font-family: Tahoma; font-size: 9px; font-weight: lighter; color: #FFFFFF; text-decoration: none; text-transform: uppercase; }
#lj_controlstrip a:hover { font-weight: lighter; color: #777777; text-decoration: underline; }
#lj_controlstrip_statustext { font-family: Verdana; size: 9px; color: #F2F2F2; text-transform: uppercase; }
form#qrform table { border-width: 0px !important; padding-right: 6px; }
Instructions:
① Under Select Layout Style, select any Smooth Sailing theme (it shouldn't make a difference).
② Pick Between Entries for your ad placement
③ Make sure that you set the sidebar to the Left.
④ Under the Custom CSS tab, set use layout's stylesheet(s) to No.
⑤ Paste the above code into the Custom CSS box.
⑥ Under Presentation in the Display tab, expand Basic Options and Additional Options. Select Right side of the Entry Text for Userinfo Position in Entries and No for Wrap Entry text under userinfo.
Enjoy!
Tested Browsers: Safari, Firefox, Internet Explorer
Problems: Looks best in Firefox, rounded corners don't show in Safari, and there are just all sorts of problems in Internet Explorer...
Navbar: I haven't tried removing it, but I'd presume it's fine
Ads: Again, I haven't tried, but I'd presume they'd work?
Base: Snow White by kill_brainz
Preview: Permanent screenshot here, temporary live preview here
Comments: I think this image does a really good job of showing the *pnish* group dynamic, and I wanted to create a layout with that sort of fun feel. I did use another code's base, so if you use, please credit both kill_brainz for the code and faded_lace for the overrides. Like fencer_x said in her layout submission, Internet Explorer isn't capable of parsing coding like other browsers, so I'd recommend another browser. ^^;;
This is a submission for the current layout contest :D Please let me know your thoughts, or any glitches that you find, and I'll see what I can do. And, of course, feel free to use it for your personal journal! ^__^
Coding:
/*
LJ STYLE: Smooth Sailing
LAYOUT: Snow White
MAKER: kill_zombie
PLEASE CREDIT:
http://community.livejournal.com/kill_brainz/
http://kill_zombie.livejournal.com/
*/
body { background: url(http://pics.livejournal.com/faded_lace/pic/0009rw7q); font-family: Arial, Tahoma, Sans serif; font-size: 11px; color: #222222; text-align: left; margin: 0px; }
a, a:visited { color: #D74A59; text-decoration: none; }
a:hover { color: #E1918E; text-decoration: none; }
.pageblock { background-image: url("http://pics.livejournal.com/faded_lace/pic/0009scde"); background-repeat: no-repeat; display: table; margin-left: auto; margin-right: auto; }
.pageheaderblock {height: 341px;text-align: left;}
.header-title, .header-subtitle, .header-icon, .bodyheaderblock, .pagefooterblock { display: none; }
.header-menu { font-family: Arial; font-size: 12px; line-height: 20px; text-align: right; padding: 319px 0 0; }
.header-menu a, .header-menu a:visited { background-color: #FFFFFF; font-family: Arial; font-size: 11px; color #212121; text-transform: uppercase; text-decoration: none; letter-spacing: 1px; padding: 6px 12px 10px 12px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; }
.header-menu a:hover { color: #E1918E; padding: 18px 12px 10px 12px; }
.header-menu ul { margin: 0px; padding: 0px; }
.header-menu li { margin: 0px 10px 0px 0px; display: inline; }
.bodyblock { width: 872px; background-color: #FFFFFF; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; margin: 0px auto 0px auto; padding: 0px 20px 100px 0px; }
.bodynavblock { font-family: Arial; color: #222222; text-align: right; margin: 50px 70px 0px 0px; }
#footer-menu { font-size: 15px; }
.bodynavblock a, .bodynavblock a:visited, #footer-menu a, #footer-menu a:visited { color: #333333; text-transform: uppercase; }
.bodynavblock a:hover, #footer-menu a:hover { border-bottom: 1px dotted #888888; }
#footer-menu ul { margin: 0px; padding: 0px; }
#footer-menu li { margin: 0px 5px 0px 5px; padding: 0px; display: inline; }
.entryHolder { background-color: #FFFFFF; font-family: Arial; font-size: 12px; padding: 20px 0px 20px 0px; }
.entryHeaderSubject { #CF3E4B; font-size: 0px; }
.entryHeaderDate { font-family: Verdana; font-size: 13px; color: #444444; text-transform: uppercase; letter-spacing: -1px; margin: 10px 0px 0px 20px; display: block; }
.entryHeader { line-height: 14px; border-bottom: 1px dotted #DB837F; padding: 0px; }
.entryHeader a { font-family: Verdana; font-size: 22px; color: #89C4A4; text-align: left; text-transform: uppercase; letter-spacing: -1px; margin: 20px 0px 0px 0px; }
.entryHeader a:hover { color: #555555; }
.entryUserinfo { text-align: right; margin: 15px 0px 0px 0px; padding: 0px; }
.entryUserinfo .ljuser a b { font-family: Verdana; font-size: 12px; color: #242424; letter-spacing: -1px; text-transform: uppercase; }
.entryUserinfo .ljuser a b:hover { color: #555555; }
.entryUserinfo-usericon img { border: 10px solid #C3E6D4; }
.entryUserinfo-usericon img:hover { filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; !important }
.entryText { min-height: 140px; font-family: Verdana; font-size: 11px; color: #333333; text-align: justify; padding: 15px 20px 25px 0px; }
.entryText a:hover { border-bottom: 1px dotted #888888; }
.entryText img { max-width: 500px; }
.entryMetadata { font-style: Arial; font-size: 10px; color: #444444; line-height: 1.3em; text-align: left; text-transform: uppercase; padding: 0px 0px 25px 15px; }
.entryMetadata ul { margin: 0px; padding: 0px; }
.entryMetadata li { list-style: none; padding: 0px 10px 0px 0px; display: block; }
.entryMetadata-label { font-weight: bold; color: #222222; padding-right: 4px; }
.entryMetadata a { color: #555555; }
.entryMetadata a:hover { border-bottom: 1px dotted #888888; }
.entryLinkbar { text-align: left; text-transform: uppercase; border-top: 1px dotted #DB837F; padding: 7px 0px 0px 20px; }
.entryLinkbar a { font-family: Verdana; font-size: 12px; color: #89C4A4; letter-spacing: -1px; }
.entryLinkbar a:hover { color: #888888; }
.entryLinkbar ul { margin: 0px; padding: 0px; }
.entryLinkbar li { margin: 0px; padding: 0px 7px 0px 7px; display: inline; }
.commentHolder { background-color: #FFFFFF; border-top: 1px dotted #555555; padding: 7px 0px 0px 20px; padding: 0px; margin: 0px 0px 20px 0px; }
.commentUserinfo { text-align: left; margin: 0px; padding: 10px; }
.commentUserinfo .ljuser a b { font-family: Verdana; font-size: 10px; color: #242424; letter-spacing: -1px; text-transform: uppercase; }
.commentUserinfo .ljuser a b:hover { color: #555555; }
.commentUserinfo-usericon img { height: 75px; width: 75px; border: 0px; margin: 0px 0px 2px 0px; }
.commentUserinfo-usericon img { filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; !important }
.commentText { font-family: Verdana; font-size: 11px; color: #444444; padding: 10px; }
.commentText a:hover { border-bottom: 1px dotted #888888; }
.commentHeader, .commentHeaderScreened { font-family: Verdana; font-size: 15px; color: #212121; text-align: right; border-bottom: 1px dotted #555555; padding: 13px 10px 5px 20px; }
.commentHeader a { font-weight: bold; color: #444444; }
.commentHeader a:hover { border-bottom: 1px dotted #888888; }
.commentHeaderScreened { font-style: italic; }
.commentHeaderSubject { font-weight: bold; }
.commentLinkbar { background-color: #222222; font-family: Verdana; font-size: 10px; text-transform: uppercase; color: #444444; text-align: right; padding: 7px 50px 5px 50px; }
.commentLinkbar a { color: #444444; }
.commentLinkbar a:hover { color: #666666; }
.commentLinkbar ul { margin: 0px; padding: 0px; }
.commentLinkbar li { padding: 0px 14px 0px 0px; margin: 0px; display: inline; }
.replyform { background-color: #F7F7F7; color: #777777; padding-left: 10px; }
#commenttext { width: 100%; }
.sidebar { width: 190px; background-color: #222222; font-family: Tahoma, Arial, Sans serif; color: #545454; -moz-border-radius-topleft: 15px; margin: 0px 30px 0px 0px; padding: 13px 0px 0px 0px; }
.sidebox { margin: 0px; padding: 0px; }
.sideboxTitle { font-family: Verdana; font-size: 16px; color: #D4D4D4; text-transform: uppercase; text-align: left; padding: 0px 0px 0px 30px; }
.sideboxContent { font-size: 11px; color: #444444; text-align: left; padding: 5px 15px 30px 15px; }
.sidebox #profile { display: none; }
.sidebox #summary { font-family: Tahoma; font-size: 11px; color: #444444; text-align: left; letter-spacing: 1px; line-height: 1.4em; }
.sidebox #summary a { font-weight: normal; color: #D74A59; padding: 2px 1px 1px 1px; }
.sidebox #summary a:hover { background-color: #262626; border-bottom: 1px solid #303030; }
.sidebox #summary .ljuser a b { font-weight: normal; text-transform: uppercase; }
.sidebox #summary img[src="http://p-stat.livejournal.com/img/icon_protected.gif"], .sidebox #summary img[src="http://p-stat.livejournal.com/img/icon_groups.gif"], .sidebox #summary img[src="http://p-stat.livejournal.com/img/icon_private.gif"]{ width: 0; height: 0; padding: 0;; }
.sidebox #summary img { width: 0; height: 0; background-repeat: no-repeat; /* so that IE users will still see an image */ padding: 0; }
.sidebox #summary .ljuser img { width: 0; height: 0; background-repeat: no-repeat; background-color:transparent; /* so that IE users will still see an image */ background-image: url('http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/13-1.png'); padding: 0px !important; }
.sidebox #summary .ljuser img[src="http://l-stat.livejournal.com/img/userinfo.gif"], .sidebox #summary .ljuser img[src="http://l-stat.livejournal.com/img/community.gif"] { background-color:transparent; background-image: url(''); padding: 0px }
.sidebox #systemlinks, .sidebox #tags_sidebox { font-family: Tahoma; font-size: 0px; text-align: left; }
.listtitle { font-family: Tahoma; font-size: 12px; color: #555555; text-align: left; text-transform: uppercase; letter-spacing: 1px; padding: 0px 0px 0px 10px; margin: 4px 0px 2px 0px }
.listitem, .sidebox #tags_sidebox a { border-bottom: 1px solid #222222; padding: 2px 0px 1px 4px; display: block; }
.listitem:hover, .sidebox #tags_sidebox a:hover { background-color: #262626; border-bottom: 1px solid #303030; }
.listitem a, .sidebox #tags_sidebox a { font-size: 11px; color: #444444; text-transform: uppercase; }
.sidebox #search { font-weight: bold; text-align: left; text-transform: uppercase; }
.sidebox #latestmonth table { width: 160px; text-transform: uppercase; text-align: center; margin: 10px auto 0px auto; }
.sidebox #latestmonth table a { font-weight: bold; color: #FFFFFF; }
.sidebox #latestmonth table a:hover { color: #444444; }
.latestmonth-inactive { background: #303030; color: #888888; border: 1px solid #222222; margin: 1px; padding: 1px; }
.latestmonth-active { background-color: #4A4A4A; border: 1px solid #222222; margin: 1px; padding: 1px; }
.latestmonth-active:hover { background-color: #444444; }
.latestmonth-active a, .latestmonth-active a:hover { font-weight: bold; font-size: 11px; color: #FFFFFF; text-decoration: none; }
.yearlinks { text-align: right; }
.yearlink { padding: 0px 4px 0px 4px; }
.month { width: 550px; border: 1px solid #222222; margin: 20px 0px 0px 80px; }
.daysubjects { font-family: Verdana; font-size: 10px; color: #404040; text-align: left; padding: 10px 0px 0px 30px; }
.daysubjects a { text-transform: uppercase; letter-spacing: 1px; }
.daysubjects a:hover { border-bottom: 1px dotted #888888; }
.daysubjects img[src="http://p-stat.livejournal.com/img/icon_protected.gif"], .daysubjects img[src="http://p-stat.livejournal.com/img/icon_groups.gif"], .daysubjects img[src="http://p-stat.livejournal.com/img/icon_private.gif"]{ width: 0; height: 0; background-image: url('http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/000bw7tt.png'); padding: 12px 12px 0px 0px; }
.daysubjects img { width: 0; height: 0; background-repeat: no-repeat; /* so that IE users will still see an image */ padding: 0; }
.daysubjects .ljuser img { width: 0; height: 0; /* so that IE users will still see an image */ padding: 0px !important; }
.daysubjects .ljuser img[src="http://l-stat.livejournal.com/img/userinfo.gif"], .daysubjects .ljuser img[src="http://l-stat.livejournal.com/img/community.gif"] { height: 0; width: 0; padding: 0px }
.daytitles { background-color: #FFFFFF; font-family: Verdana; font-size: 14px; font-variant: small-caps; font-weight: bold; color: #212121; text-align: center; border: 1px solid #222222; margin: 0px 0px 10px 0px; padding: 10px 5px 7px 5px; }
.day-blank, .day { background-color: #FFFFFF; border: 1px solid #222222; margin: 1px; padding: 1; }
.day-date { width: 50%; background-color: #222222; border: 1px solid 222222; color: #FFFFFF; text-align: center; padding: 2px; }
.day-date:hover { background-color: #333333; }
.day-count { width: 50%; float: right; font-size: 20px; text-align: center; }
.day-count a { color: #FFFFFF; }
.day-count a:hover { color: #777777; }
.tagstable { width: 90%; text-transform: uppercase; }
.tagstable, .tagstable td { font-family: Tahoma; font-size: 10px; text-align: center; border: 1px solid #FFFFFF; }
.tagstable td { background-color: #F0F0F0; }
b, strong { font-weight: bold; color: #D74A59; }
i, em { font-color: #A8A8A8; }
blockquote { background-color: #F5F5F5; font-family: Verdana; color: #444444; text-align: left; line-height: 1.25em; border-left: 5px solid #222222; padding: 5px 10px 5px 10px; }
input, textarea, select { background-color: #F0F0F0; font-family: Verdana; font-size: 9px; color: #444444; border: 1px solid #888888; margin: 1px; padding: 2px; }
img:hover { filter: alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; !important }
.entryHeader img[src="http://p-stat.livejournal.com/img/icon_protected.gif"]{ width: 0; height: 0; }
.entryHeader img[src="http://p-stat.livejournal.com/img/icon_groups.gif"]{ width: 0; height: 0; }
.entryHeader img[src="http://p-stat.livejournal.com/img/icon_private.gif"]{ width: 0; height: 0; }
.entryHeader img { width: 0; height: 0; background-repeat: no-repeat; /* so that IE users will still see an image */ }
.ljuser img { width: 0; height: 0; background-repeat: no-repeat; background-color:transparent; /* so that IE users will still see an image */ background-image: url('http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/userinfo-gray-1.png'); padding: 12px 12px 0 1px !important; }
.ljuser img[src="http://l-stat.livejournal.com/img/userinfo.gif"] { background-color:transparent; background-image: url('http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/userinfo-gray-1.png'); padding: 12px 12px 0 1px }
.ljuser img[src="http://l-stat.livejournal.com/img/community.gif"] { background-color:transparent; background-image: url('http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/comm-gray.png'); padding: 12px 12px 0 1px }
div.ContextualPopup img { border: 0; }
div.ContextualPopup div.Inner { background-color: transparent !important; font-family: Tahoma; font-size: 9px; color: #999999 !important; border: none; padding: 10px; width: 290px; }
div.ContextualPopup .Content { background: #E8E6E6; padding: 7px 10px 7px 10px; margin-right: 90px; line-height: 1.4; border: 1px solid #666666; }
div.ContextualPopup .Userpic { background: #E8E6E6; padding: 13px; margin: 0px; border: 1px solid #666666; }
div.ContextualPopup .Userpic img:hover { filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; !important }
div.ContextualPopup .Relation { font-family: Tahoma !important; font-size: 16px !important; font-weight: bold !important; color: #404040 !important; text-transform: lowercase; letter-spacing: -1px; margin-bottom: 3px; padding-bottom: 5px; }
div.ContextualPopup .Content .OnlineStatus { font-weight: lighter; text-decoration: none; }
div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:active, div.ContextualPopup div.Inner a:visited, div.ContextualPopup div.Inner a:hover { color: #999999 !important; text-decoration: none !important; }
table#lj_controlstrip td { background-color: #444444; font-family: Tahoma; font-size: 10px; border: 1px solid #444444; border-left: none; }
#lj_controlstrip a, #lj_controlstrip a:visited { font-family: Tahoma; font-size: 9px; font-weight: lighter; color: #FFFFFF; text-decoration: none; text-transform: uppercase; }
#lj_controlstrip a:hover { font-weight: lighter; color: #777777; text-decoration: underline; }
#lj_controlstrip_statustext { font-family: Verdana; size: 9px; color: #F2F2F2; text-transform: uppercase; }
form#qrform table { border-width: 0px !important; padding-right: 6px; }
.bodyblock { width: 872px; background-color: #FFFFFF; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; margin: 0px auto 0px auto; padding: 0px 20px 100px 0px; }
.bodynavblock { font-family: Arial; color: #222222; text-align: right; margin: 50px 70px 0px 0px; }
#footer-menu { font-size: 15px; }
.bodynavblock a, .bodynavblock a:visited, #footer-menu a, #footer-menu a:visited { color: #333333; text-transform: uppercase; }
.bodynavblock a:hover, #footer-menu a:hover { border-bottom: 1px dotted #888888; }
#footer-menu ul { margin: 0px; padding: 0px; }
#footer-menu li { margin: 0px 5px 0px 5px; padding: 0px; display: inline; }
.entryHolder { background-color: #FFFFFF; font-family: Arial; font-size: 12px; padding: 20px 0px 20px 0px; }
.entryHeaderSubject { #CF3E4B; font-size: 0px; }
.entryHeaderDate { font-family: Verdana; font-size: 13px; color: #444444; text-transform: uppercase; letter-spacing: -1px; margin: 10px 0px 0px 20px; display: block; }
.entryHeader { line-height: 14px; border-bottom: 1px dotted #DB837F; padding: 0px; }
.entryHeader a:hover { color: #555555; }
.entryUserinfo { text-align: right; margin: 15px 0px 0px 0px; padding: 0px; }
.entryUserinfo .ljuser a b { font-family: Verdana; font-size: 12px; color: #242424; letter-spacing: -1px; text-transform: uppercase; }
.entryUserinfo .ljuser a b:hover { color: #555555; }
.entryUserinfo-usericon img { border: 10px solid #C3E6D4; }
.entryUserinfo-usericon img:hover { filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; !important }
.entryText { min-height: 140px; font-family: Verdana; font-size: 11px; color: #333333; text-align: justify; padding: 15px 20px 25px 0px; }
.entryText a:hover { border-bottom: 1px dotted #888888; }
.entryText img { max-width: 500px; }
.entryMetadata { font-style: Arial; font-size: 10px; color: #444444; line-height: 1.3em; text-align: left; text-transform: uppercase; padding: 0px 0px 25px 15px; }
.entryMetadata ul { margin: 0px; padding: 0px; }
.entryMetadata li { list-style: none; padding: 0px 10px 0px 0px; display: block; }
.entryMetadata-label { font-weight: bold; color: #222222; padding-right: 4px; }
.entryMetadata a { color: #555555; }
.entryMetadata a:hover { border-bottom: 1px dotted #888888; }
.entryLinkbar a:hover { color: #888888; }
.entryLinkbar ul { margin: 0px; padding: 0px; }
.entryLinkbar li { margin: 0px; padding: 0px 7px 0px 7px; display: inline; }
.commentHolder { background-color: #FFFFFF; border-top: 1px dotted #555555; padding: 7px 0px 0px 20px; padding: 0px; margin: 0px 0px 20px 0px; }
.commentUserinfo { text-align: left; margin: 0px; padding: 10px; }
.commentUserinfo .ljuser a b { font-family: Verdana; font-size: 10px; color: #242424; letter-spacing: -1px; text-transform: uppercase; }
.commentUserinfo .ljuser a b:hover { color: #555555; }
.commentUserinfo-usericon img { height: 75px; width: 75px; border: 0px; margin: 0px 0px 2px 0px; }
.commentUserinfo-usericon img { filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; !important }
.commentText { font-family: Verdana; font-size: 11px; color: #444444; padding: 10px; }
.commentText a:hover { border-bottom: 1px dotted #888888; }
.commentHeader, .commentHeaderScreened { font-family: Verdana; font-size: 15px; color: #212121; text-align: right; border-bottom: 1px dotted #555555; padding: 13px 10px 5px 20px; }
.commentHeader a { font-weight: bold; color: #444444; }
.commentHeader a:hover { border-bottom: 1px dotted #888888; }
.commentHeaderScreened { font-style: italic; }
.commentHeaderSubject { font-weight: bold; }
.commentLinkbar { background-color: #222222; font-family: Verdana; font-size: 10px; text-transform: uppercase; color: #444444; text-align: right; padding: 7px 50px 5px 50px; }
.commentLinkbar a { color: #444444; }
.commentLinkbar a:hover { color: #666666; }
.commentLinkbar ul { margin: 0px; padding: 0px; }
.commentLinkbar li { padding: 0px 14px 0px 0px; margin: 0px; display: inline; }
.replyform { background-color: #F7F7F7; color: #777777; padding-left: 10px; }
#commenttext { width: 100%; }
.sidebar { width: 190px; background-color: #222222; font-family: Tahoma, Arial, Sans serif; color: #545454; -moz-border-radius-topleft: 15px; margin: 0px 30px 0px 0px; padding: 13px 0px 0px 0px; }
.sidebox { margin: 0px; padding: 0px; }
.sideboxTitle { font-family: Verdana; font-size: 16px; color: #D4D4D4; text-transform: uppercase; text-align: left; padding: 0px 0px 0px 30px; }
.sideboxContent { font-size: 11px; color: #444444; text-align: left; padding: 5px 15px 30px 15px; }
.sidebox #profile { display: none; }
.sidebox #summary { font-family: Tahoma; font-size: 11px; color: #444444; text-align: left; letter-spacing: 1px; line-height: 1.4em; }
.sidebox #summary a:hover { background-color: #262626; border-bottom: 1px solid #303030; }
.sidebox #summary .ljuser a b { font-weight: normal; text-transform: uppercase; }
.sidebox #summary img[src="http://p-stat.livejournal.com/img/icon_protected.gif"], .sidebox #summary img[src="http://p-stat.livejournal.com/img/icon_groups.gif"], .sidebox #summary img[src="http://p-stat.livejournal.com/img/icon_private.gif"]{ width: 0; height: 0; padding: 0;; }
.sidebox #summary img { width: 0; height: 0; background-repeat: no-repeat; /* so that IE users will still see an image */ padding: 0; }
.sidebox #summary .ljuser img { width: 0; height: 0; background-repeat: no-repeat; background-color:transparent; /* so that IE users will still see an image */ background-image: url('http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/13-1.png'); padding: 0px !important; }
.sidebox #summary .ljuser img[src="http://l-stat.livejournal.com/img/userinfo.gif"], .sidebox #summary .ljuser img[src="http://l-stat.livejournal.com/img/community.gif"] { background-color:transparent; background-image: url(''); padding: 0px }
.sidebox #systemlinks, .sidebox #tags_sidebox { font-family: Tahoma; font-size: 0px; text-align: left; }
.listtitle { font-family: Tahoma; font-size: 12px; color: #555555; text-align: left; text-transform: uppercase; letter-spacing: 1px; padding: 0px 0px 0px 10px; margin: 4px 0px 2px 0px }
.listitem, .sidebox #tags_sidebox a { border-bottom: 1px solid #222222; padding: 2px 0px 1px 4px; display: block; }
.listitem:hover, .sidebox #tags_sidebox a:hover { background-color: #262626; border-bottom: 1px solid #303030; }
.listitem a, .sidebox #tags_sidebox a { font-size: 11px; color: #444444; text-transform: uppercase; }
.sidebox #search { font-weight: bold; text-align: left; text-transform: uppercase; }
.sidebox #latestmonth table { width: 160px; text-transform: uppercase; text-align: center; margin: 10px auto 0px auto; }
.sidebox #latestmonth table a { font-weight: bold; color: #FFFFFF; }
.sidebox #latestmonth table a:hover { color: #444444; }
.latestmonth-inactive { background: #303030; color: #888888; border: 1px solid #222222; margin: 1px; padding: 1px; }
.latestmonth-active { background-color: #4A4A4A; border: 1px solid #222222; margin: 1px; padding: 1px; }
.latestmonth-active:hover { background-color: #444444; }
.latestmonth-active a, .latestmonth-active a:hover { font-weight: bold; font-size: 11px; color: #FFFFFF; text-decoration: none; }
.yearlinks { text-align: right; }
.yearlink { padding: 0px 4px 0px 4px; }
.month { width: 550px; border: 1px solid #222222; margin: 20px 0px 0px 80px; }
.daysubjects { font-family: Verdana; font-size: 10px; color: #404040; text-align: left; padding: 10px 0px 0px 30px; }
.daysubjects a { text-transform: uppercase; letter-spacing: 1px; }
.daysubjects a:hover { border-bottom: 1px dotted #888888; }
.daysubjects img[src="http://p-stat.livejournal.com/img/icon_protected.gif"], .daysubjects img[src="http://p-stat.livejournal.com/img/icon_groups.gif"], .daysubjects img[src="http://p-stat.livejournal.com/img/icon_private.gif"]{ width: 0; height: 0; background-image: url('http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/000bw7tt.png'); padding: 12px 12px 0px 0px; }
.daysubjects img { width: 0; height: 0; background-repeat: no-repeat; /* so that IE users will still see an image */ padding: 0; }
.daysubjects .ljuser img { width: 0; height: 0; /* so that IE users will still see an image */ padding: 0px !important; }
.daysubjects .ljuser img[src="http://l-stat.livejournal.com/img/userinfo.gif"], .daysubjects .ljuser img[src="http://l-stat.livejournal.com/img/community.gif"] { height: 0; width: 0; padding: 0px }
.daytitles { background-color: #FFFFFF; font-family: Verdana; font-size: 14px; font-variant: small-caps; font-weight: bold; color: #212121; text-align: center; border: 1px solid #222222; margin: 0px 0px 10px 0px; padding: 10px 5px 7px 5px; }
.day-blank, .day { background-color: #FFFFFF; border: 1px solid #222222; margin: 1px; padding: 1; }
.day-date { width: 50%; background-color: #222222; border: 1px solid 222222; color: #FFFFFF; text-align: center; padding: 2px; }
.day-date:hover { background-color: #333333; }
.day-count { width: 50%; float: right; font-size: 20px; text-align: center; }
.day-count a { color: #FFFFFF; }
.day-count a:hover { color: #777777; }
.tagstable { width: 90%; text-transform: uppercase; }
.tagstable, .tagstable td { font-family: Tahoma; font-size: 10px; text-align: center; border: 1px solid #FFFFFF; }
.tagstable td { background-color: #F0F0F0; }
i, em { font-color: #A8A8A8; }
blockquote { background-color: #F5F5F5; font-family: Verdana; color: #444444; text-align: left; line-height: 1.25em; border-left: 5px solid #222222; padding: 5px 10px 5px 10px; }
input, textarea, select { background-color: #F0F0F0; font-family: Verdana; font-size: 9px; color: #444444; border: 1px solid #888888; margin: 1px; padding: 2px; }
img:hover { filter: alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; !important }
.entryHeader img[src="http://p-stat.livejournal.com/img/icon_protected.gif"]{ width: 0; height: 0; }
.entryHeader img[src="http://p-stat.livejournal.com/img/icon_groups.gif"]{ width: 0; height: 0; }
.entryHeader img[src="http://p-stat.livejournal.com/img/icon_private.gif"]{ width: 0; height: 0; }
.entryHeader img { width: 0; height: 0; background-repeat: no-repeat; /* so that IE users will still see an image */ }
.ljuser img { width: 0; height: 0; background-repeat: no-repeat; background-color:transparent; /* so that IE users will still see an image */ background-image: url('http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/userinfo-gray-1.png'); padding: 12px 12px 0 1px !important; }
.ljuser img[src="http://l-stat.livejournal.com/img/userinfo.gif"] { background-color:transparent; background-image: url('http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/userinfo-gray-1.png'); padding: 12px 12px 0 1px }
.ljuser img[src="http://l-stat.livejournal.com/img/community.gif"] { background-color:transparent; background-image: url('http://i274.photobucket.com/albums/jj270/jessica0293/tiny%20icons/comm-gray.png'); padding: 12px 12px 0 1px }
div.ContextualPopup img { border: 0; }
div.ContextualPopup div.Inner { background-color: transparent !important; font-family: Tahoma; font-size: 9px; color: #999999 !important; border: none; padding: 10px; width: 290px; }
div.ContextualPopup .Content { background: #E8E6E6; padding: 7px 10px 7px 10px; margin-right: 90px; line-height: 1.4; border: 1px solid #666666; }
div.ContextualPopup .Userpic { background: #E8E6E6; padding: 13px; margin: 0px; border: 1px solid #666666; }
div.ContextualPopup .Userpic img:hover { filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; !important }
div.ContextualPopup .Relation { font-family: Tahoma !important; font-size: 16px !important; font-weight: bold !important; color: #404040 !important; text-transform: lowercase; letter-spacing: -1px; margin-bottom: 3px; padding-bottom: 5px; }
div.ContextualPopup .Content .OnlineStatus { font-weight: lighter; text-decoration: none; }
div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:active, div.ContextualPopup div.Inner a:visited, div.ContextualPopup div.Inner a:hover { color: #999999 !important; text-decoration: none !important; }
table#lj_controlstrip td { background-color: #444444; font-family: Tahoma; font-size: 10px; border: 1px solid #444444; border-left: none; }
#lj_controlstrip a, #lj_controlstrip a:visited { font-family: Tahoma; font-size: 9px; font-weight: lighter; color: #FFFFFF; text-decoration: none; text-transform: uppercase; }
#lj_controlstrip a:hover { font-weight: lighter; color: #777777; text-decoration: underline; }
#lj_controlstrip_statustext { font-family: Verdana; size: 9px; color: #F2F2F2; text-transform: uppercase; }
form#qrform table { border-width: 0px !important; padding-right: 6px; }
Instructions:
① Under Select Layout Style, select any Smooth Sailing theme (it shouldn't make a difference).
② Pick Between Entries for your ad placement
③ Make sure that you set the sidebar to the Left.
④ Under the Custom CSS tab, set use layout's stylesheet(s) to No.
⑤ Paste the above code into the Custom CSS box.
⑥ Under Presentation in the Display tab, expand Basic Options and Additional Options. Select Right side of the Entry Text for Userinfo Position in Entries and No for Wrap Entry text under userinfo.
Enjoy!