milou_veronica: s2 layout: choke on the smoke [flexible squares]

use your woman as a human shield (

milou_veronica) wrote,
@ 2009-04-07 13:59:00

Entry tags:

style: flexible squares, wot: s2 layout

s2 layout: choke on the smoke [flexible squares]

image \| live	image \| live
image \| live	layout:choke on the smoke style: flexible squares accounts: Basic, Paid, and Sponsored features:custom comment pages, mini icons, topbar browsers: IE7, FF, Safari, Chrome, and Opera

white

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

choke on the smoke in white((flexible squares; milou veronica))

-------------------------------*/
body	{ background: url() #eeeeee repeat fixed 0 0; text-align: center; color: #ffffff; font-family:  "Trebuchet MS", Geneva, sans-serif; font-size: 11px;  margin: 0; padding: 0px 0 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; max-width:900px;margin: 0 auto 0 0; border-width: 0px; padding: 10px 10px 0 0;}
#maincontent { padding: 0;clear:right;margin-top: 6px;  text-align: left;margin-left: 215px;}
#sidebar { padding:10px; margin: 6px 0 0; margin-left: 215px; text-align: left; color: #999999; font-size: 7pt; background-color: #FFFFFF;min-height:85px;}

/*-------------------HEADER-----------------------*/
#header {line-height:.7;margin: 5px 1px 0px; text-align: right; font-size: 40pt;  text-transform: uppercase; color: #aaa; padding:0px;}

div#header a, div#header a:link, div#header a:visited{ margin: 0px;}
div#header li.view { }
div#header li.view:hover, ul.navheader li:hover { background-color:#}
ul.navheader{ padding: 0px; margin:0; overflow: hidden;width:210px;float:left}
ul.navheader li {padding: 0px; margin: 0px; list-style-type: none; border-bottom:0px solid #222222; border-right:0px solid #FFFFFF;display: block;}

.title {display:none;padding: 30px 0 0; letter-spacing: -4px;line-height:.9;font-size: 27pt;text-transform: lowercase; color:#ffffff}
.subtitle{display:none;text-transform: lowercase;color:#666666;line-height:.9; font-size: 16pt;color:#444444 }

/*-------------------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: 14pt; text-transform: lowercase; line-height: 1; }
.subject a, .subject a:link, .subject a:visited {text-decoration: bold;}
.datesubject {padding: 10px 5px 15px 10px; border-bottom: 0px solid #eeeeee; text-align: right;background-color: #FFFFFF;margin-right:90px}
.entry	{ margin: 0px; padding: 0px; text-align: left;  line-height: 1.56; border-width: 0px;background-color: #FFFFFF;margin-right:90px}
.entry_text {   font-size: 11px; padding: 10px 20px;  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: 2px; background-color: #eeeeee; margin: 0px 0px 10px 10px ; z-index: 15; border: 10px solid #8FBFBA;}
 .userpicfriends { border: 0px solid #eeeeee; position: relative; background-color: #eeeeee !important; float: right; padding: 0 0 3px; margin: 0px 0px 10px 10px; text-align: right; z-index: 15; font-size: 8pt;}
 .userpicfriends img {border: 0px; padding: 3px; border:10px solid #8FBFBA;}
.userpicfriends a font {color: #bbbbbb;}
.userpic img,  .userpicfriends img {width:60px;height:60px}
/*--------------------------COMMENT BAR-------------------------*/
.comments {background-color: #eeeeee;  color: #eeeeee; word-spacing:-5px; 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:#f7f7f7; border-width: 0 1px 1px;border-style: solid;border-color: #f7f7f7;}
 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: #444;}
.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 0 0; padding:0px; text-align:center;float:right}
.defaultuserpic img {padding: 3px;  border: 1px solid #eeeeee; margin-top: 0px; width: 60px; height: 60px; }

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

.sbarbody2 { padding: 0px 5px 7px 5px; }

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

#sidebar_linklist  {text-transform: lowercase} #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;width:200px;position:fixed;bottom:0}

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

div#footer li.viewing { display:none; padding: 7px; margin: 2px;  background-color: #f7f7f7; }
div#footer a, div#footer a:link, div#footer a:visited { color: #aaaaaa; background-color: #f7f7f7; padding: 10px; margin: 2px;}
 div#footer a: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://i44.tinypic.com/2i957rd.png);}
img[src*="btn_scr.gif"] {background-image: url(http://i42.tinypic.com/2s1abgk.png);}
img[src*="btn_unscr.gif"] {background-image: url(http://i40.tinypic.com/2ef4xgp.png);}
img[src*="btn_freeze.gif"] {background-image: url(http://i39.tinypic.com/j982gg.png);}
img[src*="btn_unfreeze.gif"] {background-image: url(http://i41.tinypic.com/255pf1v.png);}
img[src*="btn_track.gif"] {background-image: url(http://i43.tinypic.com/2qvut76.png);}
img[src*="btn_tracking.gif"] {background-image: url(http://i43.tinypic.com/1zwj9cn.png);} 
img[src*="btn_tracking_thread.gif"] {background-image: url(http://i39.tinypic.com/hreo9y.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/317inbo.png);}
img[src*="talk/none.gif"] {background-image: url(http://i44.tinypic.com/2qvgzt5.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/317inbo.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/317inbo.png) no-repeat center left !important; padding: 16px 16px 0 2px !important; }
	.ljuser img[src*="community.gif"] { background: transparent url(http://i43.tinypic.com/250s9zq.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: #6BBF9E;  background-color: #; text-decoration: none; top: 1px; left: 1px; position:;}
div#header a   {color: #8FBFBA;} div#header a:hover {color: #FFFFFF;} a img {border:none}
 .subject a, .subject a:link, .subject a:visited, .subject a:hover, .subject, h2, ul.year {color: #6D979F;}

black

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

choke on the smoke in black ((flexible squares; milou veronica))

-------------------------------*/
body	{ background: url() #222222 repeat fixed 0 0; text-align: center; color: #ffffff; font-family:  "Trebuchet MS", Geneva, sans-serif; font-size: 11px;  margin: 0; padding: 0px 0 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: #cccccc; max-width:900px; min-width: 780px; margin: 0 auto 0 0; border-width: 0px; padding: 10px 10px 0 0;}
#maincontent { padding: 0;clear:right;margin-top: 6px;  text-align: left;margin-left: 215px;}
#sidebar { padding:10px; margin: 6px 0 0; margin-left: 215px; text-align: left; color: #999999; font-size: 7pt; background-color: #1a1a1a;min-height:85px;}

/*-------------------HEADER-----------------------*/
#header {line-height:.7;margin: 5px 1px 0px; text-align: right; font-size: 40pt;  text-transform: uppercase; color: #555555; padding:0px;}

div#header a, div#header a:link, div#header a:visited{ margin: 0px;}
div#header li.view { }
div#header li.view:hover, ul.navheader li:hover { background-color:#}
ul.navheader{ padding: 0px; margin: 0;overfow:hidden;width:210px;float:left}
ul.navheader li {padding: 0px; margin: 0px; list-style-type: none; border-bottom:0px solid #222222; border-right:0px solid #222222;display: block;}

/*-------------------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: 14pt; text-transform: lowercase; line-height: 1; }
.subject a, .subject a:link, .subject a:visited {text-decoration: bold;}
.datesubject {padding: 10px 5px 15px 10px; border-bottom: 0px solid #eeeeee; text-align: right;background-color: #1a1a1a;margin-right:90px}
.entry	{ margin: 0px; padding: 0px; text-align: left;  line-height: 1.5; border-width: 0px;background-color: #1a1a1a;margin-right:90px}
.entry_text {   font-size: 11px; padding: 10px 20px;  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: 2px; background-color: #222222; margin: 0px 0px 10px 10px ; z-index: 15; border: 10px solid #1a1a1a;}
 .userpicfriends { border: 0px solid #eeeeee; position: relative; background-color: #222222 !important; float: right; padding: 0 0 3px; margin: 0px 0px 10px 10px; text-align: right; z-index: 15; font-size: 8pt;}
 .userpicfriends img {border: 0px; padding: 3px; border:10px solid #1a1a1a;}
.userpicfriends a font {color: #bbbbbb;}
.userpic img,  .userpicfriends img {width:60px;height:60px}
/*--------------------------COMMENT BAR-------------------------*/
.comments {background-color: #222222;  color: #222222; word-spacing:-5px; font-size: 8pt; text-align: right; padding: 6px 0px 6px 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:#1d1d1d; border-width: 1px;border-style: solid;border-color: #1d1d1d ; }
 div.comments a:hover {background-color:#1a1a1a;border-color: #1a1a1a ;}
  .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: #999999; 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: #1d1d1d; border: 1px solid #181818; max-width: 500px;}
	.currents:hover { border-color: #;} 
.currents strong {text-decoration: none; color: #ffffff;}
.currentlocation { } .currentmood { } .currentgroups { } .currentmusic { }

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

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

/*---------------------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 #171717; background-color: #171717;  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: #1a1a1a;  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: #1a1a1a; 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: #1a1a1a}

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

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

.sbarbody2 { padding: 0px 5px 7px 5px; }

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

#sidebar_linklist  {text-transform: lowercase} #sidebar_summary, #sidebar_tags, #sidebar_calendar, li.sbartitle {display:none;}

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

div#footer li.viewing { display:none; padding: 7px; margin: 2px;  background-color: #1a1a1a; }
div#footer a, div#footer a:link, div#footer a:visited { color: #aaaaaa; background-color: #1a1a1a; padding: 10px; margin: 2px;}
 div#footer a:hover {background-color: #111111; }

.clearfoot {float:left;}

/*-----------------------ARCHIVE PAGE--------------------------------*/
ul.year { background-color: #1a1a1a;  margin: 0 0 0px; font-family: Verdana, Geneva, sans-serif;text-align: center; padding: 20px;}
ul.year li {display: inline;}
table.yeartable {margin-top: 5px; background-color: #1a1a1a; 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: #222222;}
table.yeartable td.yearday { background-color: #131313; 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; }

.Note .Inner { background: #181818 none repeat scroll 0 0; border: 1px solid #1d1d1d; color: #aaaaaa;} .ippu .track_title {letter-spacing: 3px; color: #dddddd; font-weight: normal;} div.ljcmtmanage { background: #181818 none repeat scroll 0 0;  border: 1px solid #1d1d1d; 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: #888888 !important; border: 0px solid #ffffff; background-color: transparent !important; padding: 0px; width: 300px;}
div.ContextualPopup .Userpic { padding: 12px; margin-left: 0px; border: 0px solid #eeeeee; background-color: #161616;}
div.ContextualPopup .Content { padding: 5px; background-color: #161616; border: 0px solid #EEEEEE; margin: 4px 80px 4px 4px;}
div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited { text-decoration: none !important; font-weight: bold; color: #555555 !important;}
div.ContextualPopup .Relation { text-transform: lowercase; font-size: 9pt; letter-spacing: 0px;}

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

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

blockquote { padding:15px; margin: 10px;background: #1d1d1d url() repeat scroll 0 0; color: #777777; }
code {display:block; padding:5px; border:1px dashed #222222; font-size: 12px;}
.appwidget-qotd table tr td div {border:1px solid #2d2d2d !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: #1d1d1d url() repeat scroll 0 0; border: 1px solid #222222;color: #777777;}

/*-------------------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: #8FBFBA;  background-color: #; text-decoration: none; top: 1px; left: 1px; position:;}
div#header a   {color: #8FBFBA;} div#header a:hover {color: #eeeeee;} 
 .subject a, .subject a:link, .subject a:visited, .subject a:hover, .subject, h2, ul.year {color: #8FBFBA;}

raiiiiiinbow

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

choke on the smoke in rainbow ((flexible squares; milou veronica))

-------------------------------*/
body	{ background: url() #eeeeee repeat fixed 0 0; text-align: center; color: #ffffff; font-family:  "Trebuchet MS", Geneva, sans-serif; font-size: 11px;  margin: 0; padding: 0px 0 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; max-width:950px;margin: 0 auto 0 0; border-width: 0px; padding: 10px 10px 0 0;}
#maincontent { padding: 0;clear:right;margin-top: 6px;text-align: left;margin-left: 215px;}
#sidebar { padding:10px; margin: 6px 0 0; margin-left: 215px; text-align: left; color: #999999; font-size: 7pt; background-color: #FFFFFF;min-height:85px;}

/*-------------------HEADER-----------------------*/
#header {line-height:.8;margin: 5px 1px 0px; text-align: right; text-transform: uppercase; color: #aaa; padding:0px;}

div#header a, div#header a:link, div#header a:visited{ margin: 0px;}
div#header li.view { }
div#header li.view:hover, ul.navheader li:hover { background-color:#}
ul.navheader{ padding: 0 7px 0 0;font-size:5em;letter-spacing:-.15em; margin:0; overflow: hidden;width:205px;float:left}
ul.navheader li {padding: 0px; margin: 0px; list-style-type: none; border-bottom:0px solid #222222; border-right:0px solid #FFFFFF;display: block;}

.title {padding: 0px 0 0; letter-spacing: -4px;line-height:.9;font-size: 3em;text-transform: lowercase; color:#DC65A9}
.subtitle{text-transform: lowercase;color:#666666;line-height:.9; font-size: .8em;color:#aaa }

/*-------------------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: 14pt; text-transform: lowercase; line-height: 1; }
.subject a, .subject a:link, .subject a:visited {text-decoration: bold;}
.datesubject {padding: 10px 5px 15px 10px; border-bottom: 0px solid #eeeeee; text-align: right;background-color: #FFFFFF;margin-right:140px}
.entry	{ margin: 0px; padding: 0px; text-align: left;  line-height: 1.56; border-width: 0px;background-color: #FFFFFF;margin-right:140px}
.entry_text {   font-size: 11px; padding: 10px 20px;  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: 1px; background-color: #eeeeee; margin: 0px 0px 10px 10px ; z-index: 15; border: 17px solid #BBDF29;}
 .userpicfriends { border: 0px solid #eeeeee; position: relative; background-color: #eeeeee !important; float: right; padding: 0 0 3px; margin: 0px 0px 10px 10px; text-align: right; z-index: 15; font-size: 8pt;}
 .userpicfriends img {border: 0px; padding: 1px; border:17px solid #BBDF29;}
.userpicfriends a font {color: #bbbbbb;}
/*--------------------------COMMENT BAR-------------------------*/
.comments {background-color: #eeeeee;  color: #eeeeee; word-spacing:-5px; font-size: 8pt; text-align: right; padding: 5px 0px 0px 5px; position: relative; top: 0px; text-transform: ; margin-top: 20px;}

/*---------------------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: 0; padding:0px; text-align:center;float:right}
.defaultuserpic img {padding: 1px;  border: 13px solid #FF6F90; margin-top: 0px; width: 60px; height: 60px; }

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

.sbarbody2 { padding: 0px 5px 7px 5px;}

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

#sidebar_linklist  {text-transform: lowercase} #sidebar_summary, #sidebar_tags, #sidebar_calendar, li.sbartitle {display:none;}

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

.clearfoot {float:left;}

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

img[src*="btn_del.gif"]{background-image: url(http://i44.tinypic.com/2i957rd.png);}
img[src*="btn_scr.gif"] {background-image: url(http://i42.tinypic.com/2s1abgk.png);}
img[src*="btn_unscr.gif"] {background-image: url(http://i40.tinypic.com/2ef4xgp.png);}
img[src*="btn_freeze.gif"] {background-image: url(http://i39.tinypic.com/j982gg.png);}
img[src*="btn_unfreeze.gif"] {background-image: url(http://i41.tinypic.com/255pf1v.png);}
img[src*="btn_track.gif"] {background-image: url(http://i43.tinypic.com/2qvut76.png);}
img[src*="btn_tracking.gif"] {background-image: url(http://i43.tinypic.com/1zwj9cn.png);} 
img[src*="btn_tracking_thread.gif"] {background-image: url(http://i39.tinypic.com/hreo9y.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://i41.tinypic.com/24d39lf.png);}
img[src*="talk/none.gif"] {background-image: url(http://i44.tinypic.com/2qvgzt5.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://i41.tinypic.com/24d39lf.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://i41.tinypic.com/24d39lf.png) no-repeat center left !important; padding: 16px 12px 0 2px !important; }
.ljuser img[src*="userinfo.gif"]:hover {background-image: url(http://i40.tinypic.com/nno9l3.png) !Important}
	.ljuser img[src*="community.gif"] { background: transparent url(http://i39.tinypic.com/2yyedue.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;}

/*-------------------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: #F7C52E; 
	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: #F7872E;}
div#header a   {color: #8FBFBA;} div#header a:hover {color: #FFFFFF;} a img {border:none}
 .subject a, .subject a:link, .subject a:visited, .subject a:hover, .subject, h2, ul.year {color: #29C1DF;}

div#header a, div#header a:link, div#header a:visited{color:#F7872E;} div#header a:hover{color:#FF6F90;}
div#header li.view {color:#F7C52E;} div#header li.view:hover {color:#FF6F90;}

div#header a[href*="/calendar"]{color: #BBDF29 !Important;} div#header a:hover[href*="/calendar"]{color: #F7872E !Important;}
div#header a[href*="/friends"]{color: #FF6F90 !Important;}div#header a:hover[href*="/friends"]{color: #F7C52E !Important;}
div#header a[href*="/profile"]{color: #29C1DF !Important;}div#header a:hover[href*="/profile"]{color: #BBDF29 !Important;}
body.lj-view-entry div#header a[href*="livejournal.com/"] {color:#F7C52E;} body.lj-view-entry div#header a:hover[href*=".livejournal.com/"] {color:#29C1DF;}

installation
01.	Choose Journal Style
02.	Select "Grays" Flexible Squares layout if using the white version, and Autumn if using the black, 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 (for the white/rainbow) or #222222 (for the black).
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 12
<<	[1] [2] [3] [4] [5] [6] [7] [8] [9] [10] [11] [12]	>>

(316 comments) - (Post a new comment)

	xoxoknlove 2009-04-07 04:18 am UTC (link)
	using the white one!! thank you <33 great work by the way~~ (Reply to this) (Thread)

	milou_veronica 2009-04-07 04:20 am UTC (link)
	Thanks! (Reply to this) (Parent)

	unscentedbox 2009-04-07 04:24 am UTC (link)
	using the white one!<3 (Reply to this) (Thread)

	milou_veronica 2009-04-07 06:00 am UTC (link)
	:D Thank-you dear! (Reply to this) (Parent)

	air_crash 2009-04-07 04:25 am UTC (link)
	love this one! using black. (Reply to this) (Thread)

	milou_veronica 2009-04-07 06:01 am UTC (link)
	Thank-you ♥ (Reply to this) (Parent)

	beckslfd 2009-04-07 04:25 am UTC (link)
	Love these layouts! Great job on them all. I can't wait to play around with these. :D (Reply to this) (Thread)

	milou_veronica 2009-04-07 06:09 am UTC (link)
	Thank-you! (and have fun ♥) (Reply to this) (Parent)

	bebejoy 2009-04-07 04:26 am UTC (link)
	gorgeous. mem'ing. (: (Reply to this)

	der_letze_tag92 2009-04-07 04:26 am UTC (link)
	As always, color always catches my attention. I love the raindow and the black one. Really cute. ^^ (Reply to this)

	idolette 2009-04-07 04:28 am UTC (link)
	Very pretty! :] I especially like the rainbow one, I'm adding this to my memories for future use. (Reply to this)

	momenti_diversi 2009-04-07 04:29 am UTC (link)
	Using the rainbow coloured one. It's amazing. Thanks! (Reply to this)

	frenchxsoul 2009-04-07 04:30 am UTC (link)
	♥ :D I LOVE these. especially the last one it's so bright! (Reply to this)

	comewhatmay 2009-04-07 04:37 am UTC (link)
	love love love! I must say I am very spoiled, I only ever use your layout! All other ones are just not good enough! <3 (Reply to this)

	city_thiev 2009-04-07 04:50 am UTC (link)
	Gorgeous ♥ I'm taking the rainbow one. Thank you! (Reply to this)

	yuuten 2009-04-07 05:18 am UTC (link)
	LOVE these! _ totally memming ♥ (Reply to this)

	browneyedgirlx2 2009-04-07 05:25 am UTC (link)
	Oh my, these are gorgeous! ♥ Adding to mems for later! :) (Reply to this)

	lolicount 2009-04-07 05:27 am UTC (link)
	I just changed my layout yesterday, but I'm changing it again! :D (Reply to this)

	fantazeyes 2009-04-07 05:29 am UTC (link)
	the colors are so just so cute and summery :) (Reply to this)

	kazutakia 2009-04-07 05:50 am UTC (link)
	The rainbow one is just so summery! Adding to memories so I can use it when the weather matches the layout. :D (Reply to this)

	piratelicker 2009-04-07 05:54 am UTC (link)
	pretty layouts... I wish my browser would render it proper. sighs (Reply to this) (Thread)

	milou_veronica 2009-04-07 06:00 am UTC (link)
	what browser are you using? (Reply to this) (Parent)(Thread)

(no subject) -

piratelicker, 2009-04-07 07:06 am UTC

	ana_leez 2009-04-07 06:17 am UTC (link)
	Gosh, these are amazing. I especially like the rainbow one! :D (Reply to this)

	imconfusedotcom 2009-04-07 07:11 am UTC (link)
	oh, these are gorgeous, as usual ♥ (and i always love your choice of music too) (Reply to this)

	yellowchalk 2009-04-07 07:29 am UTC (link)
	the summery one is adorable! (Reply to this)

	pamparumpum 2009-04-07 08:01 am UTC (link)
	Ooh getting the Rainbow one 8D Will credit! (Reply to this)

	ririne 2009-04-07 08:26 am UTC (link)
	Awesome ! Taking the Rainbow one for one of my community, thank you! (Reply to this)

	inpeopleshapes 2009-04-07 08:30 am UTC (link)
	OH MY FREAKING GOD. THE RAINBOW ONE. Why do you always post such LOVELY layouts just as I've changed mine??? I'm snagging it for my icon comm cos it HAS the be used somewhere. Great work <3 (Reply to this)

	akima_san 2009-04-07 08:43 am UTC (link)
	I love the rainbow one! Thank you so much ♥. (Reply to this)

	shakeyourpompom 2009-04-07 09:22 am UTC (link)
	These layouts are fantastic! I just changed to the rainbow layout! Love it! Thank you! :D (Reply to this)

(316 comments) - (Post a new comment)

Page 1 of 12
<<	[1] [2] [3] [4] [5] [6] [7] [8] [9] [10] [11] [12]	>>

image \| live	image \| live
image \| live	layout:choke on the smoke style: flexible squares accounts: Basic, Paid, and Sponsored features:custom comment pages, mini icons, topbar 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

LJ Labs

Store