milou_veronica: s2 layout: splayed in the wind apart [flexible squares]

use your woman as a human shield (

milou_veronica) wrote,
@ 2009-04-14 09:54:00

Current location:	about to go out
Current mood:	still a bit sickly
Current music:	Fondu Au Noir - Coeur De Pirate
Entry tags:	style: flexible squares, wot: s2 layout

s2 layout: splayed in the wind apart [flexible squares]
It's my birthday, yay! But in relelvant news I'm quite busy lately and it'll be a while before I post again and I may not get to all your questions etc.

Also re. this layout, it may not work in IE versions older than 8. But there's a limit to what I'm willing to compromise just because IE is stupid. Use FireFox.

image \| live	image \| live
layout:splayed in the wind apart style: flexible squares accounts: Basic, Paid, and Sponsored features:custom comment pages, mini icons, topbar/sidebar browsers: IE8, FF, Safari, Chrome, and Opera

topbar

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

splayed in the wind apart ((flexible squares;milou veronica))

-------------------------------*/
body	{ background: url(http://i40.tinypic.com/b8x0yt.png) #eeeeee repeat fixed 0 0; text-align: center; color: #ffffff; font-family:  Arial, Geneva, sans-serif; font-size: .75em;  margin: 0; padding:0;}
.headerimage {position: relative; background: url(); width: 600px; height: 0px; background-repeat: no-repeat;margin-left: auto;margin-right: auto;margin-bottom: 0px; }
#content{ color: #555555;  width: 780px; margin: 0 auto 0 0; border-width: 0px; padding: 0;}
#maincontent { padding: 0;clear:right;margin-top: 6px;  text-align: left;margin-left: 115px;}
#sidebar { padding:0px; margin-left: 115px; text-align: left; color: #999999; font-size: 7pt; background-color: #FFFFFF;min-height:85px}

/*-------------------HEADER-----------------------*/
#header {line-height:;margin:0px; text-align: right; font-size:.8em; letter-spacing:-.08em; text-transform: uppercase; color: #555555; padding:6px 0 0;}

div#header a, div#header a:link, div#header a:visited{ margin: 0px;}
div#header li.view { padding:}
div#header li.view:hover, ul.navheader li:hover { background-color:#D1D9DF}
ul.navheader{ padding: 0px; margin:28px 0 0;width:110px;float:left;position:fixed;left:0}
ul.navheader li {padding: 1px; margin: 0 0 1px; list-style-type: none; background-color: #CCCCCC; display: block;}

.title {padding:0;line-height:1;font-size: 2em;text-transform: uppercase; color:#333333;letter-spacing:-.08em}
.subtitle{line-height1;text-transform: uppercase;color:#bbbbbb; font-size: .9em;letter-spacing:.1em}

/*-------------------ENTRIES-----------------------*/
.subcontent { min-height: 140px; margin-right:0px; padding-top: 0px; }
.date { text-transform: uppercase; color: #999999; font-size: 6pt; }
.subject {  background-color: transparent ; letter-spacing: -1px; font-size: 1.2em; text-transform: lowercase; line-height: 1; }
.subject a, .subject a:link, .subject a:visited {text-decoration: bold;}
.datesubject {padding: 10px 5px 10px 10px; border-bottom: 1px solid #eeeeee; text-align: right;background-color: #FFFFFF;margin-right:125px}
.entry	{  line-height: 1.5; margin: 0px; padding: 0px; text-align: left; border-width: 0px;background-color: #FFFFFF;margin-right:125px}
.entry_text {padding: 10px 20px;  line-height: 1.75;  margin-bottom: 20px;} 
.entry ul li {padding-left: 5px;margin-left: 15px;}
.entry ol li{padding-left: 5px;margin-left: 15px;}

/*---------------------------USERPICS----------------------------*/
.userpic { position: relative; float: right; padding: 10px; background-color:#FFFFFF ; margin: 0px 0px 10px 10px ; z-index: 15; border:0px solid #dddddd;}
 .userpicfriends { border: 0px solid #eeeeee; position: relative; background-color: transparent !important; float: right; padding: 0 0 3px; margin: 0px 0px 10px 10px; text-align: right; z-index: 15; font-size: 8pt;}
 .userpicfriends img {padding: 10px; background-color:#FFFFFF ; border:0px solid #8FBFBA;}
.userpicfriends a font {color: #bbbbbb;}
.userpic img,  .userpicfriends img {}
/*--------------------------COMMENT BAR-------------------------*/
.comments {background: #eeeeee url(http://i40.tinypic.com/b8x0yt.png) repeat fixed 0 0;  color: #f7f7f7; word-spacing:-3px; font-size: 8pt; text-align: right; padding: 5px 0px 0px 5px; position: relative; top: 0px; text-transform: ; margin-top: 20px;}

div.comments a, div.comments a:visited, div.comments a:link  {word-spacing:1px; padding: 6px; background-color:#ececec; border-width: 0 1px 1px;border-style: solid;border-color: #ececec;}
 div.comments a:hover {background-color:#FFFFFF;border-width: 1px;border-style: solid;border-color: #FFFFFF ;}
  .separator{height: 25px;}

/*-------------------------CURRENTS AND TAGS-------------------------------------*/
.ljtags {text-align: left;  padding: 0 8px;  margin-top: 50px; position: relative; text-transform: lowercase; font-size: 7pt; color: #444; font-weight: bold;}
	.ljtags:hover {border-color: #520204;}  div.ljtags a {font-weight: normal; }

.currents {text-align: left;  margin:0px 20px; padding: 8px;  text-transform: lowercase; font-size: 7pt; color: #999999; background-color: #f7f7f7; border: 1px solid #eeeeee; max-width: 500px;}
	.currents:hover { border-color: #;} 
.currents strong {text-decoration: none; color: #444444;}
.currentlocation { } .currentmood { } .currentgroups { } .currentmusic { }

/*----------------------TAG PAGE------------------------------*/
h2 { background-color: #FFFFFF;padding: 10px 10px 10px 30px;letter-spacing: 0px; font-size: 13pt; text-transform: uppercase; line-height: 100%; color: #ffffff; font-weight: normal; margin: 0; }

.ljtaglist { text-align: left; margin: 0; background-color: #FFFFFF; padding: 3px 15px 15px 35px;  font-size:10px;  list-style: circle; } .ljtaglist li { margin: 3px; padding: 3px; border-bottom: 1px dotted #f4f4f4; }

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

.datesubjectcomment {text-align: left; color: #999999; margin-top: 0px; }
.userpiccomment {  position: relative; padding: 8px; border: 1px solid #ececec; background-color: #FFFFFF;  left: 0px; margin: 0px 10px 0px 0px; z-index: 15; float: left;}
textarea.textbox  {width: 100% !important;}

.reply	{ border: 0px ; position: relative; margin: 20px 30px 10px 30px; padding: 25px 10px 10px 10px; text-align: left; line-height: 1.75;}
.replytosubject {letter-spacing:2px; font-weight: bold;}

.commentreply { line-height:1.75; min-height: 65px; text-align: left; position: relative; margin: 10px 10px 10px 20px;}
.commentbox { border-bottom: 0px solid #eeeeee;  background-color: #FFFFFF;  padding: 30px 10px 10px 20px;margin: 7px 0px 7px 0px;}
.commentbox:hover, .commentboxpartial:hover {border-color: #e6e6e6;}
.commentboxpartial { border-bottom: 0px solid #eeeeee; background-color: #FFFFFF; padding: 10px; margin: 10px;}
.commentinfo { background-color: #ffffff; margin-top: 10px; width: 100%;}

.skiplinks {text-align: right; margin-bottom: 6px;  padding: 10px; font-size: 7pt; letter-spacing: 1px; color: #dddddd;background-color: #FFFFFF}

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

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

.sbarbody2 { padding: 10px;}

ul.sbarlist{ margin: 0px; padding: 0px; margin-left: 0px; list-style: none;}
li.sbaritem{ padding: 4px 4px; border-left: 1px solid #eeeeee; margin:0; display:inline;} li.sbaritem:hover {background-color:#f9f9f9}
li.sbartitle{ text-transform: lowercase;  padding: 4px ; margin: 3px 0; border-bottom: 1px solid #eeeeee;  color: #777777;}

#sidebar_linklist  {text-align:right;padding: 4px 0px 3px;text-transform: lowercase;border-top:1px solid #eeeeee;clear:right} #sidebar_summary, #sidebar_tags, #sidebar_calendar, li.sbartitle { display:none;}

/*---------------------FOOTER----------------------------------*/
#footer {padding:12px 0;text-align:right;margin:0;text-transform: lowercase; font-size: 7pt; letter-spacing: 0px; z-index: 100; float:left;position:fixed;bottom:0;left:0}

ul.navfooter{padding: 0px; margin: 0px;width:110px}
ul.navfooter li  {list-style: none; margin: 1px 0 0; display:block;background-color: #ececec; padding: 2px 8px;  }

div#footer li.viewing { display:none; padding: 7px; margin: 2px;  background-color: #f3f3f3; }
div#footer a, div#footer a:link, div#footer a:visited { color: #aaaaaa; margin: 0;}
 div#footer a:hover,ul.navfooter li:hover {background-color: #FFFFFF; }

.clearfoot {float:left;}

/*-----------------------ARCHIVE PAGE--------------------------------*/
ul.year { background-color: #FFFFFF;  margin: 0px; font-family: Verdana, Geneva, sans-serif;text-align: center; padding: 20px;}
ul.year li {display: inline;}
table.yeartable {margin-top: 0; background-color: #FFFFFF; margin-left: auto; margin-right: auto; padding: 30px; width: 100%;}

table.yeartable td.yeardate, table.yeartable td.yearday { border-width: 1px; border-style: solid; border-color: #eeeeee;}
table.yeartable td.yearday { background-color: #f4f4f4; text-align: center;}
td.yearmonth {border-style: none;}
.clear {display:none; height: 8px;}

/*-----------------------ICONS BY PINVOKE--------------------------------*/

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"], img[src*="userinfo.gif"], img[src*="talk/none.gif"], img[src*="help.gif"], img[src*="pencil.gif"] {height: 0px; width: 0px; padding: 0 0 16px 16px !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/2vx4l1c.png);}
img[src*="icon_private.gif"]{background-image: url(http://i42.tinypic.com/2vayr08.png);}
img[src*="icon_groups.gif"]{background-image: url(http://i39.tinypic.com/2dkde1s.png);}

.ljuser img[src*="syndicated.gif"]{background-image: url(http://i39.tinypic.com/wsra1k.png) !important;}
.ljuser img[src*="newsinfo.gif"] {background-image: url(http://i43.tinypic.com/fmpdax.png) !important;}
.ljuser img[src*="partnercomm.gif"]{background-image: url(http://i39.tinypic.com/2hehb1j.png) !important;}
.ljuser img[src*="sponcomm.gif"] {background-image: url(http://i42.tinypic.com/wl24ht.png) !important;}

img[src*="btn_del.gif"]{background-image: url(http://i42.tinypic.com/2vnoryr.png);}
img[src*="btn_scr.gif"] {background-image: url(http://i39.tinypic.com/52xfeo.png);}
img[src*="btn_unscr.gif"] {background-image: url(http://i44.tinypic.com/2m3kxox.png);}
img[src*="btn_freeze.gif"] {background-image: url(http://i40.tinypic.com/2z99u9t.png);}
img[src*="btn_unfreeze.gif"] {background-image: url(http://i39.tinypic.com/286svlw.png);}
img[src*="btn_track.gif"] {background-image: url(http://i43.tinypic.com/2vwxr1t.png);}
img[src*="btn_tracking.gif"] {background-image: url(http://i43.tinypic.com/14uddhw.png);} 
img[src*="btn_tracking_thread.gif"] {background-image: url(http://i44.tinypic.com/v6s174.png);}
img[src*="anonymous.gif"] {background-image: url(http://i44.tinypic.com/f4ej9g.png);}
img[src*="openid-profile.gif"] {background-image: url(http://i42.tinypic.com/2nuk515.png);}
img[src*="userinfo.gif"] {background-image: url(http://i42.tinypic.com/2d1juxg.png);}
img[src*="talk/none.gif"] {background-image: url(http://i42.tinypic.com/wcbzlu.png);} 
img[src*="help.gif"] {background-image: url(http://i42.tinypic.com/vo24h3.png);}
img[src*="pencil.gif"],img[src*="btn_edit.gif"] {background-image: url(http://i44.tinypic.com/6t3hjp.png);}

.ljuser img {width: 0; height: 0; background: transparent url(http://i42.tinypic.com/2d1juxg.png) no-repeat 0 0; padding: 16px 16px 0 2px !important; vertical-align: text-bottom !important;}
	.ljuser img[src*="userinfo.gif"] {background: transparent url(http://i42.tinypic.com/2d1juxg.png) no-repeat center left !important; padding: 16px 16px 0 2px !important; }
	.ljuser img[src*="community.gif"] { background: transparent url(http://i39.tinypic.com/2h2ehhg.png) no-repeat scroll 0 0 !important; padding: 16px 16px 0 2px !important;}
/*-----------------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: #888888 !important; border: 0px solid #ffffff; background-color: transparent !important; padding: 0px; width: 300px;}
div.ContextualPopup .Userpic { padding: 12px; margin-left: 0px; border: 1px solid #ececec; background-color: #FFFFFF;}
div.ContextualPopup .Content { padding: 5px; background-color: #FFFFFF; border: 1px solid #ececec; 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: 0px;}

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

.Note .Inner, form#postform { 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; font-family: Georgia, Times New Roman, Book Antiqua, serif;}
p, td {font-size: 11px;}

blockquote { padding:15px; margin: 10px;background: #f4f4f4 url() repeat scroll 0 0; color: #777777; }
code {display:block; padding:5px; border:1px dashed #dddddd; font-size: 12px;}
.appwidget-qotd table tr td div {border:1px solid #eeeeee !Important;padding:8px 15px !Important}

kbd, pre, tt {font-family: monospace;} form#qrform table {border-width: 0px !important; background-color: #; padding-right: 6px;}
 input,  textarea  { font-family: "Trebuchet MS", Geneva, sans-serif; font-size: 11px; background: #f7f7f7 url() repeat scroll 0 0; border: 1px solid #eeeeee;color: #666666;}

/*-------------------COLORS-----------------------*/
a, a:link, a:visited, .subject a, div.comments a:hover,.subject a:link, .subject a:visited, code,  .datesubjectcomment a:link, .datesubjectcomment a:visited,  div.ContextualPopup .Relation, .ljuser a b  {
	color: #6D979F; 
	text-decoration: none;}
.ljuser a b {font-weight:normal;font-variant:small-caps}
a:hover, .subject a:hover, div.comments a, div#sidebar a:hover, .datesubjectcomment a:hover,.ljuser a b:hover {color: #868C8F;  background-color: #; text-decoration: none; top: 1px; left: 1px; position:;}
div#header a {color: #ffffff;} div#header a:hover, div#header ul.navheader li:hover a {color: #343434;} a img {border:none}
 .subject a, .subject a:link, .subject a:visited, .subject a:hover, .subject, h2, ul.year {color: #444444;}

sidebar

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

splayed in the wind apart ((flexible squares;milou veronica))

-------------------------------*/
body	{ background: url(http://i40.tinypic.com/b8x0yt.png) #eeeeee repeat fixed 0 0; text-align: center; color: #ffffff; font-family:  Arial, Geneva, sans-serif; font-size: .75em;  margin: 0; padding:0;}
.headerimage {position: relative; background: url(); width: 600px; height: 0px; background-repeat: no-repeat;margin-left: auto;margin-right: auto;margin-bottom: 0px;}
#content{ color: #555555;  min-width: 780px;width:90%; max-width:1100px; margin: 0 auto 0 0; border-width: 0px; padding: 0;}
#maincontent { padding: 0;margin-right: 170px; text-align: left;margin-left: 115px;}
#sidebar { padding:0px;text-align: left; color: #999999; font-size: 7pt; background-color: #FFFFFF;width:160px; float:right}

/*-------------------HEADER-----------------------*/
#header {line-height:;margin:0 170px 0 0; text-align: right; font-size:.8em; letter-spacing:-.08em; text-transform: uppercase; color: #555555; padding:6px 0 0;}

div#header a, div#header a:link, div#header a:visited{ margin: 0px;}
div#header li.view { padding:}
div#header li.view:hover, ul.navheader li:hover { background-color:#D1D9DF}
ul.navheader{padding: 0px; margin:28px auto 0 0;width:110px;float:left;position:fixed;left:0}
ul.navheader li {padding: 1px; margin: 0 0 1px; list-style-type: none; background-color: #CCCCCC; display: block;}

.title {padding:0;line-height:1;font-size: 2em;text-transform: uppercase; color:#333333;margin-left: 115px;letter-spacing:-.08em}
.subtitle{line-height1;text-transform: uppercase;color:#bbbbbb; font-size: .9em;letter-spacing:.1em;margin-left: 115px;height:11px}

/*-------------------ENTRIES-----------------------*/
.subcontent { min-height: 140px; margin-right:0px; padding-top: 0px;background-color: #FFFFFF; }
.date { text-transform: uppercase; color: #999999; font-size: 6pt; }
.subject {  background-color: transparent ; letter-spacing: -1px; font-size: 1.2em; text-transform: lowercase; line-height: 1; }
.subject a, .subject a:link, .subject a:visited {text-decoration: bold;}
.datesubject {padding: 16px 5px 10px 10px; border-bottom: 1px solid #eeeeee; text-align: left;}
.entry	{  line-height: 1.5; margin: 0px; padding: 0px; text-align: left; border-width: 0px;}
.entry_text {padding: 10px 20px;  line-height: 1.75;  margin-bottom: 20px;} 
.entry ul li {padding-left: 5px;margin-left: 15px;}
.entry ol li{padding-left: 5px;margin-left: 15px;}

/*---------------------------USERPICS----------------------------*/
.userpic { position: relative; float: left; padding: 10px; background-color:#FFFFFF ; margin: 10px ; z-index: 15; border:1px solid #f5f5f5;}
 .userpicfriends { border: 0px solid #eeeeee; position: relative; background-color: transparent !important; float: left; padding: 0 0 3px; margin: 10px; text-align: right; z-index: 15; font-size: 8pt;}
 .userpicfriends img {padding: 10px; background-color:#FFFFFF ; border:1px solid #f5f5f5;}
.userpicfriends a font {color: #bbbbbb;}
.userpic img,  .userpicfriends img {}
/*--------------------------COMMENT BAR-------------------------*/
.comments {background: #eeeeee url(http://i40.tinypic.com/b8x0yt.png) repeat fixed 0 0;  color: #f7f7f7; word-spacing:-3px; font-size: 8pt; text-align: right; padding: 5px 0px 0px 5px; position: relative; top: 0px; text-transform: ; margin-top: 20px;}

.currents {text-align: left;  margin:0px 20px; padding: 8px;  text-transform: lowercase; font-size: 7pt; color: #999999; background-color: #f7f7f7; border: 1px solid #eeeeee;}
	.currents:hover { border-color: #;} 
.currents strong {text-decoration: none; color: #444444;}
.currentlocation { } .currentmood { } .currentgroups { } .currentmusic { }

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

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

.skiplinks {text-align: right; margin-bottom: 6px;  padding: 10px; font-size: 7pt; letter-spacing: 1px; color: #dddddd;background-color: #FFFFFF}

/*------------------------SIDEBAR-----------------------------------------*/
.defaultuserpic {margin: 10px;padding:0px; text-align:center;background-color:#FFFFFF}
.defaultuserpic img {padding: 2px;  border: 1px solid #eeeeee; margin-top: 0px; width: 60px; height: 60px; }

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

.sbarbody2 { padding: 10px;}

ul.sbarlist{ margin: 0px; padding: 0px; margin-left: 0px; list-style: none;}
li.sbaritem{ padding: 4px 4px; border-bottom: 1px dotted #f4f4f4; margin:0; display:block;} li.sbaritem:hover {background-color:#f9f9f9}
li.sbartitle{ text-transform: lowercase;  padding: 4px ; margin: 3px 0; border-bottom: 1px solid #eeeeee;  color: #333333;font-size:1.2em}

#sidebar_linklist  {padding: 4px 0px 3px;text-transform: lowercase;border-top:1px solid #eeeeee;clear:right} #sidebar_calendar { padding:5px;}
.sbarcalendar, .sbarcalendarposts {border:1px solid #f6f6f6;font-size:.9em; padding:4px;text-align:center} .sbarcalendarposts {background-color:#f9f9f9}

ul.navfooter{padding: 0px; margin: 0px;width:110px}
ul.navfooter li  {list-style: none; margin: 1px 0 0; display:block;background-color: #ececec; padding: 2px 8px;  }

.clearfoot {float:left;}

/*-----------------------ICONS BY PINVOKE--------------------------------*/

.ljuser img {width: 0; height: 0; background: transparent url(http://i42.tinypic.com/2d1juxg.png) no-repeat 0 0; padding: 16px 16px 0 2px !important; vertical-align: text-bottom !important;}
	.ljuser img[src*="userinfo.gif"] {background: transparent url(http://i42.tinypic.com/2d1juxg.png) no-repeat center left !important; padding: 16px 16px 0 2px !important; }
	.ljuser img[src*="community.gif"] { background: transparent url(http://i39.tinypic.com/2h2ehhg.png) no-repeat scroll 0 0 !important; padding: 16px 16px 0 2px !important; } 
/*-----------------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: #888888 !important; border: 0px solid #ffffff; background-color: transparent !important; padding: 0px; width: 300px;}
div.ContextualPopup .Userpic { padding: 12px; margin-left: 0px; border: 1px solid #ececec; background-color: #FFFFFF;}
div.ContextualPopup .Content { padding: 5px; background-color: #FFFFFF; border: 1px solid #ececec; 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: 0px;}

b, u { color: #222222;}
i, s { color: #aaaaaa; font-family: Georgia, Times New Roman, Book Antiqua, serif;}
p, td {font-size: 11px;}

installation
01.	Choose Journal Style
02.	Select "Grays" Flexible Squares layout in "Select a New Theme"
03.	In Choose a Page Setup, select 2 Column (sidebar on right) or 2 Column (sidebar on left).
04.	Go to " Customise your Theme " and then "Style ". Change the "Background color of the outer table" to #FFFFFF.
05.	Then go to the "Sidebar" section. Make sure all the sidebar elements you wish to show 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:
Q&A	♚ mini icons by Pinvoke ♚ Upload images to your own server ♚ 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 4
<<	[1] [2] [3] [4]	>>

(98 comments) - (Post a new comment)

	carbonic_kitten 2009-04-14 12:07 am UTC (link)
	Happy Birthday! As always your layouts never seem to disappoint, wonderful batch! (Reply to this) (Thread)

	milou_veronica 2009-04-14 12:19 am UTC (link)
	Thank-you sweetie ♥ (Reply to this) (Parent)

	exaequo 2009-04-14 12:10 am UTC (link)
	pretty layouts! fantastic work as always. i might use one in the future ~ also, happy birthday! xD (Reply to this) (Thread)

	milou_veronica 2009-04-14 12:30 am UTC (link)
	Thank-you! (Reply to this) (Parent)

	chinaraspberry 2009-04-14 12:13 am UTC (link)
	Oh hai happy birthday :] I love the one with the sidebar, I <3 sidebars. Edited at 2009-04-14 12:29 am UTC (Reply to this) (Thread)

	milou_veronica 2009-04-14 12:34 am UTC (link)
	Thank-you :) (Reply to this) (Parent)

	leafed 2009-04-14 12:18 am UTC (link)
	HAPPY BIRTHDAY AWESOME LAYOUT MAKER ;) (Reply to this) (Thread)

	milou_veronica 2009-04-14 12:35 am UTC (link)
	Ahah, thank-you! (Reply to this) (Parent)

	mandarinascent 2009-04-14 12:22 am UTC (link)
	Happy birthday!! LOL. I just changed my layout and you post new ones that make me want to change it again! But I have to control myself, so adding these ones to memories. :) (Reply to this)

	spirites 2009-04-14 12:37 am UTC (link)
	Happy b-day! And using the first one, thank you! (Reply to this)

	kasenshiki 2009-04-14 12:50 am UTC (link)
	HAPPY BIRTHDAY♥ Thanks for making all these awesome layouts and sharing'em with us :) (Reply to this)

	lovewls 2009-04-14 12:50 am UTC (link)
	Love your layout! Happy Birthday! Mem-ing. (Reply to this)

	tomoyodesu 2009-04-14 12:56 am UTC (link)
	Happy birthday! Thanks for always making such amazing layouts ♥♥ (Reply to this)

	piratelicker 2009-04-14 01:19 am UTC (link)
	layout works fine in IE7, just thought I let you know... happy birthday btw. thanks for another batch of great layouts. (Reply to this)

	sglitzys 2009-04-14 01:25 am UTC (link)
	Happy Birthday! Thank you for sharing your layouts with us and with easy step-by-step instructions too! ♥ (Reply to this)

	chuyr0x 2009-04-14 01:30 am UTC (link)
	love them, using the first one & crediting. (Reply to this)

	shellforbrains 2009-04-14 01:50 am UTC (link)
	happy birthday~!this layout is cute ^^ ♥ (Reply to this)

	mizukita 2009-04-14 01:56 am UTC (link)
	thank you! (Reply to this)

	80slitenite 2009-04-14 02:07 am UTC (link)
	Happy Birthday!! I hope you have an awesome day. :) (Reply to this)

	xxsmoothopexx 2009-04-14 02:16 am UTC (link)
	Happy birthday! (Reply to this)

	jubella 2009-04-14 02:37 am UTC (link)
	♥HAPPY BIRTHDAY!♥ (Reply to this)

	lustricatious 2009-04-14 02:58 am UTC (link)
	Awesome layout! Taking the sidebar version. And, happy birthday! 8) (Reply to this)

	yuuten 2009-04-14 03:20 am UTC (link)
	Happy Birthday! :D (Reply to this)

	regele 2009-04-14 03:36 am UTC (link)
	Love it ;) (Reply to this)

	yuhime 2009-04-14 04:41 am UTC (link)
	Happy Birthday! :D I hope you had a lovely one <3 And thanks for sharing layouts with us, even on your special day ^^ They're magnificent, as usual! (Reply to this)

	thecursiveq 2009-04-14 05:27 am UTC (link)
	Happy birthday!! And thank you for the new gorgeous layout ♥ (Reply to this)

	ghost_factory 2009-04-14 06:00 am UTC (link)
	happy birthday ♥ these layouts are marvellous as usual. :> (Reply to this)

	violetdarko 2009-04-14 06:00 am UTC (link)
	Happy b-day! (Reply to this)

	tribulation 2009-04-14 06:26 am UTC (link)
	Happy birthday! Fantastic layout as usual. And I agree, go FireFox or go home! ;) (Reply to this)

(98 comments) - (Post a new comment)

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

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