s2 layout: outlet for the sigh [flexible squares]
I intend to use some of these techniques tastefully in a very grown up layout someday, but for now, scrolling topbars and rainbows.
image | live
image | live
image | live
layout:outlet for the sigh
style: flexible squares
accounts: Basic, Paid, and Sponsored
features:custom comment pages, mini icons, topbar
browsers: IE7, FF, Safari, Chrome, and Opera
blue and grey
/*
outlet for the sigh in blue ((flexible squares;milou veronica))
*/
body { background: #ffffff url() repeat fixed 0 0;background: transparent url(http://i44.tinypic.com/90zgaf.png) repeat scroll 0 0; text-align: center; color: #ffffff; font-family: Arial,Helvetica, sans-serif; font-size: .75em; padding:0px 0 25px;margin:0 0;}
.headerimage {position: relative; background: transparent url(http://i44.tinypic.com/90zgaf.png) repeat scroll 0 0; width: 100%; height: 40px;margin-left: auto;margin-right: auto;margin-bottom: 0px; border-top:0px solid #ececec; border-bottom:0px solid #f2f2f2}
#content{ color: #444444; width: 750px; background: #ffffff url() repeat scroll 0 0; margin-left: auto; margin-right: auto; margin-top: 0px; border-width: 0px; padding: 0px;}
#maincontent { padding: 10px 0; background: # url() repeat scroll 0 0; text-align: justify;clear:both}
#sidebar {background-color: #eeeeee; padding:10px;max-width:780px; text-align: left; color: #666666; font-size: .85em; line-height: 1.75;margin-left: auto; margin-right: ;height:120px;overflow-x:hidden;overflow-y:scroll;border-bottom:0px solid #333;}
#content-outer {background: #ffffff url() repeat scroll 0 0;border-top:3px solid #ececec;border-bottom:2px solid #ececec}
/* HEADER */
#header { background-color: #8FB2BF; margin: 0 auto 0 0;text-align: center;width:230px; font-size: .8em;text-transform:lowercase; color: #666666;min-height:140px; padding: 0px; border-bottom:0px solid #aaa;float:left}
div#header a, div#header a:link, div#header a:visited{postion:relative;color: #ffffff;padding: 1px 6px;}
ul.navheader li:hover {background-color: #77959F; color:#111111;}
div#header li.view {color: #666666;background-color:#8FB2BF; padding: 2px 0;} .title:first-letter {color:#ddd;}
div#header li.view:hover{ background-color: #77959F;color:#111111}
ul.navheader{ padding: 0px; margin:0;}
ul.navheader li {margin: 0px; list-style-type: none; padding: 2px 0;border-bottom:1px solid #9BB6BF;display:block;}
.title {padding:8px 3px 0;text-transform: uppercase;letter-spacing: -1px;line-height:.85;margin: 0; text-align: center;font-size:1.8em;color:#ffffff;max-width:400px}
.subtitle{padding: 0 6px;text-transform: lowercase;line-height:1; text-align: center;font-size:.9em}
/* ENTRIES */
.subcontent { min-height: 180px; margin-right:0px;margin-left: auto; margin-right: auto; border: 1px solid #f4f4f4;}
.date {text-transform: uppercase; color: #dddddd; font-size:.75em; letter-spacing:.8em;}
.subject {font-size: 2.7em; letter-spacing:-0.09em;text-align:left;line-height: 1; color: #aaaaaa; text-transform: lowercase}
.subject a, .subject a:link, .subject a:visited {text-decoration: none;color: #aaaaaa;}
.datesubject {padding: 10px 5px 10px 10px;background-color: #ffffff;}
.entry{margin: 0px; padding: 10px 20px 0 20px;text-align: justify;line-height: 1.75; background-color: #ffffff;}
.entry_text {}
.entry ul li,.entry ol li{padding-left: 5px;margin-left: 15px;}
/* USERPICS */
.userpic { position: relative; float: right; padding: 1px; background-color: #ffffff; margin:10px; z-index: 15; border: 19px solid #8FB2BF;}
.userpicfriends { position: relative; background-color: transparent !important; float: right; padding: 0px; margin: 8px; text-align: right;z-index: 15;}
.userpicfriends img {border: 0px; padding: 1px; border: 19px solid #8FB2BF; background-color: #ffffff; }
.userpicfriends a font {color: #111111;}
/* COMMENT BAR */
.comments {color: #ececec; font-size: 8pt; text-align: center; padding: 6px; position: relative; margin:0; text-transform: uppercase; clear:both}
div.comments a, div.comments a:visited, div.comments a:link { padding: 6px;}
.separator{height: 25px;background-color:#FFF}
/* CURRENTS AND TAGS (minicons by brandspankingnew) */
.ljtags {clear:both;text-align: right; padding: 4px 18px 4px 0; background: transparent url(http://i42.tinypic.com/qq8jza.gif) no-repeat scroll 100% 50%; margin-top: 50px; position: relative; text-transform: lowercase; font-size: 7pt; color: #888888; font-weight: bold; }
.ljtags:hover {} div.ljtags a {font-weight: normal; }
.currents {clear:both;text-align: right; margin:0; padding-top:15px; padding: 8px 0px 8px 0; text-transform: lowercase; font-size: 7pt; color: #646464; }
.currents strong, .currentlocation strong, .currentmood strong, .currentgroups strong, .currentmusic strong {text-decoration: none; color: #888888; display:none;}
.currentlocation, .currentmood, .currentgroups , .currentmusic {padding: 4px 18px 4px 0; background: transparent none no-repeat scroll 100% 50%; }
.currentlocation {background-image: url(http://i42.tinypic.com/24vts91.gif)}
.currentmood{background-image: url(http://i44.tinypic.com/34xgpw5.gif)}
.currentgroups {background-image: url(http://i42.tinypic.com/21jx2xk.gif)}
.currentmusic {background-image: url(http://i41.tinypic.com/5dqgqv.gif)}
/* TAG PAGE */
h2 { padding: 10px 10px 10px 30px; border: 1px solid #ececec; border-bottom:none;background-color: #ffffff;font-weight: normal;width: 710px;margin: 0px auto; }
.ljtaglist {text-align: left; margin: 0px auto; padding:20px; background-color: #ffffff;font-size:10px; list-style:inside none square; border: 1px solid #ececec; border-top:none;width: 710px;}
.ljtaglist li {padding:5px 30px;border-bottom: 1px dotted #eeeeee;} .ljtaglist li:hover{background-color:#f8f8f8;}
/* COMMENT PAGE */
.box { text-align: left; margin-bottom:1px; padding: 0px; clear: left;width:780px;margin-left: auto; margin-right: auto;}
.datesubjectcomment {text-align: left; color: #999999; margin-top: 0px; }
.userpiccomment {position: relative; padding: 3px; border: 1px solid #eeeeee; background-color: #ffffff; left: 0px; margin: 0px 10px 0px 0px; z-index: 15; float: left;}
input { font-family: Arial, Tahoma, "Verdana", sans-serif; font-size: 11px; background-color: #fafafa; border: 1px solid #cccccc; color: #999999;}
textarea.textbox {width: 100% !important;}
.reply{ border: 0px ; position: relative; margin: 20px 30px 10px 30px; padding: 25px 10px 10px 10px; text-align: left; line-height: 1.25;}
.replytosubject {letter-spacing:2px; font-weight: bold;}
.commentreply { min-height: 65px; text-align: left; position: relative; margin: 10px 10px 10px 120px;}
.commentbox { border-bottom: 1px solid #f4f4f4; background-color: #ffffff; padding: 30px 10px 10px 20px;margin: 7px 0px 7px 0px;}
.commentbox:hover, .commentboxpartial:hover {border-color: #eeeeee;}
.commentboxpartial { background-color: #ffffff; border-bottom: 1px solid #f4f4f4;padding: 10px; margin: 10px;}
.commentinfo { background-color: #ffffff; margin-top: 10px; width: 100%;}
form#postform{background-color: #ffffff;border:1px solid #eeeeee} form#qrform table {border-width: 0px !important;} form#qrform {background-color: #ffffff;}
.skiplinks {text-align: center; border:1px solid #ececec;width:750px;margin: 0 auto 10px;padding: 10px 0px; font-size: 7pt; color: #eeeeee;background-color: #ffffff;}
.skiplinks a {background-color:#ffffff;word-spacing:1px;}.skiplinks a:hover{background-color:#f7f7f7}
/* SIDEBAR */
.defaultuserpic {float:left;text-align: center; margin: 5px;display:none}
.defaultuserpic img {border: 1px solid #333;padding:3px;}
.sbarheader {padding: 0px 5px 0px 5px;}
.sbarbody {padding: 0px 5px 0px 5px;}
.sbarbody2 { padding: 0;line-height:1.5;float:right;width:300px}
ul.sbarlist{ margin: 0px; padding: 0px; list-style: none;}li.sbaritem{display:;}
li.sbaritem{width:150px;padding: 1px 8px; margin:0;border-bottom: 1px solid #dddddd;background-color: #;} li.sbaritem:hover {background-color: #dddddd;border-color:#cccccc}
li.sbartitle{ display:none;padding: 8px; color: #777777;}
#sidebar_linklist {line-height:1.2;text-transform: lowercase;margin:0; padding:0;font-variant:small-caps;}
#sidebar_summary,#sidebar_tags, #sidebar_calendar { display:none; }
/* FOOTER */
#footer { background-color: #;padding: 5px; text-align: center; margin:auto;text-transform: uppercase; font-size: .7em; letter-spacing: 3px; z-index: 100; clear: both; }
ul.navfooter{ padding: 0px; margin: 0px;}
ul.navfooter li {list-style: none; margin: 0 10px;display:inline;}
div#footer li.viewing {color: #555555;display:none;}
div#footer a, div#footer a:link, div#footer a:visited {padding: 3px 0 0;color: #8FB2BF; }
div#footer a:hover { color:#bbbbbb; }
.clearfoot {background-color: #;height:1px;clear: both;}
/* ARCHIVE PAGE */
ul.year { margin: 0px; margin: 0 auto 10px;background-color: #ffffff; text-align: center;width: 710px; padding: 20px;border: 1px solid #ececec;}
ul.year li {display: inline;}
table.yeartable {margin-left: auto; margin-right: auto;background-color: #ffffff;border: 1px solid #ececec; margin-left: auto; margin-right: auto; width:100%;padding: 30px;width: 752px;}
table.yeartable td.yeardate, table.yeartable td.yearday { border-width: 1px; border-style: solid; border-color: #dddddd;}
table.yeartable td.yearday { background-color: #FBFBF8; text-align: center;}
td.yearmonth {border-style: none;}
.clear {display:none; height: 8px;}
/* MINI ICONS */
img[src*="icon_protected.gif"], img[src*="icon_private.gif"], img[src*="icon_groups.gif"], .ljuser img[src*="syndicated.gif"], .ljuser img[src*="newsinfo.gif"], .ljuser img[src*="partnercomm.gif"], .ljuser img[src*="sponcomm.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"] {height: 0px; width: 0px; padding: 0 0 10px 10px !important; background: transparent none no-repeat scroll 0 0; }
.subject img {vertical-align: middle !important;}
img[src*="icon_protected.gif"]{background-image: url(http://i44.tinypic.com/2cqi7ic.jpg)}
img[src*="icon_private.gif"]{background-image: url(http://i42.tinypic.com/256cm6t.png)}
img[src*="icon_groups.gif"]{background-image: url(http://i40.tinypic.com/2a9oevs.png)}
.ljuser img[src*="syndicated.gif"]{background-image: url(http://i41.tinypic.com/9lh5ps.png) !important;}
.ljuser img[src*="newsinfo.gif"] {background-image: url(http://i42.tinypic.com/2q0nbep.png) !important;}
.ljuser img[src*="partnercomm.gif"]{background-image: url(http://i40.tinypic.com/11vtuzc.png) !important;}
.ljuser img[src*="sponcomm.gif"] {background-image: url(http://i39.tinypic.com/25zj7yd.png) !important;}
img[src*="btn_del.gif"]{background-image: url(http://i44.tinypic.com/2wgcf1g.png)}
img[src*="btn_scr.gif"] {background-image: url(http://i42.tinypic.com/103bnv4.png)}
img[src*="btn_unscr.gif"] {background-image: url(http://i39.tinypic.com/2mxrale.png)}
img[src*="btn_freeze.gif"] {background-image: url(http://i40.tinypic.com/289e82v.png)}
img[src*="btn_unfreeze.gif"] {background-image: url(http://i40.tinypic.com/2qu3x4p.png)}
img[src*="btn_track.gif"] {background-image: url(http://i41.tinypic.com/fw0e90.png)}
img[src*="btn_tracking.gif"], img[src*="btn_tracking_thread.gif"] {background-image: url(http://i40.tinypic.com/11gnia0.png)}
img[src*="anonymous.gif"] {background-image: url(http://i40.tinypic.com/2pyarrd.png)}
img[src*="openid-profile.gif"] {background-image: url(http://i39.tinypic.com/971moh.png)}
img[src*="userinfo.gif"] {background-image: url(http://i44.tinypic.com/3477n7l.png)}
img[src*="talk/none.gif"] {background-image: url(http://i39.tinypic.com/x55sfl.png)}
img[src*="help.gif"] {background-image: url(http://i44.tinypic.com/k34uj9.png)}
img[src*="pencil.gif"], img[src*="btn_edit.gif"] {background-image: url(http://i41.tinypic.com/2ppik5l.png)}
.ljuser img {width: 0; height: 0; background: transparent url(http://i44.tinypic.com/3477n7l.png) no-repeat 0 0; padding: 10px 10px 0 2px !important; vertical-align: baseline !important;}
.ljuser img[src*="userinfo.gif"] {background: transparent url(http://i44.tinypic.com/3477n7l.png) no-repeat 0 0 !important; padding: 10px 10px 0 2px !important;}
.ljuser img[src*="community.gif"] { background: transparent url(http://i43.tinypic.com/11qog2x.png) no-repeat scroll 0 0 !important; padding: 10px 10px 0 2px !important;}
HTML BODY img.i-ljuser-userhead {height:5px !important;width:0 !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; }
/* MISC */
a img {border:none;}
b, u { color: #333333;}
i, s { color: #aaaaaa;}
p, td {}
blockquote { padding:15px; border: 1px solid #eeeeee; background: #f7f7f7 url() repeat; color:#8c8c8c; }
code {display:block; padding:5px; border:1px dashed #DDDDDD; font-size: 12px;}
.appwidget-qotd table tr td div {border:1px solid #eeeeee !Important;padding:8px 15px !Important}
kbd, pre, tt {font-family: monospace;}
textarea { font-family: Georgia, Times New Roman, Times,serif;font-size: 12px; background: #f7f7f7 url() repeat; border: 1px solid #dddddd; color: #666666;}
/* COLORS */
a, a:link, a:visited, .subject a, div.comments a:hover,.subject a:link, .subject a:visited, h2, code, div#sidebar a, .datesubjectcomment a:link, .datesubjectcomment a:visited, div.ContextualPopup .Relation, .ljuser a b {
color: #779C9F;
text-decoration: none;}
.ljuser a b {font-family: Georgia, Times New Roman, Times,serif;font-weight:normal;font-style:italic}
a:hover, .subject a:hover, div.comments a, .datesubjectcomment a:hover, div#sidebar a:hover, div#sidebar li.sbaritem:hover a, .ljuser a b:hover {color: #6DAFA1; text-decoration: none;}
.subject a, .subject a:link, .subject a:visited, .subject,h2 {text-decoration: none;color: #000000; }
div#sidebar a { color: #555555;} div#sidebar a:hover, div#sidebar li.sbaritem:hover a{ color: #6B8F88;}
mustard and purple
/*
outlet for the sigh in mustard ((flexible squares;milou veronica))
*/
body { background: #ffffff url() repeat fixed 0 0;background: transparent url(http://i44.tinypic.com/90zgaf.png) repeat scroll 0 0; text-align: center; color: #ffffff; font-family: "Trebuchet MS",Arial,Helvetica, sans-serif; font-size: .75em; padding:0px 0 25px;margin:0;}
.headerimage {position: relative; background: transparent url(http://i44.tinypic.com/90zgaf.png) repeat scroll 0 0; width: 100%; height: 40px;margin-left: auto;margin-right: auto;margin-bottom: 0px; border-top:0px solid #ececec; border-bottom:0px solid #f2f2f2}
#content{ color: #555555; width: 750px; background: #ffffff url() repeat scroll 0 0; margin-left: auto; margin-right: auto; margin-top: 0px; border-width: 0px; padding: 0px;}
#maincontent { padding: 10px 0; background: # url() repeat scroll 0 0; text-align: justify;border-top:0px solid #1a1a1a;}
#sidebar {background-color: #; padding:0x;max-width:780px; text-align: left; color: #666666; font-size: .85em; line-height: 1.75;margin-left: auto; margin-right: ;height:140px;overflow-x:hidden;overflow-y:scroll;}
#content-outer {background: #ffffff url() repeat scroll 0 0;border-top:3px solid #ececec;border-bottom:2px solid #ececec}
/* HEADER */
#header { background-color: #DFC345; margin: 0 auto 0 0;text-align: center;width:230px; font-size: .8em;text-transform:lowercase; color: #666666;min-height:140px; padding: 0px; border-bottom:0px solid #aaa;float:left}
div#header a, div#header a:link, div#header a:visited{postion:relative;color: #EFECE0;padding: 1px 6px;}
ul.navheader li:hover {background-color: #CFAE19; color:#111111;}
div#header li.view {color: #666666;background-color:#DFC861; padding: 2px 0;} .title:first-letter {color:#BF6BB5;}
div#header li.view:hover{ background-color: #CFAE19;}
ul.navheader{ padding: 0px; margin:0;}
ul.navheader li {margin: 0px; list-style-type: none; padding: 2px 0;border-bottom:1px solid #CFB540;display:block;}
div#header li:hover a,div#header li.view:hover {color:#FFFFFF;}
.title {padding:8px 3px 0;text-transform: uppercase;letter-spacing: -.03em;line-height:.85;margin: 0; text-align: center;font-size:1.8em;color:#ffffff;max-width:400px}
.subtitle{padding: 0 6px;text-transform: lowercase;line-height:1; text-align: center;color:#EFECE0;font-size:.9em}
/* ENTRIES */
.subcontent { min-height: 180px; margin-right:0px;margin-left: auto; margin-right: auto; border: 1px solid #f4f4f4;}
.date {text-transform: uppercase; color: #dddddd; font-size:.75em; letter-spacing:.8em;}
.subject {font-size: 2.7em; letter-spacing:-0.09em;text-align:left;line-height: 1; color: #aaaaaa; text-transform: lowercase}
.subject a, .subject a:link, .subject a:visited {text-decoration: none;color: #aaaaaa;}
.datesubject {padding: 10px 5px 10px 10px;background-color: #ffffff;}
.entry{margin: 0px; padding: 10px 20px 0 20px;text-align: justify;line-height: 1.75; background-color: #ffffff;}
.entry_text {}
.entry ul li,.entry ol li{padding-left: 5px;margin-left: 15px;}
/* USERPICS */
.userpic { position: relative; float: right; padding: 1px; background-color: #ffffff; margin:10px; z-index: 15; border: 19px solid #DFC345;}
.userpicfriends { position: relative; background-color: transparent !important; float: right; padding: 0px; margin: 8px; text-align: right;z-index: 15;}
.userpicfriends img {border: 0px; padding: 1px; border: 19px solid #DFC345; background-color: #ffffff; }
.userpicfriends a font {color: #111111;}
/* COMMENT BAR */
.comments {color: #ffffff; font-size: 8pt; text-align: left; padding: 6px 0 3px; position: relative; margin:0; text-transform: uppercase; clear:both}
div.comments a, div.comments a:visited, div.comments a:link { padding: 6px;border:1px solid #eeeeee;border-bottom-color:#FFFFFF;background-color:#FFFFFF}div.comments a:hover {padding: 6px 6px 11px;position:relative;bottom:5px;}
.separator{height: 25px;}
/* CURRENTS AND TAGS (minicons by brandspankingnew) */
.ljtags {clear:both;text-align: right; padding: 4px 18px 4px 0; background: transparent url(http://i42.tinypic.com/qq8jza.gif) no-repeat scroll 100% 50%; margin-top: 50px; position: relative; text-transform: lowercase; font-size: 7pt; color: #888888; font-weight: bold; }
.ljtags:hover {} div.ljtags a {font-weight: normal; }
.currents {clear:both;text-align: right; margin:0; padding-top:15px; padding: 8px 0px 8px 0; text-transform: lowercase; font-size: 7pt; color: #646464; }
.currents strong, .currentlocation strong, .currentmood strong, .currentgroups strong, .currentmusic strong {text-decoration: none; color: #888888; display:none;}
.currentlocation, .currentmood, .currentgroups , .currentmusic {padding: 4px 18px 4px 0; background: transparent none no-repeat scroll 100% 50%; }
.currentlocation {background-image: url(http://i42.tinypic.com/24vts91.gif);}
.currentmood{background-image: url(http://i44.tinypic.com/34xgpw5.gif);}
.currentgroups {background-image: url(http://i42.tinypic.com/21jx2xk.gif);}
.currentmusic {background-image: url(http://i41.tinypic.com/5dqgqv.gif);}
/* TAG PAGE */
h2 { padding: 10px 10px 10px 30px; border: 1px solid #ececec; border-bottom:none;background-color: #ffffff;font-weight: normal;margin: 0px auto; }
.ljtaglist {text-align: left; margin: 0px auto; padding:20px; background-color: #ffffff;font-size:10px; list-style:inside none square; border: 1px solid #ececec; border-top:none;}
.ljtaglist li {padding:5px 30px;border-bottom: 1px dotted #eeeeee;} .ljtaglist li:hover{background-color:#f8f8f8;}
/* COMMENT PAGE */
.box { text-align: left; margin-bottom:1px; padding: 0px; clear: left;margin-left: auto; margin-right: auto;}
.datesubjectcomment {text-align: left; color: #999999; margin-top: 0px; }
.userpiccomment {position: relative; padding: 3px; border: 1px solid #eeeeee; background-color: #ffffff; left: 0px; margin: 0px 10px 0px 0px; z-index: 15; float: left;}
input { font-family: Arial, Tahoma, "Verdana", sans-serif; font-size: 11px; background-color: #fafafa; border: 1px solid #cccccc; color: #999999;}
textarea.textbox {width: 100% !important;}
.reply{ border: 0px ; position: relative; margin: 20px 30px 10px 30px; padding: 25px 10px 10px 10px; text-align: left; line-height: 1.25;}
.replytosubject {letter-spacing:2px; font-weight: bold;}
.commentreply { min-height: 65px; text-align: left; position: relative; margin: 10px 10px 10px 120px;}
.commentbox { border: 1px solid #eeeeee; background-color: #ffffff; padding: 30px 10px 10px 20px;margin: 7px 0px 7px 0px;}
.commentbox:hover, .commentboxpartial:hover {border-color: #f4f4f4;}
.commentboxpartial { background-color: #ffffff; border: 1px solid #eeeeee;padding: 10px; margin: 10px;}
.commentinfo { background-color: #ffffff; margin-top: 10px; width: 100%;}
form#postform{background-color: #ffffff;border:1px solid #eeeeee} form#qrform table {border-width: 0px !important;} form#qrform {background-color: #ffffff;}
.skiplinks {text-align: center; border:1px solid #ececec;clear:both;margin: 10px auto;padding: 10px 0px; font-size: 7pt; color: #eeeeee;background-color: #ffffff;}
.skiplinks a {background-color:#ffffff;word-spacing:1px;}.skiplinks a:hover{background-color:#f7f7f7}
/* SIDEBAR */
.defaultuserpic {float:left;text-align: center; margin: 5px;display:none}
.defaultuserpic img {border: 1px solid #333;padding:3px;}
.sbarheader {padding: 0px 5px 0px 5px;}
.sbarbody {padding: 0px 5px 0px 5px;}
.sbarbody2 { padding: 8px;line-height:1.5;float:left;width:140px}
ul.sbarlist{ margin: 0px; padding: 0px; list-style: none;}li.sbaritem{display:;}
li.sbaritem{width:150px;padding: 1px 8px; margin:0;border-bottom: 1px solid #eeeeee;background-color: #;} li.sbaritem:hover {background-color: #f3f3f3;border-color:#e7e7e7}
li.sbartitle{ font-size:1.2em;padding: 0 0 8px; color: #222222;display:none}
#sidebar_linklist li.sbartitle, #sidebar_tags li.sbartitle {display:block}
#sidebar_linklist, #sidebar_tags {float:left;line-height:1.2;text-transform: lowercase;margin:0 0 0 3px; padding:0;font-variant:small-caps;}
#sidebar_summary, #sidebar_calendar { display:none; }
/* FOOTER */
#footer { background-color: #;padding: 5px; text-align: center; margin:auto;text-transform: uppercase; font-size: .7em; letter-spacing: 3px; z-index: 100; clear: both; }
ul.navfooter{ padding: 0px; margin: 0px;}
ul.navfooter li {list-style: none; margin: 0 10px;display:inline;}
div#footer li.viewing {color: #555555;display:none;}
div#footer a, div#footer a:link, div#footer a:visited {padding: 3px 0 0;color: #DFAA1B; }
div#footer a:hover { color:#bbbbbb; }
.clearfoot {background-color: #;height:1px;clear: both;}
/* ARCHIVE PAGE */
ul.year { margin: 0px; margin: 0 auto 10px;background-color: #ffffff; text-align: center;padding: 20px;border: 1px solid #ececec;}
ul.year li {display: inline;}
table.yeartable {margin-left: auto; margin-right: auto;background-color: #ffffff;border: 1px solid #ececec; margin-left: auto; margin-right: auto; width:100%;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: #FBFBF8; text-align: center;}
td.yearmonth {border-style: none;}
.clear {display:none; height: 8px;}
/* MINI ICONS by pinvoke */
img[src*="icon_protected.gif"], img[src*="icon_private.gif"], img[src*="icon_groups.gif"], .ljuser img[src*="syndicated.gif"], .ljuser img[src*="newsinfo.gif"], .ljuser img[src*="partnercomm.gif"], .ljuser img[src*="sponcomm.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"] {height: 0px; width: 0px; padding: 0 0 10px 10px !important; background: transparent none no-repeat scroll 0 0; }
.subject img {vertical-align: middle !important;}
img[src*="icon_protected.gif"]{background-image: url(http://i44.tinypic.com/2cqi7ic.jpg)}
img[src*="icon_private.gif"]{background-image: url(http://i42.tinypic.com/256cm6t.png)}
img[src*="icon_groups.gif"]{background-image: url(http://i40.tinypic.com/2a9oevs.png)}
.ljuser img[src*="syndicated.gif"]{background-image: url(http://i41.tinypic.com/9lh5ps.png) !important;}
.ljuser img[src*="newsinfo.gif"] {background-image: url(http://i42.tinypic.com/2q0nbep.png) !important;}
.ljuser img[src*="partnercomm.gif"]{background-image: url(http://i40.tinypic.com/11vtuzc.png) !important;}
.ljuser img[src*="sponcomm.gif"] {background-image: url(http://i39.tinypic.com/25zj7yd.png) !important;}
img[src*="btn_del.gif"]{background-image: url(http://i44.tinypic.com/2wgcf1g.png)}
img[src*="btn_scr.gif"] {background-image: url(http://i42.tinypic.com/103bnv4.png)}
img[src*="btn_unscr.gif"] {background-image: url(http://i39.tinypic.com/2mxrale.png)}
img[src*="btn_freeze.gif"] {background-image: url(http://i40.tinypic.com/289e82v.png)}
img[src*="btn_unfreeze.gif"] {background-image: url(http://i40.tinypic.com/2qu3x4p.png)}
img[src*="btn_track.gif"] {background-image: url(http://i41.tinypic.com/fw0e90.png)}
img[src*="btn_tracking.gif"], img[src*="btn_tracking_thread.gif"] {background-image: url(http://i40.tinypic.com/11gnia0.png)}
img[src*="anonymous.gif"] {background-image: url(http://i40.tinypic.com/2pyarrd.png)}
img[src*="openid-profile.gif"] {background-image: url(http://i39.tinypic.com/971moh.png)}
img[src*="userinfo.gif"] {background-image: url(http://i44.tinypic.com/3477n7l.png)}
img[src*="talk/none.gif"] {background-image: url(http://i39.tinypic.com/x55sfl.png)}
img[src*="help.gif"] {background-image: url(http://i44.tinypic.com/k34uj9.png)}
img[src*="pencil.gif"], img[src*="btn_edit.gif"] {background-image: url(http://i41.tinypic.com/2ppik5l.png)}
.ljuser img { width: 0; height: 0; background: transparent url(http://i43.tinypic.com/2yudedt.png) no-repeat 0 0; padding: 10px 10px 0 2px !important; vertical-align: baseline !important;}
.ljuser img[src*="userinfo.gif"] { background: transparent url(http://i43.tinypic.com/2yudedt.png) no-repeat 0 0 !important; padding: 10px 10px 0 2px !important}
.ljuser img[src*="community.gif"] { background: transparent url(http://i43.tinypic.com/2n9w7pk.png) no-repeat scroll 0 0 !important; padding: 10px 10px 0 2px !important}
HTML BODY img.i-ljuser-userhead {height:5px !important;width:0 !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; }
/* MISC */
a img {border:none;}
b, u { color: #333333;}
i, s { color: #aaaaaa;}
p, td {}
blockquote { padding:15px; border: 1px solid #eeeeee; background: #f7f7f7 url() repeat; color:#8c8c8c; }
code {display:block; padding:5px; border:1px dashed #DDDDDD; font-size: 12px;}
.appwidget-qotd table tr td div {border:1px solid #eeeeee !Important;padding:8px 15px !Important}
kbd, pre, tt {font-family: monospace;}
textarea { font-family: Georgia, Times New Roman, Times,serif;font-size: 12px; background: #f7f7f7 url() repeat; border: 1px solid #dddddd; color: #666666;}
/* COLORS */
a, a:link, a:visited, .subject a, div.comments a:hover,.subject a:link, .subject a:visited, h2, code, div#sidebar a, .datesubjectcomment a:link, .datesubjectcomment a:visited, div.ContextualPopup .Relation, .ljuser a b {
color: #9F779A;
text-decoration: none;}
.ljuser a b {font-family: Georgia, Times New Roman, Times,serif;font-weight:normal;font-style:italic}
a:hover, .subject a:hover, div.comments a, .datesubjectcomment a:hover, div#sidebar a:hover, div#sidebar li.sbaritem:hover a, .ljuser a b:hover {color: #DFAA1B; text-decoration: none;}
.subject, .subject a, .subject a:link, .subject a:visited, .subject,h2 {text-decoration: none;color: #BF6BB5; }
div#sidebar a { color: #555555;} div#sidebar a:hover, div#sidebar li.sbaritem:hover a{ color: #BF6BB5;}
crazy rainbow thing
/*
outlet for the sigh in rainbow ((flexible squares;milou veronica))
*/
body { background: #ffffff url(http://i40.tinypic.com/295xuop.png) repeat fixed 0 0; text-align: center; color: #ffffff; font-family: Arial,Helvetica, sans-serif; font-size: .75em; padding:0px 0 25px;margin:0 0;}
.headerimage {position: relative; background: transparent url() repeat scroll 0 0; width: 0; height: 0px;margin-left: auto;margin-right: auto;margin-bottom: 0px; }
#content{ color: #444444; width: 85%;max-width:1050px;min-width:780px; background: transparent url() repeat scroll 0 0; margin-left: auto; margin-right: auto; margin-top: 5px; padding: 0px;}
#maincontent { padding: 10px 0; background: # url() repeat scroll 0 0; text-align: justify;clear:both}
#sidebar {background-color:#FFFFFF;border:1px solid #eeeeee;padding:10px;min-width:500px; text-align: left; color: #666666; font-size: .85em; line-height: 1.75;margin-left: auto; margin-right: ;height:96px;overflow-x:hidden;overflow-y:scroll;}
#content-outer {}
/* HEADER */
#header {margin: 0 auto 0 0;text-align: right;font-size: .8em;text-transform:lowercase; color: #666666; padding:0;}
div#header li.view, div#header a, div#header a:link, div#header a:visited{postion:relative;color: #ffffff;background-color:#F7872E;padding:6px 10px;display:block;width:160px}
ul.navheader li:hover {color:#111111;}
div#header li.view {color: #FFFFFF;background-color:#F7C52E;padding: px 0;} .title:first-letter {color:#ddd;}
div#header li.view:hover{ background-color: #;color:#111111}
ul.navheader{ padding: 0px; margin:0;float:left;overflow:hidden}
ul.navheader li {margin: 0px; list-style-type: none; display:block;}
.title {padding:8px 3px 0;text-transform: uppercase;letter-spacing: -1px;line-height:.85;margin: 0; text-align: left;font-size:1.8em;color:#aaa;display:none;}
.subtitle{padding: 0 6px;text-transform: lowercase;line-height:1; text-align: left;display:none;font-size:.9em}
/* ENTRIES */
.subcontent { min-height: 180px;background-color:#FFFFFF;border:1px solid #eeeeee; margin-right:0px;margin-left: auto; margin-right: auto}
.date {text-transform: uppercase; color: #dddddd; font-size:.75em; letter-spacing:.8em;}
.subject {font-size: 2.7em; letter-spacing:-0.09em;text-align:left;line-height: 1; color: #aaaaaa; text-transform: lowercase}
.subject a, .subject a:link, .subject a:visited {text-decoration: none;color: #aaaaaa;}
.datesubject {padding: 10px 5px 10px 10px;background-color: #ffffff;}
.entry{margin: 0px; padding: 10px 20px 0 20px;text-align: justify;line-height: 1.75; background-color: #ffffff;}
.entry_text {}
.entry ul li,.entry ol li{padding-left: 5px;margin-left: 15px;}
/* USERPICS */
.userpic { position: relative; float: right; padding: 1px; background-color: #ffffff; margin:10px; z-index: 15; border: 19px solid #FF6F90;}
.userpicfriends { position: relative; background-color: transparent !important; float: right; padding: 0px; margin: 8px; text-align: right;z-index: 15;}
.userpicfriends img {border: 0px; padding: 1px; border: 19px solid #FF6F90; background-color: #ffffff; }
.userpicfriends a font {color: #111111;}
/* COMMENT BAR */
.comments {color: #ececec; font-size: 8pt; text-align: center; padding: 6px; position: relative; margin:0; text-transform: uppercase; clear:both}
div.comments a, div.comments a:visited, div.comments a:link { padding: 6px;}
.separator{height: 25px;}
/* CURRENTS AND TAGS (minicons by brandspankingnew) */
.ljtags {clear:both;text-align: right; padding: 4px 18px 4px 0; background: transparent url(http://i42.tinypic.com/qq8jza.gif) no-repeat scroll 100% 50%; margin-top: 50px; position: relative; text-transform: lowercase; font-size: 7pt; color: #888888; font-weight: bold; }
.ljtags:hover {} div.ljtags a {font-weight: normal; }
.currents {clear:both;text-align: right; margin:0; padding-top:15px; padding: 8px 0px 8px 0; text-transform: lowercase; font-size: 7pt; color: #646464; }
.currents strong, .currentlocation strong, .currentmood strong, .currentgroups strong, .currentmusic strong {text-decoration: none; color: #888888; display:none;}
.currentlocation, .currentmood, .currentgroups , .currentmusic {padding: 4px 18px 4px 0; background: transparent none no-repeat scroll 100% 50%; }
.currentlocation {background-image: url(http://i42.tinypic.com/24vts91.gif);}
.currentmood{background-image: url(http://i44.tinypic.com/34xgpw5.gif);}
.currentgroups {background-image: url(http://i42.tinypic.com/21jx2xk.gif);}
.currentmusic {background-image: url(http://i41.tinypic.com/5dqgqv.gif);}
/* TAG PAGE */
h2 { padding: 10px 10px 0px 30px; border: 1px solid #ececec; border-bottom:none;background-color: #ffffff;font-weight: normal;margin: 0px auto; letter-spacing:-.09em;font-size:2.4em;text-transform:lowercase}
.ljtaglist {text-align: left; margin: 0px auto; padding: 0 10px 20px; background-color: #ffffff;font-size:10px; list-style:inside none square; border: 1px solid #ececec; border-top:none;}
.ljtaglist li {padding:5px 10px;border-bottom: 1px dotted #eeeeee;color:#999} .ljtaglist li:hover{background-color:#f8f8f8;}
/* COMMENT PAGE */
.box { text-align: left; margin-bottom:1px; padding: 0px; clear: left;margin-left: auto; margin-right: auto;}
.datesubjectcomment {text-align: left; color: #999999; margin-top: 0px; }
.userpiccomment {position: relative; padding: 3px; border: 1px solid #eeeeee; background-color: #ffffff; left: 0px; margin: 0px 10px 0px 0px; z-index: 15; float: left;}
input { font-family: Arial, Tahoma, "Verdana", sans-serif; font-size: 11px; background-color: #fafafa; border: 1px solid #cccccc; color: #999999;}
textarea.textbox {width: 100% !important;}
.reply{ border: 0px ; position: relative; margin: 20px 30px 10px 30px; padding: 25px 10px 10px 10px; text-align: left; line-height: 1.25;}
.replytosubject {letter-spacing:2px; font-weight: bold;}
.commentreply { min-height: 65px; text-align: left; position: relative; margin: 10px 10px 10px 120px;}
.commentbox { background-color:#FFFFFF;border:1px solid #eeeeee; padding: 30px 10px 10px 20px;margin: 7px 0px 7px 0px;}
.commentbox:hover, .commentboxpartial:hover {border-color: #eeeeee;}
.commentboxpartial { background-color:#FFFFFF;border:1px solid #eeeeee;padding: 10px; margin: 10px;}
.commentinfo { background-color: #ffffff; margin-top: 10px; width: 100%;}
form#postform{background-color: #ffffff;border:1px solid #eeeeee} form#qrform table {border-width: 0px !important;} form#qrform {background-color: #ffffff;}
.skiplinks {text-align: center; margin: 0 auto 10px;padding: 10px 0px;color: #eeeeee;background-color:#FFFFFF;border:1px solid #eeeeee;}
.skiplinks a {background-color:#ffffff;word-spacing:1px;}.skiplinks a:hover{background-color:#f7f7f7}
/* SIDEBAR */
.defaultuserpic {float:right;text-align: center; margin: 0 0 0 15px;}
.defaultuserpic img {border: 1px solid #ececec;width:60px;height:60px;padding:3px;}
.sbarheader {padding: 0px 5px 0px 5px;}
.sbarbody {padding: 0px 5px 0px 5px;}
.sbarbody2 { padding: 0;line-height:1.5;float:left;max-width:670px;min-width:270px;width:50%;margin:0 auto 0 0}
ul.sbarlist{ margin: 0px; padding: 0px; list-style: none;}li.sbaritem{display:;}
li.sbaritem{width:170px;padding: 3px 8px; margin:0;border-bottom: 1px solid #f3f3f3;} li.sbaritem:hover {background-color: #f4f4f4;border-color:#e5e5e5}
li.sbartitle{ display:none;padding: 8px; color: #777777;}
#sidebar_linklist {line-height:1.2;text-transform: lowercase;margin:0; padding:0;float:right;}
#sidebar_summary,#sidebar_tags, #sidebar_calendar { display:none; }
/* FOOTER */
#footer {padding: 5px; text-align: center; margin:auto;text-transform: uppercase; font-size: .7em; letter-spacing: 3px; z-index: 100; clear: both; }
ul.navfooter{ padding: 0px; margin: 0px;}
ul.navfooter li {list-style: none; margin: 0 10px;display:inline;}
div#footer li.viewing {color: #555555;display:none;}
div#footer a, div#footer a:link, div#footer a:visited {padding: 3px 0 0;color: #8FB2BF; }
div#footer a:hover { color:#bbbbbb; }
.clearfoot {height:1px;clear: both;}
/* ARCHIVE PAGE */
ul.year { margin: 0px; margin: 0 auto 10px;background-color: #ffffff; text-align: center;padding: 20px;border: 1px solid #ececec;}
ul.year li {display: inline;}
table.yeartable {margin-left: auto; margin-right: auto;background-color: #ffffff;border: 1px solid #ececec; margin-left: auto; margin-right: auto; width:100%;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: #FBFBF8; text-align: center;}
td.yearmonth {border-style: none;}
.clear {display:none; height: 8px;}
/* MINI ICONS */
img[src*="icon_protected.gif"], img[src*="icon_private.gif"], img[src*="icon_groups.gif"], .ljuser img[src*="syndicated.gif"], .ljuser img[src*="newsinfo.gif"], .ljuser img[src*="partnercomm.gif"], .ljuser img[src*="sponcomm.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"] {height: 0px; width: 0px; padding: 0 0 10px 10px !important; background: transparent none no-repeat scroll 0 0; }
.subject img {vertical-align: middle !important;}
img[src*="icon_protected.gif"]{background-image: url(http://i44.tinypic.com/2cqi7ic.jpg)}
img[src*="icon_private.gif"]{background-image: url(http://i42.tinypic.com/256cm6t.png)}
img[src*="icon_groups.gif"]{background-image: url(http://i40.tinypic.com/2a9oevs.png)}
.ljuser img[src*="syndicated.gif"]{background-image: url(http://i41.tinypic.com/9lh5ps.png) !important;}
.ljuser img[src*="newsinfo.gif"] {background-image: url(http://i42.tinypic.com/2q0nbep.png) !important;}
.ljuser img[src*="partnercomm.gif"]{background-image: url(http://i40.tinypic.com/11vtuzc.png) !important;}
.ljuser img[src*="sponcomm.gif"] {background-image: url(http://i39.tinypic.com/25zj7yd.png) !important;}
img[src*="btn_del.gif"]{background-image: url(http://i44.tinypic.com/2wgcf1g.png)}
img[src*="btn_scr.gif"] {background-image: url(http://i42.tinypic.com/103bnv4.png)}
img[src*="btn_unscr.gif"] {background-image: url(http://i39.tinypic.com/2mxrale.png)}
img[src*="btn_freeze.gif"] {background-image: url(http://i40.tinypic.com/289e82v.png)}
img[src*="btn_unfreeze.gif"] {background-image: url(http://i40.tinypic.com/2qu3x4p.png)}
img[src*="btn_track.gif"] {background-image: url(http://i41.tinypic.com/fw0e90.png)}
img[src*="btn_tracking.gif"], img[src*="btn_tracking_thread.gif"] {background-image: url(http://i40.tinypic.com/11gnia0.png)}
img[src*="anonymous.gif"] {background-image: url(http://i40.tinypic.com/2pyarrd.png)}
img[src*="openid-profile.gif"] {background-image: url(http://i39.tinypic.com/971moh.png)}
img[src*="userinfo.gif"] {background-image: url(http://i44.tinypic.com/3477n7l.png)}
img[src*="talk/none.gif"] {background-image: url(http://i39.tinypic.com/x55sfl.png)}
img[src*="help.gif"] {background-image: url(http://i44.tinypic.com/k34uj9.png)}
img[src*="pencil.gif"], img[src*="btn_edit.gif"] {background-image: url(http://i41.tinypic.com/2ppik5l.png)}
.ljuser img {width: 0; height: 0; background: transparent url(http://i44.tinypic.com/evb240.png) no-repeat 0 0; padding: 10px 10px 0 2px !important; vertical-align: baseline !important;}
.ljuser img[src*="userinfo.gif"] {background: transparent url(http://i44.tinypic.com/evb240.png) no-repeat 0 0 !important; padding: 10px 10px 0 2px !important}
.ljuser img[src*="community.gif"] { background: transparent url(http://i39.tinypic.com/155qbdd.png) no-repeat scroll 0 0 !important; padding: 10px 10px 0 2px !important}
HTML BODY img.i-ljuser-userhead {height:5px !important;width:0 !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; }
/* MISC */
a img {border:none;}
b, u { color: #333333;}
i, s { color: #aaaaaa;}
p, td {}
blockquote { padding:15px; border: 1px solid #eeeeee; background: #f7f7f7 url() repeat; color:#8c8c8c; }
code {display:block; padding:5px; border:1px dashed #DDDDDD; font-size: 12px;}
.appwidget-qotd table tr td div {border:1px solid #eeeeee !Important;padding:8px 15px !Important}
kbd, pre, tt {font-family: monospace;}
textarea { font-family: Georgia, Times New Roman, Times,serif;font-size: 12px; background: #f7f7f7 url() repeat; border: 1px solid #dddddd; color: #666666;}
/* COLORS */
a, a:link, a:visited, .subject a, div.comments a:hover,.subject a:link, .subject a:visited, h2, code, div#sidebar a, .datesubjectcomment a:link, .datesubjectcomment a:visited, div.ContextualPopup .Relation, .ljuser a b {
color: #29C1DF;
text-decoration: none;}
.ljuser a b {font-family: Georgia, Times New Roman, Times,serif;font-weight:normal;font-style:italic}
a:hover, .subject a:hover, div.comments a, .datesubjectcomment a:hover, div#sidebar a:hover, div#sidebar li.sbaritem:hover a, .ljuser a b:hover {color: #EFAC1D; text-decoration: none;}
.subject a, .subject a:link, .subject a:visited, .subject,h2 {text-decoration: none;color: #88BF00; }
div#sidebar a { color: #EF5989;} div#sidebar a:hover, div#sidebar li.sbaritem:hover a{ color: #BBDF29;}
div#header a, div#header a:link, div#header a:visited{background-color:#F7872E;}div#header a:hover{background-color:#FF6F90;}
div#header li.view {background-color:#F7C52E;} div#header li.view:hover {background-color:#29C1DF;}
div#header a[href*=".livejournal.com/"]{background-color: #29C1DF;}
div#header a:hover[href*="livejournal.com/"] {background-color: #BBDF29;}
div#header a[href*="/calendar"]{background-color: #BBDF29 !Important;} div#header a:hover[href*="/calendar"]{background-color: #F7872E !Important;}
div#header a[href*="/friends"]{background-color: #FF6F90 !Important;}div#header a:hover[href*="/friends"]{background-color: #F7C52E !Important;}
div#header a[href*="/profile"]{background-color: #29C1DF !Important;}div#header a:hover[href*="/profile"]{background-color: #BBDF29 !Important;}
body.lj-view-entry div#header a[href*="livejournal.com/"] {background-color:#F7C52E;} body.lj-view-entry div#header a:hover[href*=".livejournal.com/"] {background-color:#29C1DF;}
installation
01.
Choose Journal Style
02.
Select "Grays" Flexible Squares layout in "Select a New Theme"
03.
In Choose a Page Setup, select 2 Column (sidebar on right) or 2 Column (sidebar on left).
04.
Go to " Customise your Theme " and then "Style ". Change the "Background color of the outer table" to #FFFFFF.
05.
Then go to the "Sidebar" section. Make sure all the sidebar elements you wish to show are enabled. This is also where you add the free text.
06.
Still in "Customise your Theme", go to "Custom CSS ". Ensure Use layout's stylesheet(s) is set to no
07.
Paste code into the Custom Stylesheet box.
notes:Q&A
♚ mini icons by Pinvoke and Brand Spanking New
♚ Upload images to your own server
♚ As per usual, feel free to add your own header/ edit bloody anything you want to.
♚Please address all questions to the F.A.Q.
image | live
image | live
image | live
layout:outlet for the sigh
style: flexible squares
accounts: Basic, Paid, and Sponsored
features:custom comment pages, mini icons, topbar
browsers: IE7, FF, Safari, Chrome, and Opera
blue and grey
/*
outlet for the sigh in blue ((flexible squares;milou veronica))
*/
body { background: #ffffff url() repeat fixed 0 0;background: transparent url(http://i44.tinypic.com/90zgaf.png) repeat scroll 0 0; text-align: center; color: #ffffff; font-family: Arial,Helvetica, sans-serif; font-size: .75em; padding:0px 0 25px;margin:0 0;}
.headerimage {position: relative; background: transparent url(http://i44.tinypic.com/90zgaf.png) repeat scroll 0 0; width: 100%; height: 40px;margin-left: auto;margin-right: auto;margin-bottom: 0px; border-top:0px solid #ececec; border-bottom:0px solid #f2f2f2}
#content{ color: #444444; width: 750px; background: #ffffff url() repeat scroll 0 0; margin-left: auto; margin-right: auto; margin-top: 0px; border-width: 0px; padding: 0px;}
#maincontent { padding: 10px 0; background: # url() repeat scroll 0 0; text-align: justify;clear:both}
#sidebar {background-color: #eeeeee; padding:10px;max-width:780px; text-align: left; color: #666666; font-size: .85em; line-height: 1.75;margin-left: auto; margin-right: ;height:120px;overflow-x:hidden;overflow-y:scroll;border-bottom:0px solid #333;}
#content-outer {background: #ffffff url() repeat scroll 0 0;border-top:3px solid #ececec;border-bottom:2px solid #ececec}
/* HEADER */
#header { background-color: #8FB2BF; margin: 0 auto 0 0;text-align: center;width:230px; font-size: .8em;text-transform:lowercase; color: #666666;min-height:140px; padding: 0px; border-bottom:0px solid #aaa;float:left}
div#header a, div#header a:link, div#header a:visited{postion:relative;color: #ffffff;padding: 1px 6px;}
ul.navheader li:hover {background-color: #77959F; color:#111111;}
div#header li.view {color: #666666;background-color:#8FB2BF; padding: 2px 0;} .title:first-letter {color:#ddd;}
div#header li.view:hover{ background-color: #77959F;color:#111111}
ul.navheader{ padding: 0px; margin:0;}
ul.navheader li {margin: 0px; list-style-type: none; padding: 2px 0;border-bottom:1px solid #9BB6BF;display:block;}
.title {padding:8px 3px 0;text-transform: uppercase;letter-spacing: -1px;line-height:.85;margin: 0; text-align: center;font-size:1.8em;color:#ffffff;max-width:400px}
.subtitle{padding: 0 6px;text-transform: lowercase;line-height:1; text-align: center;font-size:.9em}
/* ENTRIES */
.subcontent { min-height: 180px; margin-right:0px;margin-left: auto; margin-right: auto; border: 1px solid #f4f4f4;}
.date {text-transform: uppercase; color: #dddddd; font-size:.75em; letter-spacing:.8em;}
.subject {font-size: 2.7em; letter-spacing:-0.09em;text-align:left;line-height: 1; color: #aaaaaa; text-transform: lowercase}
.subject a, .subject a:link, .subject a:visited {text-decoration: none;color: #aaaaaa;}
.datesubject {padding: 10px 5px 10px 10px;background-color: #ffffff;}
.entry{margin: 0px; padding: 10px 20px 0 20px;text-align: justify;line-height: 1.75; background-color: #ffffff;}
.entry_text {}
.entry ul li,.entry ol li{padding-left: 5px;margin-left: 15px;}
/* USERPICS */
.userpic { position: relative; float: right; padding: 1px; background-color: #ffffff; margin:10px; z-index: 15; border: 19px solid #8FB2BF;}
.userpicfriends { position: relative; background-color: transparent !important; float: right; padding: 0px; margin: 8px; text-align: right;z-index: 15;}
.userpicfriends img {border: 0px; padding: 1px; border: 19px solid #8FB2BF; background-color: #ffffff; }
.userpicfriends a font {color: #111111;}
/* COMMENT BAR */
.comments {color: #ececec; font-size: 8pt; text-align: center; padding: 6px; position: relative; margin:0; text-transform: uppercase; clear:both}
div.comments a, div.comments a:visited, div.comments a:link { padding: 6px;}
.separator{height: 25px;background-color:#FFF}
/* CURRENTS AND TAGS (minicons by brandspankingnew) */
.ljtags {clear:both;text-align: right; padding: 4px 18px 4px 0; background: transparent url(http://i42.tinypic.com/qq8jza.gif) no-repeat scroll 100% 50%; margin-top: 50px; position: relative; text-transform: lowercase; font-size: 7pt; color: #888888; font-weight: bold; }
.ljtags:hover {} div.ljtags a {font-weight: normal; }
.currents {clear:both;text-align: right; margin:0; padding-top:15px; padding: 8px 0px 8px 0; text-transform: lowercase; font-size: 7pt; color: #646464; }
.currents strong, .currentlocation strong, .currentmood strong, .currentgroups strong, .currentmusic strong {text-decoration: none; color: #888888; display:none;}
.currentlocation, .currentmood, .currentgroups , .currentmusic {padding: 4px 18px 4px 0; background: transparent none no-repeat scroll 100% 50%; }
.currentlocation {background-image: url(http://i42.tinypic.com/24vts91.gif)}
}){kind=link}
.currentmood{background-image: url(http://i44.tinypic.com/34xgpw5.gif)}
}){kind=link}
.currentgroups {background-image: url(http://i42.tinypic.com/21jx2xk.gif)}
}){kind=link}
.currentmusic {background-image: url(http://i41.tinypic.com/5dqgqv.gif)}
}){kind=link}
/* TAG PAGE */
h2 { padding: 10px 10px 10px 30px; border: 1px solid #ececec; border-bottom:none;background-color: #ffffff;font-weight: normal;width: 710px;margin: 0px auto; }
.ljtaglist {text-align: left; margin: 0px auto; padding:20px; background-color: #ffffff;font-size:10px; list-style:inside none square; border: 1px solid #ececec; border-top:none;width: 710px;}
.ljtaglist li {padding:5px 30px;border-bottom: 1px dotted #eeeeee;} .ljtaglist li:hover{background-color:#f8f8f8;}
/* COMMENT PAGE */
.box { text-align: left; margin-bottom:1px; padding: 0px; clear: left;width:780px;margin-left: auto; margin-right: auto;}
.datesubjectcomment {text-align: left; color: #999999; margin-top: 0px; }
.userpiccomment {position: relative; padding: 3px; border: 1px solid #eeeeee; background-color: #ffffff; left: 0px; margin: 0px 10px 0px 0px; z-index: 15; float: left;}
input { font-family: Arial, Tahoma, "Verdana", sans-serif; font-size: 11px; background-color: #fafafa; border: 1px solid #cccccc; color: #999999;}
textarea.textbox {width: 100% !important;}
.reply{ border: 0px ; position: relative; margin: 20px 30px 10px 30px; padding: 25px 10px 10px 10px; text-align: left; line-height: 1.25;}
.replytosubject {letter-spacing:2px; font-weight: bold;}
.commentreply { min-height: 65px; text-align: left; position: relative; margin: 10px 10px 10px 120px;}
.commentbox { border-bottom: 1px solid #f4f4f4; background-color: #ffffff; padding: 30px 10px 10px 20px;margin: 7px 0px 7px 0px;}
.commentbox:hover, .commentboxpartial:hover {border-color: #eeeeee;}
.commentboxpartial { background-color: #ffffff; border-bottom: 1px solid #f4f4f4;padding: 10px; margin: 10px;}
.commentinfo { background-color: #ffffff; margin-top: 10px; width: 100%;}
form#postform{background-color: #ffffff;border:1px solid #eeeeee} form#qrform table {border-width: 0px !important;} form#qrform {background-color: #ffffff;}
.skiplinks {text-align: center; border:1px solid #ececec;width:750px;margin: 0 auto 10px;padding: 10px 0px; font-size: 7pt; color: #eeeeee;background-color: #ffffff;}
.skiplinks a {background-color:#ffffff;word-spacing:1px;}.skiplinks a:hover{background-color:#f7f7f7}
/* SIDEBAR */
.defaultuserpic {float:left;text-align: center; margin: 5px;display:none}
.defaultuserpic img {border: 1px solid #333;padding:3px;}
.sbarheader {padding: 0px 5px 0px 5px;}
.sbarbody {padding: 0px 5px 0px 5px;}
.sbarbody2 { padding: 0;line-height:1.5;float:right;width:300px}
ul.sbarlist{ margin: 0px; padding: 0px; list-style: none;}li.sbaritem{display:;}
li.sbaritem{width:150px;padding: 1px 8px; margin:0;border-bottom: 1px solid #dddddd;background-color: #;} li.sbaritem:hover {background-color: #dddddd;border-color:#cccccc}
li.sbartitle{ display:none;padding: 8px; color: #777777;}
#sidebar_linklist {line-height:1.2;text-transform: lowercase;margin:0; padding:0;font-variant:small-caps;}
#sidebar_summary,#sidebar_tags, #sidebar_calendar { display:none; }
/* FOOTER */
#footer { background-color: #;padding: 5px; text-align: center; margin:auto;text-transform: uppercase; font-size: .7em; letter-spacing: 3px; z-index: 100; clear: both; }
ul.navfooter{ padding: 0px; margin: 0px;}
ul.navfooter li {list-style: none; margin: 0 10px;display:inline;}
div#footer li.viewing {color: #555555;display:none;}
div#footer a, div#footer a:link, div#footer a:visited {padding: 3px 0 0;color: #8FB2BF; }
div#footer a:hover { color:#bbbbbb; }
.clearfoot {background-color: #;height:1px;clear: both;}
/* ARCHIVE PAGE */
ul.year { margin: 0px; margin: 0 auto 10px;background-color: #ffffff; text-align: center;width: 710px; padding: 20px;border: 1px solid #ececec;}
ul.year li {display: inline;}
table.yeartable {margin-left: auto; margin-right: auto;background-color: #ffffff;border: 1px solid #ececec; margin-left: auto; margin-right: auto; width:100%;padding: 30px;width: 752px;}
table.yeartable td.yeardate, table.yeartable td.yearday { border-width: 1px; border-style: solid; border-color: #dddddd;}
table.yeartable td.yearday { background-color: #FBFBF8; text-align: center;}
td.yearmonth {border-style: none;}
.clear {display:none; height: 8px;}
/* MINI ICONS */
img[src*="icon_protected.gif"], img[src*="icon_private.gif"], img[src*="icon_groups.gif"], .ljuser img[src*="syndicated.gif"], .ljuser img[src*="newsinfo.gif"], .ljuser img[src*="partnercomm.gif"], .ljuser img[src*="sponcomm.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"] {height: 0px; width: 0px; padding: 0 0 10px 10px !important; background: transparent none no-repeat scroll 0 0; }
.subject img {vertical-align: middle !important;}
img[src*="icon_protected.gif"]{background-image: url(http://i44.tinypic.com/2cqi7ic.jpg)}
}){kind=link}
img[src*="icon_private.gif"]{background-image: url(http://i42.tinypic.com/256cm6t.png)}
}){kind=link}
img[src*="icon_groups.gif"]{background-image: url(http://i40.tinypic.com/2a9oevs.png)}
}){kind=link}
.ljuser img[src*="syndicated.gif"]{background-image: url(http://i41.tinypic.com/9lh5ps.png) !important;}
.ljuser img[src*="newsinfo.gif"] {background-image: url(http://i42.tinypic.com/2q0nbep.png) !important;}
.ljuser img[src*="partnercomm.gif"]{background-image: url(http://i40.tinypic.com/11vtuzc.png) !important;}
.ljuser img[src*="sponcomm.gif"] {background-image: url(http://i39.tinypic.com/25zj7yd.png) !important;}
img[src*="btn_del.gif"]{background-image: url(http://i44.tinypic.com/2wgcf1g.png)}
}){kind=link}
img[src*="btn_scr.gif"] {background-image: url(http://i42.tinypic.com/103bnv4.png)}
}){kind=link}
img[src*="btn_unscr.gif"] {background-image: url(http://i39.tinypic.com/2mxrale.png)}
}){kind=link}
img[src*="btn_freeze.gif"] {background-image: url(http://i40.tinypic.com/289e82v.png)}
}){kind=link}
img[src*="btn_unfreeze.gif"] {background-image: url(http://i40.tinypic.com/2qu3x4p.png)}
}){kind=link}
img[src*="btn_track.gif"] {background-image: url(http://i41.tinypic.com/fw0e90.png)}
}){kind=link}
img[src*="btn_tracking.gif"], img[src*="btn_tracking_thread.gif"] {background-image: url(http://i40.tinypic.com/11gnia0.png)}
}){kind=link}
img[src*="anonymous.gif"] {background-image: url(http://i40.tinypic.com/2pyarrd.png)}
}){kind=link}
img[src*="openid-profile.gif"] {background-image: url(http://i39.tinypic.com/971moh.png)}
}){kind=link}
img[src*="userinfo.gif"] {background-image: url(http://i44.tinypic.com/3477n7l.png)}
}){kind=link}
img[src*="talk/none.gif"] {background-image: url(http://i39.tinypic.com/x55sfl.png)}
}){kind=link}
img[src*="help.gif"] {background-image: url(http://i44.tinypic.com/k34uj9.png)}
}){kind=link}
img[src*="pencil.gif"], img[src*="btn_edit.gif"] {background-image: url(http://i41.tinypic.com/2ppik5l.png)}
}){kind=link}
.ljuser img {width: 0; height: 0; background: transparent url(http://i44.tinypic.com/3477n7l.png) no-repeat 0 0; padding: 10px 10px 0 2px !important; vertical-align: baseline !important;}
.ljuser img[src*="userinfo.gif"] {background: transparent url(http://i44.tinypic.com/3477n7l.png) no-repeat 0 0 !important; padding: 10px 10px 0 2px !important;}
.ljuser img[src*="community.gif"] { background: transparent url(http://i43.tinypic.com/11qog2x.png) no-repeat scroll 0 0 !important; padding: 10px 10px 0 2px !important;}
HTML BODY img.i-ljuser-userhead {height:5px !important;width:0 !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; }
/* MISC */
a img {border:none;}
b, u { color: #333333;}
i, s { color: #aaaaaa;}
p, td {}
blockquote { padding:15px; border: 1px solid #eeeeee; background: #f7f7f7 url() repeat; color:#8c8c8c; }
code {display:block; padding:5px; border:1px dashed #DDDDDD; font-size: 12px;}
.appwidget-qotd table tr td div {border:1px solid #eeeeee !Important;padding:8px 15px !Important}
kbd, pre, tt {font-family: monospace;}
textarea { font-family: Georgia, Times New Roman, Times,serif;font-size: 12px; background: #f7f7f7 url() repeat; border: 1px solid #dddddd; color: #666666;}
/* COLORS */
a, a:link, a:visited, .subject a, div.comments a:hover,.subject a:link, .subject a:visited, h2, code, div#sidebar a, .datesubjectcomment a:link, .datesubjectcomment a:visited, div.ContextualPopup .Relation, .ljuser a b {
color: #779C9F;
text-decoration: none;}
.ljuser a b {font-family: Georgia, Times New Roman, Times,serif;font-weight:normal;font-style:italic}
a:hover, .subject a:hover, div.comments a, .datesubjectcomment a:hover, div#sidebar a:hover, div#sidebar li.sbaritem:hover a, .ljuser a b:hover {color: #6DAFA1; text-decoration: none;}
.subject a, .subject a:link, .subject a:visited, .subject,h2 {text-decoration: none;color: #000000; }
div#sidebar a { color: #555555;} div#sidebar a:hover, div#sidebar li.sbaritem:hover a{ color: #6B8F88;}
mustard and purple
/*
outlet for the sigh in mustard ((flexible squares;milou veronica))
*/
body { background: #ffffff url() repeat fixed 0 0;background: transparent url(http://i44.tinypic.com/90zgaf.png) repeat scroll 0 0; text-align: center; color: #ffffff; font-family: "Trebuchet MS",Arial,Helvetica, sans-serif; font-size: .75em; padding:0px 0 25px;margin:0;}
.headerimage {position: relative; background: transparent url(http://i44.tinypic.com/90zgaf.png) repeat scroll 0 0; width: 100%; height: 40px;margin-left: auto;margin-right: auto;margin-bottom: 0px; border-top:0px solid #ececec; border-bottom:0px solid #f2f2f2}
#content{ color: #555555; width: 750px; background: #ffffff url() repeat scroll 0 0; margin-left: auto; margin-right: auto; margin-top: 0px; border-width: 0px; padding: 0px;}
#maincontent { padding: 10px 0; background: # url() repeat scroll 0 0; text-align: justify;border-top:0px solid #1a1a1a;}
#sidebar {background-color: #; padding:0x;max-width:780px; text-align: left; color: #666666; font-size: .85em; line-height: 1.75;margin-left: auto; margin-right: ;height:140px;overflow-x:hidden;overflow-y:scroll;}
#content-outer {background: #ffffff url() repeat scroll 0 0;border-top:3px solid #ececec;border-bottom:2px solid #ececec}
/* HEADER */
#header { background-color: #DFC345; margin: 0 auto 0 0;text-align: center;width:230px; font-size: .8em;text-transform:lowercase; color: #666666;min-height:140px; padding: 0px; border-bottom:0px solid #aaa;float:left}
div#header a, div#header a:link, div#header a:visited{postion:relative;color: #EFECE0;padding: 1px 6px;}
ul.navheader li:hover {background-color: #CFAE19; color:#111111;}
div#header li.view {color: #666666;background-color:#DFC861; padding: 2px 0;} .title:first-letter {color:#BF6BB5;}
div#header li.view:hover{ background-color: #CFAE19;}
ul.navheader{ padding: 0px; margin:0;}
ul.navheader li {margin: 0px; list-style-type: none; padding: 2px 0;border-bottom:1px solid #CFB540;display:block;}
div#header li:hover a,div#header li.view:hover {color:#FFFFFF;}
.title {padding:8px 3px 0;text-transform: uppercase;letter-spacing: -.03em;line-height:.85;margin: 0; text-align: center;font-size:1.8em;color:#ffffff;max-width:400px}
.subtitle{padding: 0 6px;text-transform: lowercase;line-height:1; text-align: center;color:#EFECE0;font-size:.9em}
/* ENTRIES */
.subcontent { min-height: 180px; margin-right:0px;margin-left: auto; margin-right: auto; border: 1px solid #f4f4f4;}
.date {text-transform: uppercase; color: #dddddd; font-size:.75em; letter-spacing:.8em;}
.subject {font-size: 2.7em; letter-spacing:-0.09em;text-align:left;line-height: 1; color: #aaaaaa; text-transform: lowercase}
.subject a, .subject a:link, .subject a:visited {text-decoration: none;color: #aaaaaa;}
.datesubject {padding: 10px 5px 10px 10px;background-color: #ffffff;}
.entry{margin: 0px; padding: 10px 20px 0 20px;text-align: justify;line-height: 1.75; background-color: #ffffff;}
.entry_text {}
.entry ul li,.entry ol li{padding-left: 5px;margin-left: 15px;}
/* USERPICS */
.userpic { position: relative; float: right; padding: 1px; background-color: #ffffff; margin:10px; z-index: 15; border: 19px solid #DFC345;}
.userpicfriends { position: relative; background-color: transparent !important; float: right; padding: 0px; margin: 8px; text-align: right;z-index: 15;}
.userpicfriends img {border: 0px; padding: 1px; border: 19px solid #DFC345; background-color: #ffffff; }
.userpicfriends a font {color: #111111;}
/* COMMENT BAR */
.comments {color: #ffffff; font-size: 8pt; text-align: left; padding: 6px 0 3px; position: relative; margin:0; text-transform: uppercase; clear:both}
div.comments a, div.comments a:visited, div.comments a:link { padding: 6px;border:1px solid #eeeeee;border-bottom-color:#FFFFFF;background-color:#FFFFFF}div.comments a:hover {padding: 6px 6px 11px;position:relative;bottom:5px;}
.separator{height: 25px;}
/* CURRENTS AND TAGS (minicons by brandspankingnew) */
.ljtags {clear:both;text-align: right; padding: 4px 18px 4px 0; background: transparent url(http://i42.tinypic.com/qq8jza.gif) no-repeat scroll 100% 50%; margin-top: 50px; position: relative; text-transform: lowercase; font-size: 7pt; color: #888888; font-weight: bold; }
.ljtags:hover {} div.ljtags a {font-weight: normal; }
.currents {clear:both;text-align: right; margin:0; padding-top:15px; padding: 8px 0px 8px 0; text-transform: lowercase; font-size: 7pt; color: #646464; }
.currents strong, .currentlocation strong, .currentmood strong, .currentgroups strong, .currentmusic strong {text-decoration: none; color: #888888; display:none;}
.currentlocation, .currentmood, .currentgroups , .currentmusic {padding: 4px 18px 4px 0; background: transparent none no-repeat scroll 100% 50%; }
.currentlocation {background-image: url(http://i42.tinypic.com/24vts91.gif);}
;}){kind=link}
.currentmood{background-image: url(http://i44.tinypic.com/34xgpw5.gif);}
;}){kind=link}
.currentgroups {background-image: url(http://i42.tinypic.com/21jx2xk.gif);}
;}){kind=link}
.currentmusic {background-image: url(http://i41.tinypic.com/5dqgqv.gif);}
;}){kind=link}
/* TAG PAGE */
h2 { padding: 10px 10px 10px 30px; border: 1px solid #ececec; border-bottom:none;background-color: #ffffff;font-weight: normal;margin: 0px auto; }
.ljtaglist {text-align: left; margin: 0px auto; padding:20px; background-color: #ffffff;font-size:10px; list-style:inside none square; border: 1px solid #ececec; border-top:none;}
.ljtaglist li {padding:5px 30px;border-bottom: 1px dotted #eeeeee;} .ljtaglist li:hover{background-color:#f8f8f8;}
/* COMMENT PAGE */
.box { text-align: left; margin-bottom:1px; padding: 0px; clear: left;margin-left: auto; margin-right: auto;}
.datesubjectcomment {text-align: left; color: #999999; margin-top: 0px; }
.userpiccomment {position: relative; padding: 3px; border: 1px solid #eeeeee; background-color: #ffffff; left: 0px; margin: 0px 10px 0px 0px; z-index: 15; float: left;}
input { font-family: Arial, Tahoma, "Verdana", sans-serif; font-size: 11px; background-color: #fafafa; border: 1px solid #cccccc; color: #999999;}
textarea.textbox {width: 100% !important;}
.reply{ border: 0px ; position: relative; margin: 20px 30px 10px 30px; padding: 25px 10px 10px 10px; text-align: left; line-height: 1.25;}
.replytosubject {letter-spacing:2px; font-weight: bold;}
.commentreply { min-height: 65px; text-align: left; position: relative; margin: 10px 10px 10px 120px;}
.commentbox { border: 1px solid #eeeeee; background-color: #ffffff; padding: 30px 10px 10px 20px;margin: 7px 0px 7px 0px;}
.commentbox:hover, .commentboxpartial:hover {border-color: #f4f4f4;}
.commentboxpartial { background-color: #ffffff; border: 1px solid #eeeeee;padding: 10px; margin: 10px;}
.commentinfo { background-color: #ffffff; margin-top: 10px; width: 100%;}
form#postform{background-color: #ffffff;border:1px solid #eeeeee} form#qrform table {border-width: 0px !important;} form#qrform {background-color: #ffffff;}
.skiplinks {text-align: center; border:1px solid #ececec;clear:both;margin: 10px auto;padding: 10px 0px; font-size: 7pt; color: #eeeeee;background-color: #ffffff;}
.skiplinks a {background-color:#ffffff;word-spacing:1px;}.skiplinks a:hover{background-color:#f7f7f7}
/* SIDEBAR */
.defaultuserpic {float:left;text-align: center; margin: 5px;display:none}
.defaultuserpic img {border: 1px solid #333;padding:3px;}
.sbarheader {padding: 0px 5px 0px 5px;}
.sbarbody {padding: 0px 5px 0px 5px;}
.sbarbody2 { padding: 8px;line-height:1.5;float:left;width:140px}
ul.sbarlist{ margin: 0px; padding: 0px; list-style: none;}li.sbaritem{display:;}
li.sbaritem{width:150px;padding: 1px 8px; margin:0;border-bottom: 1px solid #eeeeee;background-color: #;} li.sbaritem:hover {background-color: #f3f3f3;border-color:#e7e7e7}
li.sbartitle{ font-size:1.2em;padding: 0 0 8px; color: #222222;display:none}
#sidebar_linklist li.sbartitle, #sidebar_tags li.sbartitle {display:block}
#sidebar_linklist, #sidebar_tags {float:left;line-height:1.2;text-transform: lowercase;margin:0 0 0 3px; padding:0;font-variant:small-caps;}
#sidebar_summary, #sidebar_calendar { display:none; }
/* FOOTER */
#footer { background-color: #;padding: 5px; text-align: center; margin:auto;text-transform: uppercase; font-size: .7em; letter-spacing: 3px; z-index: 100; clear: both; }
ul.navfooter{ padding: 0px; margin: 0px;}
ul.navfooter li {list-style: none; margin: 0 10px;display:inline;}
div#footer li.viewing {color: #555555;display:none;}
div#footer a, div#footer a:link, div#footer a:visited {padding: 3px 0 0;color: #DFAA1B; }
div#footer a:hover { color:#bbbbbb; }
.clearfoot {background-color: #;height:1px;clear: both;}
/* ARCHIVE PAGE */
ul.year { margin: 0px; margin: 0 auto 10px;background-color: #ffffff; text-align: center;padding: 20px;border: 1px solid #ececec;}
ul.year li {display: inline;}
table.yeartable {margin-left: auto; margin-right: auto;background-color: #ffffff;border: 1px solid #ececec; margin-left: auto; margin-right: auto; width:100%;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: #FBFBF8; text-align: center;}
td.yearmonth {border-style: none;}
.clear {display:none; height: 8px;}
/* MINI ICONS by pinvoke */
img[src*="icon_protected.gif"], img[src*="icon_private.gif"], img[src*="icon_groups.gif"], .ljuser img[src*="syndicated.gif"], .ljuser img[src*="newsinfo.gif"], .ljuser img[src*="partnercomm.gif"], .ljuser img[src*="sponcomm.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"] {height: 0px; width: 0px; padding: 0 0 10px 10px !important; background: transparent none no-repeat scroll 0 0; }
.subject img {vertical-align: middle !important;}
img[src*="icon_protected.gif"]{background-image: url(http://i44.tinypic.com/2cqi7ic.jpg)}
img[src*="icon_private.gif"]{background-image: url(http://i42.tinypic.com/256cm6t.png)}
img[src*="icon_groups.gif"]{background-image: url(http://i40.tinypic.com/2a9oevs.png)}
.ljuser img[src*="syndicated.gif"]{background-image: url(http://i41.tinypic.com/9lh5ps.png) !important;}
.ljuser img[src*="newsinfo.gif"] {background-image: url(http://i42.tinypic.com/2q0nbep.png) !important;}
.ljuser img[src*="partnercomm.gif"]{background-image: url(http://i40.tinypic.com/11vtuzc.png) !important;}
.ljuser img[src*="sponcomm.gif"] {background-image: url(http://i39.tinypic.com/25zj7yd.png) !important;}
img[src*="btn_del.gif"]{background-image: url(http://i44.tinypic.com/2wgcf1g.png)}
img[src*="btn_scr.gif"] {background-image: url(http://i42.tinypic.com/103bnv4.png)}
img[src*="btn_unscr.gif"] {background-image: url(http://i39.tinypic.com/2mxrale.png)}
img[src*="btn_freeze.gif"] {background-image: url(http://i40.tinypic.com/289e82v.png)}
img[src*="btn_unfreeze.gif"] {background-image: url(http://i40.tinypic.com/2qu3x4p.png)}
img[src*="btn_track.gif"] {background-image: url(http://i41.tinypic.com/fw0e90.png)}
img[src*="btn_tracking.gif"], img[src*="btn_tracking_thread.gif"] {background-image: url(http://i40.tinypic.com/11gnia0.png)}
img[src*="anonymous.gif"] {background-image: url(http://i40.tinypic.com/2pyarrd.png)}
img[src*="openid-profile.gif"] {background-image: url(http://i39.tinypic.com/971moh.png)}
img[src*="userinfo.gif"] {background-image: url(http://i44.tinypic.com/3477n7l.png)}
img[src*="talk/none.gif"] {background-image: url(http://i39.tinypic.com/x55sfl.png)}
img[src*="help.gif"] {background-image: url(http://i44.tinypic.com/k34uj9.png)}
img[src*="pencil.gif"], img[src*="btn_edit.gif"] {background-image: url(http://i41.tinypic.com/2ppik5l.png)}
.ljuser img { width: 0; height: 0; background: transparent url(http://i43.tinypic.com/2yudedt.png) no-repeat 0 0; padding: 10px 10px 0 2px !important; vertical-align: baseline !important;}
.ljuser img[src*="userinfo.gif"] { background: transparent url(http://i43.tinypic.com/2yudedt.png) no-repeat 0 0 !important; padding: 10px 10px 0 2px !important}
.ljuser img[src*="community.gif"] { background: transparent url(http://i43.tinypic.com/2n9w7pk.png) no-repeat scroll 0 0 !important; padding: 10px 10px 0 2px !important}
HTML BODY img.i-ljuser-userhead {height:5px !important;width:0 !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; }
/* MISC */
a img {border:none;}
b, u { color: #333333;}
i, s { color: #aaaaaa;}
p, td {}
blockquote { padding:15px; border: 1px solid #eeeeee; background: #f7f7f7 url() repeat; color:#8c8c8c; }
code {display:block; padding:5px; border:1px dashed #DDDDDD; font-size: 12px;}
.appwidget-qotd table tr td div {border:1px solid #eeeeee !Important;padding:8px 15px !Important}
kbd, pre, tt {font-family: monospace;}
textarea { font-family: Georgia, Times New Roman, Times,serif;font-size: 12px; background: #f7f7f7 url() repeat; border: 1px solid #dddddd; color: #666666;}
/* COLORS */
a, a:link, a:visited, .subject a, div.comments a:hover,.subject a:link, .subject a:visited, h2, code, div#sidebar a, .datesubjectcomment a:link, .datesubjectcomment a:visited, div.ContextualPopup .Relation, .ljuser a b {
color: #9F779A;
text-decoration: none;}
.ljuser a b {font-family: Georgia, Times New Roman, Times,serif;font-weight:normal;font-style:italic}
a:hover, .subject a:hover, div.comments a, .datesubjectcomment a:hover, div#sidebar a:hover, div#sidebar li.sbaritem:hover a, .ljuser a b:hover {color: #DFAA1B; text-decoration: none;}
.subject, .subject a, .subject a:link, .subject a:visited, .subject,h2 {text-decoration: none;color: #BF6BB5; }
div#sidebar a { color: #555555;} div#sidebar a:hover, div#sidebar li.sbaritem:hover a{ color: #BF6BB5;}
crazy rainbow thing
/*
outlet for the sigh in rainbow ((flexible squares;milou veronica))
*/
body { background: #ffffff url(http://i40.tinypic.com/295xuop.png) repeat fixed 0 0; text-align: center; color: #ffffff; font-family: Arial,Helvetica, sans-serif; font-size: .75em; padding:0px 0 25px;margin:0 0;}
.headerimage {position: relative; background: transparent url() repeat scroll 0 0; width: 0; height: 0px;margin-left: auto;margin-right: auto;margin-bottom: 0px; }
#content{ color: #444444; width: 85%;max-width:1050px;min-width:780px; background: transparent url() repeat scroll 0 0; margin-left: auto; margin-right: auto; margin-top: 5px; padding: 0px;}
#maincontent { padding: 10px 0; background: # url() repeat scroll 0 0; text-align: justify;clear:both}
#sidebar {background-color:#FFFFFF;border:1px solid #eeeeee;padding:10px;min-width:500px; text-align: left; color: #666666; font-size: .85em; line-height: 1.75;margin-left: auto; margin-right: ;height:96px;overflow-x:hidden;overflow-y:scroll;}
#content-outer {}
/* HEADER */
#header {margin: 0 auto 0 0;text-align: right;font-size: .8em;text-transform:lowercase; color: #666666; padding:0;}
div#header li.view, div#header a, div#header a:link, div#header a:visited{postion:relative;color: #ffffff;background-color:#F7872E;padding:6px 10px;display:block;width:160px}
ul.navheader li:hover {color:#111111;}
div#header li.view {color: #FFFFFF;background-color:#F7C52E;padding: px 0;} .title:first-letter {color:#ddd;}
div#header li.view:hover{ background-color: #;color:#111111}
ul.navheader{ padding: 0px; margin:0;float:left;overflow:hidden}
ul.navheader li {margin: 0px; list-style-type: none; display:block;}
.title {padding:8px 3px 0;text-transform: uppercase;letter-spacing: -1px;line-height:.85;margin: 0; text-align: left;font-size:1.8em;color:#aaa;display:none;}
.subtitle{padding: 0 6px;text-transform: lowercase;line-height:1; text-align: left;display:none;font-size:.9em}
/* ENTRIES */
.subcontent { min-height: 180px;background-color:#FFFFFF;border:1px solid #eeeeee; margin-right:0px;margin-left: auto; margin-right: auto}
.date {text-transform: uppercase; color: #dddddd; font-size:.75em; letter-spacing:.8em;}
.subject {font-size: 2.7em; letter-spacing:-0.09em;text-align:left;line-height: 1; color: #aaaaaa; text-transform: lowercase}
.subject a, .subject a:link, .subject a:visited {text-decoration: none;color: #aaaaaa;}
.datesubject {padding: 10px 5px 10px 10px;background-color: #ffffff;}
.entry{margin: 0px; padding: 10px 20px 0 20px;text-align: justify;line-height: 1.75; background-color: #ffffff;}
.entry_text {}
.entry ul li,.entry ol li{padding-left: 5px;margin-left: 15px;}
/* USERPICS */
.userpic { position: relative; float: right; padding: 1px; background-color: #ffffff; margin:10px; z-index: 15; border: 19px solid #FF6F90;}
.userpicfriends { position: relative; background-color: transparent !important; float: right; padding: 0px; margin: 8px; text-align: right;z-index: 15;}
.userpicfriends img {border: 0px; padding: 1px; border: 19px solid #FF6F90; background-color: #ffffff; }
.userpicfriends a font {color: #111111;}
/* COMMENT BAR */
.comments {color: #ececec; font-size: 8pt; text-align: center; padding: 6px; position: relative; margin:0; text-transform: uppercase; clear:both}
div.comments a, div.comments a:visited, div.comments a:link { padding: 6px;}
.separator{height: 25px;}
/* CURRENTS AND TAGS (minicons by brandspankingnew) */
.ljtags {clear:both;text-align: right; padding: 4px 18px 4px 0; background: transparent url(http://i42.tinypic.com/qq8jza.gif) no-repeat scroll 100% 50%; margin-top: 50px; position: relative; text-transform: lowercase; font-size: 7pt; color: #888888; font-weight: bold; }
.ljtags:hover {} div.ljtags a {font-weight: normal; }
.currents {clear:both;text-align: right; margin:0; padding-top:15px; padding: 8px 0px 8px 0; text-transform: lowercase; font-size: 7pt; color: #646464; }
.currents strong, .currentlocation strong, .currentmood strong, .currentgroups strong, .currentmusic strong {text-decoration: none; color: #888888; display:none;}
.currentlocation, .currentmood, .currentgroups , .currentmusic {padding: 4px 18px 4px 0; background: transparent none no-repeat scroll 100% 50%; }
.currentlocation {background-image: url(http://i42.tinypic.com/24vts91.gif);}
.currentmood{background-image: url(http://i44.tinypic.com/34xgpw5.gif);}
.currentgroups {background-image: url(http://i42.tinypic.com/21jx2xk.gif);}
.currentmusic {background-image: url(http://i41.tinypic.com/5dqgqv.gif);}
/* TAG PAGE */
h2 { padding: 10px 10px 0px 30px; border: 1px solid #ececec; border-bottom:none;background-color: #ffffff;font-weight: normal;margin: 0px auto; letter-spacing:-.09em;font-size:2.4em;text-transform:lowercase}
.ljtaglist {text-align: left; margin: 0px auto; padding: 0 10px 20px; background-color: #ffffff;font-size:10px; list-style:inside none square; border: 1px solid #ececec; border-top:none;}
.ljtaglist li {padding:5px 10px;border-bottom: 1px dotted #eeeeee;color:#999} .ljtaglist li:hover{background-color:#f8f8f8;}
/* COMMENT PAGE */
.box { text-align: left; margin-bottom:1px; padding: 0px; clear: left;margin-left: auto; margin-right: auto;}
.datesubjectcomment {text-align: left; color: #999999; margin-top: 0px; }
.userpiccomment {position: relative; padding: 3px; border: 1px solid #eeeeee; background-color: #ffffff; left: 0px; margin: 0px 10px 0px 0px; z-index: 15; float: left;}
input { font-family: Arial, Tahoma, "Verdana", sans-serif; font-size: 11px; background-color: #fafafa; border: 1px solid #cccccc; color: #999999;}
textarea.textbox {width: 100% !important;}
.reply{ border: 0px ; position: relative; margin: 20px 30px 10px 30px; padding: 25px 10px 10px 10px; text-align: left; line-height: 1.25;}
.replytosubject {letter-spacing:2px; font-weight: bold;}
.commentreply { min-height: 65px; text-align: left; position: relative; margin: 10px 10px 10px 120px;}
.commentbox { background-color:#FFFFFF;border:1px solid #eeeeee; padding: 30px 10px 10px 20px;margin: 7px 0px 7px 0px;}
.commentbox:hover, .commentboxpartial:hover {border-color: #eeeeee;}
.commentboxpartial { background-color:#FFFFFF;border:1px solid #eeeeee;padding: 10px; margin: 10px;}
.commentinfo { background-color: #ffffff; margin-top: 10px; width: 100%;}
form#postform{background-color: #ffffff;border:1px solid #eeeeee} form#qrform table {border-width: 0px !important;} form#qrform {background-color: #ffffff;}
.skiplinks {text-align: center; margin: 0 auto 10px;padding: 10px 0px;color: #eeeeee;background-color:#FFFFFF;border:1px solid #eeeeee;}
.skiplinks a {background-color:#ffffff;word-spacing:1px;}.skiplinks a:hover{background-color:#f7f7f7}
/* SIDEBAR */
.defaultuserpic {float:right;text-align: center; margin: 0 0 0 15px;}
.defaultuserpic img {border: 1px solid #ececec;width:60px;height:60px;padding:3px;}
.sbarheader {padding: 0px 5px 0px 5px;}
.sbarbody {padding: 0px 5px 0px 5px;}
.sbarbody2 { padding: 0;line-height:1.5;float:left;max-width:670px;min-width:270px;width:50%;margin:0 auto 0 0}
ul.sbarlist{ margin: 0px; padding: 0px; list-style: none;}li.sbaritem{display:;}
li.sbaritem{width:170px;padding: 3px 8px; margin:0;border-bottom: 1px solid #f3f3f3;} li.sbaritem:hover {background-color: #f4f4f4;border-color:#e5e5e5}
li.sbartitle{ display:none;padding: 8px; color: #777777;}
#sidebar_linklist {line-height:1.2;text-transform: lowercase;margin:0; padding:0;float:right;}
#sidebar_summary,#sidebar_tags, #sidebar_calendar { display:none; }
/* FOOTER */
#footer {padding: 5px; text-align: center; margin:auto;text-transform: uppercase; font-size: .7em; letter-spacing: 3px; z-index: 100; clear: both; }
ul.navfooter{ padding: 0px; margin: 0px;}
ul.navfooter li {list-style: none; margin: 0 10px;display:inline;}
div#footer li.viewing {color: #555555;display:none;}
div#footer a, div#footer a:link, div#footer a:visited {padding: 3px 0 0;color: #8FB2BF; }
div#footer a:hover { color:#bbbbbb; }
.clearfoot {height:1px;clear: both;}
/* ARCHIVE PAGE */
ul.year { margin: 0px; margin: 0 auto 10px;background-color: #ffffff; text-align: center;padding: 20px;border: 1px solid #ececec;}
ul.year li {display: inline;}
table.yeartable {margin-left: auto; margin-right: auto;background-color: #ffffff;border: 1px solid #ececec; margin-left: auto; margin-right: auto; width:100%;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: #FBFBF8; text-align: center;}
td.yearmonth {border-style: none;}
.clear {display:none; height: 8px;}
/* MINI ICONS */
img[src*="icon_protected.gif"], img[src*="icon_private.gif"], img[src*="icon_groups.gif"], .ljuser img[src*="syndicated.gif"], .ljuser img[src*="newsinfo.gif"], .ljuser img[src*="partnercomm.gif"], .ljuser img[src*="sponcomm.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"] {height: 0px; width: 0px; padding: 0 0 10px 10px !important; background: transparent none no-repeat scroll 0 0; }
.subject img {vertical-align: middle !important;}
img[src*="icon_protected.gif"]{background-image: url(http://i44.tinypic.com/2cqi7ic.jpg)}
img[src*="icon_private.gif"]{background-image: url(http://i42.tinypic.com/256cm6t.png)}
img[src*="icon_groups.gif"]{background-image: url(http://i40.tinypic.com/2a9oevs.png)}
.ljuser img[src*="syndicated.gif"]{background-image: url(http://i41.tinypic.com/9lh5ps.png) !important;}
.ljuser img[src*="newsinfo.gif"] {background-image: url(http://i42.tinypic.com/2q0nbep.png) !important;}
.ljuser img[src*="partnercomm.gif"]{background-image: url(http://i40.tinypic.com/11vtuzc.png) !important;}
.ljuser img[src*="sponcomm.gif"] {background-image: url(http://i39.tinypic.com/25zj7yd.png) !important;}
img[src*="btn_del.gif"]{background-image: url(http://i44.tinypic.com/2wgcf1g.png)}
img[src*="btn_scr.gif"] {background-image: url(http://i42.tinypic.com/103bnv4.png)}
img[src*="btn_unscr.gif"] {background-image: url(http://i39.tinypic.com/2mxrale.png)}
img[src*="btn_freeze.gif"] {background-image: url(http://i40.tinypic.com/289e82v.png)}
img[src*="btn_unfreeze.gif"] {background-image: url(http://i40.tinypic.com/2qu3x4p.png)}
img[src*="btn_track.gif"] {background-image: url(http://i41.tinypic.com/fw0e90.png)}
img[src*="btn_tracking.gif"], img[src*="btn_tracking_thread.gif"] {background-image: url(http://i40.tinypic.com/11gnia0.png)}
img[src*="anonymous.gif"] {background-image: url(http://i40.tinypic.com/2pyarrd.png)}
img[src*="openid-profile.gif"] {background-image: url(http://i39.tinypic.com/971moh.png)}
img[src*="userinfo.gif"] {background-image: url(http://i44.tinypic.com/3477n7l.png)}
img[src*="talk/none.gif"] {background-image: url(http://i39.tinypic.com/x55sfl.png)}
img[src*="help.gif"] {background-image: url(http://i44.tinypic.com/k34uj9.png)}
img[src*="pencil.gif"], img[src*="btn_edit.gif"] {background-image: url(http://i41.tinypic.com/2ppik5l.png)}
.ljuser img {width: 0; height: 0; background: transparent url(http://i44.tinypic.com/evb240.png) no-repeat 0 0; padding: 10px 10px 0 2px !important; vertical-align: baseline !important;}
.ljuser img[src*="userinfo.gif"] {background: transparent url(http://i44.tinypic.com/evb240.png) no-repeat 0 0 !important; padding: 10px 10px 0 2px !important}
.ljuser img[src*="community.gif"] { background: transparent url(http://i39.tinypic.com/155qbdd.png) no-repeat scroll 0 0 !important; padding: 10px 10px 0 2px !important}
HTML BODY img.i-ljuser-userhead {height:5px !important;width:0 !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; }
/* MISC */
a img {border:none;}
b, u { color: #333333;}
i, s { color: #aaaaaa;}
p, td {}
blockquote { padding:15px; border: 1px solid #eeeeee; background: #f7f7f7 url() repeat; color:#8c8c8c; }
code {display:block; padding:5px; border:1px dashed #DDDDDD; font-size: 12px;}
.appwidget-qotd table tr td div {border:1px solid #eeeeee !Important;padding:8px 15px !Important}
kbd, pre, tt {font-family: monospace;}
textarea { font-family: Georgia, Times New Roman, Times,serif;font-size: 12px; background: #f7f7f7 url() repeat; border: 1px solid #dddddd; color: #666666;}
/* COLORS */
a, a:link, a:visited, .subject a, div.comments a:hover,.subject a:link, .subject a:visited, h2, code, div#sidebar a, .datesubjectcomment a:link, .datesubjectcomment a:visited, div.ContextualPopup .Relation, .ljuser a b {
color: #29C1DF;
text-decoration: none;}
.ljuser a b {font-family: Georgia, Times New Roman, Times,serif;font-weight:normal;font-style:italic}
a:hover, .subject a:hover, div.comments a, .datesubjectcomment a:hover, div#sidebar a:hover, div#sidebar li.sbaritem:hover a, .ljuser a b:hover {color: #EFAC1D; text-decoration: none;}
.subject a, .subject a:link, .subject a:visited, .subject,h2 {text-decoration: none;color: #88BF00; }
div#sidebar a { color: #EF5989;} div#sidebar a:hover, div#sidebar li.sbaritem:hover a{ color: #BBDF29;}
div#header a, div#header a:link, div#header a:visited{background-color:#F7872E;}div#header a:hover{background-color:#FF6F90;}
div#header li.view {background-color:#F7C52E;} div#header li.view:hover {background-color:#29C1DF;}
div#header a[href*=".livejournal.com/"]{background-color: #29C1DF;}
div#header a:hover[href*="livejournal.com/"] {background-color: #BBDF29;}
div#header a[href*="/calendar"]{background-color: #BBDF29 !Important;} div#header a:hover[href*="/calendar"]{background-color: #F7872E !Important;}
div#header a[href*="/friends"]{background-color: #FF6F90 !Important;}div#header a:hover[href*="/friends"]{background-color: #F7C52E !Important;}
div#header a[href*="/profile"]{background-color: #29C1DF !Important;}div#header a:hover[href*="/profile"]{background-color: #BBDF29 !Important;}
body.lj-view-entry div#header a[href*="livejournal.com/"] {background-color:#F7C52E;} body.lj-view-entry div#header a:hover[href*=".livejournal.com/"] {background-color:#29C1DF;}
installation
01.
Choose Journal Style
02.
Select "Grays" Flexible Squares layout in "Select a New Theme"
03.
In Choose a Page Setup, select 2 Column (sidebar on right) or 2 Column (sidebar on left).
04.
Go to " Customise your Theme " and then "Style ". Change the "Background color of the outer table" to #FFFFFF.
05.
Then go to the "Sidebar" section. Make sure all the sidebar elements you wish to show are enabled. This is also where you add the free text.
06.
Still in "Customise your Theme", go to "Custom CSS ". Ensure Use layout's stylesheet(s) is set to no
07.
Paste code into the Custom Stylesheet box.
notes:Q&A
♚ mini icons by Pinvoke and Brand Spanking New
♚ Upload images to your own server
♚ As per usual, feel free to add your own header/ edit bloody anything you want to.
♚Please address all questions to the F.A.Q.