milou_veronica: s2 layout: ice kicked up in the February sun [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: ice kicked up in the February sun [flexible squares]

picture \| live	picture \| live
picture \| live	layout: ice kicked up in the February sun style: flexible squares accounts: Basic, Paid, and Sponsored features:custom comment pages, mini icons, topbar browsers: IE7, FF, Safari, and Opera

blue

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

Ice kicked up in the February sun ((flexible squares; basic, plus and paid; milou veronica))

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

body { background: #EFEFE8 none repeat fixed 0 0; text-align: center; color: #ffffff; font-family: Georgia, Arial, Tahoma, "Verdana", sans-serif; font-size: .73em;  margin:0px;}

.headerimage {position: relative; background: url(http://pics.livejournal.com/bakabokken/pic/00005yes); width: 700px; height: 0px; background-repeat: no-repeat;margin-left: auto;margin-right: auto;margin-bottom: 0px; }

#content{ color: #777772; width: 700px; margin-left: auto; margin-right: auto; margin-top: 0px; border-width: 0px; padding: 0px;}

#maincontent { padding: 10px 0;  background: #EFEFE8 url() repeat scroll 0 0; text-align: justify; }

#sidebar {background-color: #D1D1CB; padding:0;  width: auto; text-align: left; color: #444444; font-size: .85em; line-height: 1.75; min-height:85px;margin-left: auto; margin-right: auto;}

/*-------------------HEADER-----------------------*/
#header { background-color: #9DA8AD; margin: 0px; text-align: center; font-size: 7pt; letter-spacing: 2px; text-transform: uppercase; color: #666666; padding: 20px 5px 5px; }

div#header a, div#header a:link, div#header a:visited{ color: #ffffff;text-transform: uppercase; }
div#header a:hover {background-color: #828B8F; }
div#header li.view {color: #1a1a1a;   }
div#header li.view:hover{ background-color: #828B8F;}
ul.navheader{ padding: 0px; margin: 0px; display:inline;}
ul.navheader li {margin: 0px; list-style-type: none;  display:inline;}

.title {padding: 6px;letter-spacing: -1px;margin: 0px; text-align: center;line-height:.7;font-size:15pt;color:#333333;}
.subtitle{text-transform: lowercase;line-height:.7;letter-spacing: 6px;}

/*-------------------ENTRIES-----------------------*/
.subcontent { min-height: 120px; margin-right:0px; background: #ffffff url() repeat scroll;margin-left: auto; margin-right: auto;width:700px; }

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

.subject { background-color: transparent ; letter-spacing: 0px; font-size: 1.5em; letter-spacing:-0.04em;font-style:italic; line-height: 1; color: #aaaaaa; }

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

.datesubject {padding: 15px 5px 5px 10px; border-bottom: 1px solid #F7F7F4;}

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

.entry_text {  min-height: 50px; padding: 10px 20px 0 20px; margin-right:120px;border-right: 1px solid #F7F7F4;}

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

/*---------------------------USERPICS----------------------------*/
.userpic { position: relative; float: right; padding: 10px; background-color: #ffffff; margin:0 0 10px 10px; z-index: 15; border-left: 1px solid #F7F7F4;border-bottom: 1px solid #F7F7F4;}
.userpicfriends { position: relative; border-left: 1px solid #F7F7F4;border-bottom: 1px solid #F7F7F4; background-color: #FFFFFF !important; float: right; padding: 10px; margin: 0 0 10px 10px; text-align: right;z-index: 15;}
.userpicfriends img {border: 0px; padding: 0px; border: 0px solid #eeeeee; background-color: #ffffff; }
.userpicfriends a font {color: #aaaaaa;}

/*--------------------------COMMENT BAR-------------------------*/
.comments {border-top: 1px solid #F7F7F4;color: #ffffff; font-size: 8pt; text-align: left; padding: 3px 0; position: relative; margin:0; text-transform: uppercase;margin-right:120px;border-right: 1px solid #F7F7F4;}

div.comments a, div.comments a:visited, div.comments a:link  { padding: 6px; border-right: 1px solid #F7F7F4; }
  .separator{height: 25px;}

/*-------------------------CURRENTS AND TAGS-------------------------------------*/
.ljtags {text-align: right; padding: 5px 20px;margin:50px -20px 0;border-top: 1px solid #FBFBF8;position: relative; text-transform: lowercase; font-size: 7pt; color: #888888;}

.currents {text-align: right;border-top: 1px solid #FBFBF8;margin:0 0 0 auto;margin-top:0px; padding: 5px 20px;text-transform: lowercase; font-size: 7pt; color: #646464;margin-right:120px;border-right: 1px solid #F7F7F4;}
.currents strong {font-weight: normal; text-decoration: none; color: #888888; }
/*----------------------TAG PAGE------------------------------*/
h2 { padding: 10px 10px 0px 30px; font-size: 7pt; background-color: #ffffff;font-weight: normal; text-transform: uppercase; letter-spacing: 4px; margin: 0px auto; }

.ljtaglist {text-align: left; margin: 0px auto; padding: 30px; background-color: #ffffff; padding: 25px; font-size:10px; list-style:inside none square;} 
.ljtaglist li {padding:3px;}

/*---------------------COMMENT PAGE-----------------------------*/
.box { 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: center; margin: 0px;padding: 10px; font-size: 7pt; letter-spacing: 1px; color: #777777;}

/*------------------------SIDEBAR-----------------------------------------*/
.defaultuserpic {float:right;text-align: center; margin: 10px 10px 0; padding:0px;}
.defaultuserpic img {padding: 2px;  border: 1px solid #BFBFBA;width:60px;height:60px;}

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

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

ul.sbarlist{ margin: 0px; padding: 0px; margin-left: 0px; list-style: none;}
li.sbaritem{display: inline; padding:2px 3px 1px; border: 1px solid #BFBFBA;border-right:none;margin-top:-1px;} li.sbaritem:hover {background-color: #E3E3DD;}
li.sbartitle{ display:none;padding: 8px; color: #777777;}

#sidebar_linklist  {text-align:right;text-transform: lowercase; margin:0; padding:0;border-top: 1px solid #BFBFBA;}
#sidebar_summary,#sidebar_tags, #sidebar_calendar { display:none; }

/*---------------------FOOTER----------------------------------*/
#footer { background-color: #D1D1CB;padding: 5px; text-align: left; margin:auto;text-transform: uppercase; font-size: .7em; letter-spacing: 3px; z-index: 100; clear: both; }

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

div#footer li.viewing {color: #555555;display:none;}
div#footer a, div#footer a:link, div#footer a:visited {padding: 3px; display:inline; color: #ffffff; }
 div#footer a:hover { color:#bbbbbb; }

.clearfoot {background-color: #D1D1CB;clear: both;}

/*-----------------------ARCHIVE PAGE--------------------------------*/
ul.year { margin: 0px; margin: 0 auto 42px;background-color: #ffffff; text-align: center; padding: 20px;}

ul.year li {display: inline;}

table.yeartable {margin-left: auto; margin-right: auto;background-color: #ffffff; margin-left: auto; margin-right: auto; margin-top:-42px;width:100%;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 BRANDSPANKING NEW-------------*/
	.ljuser img {  width: 0; height: 0; background: transparent url(http://i40.tinypic.com/288b7ug.png) no-repeat 50% 50%;  padding: 10px 10px 0 2px !important;  vertical-align: baseline !important;}
	.ljuser img[src*="userinfo.gif"] { background: transparent url(http://i40.tinypic.com/288b7ug.png) no-repeat 50% 50% !important;  padding: 10px 10px 0 2px !important; }
	.ljuser img[src*="community.gif"] { background: transparent url(http://i44.tinypic.com/t7bpg9.png) no-repeat scroll 50% 50% !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://i43.tinypic.com/1z1da8y.png); }
img[src*="icon_private.gif"]{background-image: url(http://i43.tinypic.com/j79ukw.png); }
img[src*="icon_groups.gif"] {background-image: url(http://i40.tinypic.com/4udx5e.png); }

.ljuser img[src*="syndicated.gif"]{background-image: url(http://i44.tinypic.com/1iiutv.jpg) !important; } 
.ljuser img[src*="newsinfo.gif"] {background-image: url(http://i42.tinypic.com/33c96pw.jpg) !important; }
.ljuser img[src*="partnercomm.gif"]{background-image: url(http://i40.tinypic.com/15gxvro.png) !important; } 
.ljuser img[src*="sponcomm.gif"] {background-image: url(http://i39.tinypic.com/2hyxw7r.png) !important; }
img[src*="btn_del.gif"] {background-image: url(http://i41.tinypic.com/m7ztok.jpg); }
img[src*="btn_scr.gif"] {background-image: url(http://i40.tinypic.com/30auv5y.jpg); } 
img[src*="btn_unscr.gif"] {background-image: url(http://i41.tinypic.com/vfxurp.jpg); }
img[src*="btn_freeze.gif"] {background-image: url(http://i39.tinypic.com/xm3l7r.jpg); } 
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.jpg); } 
img[src*="btn_tracking.gif"],img[src*="btn_tracking_thread.gif"] {background-image: url(http://i42.tinypic.com/f9m79s.jpg); }
img[src*="anonymous.gif"] {background-image: url(http://i42.tinypic.com/r8fdsg.png); }  
img[src*="openid-profile.gif"] {background-image: url(http://i40.tinypic.com/2hd0a5v.jpg); } 
.box img[src*="userinfo.gif"] {background-image: url(http://i40.tinypic.com/288b7ug.png); background-position: 50% 50%;}
img[src*="talk/none.gif"] {background-image: url(http://i40.tinypic.com/20ppj6o.jpg); } 
img[src*="help.gif"] {background-image: url(http://i41.tinypic.com/ztyn80.jpg); } 
img[src*="pencil.gif"] {background-image: url(http://i41.tinypic.com/xo03zt.jpg); }
img[src*="btn_edit.gif"] {background-image: url(http://i39.tinypic.com/15cnkg5.jpg); }
.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: #999999 !important;border: 0px solid #ffffff; background-color: transparent !important;border: 1px solid #eeeeee; background-color: #ffffff !important; padding: 6px; width: 260px;}
div.ContextualPopup .Userpic { padding: 6px; margin-left: 0px; border: 1px solid #eeeeee; background-color: #ffffff;}
div.ContextualPopup .Content { padding: 5px;  }
div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited { text-decoration: none !important; font-weight: bold; color: #999999 !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: #7E8F97;  font-family:Georgia, Times New Roman, Book Antiqua, serif; color: #666666;border: solid 1px #708087; border-left: none; }
#lj_controlstrip a { color: #59656B; } #lj_controlstrip_statustext { color: #384043; } #lj_controlstrip .ljuser a b {color:#000000;}

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 {}

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;}
textarea  { font-family:Georgia, Times New Roman, Book Antiqua, serif;font-size: 11px; background: transparent url(http://i35.tinypic.com/2ntb9yw.png) repeat;  border: 1px solid #cccccc;  color: #999999;}

a:hover, .subject a:hover, div.comments a,  .datesubjectcomment a:hover,  div#header a:hover{color: #DF6A53; text-decoration: none;}
.subject a, .subject a:link, .subject a:visited, .subject {text-decoration: none;color: #828B8F; }
div#sidebar a { color: #333333;} div#sidebar a:hover { color: #ffffff;}

gray

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

ice kicked up in the February sun ((flexible squares; basic, plus and paid; milou veronica))

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

body { background: #f5f5f5 none repeat fixed 0 0; text-align: center; color: #ffffff; font-family: Times New Roman,Georgia, Arial, Tahoma, "Verdana", sans-serif; font-size: .75em;  margin:0px;}

#content{ color: #666666; width: 700px; margin-left: auto; margin-right: auto; margin-top: 0px; border-width: 0px; padding: 0px;}

#maincontent { padding: 10px 0;  background: #f5f5f5 url() repeat scroll 0 0; text-align: justify; }

#sidebar {background-color: #e4e4e4; padding:0;  width: auto; text-align: left; color: #444444; font-size: .85em; line-height: 1.75; min-height:87px;margin-left: auto; margin-right: auto;}

/*-------------------HEADER-----------------------*/
#header { background-color: #2d2d2d; margin: 0px; text-align: left; font-size: 7pt; letter-spacing: 2px; text-transform: uppercase; color: #666666; padding: 0 0 10px; }

div#header a, div#header a:link, div#header a:visited{ color: #666666;text-transform: uppercase; border-right:1px solid #222222;border-bottom:1px solid #222222;padding: 6px;margin-left:-5px;}
div#header a:hover {background-color: #252525; color:#cccccc;}
div#header li.view {color: #ffffff;border-right:1px solid #222222; padding: 6px;margin-left:-5px;border-bottom:1px solid #222222;}
div#header li.view:hover{ background-color: #252525;}
ul.navheader{ padding: 6px 5px; margin:0; border-bottom:1px solid #222222; }
ul.navheader li {margin: 0px; list-style-type: none; padding: 3px 0px;display:inline;}

.title {padding: 10px 0 0;letter-spacing: -1px;line-height:.8;margin: 0px; text-align: center;line-height:;font-size:15pt;color:#eee;}
.subtitle{text-transform: lowercase;line-height:1; text-align: center;letter-spacing: 6px;}

/*-------------------ENTRIES-----------------------*/
.subcontent { min-height: 120px; margin-right:0px; background: #ffffff url() repeat scroll;margin-left: auto; margin-right: auto;width:700px; }

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

.subject { background-color: transparent ; letter-spacing: 0px; font-size: 1.5em; letter-spacing:-0.04em;font-style:italic; line-height: 1; color: #aaaaaa; }

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

.datesubject {padding: 10px 5px 10px 10px; border-bottom: 1px solid #F7F7F4;}

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

.entry_text {  min-height: 50px; padding: 10px 20px 0 20px; margin-right:120px;border-right: 1px solid #F7F7F4;font-family:Arial,Verdana,Tahoma,sans-serif;}

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

div.comments a, div.comments a:visited, div.comments a:link  { padding: 6px; border-right: 1px solid #F7F7F4; }
  .separator{height: 25px;}

.currents {text-align: right;border-top: 1px solid #FBFBF8;margin:0 0 0 auto;margin-top:0px; padding: 5px 20px;text-transform: lowercase; font-size: 7pt; color: #646464;font-family: Arial, Tahoma, "Verdana", sans-serif;margin-right:120px;border-right: 1px solid #F7F7F4;}
.currents strong {font-weight: normal; text-decoration: none; color: #888888; }
/*----------------------TAG PAGE------------------------------*/
h2 { padding: 10px 10px 0px 30px; font-size: 7pt; background-color: #ffffff;font-weight: normal; text-transform: uppercase; letter-spacing: 4px; margin: 0px auto; }

.ljtaglist {text-align: left; margin: 0px auto; padding: 30px; background-color: #ffffff; padding: 25px; font-size:10px; list-style:inside none square;} 
.ljtaglist li {padding:3px;}

/*---------------------COMMENT PAGE-----------------------------*/
.box { 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;font-family: Arial, Tahoma, "Verdana", sans-serif;}

.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: center; margin: 0px;padding: 10px; font-size: 7pt; letter-spacing: 1px; color: #777777;}

/*------------------------SIDEBAR-----------------------------------------*/
.defaultuserpic {float:right; text-align: center; margin: 0 0 10px 0px;border-bottom: 1px solid #d8d8d8; border-left: 1px solid #d8d8d8;padding:10px;background-color: #e4e4e4;}
.defaultuserpic img {padding: 2px;  border: 1px solid #e4e4e4;width:60px;height:60px;}

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

.sbarbody2 {padding: 10px 5px 10px 15px;line-height:1.5;width:592px;border-right: 1px solid #d8d8d8;}

ul.sbarlist{ margin: 0px; padding: 0px; margin-left: 0px; list-style: none;}
li.sbaritem{display: inline; padding:3px 3px 1px;border: 1px solid #d8d8d8;border-right:none;background-color: #e4e4e4;margin-top:-2px;} li.sbaritem:hover {background-color: #cfcfcf;}
li.sbartitle{ display:none;padding: 8px; color: #777777;}

#sidebar_linklist  {text-align:right;text-transform: lowercase; margin:0; padding:0;border-top: 1px solid #cccccc; border-left:none;line-height:1.7;}
#sidebar_summary,#sidebar_tags, #sidebar_calendar { display:none; }

/*---------------------FOOTER----------------------------------*/
#footer { background-color: #e4e4e4;padding: 5px; text-align: left; margin:auto;text-transform: uppercase; font-size: .7em; letter-spacing: 3px; z-index: 100; clear: both; }

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

div#footer li.viewing {color: #555555;display:none;}
div#footer a, div#footer a:link, div#footer a:visited {padding: 3px; display:inline; color: #ffffff; }
 div#footer a:hover { color:#bbbbbb; }

.clearfoot {background-color: #e4e4e4;clear: both;}

/*-----------------------ARCHIVE PAGE--------------------------------*/
ul.year { margin: 0px; margin: 0 auto 42px;background-color: #ffffff; text-align: center; padding: 20px;}

ul.year li {display: inline;}

table.yeartable {margin-left: auto; margin-right: auto;background-color: #ffffff; margin-left: auto; margin-right: auto; margin-top:-42px;width:100%;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;}

/*--------------- MISC-------------- */
table#lj_controlstrip td {background-color: #282828;  font-family:Georgia, Times New Roman, Book Antiqua, serif; color: #666666;border: solid 1px #242424; border-left: none; }
#lj_controlstrip a { color: #777; } #lj_controlstrip_statustext { color: #aaaaaa; } #lj_controlstrip .ljuser a b {color:#eeeeee;} #lj_controlstrip_userpic {display:none;}

img:hover { filter: alpha(opacity=90); moz-opacity: .90; opacity: .90; } a img {border:none;}
img { filter: alpha(opacity=100); moz-opacity: 1; opacity: 1; }
b, u { color: #333333;}
i, s { color: #bbbbbb; font-family:Times New Roman, Times, Book Antiqua, serif;}
p, td {}

/*-------------------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.ContextualPopup .Relation, .ljuser a b {
	color: #839CAF; 
	text-decoration: none;}
.ljuser a b {font-weight:normal;font-style:italic;font-family:Times New Roman, Times, Book Antiqua, serif;}
.ljuser a b:hover, a:hover, .subject a:hover, div.comments a,  .datesubjectcomment a:hover {color: #222; text-decoration: none;}
.subject a, .subject a:link, .subject a:visited, .subject {text-decoration: none;color: #333333; }
div#sidebar a { color: #333333;} div#sidebar a:hover { color: #ffffff;}

black

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

Ice kicked up in the February sun ((flexible squares; basic, plus and paid; milou veronica))

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

body { background: #f3f3f3 none repeat fixed 0 0; text-align: center; color: #ffffff; font-family: Times New Roman, Times, Georgia, serif; font-size: .8em; margin:0px;}

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

#content{ color: #555555; width: 700px; margin-left: auto; margin-right: auto; margin-top: 0px; border-width: 0px; padding: 0px;}

#maincontent { padding: 10px 0;  background: #f3f3f3 url() repeat scroll 0 0; text-align: justify; }

#sidebar {background-color: #262626; padding:0;  width: auto; text-align: left; color: #444444; font-size: .85em; line-height: 1.75; min-height:87px;margin-left: auto; margin-right: auto;}

/*-------------------HEADER-----------------------*/
#header { background-color: #1d1d1d; margin: 0px; text-align: left; font-size: .7em; letter-spacing: 2px; text-transform: uppercase; color: #666666; padding: 0 0 15px; }

div#header a, div#header a:link, div#header a:visited{postion:relative; color: #ffffff;text-transform: uppercase; border-right:1px solid #191919;border-bottom:1px solid #191919;padding: 16px 6px 3px;margin-left:-4px;}
div#header a:hover {background-color: #111111; color:#cccccc;}
div#header li.view {color: #666;border-right:1px solid #191919; padding: 16px 6px 3px;margin-left:-4px;border-bottom:1px solid #191919;}div#header li.view:first-letter {color:#ffffff;}
div#header li.view:hover{ background-color: #111111;}
ul.navheader{ padding: 16px 6px 3px; margin:0; border-bottom:1px solid #191919; }
ul.navheader li {margin: 0px; list-style-type: none; padding: 3px 0px;display:inline;}

.title {padding: 15px 0 0;letter-spacing: -1px;line-height:.8;margin: 0px; text-align: center;line-height:;font-size:15pt;color:#000000;}
.subtitle{text-transform: lowercase;line-height:1; text-align: center;letter-spacing: 6px;}

/*-------------------ENTRIES-----------------------*/
.subcontent { min-height: 120px; margin-right:0px; background: #ffffff url() repeat scroll;margin-left: auto; margin-right: auto;width:700px; }

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

.subject { background-color: transparent ; letter-spacing: 0px; font-size: 1.5em; letter-spacing:-0.04em;font-style:italic; line-height: 1; color: #aaaaaa; }

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

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

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

.entry_text {  min-height: 50px; padding: 10px 20px 0 20px; margin-right:120px;border-right: 1px solid #eeeeee;}

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

/*---------------------------USERPICS----------------------------*/
.userpic { position: relative; float: right; padding: 10px; background-color: #ffffff; margin:0 0 10px 0px; z-index: 15; border-left: 1px solid #eeeeee;border-bottom: 1px solid #eeeeee;}
.userpicfriends { position: relative; border-left: 1px solid #eeeeee;border-bottom: 1px solid #eeeeee; background-color: #FFFFFF !important; float: right; padding: 10px; margin: 0 0 10px 0px; text-align: right;z-index: 15;}
.userpicfriends img {border: 0px; padding: 0px; border: 0px solid #eeeeee; background-color: #ffffff; }
.userpicfriends a font {color: #aaaaaa;}

/*--------------------------COMMENT BAR-------------------------*/
.comments {border-top: 1px solid #eeeeee;color: #ffffff; font-size: 8pt; text-align: left; padding: 3px 0; position: relative; margin:0; text-transform: uppercase;margin-right:120px;border-right: 1px solid #eeeeee;}

div.comments a, div.comments a:visited, div.comments a:link  { padding: 6px; border-right: 1px solid #eeeeee; }
  .separator{height: 25px;}

/*-------------------------CURRENTS AND TAGS-------------------------------------*/
.ljtags {text-align: right; padding: 5px 20px;margin:50px -20px 0;position: relative; text-transform: lowercase; font-size: 7pt; color: #888888;}

.currents {text-align: right;margin:0 0 0 auto;margin-top:0px; padding: 5px 20px;text-transform: lowercase; font-size: 7pt; color: #646464;margin-right:120px;border-right: 1px solid #f6f6f6;}
.currents strong {font-weight: normal; text-decoration: none; color: #888888; }
/*----------------------TAG PAGE------------------------------*/
h2 { padding: 10px 10px 10px 30px;border-bottom: 1px solid #eeeeee; background-color: #ffffff;font-weight: normal;margin: 0px auto; }

.ljtaglist {text-align: left; margin: 0px auto; padding:0; background-color: #ffffff;font-size:10px; list-style:inside none square;} 
.ljtaglist li {padding:5px 30px;border-bottom: 1px solid #eeeeee;border-right: 1px solid #eeeeee;width:500px} .ljtaglist li:hover{background-color:#f8f8f8;}

/*---------------------COMMENT PAGE-----------------------------*/
.box { 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: center; margin: 0px;padding: 10px; font-size: 7pt; letter-spacing: 1px; color: #777777;}

/*------------------------SIDEBAR-----------------------------------------*/
.defaultuserpic {float:right;text-align: center; margin: 0;border-bottom: 1px solid #1f1f1f; border-left: 1px solid #1f1f1f;padding:10px;}
.defaultuserpic img {padding: 2px; width:60px;height:60px;}

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

.sbarbody2 { padding: 10px 5px 10px 15px;line-height:1.5;width:343px;float:right;}

ul.sbarlist{ margin: 0px; padding: 0px; margin-left: 0px; list-style: none;}
li.sbaritem{display:block; padding: 4px; border: 1px solid #1f1f1f;border-top:none;} li.sbaritem:hover {background-color: #232323;}
li.sbartitle{ display:none;padding: 8px; color: #777777;}

#sidebar_linklist  {text-align:right;text-transform: lowercase; margin:0; padding:0;width:250px}
#sidebar_summary,#sidebar_tags, #sidebar_calendar { display:none; }

/*---------------------FOOTER----------------------------------*/
#footer { background-color: #262626;padding: 5px; text-align: left; margin:auto;text-transform: uppercase; font-size: .7em; letter-spacing: 3px; z-index: 100; clear: both; }

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

div#footer li.viewing {color: #555555;display:none;}
div#footer a, div#footer a:link, div#footer a:visited {padding: 3px; display:inline; color: #ffffff; }
 div#footer a:hover { color:#bbbbbb; }

.clearfoot {background-color: #262626;clear: both;}

/*-----------------------ARCHIVE PAGE--------------------------------*/
ul.year { margin: 0px; margin: 0 auto 42px;background-color: #ffffff; text-align: center; padding: 20px;}

ul.year li {display: inline;}

table.yeartable {margin-left: auto; margin-right: auto;background-color: #ffffff; margin-left: auto; margin-right: auto; margin-top:-42px;width:100%;padding: 30px;}

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

table.yeartable td.yearday { background-color: #FBFBF8; text-align: center;}

td.yearmonth {border-style: none;}

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

/*--------------- MISC-------------- */
table#lj_controlstrip td {background-color: #1c1c1c;  font-family:Georgia, Times New Roman, Book Antiqua, serif; color: #666666;border: solid 1px #222222; border-left: none; }
#lj_controlstrip a { color: #999999; } #lj_controlstrip_statustext { color: #666666; } #lj_controlstrip .ljuser a b {color:#ffffff;}#lj_controlstrip_userpic {display:none;}

img:hover {filter: alpha(opacity=90); moz-opacity: .90; opacity: .90; }a img {border:none;}
img { filter: alpha(opacity=100); moz-opacity: 1; opacity: 1; }
b, u { color: #333333;}
i, s { color: #aaaaaa;}
p, td {}

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

a:hover, .subject a:hover, div.comments a,  .datesubjectcomment a:hover {color: #aaaaaa; text-decoration: none;}
.subject a, .subject a:link, .subject a:visited, .subject {text-decoration: none;color: #444444; }
div#sidebar a { color: #888888;} div#sidebar a:hover, div#sidebar li.sbaritem:hover a{ 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 :)

(12 comments) - (Post a new comment)

	mtsmile 2009-02-10 12:57 pm UTC (link)
	using the gray one. :) (Reply to this) (Thread)

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

	famoosed 2009-02-14 11:43 pm UTC (link)
	i love this a lot! (: (Reply to this)

	shinaxo 2009-02-15 08:33 pm UTC (link)
	Using the black layout & adding a header (: Thanks so much!! (Reply to this)

	fallonhope 2009-02-16 03:17 am UTC (link)
	i really love all the new layouts, using the blue one. thank you! (Reply to this)

	puffymoto 2009-02-24 09:37 pm UTC (link)
	i love them all and i will use the grey one but i need to ask you this ~ what size should i use for the header ? or any size can fit? (Reply to this) (Thread)

	milou_veronica 2009-02-25 02:35 am UTC (link)
	anyhting you want really. the layout is currently 700px wide, but you can use any size you want. You can change the journal width if you want too. (Reply to this) (Parent)

	finalstraw__ 2009-02-27 07:45 pm UTC (link)
	I might as well just save all of your layouts, because every time I visit here I find another one I want to use! Taking, and crediting :D Thank you! (Reply to this)

	lovelace18 2009-03-01 10:03 pm UTC (link)
	using the gray thanks a lot (Reply to this)

	lisa_corner 2009-03-04 11:52 am UTC (link)
	I really like the blue one. The colors are awesome. Thanks :) Edited at 2009-03-04 11:52 am UTC (Reply to this)

	sakuranbosaku 2009-04-17 02:48 am UTC (link)
	I'm using the black one,I added my own header to it. So I'm going to credit you soon. (Reply to this)

	sakuranbosaku 2009-04-17 03:18 am UTC (link)
	I'm having trouble with my free text appearing,what can i do about it? (Reply to this)

(12 comments) - (Post a new comment)

picture \| live	picture \| live
picture \| live	layout: ice kicked up in the February sun style: flexible squares accounts: Basic, Paid, and Sponsored features:custom comment pages, mini icons, topbar browsers: IE7, FF, Safari, and Opera

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