s2 layout: punishment to stall [flexible squares]

Dec 31, 2008 20:44

layout: punishment to stall
style: flexible squares
accounts: Basic, Paid, and Sponsored
features:custom comment pages, mini icons
browsers: IE7, FF, Safari, and Opera


picture | live


picture | live


/*------------------------------

punishment to stall ((flexible squares; basic, plus and paid; milou veronica ))

-------------------------------*/
body {background-color: #2d2d2d; text-align: center; color: #ffffff; font-family: Georgia, Times, serif, Arial, Tahoma, "Verdana", sans-serif; font-size: 11px; margin: 0px 0px 0px 0px;}

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

#content{ background: #FFFFFF url() repeat-x fixed right bottom; color: #555555; margin-left: auto; margin-right: auto; width: 100%; margin-top: 0px; border-width: 0px; padding: 0 0 20px 0;}

#maincontent { padding: 0px; margin-top: 10px; margin-left: auto; margin-right: auto;text-align: left; width: 100%; }

#sidebar { padding: 8px;background-color: #2d2d2d; bottom: 0; position: fixed; z-index: 200; float:left; margin-left: 0; width: 100%; min-height: 0px; text-align: center; color: #333333; font-size: 7pt;}

/*-------------------HEADER-----------------------*/
#header { font-family: Georgia, Times New Roman, Book Antiqua, serif; background-color: #2d2d2d; margin: 0px; text-align: center; font-size: 7pt; letter-spacing: 2px; text-transform: uppercase; color: #ffffff; padding: 60px 10px 20px 30px; }

div#header a, div#header a:link, div#header a:visited{ color: #FFFFFF; background-color: #3d3d3d; padding: 10px 10px 20px 10px;}
div#header a:hover {background-color: #1a1a1a; color: #ffffff; }
div#header li.view { background-color: #ffffff; color: #2D2D2D; padding: 10px 10px 20px 10px; }

ul.navheader{ padding: 0px; margin: 0px; display:inline;}
ul.navheader li {margin: 0px 2px 0px 2px; list-style-type: none; display:inline;}

.title {display:none; padding-bottom: 4px; margin: 0px; text-align: right;font-size: 7.5pt; letter-spacing: 3px;}
.subtitle{display:none; text-align: right;font-size: 6pt; color: #999999; letter-spacing: 3px;}

/*-------------------ENTRIES-----------------------*/
.subcontent { min-height: 220px; margin-right:0px; ; border: 0px solid #DFD2C3; margin-left: auto; margin-right: auto;width: 750px; }

.date { text-transform: uppercase; color: #888888; font-size: 6pt; }

.subject { font-family: Georgia, Times New Roman, Book Antiqua, serif; background-color: transparent ; letter-spacing: 6px; font-size: 8pt; color: #2D2D2D; text-transform: uppercase; line-height: 100%; }

.subject a, .subject a:link, .subject a:visited {text-decoration: bold;}

.datesubject {padding: 15px 5px 5px 10px; border-bottom: 1px solid #eeeeee; margin-right: 145px;}

.entry { margin:0; padding: 10px; text-align: left; line-height: 1.75; border-width: 0px;}

.entry_text { margin:0 140px 20px 0; }

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

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

/*---------------------------USERPICS----------------------------*/
.userpic { position: relative; float: right; padding: 15px; background: transparent url(http://i35.tinypic.com/2ntb9yw.png) repeat scroll 0 0; margin: 10px 0 15px 15px; z-index: 15; border: 1px solid #eeeeee;} .userpic img {border: 1px solid #eeeeee; padding: 2px; background-color: #ffffff; }
.userpicfriends { border: 0px solid #eeeeee; position: relative; background-color: transparent !important; float: right; padding: 3px; margin: 10px; text-align: right; font-size: 9pt; z-index: 15;}
.userpicfriends img {border: 0px; padding: 19px; border: 1px solid #eeeeee; background:transparent url(http://i35.tinypic.com/2ntb9yw.png) repeat scroll 0 0; margin-bottom: 4px; }
.userpicfriends a font {color: #aaaaaa;}

/*--------------------------COMMENT BAR-------------------------*/
.comments {border: 0px solid #f1f1f1; color: #ffffff; font-family: Georgia, Times New Roman, Book Antiqua, serif; font-size: 14px; text-align: center; padding: 6px 5px 6px 5px; position: relative; top: 0px; }

div.comments a, div.comments a:visited, div.comments a:link { padding: 3px; }
.separator{height: 10px; background: transparent url(http://i35.tinypic.com/2ntb9yw.png) repeat scroll 0 0; border: 1px solid #eeeeee; margin: 10px 0;margin-left: auto; margin-right: auto;width: 750px;}

/*-------------------------CURRENTS AND TAGS-------------------------------------*/
.ljtags {text-align: right; border-right: 5px solid #eeeeee; padding: 2px 6px 2px 2px ; margin: 50px -140px 0 0; position: relative; text-transform: lowercase; font-size: 7pt; color: #888888;}
.ljtags:hover {border-color: #dddddd;}

.currents {text-align: right; margin-top:0px; padding: 0px; text-transform: lowercase; font-size: 7pt; color: #646464;}
.currents:hover { border-color: #dddddd;}
.currents strong {font-weight: normal; text-decoration: none; color: #888888; }
.currentlocation {padding: 2px 6px 2px 2px; border-right: 5px solid #eeeeee;} .currentmood {padding:2px 6px 2px 2px; border-right: 5px solid #eeeeee;} .currentgroups {padding: 2px 6px 2px 2px; border-right: 5px solid #eeeeee;} .currentmusic {padding: 2px 6px 2px 2px; border-right: 5px solid #eeeeee;}
.currentlocation:hover { border-color: #dddddd;} .currentmood:hover { border-color: #dddddd;} .currentgroups:hover { border-color: #dddddd;} .currentmusic:hover { border-color: #dddddd;}
/*----------------------TAG PAGE------------------------------*/
h2 { color: #444444; padding: 10px 10px 10px 30px; font-size: 15pt; font-weight: normal; text-transform: lowercase; font-style: italic; letter-spacing: -1px; margin-left: auto; margin-right: auto;width: 750px; }
.ljtaglist { border: 0px solid #dddddd; background-color: #ffffff; text-align: left; margin: 0px auto 3px auto; width:700px; padding: 0 25px 25px; font-size:11px; list-style: circle;}
.ljtaglist li { border-bottom: 1px dotted #eeeeee; margin: 3px; padding: 3px 0; }

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

.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 20px;}

.commentbox { border: 0px solid #eeeeee; background-color: #ffffff; padding: 30px 10px 10px 20px;margin: 7px 0px 7px 0px;}

.commentbox:hover, .commentboxpartial:hover {border-color: #dddddd;}

.commentboxpartial { border-color: #ececec; border-width: 1px; border-style: solid; padding: 10px; margin: 10px;}

.commentinfo { background-color: #ffffff; margin-top: 10px; width: 100%;}

.skiplinks {text-align: right; margin: 0px; font-family: Georgia, Times New Roman, Book Antiqua, serif; padding: 10px; font-size: 7pt; letter-spacing: 1px; color: #dcdcdc; }

/*------------------------SIDEBAR-----------------------------------------*/
.defaultuserpic {display:none; float: left; text-align: center; margin:0px; padding:0px;}
.defaultuserpic img {padding: 0px; border: 0px solid #; width:70px; height: 70px; margin-top: 5px; margin-right: 10px; }

.sbarheader {padding: 0px 5px 0px 5px;}
.sbarbody {padding: 0px 5px 0px 5px; }

.sbarbody2 { display:none; padding: 0px 5px 0px 10px; text-align: left; width: 360px; float: left; }

ul.sbarlist{ margin: 0px; padding: 0px; margin-left: 0px; list-style: none; display:inline;}
li.sbaritem{ padding: 4px; display: inline; text-align: center; font-style: italic; margin: 0px 2px; background-color: #3a3a3a; } li.sbaritem:hover {background-color: #424242; }
li.sbartitle{ text-align: right; text-transform: uppercase; padding: 8px; color: #1a1a1a; display:inline; font-family:Georgia; font-size:6pt; display:none;}

#sidebar_linklist { margin: 0; text-transform: lowercase; text-align: center; } #sidebar_summary {display: none; } #sidebar_tags {display: none; } #sidebar_calendar {display: none; }
/*---------------------FOOTER----------------------------------*/
#footer { background-color: #; font-family: Georgia, Times New Roman, Book Antiqua, serif; width: auto; padding: 5px; text-align: center; font-size: 7pt; letter-spacing: 3px; z-index: 100; clear: both; width: 750px; margin: auto;}

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

div#footer li.viewing {color: #444444;}
div#footer a, div#footer a:link, div#footer a:visited {padding: 3px; display:block; color: #777777; }
div#footer a:hover { color:#777777; }

.clearfoot { clear: both;}

/*-----------------------ARCHIVE PAGE--------------------------------*/
ul.year { margin: 0px; font-family: Georgia, Times New Roman, Book Antiqua, serif; border: 0px solid #eeeeee; text-align: center; padding: 20px;margin-left: auto; margin-right: auto;width: 750px; }

ul.year li {display: inline;}

table.yeartable { border:0px solid #eeeeee; background-color: #; margin-left: auto; margin-right: auto; padding: 30px; width: 750px; ;}

table.yeartable td.yeardate, table.yeartable td.yearday { background-color: #ffffff; border-width: 1px; border-style: solid; border-color: #dddddd;}

table.yeartable td.yearday { background: transparent url(http://i35.tinypic.com/2ntb9yw.png) repeat scroll 0 0; text-align: center;}

td.yearmonth {border-style: none;}

.clear {display:none; height: 8px;}

/*------------MINI ICONS BY PINVOKE-------------*/
.subject img {vertical-align: middle !important;}
.subject img[src*="icon_protected.gif"]{ width: 0; height: 0; padding: 16px 16px 0px 0px !important; background-repeat: no-repeat; background: url(http://i43.tinypic.com/23kt990.png); background-position: center left; }
.subject img[src*="icon_private.gif"]{ width: 0; background-repeat: no-repeat; height: 0; padding: 16px 16px 0px 0px !important; background: url(http://i43.tinypic.com/ettxdz.png); background-position: center left; }
img[src*="icon_groups.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i43.tinypic.com/219p5le.png); }

.ljuser img { width: 0; height: 0; background: transparent url(http://i40.tinypic.com/345zddj.png) no-repeat center left; padding: 10px 10px 0 2px !important; vertical-align: baseline !important;}
.ljuser img[src*="userinfo.gif"] { background: transparent url(http://i40.tinypic.com/345zddj.png) no-repeat center left !important; padding: 10px 10px 0 2px !important; }

.ljuser img[src*="community.gif"] {background-color:transparent; background-image: url(http://i42.tinypic.com/2w4zbbo.png); padding: 10px 10px 0 2px !important; background-position: center left; }
.ljuser img[src*="syndicated.gif"] {background-color:transparent; background-image: url(http://i43.tinypic.com/mtuvlg.png); padding: 16px 16px 0 2px !important; background-position: center left; }
.ljuser img[src*="newsinfo.gif"] {background-color:transparent; background-image: url(http://i42.tinypic.com/30upqih.png); padding: 16px 16px 0 2px !important; background-position: center left; }
.ljuser img[src*="partnercomm.gif"] {background-color:transparent; background-image: url(http://i41.tinypic.com/10wmujo.png); padding: 16px 16px 0 2px !important; background-position: center left; }
.ljuser img[src*="sponcomm.gif"] {background-color:transparent; background-image: url(http://i43.tinypic.com/9prs78.png); padding: 16px 16px 0 2px !important; background-position: center left; }

.Note .Inner { background: #ffffff none repeat scroll 0 0; border: 1px solid #dddddd; 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 #dddddd; padding:10px; }
img[src*="btn_del.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i42.tinypic.com/2hd5dac.png); }
img[src*="btn_scr.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i42.tinypic.com/15odo21.png); }
img[src*="btn_unscr.gif"] { height: 0px; width: 0px;padding: 0px 0px 16px 16px !important; background: url(http://i41.tinypic.com/282j23r.png); }
img[src*="btn_freeze.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i41.tinypic.com/2d8gvu8.png); }
img[src*="btn_unfreeze.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i42.tinypic.com/v75t02.png); }
img[src*="btn_track.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i41.tinypic.com/2n0ogmc.png); }
img[src*="btn_tracking.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i41.tinypic.com/mb5z82.png); }
img[src*="btn_tracking_thread.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i39.tinypic.com/2wn09qd.png); }
img[src*="anonymous.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i42.tinypic.com/ix42sg.png); }
img[src*="openid-profile.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i44.tinypic.com/143qd0g.png); }
img[src*="userinfo.gif"] { height: 0px; width: 0px; padding: 0px 0px 10px 10px !important; background: url(http://i40.tinypic.com/345zddj.png); }
img[src*="talk/none.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i40.tinypic.com/13ykrog.png); }
img[src*="help.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i39.tinypic.com/5mx1m8.png); }
img[src*="pencil.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i42.tinypic.com/64nx29.png); }

/*-----------------CONTEXTUAL POP-UP-----------------*/
div.ContextualPopup {position: relative; margin: 10px 0 0 30px; text-align: left; font: normal 9px "Tahoma" !important; }
div.ContextualPopup div.Inner { color: #555555 !important;border: 1px solid #dddddd; background-color: #ffffff !important; padding: 4px; width: 250px;}
div.ContextualPopup .Userpic { padding: 7px; margin-left: 0px; border: 1px solid #eeeeee; background-color: #f3f3f3;}
div.ContextualPopup .Content { padding: 5px; margin: 4px 0px 4px 4px;}
div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited { text-decoration: none !important; font-weight: bold; color: #555555 !important;}
div.ContextualPopup .Relation { text-transform: uppercase; font-family: Georgia, Times New Roman, Book Antiqua, serif; font-size: 9pt; letter-spacing:2px;}

/*--------------- MISC-------------- */
table#lj_controlstrip td {background-color: #232323; background-image: url(); color: #666666;border: solid 1px #272727; border-left: none; }
#lj_controlstrip a { color: #999999; } #lj_controlstrip_statustext { color: #666666; }

img:hover { filter: alpha(opacity=90); moz-opacity: .90; opacity: .90; }
img { filter: alpha(opacity=100); moz-opacity: 1; opacity: 1; }
b, u { color: #444444;}
i, s { color: #999999; font-family: Georgia, Times New Roman, Book Antiqua, serif;}
p, td {font-size: 11px;}

blockquote { padding:15px; border: 1px solid #eeeeee; background: transparent url(http://i35.tinypic.com/2ntb9yw.png) repeat; color:#8c8c8c; }
code { display:block; padding:5px; border:1px dashed #DDDDDD; font-size: 12px;}

kbd, pre, tt {font-family: monospace;} form#qrform table {border-width: 0px !important;}
textarea { font-family: Arial, Tahoma, "Verdana", sans-serif; font-size: 11px; background: transparent url(http://i35.tinypic.com/2ntb9yw.png) 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, h2, code, .datesubjectcomment a:link, .datesubjectcomment a:visited, div#header li.view, div.ContextualPopup .Relation {
color: #2D2D2D;
font-family: Georgia, Times New Roman, Book Antiqua, serif;
text-decoration: none;}

a:hover, .subject a:hover, div.comments a, .datesubjectcomment a:hover {color: #1a1a1a; top: 1px; left: 1px; text-decoration: none;}

#header, div#header a:hover, div#header a, div#header li.view { font-family: Georgia, Times New Roman, Book Antiqua, serif;}
#sidebar a {color: #ffffff; }
div#sidebar a:hover, #sidebar a:hover {color: #1a1a1a; }

/*------------------------------

punishment to stall ((flexible squares; basic, plus and paid; milou veronica ))

-------------------------------*/
body {background-color: #f53288; text-align: center; color: #ffffff; font-family: Georgia, Times, serif, Arial, Tahoma, "Verdana", sans-serif; font-size: 11px; margin: 0px 0px 0px 0px;}

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

#content{ background: #FFFFFF url() repeat-x fixed right bottom; color: #555555; margin-left: 0; margin-right: auto; margin-top: 0px; border-width: 0px; padding: 0 0 20px 0; width: 100%; float: left; }

#maincontent { padding: 0px; margin-top: 10px; margin-left: auto; margin-right: auto; text-align: left; }

#sidebar { padding: 8px;background-color: #81B33D; bottom: 0; position: fixed; z-index: 200; margin: 0; float:left; width: 100%; min-height: 0px; text-align: center; color: #333333; font-size: 7pt;}

/*-------------------HEADER-----------------------*/
#header { font-family: Georgia, Times New Roman, Book Antiqua, serif; background-color: #f53288; margin: 0px; text-align: center; font-size: 7pt; letter-spacing: 2px; text-transform: uppercase; color: #ffffff; padding: 60px 10px 20px 30px; }

div#header a, div#header a:link, div#header a:visited{ color: #FFFFFF; background-color: #7C0079; padding: 10px 10px 20px 10px;}
div#header a:hover {background-color: #81B33D; color: #ffffff; }
div#header li.view { background-color: #ffffff; color: #f53288; padding: 10px 10px 20px 10px; }

ul.navheader{ padding: 0px; margin: 0px; display:inline;}
ul.navheader li {margin: 0px 2px 0px 2px; list-style-type: none; display:inline;}

.title {display:none; padding-bottom: 4px; margin: 0px; text-align: right;font-size: 7.5pt; letter-spacing: 3px;}
.subtitle{display:none; text-align: right;font-size: 6pt; color: #999999; letter-spacing: 3px;}

/*-------------------ENTRIES-----------------------*/
.subcontent { min-height: 220px; margin-right:0px; ; border: 0px solid #DFD2C3; width: 750px; margin-left: auto;margin-right: auto;}

.date { text-transform: uppercase; color: #888888; font-size: 6pt; }

.subject { font-family: Georgia, Times New Roman, Book Antiqua, serif; background-color: transparent ; font-size: 15pt; font-weight: normal; text-transform: lowercase; font-style: italic; letter-spacing: -1px; line-height: 100%; }

.subject a, .subject a:link, .subject a:visited {text-decoration: bold;}

.datesubject {padding: 15px 5px 5px 10px; border-bottom: 1px solid #eeeeee; margin-right: 145px;}

.entry { margin:0; padding: 10px; text-align: left; line-height: 1.75; border-width: 0px;}

.entry_text { margin:0 140px 20px 0; }

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

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

/*---------------------------USERPICS----------------------------*/
.userpic { position: relative; float: right; padding: 15px; background: transparent url(http://i35.tinypic.com/2ntb9yw.png) repeat scroll 0 0; margin: 10px 0 15px 15px; z-index: 15; border: 1px solid #eeeeee;} .userpic img {border: 1px solid #eeeeee; padding: 2px; background-color: #ffffff; }
.userpicfriends { border: 0px solid #eeeeee; position: relative; background-color: transparent !important; float: right; padding: 3px; margin: 10px; text-align: right; font-size: 9pt; z-index: 15;}
.userpicfriends img {border: 0px; padding: 19px; border: 1px solid #eeeeee; background:transparent url(http://i35.tinypic.com/2ntb9yw.png) repeat scroll 0 0; margin-bottom: 4px; }
.userpicfriends a font {color: #aaaaaa;}

/*--------------------------COMMENT BAR-------------------------*/
.comments {border: 0px solid #f1f1f1; color: #ffffff; font-family: Georgia, Times New Roman, Book Antiqua, serif; font-size: 14px; text-align: center; padding: 6px 5px 6px 5px; position: relative; top: 0px; }

div.comments a, div.comments a:visited, div.comments a:link { padding: 3px; }
.separator{height: 10px; background: transparent url(http://i35.tinypic.com/2ntb9yw.png) repeat scroll 0 0; border: 1px solid #eeeeee; margin: 10px auto; width: 750px;}

/*-------------------------CURRENTS AND TAGS-------------------------------------*/
.ljtags {text-align: right; border-right: 5px solid #eeeeee; padding: 2px 6px 2px 2px ; margin: 50px -140px 0 0; position: relative; text-transform: lowercase; font-size: 7pt; color: #888888;}
.ljtags:hover {border-color: #dddddd;}

.currents {text-align: right; margin-top:0px; padding: 0px; text-transform: lowercase; font-size: 7pt; color: #646464;}
.currents:hover { border-color: #dddddd;}
.currents strong {font-weight: normal; text-decoration: none; color: #888888; }
.currentlocation {padding: 2px 6px 2px 2px; border-right: 5px solid #eeeeee;} .currentmood {padding:2px 6px 2px 2px; border-right: 5px solid #eeeeee;} .currentgroups {padding: 2px 6px 2px 2px; border-right: 5px solid #eeeeee;} .currentmusic {padding: 2px 6px 2px 2px; border-right: 5px solid #eeeeee;}
.currentlocation:hover { border-color: #dddddd;} .currentmood:hover { border-color: #dddddd;} .currentgroups:hover { border-color: #dddddd;} .currentmusic:hover { border-color: #dddddd;}
/*----------------------TAG PAGE------------------------------*/
h2 { color: #444444; padding: 10px 10px 10px 30px; font-size: 15pt; font-weight: normal; text-transform: lowercase; font-style: italic; letter-spacing: -1px; width: 750px; margin: auto; }
.ljtaglist { border: 0px solid #dddddd; background-color: #ffffff; text-align: left; margin: 0px auto 3px auto; width:700px; padding: 0 25px 25px; font-size:11px; list-style: circle;}
.ljtaglist li { border-bottom: 1px dotted #eeeeee; margin: 3px; padding: 3px 0; }

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

.datesubjectcomment {text-align: left; color: #999999; margin-top: 0px; }

.userpiccomment { position: relative; padding: 3px; border: 1px solid #eeeeee; background-color: #ffffff; left: 0px; margin: 0px 10px 0px 0px; z-index: 15; float: left;}

input, { font-family: Arial, Tahoma, "Verdana", sans-serif; font-size: 11px; background-color: #fafafa; border: 1px solid #cccccc; color: #999999;}
textarea.textbox {width: 100% !important;}

.reply { border: 0px ; position: relative; margin: 20px 30px 10px 30px; padding: 25px 10px 10px 10px; text-align: left; line-height: 1.25;}

.replytosubject {letter-spacing:2px; font-weight: bold;}

.commentreply { min-height: 65px; text-align: left; position: relative; margin: 10px 10px 10px 20px;}

.commentbox { border: 0px solid #eeeeee; background-color: #ffffff; padding: 30px 10px 10px 20px;margin: 7px 0px 7px 0px;}

.commentbox:hover, .commentboxpartial:hover {border-color: #dddddd;}

.commentboxpartial { border-color: #ececec; border-width: 1px; border-style: solid; padding: 10px; margin: 10px;}

.commentinfo { background-color: #ffffff; margin-top: 10px; width: 100%;}

.skiplinks {text-align: right; margin: 0px; font-family: Georgia, Times New Roman, Book Antiqua, serif; padding: 10px; font-size: 7pt; letter-spacing: 1px; color: #dcdcdc; width: 750px;}

/*------------------------SIDEBAR-----------------------------------------*/
.defaultuserpic {display:none; float: left; text-align: center; margin:0px; padding:0px;}
.sbarheader {padding: 0px 5px 0px 5px;}
.sbarbody {padding: 0px 5px 0px 5px; }

ul.sbarlist{ margin: 0px; padding: 0px; margin-left: 0px; list-style: none; display:inline;}
li.sbaritem{ padding: 4px; display: inline; text-align: center; font-style: italic; margin: 0px 2px; background-color: #90BF53; } li.sbaritem:hover {background-color: #A2CF67; }
li.sbartitle{ text-align: right; text-transform: uppercase; padding: 8px; color: #1a1a1a; display:inline; font-family:Georgia; font-size:6pt; display:none;}

#sidebar_linklist { margin: 0; text-transform: lowercase; text-align: center; }
.sbarbody2,#sidebar_summary, #sidebar_tags , #sidebar_calendar {display: none; }
/*---------------------FOOTER----------------------------------*/
#footer { background-color: #; font-family: Georgia, Times New Roman, Book Antiqua, serif; width: auto; padding: 5px; text-align: center; font-size: 7pt; letter-spacing: 3px; z-index: 100; clear: both; width: 750px; margin: auto;}

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

div#footer li.viewing {color: #444444;}
div#footer a, div#footer a:link, div#footer a:visited {padding: 3px; display:block; color: #777777; }
div#footer a:hover { color:#777777; }

.clearfoot { clear: both;}

/*-----------------------ARCHIVE PAGE--------------------------------*/
ul.year { width: 750px;margin: 0px; font-family: Georgia, Times New Roman, Book Antiqua, serif; border: 0px solid #eeeeee; text-align: center; padding: 20px;}

ul.year li {display: inline;}

table.yeartable { width: 750px;border:0px solid #eeeeee; background-color: #; margin-left: auto; margin-right: auto; padding: 30px; }

table.yeartable td.yeardate, table.yeartable td.yearday { background-color: #ffffff; border-width: 1px; border-style: solid; border-color: #dddddd;}

table.yeartable td.yearday { background: transparent url(http://i35.tinypic.com/2ntb9yw.png) repeat scroll 0 0; text-align: center;}

td.yearmonth {border-style: none;}

.clear {display:none; height: 8px;}

/*------------MINI ICONS BY PINVOKE-------------*/
.subject img {vertical-align: middle !important;}
.subject img[src*="icon_protected.gif"]{ width: 0; height: 0; padding: 16px 16px 0px 0px !important; background-repeat: no-repeat; background: url(http://i43.tinypic.com/23kt990.png); background-position: center left; }
.subject img[src*="icon_private.gif"]{ width: 0; background-repeat: no-repeat; height: 0; padding: 16px 16px 0px 0px !important; background: url(http://i43.tinypic.com/ettxdz.png); background-position: center left; }
img[src*="icon_groups.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i43.tinypic.com/219p5le.png); }

.ljuser img { width: 0; height: 0; background: transparent url(http://i43.tinypic.com/i77wuc.png) no-repeat center left; padding: 10px 10px 0 2px !important; vertical-align: baseline !important;}
.ljuser img[src*="userinfo.gif"] { background: transparent url(http://i43.tinypic.com/i77wuc.png) no-repeat center left !important; padding: 10px 10px 0 2px !important; }

.ljuser img[src*="community.gif"] {background-color:transparent; background-image: url(http://i41.tinypic.com/2ynqe5w.png); padding: 10px 10px 0 2px !important; background-position: center left; }
.ljuser img[src*="syndicated.gif"] {background-color:transparent; background-image: url(http://i43.tinypic.com/mtuvlg.png); padding: 16px 16px 0 2px !important; background-position: center left; }
.ljuser img[src*="newsinfo.gif"] {background-color:transparent; background-image: url(http://i42.tinypic.com/30upqih.png); padding: 16px 16px 0 2px !important; background-position: center left; }
.ljuser img[src*="partnercomm.gif"] {background-color:transparent; background-image: url(http://i41.tinypic.com/10wmujo.png); padding: 16px 16px 0 2px !important; background-position: center left; }
.ljuser img[src*="sponcomm.gif"] {background-color:transparent; background-image: url(http://i43.tinypic.com/9prs78.png); padding: 16px 16px 0 2px !important; background-position: center left; }

.Note .Inner { background: #ffffff none repeat scroll 0 0; border: 1px solid #dddddd; 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 #dddddd; padding:10px; }
img[src*="btn_del.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i42.tinypic.com/2hd5dac.png); }
img[src*="btn_scr.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i42.tinypic.com/15odo21.png); }
img[src*="btn_unscr.gif"] { height: 0px; width: 0px;padding: 0px 0px 16px 16px !important; background: url(http://i41.tinypic.com/282j23r.png); }
img[src*="btn_freeze.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i41.tinypic.com/2d8gvu8.png); }
img[src*="btn_unfreeze.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i42.tinypic.com/v75t02.png); }
img[src*="btn_track.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i41.tinypic.com/2n0ogmc.png); }
img[src*="btn_tracking.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i41.tinypic.com/mb5z82.png); }
img[src*="btn_tracking_thread.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i39.tinypic.com/2wn09qd.png); }
img[src*="anonymous.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i42.tinypic.com/ix42sg.png); }
img[src*="openid-profile.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i44.tinypic.com/143qd0g.png); }
img[src*="userinfo.gif"] { height: 0px; width: 0px; padding: 0px 0px 10px 10px !important; background: url(http://i43.tinypic.com/i77wuc.png); }
img[src*="talk/none.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i40.tinypic.com/13ykrog.png); }
img[src*="help.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i39.tinypic.com/5mx1m8.png); }
img[src*="pencil.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: url(http://i42.tinypic.com/64nx29.png); }

/*-----------------CONTEXTUAL POP-UP-----------------*/
div.ContextualPopup {position: relative; margin: 10px 0 0 30px; text-align: left; font: normal 9px "Tahoma" !important; }
div.ContextualPopup div.Inner { color: #555555 !important;border: 1px solid #dddddd; background-color: #ffffff !important; padding: 4px; width: 250px;}
div.ContextualPopup .Userpic { padding: 7px; margin-left: 0px; border: 1px solid #eeeeee; background-color: #f3f3f3;}
div.ContextualPopup .Content { padding: 5px; margin: 4px 0px 4px 4px;}
div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited { text-decoration: none !important; font-weight: bold; color: #555555 !important;}
div.ContextualPopup .Relation { text-transform: uppercase; font-family: Georgia, Times New Roman, Book Antiqua, serif; font-size: 9pt; letter-spacing:2px;}

/*--------------- MISC-------------- */
table#lj_controlstrip td {background-color: #e5277b; background-image: url(); color: #666666;border: solid 1px #d42572; border-left: none; }
#lj_controlstrip a { color: #f69cc4; } #lj_controlstrip_statustext { color: #6f4256; }

img:hover { filter: alpha(opacity=90); moz-opacity: .90; opacity: .90; }
img { filter: alpha(opacity=100); moz-opacity: 1; opacity: 1; }
b, u { color: #444444;}
i, s { color: #999999; font-family: Georgia, Times New Roman, Book Antiqua, serif;}
p, td {font-size: 11px;}

blockquote { padding:15px; border: 1px solid #eeeeee; background: transparent url(http://i35.tinypic.com/2ntb9yw.png) repeat; color:#8c8c8c; }
code { display:block; padding:5px; border:1px dashed #DDDDDD; font-size: 12px;}

kbd, pre, tt {font-family: monospace;} form#qrform table {border-width: 0px !important;}
textarea { font-family: Arial, Tahoma, "Verdana", sans-serif; font-size: 11px; background: transparent url(http://i35.tinypic.com/2ntb9yw.png) 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, h2, code, .datesubjectcomment a:link, .datesubjectcomment a:visited, div#header li.view, div.ContextualPopup .Relation {color: #f53288; text-decoration: none;}

a:hover, .subject a:hover, div.comments a, .datesubjectcomment a:hover {color: #81B33D; top: 1px; left: 1px; text-decoration: none;}
#header, div#header a:hover, div#header a, div#header li.view { font-family: Georgia, Times New Roman, Book Antiqua, serif;}
#sidebar a {color: #ffffff; } div#sidebar a:hover, #sidebar a:hover {color: #1a1a1a; }
.subject a, .subject a:link, .subject a:visited, .subject a:hover, .subject {color: #f53288;}

installation
01.
Choose Journal Style
02.
Select a "Greys" 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 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 address all questions to the F.A.Q.

style: flexible squares, wot: layout

Previous post Next post
Up