s2 layout: there's no sense in losing your mind [flexible squares]

Apr 14, 2009 09:37



image | live

image | live


image | live layout:there's no sense in losing your mind
style: flexible squares
accounts: Basic, Paid, and Sponsored
features:custom comment pages, mini icons, sidebar
browsers: IE8, FF, Safari, Chrome, and Opera

wide and georgia
/*

there's no sense in losing your mind ((flexible squares; basic, plus and paid; milou veronica))

*/

body { background: #f4f4f4 url(http://i42.tinypic.com/zluq6e.png) repeat fixed 0 0; text-align: center; color: #ffffff;font-family: Georgia, Times New Roman, Times,serif;font-size: .75em; margin:0px;}

.headerimage {position: relative; background: url(); width: 90%; height: 0px; background-repeat: no-repeat;margin-left: auto;margin-right: auto;margin-bottom: 0px; }

#content{color: #444444;background: #FFFFFF url() repeat scroll;width: 90%;max-width:1136px;margin-left: auto; margin-right: auto; margin-top: 0px; border-width: 0px; padding: 0px;}

#maincontent { padding:0; color: #444444;text-align: justify;border-left:1px solid #f4f4f4;margin-left:209px}

#sidebar { padding:5px 0;background: #FFFFFF url() repeat scroll;width: 209px; float:left;text-align: left; color: #444444; font-size: .85em; line-height: 1.5;border-right:1px solid #f4f4f4;}

/* HEADER */
#header { background-color: #1a1a1a; margin: 0px; text-align: center; font-size: .7em; letter-spacing: 2px; text-transform: uppercase; color: #666666; padding: 0 0 10px; min-height:85px}

div#header a, div#header a:link, div#header a:visited{postion:relative;sans-serif;color: #777777;text-transform: uppercase;}
ul.navheader li:hover {background-color: #000000; color:#cccccc;}
div#header li.view {color: #666;padding: 4px 6px;background-color:#000000;}
div#header li.view:hover{ background-color: #000000;}
ul.navheader{ padding: 0; margin:0 20px 0 0 ; width:210px;float:left}
ul.navheader li {margin: 0px; list-style-type: none; color: #666;padding: 4px 6px;border-bottom:1px solid #222222;border-right:1px solid #222222;display:block;}

.title {padding: 50px 0 0 10px;letter-spacing: -1px;line-height:.8;margin:0 ; text-align: left;line-height:;font-size:15pt;color:#ffffff;}
.title:first-letter {color:#748A8F;font-size:26pt;float:left}
.subtitle{text-transform: lowercase;line-height:1; text-align: left;letter-spacing: 6px;color:#555555;margin-left:270px}

/* ENTRIES */

.subcontent { min-height: 120px; margin-right:0px; background: #FFFFFF url() repeat scroll;margin-left: auto; margin-right: auto; border: 0px solid #EFEFE5;}

.date {text-transform: uppercase; color: #dddddd; font-size:.75em; letter-spacing:.em;}

.subject {font-size: 2em; letter-spacing:-0.07em;font-style:italic; line-height: 1; color: #aaaaaa; text-transform: lowercase}

.subject a, .subject a:link, .subject a:visited {text-decoration: none;color: #aaaaaa;}

.datesubject {padding: 15px 5px 10px 10px;text-align:right}

.entry{margin: 0px; padding: 10px 20px;text-align: justify;line-height: 1.75; border-bottom: 1px solid #f4f4f4;}

.entry_text {}
.appwidget-qotd table tr td div {border:1px solid #eeeeee !Important;padding:8px 15px !Important}
.entry ul li,.entry ol li{padding-left: 5px;margin-left: 15px;}

/* USERPICS */
.userpic { position: relative; float: right; padding: 8px; 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: 8px; border: 1px solid #eeeeee; background-color: #ffffff; }
.userpicfriends a font {color: #111111;}

/* COMMENT BAR */
.comments {color: #ffffff; font-size: 7pt; text-align: center; padding: 6px; position: relative; margin:0; text-transform: uppercase; }

div.comments a, div.comments a:visited, div.comments a:link {border-width: 0px 1px 1px 0px;border-style:solid; border-color:#ececec;padding: 6px;background-color:#f8f8f8}
div.comments a:hover{border-width: 1px 0 0 1px}
.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;}
.currenttags, .currentlocation, .currentmood, .currentgroups , .currentmusic {padding: 0 18px 1px 0; background: transparent none no-repeat scroll 100% 50%; }
.currenttags {background-image: url(http://i40.tinypic.com/2dwdzjl.png)}
.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://i49.tinypic.com/33opqv5.png)}

/* TAG PAGE */
h2 {text-align: right; padding: 10px 10px 10px 30px; border-bottom: 1px solid #ececec;background-color: #ffffff;font-weight: normal;font-style:italic; text-transform:lowercase;margin: 0px auto; }

.ljtaglist {text-align: left; margin: 0px auto; padding:20px; background-color: #ffffff;font-size:10px; list-style:inside none square;color:#999999}
.ljtaglist li {padding:6px 0px;border-bottom: 1px dotted #eeeeee;} .ljtaglist li:hover{background-color:#f8f8f8;}

/* COMMENT PAGE */
.box { text-align: left; margin-bottom:1px; padding: 0px 5px;margin-left: auto; margin-right: auto;}

.datesubjectcomment {text-align: left; color: #aaaaaa; margin-top: 0px; font-size:1.1em;letter-spacing:-.05em;font-style:italic}
.datesubjectcomment strong {color:#666666;font-size:1.3em;font-weight:normal}
.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 {}
.commentboxpartial { background-color: #ffffff; border-bottom: 1px solid #f4f4f4;padding: 10px; margin: 10px;}

.commentinfo { background-color: #ffffff; margin-top: 10px; width: 100%;}
form#postform{} form#qrform table {border-width: 0px !important;} form#qrform {}
.skiplinks {text-align: center; border-bottom:1px solid #f4f4f4;margin: 0 0 10px;padding: 10px 0px; font-size: 7pt; color: #eeeeee;background-color: #ffffff;}
.skiplinks a {}.skiplinks a:hover{}

/* SIDEBAR */
.defaultuserpic {text-align: center}
.defaultuserpic img {border: 1px solid #eeeeee;padding:3px;}

.sbarheader {padding: 0px 5px 0px 5px;background-color: #ffffff;}
.sbarbody {padding: 0px 5px 0px 5px; }

.sbarbody2 { padding: 10px 15px 10px 15px;line-height:1.5;}

ul.sbarlist{ margin: 0px; padding: 0px; margin-left: 0px; list-style: none;}
li.sbaritem{display:block;padding: 3px 8px; margin: 1px 2px;border-width: 0px 1px 1px 0px;border-style:solid; border-color:#ececec;background: transparent url(http://i46.tinypic.com/1euumg.jpg) repeat fixed 0 0} li.sbaritem:hover {border-color:#cccccc;border-width: 1px 0px 0px 1px;}
li.sbartitle{text-transform: lowercase;padding: 8px; color: #1a1a1a;font-variant:small-caps;text-align:right}

#sidebar_linklist {margin:0; padding:0 3px 8px 0;background-color: #ffffff;border-left: 1px solid #ececec}
#sidebar_summary,#sidebar_tags, #sidebar_calendar {}
table.calendar {width:180px;text-align:center}
.sbarcalendar, .sbarcalendarposts {padding-top:4px;padding-bottom:4px;border:1px solid #eeeeee;}#sidebar_calendar table td:hover,.sbarcalendarposts {background-color:#f8f8f8}

/* FOOTER */
#footer {padding: 5px;text-align: left; margin:auto;text-transform: lowercase; font-style:italic; font-size: .9em; letter-spacing: 3px; z-index: 100; clear: both;border-left:1px solid #f4f4f4;margin-left:209px;}

ul.navfooter{ padding: 0px; margin: 0px;}
ul.navfooter li {list-style: none; margin: 0 5px 0 5px;display:inline}

div#footer li.viewing {color: #555555;display:none;}
div#footer a, div#footer a:link, div#footer a:visited {padding: 10px 10px; display:inline; color: #1a1a1a;}
div#footer a:hover {color:#888888;}

.clearfoot {border-left:1px solid #f4f4f4;margin-left:209px;clear: both;}

/* ARCHIVE PAGE */
ul.year { margin: 0px; margin: 0 auto 42px;background-color: #ffffff; text-align: center; padding: 20px; border-bottom:1px solid #ececec;}
ul.year li {display: inline;}

table.yeartable {margin-left: auto; margin-right: auto;background-color: #ffffff;border-bottom: 1px solid #ececec; margin-top:-42px;width:90%;padding: 30px;}

table.yeartable td.yeardate, table.yeartable td.yearday { border: 1px solid #dddddd}
table.yeartable td.yearday { background-color: #FBFBF8; text-align: center;}
td.yearmonth {border-style: none}
.clear {display:none}

/* 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 2px 10px 10px !important; background: transparent none no-repeat scroll 0 0; }

.subject img {vertical-align: middle !important;margin-right:3px}
img[src*="icon_protected.gif"]{background-image: url(http://i44.tinypic.com/24wboe8.png);}
img[src*="icon_private.gif"]{background-image: url(http://i43.tinypic.com/1j0ria.png);}
img[src*="icon_groups.gif"]{background-image: url(http://i39.tinypic.com/5eu0r9.png);}

.ljuser img[src*="syndicated.gif"]{background-image: url(http://i41.tinypic.com/2z99tf7.png) !important;}
.ljuser img[src*="newsinfo.gif"] {background-image: url(http://i39.tinypic.com/2zswjki.png) !important;}
.ljuser img[src*="partnercomm.gif"]{background-image: url(http://i43.tinypic.com/z8zkn.png) !important;}
.ljuser img[src*="sponcomm.gif"] {background-image: url(http://i40.tinypic.com/nh1g5i.png) !important;}

img[src*="btn_del.gif"]{background-image: url(http://i40.tinypic.com/2cwlcvq.jpg);}
img[src*="btn_scr.gif"] {background-image: url(http://i39.tinypic.com/xfdwcm.png);}
img[src*="btn_unscr.gif"] {background-image: url(http://i39.tinypic.com/dzfmv5.png);}
img[src*="btn_freeze.gif"] {background-image: url(http://i44.tinypic.com/b4x4xw.png);}
img[src*="btn_unfreeze.gif"] {background-image: url(http://i43.tinypic.com/35b9sh0.png);}
img[src*="btn_track.gif"] {background-image: url(http://i39.tinypic.com/2zz53yg.png);}
img[src*="btn_tracking.gif"],img[src*="btn_tracking_thread.gif"] {background-image: url(http://i42.tinypic.com/rcldmf.png);}
img[src*="anonymous.gif"] {background-image: url(http://i39.tinypic.com/11caxk6.png);}
img[src*="openid-profile.gif"] {background-image: url(http://i40.tinypic.com/5fnmkm.png);}
img[src*="userinfo.gif"] {background-image: url(http://i39.tinypic.com/30wl951.png);}
img[src*="talk/none.gif"] {background-image: url(http://i44.tinypic.com/161xcua.png);}
img[src*="help.gif"] {background-image: url(http://i42.tinypic.com/2dv76om.png);}
img[src*="pencil.gif"] ,img[src*="btn_edit.gif"] {background-image: url(http://i42.tinypic.com/2dtr4hs.png);}

.ljuser img {width: 0; height: 0; background: transparent url(http://i39.tinypic.com/30wl951.png) no-repeat 0 0; padding: 10px 10px 0 2px !important; vertical-align: baseline !important;}
.ljuser img[src*="userinfo.gif"] {background: transparent url(http://i39.tinypic.com/30wl951.png) no-repeat 0 0 !important; padding: 10px 10px 0 2px !important; }
.ljuser img[src*="community.gif"] { background: transparent url(http://i42.tinypic.com/20rwzf7.png) no-repeat scroll 0 0 !important; padding: 10px 10px 0 2px !important;}

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

.Note .Inner { background-color: #ffffff; border: 1px solid #eeeeee; color: #666666}
.ippu .track_title {letter-spacing: 3px; color: #444444; font-weight: normal}
div.ljcmtmanage {background-color: #ffffff; 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: transparent url(http://i46.tinypic.com/1euumg.jpg) repeat; color:#8c8c8c; }
code {display:block; padding:5px; border:1px dashed #DDDDDD;font-family:Courier, Courier New, monospace;font-size: 12px;}

kbd, pre, tt {font-family: monospace;}
textarea { font-family: Georgia, Times New Roman, Times,serif;font-size: 11px; background: transparent url(http://i46.tinypic.com/1euumg.jpg) repeat;border: 1px solid #cccccc; color: #999999;}

/* COLORS */
a, a:link, a:visited, .subject a, div.comments a:hover,.subject a:link, .subject a:visited, code, .datesubjectcomment a:link, .datesubjectcomment a:visited, div.ContextualPopup .Relation, .ljuser a b {
color: #819D9F;
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,.ljuser a b:hover {color: #83AF9E; text-decoration: none;}
.subject a, .subject a:link, .subject a:visited, .subject, h2 {text-decoration: none;color: #1a1a1a;}
div#sidebar a { color: #666;} div#sidebar a:hover, div#sidebar li.sbaritem:hover a{ color: #83AF9E;}
banner and arial
/*

there's no sense in losing your mind ((flexible squares; basic, plus and paid; milou veronica))

*/

body { background: #f4f4f4 url(http://i42.tinypic.com/zluq6e.png) repeat fixed 0 0; text-align: center; color: #ffffff;font-family: Arial, Geneva, sans-serif;font-size: .75em; margin:0px;}

.headerimage {position: relative; background:transparent url(http://i40.tinypic.com/fnuule.png) no-repeat scroll 0 0; width: 780px; height: 300px; background-repeat: no-repeat;margin-left: auto;margin-right: auto;margin-bottom: 0px; }

#content{color: #444444;background: #FFFFFF url() repeat scroll;width: 780px;margin-left: auto; margin-right: auto; margin-top: 0px; border-width: 0px; padding: 0px;}

#maincontent { padding:0; color: #444444;text-align: justify;border-left:1px solid #f4f4f4;margin-left:170px}

#sidebar { padding:5px 0;background: #FFFFFF url() repeat scroll;width: 170px; float:left;text-align: left; color: #444444; font-size: .85em; line-height: 1.5;border-right:1px solid #f4f4f4;clear:both}

/* HEADER */
#header { background-color: #1a1a1a; margin: 0px; text-align: center; font-size: .7em; letter-spacing: 2px; text-transform: uppercase; color: #666666; padding: 0 0 10px; min-height:86px}

div#header a, div#header a:link, div#header a:visited{postion:relative;sans-serif;color: #777777;text-transform: uppercase;}
ul.navheader li:hover {background-color: #000000; color:#cccccc;}
div#header li.view {color: #666;padding: 4px 6px;background-color:#000000;}
div#header li.view:hover{ background-color: #000000;}
ul.navheader{ padding: 0; margin:0 20px 0 0 ; width:171px;float:left}
ul.navheader li {background-color:#1A1A1A;margin: 0px; list-style-type: none; color: #666;padding: 4px 6px;border-bottom:1px solid #222222;border-right:1px solid #222222;display:block;}

.title {padding: 50px 0 0 10px;letter-spacing: -1px;line-height:.8;margin:0 ; text-align: left;line-height:;font-size:15pt;color:#ffffff;}
.title:first-letter {color:#748A8F;font-size:26pt;float:left}
.subtitle{text-transform: lowercase;line-height:1; text-align: left;letter-spacing: 6px;color:#555555;margin-left:220px}

/* ENTRIES */
.subcontent { min-height: 120px; margin-right:0px; background: #FFFFFF url() repeat scroll;margin-left: auto; margin-right: auto; border: 0px solid #EFEFE5;}

.date {text-transform: uppercase; color: #dddddd; font-size:.75em; letter-spacing:.em;}

.subject {font-size: 2em; letter-spacing:-0.07em;font-style:italic; line-height: 1; color: #aaaaaa; text-transform: lowercase}

.subject a, .subject a:link, .subject a:visited {text-decoration: none;color: #aaaaaa;}

.datesubject {padding: 15px 5px 10px 10px;text-align:right}

.entry{margin: 0px; padding: 10px 20px;text-align: justify;line-height: 1.75; border-bottom: 1px solid #f4f4f4;}

.entry_text {}

.entry ul li,.entry ol li{padding-left: 5px;margin-left: 15px;}

/* USERPICS */
.userpic { position: relative; float: right; padding: 8px; 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: 8px; border: 1px solid #eeeeee; background-color: #ffffff; }
.userpicfriends a font {color: #111111;}

/* COMMENT BAR */
.comments {color: #ffffff; font-size: 7pt; text-align: center; padding: 6px; position: relative; margin:0; text-transform: uppercase; }

div.comments a, div.comments a:visited, div.comments a:link {border-width: 0px 1px 1px 0px;border-style:solid; border-color:#ececec;padding: 6px;background-color:#f8f8f8}
div.comments a:hover{border-width: 1px 0 0 1px}
.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: 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}
.currenttags, .currentlocation, .currentmood, .currentgroups , .currentmusic {padding: 0 18px 1px 0; background: transparent none no-repeat scroll 100% 50%}
.currenttags {background-image: url(http://i40.tinypic.com/2dwdzjl.png)}
.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://i49.tinypic.com/33opqv5.png)}

/* TAG PAGE */
h2 {text-align: right; padding: 10px 10px 10px 30px; border-bottom: 1px solid #ececec;background-color: #ffffff;font-weight: normal;font-style:italic; text-transform:lowercase;margin: 0px auto}

.ljtaglist {text-align: left; margin: 0px auto; padding:20px; background-color: #ffffff;font-size:10px; list-style:inside none square;color:#999999}
.ljtaglist li {padding:6px 0px;border-bottom: 1px dotted #eeeeee;}
.ljtaglist li:hover{background-color:#f8f8f8;}

/* COMMENT PAGE */
.box { text-align: left; margin-bottom:1px; padding: 0px 5px;margin-left: auto; margin-right: auto;}

.datesubjectcomment {text-align: left; color: #aaaaaa; margin-top: 0px; font-size:1.1em;letter-spacing:-.05em;font-style:italic}
.datesubjectcomment strong {color:#666666;font-size:1.3em;font-weight:normal}
.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 {}
.commentboxpartial { background-color: #ffffff; border-bottom: 1px solid #f4f4f4;padding: 10px; margin: 10px}

.commentinfo { background-color: #ffffff; margin-top: 10px; width: 100%;}
form#postform{} form#qrform table {border-width: 0px !important;} form#qrform {}
.skiplinks {text-align: center; border-bottom:1px solid #f4f4f4;margin: 0 0 10px;padding: 10px 0px; font-size: 7pt; color: #eeeeee;background-color: #ffffff;}
.skiplinks a {}.skiplinks a:hover{}

/* SIDEBAR */
.defaultuserpic {text-align: center}
.defaultuserpic img {border: 1px solid #eeeeee;padding:3px;}

.sbarheader {padding: 0px 5px 0px 5px;background-color: #ffffff;}
.sbarbody {padding: 0px 5px 0px 5px; }

.sbarbody2 { padding: 10px 15px 10px 15px;line-height:1.5;}

ul.sbarlist{ margin: 0px; padding: 0px; margin-left: 0px; list-style: none;}
li.sbaritem{display:block;padding: 3px 8px; margin: 1px 2px;border-width: 0px 1px 1px 0px;border-style:solid; border-color:#ececec;background: #f7f7f7 url() repeat fixed 0 0} li.sbaritem:hover {border-color:#cccccc;border-width: 1px 0px 0px 1px;background-color:#ececec;}
li.sbartitle{text-transform: lowercase;padding: 8px; color: #1a1a1a;font-variant:small-caps;text-align:right}

#sidebar_linklist {margin:0; padding:0 3px 8px 0;background-color: #ffffff;border-left: 1px solid #ececec}
#sidebar_summary,#sidebar_tags, #sidebar_calendar {}
table.calendar {width:155px;text-align:center}
.sbarcalendar, .sbarcalendarposts {padding-top:2px;padding-bottom:2px;border:1px solid #eeeeee;}#sidebar_calendar table td:hover,.sbarcalendarposts {background-color:#f8f8f8}

/* FOOTER */
#footer {padding: 5px;text-align: left; margin:auto;text-transform: lowercase; font-style:italic; font-size: .9em; letter-spacing: 3px; z-index: 100; clear: both;border-left:1px solid #f4f4f4;margin-left:170px}

ul.navfooter{ padding: 0px; margin: 0px}
ul.navfooter li {list-style: none; margin: 0 5px 0 5px;display:inline}

div#footer li.viewing {color: #555555;display:none}
div#footer a, div#footer a:link, div#footer a:visited {padding: 10px 10px;display:inline;color: #1a1a1a}
div#footer a:hover {color:#888888;}

.clearfoot {border-left:1px solid #f4f4f4;margin-left:170px;clear: both;}

/* ARCHIVE PAGE */
ul.year { margin: 0px; margin: 0 auto 42px;background-color: #ffffff; text-align: center; padding: 20px; border-bottom:1px solid #ececec}
ul.year li {display: inline;}

table.yeartable {margin-left: auto; margin-right: auto;background-color: #ffffff;border-bottom: 1px solid #ececec; margin-left: auto; margin-right: auto; margin-top:-42px;width:90%;padding: 30px}

table.yeartable td.yeardate, table.yeartable td.yearday {border: 1px solid #dddddd}
table.yeartable td.yearday { background-color: #FBFBF8; text-align: center}
td.yearmonth {border-style: none}
.clear {display:none}

/* 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 2px 10px 10px !important; background: transparent none no-repeat scroll 0 0; }

.subject img {vertical-align: middle !important;margin-right:3px}
img[src*="icon_protected.gif"]{background-image: url(http://i44.tinypic.com/24wboe8.png);}
img[src*="icon_private.gif"]{background-image: url(http://i43.tinypic.com/1j0ria.png);}
img[src*="icon_groups.gif"]{background-image: url(http://i39.tinypic.com/5eu0r9.png);}

.ljuser img[src*="syndicated.gif"]{background-image: url(http://i41.tinypic.com/2z99tf7.png) !important;}
.ljuser img[src*="newsinfo.gif"] {background-image: url(http://i39.tinypic.com/2zswjki.png) !important;}
.ljuser img[src*="partnercomm.gif"]{background-image: url(http://i43.tinypic.com/z8zkn.png) !important;}
.ljuser img[src*="sponcomm.gif"] {background-image: url(http://i40.tinypic.com/nh1g5i.png) !important;}

img[src*="btn_del.gif"]{background-image: url(http://i40.tinypic.com/2cwlcvq.jpg);}
img[src*="btn_scr.gif"] {background-image: url(http://i39.tinypic.com/xfdwcm.png);}
img[src*="btn_unscr.gif"] {background-image: url(http://i39.tinypic.com/dzfmv5.png);}
img[src*="btn_freeze.gif"] {background-image: url(http://i44.tinypic.com/b4x4xw.png);}
img[src*="btn_unfreeze.gif"] {background-image: url(http://i43.tinypic.com/35b9sh0.png);}
img[src*="btn_track.gif"] {background-image: url(http://i39.tinypic.com/2zz53yg.png);}
img[src*="btn_tracking.gif"],img[src*="btn_tracking_thread.gif"] {background-image: url(http://i42.tinypic.com/rcldmf.png);}
img[src*="anonymous.gif"] {background-image: url(http://i39.tinypic.com/11caxk6.png);}
img[src*="openid-profile.gif"] {background-image: url(http://i40.tinypic.com/5fnmkm.png);}
img[src*="userinfo.gif"] {background-image: url(http://i39.tinypic.com/30wl951.png);}
img[src*="talk/none.gif"] {background-image: url(http://i44.tinypic.com/161xcua.png);}
img[src*="help.gif"] {background-image: url(http://i42.tinypic.com/2dv76om.png);}
img[src*="pencil.gif"] ,img[src*="btn_edit.gif"] {background-image: url(http://i42.tinypic.com/2dtr4hs.png);}

.ljuser img {width: 0; height: 0; background: transparent url(http://i39.tinypic.com/30wl951.png) no-repeat 0 0; padding: 10px 10px 0 2px !important; vertical-align: baseline !important;}
.ljuser img[src*="userinfo.gif"] {background: transparent url(http://i39.tinypic.com/30wl951.png) no-repeat 0 0 !important; padding: 10px 10px 0 2px !important; }
.ljuser img[src*="community.gif"] { background: transparent url(http://i42.tinypic.com/20rwzf7.png) no-repeat scroll 0 0 !important; padding: 10px 10px 0 2px !important;}

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

.Note .Inner { background-color: #ffffff; border: 1px solid #eeeeee; color: #666666}
.ippu .track_title {letter-spacing: 3px; color: #444444; font-weight: normal}
div.ljcmtmanage { background-color: #ffffff;border: 1px solid #eeeeee; padding:10px}

/* MISC */
a img {border:none;}
b, u { color: #333333}
i, s { color: #aaaaaa}
p, td {}
.appwidget-qotd table tr td div {border:1px solid #eeeeee !Important;padding:8px 15px !Important}
blockquote { padding:15px; border: 1px solid #eeeeee; background-color: #f7f7f7; color:#666666; }
code {display:block; padding:5px; border:1px dashed #DDDDDD;font-family:Courier, Courier New, monospace;font-size: 12px}

kbd, pre, tt {font-family: monospace;}
textarea {font-family: Georgia, Times New Roman, Times,serif;font-size: 11px; background: transparent url(http://i46.tinypic.com/1euumg.jpg) repeat;border: 1px solid #cccccc; color: #999999}

/* COLORS */
a, a:link, a:visited, .subject a, div.comments a:hover,.subject a:link, .subject a:visited, code, .datesubjectcomment a:link, .datesubjectcomment a:visited, div.ContextualPopup .Relation, .ljuser a b {
color: #819D9F;
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,.ljuser a b:hover {color: #83AF9E; text-decoration: none}
.subject a, .subject a:link, .subject a:visited, .subject, h2 {text-decoration: none;color: #1a1a1a}
div#sidebar a { color: #666;} div#sidebar a:hover, div#sidebar li.sbaritem:hover a{ color: #83AF9E}
topbar and georgia
/*

there's no sense in losing your mind ((flexible squares; basic, plus and paid; milou veronica))

*/

body { background: #f4f4f4 url(http://i42.tinypic.com/zluq6e.png) repeat fixed 0 0; text-align: center; color: #ffffff;font-family: Georgia, Geneva, serif;font-size: .8em; margin:0px;}

.headerimage {position: relative; background:transparent url(http://i40.tinypic.com/fnuule.png) no-repeat scroll 0 0; width: 780px; height: 0px; background-repeat: no-repeat;margin-left: auto;margin-right: auto;margin-bottom: 0px; }

#content{color: #444444;background: #FFFFFF url() repeat scroll;width: 760px;margin-left: auto; margin-right: auto; margin-top: 0px; border-width: 0px; padding: 0px;}

#maincontent { padding:0; color: #444444;text-align: justify;clear:both}

#sidebar { padding:0;background: #222222 url() repeat scroll;text-align: left; color: #777777; font-size: .8em; line-height: 1.5;clear:both;min-height:130px}

/* HEADER */
#header { background-color: #1a1a1a; margin: 0px; text-align: center; font-size: .7em; letter-spacing: 2px; text-transform: uppercase; color: #666666; padding: 0 0 10px; min-height:86px}

div#header a, div#header a:link, div#header a:visited{postion:relative;sans-serif;color: #777777;text-transform: uppercase;}
ul.navheader li:hover {background-color: #000000; color:#cccccc;}
div#header li.view {color: #666666;padding: 4px 6px;background-color:#000000;}
div#header li.view:hover{ background-color: #000000;}
ul.navheader{ padding: 0; margin:0 20px 0 0 ; width:171px;float:left}
ul.navheader li {background-color:#1A1A1A;margin: 0px; list-style-type: none; color: #666666;padding: 4px 6px;border-bottom:1px solid #222222;border-right:1px solid #222222;display:block;}

.title {padding: 50px 0 0 10px;letter-spacing: -1px;line-height:.8;margin:0 ; text-align: left;line-height:;font-size:15pt;color:#ffffff;}
.title:first-letter {color:#EF7777;font-size:26pt;float:left}
.subtitle{text-transform: lowercase;line-height:1; text-align: left;letter-spacing: 6px;color:#555555;margin-left:220px}

/* ENTRIES */
.subcontent { min-height: 120px; margin-right:0px; background: #FFFFFF url() repeat scroll;margin-left: auto; margin-right: auto; border: 0px solid #EFEFE5;}

.date {text-transform: uppercase; color: #dddddd; font-size:.75em;background: transparent url(http://i42.tinypic.com/2ia95a9.png) no-repeat scroll 100% 50%;margin-right:130px; padding: 8px 16px 8px 0}

.subject {font-size: 2em; letter-spacing:-0.07em;font-style:italic; line-height: 1; color: #aaaaaa; text-transform: lowercase;}

.subject a, .subject a:link, .subject a:visited {text-decoration: none;color: #aaaaaa;}

.datesubject {padding: 15px 5px 10px 10px;text-align:right}

.entry{margin: 0px; padding: 10px 30px;text-align: justify;line-height: 1.75; border-bottom: 1px solid #f4f4f4;}

.entry_text {}

.entry ul li,.entry ol li{padding-left: 5px;margin-left: 15px;}

/* USERPICS */
.userpic { position: relative; float: right; padding: 8px; background-color: #ffffff; margin:10px 15px 10px 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: 8px; border: 1px solid #eeeeee; background-color: #ffffff; }
.userpicfriends a font {color: #111111;}

/* COMMENT BAR */
.comments {color: #ffffff; font-size: 7pt; text-align: center; padding: 6px; position: relative; margin:0; text-transform: uppercase; }

div.comments a, div.comments a:visited, div.comments a:link {border-width: 0px 1px 1px 0px;border-style:solid; border-color:#ececec;padding: 6px;background-color:#f8f8f8}
div.comments a:hover{border-width: 1px 0 0 1px}
.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;}
.currenttags, .currentlocation, .currentmood, .currentgroups , .currentmusic {padding: 0 18px 1px 0; background: transparent none no-repeat scroll 100% 50%; }
.currenttags {background-image: url(http://i40.tinypic.com/2dwdzjl.png)}
.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://i49.tinypic.com/33opqv5.png)}

/* TAG PAGE */
h2 {text-align: right; padding: 10px 10px 10px 30px; border-bottom: 1px solid #ececec;background-color: #ffffff;font-weight: normal;font-style:italic; text-transform:lowercase;margin: 0px auto; }

.ljtaglist {text-align: left; margin: 0px auto; padding:20px; background-color: #ffffff;font-size:10px; list-style:inside none square;color:#999999}
.ljtaglist li {padding:6px 0px;border-bottom: 1px dotted #eeeeee;} .ljtaglist li:hover{background-color:#f8f8f8;}

/* COMMENT PAGE */
.box { text-align: left; margin-bottom:1px; padding: 0px 5px;margin-left: auto; margin-right: auto;}

.datesubjectcomment {text-align: left; color: #aaaaaa; margin-top: 0px; font-size:1.1em;letter-spacing:-.05em;font-style:italic}
.datesubjectcomment strong {color:#666666;font-size:1.3em;font-weight:normal}
.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 {}
.commentboxpartial { background-color: #ffffff; border-bottom: 1px solid #f4f4f4;padding: 10px; margin: 10px;}

.commentinfo { background-color: #ffffff; margin-top: 10px; width: 100%;}
form#postform{} form#qrform table {border-width: 0px !important;} form#qrform {}
.skiplinks {text-align: center; border-bottom:1px solid #f4f4f4;margin: 0 0 10px;padding: 10px 0px; font-size: 7pt; color: #eeeeee;background-color: #ffffff;}
.skiplinks a {}.skiplinks a:hover{}

/* SIDEBAR */
.defaultuserpic {text-align: center;float:left;margin:10px;}
.defaultuserpic img {border: 19px solid #1a1a1a;padding:3px;width:60px;height:60px;}

.sbarheader {padding: 0px 5px 0px 5px;background-color: #ffffff;}
.sbarbody {padding: 0px 5px 0px 5px; }

.sbarbody2 {padding:10px 15px 10px 15px;line-height:1.5}

ul.sbarlist{ margin: 0px; padding: 0px; margin-left: 0px; list-style: none;}
li.sbaritem{display:inline;padding: 3px 8px; margin: 1px 2px;border-width: 0px 1px 1px 0px;border-style:solid; border-color:#171717;background: #1a1a1a url() repeat fixed 0 0} li.sbaritem:hover {border-color:#111111;border-width: 1px 0px 0px 1px;background-color:#171717;}
li.sbartitle{text-transform: lowercase;padding: 8px; color: #1a1a1a;font-variant:small-caps;text-align:right;display:none}

#sidebar_linklist {margin:0; padding:8px 3px 8px 16px;text-align:right;font-variant:small-caps}
#sidebar_summary,#sidebar_tags, #sidebar_calendar {display:none}
table.calendar {width:155px;text-align:center}
.sbarcalendar, .sbarcalendarposts {padding-top:2px;padding-bottom:2px;border:1px solid #eeeeee;}#sidebar_calendar table td:hover,.sbarcalendarposts {background-color:#f8f8f8}

/* FOOTER */
#footer {padding: 5px;text-align: left; margin:auto;text-transform: lowercase; font-style:italic; font-size: .9em; letter-spacing: 3px; z-index: 100; clear: both}

ul.navfooter{ padding: 0px; margin: 0px;}
ul.navfooter li {list-style: none; margin: 0 5px 0 5px;display:inline}

div#footer li.viewing {color: #555555;display:none;}
div#footer a, div#footer a:link, div#footer a:visited {padding: 10px 10px; display:inline; color: #1a1a1a;}
div#footer a:hover { color:#888;}

.clearfoot {clear: both;}

/* ARCHIVE PAGE */
ul.year { margin: 0px; margin: 0 auto 42px;background-color: #ffffff; text-align: center; padding: 20px; border-bottom:1px solid #ececec;}
ul.year li {display: inline;}

table.yeartable {margin-left: auto; margin-right: auto;background-color: #ffffff;border-bottom: 1px solid #ececec; margin-left: auto; margin-right: auto; margin-top:-42px;width:90%;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 2px 10px 10px !important; background: transparent none no-repeat scroll 0 0; }

.subject img {vertical-align: middle !important;margin-right:3px}
img[src*="icon_protected.gif"]{background-image: url(http://i44.tinypic.com/24wboe8.png);}
img[src*="icon_private.gif"]{background-image: url(http://i43.tinypic.com/1j0ria.png);}
img[src*="icon_groups.gif"]{background-image: url(http://i39.tinypic.com/5eu0r9.png);}

.ljuser img[src*="syndicated.gif"]{background-image: url(http://i41.tinypic.com/2z99tf7.png) !important;}
.ljuser img[src*="newsinfo.gif"] {background-image: url(http://i39.tinypic.com/2zswjki.png) !important;}
.ljuser img[src*="partnercomm.gif"]{background-image: url(http://i43.tinypic.com/z8zkn.png) !important;}
.ljuser img[src*="sponcomm.gif"] {background-image: url(http://i40.tinypic.com/nh1g5i.png) !important;}

img[src*="btn_del.gif"]{background-image: url(http://i40.tinypic.com/2cwlcvq.jpg);}
img[src*="btn_scr.gif"] {background-image: url(http://i39.tinypic.com/xfdwcm.png);}
img[src*="btn_unscr.gif"] {background-image: url(http://i39.tinypic.com/dzfmv5.png);}
img[src*="btn_freeze.gif"] {background-image: url(http://i44.tinypic.com/b4x4xw.png);}
img[src*="btn_unfreeze.gif"] {background-image: url(http://i43.tinypic.com/35b9sh0.png);}
img[src*="btn_track.gif"] {background-image: url(http://i39.tinypic.com/2zz53yg.png);}
img[src*="btn_tracking.gif"],img[src*="btn_tracking_thread.gif"] {background-image: url(http://i42.tinypic.com/rcldmf.png);}
img[src*="anonymous.gif"] {background-image: url(http://i39.tinypic.com/11caxk6.png);}
img[src*="openid-profile.gif"] {background-image: url(http://i40.tinypic.com/5fnmkm.png);}
img[src*="userinfo.gif"] {background-image: url(http://i44.tinypic.com/xap95g.png);}
img[src*="talk/none.gif"] {background-image: url(http://i44.tinypic.com/161xcua.png);}
img[src*="help.gif"] {background-image: url(http://i42.tinypic.com/2dv76om.png);}
img[src*="pencil.gif"] ,img[src*="btn_edit.gif"] {background-image: url(http://i42.tinypic.com/2dtr4hs.png);}

.ljuser img {width: 0; height: 0; background: transparent url(http://i44.tinypic.com/xap95g.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/xap95g.png) no-repeat 0 0 !important; padding: 10px 10px 0 2px !important; }
.ljuser img[src*="community.gif"] { background: transparent url(http://i42.tinypic.com/azgxmu.png) no-repeat scroll 0 0 !important; padding: 10px 10px 0 2px !important}

HTML BODY img.i-ljuser-userhead {height:6px !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;} #sidebar b, #sidebar u {color:#ffffff}
i, s { color: #aaaaaa;} #sidebar i, #sidebar s {color:#555555}
p, td {}

blockquote { padding:15px; border: 1px solid #eeeeee; background: #f7f7f7 url() repeat; color:#666666; }
code {display:block; padding:5px; border:1px dashed #DDDDDD;font-family:Courier, Courier New, monospace;font-size: 12px;}

kbd, pre, tt {font-family: monospace;}
textarea { font-family: Georgia, Times New Roman, Times,serif;font-size: 11px; background: transparent url(http://i46.tinypic.com/1euumg.jpg) repeat;border: 1px solid #cccccc; color: #999999;}

/* COLORS */
a, a:link, a:visited, .subject a, div.comments a:hover,.subject a:link, .subject a:visited, code, .datesubjectcomment a:link, .datesubjectcomment a:visited, div.ContextualPopup .Relation, .ljuser a b {
color: #EF7777;
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,.ljuser a b:hover {color: #77BF95; text-decoration: none;}
.subject a, .subject a:link, .subject a:visited, .subject, h2 {text-decoration: none;color: #1a1a1a;}
div#sidebar a { color: #77BF95;} div#sidebar a:hover, div#sidebar li.sbaritem:hover a{ color: #EF7777;}

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 graphicsbyjulz
♚ 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.
25.03.12: re-upped images

style: flexible squares, wot: layout

Previous post Next post
Up