milou_veronica: s2 layout: sweetness never suits me [flexible squares]

use your woman as a human shield (

milou_veronica) wrote,
@ 2009-02-10 07:51:00

Entry tags:

style: flexible squares, wot: s2 layout

s2 layout: sweetness never suits me [flexible squares]
First of these is 'inspired' by the design blog Subtraction.

picture \| live	picture \| live
layout: sweetness never suits me style: flexible squares accounts: Basic, Paid, and Sponsored features:custom comment pages, mini icons, topbar/sidebar browsers: IE7, FF, Safari, and Opera

subtraction

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

sweetness never suits me ((flexible squares; basic, plus, & paid; milou veronica))

-------------------------------*/
body	{ background: #FFFFFF url() repeat fixed 0 0; text-align: center; color: #ffffff; font-family:  Arial, Tahoma, "Verdana", sans-serif; font-size: 8pt;  margin: 0; padding: 0px;}
.headerimage {position: relative; background: transparent url() repeat scroll 0 0; width: px; height: 0px; margin: 0 auto 6px; }
#content{ color: #555555;  margin-left: auto; margin-right: auto; border-width: 0px; padding: 0px;background-color:#FFFFFF;width: 780px; }
#maincontent { padding:0; text-align: left; margin: 0 200px 0 0;}
#sidebar { margin:0px; float:right;border-left: 0px solid #eeeeee; width: 190px; text-align: left; color: #999999; font-size: 0.9em;padding: 0 0 0 6px;}

/*-------------------HEADER-----------------------*/
#header {color: #ffffff;margin: 0 auto 6px; text-align: right; font-size: 1em;letter-spacing: -.01em; font-weight: normal;text-transform: lowercase; border-bottom:0px solid #111111; padding: 0 0 20px;}

div#header a, div#header a:link, div#header a:visited{padding: 15px;border-left: 1px solid #ffffff; margin:0 0 0 -3px;}
div#header li.view {padding: 15px; border-left: 1px solid #ffffff;margin:0 0 0 -3px;}
div#header li.view:hover, div#header a:hover {background-color:#eeeeee; color:#111111;} 
ul.navheader{ padding: 15px 0; margin: 0px; background-color:#111111}
ul.navheader li {display: inline;margin: px 0px 0px; list-style-type: none;  }

.title {margin: 10px 0 0; font-size: 3.7em; line-height:.9; color: #111111; letter-spacing: -0.07em;}
.subtitle{ color:#555; font-size: .9em; letter-spacing: 1em; line-height:.6}

/*-------------------ENTRIES-----------------------*/
.subcontent { min-height: 130px; margin: auto;   } 
.date { text-transform: uppercase; font-size: .75em;letter-spacing: .8em;}
.subject {background-color: transparent ; letter-spacing: -.09em; font-style:italic; font-size: 1.3em; text-transform: lowercase; line-height: 1;}
.subject a, .subject a:link, .subject a:visited {text-decoration: none;}
.datesubject { margin: 0px 4px 4px 0px; padding: 7px 0px 7px 5px; border-top: 1px solid #555555;border-bottom: 1px solid #eeeeee; text-align: left; color:#aaaaaa;} 
.entry	{ margin: 0px; padding: 10px 25px 10px 25px;   text-align: left;  line-height: 1.75; }
.entry_text {   font-size: 1.04em;  margin-left: 100px; padding-top: 0px; } 
.entry ul li {padding-left: 5px;margin-left: 15px;}
.entry ol li{padding-left: 5px;margin-left: 15px;}

/*---------------------------USERPICS----------------------------*/
.userpic { position: absolute; float: left; padding: 5px; background: #ffffff url() repeat scroll 0 0; margin: 45px 10px 10px 0; z-index: 15; border:  1px solid #eee;}
 .userpicfriends { border: 0px solid #eeeeee; position: absolute; background-color: transparent !important; float: left; padding: 2px; margin: 45px 10px 10px 0; text-align: right; z-index: 15;}
 .userpicfriends img { padding: 5px; border:  1px solid #eeeeee; background: #ffffff url() repeat scroll 0 0; }
.userpicfriends a font {color: #bbbbbb;}

/*--------------------------COMMENT BAR-------------------------*/
.comments {color: #ffffff;font-size: 9pt;text-align: center; padding: 3px 5px; text-transform:uppercase;font-weight:bold; margin-top: 20px;}

div.comments a, div.comments a:visited, div.comments a:link {padding: 3px 5px; border-style:solid;border-color:#eeeeee;border-width:0px 1px 1px 0;}
 div.comments a:hover {background-color:#f8f8f8;border-width:1px 0 0 1px;}
  .separator{height: 25px;}

/*-------------------------CURRENTS AND TAGS -------------------------------------*/
.ljtags {  text-align: right;  padding: 2px 2px 2px 14px;  margin-top: 50px; position: relative; text-transform: lowercase; font-size: 7.5pt; color: #777777; margin-left: 15px; font-weight: bold; } div.ljtags a { font-weight: normal; }

.currents {text-align: left;border:1px solid #eeeeee;background-color:#f8f8f8; margin-top:0px; padding:  0px 0 0 15px;  text-transform: lowercase; font-size: 7.5pt;color: #666666; }
.currents strong {font-weight:; text-decoration: none; color: #; }.currentlocation,.currentmood,.currentgroups, .currentmusic {}
.ljtags:hover, .currentlocation:hover,.currentmood:hover,.currentgroups:hover, .currentmusic:hover {border-color: #;}
/*----------------------TAG PAGE------------------------------*/
h2 {  padding: 10px 10px 10px 30px;  letter-spacing: -1px; font-size: 13pt; text-transform: lowercase; line-height: 100%; color: #444444; font-weight: normal; margin: 0px auto; border-top: 1px solid #555555;border-bottom: 1px solid #eeeeee;}

.ljtaglist {text-align: left; margin: 0px auto 10px; padding: 3px 15px 15px 35px; background-color: #FFFFFF; font-size:10px; list-style: square ;color:  #aaaaaa; border-top: none;} .ljtaglist li { margin: 3px; padding: 3px; border-bottom: 1px dotted #e6e6e6;  }

/*---------------------COMMENT PAGE-----------------------------*/
.box { text-align: left; padding: 0px; clear: left; background-color: #; margin: 0 auto; }

.datesubjectcomment {text-align: left; color: #999999; margin-top: 0px; }
.userpiccomment {  position: relative; padding: 1px; 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-top: 1px solid #555555;border-bottom: 1px solid #eeeeee; background-color: #FFFFFF;   padding: 30px 10px 10px 20px;margin: 14px 0px 0px 0px; }
.commentbox:hover, .commentboxpartial:hover {border-color: #ececec;}
.commentboxpartial {border-top: 1px solid #555555;border-bottom: 1px 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: 9px 0 5px; color: #dddddd; margin: 0 auto; } .skiplinks a { } .skiplinks a:hover { }
/*------------------------SIDEBAR-----------------------------------------*/
.defaultuserpic {display:none;margin-top: 10px; padding: 0px; text-align:center;border-top: 1px solid #555555;}
.defaultuserpic img {padding: 2px;  border: 1px solid #eeeeee; margin-top: 0px;  background:  url() repeat scroll 0 0; width: 70px; height: 70px;}
.sbarheader {padding: 0px;}
.sbarbody {padding: 0 0 10px; }

.sbarbody2 {padding: 15px;  }

ul.sbarlist{ margin: 0; padding:0; list-style:none;}
li.sbaritem{padding: 5px 7px;border-right:4px solid #ffffff; border-bottom: 1px solid #f4f4f4;margin:0; display:block;} li.sbaritem:hover {background-color: #f6f6f6;border-right:4px solid #ececec;}

li.sbartitle{text-transform: lowercase; font-size: 1.3em;padding: 8px 0 3px 8px;color: #111111; border-top: 1px solid #555; letter-spacing:-.04em}

#sidebar_linklist { text-transform: lowercase; padding: 0;} #sidebar_summary {  } #sidebar_tags {} #sidebar_calendar {margin-right: auto; margin-left: auto;}

.sbarcalendar { padding: 5px; border: 1px solid #f3f3f3;  text-align: center; font-size: 9px;} .sbarcalendarposts{vertical-align: middle !important; background-color: #f7f7f7; text-align: center;}
.sbarcalendarposts:hover {  background-color: #dddddd; }

/*---------------------FOOTER----------------------------------*/
#footer { padding: 0;text-transform:uppercase;font-weight:bold; text-align: right; z-index: 100; clear: both; }

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

div#footer li.viewing {; padding: 7px; margin: 2px; border: 0px solid #eeeeee; }
div#footer a, div#footer a:link, div#footer a:visited { padding: 7px; margin: 2px; border: 0px solid #eeeeee; }
 div#footer a:hover {background-color: #; }

.clearfoot {clear: both;margin: auto;}

/*-----------------------ARCHIVE PAGE--------------------------------*/
ul.year {margin: 0px auto; text-align: center; padding: 20px;font-size: 14pt; border-top: 1px solid #555555;border-bottom: 1px solid #eeeeee;}
ul.year li {display: inline;}
table.yeartable { border-top:none; background-color: #FFFFFF; margin-left: auto; margin-right: auto; 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: #fafafa; text-align: center;}
td.yearmonth {border-style: none;}
.clear {display:none; height: 8px;}

/*------------MINI ICONS BY MINTYPEACH AND PINVOKE-------------*/
	.ljuser img {  width: 0; height: 0; background: transparent url(http://i44.tinypic.com/2cngh29.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/2cngh29.png) no-repeat center left !important;  padding: 10px 10px 0 2px !important; }
	.ljuser img[src*="community.gif"] { background: transparent url(http://i43.tinypic.com/2upd92a.png) no-repeat scroll 0 0 !important;  padding: 10px 10px 0 2px !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"], .box 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://i42.tinypic.com/m7uk9c.png); }
img[src*="icon_private.gif"]{background-image: url(http://i40.tinypic.com/2e4dabl.png); }
img[src*="icon_groups.gif"] {background-image: url(http://i44.tinypic.com/21ju005.png); }

.ljuser img[src*="syndicated.gif"]{background-image: url(http://i44.tinypic.com/1iiutv.png) !important; } 
.ljuser img[src*="newsinfo.gif"] {background-image: url(http://i42.tinypic.com/33c96pw.png) !important; }
.ljuser img[src*="partnercomm.gif"]{background-image: url(http://i41.tinypic.com/2ynmr90.png) !important; } 
.ljuser img[src*="sponcomm.gif"] {background-image: url(http://i44.tinypic.com/6p9ba9.png) !important; }
img[src*="btn_del.gif"] {background-image: url(http://i41.tinypic.com/m7ztok.png); }
img[src*="btn_scr.gif"] {background-image: url(http://i40.tinypic.com/30auv5y.png); } 
img[src*="btn_unscr.gif"] {background-image: url(http://i41.tinypic.com/vfxurp.png); }
img[src*="btn_freeze.gif"] {background-image: url(http://i39.tinypic.com/xm3l7r.png); } 
img[src*="btn_unfreeze.gif"] {backgroun-image: url(http://i41.tinypic.com/28reatl.png); }
img[src*="btn_track.gif"]{background-image: url(http://i41.tinypic.com/viecqo.png);}
img[src*="btn_tracking.gif"] ,img[src*="btn_tracking_thread.gif"] {background-image: url(http://i42.tinypic.com/f9m79s.png);}
img[src*="anonymous.gif"] {background-image: url(http://i42.tinypic.com/e6efli.png); }  
img[src*="openid-profile.gif"] {background-image: url(http://i40.tinypic.com/2hd0a5v.png); } 
.box img[src*="userinfo.gif"] {background-image: url(http://i44.tinypic.com/2cngh29.png);}
img[src*="talk/none.gif"] {background-image: url(http://i40.tinypic.com/20ppj6o.png); } 
img[src*="help.gif"] {background-image: url(http://i41.tinypic.com/ztyn80.png); } 
img[src*="pencil.gif"] {background-image: url(http://i41.tinypic.com/xo03zt.png); }
img[src*="btn_edit.gif"] {background-image: url(http://i39.tinypic.com/15cnkg5.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: #ffffff none repeat scroll 0 0;  border: 1px solid #eeeeee; padding:10px; }

/*-----------------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: 0px solid #ffffff; background-color: transparent !important; padding: 0 0 4px 0; width: 300px;}
div.ContextualPopup .Userpic { padding: 8px; margin-left: 0px; border: 1px solid #eeeeee; background: #FFFFFF url() repeat scroll 0 0;}
div.ContextualPopup .Content { padding: 5px; background-color: #FFFFFF; border: 1px solid #eeeeee; margin: 4px 80px 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: lowercase;  font-size: 9pt; letter-spacing: -1px;}

/*--------------- MISC-------------- */
table#lj_controlstrip td {background-color: #090909; background-image: url(); color: #666666;border: solid 1px #000000; border-left: none; }
#lj_controlstrip a { color: #888888; } #lj_controlstrip_statustext { color: #aaaaaa; } #lj_controlstrip .ljuser a b {color:#eeeeee;} #lj_controlstrip_userpic {display:none;}

b, u {color: #222222;}
i, s { color: #aaaaaa; }

blockquote { padding: 8px;  border: 1px solid #eeeeee;  background: #eeeeee url(http://i37.tinypic.com/214beye.png) repeat scroll 0 0; color: #444444; margin:7px 8px;}
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;} a img {border:none;} .entry_text img {max-width:460px}
 input,  textarea  { font-family: Arial, Arial, Tahoma, "Verdana", sans-serif; font-size: 11px; background: #ececec url() 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, div#sidebar a:hover, #sidebar li.sbaritem:hover a, .subject a:visited, code,  .datesubjectcomment a:link, .datesubjectcomment a:visited,  div.ContextualPopup .Relation  { color: #000000;
	text-decoration: none;}
.ljuser a b{color:#000000;} a {font-variant:small-caps;}
a:hover, .subject a:hover, div.comments a, div#sidebar a, .datesubjectcomment a:hover {color: #aaaaaa;  background-color: #; text-decoration: none; }
div#header a   { color: #aaaaaa;font-variant:normal;} div#header a:hover {color: #111111;}
 .subject a, .subject a:link, .subject a:visited, .subject a:hover, .subject, h2, ul.year {color: #1a1a1a;font-variant:normal;}

topbar

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

sweetness never suits me ((flexible squares; basic, plus, & paid; milou veronica))

-------------------------------*/
body	{ background: #FFFFFF url() repeat fixed 0 0; text-align: center; color: #ffffff; font-family:  Arial, Tahoma, "Verdana", sans-serif; font-size: 8pt;  margin: 0; padding: 0px;}
.headerimage {position: relative; background: transparent url() repeat scroll 0 0; width: 780px; height: 0px; margin: 0 auto 6px; }
#content{ background-color:#FFFFFF; color: #555555;  margin-left: auto; margin-right: auto; border-width: 0px; padding: 0px; width: 780px; }
#maincontent { padding: 6px 0px  10px; text-align: left; margin: 0;}
#sidebar { margin:0px; min-height:100px; width: auto; text-align: left; color: #999999; font-size: 0.85em;padding: 0 0 0 6px;}

/*-------------------HEADER-----------------------*/
#header {color: #83BFB8;margin: 0 auto 6px; text-align: right; font-size: 1em;letter-spacing: -.01em; font-weight: normal;text-transform: lowercase;  padding: 0 0 20px;}

div#header a, div#header a:link, div#header a:visited{padding: 15px;border-left: 1px solid #ffffff; margin:0 0 0 -3px;}
div#header li.view {padding: 15px; border-left: 1px solid #ffffff;margin:0 0 0 -3px;}
div#header li.view:hover, div#header a:hover {background-color:#5FB8BF; color:#111111;} 
ul.navheader{ padding: 15px 0; margin: 0px; background-color:#111111}
ul.navheader li {display: inline;margin: 3px 0px 0px; list-style-type: none;  }

.title {margin: 10px 0 0; font-size: 3.7em;  color: #111111; letter-spacing: -0.07em;line-height:.9;}
.subtitle{ color:#555; font-size: .9em; letter-spacing: 1em; line-height:.6}

/*-------------------ENTRIES-----------------------*/
.subcontent { min-height: 130px; margin: auto;  } 
.date { text-transform: uppercase; color: #666; font-size: .75em;letter-spacing: .8em;}
.subject {background-color: transparent ; letter-spacing: -.02em; font-style:italic; font-size: 1.1em; text-transform: lowercase; line-height:1;}
.subject a, .subject a:link, .subject a:visited {text-decoration: none;}
.datesubject { margin: 0px 4px 5px 0px; padding: 10px 0px 10px 10px; text-align: left; background-color:#111111;}
.entry	{ margin: 0px; padding: 10px 25px 10px 25px;   text-align: left;  line-height: 1.75; }
.entry_text {   font-size: 1.04em;  margin-left: 100px; padding-top: 0px; } 
.entry ul li {padding-left: 5px;margin-left: 15px;}
.entry ol li{padding-left: 5px;margin-left: 15px;}

/*---------------------------USERPICS----------------------------*/
.userpic { position: absolute; float: left; padding: 5px; background: #ffffff url() repeat scroll 0 0; margin: 50px 10px 10px 0; z-index: 15; border:  1px solid #eee;}
 .userpicfriends { border: 0px solid #eeeeee; position: absolute; background-color: transparent !important; float: left; padding: 2px; margin: 50px 10px 10px 0; text-align: right; z-index: 15; }
 .userpicfriends img { padding: 2px; border:1px solid #eeeeee; background: #ffffff url() repeat scroll 0 0; }
.userpicfriends a font {color: #bbbbbb;}

/*--------------------------COMMENT BAR-------------------------*/
.comments {font-style: italic; color: #dddddd;  font-size: 9pt;letter-spacing: -1px; text-align: right; padding: 3px 5px; border-right: 6px solid #83BFB8; text-transform: lowercase ; margin-top: 20px;}

div.comments a, div.comments a:visited, div.comments a:link {}
 div.comments a:hover {}
  .separator{height: 25px;}

/*-------------------------CURRENTS AND TAGS -------------------------------------*/
.ljtags {  text-align: right;  padding: 2px 2px 2px 14px;  margin-top: 50px; position: relative; text-transform: lowercase; font-size: 7.5pt; color: #777777;  border-right: 6px solid #eeeeee;  margin-left: 15px; font-weight: bold; } div.ljtags a { font-weight: normal; }

.currents {text-align: right;   margin-top:0px; padding:  0px 0 0 15px;  text-transform: lowercase; font-size: 7.5pt;color: #777777; }
.currents strong {font-weight:; text-decoration: none; color: #; }.currentlocation,.currentmood,.currentgroups, .currentmusic {padding: 2px 5px 2px 0; border-right: 6px solid #eeeeee; }
.ljtags:hover, .currentlocation:hover,.currentmood:hover,.currentgroups:hover, .currentmusic:hover {border-color: #dddddd;}
/*----------------------TAG PAGE------------------------------*/
h2 {  padding: 10px 10px 10px 30px;  letter-spacing: -1px; font-size: 13pt; text-transform: lowercase; line-height: 100%; color: #444444; font-weight: normal; margin: 0px auto; background-color:#111111; }

/*---------------------COMMENT PAGE-----------------------------*/
.box { text-align: left; padding: 0px; clear: left; background-color: #; margin: 0 auto; }

.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: 0px solid #dddddd;  background-color: #FFFFFF;   padding: 30px 10px 10px 20px;margin: 14px 0px 0px 0px; }
.commentbox:hover, .commentboxpartial:hover {border-color: #ececec;}
.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: 9px 0 5px; color: #dddddd; margin: 0 auto;} .skiplinks a { } .skiplinks a:hover { }
/*------------------------SIDEBAR-----------------------------------------*/
.defaultuserpic {margin-top: 10px; padding: 0px; text-align:center; float:right;}
.defaultuserpic img {padding: 2px;  border: 1px solid #eeeeee; margin-top: 0px;  background:  url() repeat scroll 0 0; width: 60px; height: 60px;}
.sbarheader {padding: 0px;}
.sbarbody {padding: 0 0 10px; }

.sbarbody2 {padding: 15px;  }

ul.sbarlist{ margin: 0; padding:0; list-style:none;}
li.sbaritem{padding: 5px 7px; border-width: 0 1px 1px 0; border-style:solid; border-color:#eeeeee;margin:0 2px; display:inline;} li.sbaritem:hover {background-color: #f6f6f6;border-width: 1px 0 0 1px; }

li.sbartitle{text-transform: lowercase; font-size: 1.3em;padding: 8px;color: #111111; letter-spacing:-.04em;display:none;}

#sidebar_linklist { text-transform: lowercase; padding: 0;padding-bottom: 10px;} #sidebar_summary {display:none;} #sidebar_tags {display:none;} #sidebar_calendar {display:none;margin-right: auto; margin-left: auto;}

/*---------------------FOOTER----------------------------------*/
#footer { padding: 0; letter-spacing:-1px; text-align: right; z-index: 100; clear: both; }

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

div#footer li.viewing {; padding: 7px; margin: 2px; border: 0px solid #eeeeee; background-color: #; }
div#footer a, div#footer a:link, div#footer a:visited { padding: 7px; margin: 2px; border: 0px solid #eeeeee; }
 div#footer a:hover {background-color: #; }

.clearfoot {clear: both;margin: auto;}

/*-----------------------ARCHIVE PAGE--------------------------------*/
ul.year {margin: 0px auto;text-align: center; padding: 10px;background-color:#111111;font-size: 14pt; }
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; }

/*------------MINI ICONS BY PINVOKE-------------*/
	.ljuser img {  width: 0; height: 0; background: transparent url(http://i39.tinypic.com/53vm3c.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/53vm3c.png) no-repeat center left !important;  padding: 10px 10px 0 2px !important; }
	.ljuser img[src*="community.gif"] { background: transparent url(http://i41.tinypic.com/35n80u0.png) no-repeat scroll 0 0 !important;  padding: 10px 10px 0 2px !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"], .box 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; }

.ljuser img[src*="syndicated.gif"]{background-image: url(http://i44.tinypic.com/1iiutv.png) !important; } 
.ljuser img[src*="newsinfo.gif"] {background-image: url(http://i42.tinypic.com/33c96pw.png) !important; }
.ljuser img[src*="partnercomm.gif"]{background-image: url(http://i41.tinypic.com/2ynmr90.png) !important; } 
.ljuser img[src*="sponcomm.gif"] {background-image: url(http://i44.tinypic.com/6p9ba9.png) !important; }
img[src*="btn_del.gif"] {background-image: url(http://i41.tinypic.com/m7ztok.png); }
img[src*="btn_scr.gif"] {background-image: url(http://i40.tinypic.com/30auv5y.png); } 
img[src*="btn_unscr.gif"] {background-image: url(http://i41.tinypic.com/vfxurp.png); }
img[src*="btn_freeze.gif"] {background-image: url(http://i39.tinypic.com/xm3l7r.png); } 
img[src*="btn_unfreeze.gif"] {background-image: url(http://i41.tinypic.com/28reatl.jpg); }
img[src*="btn_track.gif"]{background-image: url(http://i41.tinypic.com/viecqo.png);}
img[src*="btn_tracking.gif"] ,img[src*="btn_tracking_thread.gif"] {background-image: url(http://i42.tinypic.com/f9m79s.png);}
img[src*="anonymous.gif"] {background-image: url(http://i42.tinypic.com/e6efli.png); }  
img[src*="openid-profile.gif"] {background-image: url(http://i40.tinypic.com/2hd0a5v.png); } 
.box img[src*="userinfo.gif"] {background-image: url(http://i39.tinypic.com/53vm3c.png);}
img[src*="talk/none.gif"] {background-image: url(http://i40.tinypic.com/20ppj6o.png); } 
img[src*="help.gif"] {background-image: url(http://i41.tinypic.com/ztyn80.png); } 
img[src*="pencil.gif"] {background-image: url(http://i41.tinypic.com/xo03zt.png); }
img[src*="btn_edit.gif"] {background-image: url(http://i39.tinypic.com/15cnkg5.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: #ffffff none repeat scroll 0 0;  border: 1px solid #eeeeee; padding:10px;}

b, u {color: #222222;} 
i, s { color: #aaaaaa; }

/*-------------------COLORS-----------------------*/
a, a:link, a:visited, .subject a, div.comments a:hover,.subject a:link, div#sidebar a:hover, .subject a:visited, code,  .datesubjectcomment a:link, .datesubjectcomment a:visited,  div.ContextualPopup .Relation  {
	color: #83BFB8; 
	text-decoration: none;}
.ljuser a b{color:#83BFB8; }
a:hover, .subject a:hover, div.comments a, div#sidebar a, .datesubjectcomment a:hover {color: #5FB8BF;  background-color: #; text-decoration: none; }
div#header a   { color: #aaaaaa;} div#header a:hover {color: #111111;}
 .subject a, .subject a:link, .subject a:visited, .subject a:hover, .subject, h2, ul.year {color: #ffffff; }

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 ♚ 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 :)

(18 comments) - (Post a new comment)

	sleepingfingers 2009-02-10 01:36 am UTC (link)
	This layout is so pretty! is so tempted to change her layout again... (Reply to this)

	brilliantglow 2009-02-10 04:18 am UTC (link)
	me like these two :) (Reply to this)

	diamond_daze 2009-02-10 06:18 am UTC (link)
	I absolutely love these! (Reply to this) (Thread)

	milou_veronica 2009-02-10 02:57 pm UTC (link)
	Thank-you! (Reply to this) (Parent)

	faerieink 2009-02-19 01:19 am UTC (link)
	super gorgeous. using, thank you :) (Reply to this)

	:D k2_music 2009-02-20 11:42 pm UTC (link)
	thanks! Is using, thank you! Will credit! (Reply to this)

	mop_cat 2009-03-07 05:29 am UTC (link)
	Wonderful! I'm going to use it, thankyou; will credit! (Reply to this)

	beanbeans 2009-04-16 02:08 am UTC (link)
	This is beautiful! I'm using this, with some mods. Thank you! I'm crediting you in my userinfo. :) (Reply to this)

	ohnoshesbald 2009-04-18 01:49 pm UTC (link)
	This layout is soooo nice. (Reply to this)

	colorfulkizuna 2009-04-18 04:51 pm UTC (link)
	I've been addicted to topbar versions of stylesheets and you didn't let me down >w< taking and crediting you for it, thanks for sharing! ^^v (Reply to this)

	mon_x2 2009-04-19 10:32 pm UTC (link)
	yayyy so awesome i love all of your layouts! they're so amazing! taking and crediting! :D (Reply to this)

	guiltbox 2009-05-21 04:08 pm UTC (link)
	Used and credited. ^^ Your layouts are amazing! (Reply to this)

	the_machine 2009-06-13 09:58 am UTC (link)
	this is so simple and clean yet lovely. taking :) (Reply to this)

	atsugari8 2009-08-13 03:30 pm UTC (link)
	I have taken the subtraction version of the layout and am using it now :). Have credited you in my profile. Thank you so much for sharing this lovely simple design with us :) (Reply to this)

	xo_blameme 2009-08-24 05:51 am UTC (link)
	Using subtraction. Added a header. Credited you, of course. I love it. Thank you for making such wonderful layouts! :) (Reply to this)

	Thanks~ retronadya 2009-08-25 11:02 am UTC (link)
	these are absolutely beautiful! Thanks for sharing! Will be using subtraction & will credit on profile page : ) (Reply to this)

	thunderstorm_96 2009-09-28 03:56 pm UTC (link)
	Snagged it. Thank you so much~ (Reply to this)

	jenny_gwen 2009-09-29 04:41 am UTC (link)
	Very nice! Using, will credit :D (Reply to this)

(18 comments) - (Post a new comment)

Username:		Create an Account Forgot your login or password? Login w/ OpenID
Password:
	Remember Me
	English • Español • Deutsch • Русский…

About

Help

Get Involved

Legal

LJ Labs

Store