milou_veronica: s2 layout: until you are ready to confess [flexible squares]

use your woman as a human shield (

milou_veronica) wrote,
@ 2009-02-23 10:48:00

Current music:	(They long to be) Close to you - carpenters
Entry tags:	style: flexible squares, wot: s2 layout

s2 layout: until you are ready to confess [flexible squares]
I mashed together a few of my layouts and am quite pleased with the result. Am using a version of this presently at MV.

picture \| live	picture \| live
picture \| live	layout: until you are ready to confess style: flexible squares accounts: Basic, Paid, and Sponsored features:custom comment pages, mini icons, topbar/sidebar browsers: IE7, FF, Safari, Chrome, and Opera

1. topbar

/*-------------------------------------------------
until you are ready to confess by milou veronica
flexible squares // basic, plus and paid
----------------------------------------------------*/

body { background: #f4f4f4 none repeat fixed 0 0; text-align: center; color: #ffffff; font-family: Arial,Helvetica, sans-serif; font-size: .75em; 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: #444444; width: 780px; margin-left: auto; margin-right: auto; margin-top: 0px; border-width: 0px; padding: 0px;}

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

#sidebar { padding:0 0 0 127px;background: #eeeeee url(http://i41.tinypic.com/2jephzd.png) repeat scroll;width: auto; text-align: left; color: #444444; font-size: .85em; border:1px solid #ececec;line-height: 1.75;margin-left: auto; margin-right: auto;min-height:120px;}

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

div#header a, div#header a:link, div#header a:visited{postion:relative;  font-family:Arial,Geneva,sans-serif;color: #ffffff;text-transform: uppercase;;padding: 16px 6px;margin-left:-4px;}
div#header a:hover {background-color: #000000; color:#cccccc;}
div#header li.view {color: #666;padding: 16px 6px;background-color:#000000;margin-left:-4px;}div#header li.view:first-letter {color:#ffffff;}
div#header li.view:hover{ background-color: #000000;}
ul.navheader{ padding: 16px 6px; margin:0;  }
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;display:none}
.subtitle{text-transform: lowercase;line-height:1; text-align: center;letter-spacing: 6px;display:none}

/*-------------------ENTRIES-----------------------*/
.subcontent { min-height: 120px; margin-right:0px; background: #eeeeee url(http://i41.tinypic.com/2jephzd.png) repeat scroll;margin-left: auto; margin-right: auto; border: 1px solid #ececec;}

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

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

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

.datesubject {padding: 10px 5px 10px 10px;border-left: 1px solid #ececec; border-bottom: 1px solid #f5f5f5;margin-left:126px;background-color: #ffffff;}

.entry{margin: 0px; padding: 10px 20px 0 20px;text-align: justify;line-height: 1.75; border-left: 1px solid #ececec; background-color: #ffffff;margin-left:126px}

.entry_text {  min-height: 50px;}

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

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

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

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

/*-------------------------CURRENTS AND TAGS-------------------------------------*/
.ljtags {text-align: right; padding: 4px 18px 4px 0; background: transparent url(http://i43.tinypic.com/14jrbjr.png) no-repeat scroll 100% 50%;   margin-top: 50px; position: relative; text-transform: lowercase; font-size: 7pt; color: #888888; font-weight: bold; }
	.ljtags:hover {}  div.ljtags a {font-weight: normal; }

.currents {text-align: right; margin:0; padding-top:15px; padding: 8px 0px 8px 0;  text-transform: lowercase; font-size: 7pt; color: #646464; }
.currents strong, .currentlocation strong, .currentmood strong, .currentgroups  strong, .currentmusic strong  {text-decoration: none; color: #888888; display:none;}
.currentlocation, .currentmood, .currentgroups , .currentmusic {padding: 4px 18px 4px 0; background: transparent none no-repeat scroll 100% 50%;  }
.currentlocation {background-image: url(http://i44.tinypic.com/29lh6bq.png);} .currentmood{background-image: url(http://i41.tinypic.com/2lsf7dh.png);} .currentgroups {background-image: url(http://i39.tinypic.com/24piccl.png);} .currentmusic {background-image: url(http://i39.tinypic.com/bfg6mp.png);}
/*----------------------TAG PAGE------------------------------*/
h2 { padding: 10px 10px 10px 30px; border: 1px solid #ececec; border-bottom:none;background-color: #ffffff;font-weight: normal;margin: 0px auto; }

.ljtaglist {text-align: left; margin: 0px auto; padding:20px; background-color: #ffffff;font-size:10px; list-style:inside none square; border: 1px solid #ececec; border-top:none;} 
.ljtaglist li {padding:5px 30px;border-bottom: 1px dotted #eeeeee;} .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 120px;}

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

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

.commentboxpartial { background-color: #ffffff; border: 1px solid #eeeeee;padding: 10px; margin: 10px;}

.commentinfo { background-color: #ffffff; margin-top: 10px; width: 100%;}
form#postform{background-color: #ffffff;border:1px solid #eeeeee} form#qrform table {border-width: 0px !important;} form#qrform {background-color: #ffffff;}
.skiplinks {text-align: center; border:1px solid #ececec; border-left:130px solid #eeeeee;margin: 0 0 10px;padding: 10px 0px; font-size: 7pt; color: #eeeeee;background-color: #ffffff;}
.skiplinks a {background-color:#ffffff;word-spacing:1px;}.skiplinks a:hover{background-color:#f7f7f7}
/*------------------------SIDEBAR-----------------------------------------*/
.defaultuserpic {float:left;text-align: center; margin: 5px 0 0 -116px;background-color: #ffffff;}
.defaultuserpic img {border: 1px solid #eeeeee;padding:3px;}

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

.sbarbody2 { padding: 10px 5px 10px 15px;line-height:1.5;background-color: #ffffff;border-left: 1px solid #ececec;min-height:100px}

ul.sbarlist{ margin: 0px; padding: 0px; margin-left: 0px; list-style: none;}
li.sbaritem{display:inline;padding: 3px 8px; margin:0 2px 1px;border-width: 0px 1px 1px 0px;border-style:solid; border-color:#ececec;background: transparent url(http://i42.tinypic.com/2vtqdz6.png) repeat scroll 0 0} li.sbaritem:hover {border-color:#cccccc;border-width: 1px 0px 0px 1px;padding:2px 8px;}
li.sbartitle{ display:none;padding: 8px; color: #777777;}

#sidebar_linklist  {text-align:right;text-transform: lowercase;margin:0; padding:0 3px 8px 0;background-color: #ffffff;border-left: 1px solid #ececec;font-variant:small-caps}
#sidebar_summary,#sidebar_tags, #sidebar_calendar { display:none; }

/*---------------------FOOTER----------------------------------*/
#footer { background-color: #1a1a1a;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: #1a1a1a;clear: both;}

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

ul.year li {display: inline;}

table.yeartable {margin-left: auto; margin-right: auto;background-color: #ffffff;border: 1px solid #ececec; border-top:none; 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;}

/*------------MINI ICONS-------------*/
	.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"], form#postform 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); } 
form#postform 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: 0px; text-align: left; font: normal 9px "Arial" !important; }
div.ContextualPopup div.Inner {  color: #aaaaaa !important;border:1px solid #eeeeee;background: transparent url(http://i42.tinypic.com/2vtqdz6.png) !important; padding: 0; width: 280px;}
div.ContextualPopup .Userpic { padding: 3px; margin: 5px 5px 0; border:  1px solid #eeeeee; background: #ffffff url();}
div.ContextualPopup .Content { padding: 5px;border-right: 1px solid #ececec; margin-right:68px;background: #ffffff url();}
div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited { text-decoration: none !important; font-weight: bold; color: #999999 !important;}
div.ContextualPopup .Relation {font-size: 9pt;text-transform:uppercase}
/*--------------- MISC-------------- */
table#lj_controlstrip td {background-color: #1c1c1c;color: #666666;border: solid 1px #222222; border-left: none; }
#lj_controlstrip input {border: 1px solid #000;background-color: #131313; color:#555555}
#lj_controlstrip a { color: #666666; } #lj_controlstrip_statustext { color: #dddddd; } #lj_controlstrip .ljuser a b {color:#ffffff;}#lj_controlstrip_userpic {display:none;}
a img {border:none;}
b, u { color: #333333;}
i, s { color: #aaaaaa;}
p, td {}

blockquote { padding:15px;  border: 1px solid #eeeeee;  background: transparent url(http://i42.tinypic.com/2vtqdz6.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, Times,serif;font-size: 11px; background: transparent url(http://i42.tinypic.com/2vtqdz6.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.ContextualPopup .Relation, .ljuser a b {
	color: #5FBFB4; 
	text-decoration: none;}
.ljuser a b {font-family: Georgia, Times New Roman, Times,serif;font-weight:normal;font-style:italic}
a:hover, .subject a:hover, div.comments a,  .datesubjectcomment a:hover {color: #EF8B77; text-decoration: none;}
.subject a, .subject a:link, .subject a:visited, .subject {text-decoration: none;color: #222222; font-family:Arial,Geneva,sans-serif; }
div#sidebar a { color: #666;} div#sidebar a:hover, div#sidebar li.sbaritem:hover a{ color: #9BB2BF;}

2. sidebar

/*-------------------------------------------------
until you are ready to confess by milou veronica
flexible squares // basic, plus and paid
----------------------------------------------------*/

body { background: #f4f4f4 none repeat fixed 0 0; text-align: center; color: #ffffff; font-family: Arial,Helvetica, sans-serif; font-size: .75em; 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: #444444; max-width: 880px; margin-left: auto; margin-right: auto; margin-top: 0px; border-width: 0px; padding: 0px;}

#maincontent { padding:0; margin-left:176px;text-align: justify; }

#sidebar {float:left; padding:0 0 0 25px;background: #eeeeee url(http://i41.tinypic.com/2jephzd.png) repeat scroll;width: 143px; text-align: left; color: #666666; font-size: .85em; border:1px solid #ececec;line-height: 1.75;margin-left: auto; margin-right: auto;}

/*-------------------ENTRIES-----------------------*/
.subcontent { min-height: 120px; background: #eeeeee url(http://i41.tinypic.com/2jephzd.png) repeat scroll;margin-left: auto; margin-right: auto; border: 1px solid #ececec;}

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

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

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

.datesubject {padding: 10px 5px 10px 10px;border-right: 1px solid #ececec; border-bottom: 1px solid #f5f5f5;background-color: #ffffff; margin-right:120px;}

.entry{margin: 0px; padding: 10px 20px 0 20px;text-align: justify;line-height: 1.75; border-right: 1px solid #ececec; background-color: #ffffff; margin-right:120px;}

.entry_text {  min-height: 50px;}

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

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

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

/*---------------------COMMENT PAGE-----------------------------*/
.box { text-align: left; margin-bottom:1px; padding: 0px; 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 120px;}

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

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

.commentboxpartial { background-color: #ffffff; border: 1px solid #eeeeee;padding: 10px; margin: 10px;}

.commentinfo { background-color: #ffffff; margin-top: 10px; width: 100%;}
form#postform {background-color: #ffffff;border:1px solid #eeeeee} form#qrform table {border-width: 0px !important; }
.skiplinks {text-align: center; border:1px solid #ececec; margin: 0 0 10px;padding: 10px 0px; font-size: 7pt; color: #eeeeee;background-color: #ffffff;}
.skiplinks a {background-color:#ffffff;word-spacing:1px;}.skiplinks a:hover{background-color:#f7f7f7}
/*------------------------SIDEBAR-----------------------------------------*/
.defaultuserpic {text-align: center; margin: 0;background-color: #ffffff;padding: 10px 0;border-left: 1px solid #ececec;}
.defaultuserpic img {;border: 1px solid #f7f7f7;padding:2px;}

.sbarheader {padding: 0px 5px 3px 5px;background-color: #ffffff;}
.sbarbody {padding: 0px 2px 3px 2px; background-color: #ffffff;border-left: 1px solid #ececec;}

.sbarbody2 { padding: 10px 5px 10px 15px;line-height:1.5;background-color: #ffffff;min-height:85px;border-left: 1px solid #ececec;}

ul.sbarlist{ margin: 0px; padding: 0px; margin-left: 0px; list-style: none;}
li.sbaritem{display:black; padding: 2px 4px; margin:2px 0;border-width: 0px 1px 1px 0px;border-style:solid; border-color:#eeeeee;background-color: #f9f9f9;} li.sbaritem:hover {border-color:#dddddd;border-width: 1px 0px 0px 1px;background-color: #f4f4f4;}
li.sbartitle{padding: 3px 8px; color: #1a1a1a;text-transform:lowercase;letter-spacing:0.05em;border-top:1px solid #f4f4f4}

#sidebar_linklist  {text-align:left;text-transform: lowercase;margin:0; background-color: #ffffff;}
#sidebar_summary,#sidebar_tags, #sidebar_calendar { }

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: #1a1a1a;clear: both;}

ul.year li {display: inline;}

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

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

blockquote { padding:15px;  border: 1px solid #eeeeee;  background: transparent url(http://i42.tinypic.com/2vtqdz6.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, Times,serif;font-size: 11px; background: transparent url(http://i41.tinypic.com/2jephzd.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.ContextualPopup .Relation, .ljuser a b {
	color: #5FBFB4; 
	text-decoration: none;}
.ljuser a b {font-family: Georgia, Times New Roman, Times,serif;font-weight:normal;font-style:italic}
a:hover, .subject a:hover, div.comments a,  .datesubjectcomment a:hover,.ljuser a b:hover {color: #EF8B77; text-decoration: none;}
.subject a, .subject a:link, .subject a:visited, .subject {text-decoration: none;color: #222222; font-family:Arial,Geneva,sans-serif; }
div#sidebar a { color: #666;} div#sidebar a:hover, div#sidebar li.sbaritem:hover a{ color: #9BB2BF;}

3. topbar w/ weird banner

/*-------------------------------------------------
until you are ready to confess by milou veronica
flexible squares // basic, plus and paid
----------------------------------------------------*/

body { background: #1a1a1a none repeat fixed 0 0; text-align: center; color: #ffffff; font-family: Arial,Helvetica, sans-serif; font-size: .75em; margin:0px;}

.headerimage {position: relative; background: transparent url(http://i44.tinypic.com/2eq5k4y.png) repeat scroll 0 0; width: 100%; height: 120px;margin-left: auto;margin-right: auto;margin-bottom: 0px; border-top:5px solid #111}

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

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

#sidebar { padding:0 0 0 127px;background: #eeeeee url(http://i43.tinypic.com/1sb9z4.png) repeat scroll;width: 653px; text-align: left; color: #444444; font-size: .85em; border:1px solid #ececec;line-height: 1.75;margin-left: auto; margin-right: auto;min-height:120px;}

div#header a, div#header a:link, div#header a:visited{postion:relative;  font-family:Arial,Geneva,sans-serif;color: #ffffff;text-transform: uppercase;;padding: 16px 6px;margin-left:-4px;}
div#header a:hover {background-color: #000000; color:#cccccc;}
div#header li.view {color: #666666;padding: 16px 6px;background-color:#000000;margin-left:-4px;} .title:first-letter {color:#5FBFB4;}
div#header li.view:hover{ background-color: #000000;}
ul.navheader{ padding: 16px 6px; margin:0;}
ul.navheader li {margin: 0px; list-style-type: none; padding: 3px 0px;display:inline;}

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

/*-------------------ENTRIES-----------------------*/
.subcontent { min-height: 120px; margin-right:0px; background: #eeeeee url(http://i43.tinypic.com/1sb9z4.png) repeat scroll;width: 780px;margin-left: auto; margin-right: auto; border: 1px solid #ececec;}

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

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

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

.datesubject {padding: 10px 5px 10px 10px;border-left: 1px solid #ececec; border-bottom: 1px solid #f5f5f5;margin-left:126px;background-color: #ffffff;}

.entry{margin: 0px; padding: 10px 20px 0 20px;text-align: justify;line-height: 1.75; border-left: 1px solid #ececec; background-color: #ffffff;margin-left:126px}

.entry_text {  min-height: 50px;}

.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;}
  .separator{height: 25px;}

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

/*---------------------COMMENT PAGE-----------------------------*/
.box { text-align: left; margin-bottom:1px; padding: 0px; clear: left;width:780px;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 120px;}

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

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

.commentboxpartial { background-color: #ffffff; border: 1px solid #eeeeee;padding: 10px; margin: 10px;}

.commentinfo { background-color: #ffffff; margin-top: 10px; width: 100%;}
form#postform{background-color: #ffffff;border:1px solid #eeeeee} form#qrform table {border-width: 0px !important;} form#qrform {background-color: #ffffff;}
.skiplinks {text-align: center; border:1px solid #ececec; border-left:130px solid #eeeeee;width:650px;margin: 0 auto 10px;padding: 10px 0px; font-size: 7pt; color: #eeeeee;background-color: #ffffff;}
.skiplinks a {background-color:#ffffff;word-spacing:1px;}.skiplinks a:hover{background-color:#f7f7f7}
/*------------------------SIDEBAR-----------------------------------------*/
.defaultuserpic {float:left;text-align: center; margin: 5px 0 0 -116px;background-color: #ffffff;}
.defaultuserpic img {border: 1px solid #eeeeee;padding:3px;}

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

.sbarbody2 { padding: 10px 5px 10px 15px;line-height:1.5;background-color: #ffffff;border-left: 1px solid #ececec;min-height:100px}

ul.sbarlist{ margin: 0px; padding: 0px; margin-left: 0px; list-style: none;}
li.sbaritem{display:inline;padding: 3px 8px; margin:0 2px 1px;border-width: 0px 1px 1px 0px;border-style:solid; border-color:#ececec;background: transparent url(http://i43.tinypic.com/1sb9z4.png) repeat scroll 0 0} li.sbaritem:hover {border-color:#cccccc;border-width: 1px 0px 0px 1px;padding:2px 8px;}
li.sbartitle{ display:none;padding: 8px; color: #777777;}

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: #1a1a1a;clear: both;}

/*-----------------------ARCHIVE PAGE--------------------------------*/
ul.year { margin: 0px; margin: 0 auto 10px;background-color: #ffffff; text-align: center;width: 740px; padding: 20px;border: 1px solid #ececec;}

ul.year li {display: inline;}

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

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

blockquote { padding:15px;  border: 1px solid #eeeeee;  background: transparent url(http://i43.tinypic.com/1sb9z4.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, Times,serif;font-size: 12px; background: transparent url(http://i43.tinypic.com/1sb9z4.png) repeat; border: 1px solid #cccccc; color: #666666;}

/*-------------------COLORS-----------------------*/
a, a:link, a:visited, .subject a, div.comments a:hover,.subject a:link, .subject a:visited, h2, code, div#sidebar a, .datesubjectcomment a:link, .datesubjectcomment a:visited, div.ContextualPopup .Relation, .ljuser a b {
	color: #5FBFB4; 
	text-decoration: none;}
.ljuser a b {font-family: Georgia, Times New Roman, Times,serif;font-weight:normal;font-style:italic}
a:hover, .subject a:hover, div.comments a,  .datesubjectcomment a:hover, div#sidebar a:hover, div#sidebar li.sbaritem:hover a, .ljuser a b:hover {color: #EF8B77; text-decoration: none;}
.subject a, .subject a:link, .subject a:visited, .subject,h2 {text-decoration: none;color: #222222; font-family:Arial,Geneva,sans-serif; }
div#sidebar a { color: #555555;} div#sidebar a:hover, div#sidebar li.sbaritem:hover a{ color: #5FBFB4;}

installation
01.	Choose Journal Style
02.	If using #1 or #2, select "Grays" Flexible Squares layout in "Select a New Theme". For #3, select "Autumn" 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 either 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 if using #1 or #2, or #1a1a1a if using #3..
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. Note that for the topbar layouts to display properly, you need at least one character in the blurb/free text box.
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.

Page 1 of 5
<<	[1] [2] [3] [4] [5]	>>

(125 comments) - (Post a new comment)

	xoxoknlove 2009-02-22 11:59 pm UTC (link)
	you always make so much awesome layouts!! very beautiful xD (Reply to this) (Thread)

	milou_veronica 2009-02-23 12:10 am UTC (link)
	:D Thanks so much! (Reply to this) (Parent)

	discs 2009-02-23 12:22 am UTC (link)
	lovely ♥ (Reply to this) (Thread)

	milou_veronica 2009-02-23 12:34 am UTC (link)
	Thank-you! (Reply to this) (Parent)

	gfxgurl 2009-02-23 12:45 am UTC (link)
	Snagged the sidebar layout for my community. Its beautiful!♥♥. And I have credited you :D. (Reply to this) (Thread)

	milou_veronica 2009-02-23 12:52 am UTC (link)
	Thank-you darlin' ♥ (Reply to this) (Parent)

	sleepingfingers 2009-02-23 01:07 am UTC (link)
	I really like these layouts! So pretty. :) (Reply to this) (Thread)

	milou_veronica 2009-02-23 01:11 am UTC (link)
	:D Thank-you! (Reply to this) (Parent)

	ana_leez 2009-02-23 01:54 am UTC (link)
	Your layouts are always so beautiful! I love these :D (Reply to this) (Thread)

	milou_veronica 2009-02-23 01:57 am UTC (link)
	Thank-you ~♥ (Reply to this) (Parent)

	sea_breeze 2009-02-23 02:08 am UTC (link)
	I've been looking for a new layout for ages and haven't been able to find one that I liked enough...these are all lovely! I've just finished installing the second one, with credit on my user info. Thank you so very much, just delightful! ♥! (Reply to this) (Thread)

	milou_veronica 2009-02-23 02:14 am UTC (link)
	Thank-you, I'm glad to hear you like it! (Reply to this) (Parent)

	unscentedbox 2009-02-23 02:12 am UTC (link)
	I love the topbar version. Those pop up buttons for the link list are beautiful. will be using this later! (Reply to this) (Thread)

	milou_veronica 2009-02-23 02:14 am UTC (link)
	Thank-you! (Reply to this) (Parent)

	amorphic 2009-02-23 02:20 am UTC (link)
	Oh, I love this so much! ♥ (Reply to this)

	365daysafter 2009-02-23 02:59 am UTC (link)
	Beautiful as ever ♥ LOL, when ever you post a new layout, I always change mine xD x3 (Reply to this)

	redeyes26 2009-02-23 01:42 pm UTC (link)
	thank you!! simple but pretty! (Reply to this)

	patapoufe 2009-02-23 09:00 pm UTC (link)
	Gorgeous as usual. Love the one with the top bar! ♥ ♥ (Reply to this)

	luststories 2009-02-24 02:29 am UTC (link)
	Taking for a community! Will credit. ♥! (Reply to this)

	mycaricature 2009-02-25 12:32 am UTC (link)
	Using. ♥ I dunno how to customize the navigation strip bar. ): (Reply to this)

	lustricatious 2009-02-25 12:23 pm UTC (link)
	snagging the 3rd one. thanks! (Reply to this)

	lalita82 2009-02-25 06:46 pm UTC (link)
	Thank you! (Reply to this)

	candyflossretro 2009-02-25 10:11 pm UTC (link)
	my favourite layout maker :-) thank you! (Reply to this)

	phoenixfire93 2009-02-26 02:32 am UTC (link)
	you make amazing layouts! using the 3rd one, thankyouuuu :D (Reply to this)

	sabbywink 2009-02-26 08:53 am UTC (link)
	its nice.i'm taking it.tq:) (Reply to this)

	finalstraw__ 2009-02-26 09:46 pm UTC (link)
	Beautiful! Adding to memories, and I will credit if I use it -- thank you so much :D (Reply to this)

	cala_lilies 2009-02-27 01:57 am UTC (link)
	Love the second one, just finished installing it. Credit is on my bio. Thank you. (: (Reply to this)

	breighan 2009-02-27 04:20 pm UTC (link)
	lovely! snagging for my new comm :) (Reply to this)

	peach_puff 2009-02-27 11:23 pm UTC (link)
	Wow, these are all so lovely! Added to memories. :) (Reply to this)

	midnight_pauses 2009-02-28 07:41 pm UTC (link)
	Using the 3rd one, thank you :) (Reply to this)

	neverevered 2009-03-01 11:49 pm UTC (link)
	This is lovely, you are amazing, and thank you! I am taking 3 and probably modifying the banner! Thanks again! (Reply to this)

	bydaylight 2009-03-02 07:31 am UTC (link)
	epic win. using this, thanks so much♥ (Reply to this)

(125 comments) - (Post a new comment)

Page 1 of 5
<<	[1] [2] [3] [4] [5]	>>

picture \| live	picture \| live
picture \| live	layout: until you are ready to confess style: flexible squares accounts: Basic, Paid, and Sponsored features:custom comment pages, mini icons, topbar/sidebar browsers: IE7, FF, Safari, Chrome, 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

Store

LJ Labs