Bloodshot eye, a ringing in the left ear

THAT THING WITH THE CUSTOMISED TINYICONS

ophiosaur — Thu, 12 Jul 2012 09:10:39 GMT

You may or may not have noticed that the customised tiny icons that replace userheads/community symbols etc. on your layout has gone a little screwy. This is because LJ has added a bit to their codes or something, which they do every so often for what I can only assume to be reasons. This was some days ago now but I've been doggedly trying to fix past codes here and at MV. I've fixed as far back as all of 2009 but I'm taking a break - that's some 80-odd codes done, plus some erratic code-cleaning and re-upping of images, and then double checking, and a couple of posts needed to be re-arranged so as not to rely on live-previews for code storage. Which is time consuming and is detracting from my scheduled Dianna Wynne Jones re-reading.

I've been using a fix looks something like this:

HTML BODY img.i-ljuser-userhead {height:0px !important;width:0 !important}

However, due to my slapdash and haphazard coding this isn't always the case. Generally if you fiddle with the height, that helps, but it's best just to look at the original code and re-copy if you haven't made alterations, or if you have, then copy the relevant bit.

This probably isn't the most efficient fix, and I also haven't checked the effects in browsers other than my firefox.

BUT HEY. While we're here, tell me what you think of the layout here and if anyone's interested I could probably vajazzle it up for you. I'm not sure about the banner, personally.

this is the part where everybody says they love you so [flexible squares]

ophiosaur — Thu, 20 Oct 2011 11:48:44 GMT

this is the part where everybody says they love you so
s2 flexible squares | plus/paid/free | firefox&chrome tested

installation
01. Choose Journal Style	Select the Flexible Squares layout "Greys" in "Select a New Theme".
02. Choose a Page Setup	i. Set Advertisement display to Horizontal or Between Entries ii. Select 2 Column (sidebar on right) or 2 Column (sidebar on left).
03. Style	Change the "Background color of the outer table" #FFFFFF.
04. Custom CSS	Ensure Use layout's stylesheet(s) is set to no
05.	Paste code into the Custom Stylesheet box. 1. /* this is the part where everybody says they love you so (flexible squares; ephectic) / body {text-align: center; background: #FFF url() repeat fixed 0 0; color: #ffffff; font-family:Arial, Helvetica, sans-serif; font-size: .75em; margin:0;padding-top:45px} .headerimage {position: relative; background: transparent url() no-repeat scroll 50% 0; height:px;width:px;margin:0 auto} #content{color: #222;margin: 0 auto 0; padding:0;width:auto} #maincontent { background-color:#FFF;padding:0;text-align: justify;margin: 40px auto 0 240px;width:700px} #sidebar {position:fixed;bottom:135px;padding:0 0 0 10px; text-align: left; color: #444; font-size: .86em; line-height: 1.75;background-color:#FFF;margin: 10px auto 0;width:200px;text-transform:lowercase;z-index:110;font-family:Arial, Helvetica, sans-serif;left:0} / HEADER / #header {margin: 40px auto 0;text-align: left; padding:0 0 0; line-height: 1; color: #fff;text-transform: uppercase;z-index:108;position:fixed;width:220px;bottom:5px;left:0} div#header a, div#header a:link, div#header a:visited {font-weight:normal;color:#333} div#header li.view {color:#aaa;border:none;border-right:1px solid #eee} ul.navheader{text-align: center; position:fixed;font-weight:normal;font-size: 7pt;letter-spacing:-0.01em;margin:0 auto;padding:0 0 0 5px;width:200px;text-transform:lowercase;z-index:197;bottom:80px} ul.navheader li {line-height: 1.5;margin:0; list-style-type: none;display:inline;padding:0 2px 0 0;border-right:1px solid #eee} ul.navheader li a{color:#000} div#header li a:hover{color:#000} div#header li.view, div#header a:hover{} .title {max-height:55px;overflow:hidden;padding-bottom:3px;margin-top:30px} .title:hover {overflow:visible} body.lj-view-entry .title {font-size:1.3em;overflow:visible} .title, .subtitle{margin:30px 0 2px 10px;font-size:1.8em;letter-spacing:-0.09em;color:#000;text-shadow:1px 1px 4px #555;z-index:160;text-transform:lowercase} .subtitle{color:#777;font-size:.8em;margin-top:0px;letter-spacing:0.03em;text-shadow:none} / ENTRIES / .subcontent { min-height: 120px;padding:0;margin:0 auto;} .date {margin:0;padding:2px 10px;color:#888; float:right; font-size:6pt} .subject {margin:0;padding:3px 0 2px 18px;background:transparent url(http://i35.tinypic.com/2dsef85.png) no-repeat scroll 0 50%;line-height: 1; color: #000; font-size:7.5pt;letter-spacing:0.03em;font-weight:normal} .subject a, .subject a:link, .subject a:visited {text-decoration: none} .datesubject {background-color:#FFF;text-align: left;margin:0 110px 0 0;padding: 10px 10px 10px 0;text-transform: uppercase;border-bottom:1px solid #eee} .entry{margin:0; padding: 20px 10px 5px;text-align: justify;line-height: 1.75;background-color:#FFF} .entry_text {margin: 0 110px 0 0;padding:0;position:relative;z-index:5;overflow:} .entry ul li,.entry ol li{padding-left: 5px;margin-left: 15px} / USERPICS / .userpic, .userpicfriends {margin:4px 0 10px 10px; position: relative;float:right;padding: 0;background-color: transparent !important;z-index: 15} .userpicfriends {text-align: left;text-transform: uppercase;letter-spacing:-0.04em;font-size:7pt} .userpicfriends img,.userpic img {padding: 0} / COMMENT BAR / .comments {color: #fff;text-transform:uppercase;font-weight:normal;line-height:.2;font-size:7.5pt;letter-spacing:-0.03em;text-align: right;padding: 15px 0 0;margin:0 0 0 auto;clear:right} div.comments a, div.comments a:visited, div.comments a:link {display:inline;padding:2px 0 2px 12px;margin:0;line-height:.9;background: transparent url(http://i46.tinypic.com/dfk6ix.png) no-repeat scroll 0 0} div.comments a:hover{;background-color:#FFEC1F} .separator{height:60px} / CURRENTS AND TAGS (icons by ?) / .ljtags {text-align: right; padding: 4px 18px 4px 0; background: transparent url(http://i.imgur.com/LpPE3.png) no-repeat scroll 100% 50%;margin: 50px -110px 0 auto;width:400px; text-transform: lowercase; color: #ffffff; font-weight: bold;font-size: 0;clear:right} div.ljtags a {font-size: 7pt;background-color:#eeeeee;margin-left:5px;padding:0 2px;font-weight: normal} .currents {text-align: right; margin:0; padding-top:15px; padding: 8px 0px 8px 0; text-transform: lowercase; font-size: 7pt; color: #646464;clear:right} .currents strong, .currentlocation strong, .currentmood strong, .currentgroups strong, .currentmusic strong {text-decoration: none; color: #000; display:none} .currentlocation, .currentmood, .currentgroups , .currentmusic {padding: 1px 18px 1px 0; background: transparent none no-repeat scroll 100% 50%} .currentlocation {background-image: url(http://i.imgur.com/XPRgg.png)} .currentmood{background-image: url(http://i.imgur.com/3WlbK.png)} .currentmood img{display:none} .currentgroups {background-image: url(http://i.imgur.com/doaM8.png)} .currentmusic {background-image: url(http://i.imgur.com/thlcP.png)} / TAG PAGE / h2 {text-transform:uppercase;font-size:1.2em;letter-spacing:0.08em;font-weight:normal; line-height: 1; padding:10px 0;margin: 0 auto 0 0;background-color:#FFFFFF;width:650px} .ljtaglist {text-align: left; margin: 0 auto 0 0; padding:0; list-style:inside none decimal-leading-zero;background-color:#FFFFFF;width:650px} .ljtaglist li {padding:4px 10px;border-bottom: 1px dotted #eeeeee} / COMMENT PAGE / .box { text-align: left; padding:0; clear: right;margin:0 auto} .datesubjectcomment {text-align: left; color: #000000;font-variant:small-caps;margin:0;padding:5px 0;border-bottom:1px solid #eee} .datesubjectcomment strong{margin-left:20px;font-size:1.4em} .userpiccomment {float: left;margin: -5px 5px 0 0;background-color:#FFF;padding:3px;border:1px solid #eee} input { font-family: Arial, Tahoma, "Verdana", sans-serif; font-size: 11px; background-color: #fafafa; border: 1px solid #cccccc} textarea.textbox {width: 100% !important} .reply{ border: 0px ; position: relative; margin: 20px 30px 10px 20px; padding: 25px 10px 10px 10px; text-align: left} .replytosubject {font-weight: bold} .replytoposter{padding:5px} body.lj-view-reply .entry{padding: 20px} .replytosubject{font-size:1.2em;font-weight:normal;padding:4px 4px 0 0px;color:#666666} .commentreply {min-height:80px;text-align: left; position: relative; margin:5px 0 5px 120px;padding:10px;line-height:1.5} .commentbox {padding: 10px 0px;background-color:#FFF;margin:20px 0 0} .commentboxpartial {padding: 5px;background-color:#FFF;margin:10px 0;border-bottom:1px solid #eee} .commentinfo {margin-top: 10px;width: 100%} form#postform{background-color:#FFF;padding:10px}form#qrform {background-color:#FFF;padding:10px} form#qrform table {border-width: 0px !important} .skiplinks {text-align: center;margin: 0 auto 10px;padding: 10px; font-size: 8pt; color: #ccc;background-color:#FFF} / SIDEBAR / .defaultuserpic {padding: 10px 5px;text-align:left;background-color:#FFF;position:fixed;top:0;left:0;width:210px;z-index:10} .defaultuserpic img{width:30px;height:30px;-moz-border-radius:15px;-webkit-border-radius: 15px;border-radius: 15px} .defaultuserpic img:hover{width:auto;height:auto;-moz-border-radius:50px;-webkit-border-radius: 50px;border-radius: 50px} .defaultuserpic a{background-color:transparent !important} .sbarheader {} .sbarbody{} #sidebar_linklist,#sidebar_summary,#sidebar_tags , #sidebar_calendar {height:30px;overflow:hidden;background-color:#eee;margin-bottom:5px;z-index:100} #sidebar_linklist:hover,#sidebar_summary:hover,#sidebar_tags:hover , #sidebar_calendar:hover{height:155px;overflow:visible;padding-bottom:15px;background-color:#eee} .sbarbody2{height:5px;overflow:hidden;font-size:0;position:relative;bottom:10px;z-index:10;opacity:0;z-index:20} .sbarbody2:hover {font-size:7pt;background-color:#eee;padding:10px 10px 10px;height:140px;overflow-y:scroll;margin:0 0 -5px;opacity:1} ul.sbarlist{ margin: 0; ;padding:0; list-style: none;line-height:1} ul.sbarlist.sbarcontent {height:140px;overflow-y:scroll;background-color:#eee} li.sbaritem{margin:1px 10px;display:block;padding:2px 10px;background-color:#e4e4e4} li.sbaritem a{font-style:italic; padding: 0} li.sbaritem:hover{background-color:#ddd} li.sbartitle{background-color:#eee;padding: 10px 4px;height:10px;margin:0;z-index:100} #sidebar table.calendar {font-size:7pt;line-height:1} td.sbarcalendar, td.sbarcalendarposts {border:1px solid #ddd;background-color:#f2f2f2;padding:4px 5px;vertical-align:middle;text-align:center} td.sbarcalendarposts {background-color:#e3e3e3} / FOOTER / #footer {padding: 0 10px;margin:0 auto 0 0;text-transform: uppercase; text-align:right;font-size: 6pt;line-height:1; z-index: 100; clear: both;position:fixed; bottom:105px; left:0} ul.navfooter{ padding: 4px 0 0; margin:0;width:200px;border-top:1px solid #eee;border-bottom:1px solid #eee;height:21px} ul.navfooter li {list-style: none; margin: 0 0 3px;display:inline} div#footer li.viewing {color:#000;float:left;width:75px;height:20px;overflow:hidden;margin-right:20px} div#footer a, div#footer a:link, div#footer a:visited {} div#footer a{font-size:0; color:#fff} div#footer li a{padding: 9px 15px;background:transparent url(http://i31.tinypic.com/20tqdmt.png) no-repeat scroll 0 50%;float:right;} div#footer li + li a{padding: 9px 15px;background:transparent url(http://i32.tinypic.com/y2qef.png) no-repeat scroll 0 50%;float:left} .clearfoot {clear:both;background-color:#FFF} / ARCHIVE PAGE / ul.year { margin: 0;background-color:#FFFFFF;padding:20px} ul.year li {display: inline} ul.year li a{padding:0 3px} ul.year li a:hover, table.yeartable a{background-color:#FFEC1F;color:#FFFFFF;padding:0 3px} table.yeartable {margin:0 auto;padding: 20px 60px;background-color:#FFFFFF} table.yeartable td.yeardate, table.yeartable td.yearday { border: 1px solid #dddddd} table.yeartable td.yearday { background-color: #eee; text-align: center} td.yearmonth {border-style: none} .clear {display:none} / MINI ICONS by Julz and Icojoy/ HTML BODY img.i-ljuser-userhead {height:12px !important;width:0 !important} img[src="icon_protected.gif"], img[src="icon_private.gif"], img[src="icon_groups.gif"], img[src="btn_spam.gif"], img[src="btn_del.gif"], img[src="btn_edit.gif"], img[src="btn_scr.gif"], img[src="btn_unscr.gif"], img[src="btn_freeze.gif"], img[src="btn_unfreeze.gif"], img[src="btn_track.gif"], img[src="btn_tracking.gif"], img[src="btn_tracking_thread.gif"] , img[src="anonymous.gif"], img[src="openid-16.gif"], img[src="userinfo.gif"], img[src="talk/none.gif"], img[src="help.gif"], img[src="pencil.gif"], img[src="upgrade-paid-icon.gif"] {height: 0px; width: 0px; padding: 0 0 16px 16px !important; background: transparent none no-repeat scroll 0 0;vertical-align:bottom !important} .subject img {vertical-align: middle !important} img[src="icon_protected.gif"]{background-image: url(http://i.imgur.com/8EYIE.png)} img[src="icon_private.gif"]{background-image: url(http://i.imgur.com/iTIiB.png)} img[src="icon_groups.gif"]{background-image: url(http://i.imgur.com/doaM8.png)} .ljuser img[src="syndicated.gif"], .ljuser img[src="newsinfo.gif"], .ljuser img[src="partnercomm.gif"], .ljuser img[src="sponcomm.gif"] {background: transparent none no-repeat 0 50%; padding: 12px 12px 0 2px !important} .ljuser img[src="syndicated.gif"]{background-image: url(http://i.imgur.com/jsuZF.png)} .ljuser img[src="newsinfo.gif"] {background-image: url(http://i.imgur.com/6E68f.png) !important} .ljuser img[src="partnercomm.gif"]{background-image: url(http://i.imgur.com/5REPV.png) !important} .ljuser img[src="sponcomm.gif"] {background-image: url(http://i.imgur.com/xfFeS.png) !important} img[src="btn_spam.gif"]{background-image: url(http://i.imgur.com/6zUIB.gif)} img[src="btn_del.gif"]{background-image: url(http://i.imgur.com/r3uXU.png)} img[src="btn_scr.gif"] {background-image: url(http://i.imgur.com/HJagL.png)} img[src="btn_freeze.gif"] {background-image: url(http://i.imgur.com/IGXDP.png)} img[src="btn_unfreeze.gif"], img[src="btn_unscr.gif"] {background-image: url(http://i.imgur.com/drTTM.png)} img[src="btn_track.gif"] {background-image: url(http://i.imgur.com/ltAwT.png)} img[src="btn_tracking.gif"], img[src="btn_tracking_thread.gif"] {background-image: url(http://i.imgur.com/FpOgl.png)} img[src="anonymous.gif"] {background-image: url(http://i.imgur.com/1vclb.png)} img[src="openid-16.gif"] {background-image: url(http://i.imgur.com/iKDYU.png)} img[src="userinfo.gif"], .b-postform-authtype-user .b-postform-login-services-current-pic {background-image: url(http://i.imgur.com/zqHfn.png)} img[src="talk/none.gif"] {background-image: url(http://i.imgur.com/xoq87.png)} img[src="help.gif"] {background-image: url(http://i.imgur.com/Nz2pX.png)} img[src="pencil.gif"], img[src="btn_edit.gif"] {background-image: url(http://i.imgur.com/MvB34.png)} img[src="upgrade-paid-icon.gif"] {background-image: url(http://i.imgur.com/awGNL.png)} .ljuser img {width: 0; height: 0; background: transparent url(http://i.imgur.com/zqHfn.png) no-repeat 0 50%; padding: 10px 10px 0 2px !important; vertical-align: baseline !important} .ljuser img[src="userinfo.gif"] {background: transparent url(http://i.imgur.com/zqHfn.png) no-repeat 0 50% !important; padding: 10px 10px 0 2px !important} .ljuser img[src="community.gif"] { background: transparent url(http://i.imgur.com/q7uKz.png) no-repeat scroll 0 50% !important; padding: 10px 10px 0 2px !important} .Note .Inner { background: #ffffff none repeat scroll 0 0; border: 1px solid #eeeeee; color: #666666} .ippu .track_title {letter-spacing: 3px; color: #444444; font-weight: normal} div.ljcmtmanage { background: #ffffff none repeat scroll 0 0; border: 1px solid #eeeeee; padding:10px} .b-postform-login-services-current-pic {background-position: 6px 50%;border-color:#ccc !important;border-radius:0 !important} / CONTEXTUAL POP-UP / div.ContextualPopup {margin: 0px; text-align: left; font: normal 9px "Arial" !important} div.ContextualPopup div.Inner {color: #aaaaaa !important;border:none;background: transparent url() !important; padding: 0; width: 300px} div.ContextualPopup .Userpic { padding: 12px; margin: 0; border: 1px solid #eeeeee; background: #ffffff url()} div.ContextualPopup .Content { padding: 5px;border: 1px solid #ececec; margin-right:80px;background: #ffffff url()} div.ContextualPopup div.Inner a:link, 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-size: 9pt;text-transform:uppercase} / MISC / #lj_controlstrip_new{z-index:101} .w-cs .w-cs-userinfo {padding-left:220px;margin-right:10px} .w-cs .w-cs-user-controls {margin-left:%} .w-cs .w-cs-status {float:none;text-align:left;line-height:1} .w-cs .w-cs-user-controls .w-cs-menu {position:relative;top:5px;left:0} .w-cs FORM.w-cs-search {float:right;top:-18px} a img {border:none} b, u { color: #111111} i, s { color: #888888} p, td {} blockquote { padding:15px; border: 1px solid #eeeeee; background-color: #f7f7f7; color:#444444;margin:10px} code {display:block; padding:5px; border:1px dashed #DDDDDD; font-size: 12px;} .appwidget-qotd table td div{border:1px solid #eeeeee !Important;padding:5px 30px 5px 5px !important} kbd, pre, tt {font-family: monospace;} textarea { font-family: Georgia, Times New Roman, Times,serif;font-size: 12px; background-color: #f7f7f7; border: 1px solid #dddddd; color: #333333} / COLORS / a, a:link, a:visited, .subject a:visited, h2, code, .datesubjectcomment a:link, .datesubjectcomment a:visited, div.ContextualPopup .Relation, .ljuser a b { color: #000; text-decoration: none;font-weight:bold} .ljuser a b {font-style:italic;text-decoration:none} .entry_text a, .commentreply a, .ljuser a b,.currents a {} a:hover, .datesubjectcomment a:hover, .ljuser a b:hover,div.ljtags a:hover {background-color:#FFEC1F;top:1px;left:1px;text-decoration: none;} .ljuser a img:hover{background-color:transparent !important} .ljuser a{;text-decoration:none} .subject a, .subject a:link, .subject, .subject a:visited, .subject a:hover, .subject a:link:hover,.subject a:visited:hover,.userpicfriends a:hover {background-color:transparent;text-decoration: none;color: #000;font-weight:normal} .userpicfriends a {color:#000} #sidebar a{color:#333;font-weight:normal} #sidebar a:hover{color:#000;background-color:#FFEC1F} .ljcut-link {font-weight:normal;padding-left:10px;text-transform:lowercase;font-variant:small-caps} 2. / this is the part where everybody says they love you so (flexible squares; ephectic) / body {text-align: center; background: #FFF url() repeat fixed 0 0; color: #ffffff; font-family:Arial, Helvetica, sans-serif; font-size: .7em; margin:0;padding-top:45px} .headerimage {position: relative; background: transparent url() no-repeat scroll 50% 0; height:px;width:px;margin:0 auto} #content{color: #222;margin: 0 auto 0; padding:0;width:auto} #maincontent { background-color:#FFF;padding:0;text-align: justify;margin: 10px auto 0 230px;max-width:880px} #sidebar {position:fixed;bottom:150px;left:0;padding:0 0 0 10px; text-align: left; color: #444; font-size: .86em; line-height: 1.75;background-color:#FFF;margin: 10px auto 0;width:200px;text-transform:lowercase;z-index:110;font-family:Arial, Helvetica, sans-serif} / HEADER / #header {margin: 40px auto 0;text-align: left; padding:0 0 0; line-height: 1; color: #fff;text-transform: uppercase;z-index:108;position:fixed;width:220px;left:0;bottom:5px} div#header a, div#header a:link, div#header a:visited {font-weight:normal;color:#333} div#header li.view {color:#aaa;border:none;border-right:1px solid #eee} ul.navheader{text-align: center;;font-weight:normal;font-size: 7pt;letter-spacing:-0.01em;margin:0 auto;padding:0 0 0 5px;width:200px;text-transform:lowercase;z-index:197;} ul.navheader li {line-height: 1.5;margin:0; list-style-type: none;display:inline;padding:0 2px 0 0;border-right:1px solid #eee} ul.navheader li a{color:#000} div#header li a:hover{color:#000} div#header li.view, div#header a:hover{} .title {max-height:65px;overflow:hidden;padding-bottom:3px} .title:hover {overflow:visible} body.lj-view-entry .title {font-size:1.3em;overflow:visible} .title, .subtitle{margin:20px 0 2px 10px;font-size:2em;letter-spacing:-0.09em;color:#000;text-shadow:1px 1px 4px #555;z-index:160;text-transform:lowercase} .subtitle{color:#777;font-size:.75em;margin-top:0px;letter-spacing:0.03em;text-shadow:none} / ENTRIES / .subcontent { padding: 0 0;margin:0 15px 0 20px;width:400px;float:left;height:600px} .date {margin:0;padding:0;color:#888; font-size:6pt} .subject {margin:0;padding:3px 0 2px 0;line-height: 1; color: #000; font-size:7.5pt;letter-spacing:0.03em;font-weight:normal;height:7px} .subject a, .subject a:link, .subject a:visited {text-decoration: none} .datesubject {background-color:#FFF;text-align: left;margin:0 0 10px;padding: 10px 10px 30px 0;text-transform: uppercase;border-bottom:1px solid #eee} .entry{margin:0; padding: 0 0 5px;text-align: left;line-height: 1.75;background-color:#FFF} .entry_text {margin: 0 15px 0 0;width:380px;padding:10px 0 0;position:relative;z-index:5;height:400px;overflow:hidden} .entry_text:hover {overflow-y:scroll;width:395px;padding: 10px 5px 0 0;margin-right:0} .entry ul li,.entry ol li{padding-left: 5px;margin-left: 15px} / USERPICS / .userpic, .userpicfriends {margin:0; position: relative;float:right;padding: 0;background-color: transparent !important;z-index: 15;display:non} .userpicfriends {text-align: left;text-transform: uppercase;font-weight:normal;letter-spacing:-0.04em;font-size:6pt} .userpicfriends a, .userpicfriends a font{font-weight:normal;background-color:#FFF} .userpicfriends img,.userpic img {padding: 0;height:60px;width:60px} .userpicfriends img{padding-bottom:5px} / COMMENT BAR / .comments {color: #fff;text-transform:uppercase;font-weight:normal;line-height:.2;font-size:7.5pt;letter-spacing:-0.03em;text-align: right;padding: 15px 0 0;margin:0 0 0 auto;clear:right} div.comments a, div.comments a:visited, div.comments a:link {display:inline;padding:2px 0 2px 12px;margin:0;line-height:.9;background: transparent url(http://i46.tinypic.com/dfk6ix.png) no-repeat scroll 0 0} div.comments a:hover{;background-color:#FFEC1F} .separator{height:0px} / CURRENTS AND TAGS (icons by ?) / .ljtags {text-align: right; padding: 4px 18px 4px 0; background: transparent url(http://i.imgur.com/LpPE3.png) no-repeat scroll 100% 50%;margin: 50px 0 0 auto; text-transform: lowercase; color: #ffffff; font-weight: bold;font-size: 0;clear:right} div.ljtags a {font-size: 7pt;background-color:#eeeeee;margin-left:5px;padding:0 2px;font-weight: normal} .currents {text-align: right; margin:0; padding-top:15px; padding: 8px 0px 8px 0; text-transform: lowercase; font-size: 7pt; color: #646464;clear:right} .currents strong, .currentlocation strong, .currentmood strong, .currentgroups strong, .currentmusic strong {text-decoration: none; color: #000; display:none} .currentlocation, .currentmood, .currentgroups , .currentmusic {padding: 1px 18px 1px 0; background: transparent none no-repeat scroll 100% 50%} .currentlocation {background-image: url(http://i.imgur.com/XPRgg.png)} .currentmood{background-image: url(http://i.imgur.com/3WlbK.png)} .currentmood img{display:none} .currentgroups {background-image: url(http://i.imgur.com/doaM8.png)} .currentmusic {background-image: url(http://i.imgur.com/thlcP.png)} / TAG PAGE / h2 {text-transform:uppercase;font-size:1.2em;letter-spacing:0.08em;font-weight:normal; line-height: 1; padding:10px 0;margin: 0 auto 0 0;background-color:#FFFFFF;width:650px} .ljtaglist {text-align: left; margin: 0 auto 0 0; padding:0; list-style:inside none decimal-leading-zero;background-color:#FFFFFF;width:650px} .ljtaglist li {padding:4px 10px;border-bottom: 1px dotted #eeeeee} / COMMENT PAGE / body.lj-view-reply .subcontent, body.lj-view-entry .subcontent{float:none;width:700px;height:auto;} body.lj-view-reply .entry_text, body.lj-view-entry .entry_text {width:700px;height:auto;padding:10px;margin:0;font-size:1.1em} body.lj-view-reply .entry_text:hover, body.lj-view-entry .entry_text:hover {width:700px;padding:10px;overflow:visible;margin-right:0} body.lj-view-reply .datesubject, body.lj-view-entry .datesubject{padding:40px 0} body.lj-view-reply .userpic img, body.lj-view-entry .userpicfriends img{width:auto;height:auto} .box { text-align: left; padding:0; clear: right;margin:20px auto 0 0;width:700px} .datesubjectcomment {text-align: left; color: #000000;font-variant:small-caps;margin:0;padding:5px 0;border-bottom:1px solid #eee} .datesubjectcomment strong{margin-left:20px;font-size:1.4em} .userpiccomment {float: left;margin: -5px 5px 0 0;background-color:#FFF;padding:3px;border:1px solid #eee} input { font-family: Arial, Tahoma, "Verdana", sans-serif; font-size: 11px; background-color: #fafafa; border: 1px solid #cccccc} textarea.textbox {width: 100% !important} .reply{ border: 0px ; position: relative; margin: 20px 30px 10px 20px; padding: 25px 10px 10px 10px; text-align: left} .replytosubject {font-weight: bold} .replytoposter{padding:5px} body.lj-view-reply .entry{padding: 20px} .replytosubject{font-size:1.2em;font-weight:normal;padding:4px 4px 0 0px;color:#666666} .commentreply {min-height:80px;text-align: left; position: relative; margin:5px 0 5px 120px;padding:10px;line-height:1.5} .commentbox {padding: 10px 0px;background-color:#FFF;margin:20px 0 0} .commentboxpartial {padding: 5px;background-color:#FFF;margin:10px 0;border-bottom:1px solid #eee} .commentinfo {margin-top: 10px;width: 100%} form#postform{background-color:#FFF;padding:10px}form#qrform {background-color:#FFF;padding:10px} form#qrform table {border-width: 0px !important} .skiplinks {text-align: center;margin: 0 auto 10px 0;padding: 10px; font-size: 8pt; color: #ccc;background-color:#FFF;width:700px} / SIDEBAR / .defaultuserpic {padding: 10px 5px;text-align:left;background-color:#FFF;position:fixed;top:0;left:0;width:210px;z-index:10} .defaultuserpic img{width:30px;height:30px;-moz-border-radius:15px;-webkit-border-radius: 43px;border-radius: 15px} .defaultuserpic img:hover{width:auto;height:auto;-moz-border-radius:50px;-webkit-border-radius: 50px;border-radius: 50px} .defaultuserpic a{background-color:transparent !important} .sbarheader {} .sbarbody{} #sidebar_linklist,#sidebar_summary,#sidebar_tags , #sidebar_calendar {height:30px;overflow:hidden;background-color:#eee;margin-bottom:5px;z-index:100} #sidebar_linklist:hover,#sidebar_summary:hover,#sidebar_tags:hover , #sidebar_calendar:hover{height:155px;overflow:visible;padding-bottom:15px;background-color:#eee} .sbarbody2{height:5px;overflow:hidden;font-size:0;position:relative;bottom:10px;z-index:10;opacity:0;z-index:20} .sbarbody2:hover {font-size:7pt;background-color:#eee;padding:10px 10px 10px;height:140px;overflow-y:scroll;margin:0 0 -5px;opacity:1} ul.sbarlist{ margin: 0; ;padding:0; list-style: none;line-height:1} ul.sbarlist.sbarcontent {height:140px;overflow-y:scroll;background-color:#eee} li.sbaritem{margin:1px 10px;display:block;padding:2px 10px;background-color:#e4e4e4} li.sbaritem a{font-style:italic; padding: 0} li.sbaritem:hover{background-color:#ddd} li.sbartitle{background-color:#eee;padding: 10px 4px;height:10px;margin:0;z-index:100} #sidebar table.calendar {font-size:7pt;line-height:1} td.sbarcalendar, td.sbarcalendarposts {border:1px solid #ddd;background-color:#f2f2f2;padding:4px 5px;vertical-align:middle;text-align:center} td.sbarcalendarposts {background-color:#e3e3e3} / FOOTER / #footer {padding: 0 10px;margin:0 auto 0 0;text-transform: uppercase; text-align:right;font-size: 6pt;line-height:1; z-index: 100; clear: both;position:fixed; bottom:120px; left:0} ul.navfooter{ padding: 4px 0 0; margin:0;width:200px;border-top:1px solid #eee;border-bottom:1px solid #eee;height:21px} ul.navfooter li {list-style: none; margin: 0 0 3px;display:inline} div#footer li.viewing {color:#000;float:left;width:75px;height:20px;overflow:hidden;margin-right:20px} div#footer a, div#footer a:link, div#footer a:visited {} div#footer a{font-size:0} div#footer li a{padding: 9px 15px;background:transparent url(http://i31.tinypic.com/20tqdmt.png) no-repeat scroll 0 50%;float:right} div#footer li + li a{padding: 9px 15px;background:transparent url(http://i32.tinypic.com/y2qef.png) no-repeat scroll 0 50%;float:left} .clearfoot {clear:both;background-color:#FFF} / ARCHIVE PAGE / ul.year { margin: 0;background-color:#FFFFFF;padding:20px} ul.year li {display: inline} ul.year li a{padding:0 3px} ul.year li a:hover, table.yeartable a{background-color:#FFEC1F;color:#FFFFFF;padding:0 3px} table.yeartable {margin:0 auto;padding: 20px 0;background-color:#FFFFFF;width:650px} table.yeartable td.yeardate, table.yeartable td.yearday { border: 1px solid #dddddd} table.yeartable td.yearday { background-color: #eee; text-align: center} td.yearmonth {border-style: none} .clear {display:none} / MINI ICONS by Julz and Icojoy/ HTML BODY img.i-ljuser-userhead {height:12px !important;width:0 !important} img[src="icon_protected.gif"], img[src="icon_private.gif"], img[src="icon_groups.gif"], img[src="btn_spam.gif"], img[src="btn_del.gif"], img[src="btn_edit.gif"], img[src="btn_scr.gif"], img[src="btn_unscr.gif"], img[src="btn_freeze.gif"], img[src="btn_unfreeze.gif"], img[src="btn_track.gif"], img[src="btn_tracking.gif"], img[src="btn_tracking_thread.gif"] , img[src="anonymous.gif"], img[src="openid-16.gif"], img[src="userinfo.gif"], img[src="talk/none.gif"], img[src="help.gif"], img[src="pencil.gif"], img[src="upgrade-paid-icon.gif"] {height: 0px; width: 0px; padding: 0 0 16px 16px !important; background: transparent none no-repeat scroll 0 0;vertical-align:bottom !important} .subject img {vertical-align: middle !important} img[src="icon_protected.gif"]{background-image: url(http://i.imgur.com/8EYIE.png)} img[src="icon_private.gif"]{background-image: url(http://i.imgur.com/iTIiB.png)} img[src="icon_groups.gif"]{background-image: url(http://i.imgur.com/doaM8.png)} .ljuser img[src="syndicated.gif"], .ljuser img[src="newsinfo.gif"], .ljuser img[src="partnercomm.gif"], .ljuser img[src="sponcomm.gif"] {background: transparent none no-repeat 0 50%; padding: 12px 12px 0 2px !important} .ljuser img[src="syndicated.gif"]{background-image: url(http://i.imgur.com/jsuZF.png)} .ljuser img[src="newsinfo.gif"] {background-image: url(http://i.imgur.com/6E68f.png) !important} .ljuser img[src="partnercomm.gif"]{background-image: url(http://i.imgur.com/5REPV.png) !important} .ljuser img[src="sponcomm.gif"] {background-image: url(http://i.imgur.com/xfFeS.png) !important} img[src="btn_spam.gif"]{background-image: url(http://i.imgur.com/6zUIB.gif)} img[src="btn_del.gif"]{background-image: url(http://i.imgur.com/r3uXU.png)} img[src="btn_scr.gif"] {background-image: url(http://i.imgur.com/HJagL.png)} img[src="btn_freeze.gif"] {background-image: url(http://i.imgur.com/IGXDP.png)} img[src="btn_unfreeze.gif"], img[src="btn_unscr.gif"] {background-image: url(http://i.imgur.com/drTTM.png)} img[src="btn_track.gif"] {background-image: url(http://i.imgur.com/ltAwT.png)} img[src="btn_tracking.gif"], img[src="btn_tracking_thread.gif"] {background-image: url(http://i.imgur.com/FpOgl.png)} img[src="anonymous.gif"] {background-image: url(http://i.imgur.com/1vclb.png)} img[src="openid-16.gif"] {background-image: url(http://i.imgur.com/iKDYU.png)} img[src="userinfo.gif"], .b-postform-authtype-user .b-postform-login-services-current-pic {background-image: url(http://i.imgur.com/zqHfn.png)} img[src="talk/none.gif"] {background-image: url(http://i.imgur.com/xoq87.png)} img[src="help.gif"] {background-image: url(http://i.imgur.com/Nz2pX.png)} img[src="pencil.gif"], img[src="btn_edit.gif"] {background-image: url(http://i.imgur.com/MvB34.png)} img[src="upgrade-paid-icon.gif"] {background-image: url(http://i.imgur.com/awGNL.png)} .ljuser img {width: 0; height: 0; background: transparent url(http://i.imgur.com/zqHfn.png) no-repeat 0 50%; padding: 10px 10px 0 2px !important; vertical-align: baseline !important} .ljuser img[src="userinfo.gif"] {background: transparent url(http://i.imgur.com/zqHfn.png) no-repeat 0 50% !important; padding: 10px 10px 0 2px !important} .ljuser img[src="community.gif"] { background: transparent url(http://i.imgur.com/q7uKz.png) no-repeat scroll 0 50% !important; padding: 10px 10px 0 2px !important} .Note .Inner { background: #ffffff none repeat scroll 0 0; border: 1px solid #eeeeee; color: #666666} .ippu .track_title {letter-spacing: 3px; color: #444444; font-weight: normal} div.ljcmtmanage { background: #ffffff none repeat scroll 0 0; border: 1px solid #eeeeee; padding:10px} .b-postform-login-services-current-pic {background-position: 6px 50%;border-color:#ccc !important;border-radius:0 !important} / CONTEXTUAL POP-UP / div.ContextualPopup {margin: 0px; text-align: left; font: normal 9px "Arial" !important} div.ContextualPopup div.Inner {color: #aaaaaa !important;border:none;background: transparent url() !important; padding: 0; width: 300px} div.ContextualPopup .Userpic { padding: 12px; margin: 0; border: 1px solid #eeeeee; background: #ffffff url()} div.ContextualPopup .Content { padding: 5px;border: 1px solid #ececec; margin-right:80px;background: #ffffff url()} div.ContextualPopup div.Inner a:link, 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-size: 9pt;text-transform:uppercase} / MISC / #lj_controlstrip_new{z-index:101} .w-cs .w-cs-userinfo {padding-left:220px;margin-right:10px} .w-cs .w-cs-user-controls {margin-left:%} .w-cs .w-cs-status {float:none;text-align:left;line-height:1} .w-cs .w-cs-user-controls .w-cs-menu {position:relative;top:5px;left:0} .w-cs FORM.w-cs-search {float:right;top:-18px} a img {border:none} b, u { color: #111111} i, s { color: #888888} p, td {} blockquote { padding:15px; border: 1px solid #eeeeee; background-color: #f7f7f7; color:#444444;margin:10px} code {display:block; padding:5px; border:1px dashed #DDDDDD; font-size: 12px;} .appwidget-qotd table td div{border:1px solid #eeeeee !Important;padding:5px 30px 5px 5px !important} kbd, pre, tt {font-family: monospace;} textarea { font-family: Georgia, Times New Roman, Times,serif;font-size: 12px; background-color: #f7f7f7; border: 1px solid #dddddd; color: #333333} / COLORS */ a, a:link, a:visited, .subject a:visited, h2, code, .datesubjectcomment a:link, .datesubjectcomment a:visited, div.ContextualPopup .Relation, .ljuser a b { color: #000; text-decoration: none;font-weight:bold} .ljuser a b {font-style:italic;text-decoration:none} .entry_text a, .commentreply a, .ljuser a b,.currents a {} a:hover, .datesubjectcomment a:hover, .ljuser a b:hover,div.ljtags a:hover {background-color:#FFEC1F;top:1px;left:1px;text-decoration: none;} .ljuser a img:hover{background-color:transparent !important} .ljuser a{;text-decoration:none} .subject a, .subject a:link, .subject, .subject a:visited, .subject a:hover, .subject a:link:hover,.subject a:visited:hover,.userpicfriends a:hover {background-color:transparent;text-decoration: none;color: #000;font-weight:normal} .userpicfriends a {font-weight:normal;color:#000} #sidebar a{color:#333;font-weight:normal} #sidebar a:hover{color:#000;background-color:#FFEC1F} .ljcut-link {font-weight:normal;padding-left:10px;text-transform:lowercase;font-variant:small-caps}
notes
credit	mini icons by Icojoy and graphicsbyjulz.
safe keeping	Upload images to your own server to be safe. Tinypic does delete its images after a while.
editing	♚ As per usual, feel free to add your own header/ edit bloody anything you want to. Or are capaple of.
F.A.Q.	If you have problems with a layout, please post them at the FAQ. I unfortunately I cannot help with stylistic edits, but as I said before, go nuts doing so.
oh, and yeah:	The complicated set-up for the second variation I realise is not for everyone (hence no. 1) but for the spirited sorts of chaps to whom it appeals, it looks best with an even number of entries showing per page. The live preview only displays two entries (I really ought to change that) but it can have as many as you like. Hovering should display the scrollbar to explore the content. Unfortunately I made this layout such a dashed long time ago I can't recall of the finer details of the layout. 07.04.12: Site died, so re-upped images. Live previews still down. 10.07.12: Small code edit for usericons

salvation in white knuckles on a wheel [flexible squares]

ophiosaur — Mon, 07 Feb 2011 02:31:17 GMT

image \| live	image \| live
image \| live	image \| live
salvation in white knuckles on a wheel style: flexible squares features:custom comment pages, mini icons, topbar/bottombar browsers: FF, IE8, Safari, Chrome

installation
01. Choose Journal Style	Select the Flexible Squares layout "Autumn" for variations #1&3, and "Greys" for #2&4, in "Select a New Theme".
02. Choose a Page Setup	i. Set Advertisement display to Horizontal or Between Entries ii. Select 2 Column (sidebar on right) or 2 Column (sidebar on left).
03. Style	Change the "Background color of the outer table" to #222222 (1 & 3) or #FFFFFF (2 & 4).
04. Custom CSS	Ensure Use layout's stylesheet(s) is set to no
05.	Paste code into the Custom Stylesheet box. 1. corpsman /* salvation in white knuckles on a wheel in corpsman (flexible squares; milou veronica) / body {background-color: #111;text-align: center; color: #ffffff; font-family:"Arial", Helvetica,serif; font-size: .8em; margin:0} .headerimage {display:none;position: relative; background: transparent url() repeat scroll 0 0; height:;width:;margin-left: auto;margin-right: auto} #content{background-color: #FFFFFF; color: #222222;margin: 0 auto; border-width: 0px; padding:0;} #maincontent { padding:30px 0 0;max-width: 700px;background: #FFF url() repeat scroll 0 0; text-align: justify;margin: 0 auto 0 240px} #sidebar {padding:30px 0 0 20px; text-align: left; color: #000000; font-size: .85em; line-height: 1.75;width: 200px;margin:0 auto;float:left} / HEADER / #header {background-color:#111111;margin: 0 auto;text-align: left; padding:0; line-height: 1; color: #eee;font-family:Helvetica,Arial,sans-serif;overflow:hidden;height:49px; border-bottom:1px solid #ccc;border-top:1px solid #333333} 222 div#header a, div#header a:link, div#header a:visited {font-weight:normal;background-color:transparent;color:#aaa} div#header li.view {padding:20px 10px} ul.navheader{font-size: .8em;text-transform: uppercase;letter-spacing:-0.04em;margin:0 10px 0 0;padding:20px 10px 20px 0;text-align:left;float:left} ul.navheader li {margin:0 0 0 -3px; list-style-type: none;display:inline;border-right:1px solid #333333;padding: 20px 10px} ul.navheader li:hover,div#header li.view:hover{color:#fff;border-bottom:10px solid #333;padding-bottom: 10px} ul.navheader li:hover a{color:#aaaaaa} ul.navheader li a{font-weight:normal;background-color:transparent;color:#aaa} .title {margin: 0;font-size:1.5em;text-transform: lowercase;padding:5px 0 0 0;line-height:0.8}.title:first-letter {color:#81C2CF;font-size:1.8em} .subtitle{padding:0;text-transform: lowercase;color:#666666;font-size:.9em} / ENTRIES / .subcontent { min-height: 120px; background: #FFFFFF url() repeat scroll;margin-left: auto; margin-right: auto} .date {margin:0 15px 0 0; color:#81C2CF;text-transform: uppercase; font-weight:bold; letter-spacing:-0.08em;font-size:.8em;float:left;width:73px;padding: 25px 5px 0} .subject {font-size: 1.6em;padding:25px 0 0; letter-spacing:-0.07em;line-height: 1; color: #000000;font-family:Helvetica,Arial,sans-serif;height:45px;overflow:hidden} .subject a, .subject a:link, .subject a:visited {text-decoration: none;padding:5px} .datesubject {text-align: left;padding: 0;border-top:1px solid #eee;border-bottom:1px solid #eee} .entry{margin:0; padding: 0;text-align: justify;line-height: 1.75} .entry_text {margin:0;padding:10px 5px 10px 0} .entry ul li,.entry ol li{padding-left: 5px;margin-left: 15px;} / USERPICS / .userpic, .userpicfriends {position: relative;float: right; padding: 0;background-color: transparent !important;margin:5px 0; z-index: 15} .userpicfriends {text-align: center;text-transform: uppercase;letter-spacing:-0.07em;font-size:.9em;margin:5px 0 10px 10px;} .userpicfriends img,.userpic img {border: 0px; padding:0;background-color: #ffffff;width:60px;height:60px} .userpicfriends a font {color:#000}.userpicfriends img{margin-bottom:10px} / COMMENT BAR / .comments {color: #fff;text-transform: uppercase; font-weight:bold;font-size:.85em;letter-spacing:-0.03em;text-align: left; padding:12px 6px;margin:30px 0 0;border-top:1px solid #f5f5f5;border-bottom:1px solid #f5f5f5} div.comments a, div.comments a:visited, div.comments a:link {background-color:#;width:85px;padding:3px 7px 2px 12px;margin:0;clear:right;background: transparent url(http://i46.tinypic.com/dfk6ix.png) no-repeat scroll 0 0} div.comments a:hover{color:#A8C8CF;background-color:#FFF} .separator{height: 75px} / CURRENTS AND TAGS (icons by Julz) / .ljtags {text-align: right; padding: 4px 18px 4px 0; background: transparent url(http://i49.tinypic.com/23r3kax.png) no-repeat scroll 100% 50%;margin: 50px 0 0 auto;width:350px; text-transform: lowercase; color: #ffffff; font-weight: bold;font-size: 0;clear:right} div.ljtags a {font-size: 7pt;background-color:#eeeeee;margin-left:5px;padding:0 2px;font-weight: normal} .currents {text-align: right; margin:0; padding-top:15px; padding: 8px 0px 8px 0; text-transform: lowercase; font-size: 7pt; color: #646464;clear:right} .currents strong, .currentlocation strong, .currentmood strong, .currentgroups strong, .currentmusic strong {text-decoration: none; color: #000; display:none} .currentlocation, .currentmood, .currentgroups , .currentmusic {padding: 4px 18px 4px 0; background: transparent none no-repeat scroll 100% 50%} .currentlocation {background-image: url(http://i45.tinypic.com/2v9znnn.png)} .currentmood{background-image: url(http://i50.tinypic.com/29xck94.png)} .currentgroups {background-image: url(http://i45.tinypic.com/15f38kl.png)} .currentmusic {background-image: url(http://i46.tinypic.com/30mlv13.png)} / TAG PAGE / h2 { padding:5px;font-weight: normal;margin: 0px auto} .ljtaglist {text-align: left; margin: 0; padding:20px; font-size:10px; list-style:inside none square;} .ljtaglist li {padding:5px 10px;border-bottom: 1px dotted #eeeeee;} .ljtaglist li:hover{background-color:#f2f2f2} / COMMENT PAGE / .box { text-align: left; padding:0; clear: right;margin-left: auto; margin-right: auto} .datesubjectcomment {text-align: left; color: #000000;font-variant:small-caps;margin:0;border-bottom: 1px solid #eeeeee;border-top:1px solid #eee;height:40px;overflow:hidden;padding-top:20px} .datesubjectcomment strong{;margin-left:20px;font-size:1.4em;float:right} .userpiccomment {position: relative; padding: 1px; border: 1px solid #eeeeee; left: 0px; margin:-18px 0 0 0; z-index: 15; float: left;width:50px;height:50px} input { font-family: Arial, Tahoma, "Verdana", sans-serif; font-size: 11px; background-color: #fafafa; border: 1px solid #cccccc} textarea.textbox {width: 100% !important} .reply{ border: 0px ; position: relative; margin: 20px 30px 10px 30px; padding: 25px 10px 10px 10px; text-align: left} .replytosubject {font-weight: bold} body.lj-view-reply .datesubject{height:70px} .replytoposter{padding-top:25px} body.lj-view-reply .entry{padding:10px} .replytosubject{font-size:1.2em;font-weight:normal;padding:4px 4px 0 20px;color:#666666} .commentreply {min-height:40px;text-align: left; position: relative; margin:5px 0;padding:10px;line-height:1.5} .commentbox {padding: 20px 0;margin-top:10px} .commentboxpartial {padding: 0;margin: 10px} .commentinfo {margin-top: 10px;width: 100%} form#postform{}form#qrform {} form#qrform table {border-width: 0px !important;} .skiplinks {text-align: center;margin: 0 auto;padding: 10px 0px; font-size: 8pt; color: #ccc;border-top:1px solid #f3f3f3} / SIDEBAR / .defaultuserpic {display:none} .sbarheader {} .sbarbody {padding: 0} .sbarbody2 {padding: 0 0 10px;line-height:1.5} ul.sbarlist{ margin: 0; padding: 0; list-style: none} #sidebar_linklist{margin-top:10px} li.sbaritem{padding: 4px 0 4px 12px; background: transparent url(http://i45.tinypic.com/2ecdi86.jpg) no-repeat scroll 0 50%;border-bottom:1px solid #ececec; margin:0;display:block} li.sbaritem:hover a{background-color:transparent;color:#17A3BF} li.sbaritem:hover{background-color:#f4f4f4} li.sbartitle{text-transform:uppercase;font-weight:bold;margin: 15px 0 5px} #sidebar table.calendar {font-size:7pt;line-height:1} td.sbarcalendar, td.sbarcalendarposts {border:1px solid #eeeeee;padding:4px 3px} td.sbarcalendarposts {background-color:#f4f4f4;text-align:center;font-size:10pt;padding:1px} / FOOTER / #footer { padding: 5px;margin:auto;text-transform: lowercase;font-style:italic;font-family:Georgia,Times New Roman, serif; font-size: 1.2em; z-index: 100; clear: both;letter-spacing:-0.09em} ul.navfooter{ padding: 0px; margin:0} ul.navfooter li {list-style: none; margin: 0 0 3px;display:inline} div#footer li.viewing {color: #555555;display:none} div#footer a, div#footer a:link, div#footer a:visited {padding: 5px 10px; background-color:#81C2CF;color:#000} div#footer a:hover{background-color:#000;color:#FFF} .clearfoot {clear:both} / ARCHIVE PAGE / ul.year { margin: 0px; margin: 0 auto 10px} ul.year li {display: inline} ul.year li a{padding:0 3px} ul.year li a:hover, table.yeartable a{background-color:#81C2CF;color:#FFFFFF;padding:0 3px} table.yeartable {margin-left: auto; margin-right: auto;margin-left: auto; margin-right: auto; width:60%;padding: 30px;} table.yeartable td.yeardate, table.yeartable td.yearday { border-width: 1px; border-style: solid; border-color: #dddddd;} table.yeartable td.yearday { background-color: #eee; text-align: center} td.yearmonth {border-style: none;} .clear {display:none; height: 8px;} / MINI ICONS by Julz and Brand Spanking New / HTML BODY img.i-ljuser-userhead {height:12px !important;width:0 !important} img[src="icon_protected.gif"], img[src="icon_private.gif"], img[src="icon_groups.gif"], .ljuser img[src="sponcomm.gif"], img[src="btn_spam.gif"], img[src="btn_del.gif"], img[src="btn_edit.gif"], img[src="btn_scr.gif"], img[src="btn_unscr.gif"], img[src="btn_freeze.gif"], img[src="btn_unfreeze.gif"], img[src="btn_track.gif"], img[src="btn_tracking.gif"], img[src="btn_tracking_thread.gif"] , img[src="anonymous.gif"], img[src="openid-profile.gif"], img[src="userinfo.gif"], img[src="talk/none.gif"], img[src="help.gif"], img[src="pencil.gif"], img[src="upgrade-paid-icon.gif"] {height: 0px; width: 0px; padding: 0 0 12px 12px !important; background: transparent none no-repeat scroll 50% 50%} .subject img {vertical-align: middle !important} img[src="icon_protected.gif"]{background-image: url(http://i50.tinypic.com/8xu2jc.gif)} img[src="icon_private.gif"]{background-image: url(http://i50.tinypic.com/aw9sol.gif)} img[src="icon_groups.gif"]{background-image: url(http://i50.tinypic.com/2zpqp6v.gif)} .ljuser img[src="syndicated.gif"], .ljuser img[src="newsinfo.gif"], .ljuser img[src="partnercomm.gif"] {background: transparent none no-repeat 0 50%; padding: 9px 9px 0 2px !important} .ljuser img[src="syndicated.gif"]{background-image: url(http://i48.tinypic.com/2f06gwk.png)} .ljuser img[src="newsinfo.gif"] {background-image: url(http://i45.tinypic.com/14wuazs.png) !important} .ljuser img[src="partnercomm.gif"]{background-image: url(http://i45.tinypic.com/2v0ixvs.gif) !important} .ljuser img[src="sponcomm.gif"] {background-image: url(http://i50.tinypic.com/2m63g8w.gif) !important} img[src="btn_spam.gif"]{background-image: url(http://i.imgur.com/EWEtN.gif)} img[src="btn_del.gif"]{background-image: url(http://i50.tinypic.com/2e5tt74.png)} img[src="btn_scr.gif"] {background-image: url(http://i48.tinypic.com/241weuu.png)} img[src="btn_unscr.gif"] {background-image: url(http://i50.tinypic.com/23kymxi.png)} img[src="btn_freeze.gif"] {background-image: url(http://i45.tinypic.com/2im2hww.png)} img[src="btn_unfreeze.gif"] {background-image: url(http://i50.tinypic.com/23kymxi.jpg)} img[src="btn_track.gif"] {background-image: url(http://i48.tinypic.com/2a7z7v4.png)} img[src="btn_tracking.gif"], img[src="btn_tracking_thread.gif"] {background-image: url(http://i49.tinypic.com/34oeb91.png)} img[src="anonymous.gif"] {background-image: url(http://i48.tinypic.com/n623yq.gif)} img[src="openid-profile.gif"] {background-image: url(http://i48.tinypic.com/24gt8jd.gif)} img[src="userinfo.gif"] {background-image: url(http://i.imgur.com/iI3gT.gif)} img[src="talk/none.gif"] {background-image: url(http://i46.tinypic.com/2ur1i4o.gif)} img[src="help.gif"] {background-image: url(http://i46.tinypic.com/2gtnner.gif)} img[src="pencil.gif"], img[src="btn_edit.gif"] {background-image: url(http://i48.tinypic.com/ih5oh4.png)} img[src="upgrade-paid-icon.gif"] {background-image: url(http://i45.tinypic.com/2r7sm00.gif)} .ljuser img {width: 0; height: 0; background: transparent url(http://i.imgur.com/iI3gT.gif) no-repeat 0 50%; padding: 10px 10px 0 2px !important; vertical-align: baseline !important} .ljuser img[src="userinfo.gif"] {background: transparent url(http://i.imgur.com/iI3gT.gif) no-repeat 0 50% !important; padding: 10px 10px 0 2px !important} .ljuser img[src="community.gif"] { background: transparent url(http://i48.tinypic.com/rte4wp.gif) no-repeat scroll 0 50% !important; padding: 10px 10px 0 2px !important} .Note .Inner { background: #ffffff none repeat scroll 0 0; border: 1px solid #eeeeee; color: #666666;} .ippu .track_title {letter-spacing: 3px; color: #444444; font-weight: normal;} div.ljcmtmanage { background: #ffffff none repeat scroll 0 0; border: 1px solid #eeeeee; padding:10px} / CONTEXTUAL POP-UP / div.ContextualPopup {margin: 0px; text-align: left; font: normal 9px "Arial" !important; } div.ContextualPopup div.Inner {color: #aaaaaa !important;border:1px solid #eeeeee;background: #f2f2f2 url() !important; padding: 0; width: 280px;} div.ContextualPopup .Userpic { padding: 3px; margin: 5px 5px 0; border: 1px solid #eeeeee; background: #ffffff url();} div.ContextualPopup .Content { padding: 5px;border-right: 1px solid #ececec; margin-right:68px;background: #ffffff url();} div.ContextualPopup div.Inner a:link, 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-size: 9pt;text-transform:uppercase} / MISC / a img {border:none} b, u { color: #111111} i, s { color: #888888} p, td {} blockquote { padding:15px; border: 1px solid #eeeeee; border-left:4px solid #81C2CF; background: #f7f7f7 url() repeat; color:#555} code {display:block; padding:5px; border:1px dashed #DDDDDD; font-size: 12px;} .appwidget-qotd table td div{border:1px solid #eeeeee !Important;padding:5px 30px 5px 5px !important} kbd, pre, tt {font-family: monospace;} textarea { font-family: Georgia, Times New Roman, Times,serif;font-size: 12px; background-color: #f7f7f7; border: 1px solid #dddddd; color: #333333} / COLORS / a, a:link, a:visited, .subject a:visited, h2, code, .datesubjectcomment a:link, .datesubjectcomment a:visited, div.ContextualPopup .Relation, .ljuser a b { color: #000; text-decoration: none} .ljuser a b {font-variant:small-caps} .entry_text a, .commentreply a{font-weight:bold} a:hover, .datesubjectcomment a:hover, .ljuser a b:hover,div.ljtags a:hover {background-color:#C3DADF; text-decoration: none} a img:hover{background:transparent} a.lj_invisible{display:none} .subject a, .subject a:link, .subject,h2, .subject a:visited, .subject a:hover, .subject a:link:hover,.subject a:visited:hover {text-decoration: none;color: #000000;font-weight:normal} 2. mortar squad / salvation in white knuckles on a wheel in mortar squad (flexible squares; milou veronica) / body {background-color: #ffffff; text-align: center; color: #000000; font-family:"Georgia", Helvetica,serif; font-size: .8em; margin:0;border-left:260px solid #000} .headerimage {display:none;position: relative; background: transparent url() repeat scroll 0 0; height:;width:;margin-left: auto;margin-right: auto} #content{background-color: #fff; color: #222;margin: 0 auto 0 0; width:260px; padding:0;} #maincontent { padding: 0 ;background-color: #fff; width: ;text-align: justify;margin: 0 auto 0 0;width:600px} #sidebar {background-color: #000;padding:20px 15px; margin:0;text-align: left; color: #555555; font-size: .85em; line-height: 1;width: 230px;left: 30px;position:absolute;top:0;left:0} / HEADER / #header {margin: 0 auto 0 0;text-align: left; padding:0; line-height: .6; color: #fff;background-color: transparent;position:fixed;left:865px;margin: 0 auto 0 0;width:150px} div#header a, div#header a:link, div#header a:visited {font-weight:normal;background-color:transparent} div#header li.view {padding:0px 10px} ul.navheader{font-size: 3.5em;font-family:georgia, times new roman, serif;font-style:italic;text-transform:lowercase;letter-spacing:-0.1em;margin:0;padding:10px 0;text-align:left} ul.navheader li {margin:0; list-style-type: none;display:block;padding: 0px 10px} ul.navheader li:hover,div#header li.view:hover{} ul.navheader li:hover a{color:#222} ul.navheader li a{font-weight:normal;background-color:transparent;color:#eeeeee} div#header li, div#header li a{color:#C3D8CF} div#header li:hover, div#header li a:hover{color:#D89078} div#header li + li, div#header li + li a {color: #F18F8C} div#header li + li:hover, div#header li + li a:hover {color: #303030} div#header li + li + li,div#header li + li + li a{color: #D89078;} div#header li + li + li:hover, div#header li + li + li a:hover{color: #C3D8CF} div#header li + li + li + li, div#header li + li + li + li a{color: #FFEED2} div#header li + li + li + li:hover, div#header li + li + li + li a:hover {color: #F18F8C !Important} div#header li + li + li + li + li, div#header li + li + li + li + li a{color:#303030} div#header li + li + li + li + li:hover, div#header li + li + li + li + li a:hover{color:#D89078} .title {display:none} .subtitle{display:none} / ENTRIES / .subcontent { min-height: 120px;margin-left: 0; margin-right: auto;padding:15px} .date {margin:-28px 10px 0 0; color:#555;padding:15px 10px 5px;float:left;background-color:#eee;width:50px;height:50px;vertical-align:middle;text-align:center} .subject {margin:0;padding:2px 0;line-height: 1; color: #666666; font-size:1.3em} .subject a, .subject a:link, .subject a:visited {text-decoration: none} .datesubject {text-align: left;padding:32px 0;font-family:georgia, times new roman, serif;font-style:italic;text-transform:lowercase;letter-spacing:-0.04em; font-size:.75em;margin-bottom:10px; border-top:1px solid #eee;border-bottom:solid 1px #eee} .entry{margin:0; padding: 0;text-align: justify;line-height: 1.75} .entry_text {margin: 0;min-height:50px; padding:15px 0 10px 0} .entry ul li,.entry ol li{padding-left: 5px;margin-left: 15px} / USERPICS / .userpic, .userpicfriends {margin: 5px 0 10px 3px; float:right;padding: 0;background-color: transparent !important;z-index: 15;} .userpicfriends {text-align: center;text-transform: uppercase;letter-spacing:-0.07em;font-size:.8em;margin-bottom:10px} .userpicfriends img,.userpic img {width:70px;height:70px} .userpicfriends img{margin-bottom:8px} / COMMENT BAR / .comments {color: #000;text-transform: lowercase;font-style:italic;font-size:.85em;line-height:.1;letter-spacing:-0.03em;text-align: left; padding:0;margin:30px 0 0 -18px} div.comments a, div.comments a:visited, div.comments a:link {display:block;line-height:.8;width:80px;padding:6px 10px;margin:0 0 0 3px;clear:right;background-color: #eee} div.comments a:hover{color:#FFF;background-color:#e4e4e4} .separator{height: 75px} / CURRENTS AND TAGS (icons by ?) / .ljtags {text-align: right; padding: 4px 18px 4px 0; background: transparent url(http://i48.tinypic.com/28l6u8o.png) no-repeat scroll 100% 50%;margin: 50px 0 0 auto;width:350px; text-transform: lowercase; color: #ffffff; font-weight: bold;font-size: 0;clear:right} div.ljtags a {font-size: 7pt;background-color:#eee;margin-left:5px;padding:0 2px;font-weight: normal} .currents {text-align: right; margin:0; padding-top:15px; padding: 8px 0px 8px 0; text-transform: lowercase; font-size: 7pt; color: #646464;clear:right} .currents strong, .currentlocation strong, .currentmood strong, .currentgroups strong, .currentmusic strong {text-decoration: none; color: #000; display:none} .currentlocation, .currentmood, .currentgroups , .currentmusic {padding: 4px 18px 4px 0; background: transparent none no-repeat scroll 100% 50%} .currentlocation {background-image: url(http://i46.tinypic.com/etzgjn.png)} .currentmood{background-image: url(http://i49.tinypic.com/244nuw5.png)} .currentgroups {background-image: url(http://i47.tinypic.com/21l05.png)} .currentmusic {background-image: url(http://i46.tinypic.com/w15sut.png)} / TAG PAGE / h2 { font-size: 5em;line-height: 1; color: #666666;font-style:italic;text-transform:lowercase;letter-spacing:-0.06em;padding:5px;font-weight: normal;margin: 0px auto;} .ljtaglist {text-align: left; margin: 0; padding:10px; list-style:inside none circle;color:#aaa} .ljtaglist li {padding:3px 10px;border-bottom: 1px dotted #eeeeee;font-style:italic} .ljtaglist li:hover{background-color:#f2f2f2} / COMMENT PAGE / .box { text-align: left; padding:0 0 0 10px; clear: right;margin-left: auto; margin-right: auto} .datesubjectcomment {text-align: left; color: #000000;font-variant:small-caps;margin:0;border-bottom: 1px solid #eeeeee;border-top:1px solid #eee;padding:10px 0} .datesubjectcomment strong{font-size:1.3em;float:;margin-top:-6px} .userpiccomment {padding:0 10px 10px;float:left;background-color:#FFFFFF;width:80px;height:80px} input { font-family: Arial, Tahoma, "Verdana", sans-serif; font-size: 11px; background-color: #fafafa; border: 1px solid #cccccc} textarea.textbox {width: 100% !important} .reply{ border: 0px ; position: relative; margin: 20px 30px 10px 30px; padding: 25px 10px 10px 10px; text-align: left} .replytosubject {font-weight: bold} .replytoposter{padding:5px} body.lj-view-reply .entry{padding:10px} .replytosubject{font-size:1.2em;font-weight:normal;padding:4px 4px 0 20px;color:#666666} .commentreply {min-height:40px;text-align: left; position: relative; margin:5px 0 5px 100px;padding:10px;line-height:1.75} .commentbox {padding: 20px 0;margin-top:10px} .commentboxpartial {padding: 0;margin: 10px} .commentinfo {margin-top: 10px;width: 100%} form#postform{}form#qrform {} form#qrform table {border-width: 0px !important} .skiplinks {text-align: center;margin:15px 0 0;padding: 5px 0; font-size: 8pt; color: #ccc;font-style:italic} / SIDEBAR / .defaultuserpic {text-align:center;margin:0 5px 5px 0;} .defaultuserpic img {width:60px;height:60px;border:10px solid #141414} .sbarheader {} .sbarbody {padding: 0} .sbarbody2 {padding: 0 10px;line-height:1.5;text-transform:none} ul.sbarlist{ margin: 0; padding: 0; list-style: none;line-height:1} #sidebar_linklist{margin:4px 0 0 auto;line-height:1;text-align:left} li.sbaritem{padding: 3px 0 3px 12px; background: transparent url(http://i45.tinypic.com/2ecdi86.jpg) no-repeat scroll 0 50%;margin:0 0 0 10px;display:block;font-variant:small-caps} li.sbaritem:hover a{background-color:transparent;color:#17A3BF} li.sbaritem:hover{background-color:#0a0a0a} #sidebar_summary,#sidebar_tags , #sidebar_calendar{} li.sbartitle {margin-top:20px;font-size:1.2em;padding:2px;text-align:left;color:#2d2d2d;font-family:georgia, times new roman, serif;font-style:italic;text-transform:lowercase} #sidebar table.calendar {font-size:7pt;line-height:1} td.sbarcalendar, td.sbarcalendarposts {border:1px solid #111;padding:5px 4px;vertical-align:middle;text-align:center} td.sbarcalendarposts {background-color:#111} / FOOTER / #footer { background-color: #ffffff; left:900px; padding: 5px;top:300px;margin:0 auto 0 0;text-transform: uppercase; text-align:left;line-height:2;font-size: 1em; z-index: 100; clear: both;position:fixed} ul.navfooter{ padding: 0px; margin:0} ul.navfooter li {list-style: none;margin:0 2px;display:inline} div#footer li.viewing {display:none} div#footer a, div#footer a:link, div#footer a:visited {padding: 9px;color:#000} .clearfoot {margin: 0 auto 0 0;clear:both;width:600px} div#footer a{font-size:0} div#footer li a{padding: 10px 15px;background:transparent url(http://i32.tinypic.com/y2qef.png) no-repeat scroll 0 0} div#footer li + li a{padding: 10px 15px;background:transparent url(http://i31.tinypic.com/20tqdmt.png) no-repeat scroll 0 0} / ARCHIVE PAGE / ul.year { margin: 0px; margin: 0 auto 10px} ul.year li {display: inline} ul.year li a{padding:0 3px} ul.year li a:hover, table.yeartable a{background-color:#81C2CF;color:#FFFFFF;padding:0 3px} table.yeartable {margin-left: auto; margin-right: auto; width:500px;padding: 30px;} table.yeartable td.yeardate, table.yeartable td.yearday { border:1px solid #eee} table.yeartable td.yearday { background-color: #eee; text-align: center} td.yearmonth {border-style: none} .clear {display:none} / MINI ICONS by Julz and Brand Spanking New/ HTML BODY img.i-ljuser-userhead {height:12px !important;width:0 !important} img[src="icon_protected.gif"], img[src="icon_private.gif"], img[src="icon_groups.gif"], .ljuser img[src="sponcomm.gif"] , img[src="btn_spam.gif"], img[src="btn_del.gif"], img[src="btn_edit.gif"], img[src="btn_scr.gif"], img[src="btn_unscr.gif"], img[src="btn_freeze.gif"], img[src="btn_unfreeze.gif"], img[src="btn_track.gif"], img[src="btn_tracking.gif"], img[src="btn_tracking_thread.gif"] , img[src="anonymous.gif"], img[src="openid-profile.gif"], img[src="userinfo.gif"], img[src="talk/none.gif"], img[src="help.gif"], img[src="pencil.gif"], img[src="upgrade-paid-icon.gif"] {height: 0px; width: 0px; padding: 0 0 12px 12px !important; background: transparent none no-repeat scroll 50% 50%} .subject img {vertical-align: middle !important} img[src="icon_protected.gif"]{background-image: url(http://i50.tinypic.com/8xu2jc.gif)} img[src="icon_private.gif"]{background-image: url(http://i50.tinypic.com/aw9sol.gif)} img[src="icon_groups.gif"]{background-image: url(http://i50.tinypic.com/2zpqp6v.gif)} .ljuser img[src="syndicated.gif"], .ljuser img[src="newsinfo.gif"], .ljuser img[src="partnercomm.gif"] {background: transparent none no-repeat 0 50%; padding: 9px 9px 0 2px !important} .ljuser img[src="syndicated.gif"]{background-image: url(http://i48.tinypic.com/2f06gwk.png)} .ljuser img[src="newsinfo.gif"] {background-image: url(http://i45.tinypic.com/14wuazs.png) !important} .ljuser img[src="partnercomm.gif"]{background-image: url(http://i45.tinypic.com/2v0ixvs.gif) !important} .ljuser img[src="sponcomm.gif"] {background-image: url(http://i50.tinypic.com/2m63g8w.gif) !important} img[src="btn_spam.gif"]{background-image: url(http://i.imgur.com/EWEtN.gif)} img[src="btn_del.gif"]{background-image: url(http://i50.tinypic.com/2e5tt74.png)} img[src="btn_scr.gif"] {background-image: url(http://i48.tinypic.com/241weuu.png)} img[src="btn_unscr.gif"] {background-image: url(http://i50.tinypic.com/23kymxi.png)} img[src="btn_freeze.gif"] {background-image: url(http://i45.tinypic.com/2im2hww.png)} img[src="btn_unfreeze.gif"] {background-image: url(http://i50.tinypic.com/23kymxi.jpg)} img[src="btn_track.gif"] {background-image: url(http://i48.tinypic.com/2a7z7v4.png)} img[src="btn_tracking.gif"], img[src="btn_tracking_thread.gif"] {background-image: url(http://i49.tinypic.com/34oeb91.png)} img[src="anonymous.gif"] {background-image: url(http://i48.tinypic.com/n623yq.gif)} img[src="openid-profile.gif"] {background-image: url(http://i48.tinypic.com/24gt8jd.gif)} img[src="userinfo.gif"] {background-image: url(http://i.imgur.com/iI3gT.gif)} img[src="talk/none.gif"] {background-image: url(http://i46.tinypic.com/2ur1i4o.gif)} img[src="help.gif"] {background-image: url(http://i46.tinypic.com/2gtnner.gif)} img[src="pencil.gif"], img[src="btn_edit.gif"] {background-image: url(http://i48.tinypic.com/ih5oh4.png)} img[src="upgrade-paid-icon.gif"] {background-image: url(http://i45.tinypic.com/2r7sm00.gif)} .ljuser img {width: 0; height: 0; background: transparent url(http://i.imgur.com/iI3gT.gif) no-repeat 0 50%; padding: 10px 10px 0 2px !important; vertical-align: baseline !important} .ljuser img[src="userinfo.gif"] {background: transparent url(http://i.imgur.com/iI3gT.gif) no-repeat 0 50% !important; padding: 10px 10px 0 2px !important} .ljuser img[src="community.gif"] { background: transparent url(http://i48.tinypic.com/rte4wp.gif) no-repeat scroll 0 50% !important; padding: 10px 10px 0 2px !important} .Note .Inner { background: #ffffff none repeat scroll 0 0; border: 1px solid #eeeeee; color: #666666;} .ippu .track_title {letter-spacing: 3px; color: #444444; font-weight: normal;} div.ljcmtmanage { background: #ffffff none repeat scroll 0 0; border: 1px solid #eeeeee; padding:10px} / CONTEXTUAL POP-UP / div.ContextualPopup {margin: 0px; text-align: left; font: normal 9px "Arial" !important; } div.ContextualPopup div.Inner {color: #aaaaaa !important;border:1px solid #eeeeee;background: #f2f2f2 url() !important; padding: 0; width: 280px;} div.ContextualPopup .Userpic { padding: 3px; margin: 5px 5px 0; border: 1px solid #eeeeee; background: #ffffff url();} div.ContextualPopup .Content { padding: 5px;border-right: 1px solid #ececec; margin-right:68px;background: #ffffff url();} div.ContextualPopup div.Inner a:link, 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-size: 9pt;text-transform:uppercase} / MISC / #lj_controlstrip_new{width:auto;margin-left:260px} a img {border:none} b, u { color: #000} #sidebar b, #sidebar u { color: #eee} i, s { color: #999} #sidebar i, #sidebar s { color: #444} p, td {} blockquote { padding:15px; border-left: 10px solid #ddd; background: #f2f2f2 url() repeat; color:#444;margin:10px} code {display:block; padding:5px; border:1px dashed #DDDDDD; font-size: 12px;} .appwidget-qotd table td div{border:1px solid #eeeeee !Important;padding:5px 30px 5px 5px !important} kbd, pre, tt {font-family: monospace;} textarea { font-family: Georgia, Times New Roman, Times,serif;font-size: 12px; background-color: #f2f2f2; border: 1px solid #eee; color: #222;padding:2px} / COLORS / a, a:link, a:visited, .subject a:visited, h2, code, .datesubjectcomment a:link, .datesubjectcomment a:visited, div.ContextualPopup .Relation, .ljuser a b { color: #78A1AF; text-decoration: none} .ljuser a b {font-variant:small-caps} .entry_text a, .commentreply a{font-weight:bold} a:hover, .datesubjectcomment a:hover, .ljuser a b:hover,div.ljtags a:hover {background-color:#eee; text-decoration: none} a img:hover{background:transparent} a.lj_invisible{display:none} .subject a, .subject a:link, .subject,h2, .subject a:visited, .subject a:hover, .subject a:link:hover,.subject a:visited:hover {background-color:transparent;text-decoration: none;color: #000;} .userpicfriends a {color:#77B3BF} #sidebar a{color:#666} #sidebar .ljuser a b:hover {background-color:#1a1a1a} 3. riflemen / salvation in white knuckles on a wheel in riflemen (flexible squares; milou veronica) / body {background: #000 url(http://i31.tinypic.com/2ujj979.png) repeat-y scroll 0 0; text-align: center; color: #000000; font-family:"Arial", Helvetica,serif; font-size: .75em; margin:0} .headerimage {display:none;position: relative; background: transparent url() repeat scroll 0 0; height:;width:;margin-left: auto;margin-right: auto} #content{background-color: #151515; color: #bbb;margin: 0 auto 0 0; width:820px; padding:0} #maincontent { padding: 0 ;background-color: #151515; width: ;text-align: justify;margin: 0 auto 0 0;width:600px;border-left:220px solid #1a1a1a} #sidebar {background-color: #1a1a1a;padding:20px 15px; margin:0;text-align: left; color: #999; font-size: .85em; line-height: 1;width: 190px;left: 30px;float:left;top:0;left:0} / HEADER / #header {margin: 0 auto 0 0;text-align: left; padding:0; line-height: .6; color: #fff;background-color: transparent;position:fixed;left:825px;margin: 0 auto 0 0;width:150px} div#header a, div#header a:link, div#header a:visited {font-weight:normal;background-color:transparent} div#header li.view {padding:0px 10px} ul.navheader{font-size: 3.5em;font-style:italic;text-transform:lowercase;letter-spacing:-0.1em;margin:0;padding:10px 0;text-align:left} ul.navheader li {margin:0; list-style-type: none;display:block;padding: 0px 10px} ul.navheader li:hover,div#header li.view:hover{} ul.navheader li:hover a{color:#222} ul.navheader li a{font-weight:normal;background-color:transparent;color:#eeeeee} div#header li, div#header li a{color:#6498AE} div#header li:hover, div#header li a:hover{color:#96C6B6} div#header li + li, div#header li + li a {color: #76B5B6} div#header li + li:hover, div#header li + li a:hover {color: #F4E3B8} div#header li + li + li,div#header li + li + li a{color: #96C6B6} div#header li + li + li:hover, div#header li + li + li a:hover{color: #6498AE} div#header li + li + li + li, div#header li + li + li + li a{color: #D5E2B7} div#header li + li + li + li:hover, div#header li + li + li + li a:hover {color: #76B5B6} div#header li + li + li + li + li, div#header li + li + li + li + li a{color:#F4E3B8} div#header li + li + li + li + li:hover, div#header li + li + li + li + li a:hover{color:#D5E2B7} .title {display:none} .subtitle{display:none} / ENTRIES / .subcontent { min-height: 120px;margin-left: 0; margin-right: auto;padding:;background: #0a0a0a url(http://i32.tinypic.com/206ykyh.png) repeat scroll 0 0;border:4px solid #151515} .date {color:#555;padding:2px 0;float:right;margin-left:10px} .subject {margin:0;padding:2px 0;line-height: 1; color: #fff; font-size:1.3em;} .subject a, .subject a:link, .subject a:visited {text-decoration: none} .datesubject {background-color: #151515;text-align: right;padding:10px;text-transform:lowercase;letter-spacing:-0.04em; font-size:.8em;margin-right:84px} .entry{background-color: #151515;margin:0 84px 0 0; padding: 15px;text-align: justify;line-height: 1.75} .entry_text {margin: 0; padding:10px 0 10px 0} .entry ul li,.entry ol li{padding-left: 5px;margin-left: 15px} / USERPICS / .userpic, .userpicfriends {margin: 5px 4px 0; float:right;padding: 0;background-color: transparent !important;z-index: 15;} .userpicfriends {text-align: center;text-transform: uppercase;letter-spacing:-0.07em;font-size:.8em;color:#666;line-height:1.5} .userpicfriends img,.userpic img {width:70px;height:70px;border:3px solid #080808} .userpicfriends img{margin-bottom:8px} / COMMENT BAR / .comments {color: #1a1a1a;text-transform: lowercase;font-style:italic;font-size:.85em;line-height:.12;letter-spacing:-0.03em;text-align: left; padding:0;margin:0 -94px 0 0} div.comments a, div.comments a:visited, div.comments a:link {display:block;line-height:.5;width:64px;padding:5px;margin:0 0 0 auto;clear:right;background-color: #000;line-height:.9} div.comments a:hover{color:#76B5B6;background-color:#0a0a0a} .separator{height: 0} / CURRENTS AND TAGS (icons by ?) / .ljtags {text-align: right; padding: 4px 18px 4px 0; background: transparent url(http://i48.tinypic.com/28l6u8o.png) no-repeat scroll 100% 50%;margin: 50px 0 0 auto;width:350px; text-transform: lowercase; color: #ffffff; font-weight: bold;font-size: 0;clear:right} div.ljtags a {font-size: 7pt;background-color:#0a0a0a;margin-left:5px;padding:0 2px;font-weight: normal} .currents {text-align: right; margin:0; padding-top:15px; padding: 8px 0px 8px 0; text-transform: lowercase; font-size: 7pt; color: #646464;clear:right} .currents strong, .currentlocation strong, .currentmood strong, .currentgroups strong, .currentmusic strong {text-decoration: none; color: #000; display:none} .currentlocation, .currentmood, .currentgroups , .currentmusic {padding: 4px 18px 4px 0; background: transparent none no-repeat scroll 100% 50%} .currentlocation {background-image: url(http://i46.tinypic.com/etzgjn.png)} .currentmood{background-image: url(http://i49.tinypic.com/244nuw5.png)} .currentgroups {background-image: url(http://i47.tinypic.com/21l05.png)} .currentmusic {background-image: url(http://i46.tinypic.com/w15sut.png)} / TAG PAGE / h2 { font-size: 3em;line-height: 1; color: #aaa;font-style:italic;text-transform:lowercase;letter-spacing:-0.06em;padding:5px;font-weight: normal;margin: 0px auto;} .ljtaglist {text-align: left; margin: 0; padding:10px; list-style:inside none circle;color:#777} .ljtaglist li {padding:3px 10px;border-bottom: 1px dotted #111111;font-style:italic} .ljtaglist li:hover{background-color:#0d0d0d} / COMMENT PAGE / .box { text-align: left; padding:0 10px; clear: right;margin-left: auto; margin-right: auto} .datesubjectcomment {text-align: left; color: #ddd;font-variant:small-caps;margin:0;padding:0} .datesubjectcomment strong{font-size:1.3em;float:;margin-top:-6px} .userpiccomment {padding:15px;margin: 0 10px 10px 0;float:left;background-color:#0a0a0a;width:80px;height:80px} input { font-family: Arial, Tahoma, "Verdana", sans-serif; font-size: 11px; background-color: #222; border: 1px solid #1a1a1a} textarea.textbox {width: 100% !important} .reply{ border: 0px ; position: relative; margin: 20px 30px 10px 30px; padding: 25px 10px 10px 10px; text-align: left} .replytosubject {font-weight: bold} .replytoposter{padding:5px} body.lj-view-reply .entry{padding:10px} .replytosubject{font-size:1.2em;font-weight:normal;padding:4px 4px 0 20px;color:#666666} .commentreply {min-height:40px;text-align: left; position: relative; margin:5px 0 5px 110px;padding:10px;line-height:1.75} .commentbox {padding: 20px 0;margin-top:10px} .commentboxpartial {padding: 0;margin: 10px} .commentinfo {margin-top: 10px;width: 100%} form#postform{}form#qrform {} form#qrform table {border-width: 0px !important} .skiplinks {text-align: center;margin:15px 0 0;padding: 5px 0; font-size: 8pt; color: #444;font-style:italic} / SIDEBAR / .defaultuserpic {text-align:center;margin:0} .defaultuserpic img {width:60px;height:60px;border:18px solid #141414} .sbarheader {} .sbarbody {padding: 0} .sbarbody2 {padding: 0 10px;line-height:1.5;text-transform:none} ul.sbarlist{ margin: 0; padding: 0; list-style: none;line-height:1} #sidebar_linklist{margin:4px 0 0 auto;line-height:1;text-align:left} li.sbaritem{padding: 3px 0 3px 0; background: transparent url() no-repeat scroll 0 50%;margin:0 0 0 10px;display:block;font-variant:small-caps} li.sbaritem:hover a{background-color:transparent;color:#17A3BF} li.sbaritem:hover{background-color:#0a0a0a} #sidebar_summary,#sidebar_tags , #sidebar_calendar{} li.sbartitle {margin-top:20px;font-size:1.2em;padding:2px;text-align:left;color:#aaa;font-family:georgia, times new roman, serif;font-style:italic;text-transform:lowercase} #sidebar table.calendar {font-size:7pt;line-height:1} td.sbarcalendar, td.sbarcalendarposts {border:1px solid #171717;padding:5px 4px;vertical-align:middle;text-align:center} td.sbarcalendarposts {background-color:#141414} / FOOTER / #footer { left:860px; padding: 5px;top:300px;margin:0 auto 0 0;text-transform: uppercase; text-align:left;line-height:2;font-size: 1em; z-index: 100; clear: both;position:fixed} ul.navfooter{ padding: 0px; margin:0} ul.navfooter li {list-style: none;margin:0 2px;display:inline} div#footer li.viewing {display:none} div#footer a, div#footer a:link, div#footer a:visited {padding: 9px;color:#000} .clearfoot {margin: 0 auto 0 0;clear:both;width:600px;background-color: #151515;border-left:220px solid #1a1a1a} div#footer a{font-size:0} div#footer li a{padding: 10px 15px;background:transparent url(http://i32.tinypic.com/y2qef.png) no-repeat scroll 0 0} div#footer li + li a{padding: 10px 15px;background:transparent url(http://i31.tinypic.com/20tqdmt.png) no-repeat scroll 0 0} / ARCHIVE PAGE / ul.year { margin: 0px; margin: 0 auto 10px} ul.year li {display: inline} ul.year li a{padding:0 3px} ul.year li a:hover, table.yeartable a{background-color:#96C6B6;color:#FFFFFF;padding:0 3px} table.yeartable {margin: 0 auto; width:500px;padding: 0} table.yeartable td.yeardate, table.yeartable td.yearday { border:1px solid #111} table.yeartable td.yearday { background-color: #191919; text-align: center} td.yearmonth {border-style: none} .clear {display:none} / MINI ICONS by Julz and Pinvoke/ HTML BODY img.i-ljuser-userhead {height:8px !important;width:0 !important} img[src="icon_protected.gif"], img[src="icon_private.gif"], img[src="icon_groups.gif"], .ljuser img[src="sponcomm.gif"] , img[src="btn_spam.gif"], img[src="btn_del.gif"], img[src="btn_edit.gif"], img[src="btn_scr.gif"], img[src="btn_unscr.gif"], img[src="btn_freeze.gif"], img[src="btn_unfreeze.gif"], img[src="btn_track.gif"], img[src="btn_tracking.gif"], img[src="btn_tracking_thread.gif"] , img[src="anonymous.gif"], img[src="openid-profile.gif"], img[src="userinfo.gif"], img[src="talk/none.gif"], img[src="help.gif"], img[src="pencil.gif"], img[src="upgrade-paid-icon.gif"] {height: 0px; width: 0px; padding: 0 0 16px 16px !important; background: transparent none no-repeat scroll 50% 50%} .subject img {vertical-align: middle !important} img[src="icon_protected.gif"]{background-image: url(http://i27.tinypic.com/jjuukx.png)} img[src="icon_private.gif"]{background-image: url(http://i26.tinypic.com/262a9hc.png)} img[src="icon_groups.gif"]{background-image: url(http://i29.tinypic.com/314ft5c.png)} .ljuser img[src="syndicated.gif"], .ljuser img[src="newsinfo.gif"], .ljuser img[src="partnercomm.gif"] {background: transparent none no-repeat 0 50%; padding: 16px 16px 0 2px !important} .ljuser img[src="newsinfo.gif"] {background-image: url(http://i28.tinypic.com/33p82mb.png) !important} .ljuser img[src="partnercomm.gif"]{background-image: url(http://i29.tinypic.com/2mcvdds.png) !important} .ljuser img[src="sponcomm.gif"] {background-image: url(http://i25.tinypic.com/wa530l.png) !important} .ljuser img[src="syndicated.gif"]{background-image: url(http://i26.tinypic.com/2mg6oeb.png)} img[src="btn_spam.gif"] {background-image: url(http://i.imgur.com/CF3Rv.png)} img[src="anonymous.gif"] {background-image: url(http://i28.tinypic.com/2cqh0u8.png)} img[src="btn_del.gif"]{background-image: url(http://i26.tinypic.com/2njzy3d.png)} img[src="btn_freeze.gif"] {background-image: url(http://i29.tinypic.com/5bo38h.png)} img[src="btn_scr.gif"] {background-image: url(http://i31.tinypic.com/2r5572e.png)} img[src="btn_track.gif"] {background-image: url(http://i25.tinypic.com/64e7h1.png)} img[src="btn_tracking.gif"], img[src="btn_tracking_thread.gif"] {background-image: url(http://i28.tinypic.com/nvnxaf.png)} img[src="btn_unfreeze.gif"] {background-image: url(http://i25.tinypic.com/mr66gx.png)} img[src="btn_unscr.gif"] {background-image: url(http://i28.tinypic.com/2uqof0h.png)} img[src="help.gif"] {background-image: url(http://i32.tinypic.com/e7js3q.png)} img[src="talk/none.gif"] {background-image: url(http://i27.tinypic.com/359yh4z.png)} img[src="openid-profile.gif"] {background-image: url(http://i30.tinypic.com/t6f2f4.png)} img[src="pencil.gif"], img[src="btn_edit.gif"] {background-image: url(http://i32.tinypic.com/33m0j1v.png)} img[src="upgrade-paid-icon.gif"] {background-image: url(http://i30.tinypic.com/rcvsep.png)} img[src="userinfo.gif"] {background-image: url(http://i30.tinypic.com/htxjzm.png)} .ljuser img {width: 0; height: 0; background: transparent url(http://i30.tinypic.com/htxjzm.png) no-repeat 0 50%; padding: 16px 16px 0 2px !important; vertical-align: middle !important} .ljuser img[src="userinfo.gif"] {background: transparent url(http://i30.tinypic.com/htxjzm.png) no-repeat 0 50% !important; padding: 16px 16px 0 2px !important} .ljuser img[src="community.gif"] { background: transparent url(http://i27.tinypic.com/9sawkw.png) no-repeat scroll 0 50% !important; padding: 16px 16px 0 2px !important} .Note .Inner { background: #171717 none repeat scroll 0 0; border: 1px solid #121212; color: #aaa;} .ippu .track_title {letter-spacing: 3px; color: #444444; font-weight: normal} div.ljcmtmanage { background: #171717 none repeat scroll 0 0; border: 1px solid #121212; padding:5px} / CONTEXTUAL POP-UP / div.ContextualPopup {margin: 0px; text-align: left; font: normal 9px "Arial" !important; } div.ContextualPopup div.Inner {color: #aaaaaa !important;border:1px solid #121212;background: #171717 url() !important; padding: 0; width: 280px;} div.ContextualPopup .Userpic { padding: 3px; margin: 5px 5px 0; border: 1px solid #121212; background: #171717 url();} div.ContextualPopup .Content { padding: 5px;border-right: 1px solid #0d0d0d; margin-right:68px;background: #171717 url();} div.ContextualPopup div.Inner a:link, div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited {text-decoration: none !important; font-weight: bold; color: #eee !important} div.ContextualPopup .Relation {font-size: 9pt;text-transform:uppercase} / MISC / .w-cs .w-cs-userpic {display:none} .w-cs .w-cs-userinfo {margin-right:10px} a img {border:none} b, u { color: #eee} #sidebar b, #sidebar u { color: #111} i, s { color: #444} #sidebar i, #sidebar s { color: #999} p, td {} blockquote { padding:15px; border-left: 10px solid #000; background: #111 url() repeat; color:#bbb;margin:10px} code {display:block; padding:5px; border:1px dashed #DDDDDD; font-size: 12px;} .appwidget-qotd table td div{border:1px solid #eeeeee !Important;padding:5px 30px 5px 5px !important} kbd, pre, tt {font-family: monospace;} textarea { font-family: Georgia, Times New Roman, Times,serif;font-size: 12px; background-color: #111; border: 1px solid #1a1a1a; color: #ccc;padding:2px} / COLORS */ a, a:link, a:visited, .subject a:visited, h2, code, .datesubjectcomment a:link, .datesubjectcomment a:visited, div.ContextualPopup .Relation, .ljuser a b { color: #96C6B6; text-decoration: none} .ljuser a b {font-variant:small-caps} .entry_text a, .commentreply a{font-weight:bold} a:hover, .datesubjectcomment a:hover, .ljuser a b:hover,div.ljtags a:hover {background-color:#1a1a1a; text-decoration: none} a img:hover, .commentbox a:hover{background-color:transparent} a.lj_invisible{display:none} .subject a, .subject a:link, .subject,h2, .subject a:visited, .subject a:hover, .subject a:link:hover,.subject a:visited:hover {background-color:transparent;text-decoration: none;color: #fff} .userpicfriends a {color:#77B3BF;background-color:#1d1d1d} #sidebar a{color:#666} #sidebar .ljuser a b:hover {background-color:#1a1a1a} 4. machine gunner CLICK HERE FOR CODE
notes
credit	mini icons by Pinvoke.
safe keeping	Upload images to your own server to be safe. Tinypic does delete its images after a while.
editing	♚ As per usual, feel free to add your own header/ edit bloody anything you want to.
F.A.Q.	If you have problems with a layout, please post them at the FAQ. I unfortunately I cannot help with stylistic edits, but as I said before, go nuts doing so.
oh, and yeah:	Nothing I can think of at the moment. 07.04.12: Site died, re-upped userinfo image. 10.07.12: Small code edit for usericons

FAQ

ophiosaur — Sat, 04 Sep 2010 09:30:53 GMT

Rules
♚ Please don't steal, copy, or redistribute.
♚ Please do not remove the credit at the top of the code.
♚ Also do not use the codes as base for layouts that you'll be making and distributing. There are already base css codes in distribution for all styles.

Frequently Asked Questions

General Issues
Everything looks funny. There are different colours showing up to what you have in the preview.

Make sure that in Custom CSS, all the drop-down menus are set to “No”.

How do I get the text to show up in my sidebar/topbar/ what looks like the header?

I'm referring to what usually appears in the live previews as song lyrics. Add it in Sidebar.

How do I credit?

You don’t have to credit me, just as long as you don’t claim it as your own work. But if you do want to, just put layout from <lj user="ephectic"> into your profile, or just a link, eg. <a href=”http://community.livejournal.com/ephectic”>layout</a>, or list me on your resources page, or whatever.

May I take a banner/background/icon set from one of your other layouts and put in on another one?

Yes.

Can I change the colours, etc.?

Yes. Change anything you want.

Will you help me edit my CSS?

I feel horrible for saying this, but I would really prefer not to. I'm not an expert, or even close to an expert. Either familiarise yourself with s2flexisquares, or learn basic CSS.

The way the images change transparency when I hover over them is really irritating. What part of the code does that?

Somewhere (just search for it), you'll find img { and img:hover {. Just get rid of these sections to remove the funtion altogether, or switch the :hover if you want to switch the transparency change.

I've edited my CSS and screwed things up. Halp?

Firebug will help you suss out your problems, and otherwise there's s2flexisquares / s2smoothsailing / everything_lj / flexisquares guide. I love that people edit my layouts, but understand the problems caused by that aren't my responsibility.

I use Internet Exporer, and.....

I check, but do not make, my layouts in IE8. I do not offer support for IE6 at all, although many of my layouts will function in the browser. This is unfortunate but it won't change. Use the awesomeness that is Firefox, Safari, or Chrome. IE8 also does not support opacity, which screws a lot up.

Sidebar Issues

I can't see my sidebar at all.

Try going to 3. Choose a Page Setup and choosing either2 Column (sidebar on left) or 2 Column (sidebar on right).

How do I get X to show up on my sidebar?

flexible squares: In Sidebar, set the drop down menu to “Yes” of the things you want displayed. This is also the page where you enter your blurb/quote/free text.

smooth sailing: Sidebar. Make sure that the boxes you want are visible, and that the number you've chosen isn't already being used by another element.

The links list you’ll find, strangely enough, in Links List.

There’s a giant long banner in my topbar.

You have selected “Vertical” for your add settings in 3. Choose a Page Setup. You need either “Horizontal” or “Between Entries”.

When using “Between Entries”, also note that on your archive and comment pages it will default to your previous setting, so first save “Horizontal” and then save again as “Between Entries”

All the stuff in my top bar seems to be flowing out of the bottom. Help?

First check the .sidebar { code. If you see a declaration that says min-height: and then some value, just increase this value until all your sidebar content is included. If there is no such declaration, simply add height: XXXpx; to your .sidebar { code, where XXX represents the number of pixels you want as your header height. If you don't want to keep guessing values, simply use you icon as a visual guide; if it looks as though you need about twice your icon height, input height: 200px;.

I am using one of your layouts with a topbar. How do I make this into a sidebar?

By recoding it yourself. This sort of thing is fairly complicated, so only do it if you're comfortable with editing codes. As a hint, you'll probably need to add a side margin to the #maincontent, assign a width and float to the #sidebar, and enable all the sidebar elements I've disabled. Try the definitive flexisquares guide for more help there.

Header Issues

How do I add a header image?

Flexible Squares
The header image can be added either by finding the code in the layout ( .headerimage { ) or adding this:

.headerimage {
position: relative;
background: transparent url(XXX) no-repeat scroll 50% 50%;
width: XXXpx;
height: XXXpx;
margin: 0 auto}

In both cases, replace the XXXs with the details of your header. If I don’t put the header image code in myself, it’s because I don’t recommend doing it.

Smooth Sailing
Roughly, this added to the bottom of the code will work

.pageheaderblock { padding-top: BANNERHEIGHT+20px; background-image: url(BANNERURL); background-repeat: no-repeat; background-position: 50% 0;}

but depending on the layout it may need tweaking. Please note that BANNERHEIGHT+20 means that if your banner is 300px high, your padding-top will look like padding-top: 320px;. This is just a guide; depending on the layout, you may need more or less.

Entry Issues

I don't want the text to wrap under the userpic.

If your using one of the Flexible Squares layouts, you can probably change this by adding margin-left: 130px; or margin-right: 130px;, depending on which side the userpic is on, to .entry {. The amount may also differ from layout to layout.

How do I add "edit" links and so forth to my comment bar?

Flexible Squares does not have this option normally. If you are a paid user, you can try this tutorial. Otherwise, use a diffent layout: spire makes some excellent Smooth Sailing layouts. So does fruitstyle.

More help: The Flexible Squares CSS Guide, s2flexisquares

Have a problem not addressed here? Comment to this entry with this handy form:

You may add screencaps if you wish, and I may ask for them if I can't see anything in my browsers, but they are rarely necessary.

^^ This is for existing problems with the stylesheet, not for editing issues or questions. Examples: "I'm using X layout and I noticed that you haven't formatted the collapsed comments on the comment pages", or "The tiny replacement icons become displaced when I use larger-sized text". Not: "How do I make my text size bigger", or "I've been editing X layout, and I've created this problem...". If you find yourself writing 'it's not really a problem' then it's not really my problem either.

image \| live	image \| live
image \| live	image \| live
salvation in white knuckles on a wheel style: flexible squares features:custom comment pages, mini icons, topbar/bottombar browsers: FF, IE8, Safari, Chrome