s2 layout: take control of the wheel and now [flexible squares]
picture | live
picture | live layout: take control of the wheel and now
style: flexible squares
accounts: Basic, Paid, and Sponsored
features:custom comment pages, mini icons, topbar
browsers: IE7, FF, Safari, and Opera
black header
/*
take control of the wheel and now {flexible squares; basic,plus,&paid; milou_veronica}
*/
body { background: #242424 url() repeat fixed 0 0; text-align: center; color: #ffffff; font-family: Arial, Tahoma, "Verdana", sans-serif; font-size: .75em; margin: 0px; padding: 0px; }
.headerimage {position: relative; background: url(); height: 0px; background-repeat: no-repeat;margin-left: auto;margin-right: auto;margin-bottom: 0px; }
#content{ color: #555555; margin-left: auto; margin-right: auto; margin-top: 0px; border-width: 0px; padding: 0px; width: 100%; }
#maincontent { padding: 10px 0px; text-align: left; margin-left: auto; margin-right: auto; width: 100%;background: #FFFFFF url(http://i41.tinypic.com/15h0oet.jpg) repeat fixed 0 0;}
#sidebar { font-family: Arial, Tahoma, sans-serif; padding:0px; text-align: left; color: #999999; font-size: 7pt; margin: 0 auto; background-color: #2d2d2d; border: 0px solid #ededed;}
/* HEADER */
#header {background-color: #262626;font-family: Georgia, Times New Roman, Book Antiqua, serif; padding: 20px 0 10px; text-align: center; font-size: 7pt; letter-spacing: 1px;text-transform: lowercase; color: #ececec; margin: 0px 0px; line-height: 0.7; }
div#header a, div#header a:link, div#header a:visited{ margin-left: 5px; }
div#header li.view {margin-left: 5px;}
ul.navheader{ padding: 0; margin: 0px; display:inline;}
ul.navheader li {padding: 0px; margin: 0px; list-style-type: none; display: inline;}
.title {margin: 5px 0 0;color:#111111; text-align: center; font-size: 26pt; letter-spacing: -1px;font-weight: normal; }
.subtitle{ text-align: center; color:#3d3d3d; font-size: 7pt; font-weight: normal; text-transform: uppercase; letter-spacing:8px;}
/* ENTRIES */
.subcontent { min-height: 140px; background-color: #FFFFFF; border: 1px solid #ededed; width: 760px; margin-left: auto; margin-right: auto; }
.date { text-transform: uppercase; color: #dddddd; font-size: 14pt; letter-spacing: -2px; position: ;padding-top: 6px;}
.subject { background-color: transparent ; letter-spacing: -3px; font-size: 22pt; text-transform: lowercase; line-height: 100%;padding: 0px 0 0 10px; margin-top: -15px; }
.subject a, .subject a:link, .subject a:visited {text-decoration: bold;}
.datesubject { font-family: Georgia, Times New Roman, Book Antiqua, serif; padding: 0px 5px 5px 10px; border-bottom: 0px solid #eeeeee; text-align: left; height: 40px;}
.entry { margin: 0 0 0px; padding: 10px 25px; text-align: left; line-height: 1.75; border-width: 0px;}
.entry_text { margin-bottom: 0px;}
.entry ul li {padding-left: 5px;margin-left: 15px;}
.entry ol li{padding-left: 5px;margin-left: 15px;}
/* USERPICS */
.userpic { position: relative; float: left; padding: 1px; background-color: #ffffff; margin: 10px ; z-index: 15; border: 1px solid #eeeeee;}
.userpicfriends { border: 0px solid #eeeeee; position: relative; background-color: transparent !important; float: left; padding: 3px; margin:10px ; text-align: right; z-index: 15; font-size: 9pt;}
.userpicfriends img { border: 1px solid #eeeeee; padding: 1px; background-color: #ffffff; }
.userpicfriends a font {color: #bbbbbb;}
/* COMMENT BAR */
.comments {border: 0px solid #f1f1f1; text-transform: uppercase; font-family: Georgia, Times New Roman, Book Antiqua, serif; color: #cccccc; font-size: 6pt; text-align: right; letter-spacing: 2px; position: relative; top: 0px; margin-top: 20px;}
div.comments a, div.comments a:visited, div.comments a:link {padding: 6px;} div.comments a:hover {}
.separator{height: 25px;}
/* CURRENTS AND TAGS */
.ljtags { text-align: left; padding: 2px 2px 2px 5px; margin-top: 50px; position: relative; text-transform: lowercase; font-size: 7.5pt; border-left: 5px solid #B3BFBE;} .ljtags:hover {border-color: #eeeeee;}
.currents { font-family: Arial, Tahoma, sans-serif; text-align: left; margin-top:0px; padding-top:10px; text-transform: lowercase; font-size: 7.5pt;color: #646464; }
.currents strong {font-weight: normal; text-decoration: none;}
.currentlocation, .currentmood, .currentgroups,.currentmusic {padding: 2px 2px 2px 5px; border-left: 5px solid #eeeeee; }.currentlocation:hover, .currentmood:hover, .currentgroups:hover,.currentmusic:hover {border-color: #B3BFBE;}
/* TAG PAGE */
h2 { background-color: #FFFFFF; padding: 10px 10px 10px 30px; font-family: Georgia, Times New Roman, Book Antiqua, serif; letter-spacing: -1px; font-size: 13pt; text-transform: lowercase; line-height: 100%; color: #444444; font-weight: normal; margin: 0px; border: 1px solid #eeeeee; border-bottom: none; width: 730px; margin-left: auto; margin-right: auto;}
.ljtaglist {text-align: left; margin: 0px; padding: 3px 15px 15px; background-color: #FFFFFF; color: #aaaaaa; font-size:10px; list-style: inside square; border: 1px solid #eeeeee; border-top: none;width: 740px; margin-left: auto; margin-right: auto;} .ljtaglist li { margin: 3px; padding: 3px; border-bottom: 1px dotted #e6e6e6;}
/* COMMENT PAGE */
.box { text-align: left; margin-bottom:1px; padding: 0px; clear: left; width: 760px; 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;}
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.75;}
.replytosubject {letter-spacing:2px; font-weight: bold;}
.commentreply { line-height:1.75; 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 { border: 0px solid #eeeeee; background-color: #FFFFFF; padding: 10px; margin: 10px; -moz-border-radius: 7px;}
.commentinfo { background-color: #ffffff; margin-top: 10px; width: 100%;}
.skiplinks {text-align: center; padding: 10px; color: #eeeeee; border: 1px solid #eeeeee;background-color:#ffffff; width: 740px; margin:0 auto 6px;font-family: Georgia, Times New Roman, Book Antiqua, serif;font-size:.9em;}
/* SIDEBAR */
.defaultuserpic {display: none;float:left; margin: 10px auto; padding:0px; text-align:right;}
.defaultuserpic img {padding: 0px; border: 12px solid #2a2a2a; margin-top: 0px; width: 60px; height: 60px; }
.sbarheader {padding: 0px 5px 0px 5px;}
.sbarbody {padding: 0px 5px 0px 5px; }
.sbarbody2 { font-family:Georgia, Times New Roman, Book Antiqua, serif;margin-left: auto; margin-right: auto; background-color: #2d2d2d; padding:10px 20% 7px;}
ul.sbarlist{ margin: 0px; padding:0; background-color: #2d2d2d; margin-left: 0px; list-style: none;}
li.sbaritem{ background-color: transparent; border-right:1px solid #383838; display:inline; margin: 0px; padding:8px 6px; } li.sbaritem:hover {background-color: #2e2e2e;}
li.sbartitle{display: none; text-transform: uppercase; padding: 8px; font-family: Georgia, Times New Roman, Book Antiqua, serif; color: #777777;}
#sidebar_linklist { background-color: #313131; font-family: Georgia, Times New Roman, Book Antiqua, serif; text-transform: lowercase; text-align: center; margin: 0 auto; padding:8px 6px;} #sidebar_summary { display: none; } #sidebar_tags { display: none; } #sidebar_calendar { display: none; }
#sidebar_linklist ul.sbarlist { background-color: #313131;}
/* FOOTER */
#footer { margin:auto; font-family: Georgia, Times New Roman, Book Antiqua, serif; text-align: center; z-index: 100; clear: both; width: 620px; }
ul.navfooter{ padding: 0px; margin: 0px;}
ul.navfooter li {list-style: none; margin: 0 5px 0 5px; display:inline; }
div#footer li.viewing { display:none; padding: 7px; margin: 2px; border: 1px solid #ededed; background-color: #2a2a2a; }
div#footer a, div#footer a:link, div#footer a:visited { color: #aaaaaa; padding: 7px; margin: 2px; border: 0px solid #ededed; background-color: #2a2a2a; }
div#footer a:hover {background-color: #272727; }
.clearfoot {clear: both;}
/* ARCHIVE PAGE */
ul.year { margin: 0px; background-color: #FFFFFF; font-family: Georgia, Times New Roman, Book Antiqua, serif; text-align: center; padding: 20px; background-color: #; border: 1px solid #dddddd; border-bottom: none; width: 678px; margin-left: auto; margin-right: auto;}
ul.year li {display: inline;}
table.yeartable { border: 1px solid #dddddd; border-top:none; background-color: #FFFFFF; margin-left: auto; margin-right: auto; padding: 30px; width: 720px; margin-left: auto; margin-right: auto;}
table.yeartable td.yeardate, table.yeartable td.yearday { border-width: 1px; border-style: solid; border-color: #dddddd;}
table.yeartable td.yearday { background-color: #f3f3f3; text-align: center;}
td.yearmonth {border-style: none;}
.clear {display:none; height: 8px;}
/* MINI ICONS BY PINVOKE */
.ljuser img { width: 0; height: 0; background: transparent url(http://i41.tinypic.com/28m0mlg.png) no-repeat 0 0; padding: 10px 10px 0 2px !important; vertical-align: baseline !important;}
.ljuser img[src*="userinfo.gif"] { background: transparent url(http://i41.tinypic.com/28m0mlg.png) no-repeat 0 0 !important; padding: 10px 10px 0 2px !important; }
.ljuser img[src*="community.gif"] { background: transparent url(http://i39.tinypic.com/2bry81.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}
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"], form 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;}
img[src*="icon_protected.gif"]{background-image: url(http://i43.tinypic.com/2vhx0y0.png); }
;){kind=link}
img[src*="icon_private.gif"]{background-image: url(http://i42.tinypic.com/30bjw5g.png); }
;){kind=link}
img[src*="icon_groups.gif"] {background-image: url(http://i43.tinypic.com/2d1le7l.png); }
;){kind=link}
.ljuser img[src*="syndicated.gif"]{background-image: url(http://i44.tinypic.com/2cwtsfp.png) !important;}
.ljuser img[src*="newsinfo.gif"] {background-image: url(http://i40.tinypic.com/2cy1sec.png) !important;}
.ljuser img[src*="partnercomm.gif"]{background-image: url(http://i40.tinypic.com/25tyurm.png) !important;}
.ljuser img[src*="sponcomm.gif"] {background-image: url(http://i43.tinypic.com/oatb21.png) !important;}
img[src*="btn_del.gif"] {background-image: url(http://i40.tinypic.com/25zot2o.png);}
;}){kind=link}
img[src*="btn_scr.gif"] {background-image: url(http://i43.tinypic.com/2r2m07s.png);}
;}){kind=link}
img[src*="btn_unscr.gif"] {background-image: url(http://i40.tinypic.com/1zgvofo.png);}
;}){kind=link}
img[src*="btn_freeze.gif"] {background-image: url(http://i43.tinypic.com/14dhf6f.png);}
;}){kind=link}
img[src*="btn_unfreeze.gif"] {backgroun-image: url(http://i41.tinypic.com/2myc002.png);}
;}){kind=link}
img[src*="btn_track.gif"] {background-image: url(http://i44.tinypic.com/124evsw.png);}
;}){kind=link}
img[src*="btn_tracking.gif"], img[src*="btn_tracking_thread.gif"] {background-image: url(http://i40.tinypic.com/357ldtg.png);}
;}){kind=link}
img[src*="anonymous.gif"] {background-image: url(http://i44.tinypic.com/vyulc8.png);}
;}){kind=link}
img[src*="openid-profile.gif"] {background-image: url(http://i43.tinypic.com/35lzzts.png);}
;}){kind=link}
.box img[src*="userinfo.gif"] {background-image: url(http://i41.tinypic.com/28m0mlg.png);}
;}){kind=link}
img[src*="talk/none.gif"] {background-image: url(http://i42.tinypic.com/4l4r43.png);}
;}){kind=link}
img[src*="help.gif"] {background-image: url(http://i43.tinypic.com/f0snis.png);}
;}){kind=link}
img[src*="pencil.gif"] {background-image: url(http://i41.tinypic.com/so34ug.png);}
;}){kind=link}
img[src*="btn_edit.gif"] {background-image: url(http://i44.tinypic.com/2ijkb5d.png);}
;}){kind=link}
.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-color: #ffffff; border: 1px solid #eeeeee; padding:10px; }
/* MISC */
b, u { color: #444444; } a img {border:none;}
i, s { color: #999999; font-family: Georgia, Times New Roman, Book Antiqua, serif;}
p, td {font-size: 11px;}
blockquote { padding: 8px; border: 1px solid #ececec; background: #EEEEEE url(http://i40.tinypic.com/xdwbjm.png) repeat scroll 0 0; color: #777777; margin:7px 8px;}
code {display:block; padding:5px; border:1px dashed #DDDDDD; font-size: 12px;} form#qrform table {border-width: 0px !important; } div.box form#postform, form#qrform {background-color: #FFFFFF; border: 1px solid #ececec; padding:10px;}
kbd, pre, tt {font-family: monospace;}
input, textarea { font-family: Georgia, Times New Roman, Book Antiqua, serif; font-size: 11px; background: #ececec url(http://i40.tinypic.com/xdwbjm.png) repeat scroll 0 0; border: 1px solid #eeeeee; color: #777777;}
/* 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 {
color: #7D8C8F;
text-decoration: none;}
a:hover, .subject a:hover, div.comments a, div#sidebar a:hover, .datesubjectcomment a:hover {color: #8EA9AF; background-color: #; text-decoration: none; }
div#header a { color: #7D8C8F;}
.subject a, .subject a:link, .subject a:visited, .subject a:hover, .subject, h2, ul.year {color: #959F9E; }
blue and yellow header
/*
take control of the wheel and now {flexible squares; basic,plus,&paid; milou_veronica}
*/
body { background: #8D9C9B url() repeat fixed 0 0; text-align: center; color: #ffffff; font-family: Arial, Tahoma, "Verdana", sans-serif; font-size: .75em; margin: 0px; padding: 0px; }
.headerimage {position: relative; background: url(); height: 0px; background-repeat: no-repeat;margin-left: auto;margin-right: auto;margin-bottom: 0px; }
#content{ color: #555555; margin-left: auto; margin-right: auto; margin-top: 0px; border-width: 0px; padding: 0px; width: 100%; }
#maincontent { padding: 10px 0px; text-align: left; margin-left: auto; margin-right: auto; width: 100%;background: #FFFFFF url() repeat fixed 0 0;}
#sidebar { font-family: Arial, Tahoma, sans-serif; padding:0; text-align: left; color: #787F6F; font-size: 7pt; margin: 0 auto; background-color: #B9C0B0; border: 0px solid #ededed;}
/* HEADER */
#header {background-color: #8D9C9B; font-family: Georgia, Times New Roman, Book Antiqua, serif; padding: 20px 0 10px; text-align: center; font-size: 7pt; letter-spacing: 1px;text-transform: lowercase; color: #ececec; margin: 0px 0px; line-height: 0.7; }
div#header a, div#header a:link, div#header a:visited{ margin-left: 5px; } div#header a:hover { }
div#header li.view {margin-left: 5px;}
div#header li.view:hover { }
ul.navheader{ padding: 0; margin: 0px; display:inline;}
ul.navheader li {padding: 0px; margin: 0px; list-style-type: none; display: inline;}
.title {margin: 5px 0 0;color:#677F7D; text-align: center; font-size: 26pt; letter-spacing: -1px;font-weight: normal; }
.subtitle{ text-align: center; color:#A4AFAE; font-size: 7pt; font-weight: normal; text-transform: uppercase; letter-spacing:8px;}
/* ENTRIES */
.subcontent { min-height: 140px; background-color: #FFFFFF; border: 0px solid #ededed; max-width: 800px; width:100%; margin-left: auto; margin-right: auto; }
.date { text-transform: uppercase; color: #dddddd; font-size: 14pt; letter-spacing: -2px; position: ;padding-top: 6px;}
.subject { background-color: transparent ; letter-spacing: -3px; font-size: 22pt; text-transform: lowercase; line-height: 100%;padding: 0px 0 0 10px; margin-top: -15px; }
.subject a, .subject a:link, .subject a:visited {text-decoration: bold;}
.datesubject { font-family: Georgia, Times New Roman, Book Antiqua, serif; padding: 0px 5px 5px 10px; border-bottom: 0px solid #eeeeee; text-align: left; height: 40px;}
.entry { margin: 0 0 0px; padding: 10px 25px 10px 135px; text-align: left; line-height: 1.75; border-width: 0px;}
.entry_text { margin-bottom: 0px;}
.entry ul li {padding-left: 5px;margin-left: 15px;}
.entry ol li{padding-left: 5px;margin-left: 15px;}
/* USERPICS */
.userpic { position: relative; float: left; padding: 1px; background-color: #ffffff; margin: 10px ; z-index: 15; border: 1px solid #ececec;}
.userpicfriends { border: 0px solid #ececec; position: relative; background-color: transparent !important; float: left; padding: 3px; margin:10px ; text-align: right; z-index: 15; font-size: 7pt;}
.userpicfriends img { border: 1px solid #f1f1f1; padding: 1px; background-color: #ffffff; }
.userpicfriends a font {color: #bbbbbb;}
/* COMMENT BAR */
.comments { text-transform: uppercase; font-family:Georgia, Times New Roman, Book Antiqua, serif; color: #eeeeee; font-size: 7pt; text-align: right; padding: 6px 5px 6px 5px; letter-spacing:2px; top: 0px; margin-top: 20px;}
div.comments a, div.comments a:visited, div.comments a:link { padding: 6px; background-color:#; border:0px solid #eeeeee; }
div.comments a:hover {background-color:#;-width: 2px 1px 1px 2px; }
.separator{height: 25px;}
/* CURRENTS AND TAGS */
.ljtags { text-align: right; padding: 2px 5px 2px 0; margin-top: 50px; position: relative; text-transform: lowercase; font-size: 7.5pt; border-right: 5px solid #CEC29E;} .ljtags:hover {border-color: #eeeeee;}
.currents { text-align: right; margin-top:0px; padding-top:10px; text-transform: lowercase; font-size: 7.5pt;}
.currentlocation, .currentmood, .currentgroups,.currentmusic {padding: 2px 5px 2px 0; border-right: 5px solid #eeeeee; }.currentlocation:hover, .currentmood:hover, .currentgroups:hover,.currentmusic:hover {border-color: #CEC29E;}
/* TAG PAGE */
h2 { background-color: #FFFFFF; padding: 10px 10px 10px 30px; font-family: Georgia, Times New Roman, Book Antiqua, serif; letter-spacing: -1px; font-size: 13pt; text-transform: lowercase; line-height: 100%; color: #444444; font-weight: normal; margin: 0px; border: 0px solid #eeeeee; border-bottom: none; width: 730px; margin-left: auto; margin-right: auto;}
.ljtaglist {text-align: left; margin: 0px; padding: 3px 15px 15px; background-color: #FFFFFF; color: #aaaaaa; font-size:10px; list-style: inside square; border: 0px solid #eeeeee; border-top: none;width: 740px; margin-left: auto; margin-right: auto;} .ljtaglist li { margin: 3px; padding: 3px; border-bottom: 1px dotted #e6e6e6;}
/* COMMENT PAGE */
.box { text-align: left; margin-bottom:1px; padding: 0px; clear: left; width: 760px; margin-left: auto; margin-right: auto;}
.datesubjectcomment {text-align: left; color: #999999; margin-top: 0px; }
.userpiccomment { position: relative; padding: 3px; border: 1px solid #ececec; background-color: #FFFFFF; left: 0px; margin: 0px 10px 0px 0px; z-index: 15; float: left;}
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.75;}
.replytosubject {letter-spacing:2px; font-weight: bold;}
.commentreply { line-height:1.75; min-height: 65px; text-align: left; position: relative; margin: 10px 10px 10px 120px;}
.commentbox { border-bottom: 1px solid #ededed; background-color: #FFFFFF; padding: 30px 10px 10px 20px;margin: 7px 0px 7px 0px; }
.commentbox:hover, .commentboxpartial:hover {border-color: #;}
.commentboxpartial { border: 1px solid #ededed; background-color: #FFFFFF; padding: 10px; margin: 10px; -moz-border-radius: 7px;}
.commentinfo { background-color: #ffffff; margin-top: 10px; width: 100%;}
.skiplinks {text-align: center; padding: 10px; color: #eeeeee; margin-bottom: 6px;width: 740px; margin-left: auto; margin-right: auto;}
/* SIDEBAR */
.defaultuserpic {display: none; float: left; margin: 10px; padding:0px; text-align:center;}
.defaultuserpic img {padding: 0px; border: 12px solid #1a1a1a; margin-top: 0px; width: 60px; height: 60px; }
.sbarheader {padding: 0px 5px 0px 5px;}
.sbarbody {padding: 0px; }
.sbarbody2 { width: 750px; font-family:Georgia, Times New Roman, Book Antiqua, serif;margin-left: auto; margin-right: auto; padding:15px 5px 7px 20px;}
ul.sbarlist{ margin: 0px; padding: 0px; margin-left: 0px; list-style: none;}
li.sbaritem{ background-color: transparent; border-right:1px solid #C7C399; display:inline; margin:0px; padding:8px 3px; } li.sbaritem:hover {background-color: #CBC79C;}
li.sbartitle{display: none; text-transform: uppercase; padding: 8px; font-family: Georgia, Times New Roman, Book Antiqua, serif; color: #777777;}
#sidebar_linklist { background-color: #D7D3AC; font-family: Georgia, Times New Roman, Book Antiqua, serif; text-transform: lowercase; text-align: center;padding:8px 3px;} #sidebar_summary { display: none; } #sidebar_tags { display: none; } #sidebar_calendar { display: none; }
/* FOOTER */
#footer { margin:auto; font-family:Georgia, Times New Roman, Book Antiqua, serif; text-align: center; z-index: 100; clear: both; background-color:#CEC29E;}
ul.navfooter{ padding: 0px; margin: 0px;}
ul.navfooter li {list-style: none; margin: 0 5px 0 5px; display:inline; }
div#footer li.viewing { display:none; padding: 7px; margin: 2px; border: 1px solid #AFA78E; background-color: #AFA483; }
div#footer a, div#footer a:link, div#footer a:visited { color: #FFFFFF; padding: 7px; margin: 2px; border: 0px solid #AFA78E; background-color: #AFA483; }
div#footer a:hover {background-color: #A79B76; }
.clearfoot {background-color:#CEC29E;clear: both;}
/* ARCHIVE PAGE */
ul.year {margin: 0px; background-color: #FFFFFF; font-family:Georgia, Times New Roman, Book Antiqua, serif; text-align: center; padding: 20px; background-color: #; border: 0px solid #dddddd; border-bottom: none; width: 678px; margin-left: auto; margin-right: auto;}
ul.year li {display: inline;}
table.yeartable { border: 0px solid #dddddd; border-top:none; background-color: #FFFFFF; margin-left: auto; margin-right: auto; padding: 30px; width: 720px; margin-left: auto; margin-right: auto;}
table.yeartable td.yeardate, table.yeartable td.yearday { border-width: 1px; border-style: solid; border-color: #dddddd;}
table.yeartable td.yearday { background-color: #f3f3f3; text-align: center;}
td.yearmonth {border-style: none;}
.clear {display:none; height: 8px;}
/* MINI ICONS BY PINVOKE */
.ljuser img { width: 0; height: 0; background: transparent url(http://i41.tinypic.com/28m0mlg.png) no-repeat 0 0; padding: 10px 10px 0 2px !important; vertical-align: baseline !important}
.ljuser img[src*="userinfo.gif"] { background: transparent url(http://i41.tinypic.com/28m0mlg.png) no-repeat 0 0 !important; padding: 10px 10px 0 2px !important}
.ljuser img[src*="community.gif"] { background: transparent url(http://i39.tinypic.com/2bry81.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}
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"], form 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;}
img[src*="icon_protected.gif"]{background-image: url(http://i43.tinypic.com/2vhx0y0.png)}
}){kind=link}
img[src*="icon_private.gif"]{background-image: url(http://i42.tinypic.com/30bjw5g.png)}
}){kind=link}
img[src*="icon_groups.gif"] {background-image: url(http://i43.tinypic.com/2d1le7l.png)}
}){kind=link}
.ljuser img[src*="syndicated.gif"]{background-image: url(http://i44.tinypic.com/2cwtsfp.png) !important}
.ljuser img[src*="newsinfo.gif"] {background-image: url(http://i40.tinypic.com/2cy1sec.png) !important}
.ljuser img[src*="partnercomm.gif"]{background-image: url(http://i40.tinypic.com/25tyurm.png) !important}
.ljuser img[src*="sponcomm.gif"] {background-image: url(http://i43.tinypic.com/oatb21.png) !important}
img[src*="btn_del.gif"] {background-image: url(http://i40.tinypic.com/25zot2o.png);}
img[src*="btn_scr.gif"] {background-image: url(http://i43.tinypic.com/2r2m07s.png);}
img[src*="btn_unscr.gif"] {background-image: url(http://i40.tinypic.com/1zgvofo.png);}
img[src*="btn_freeze.gif"] {background-image: url(http://i43.tinypic.com/14dhf6f.png);}
img[src*="btn_unfreeze.gif"] {backgroun-image: url(http://i41.tinypic.com/2myc002.png);}
img[src*="btn_track.gif"] {background-image: url(http://i44.tinypic.com/124evsw.png);}
img[src*="btn_tracking.gif"], img[src*="btn_tracking_thread.gif"] {background-image: url(http://i40.tinypic.com/357ldtg.png);}
img[src*="anonymous.gif"] {background-image: url(http://i44.tinypic.com/vyulc8.png);}
img[src*="openid-profile.gif"] {background-image: url(http://i43.tinypic.com/35lzzts.png);}
.box img[src*="userinfo.gif"] {background-image: url(http://i41.tinypic.com/28m0mlg.png);}
img[src*="talk/none.gif"] {background-image: url(http://i42.tinypic.com/4l4r43.png);}
img[src*="help.gif"] {background-image: url(http://i43.tinypic.com/f0snis.png);}
img[src*="pencil.gif"] {background-image: url(http://i41.tinypic.com/so34ug.png);}
img[src*="btn_edit.gif"] {background-image: url(http://i44.tinypic.com/2ijkb5d.png);}
.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-color: #ffffff; border: 1px solid #eeeeee; padding:10px; }
/* MISC */
b, u { color: #444444; }
i, s { color: #999999; font-family:Georgia, Times New Roman, Book Antiqua, serif;}
p, td {}
blockquote { padding: 8px; border: 1px solid #ececec; background: #f4f4f4 url() repeat scroll 0 0; color: #777777; margin:7px 8px;} form#qrform table {border-width: 0px !important; } a img {border:none;}
code { display:block; padding:5px; border:1px dashed #DDDDDD; font-size: 12px;}
kbd, pre, tt {font-family: monospace;}
input, textarea { font-family: Georgia, Times New Roman, Book Antiqua, serif; font-size: 11px; background: #ececec url() repeat scroll 0 0; border: 1px solid #eeeeee; color: #777777;}
div.box form#postform {background-color: #FFFFFF; border: 1px solid #ededed; padding: 10px 0;}
/* 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 {
color: #A77F62;
text-decoration: none;}
a:hover, .subject a:hover, div.comments a, div#sidebar a:hover, .datesubjectcomment a:hover {color: #8EA9AF; background-color: #; text-decoration: none; }
div#header a { color: #FFFFFF;}
.subject a, .subject a:link, .subject a:visited, .subject a:hover, .subject, h2, ul.year {color: #8D9C9B; }
installation
01.
Choose Journal Style
02.
Select "Grays" Flexible Squares layout in "Select a New Theme"
03.
In Choose a Page Setup, set your add settings to Horizontal or Between Entries if using the topbar, then 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 that the Links List and Blurb 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:
♚ mini icons by Pinvoke
♚ Please upload images to your own account
♚ 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.
♔ Commenting and crediting not necessary, but always appreciated :)