image |
live
image |
live layout:send me home restless
style: flexible squares
accounts: Basic, Paid, and Sponsored
features:custom comment pages, mini icons, topbar
browsers: FF definitely, everything else well enough.
classic
/*
send me home restless (flexible squares; milou veronica)
*/
body {background: #111111 none repeat fixed 0 0; text-align: center; color: #ffffff; font-family: Arial,Helvetica, sans-serif; font-size: .75em; margin:0px}
.headerimage {display:none; position: relative; background: transparent url(
http://i44.tinypic.com/2eq5k4y.png) repeat scroll 0 0; width: 100%; height: 120px; margin-left: auto; margin-right: auto; margin-bottom: 0px; border-top:5px solid #111; border-bottom:5px solid #1a1a1a}
#content{color: #444444; width: 100%; background: #111111 url() repeat scroll 0 0; margin-left: auto; margin-right: auto; margin-top: 0px; border-width: 0px; padding: 0px}
#maincontent {padding: 10px 0; background: #f4f4f4 url() repeat scroll 0 0; text-align: justify; border-top:5px solid #1a1a1a}
#sidebar {padding:0; max-width:780px; text-align: left; color: #444444; font-size: .85em; line-height: 1.75; margin-left: auto; margin-right: 6%; min-height:120px}
/* HEADER */
#header {margin: 0 auto 0 5%; text-align: center; font-size: .7em; letter-spacing: 2px; text-transform: uppercase; color: #666666; padding: 0 10px 5px 0; float:left}
div#header a, div#header a:link, div#header a:visited{postion:relative; color: #ffffff; text-transform: uppercase; ; padding: 16px 6px; margin-left:-4px}
div#header a:hover {background-color: #000000; color:#cccccc}
div#header li.view {color: #666666; padding: 16px 6px; background-color:#000000; margin-left:-4px}.title:first-letter {color:#5FBFAB}
div#header li.view:hover{background-color: #000000}
ul.navheader{padding: 16px 6px; margin:0}
ul.navheader li {margin: 0px; list-style-type: none; padding: 3px 0px; display:inline}
.title {padding: 15px 0 0; letter-spacing: -1px; line-height:.8; margin: 0; text-align: center; line-height:; font-size:15pt; color:#ffffff; max-width:400px}
.subtitle{padding: 0; text-transform: lowercase; line-height:1; text-align: center; letter-spacing: 6px}
/* ENTRIES */
.subcontent {min-height: 125px; margin-right:0px; background: #f4f4f4 url() repeat scroll; width: 780px; margin-left: auto; margin-right: auto; border: 1px solid #ececec}
.date {text-transform: uppercase; color: #dddddd; font-size:.75em; letter-spacing:.em}
.subject {font-size: 2.7em; letter-spacing:-0.09em; font-style:; 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: 7px; background-color: #ffffff; margin:10px; z-index: 15; border: 1px solid #eeeeee}
.userpicfriends {position: relative; background-color: transparent !important; float: right; padding: 0px; margin: 8px; text-align: right; z-index: 15}
.userpicfriends img {border: 0px; padding: 7px; border: 1px solid #eeeeee; 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}
div.comments a, div.comments a:visited, div.comments a:link {padding: 6px}
.separator{height: 25px}
/* CURRENTS AND TAGS */
.ljtags {text-align: right; padding: 4px 18px 4px 0; background: transparent url(
http://i40.tinypic.com/2dwdzjl.png) 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 {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://i44.tinypic.com/vrrgoj.png)}.currentmood{background-image: url(
http://i41.tinypic.com/2ai1zbd.png)}.currentgroups {background-image: url(
http://i39.tinypic.com/2vnjtpx.png)}.currentmusic {background-image: url(
http://i39.tinypic.com/vrzp1w.png)} /* TAG PAGE */
h2 {padding: 10px 10px 10px 30px; border: 1px solid #ececec; border-bottom:none; background-color: #ffffff; font-weight: normal; width: 740px; 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: 740px}
.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: 1px solid #eeeeee; background-color: #ffffff; padding: 30px 10px 10px 20px; margin: 7px 0px 7px 0px}
.commentbox:hover, .commentboxpartial:hover {border-color: #dddddd}
.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}
.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}
.skiplinks {text-align: center; border:1px solid #ececec; width:780px; 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: 10px 5px 10px 15px; line-height:1.5}
ul.sbarlist{margin: 0px; padding: 0px; margin-left: 0px; list-style: none}li.sbaritem{display:inline}
li.sbaritem a{padding: 3px 8px; margin:0 2px 3px; border-width: 0px 1px 1px 0px; border-style:solid; border-color:#000000; background: #1a1a1a url() repeat scroll 0 0}li.sbaritem a:hover {border-color:#000000; border-width: 1px 0px 0px 1px; padding:2px 8px}
li.sbartitle{display:none; padding: 8px; color: #777777}
#sidebar_linklist {text-align:right; text-transform: lowercase; margin:0; padding:4px 3px 8px 0; font-variant:small-caps; line-height:2.1}
#sidebar_summary,#sidebar_tags, #sidebar_calendar {display:none}
/* FOOTER */
#footer {background-color: #1a1a1a; 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; display:inline; color: #ffffff}
div#footer a:hover {color:#bbbbbb}
.clearfoot {background-color: #1a1a1a; clear: both}
/* ARCHIVE PAGE */
ul.year {margin: 0px; margin: 0 auto 10px; background-color: #ffffff; text-align: center; width: 740px; 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: 782px}
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://i43.tinypic.com/dmpv28.jpg)}img[src*="icon_private.gif"]{background-image: url(
http://i43.tinypic.com/2zp6r1z.png)}img[src*="icon_groups.gif"]{background-image: url(
http://i40.tinypic.com/5m9yjd.png)} .ljuser img[src*="syndicated.gif"]{background-image: url(
http://i42.tinypic.com/30vhoip.png) !important}
.ljuser img[src*="newsinfo.gif"] {background-image: url(
http://i40.tinypic.com/jrv5e8.png) !important}
.ljuser img[src*="partnercomm.gif"]{background-image: url(
http://i39.tinypic.com/10ru6us.png) !important}
.ljuser img[src*="sponcomm.gif"] {background-image: url(
http://i42.tinypic.com/65055j.png) !important}
img[src*="btn_del.gif"]{background-image: url(
http://i39.tinypic.com/30xiwhs.png)}img[src*="btn_scr.gif"] {background-image: url(
http://i43.tinypic.com/2yv4a4w.png)}img[src*="btn_unscr.gif"] {background-image: url(
http://i40.tinypic.com/zul8jc.png)}img[src*="btn_freeze.gif"] {background-image: url(
http://i39.tinypic.com/2yz0h0h.png)}img[src*="btn_unfreeze.gif"] {background-image: url(
http://i39.tinypic.com/v6tf8n.png)}img[src*="btn_track.gif"] {background-image: url(
http://i40.tinypic.com/dph8up.png)}img[src*="btn_tracking.gif"] ,img[src*="btn_tracking_thread.gif"] {background-image: url(
http://i39.tinypic.com/2zqtoaa.png)}img[src*="anonymous.gif"] {background-image: url(
http://i40.tinypic.com/s1p200.png)}img[src*="openid-profile.gif"] {background-image: url(
http://i40.tinypic.com/28u0acm.png)}img[src*="userinfo.gif"] {background-image: url(
http://i40.tinypic.com/35n4phd.png)}img[src*="talk/none.gif"] {background-image: url(
http://i40.tinypic.com/2009rvk.png)}img[src*="help.gif"] {background-image: url(
http://i41.tinypic.com/2emjspu.png)}img[src*="pencil.gif"], img[src*="btn_edit.gif"] {background-image: url(
http://i40.tinypic.com/2nqtbbs.png)} .ljuser img {width: 0; height: 0; background: transparent url(
http://i40.tinypic.com/35n4phd.png) no-repeat 0 0; padding: 10px 10px 0 2px !important; vertical-align: baseline !important}
.ljuser img[src*="userinfo.gif"] {background: transparent url(
http://i40.tinypic.com/35n4phd.png) no-repeat 0 0 !important; padding: 10px 10px 0 2px !important}
.ljuser img[src*="community.gif"] {background: transparent url(
http://i42.tinypic.com/xfvio1.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}
/* CONTEXTUAL POP-UP */
div.ContextualPopup {position: relative; margin: 0px; text-align: left; font: normal 9px "Arial" !important}
div.ContextualPopup div.Inner { color: #aaaaaa !important; border:1px solid #eeeeee; background: transparent url(
http://i42.tinypic.com/2vtqdz6.png) !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, 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 */
table#lj_controlstrip td {background-color: #1c1c1c; color: #666666; border: solid 1px #222222; border-left: none}
#lj_controlstrip input {border: 1px solid #000; background-color: #131313; color:#555555}
#lj_controlstrip a {color: #666666}#lj_controlstrip_statustext {color: #dddddd}#lj_controlstrip .ljuser a b {color:#ffffff}#lj_controlstrip_userpic {display:none}
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 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: #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}
vintage
/*
send me home restless in vintage(flexible squares; milou veronica)
*/
body {background: #FFFFFF none repeat fixed 0 0; text-align: center; color: #ffffff; font-family: Arial,Helvetica, sans-serif; font-size: 8.7pt; margin:0px}
.headerimage {display:none;position: relative; background: transparent url() repeat scroll 0 0; width: 100%; height: 120px;margin-left: auto;margin-right: auto;margin-bottom: 0px; border-top:5px solid #4CA8AF; border-bottom:5px solid #83BBBF}
#content{color: #444444; width: 100%; background: #FFFFFF url() repeat scroll 0 0; margin: 0 auto; border-width: 0px; padding: 0px}
#maincontent {padding: 10px 0; background: #f5f5f5 url() repeat scroll 0 0; text-align: justify;border-top:1px solid #eeeeee;border-bottom:1px solid #eeeeee}
#sidebar {padding:0 0 0 7px; text-align: left; color: #999999; font-size:.85em; line-height: 1.75;margin-left: auto; margin-right: 6%;min-height:130px}
/* HEADER */
#header {background-color: #FFFFFF; font-family:Georgia, "Times New Roman", serif;margin: 0 auto;text-align: center; font-size:.73em; width:500px; text-transform: uppercase; color: #ffffff; padding: 0 10px 0 0; float:left}
div#header a, div#header a:link, div#header a:visited{postion:relative;color: #ffffff}
div#header li.view {color: #ffffff}.title:first-letter {color:#C3D8CF}
ul.navheader{float:left;width:150px;margin:0 7px 0 0;padding:0}
ul.navheader li {margin: 0px; list-style-type: none; padding: 8px 10px;display:block}
.title {padding: 45px 0 0;letter-spacing: -1px;line-height:.8;margin: 0; text-align: center;font-size:15pt;color:#000000;max-width:550px}
.subtitle{padding: 0;text-transform: lowercase;line-height:2; text-align: center;letter-spacing: 3px;font-family:tahoma;color:#bbbbbb}
div#header li {background-color:#303030;color:#eeeeee}div#header li:hover{background-color:#F18F8C}
div#header li + li {background-color: #C3D8CF}div#header li + li:hover {background-color: #D89078}
div#header li + li + li {background-color: #F18F8C}div#header li + li + li:hover{background-color: #303030}
div#header li + li + li + li {background-color: #FFEED2}div#header li + li + li + li:hover {background-color: #C3D8CF}
div#header li + li + li + li + li {background-color:#D89078}div#header li + li + li + li + li:hover{background-color:#F18F8C}
/* ENTRIES */
.subcontent {min-height: 120px; background: #f1f1f1 url(
http://i29.tinypic.com/25rgsab.png) repeat scroll 50% 0;padding-right:125px;width: 640px;margin-left: auto; margin-right: auto; border: 1px solid #ececec}
.date {text-transform: uppercase; color: #dddddd; font-size:.75em}
.subject {font-size: 2em; letter-spacing:-0.09em;line-height: 1; color: #aaaaaa; text-transform: lowercase; font-family:Georgia, "Times New Roman", serif}
.subject a,.subject a:link,.subject a:visited {text-decoration: none;color: #aaaaaa}
.datesubject {text-align: left;padding: 10px 5px 10px 10px;background-color: #ffffff; border-right: 1px solid #ececec}
.entry{margin: 0px; padding: 10px 20px 0 20px;text-align: justify;line-height: 1.75; min-height:63px;background-color: #ffffff;border-right: 1px solid #ececec}
.entry_text {}
.entry ul li,.entry ol li{padding-left: 5px;margin-left: 15px}
/* USERPICS */
.userpic {position: relative; float: right; padding: 7px; background-color: #ffffff; margin:5px -120px 10px 10px; z-index: 15; border: 1px solid #eeeeee}
.userpicfriends {position: relative; background-color: transparent !important; float: right; padding: 0px; margin:5px -120px 10px 10px; text-align: center;z-index: 15}
.userpicfriends img {border: 0px; padding: 7px; border: 1px solid #eeeeee; background-color: #ffffff}
.userpicfriends a font {color: #333;font-family:Georgia, "Times New Roman", serif;font-size:10pt}
/* COMMENT BAR */
.comments {color: #f2f2f2; font-size: 7.5pt; text-align: right; padding:6px 0; line-height:.2;position: relative;margin:0 -145px 0 0;text-transform: lowercase;font-family:Georgia, "Times New Roman", serif;clear:both}
div.comments a, div.comments a:visited, div.comments a:link {padding: 1px 6px;display:block;background-color:#f8f8f8;line-height:1;width:100px;margin:0 3px 0 auto;border-color:#e4e4e4;border-style:solid;border-width:0 1px 1px 0}
div.comments a:hover{border-width:1px 0 0 1px;border-color:#dddddd;background-color:#ececec}
.separator{height: 25px}
/* CURRENTS AND TAGS */
.ljtags {text-align: right; padding: 4px 18px 4px 0; background: transparent url(
http://i40.tinypic.com/2dwdzjl.png) 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 {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://i44.tinypic.com/vrrgoj.png)}.currentmood{background-image: url(
http://i41.tinypic.com/2ai1zbd.png)}.currentgroups {background-image: url(
http://i39.tinypic.com/2vnjtpx.png)}.currentmusic {background-image: url(
http://i39.tinypic.com/vrzp1w.png)} /* TAG PAGE */
h2 {padding: 10px 10px 10px 30px; border: 1px solid #ececec; border-bottom:none;background-color: #ffffff;font-weight: normal;width: 740px;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: 740px}
.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: 1px solid #eeeeee; background-color: #ffffff; padding: 30px 10px 10px 20px;margin: 7px 0px 7px 0px}
.commentbox:hover,.commentboxpartial:hover {border-color: #dddddd}
.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}
.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}
.skiplinks {text-align: center; border:1px solid #ececec;width:760px;margin: 0 auto 10px;padding: 10px 0px; font-size: 8pt; 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: 10px 5px 10px 15px;line-height:1.5}
ul.sbarlist{margin: 0px; padding: 0px; margin-left: 0px; list-style: none}li.sbaritem{display:inline}
li.sbaritem a{padding: 3px 8px; margin:0 2px 3px;border-width: 0px 1px 1px 0px;border-style:solid; border-color:#eeeeee;background: #f5f5f5 url() repeat scroll 0 0}li.sbaritem a:hover {border-color:#e9e9e9;border-width: 1px 0px 0px 1px;padding:2px 8px}
li.sbartitle{display:none;padding: 8px; color: #777777}
#sidebar_linklist {font-family:Georgia, "Times New Roman", serif;text-align:right;text-transform: lowercase;margin:0; padding:4px 3px 8px 0;font-variant:small-caps;line-height:2.1}
#sidebar_summary,#sidebar_tags, #sidebar_calendar {display:none}
/* FOOTER */
#footer {background-color: #FFFFFF;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; display:inline; color: #aaaaaa}
div#footer a:hover {color:#bbbbbb}
.clearfoot {background-color: #ffffff;clear: both}
/* ARCHIVE PAGE */
ul.year {margin: 0px; margin: 0 auto 10px;background-color: #ffffff; text-align: center;width: 740px; 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: 782px}
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://i43.tinypic.com/dmpv28.jpg)}img[src*="icon_private.gif"]{background-image: url(
http://i43.tinypic.com/2zp6r1z.png)}img[src*="icon_groups.gif"]{background-image: url(
http://i40.tinypic.com/5m9yjd.png)} .ljuser img[src*="syndicated.gif"]{background-image: url(
http://i42.tinypic.com/30vhoip.png) !important}
.ljuser img[src*="newsinfo.gif"] {background-image: url(
http://i40.tinypic.com/jrv5e8.png) !important}
.ljuser img[src*="partnercomm.gif"]{background-image: url(
http://i39.tinypic.com/10ru6us.png) !important}
.ljuser img[src*="sponcomm.gif"] {background-image: url(
http://i42.tinypic.com/65055j.png) !important}
img[src*="btn_del.gif"]{background-image: url(
http://i39.tinypic.com/30xiwhs.png)}img[src*="btn_scr.gif"] {background-image: url(
http://i43.tinypic.com/2yv4a4w.png)}img[src*="btn_unscr.gif"] {background-image: url(
http://i40.tinypic.com/zul8jc.png)}img[src*="btn_freeze.gif"] {background-image: url(
http://i39.tinypic.com/2yz0h0h.png)}img[src*="btn_unfreeze.gif"] {background-image: url(
http://i39.tinypic.com/v6tf8n.png)}img[src*="btn_track.gif"] {background-image: url(
http://i40.tinypic.com/dph8up.png)}img[src*="btn_tracking.gif"] ,img[src*="btn_tracking_thread.gif"] {background-image: url(
http://i39.tinypic.com/2zqtoaa.png)}img[src*="anonymous.gif"] {background-image: url(
http://i40.tinypic.com/s1p200.png)}img[src*="openid-profile.gif"] {background-image: url(
http://i40.tinypic.com/28u0acm.png)}img[src*="userinfo.gif"] {background-image: url(
http://i40.tinypic.com/2w6t16w.png)}img[src*="talk/none.gif"] {background-image: url(
http://i40.tinypic.com/2009rvk.png)}img[src*="help.gif"] {background-image: url(
http://i41.tinypic.com/2emjspu.png)}img[src*="pencil.gif"], img[src*="btn_edit.gif"] {background-image: url(
http://i40.tinypic.com/2nqtbbs.png)} .ljuser img {width: 0; height: 0; background: transparent url(
http://i40.tinypic.com/2w6t16w.png) no-repeat 0 0; padding: 10px 10px 0 2px !important; vertical-align: baseline !important}
.ljuser img[src*="userinfo.gif"] {background: transparent url(
http://i40.tinypic.com/2w6t16w.png) no-repeat 0 0 !important; padding: 10px 10px 0 2px !important}
.ljuser img[src*="community.gif"] {background: transparent url(
http://i39.tinypic.com/2d6jndc.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}
/* CONTEXTUAL POP-UP */
div.ContextualPopup {position: relative; margin: 0px; text-align: left; font: normal 9px "Arial" !important}
div.ContextualPopup div.Inner {color: #aaaaaa !important;border:1px solid #eeeeee;background: #FFFFFF url(
http://i27.tinypic.com/op8o7p.png) !important; padding: 0; width: 280px}
div.ContextualPopup .Userpic {padding: 3px; margin: 5px 5px 0; border: 1px solid #dddddd; background: #ffffff none!important}
div.ContextualPopup .Content {padding: 5px;border-right: 1px solid #ececec; margin-right:68px;background: #ffffff none !important}
div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:link, div.ContextualPopup div.Inner a:visited {text-decoration: none !important; font-weight: bold; color: #888888 !important}
div.ContextualPopup .Relation {font-size: 9pt;text-transform:uppercase;color:#666666 !important;font-family:georgia}
/* MISC */
table#lj_controlstrip td {background-color: #ececec;color: #666666;border: solid 1px #e4e4e4; border-left: none}
#lj_controlstrip input {border: 1px solid #e3e3e3;background-color: #e7e7e7; color:#555555}
#lj_controlstrip a {color: #999999}#lj_controlstrip_statustext {color: #666666}#lj_controlstrip.ljuser a b {color:#ffffff}#lj_controlstrip_userpic {display:none}
a img {border:none}
b, u {color: #333333}
i, s {color: #C3D8CF}
p, td {}
blockquote {padding:15px; border: 1px solid #eeeeee; background: #f7f7f7 url(
http://i30.tinypic.com/2cyi4k7.png) repeat; color:#8c8c8c}
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: #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: #6D9F98;
text-decoration: none}
.ljuser a b {font-family:Georgia, "Times New Roman", serif;font-weight:normal}
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: #111111; text-decoration: none}
.subject a,.subject a:link,.subject a:visited,.subject,h2 {text-decoration: none;color: #000000}
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♚ 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.