milou_veronica: s2 layout: you were never good [flexible squares]

use your woman as a human shield (

milou_veronica) wrote,
@ 2009-01-01 07:57:00

Entry tags:

style: flexible squares, wot: s2 layout

s2 layout: you were never good [flexible squares]

layout: you were never good
style: flexible squares
accounts: Basic, Paid, and Sponsored
features:custom comment pages, mini icons, topbar
browsers: IE7, FF, Safari, and Opera

picture | live

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

you were never good ((flexible squares; basic, plus and paid; milou veronica))

-------------------------------*/
body	{ background: #EEEEEE url(http://i37.tinypic.com/214beye.png) repeat fixed 0 0; text-align: center; color: #ffffff; font-family:  Arial, Tahoma, "Verdana", sans-serif; font-size: 8pt;  margin: 0px; padding: 0px;}
.headerimage {position: relative; background: url(); width: 770px; height: 0px; background-repeat: no-repeat;margin-left: auto;margin-right: auto;margin-bottom: 0px; }
#content{ color: #555555;  margin-left: auto; margin-right: auto; margin-top: 0px; border-width: 0px; padding: 0px;}
#maincontent { padding: 0px;   margin-top: 0px;  text-align: left;margin-left: auto; margin-right: auto; width: 620px;  }
#sidebar { font-family:  Courier New, Courier, monospace;  padding:0px 5px;   text-align: left; color: #999999; font-size: 7pt;  margin: 0 auto 5px; background-color: #000000; min-height: 120px; width: 610px; -moz-border-radius-bottomleft:20px; -moz-border-radius-bottomright:20px;  -moz-border-radius-topleft:0; -moz-border-radius-topright:0; }

/*-------------------HEADER-----------------------*/
#header {background-color: #; font-family:  Courier New, Courier, monospace; margin: 20px 0 0px; text-align: center; font-size: 27pt; font-weight: bold; letter-spacing: -6px; text-transform: lowercase; color: #000000; padding: 0px 0px; line-height: 0.5;}
div#header a, div#header a:link, div#header a:visited{ color: #; padding: 0px; margin:0px;}
div#header li.view { padding: 0px; margin: 0px;}
div#header li.view:hover { position: relative; bottom: 6px; }
ul.navheader{ padding: 0px; margin: 0px; display:inline;}
ul.navheader li {padding: 15px 0px 20px 0px; margin: 0px; list-style-type: none;  display: inline;}
.title {display:none; margin: 0px; text-align: center; font-size: 7pt;  line-height: 1.5;width: 110px; }
.subtitle{display:none; text-align: center; color:#666666; font-size: 6pt;line-height: 1.5; width: 110px; }

/*-------------------ENTRIES-----------------------*/
.subcontent { min-height: 140px; margin-right:0px;  background-color: #ffffff; border: 1px solid #ededed; -moz-border-radius: 20px;} 
.date { text-transform: uppercase; color: #eeeeee; font-size: 14pt; letter-spacing: -2px; position: absolute;padding-top: 6px;}
.subject {  background-color: transparent ; letter-spacing: -6px; font-size: 22pt; text-transform: lowercase; line-height: 100%; position: absolute; padding: 10px 0 0 10px; width:470px;}
.subject a, .subject a:link, .subject a:visited {text-decoration: bold;}
.datesubject { font-family:  Courier New, Courier, monospace; padding: 0px 5px 5px 10px; border-bottom: 0px solid #eeeeee; text-align: left; height: 40px;}
.entry	{ margin: 0px; padding: 25px;   text-align: left;  line-height: 1.75; border-width: 0px;}
.entry_text {  font-family: Arial, Tahoma, "Verdana", sans-serif;    margin-bottom: 0px;} 
.entry ul li {padding-left: 5px;margin-left: 15px;} .entry ol li{padding-left: 5px;margin-left: 15px;}   .separator{height: 15px;}

/*---------------------------USERPICS----------------------------*/
.userpic { position: relative; float: right; padding: 2px; background-color: #dddddd; margin: 10px 10px 10px 10px ; z-index: 15; border:  0px solid #eeeeee;}
 .userpicfriends { border: 0px solid #eeeeee; position: relative; background-color: transparent !important; float: right; padding: 3px; margin: 10px 10px 10px 10px ; text-align: right; z-index: 15; font-size: 11pt;}
 .userpicfriends img {border: 0px; padding: 2px; border:  0px solid #eeeeee; background-color: #dddddd; }
.userpicfriends a font {color: #bbbbbb;}
/*-------------------------CURRENTS AND TAGS -------------------------------------*/
.ljtags {font-family:  Courier New, Courier, monospace; padding: 2px 2px 2px 14px;  margin-top: 50px; position: relative; text-transform: lowercase; font-size: 7.5pt; color: #888888;  font-weight:bold; margin-left: 15px;}  div.ljtags a {font-weight: normal; }
.currents { font-family:  Courier New, Courier, monospace; margin-top:0px; padding:  10px 0 0 15px;  text-transform: lowercase; font-size: 7.5pt;color: #646464; }
.currents strong {text-decoration: none; }
.currentlocation, .currentmood , .currentgroups, .currentmusic {padding: 2px 2px 2px 14px; }

/*--------------------------COMMENT BAR-------------------------*/
.comments {border: 0px solid #f1f1f1; font-family:  Courier New, Courier, monospace;  color: #ffffff;  font-size: 8pt; text-align: right; padding: 6px 5px 6px 5px; position: relative; top: 0px; text-transform: ; margin-top: 20px;}
 div.comments a, div.comments a:visited, div.comments a:link  { padding: 6px; background-color:#f9f9f9; border: 1px solid #eeeeee; }
 div.comments a:hover {background-color:#f3f3f3; border-width: 2px 1px 1px 2px; padding: 5px 6px 6px 5px;}
/*----------------------TAG PAGE------------------------------*/
h2 { background-color: #ffffff;   padding: 10px 10px 10px 30px;  font-family:  Courier New, Courier, monospace; letter-spacing: 0px; font-size: 13pt; text-transform: uppercase; line-height: 100%; color: #444444; font-weight: normal; margin: 0px; border: 1px solid #dddddd; border-bottom: none;  -moz-border-radius-bottomleft: 0px; -moz-border-radius-bottomright: 0px;  -moz-border-radius-topleft: 20px; -moz-border-radius-topright: 20px;} 
.ljtaglist {text-align: left; margin: 0px; padding: 3px 15px 15px 35px; background-color: #ffffff; font-size:10px; list-style: square ;border: 1px solid #dddddd; border-top: none;  -moz-border-radius-bottomleft:20px; -moz-border-radius-bottomright:20px;  -moz-border-radius-topleft:0; -moz-border-radius-topright:0;} .ljtaglist li { margin: 3px; padding: 3px; border-bottom: 1px dotted #e6e6e6;  }

/*---------------------COMMENT PAGE-----------------------------*/
.box { text-align: left; padding: 0px;}
.datesubjectcomment {color: #999999; margin-top: 0px; }
.userpiccomment {  position: relative; padding: 3px; border: 1px solid #eeeeee; background-color: #dddddd;  left: 0px; margin: 0px 10px 0px 0px; z-index: 15; float: left;}
textarea.textbox  {width: 100% !important;}
.reply	{ border: 0px ; position: relative; margin: 20px 30px 10px 30px; padding: 25px 10px 10px 10px; text-align: left; line-height: 1.75;}
.replytosubject {letter-spacing:2px; font-weight: bold;}
.commentreply { line-height:1.75; min-height: 65px; text-align: left; position: relative; margin: 10px 10px 10px 120px;}
.commentbox { border: 1px solid #eeeeee;  background-color: #ffffff;  padding: 30px 10px 10px 20px;margin: 7px 0px 7px 0px; -moz-border-radius: 10px;}
.commentbox:hover, .commentboxpartial:hover {border-color: #dddddd;}
.commentboxpartial { border: 1px solid #eeeeee; background-color: #ffffff; padding: 10px; margin: 10px; -moz-border-radius: 7px;} .commentinfo { margin-top: 10px; width: 100%;}
.skiplinks {text-align: center; padding: 10px; color: #dddddd; }

/*------------------------SIDEBAR-----------------------------------------*/
.defaultuserpic { float: left; margin: 10px; padding:0px; text-align:center;} .defaultuserpic img {padding: 0px;  border: 16px solid #1a1a1a; margin-top: 0px; width: 60px; height: 60px; }
.sbarheader {padding: 0px 5px 0px 5px;} .sbarbody {padding: 0px 5px 0px 5px; }
.sbarbody2 { padding: 10px 5px 7px 5px; width:250px; float:left; padding:15px 5px 7px 20px;}
ul.sbarlist{ margin: 0px; padding: 0px; margin-left: 0px; list-style: none;}
li.sbaritem{ padding: 0px 5px; border-right: 0px solid #dddddd; margin:2px; display: block;} li.sbaritem:hover {border-color: #BF496A;}
li.sbartitle{display: none; text-transform: uppercase;  padding: 8px; font-family:   Georgia, Times New Roman, Book Antiqua, serif; color: #777777;}
#sidebar_linklist  { text-transform: lowercase;  float:right; width:200px;padding-top:10px;} #sidebar_summary, #sidebar_tags, #sidebar_calendar { display: none; }

/*---------------------FOOTER----------------------------------*/
#footer { margin:auto;  font-family:  Courier New, Courier, monospace; text-align: center; z-index: 100; clear: both;  width: 620px; }
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; border: 1px solid #ededed; background-color: #f6f6f6; }
div#footer a, div#footer a:link, div#footer a:visited { color: #aaaaaa; padding: 7px; margin: 2px; border: 1px solid #ededed; background-color: #f6f6f6; }
 div#footer a:hover {background-color: #eeeeee; }
.clearfoot {clear: both;}

/*-----------------------ARCHIVE PAGE--------------------------------*/
ul.year {   margin: 0px; font-family:  Courier New, Courier, monospace;  text-align: center; padding: 20px;} ul.year li {display: inline;}
table.yeartable { border: 1px solid #eeeeee; -moz-border-radius: 20px; 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: #dddddd;}
table.yeartable td.yearday { background-color: #fafafa; text-align: center;}
td.yearmonth {border-style: none;} .clear {display:none; height: 8px;}

/*------------MINI ICONS BY PINVOKE-------------*/
	.subject img {vertical-align: middle !important;}
img[src*="icon_protected.gif"]{ width: 0; height: 0; padding: 16px 16px 0px 0px !important; background: transparent url(http://i34.tinypic.com/v5zklz.png) no-repeat scroll 0 0; }
img[src*="icon_private.gif"]{ width: 0;  height: 0; padding: 16px 16px 0px 0px !important; background: transparent url(http://i35.tinypic.com/2mqroux.png) no-repeat scroll 0 0; }
img[src*="icon_groups.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px !important; background: transparent url(http://i38.tinypic.com/o7qfcg.png) no-repeat scroll 0 0; }
	.ljuser img {  width: 0; height: 0; background: transparent url(http://i40.tinypic.com/103izbk.png) no-repeat 0 0;  padding: 10px 10px 0 2px !important; vertical-align: baseline !important;}
.ljuser img[src*="userinfo.gif"] { background: transparent url(http://i40.tinypic.com/103izbk.png) no-repeat 0 0 !important;  padding: 10px 10px 0 2px !important; }
	.ljuser img[src*="community.gif"] { width: 0;  height: 0; background: transparent url(http://i41.tinypic.com/2mqnkeg.png) no-repeat scroll 0 0; padding: 10px 10px 0 2px !important; }
.ljuser img[src*="syndicated.gif"] { width: 0;  height: 0; background: transparent url(http://i44.tinypic.com/35i0p5z.png) no-repeat scroll 0 0;  padding: 10px 10px 0 2px !important;  }
.ljuser img[src*="newsinfo.gif"] { width: 0;  height: 0;  background: transparent url(http://i41.tinypic.com/2vkarh4.png) no-repeat scroll 0 0; padding: 10px 10px 0 2px !important; }
.ljuser img[src*="partnercomm.gif"] { width: 0;  height: 0; background: transparent url(http://i41.tinypic.com/2ymg6k1.png) no-repeat scroll 0 0; padding: 10px 10px 0 2px !important; }
.ljuser img[src*="sponcomm.gif"]  { width: 0;  height: 0; background: transparent url(http://i44.tinypic.com/208e7u1.png) no-repeat scroll 0 0; padding: 10px 10px 0 2px !important; }

.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; }
	img[src*="btn_del.gif"] { height: 0px; width: 0px; padding: 0px 0px 10px 10px !important; background: url(http://i39.tinypic.com/2a9zf9j.png) no-repeat scroll 0 0; }
img[src*="btn_scr.gif"] { height: 0px; width: 0px; padding: 0px 0px 10px 10px !important; background: url(http://i42.tinypic.com/ei6wt3.png) no-repeat scroll 0 0; }
img[src*="btn_unscr.gif"] { height: 0px; width: 0px;padding: 0px 0px 10px 10px !important; background: url(http://i44.tinypic.com/2m2uvjn.png) no-repeat scroll 0 0; }
img[src*="btn_freeze.gif"] { height: 0px; width: 0px; padding: 0px 0px 10px 10px !important; background: url(http://i42.tinypic.com/330wpsl.png) no-repeat scroll 0 0; }
img[src*="btn_unfreeze.gif"] { height: 0px; width: 0px; padding: 0px 0px 10px 10px !important; background: url(http://i42.tinypic.com/2rc3h1l.png) no-repeat scroll 0 0; } 
img[src*="btn_track.gif"] { height: 0px; width: 0px; padding: 0px 0px 10px 10px !important; background: url(http://i42.tinypic.com/34g8qhh.png) no-repeat scroll 0 0; }
img[src*="btn_tracking.gif"] { height: 0px; width: 0px; padding: 0px 0px 10px 10px !important; background: url(http://i39.tinypic.com/10nynht.png) no-repeat scroll 0 0; }
img[src*="btn_tracking_thread.gif"] { height: 0px; width: 0px; padding: 0px 0px 10px 10px !important; background: url(http://i39.tinypic.com/10nynht.png) no-repeat scroll 0 0; }
img[src*="anonymous.gif"] { height: 0px; width: 0px; padding: 0px 0px 10px 10px !important; background: url(http://i42.tinypic.com/2a010l1.png) no-repeat scroll 0 0; }
img[src*="openid-profile.gif"] { height: 0px; width: 0px; padding: 0px 0px 10px 10px !important; background: url(http://i43.tinypic.com/343okz4.png) no-repeat scroll 0 0; }
img[src*="userinfo.gif"] { height: 0px; width: 0px; padding: 0px 0px 10px 10px !important; background: url(http://i40.tinypic.com/103izbk.png) no-repeat scroll 0 0; }
img[src*="talk/none.gif"] { height: 0px; width: 0px; padding: 0px 0px 10px 10px !important; background: url(http://i39.tinypic.com/2ry4o4k.png) no-repeat scroll 0 0; }
img[src*="help.gif"] { height: 0px; width: 0px; padding: 0px 0px 10px 10px !important; background: url(http://i43.tinypic.com/osfs5c.png) no-repeat scroll 0 0; }
img[src*="pencil.gif"] { height: 0px; width: 0px; padding: 0px 0px 10px 10px !important; background: url(http://i40.tinypic.com/xaqjv7.png) no-repeat scroll 0 0; }

/*-----------------CONTEXTUAL POP-UP-----------------*/
div.ContextualPopup {position: relative; margin: 10px 0 0 30px; text-align: left; font: normal 9px "Tahoma" !important; }
div.ContextualPopup div.Inner {  color: #555555 !important; border: 0px solid #ffffff; background-color: transparent !important; padding: 0 0 4px 0; width: 300px;}
div.ContextualPopup .Userpic { padding: 8px; margin-left: 0px; border: 1px solid #111111; background-color: #000000;}
div.ContextualPopup .Content { padding: 5px; background-color: #000000; border: 1px solid #111111; 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: uppercase;  font-family: Georgia, Times New Roman, Book Antiqua, serif; font-size: 9pt; letter-spacing:2px;}

/*--------------- MISC-------------- */
	table#lj_controlstrip td {background-color: #fafafa; background-image: url(); color: #666666;border: solid 1px #eeeeee; border-left: none; }
#lj_controlstrip a { color: #999999; } #lj_controlstrip_statustext { color: #666666; }
	b, u { color: #444444;   font-family:  Courier New, Courier, monospace; } i, s { color: #999999; font-family:   Georgia, Times New Roman, Book Antiqua, serif;} p, td {font-size: 11px;}  form#qrform table {border-width: 0px !important; padding-right: 6px;}
blockquote { padding:15px;  border-bottom: 7px solid #eeeeee;  background: # url() repeat scroll 0 0; color: #777777; margin:7px 15px;}
	code {	display:block;  padding:5px;  border:1px dashed #DDDDDD;   font-size: 12px;} kbd, pre, tt {font-family: monospace;}
 input,  textarea  { font-family: Arial, Arial, Tahoma, "Verdana", sans-serif; font-size: 11px; background: #ececec url() repeat scroll 0 0; border: 1px solid #eeeeee; color: #777777;}

/*-------------------COLORS-----------------------*/
a, a:link, a:visited, .subject a, div.comments a:hover,.subject a:link, .subject a:visited, code,  .datesubjectcomment a:link, .datesubjectcomment a:visited,  div.ContextualPopup .Relation  { color: #9DA8AD; font-family:  Courier New, Courier, monospace; text-decoration: none;}
	a:hover, .subject a:hover, div.comments a, div#sidebar a:hover, .datesubjectcomment a:hover {color: #D1D1CB;  background-color: #; text-decoration: none; }
div#header a   { color: #000000;} div#header a:hover { position: relative; bottom: 6px;}
	 .subject a, .subject a:link, .subject a:visited, .subject a:hover, .subject, h2, ul.year {color: #333333; }

installation
01.	Choose Journal Style
02.	Select a "Greys" 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 that the Links List and Blurb are enabled. This is also where you add the free text.
06.	Still in "Customise your Theme", go to "Custom CSS ". Ensure Use layout's stylesheet(s) is set to no
07.	Paste code into the Custom Stylesheet box.
notes: >> mini icons by Pinvoke >> Please address all questions to the F.A.Q.

(13 comments) - (Post a new comment)

	unscentedbox 2008-12-31 09:02 pm UTC (link)
	memming for future use! (Reply to this) (Thread)

	milou_veronica 2008-12-31 09:14 pm UTC (link)
	Thank-you ♥ (Reply to this) (Parent)

	snowy_sny 2009-01-02 04:57 pm UTC (link)
	I love it! o I'm using it with credit, of course! Thanks for sharing this awesome layout. :) (Reply to this)

	tintsu 2009-01-17 09:22 am UTC (link)
	This is so pretty! I'm using it, and crediting of course! ^^ (Reply to this)

	shellforbrains 2009-01-30 05:36 am UTC (link)
	This layout is -too- cute. (Reply to this)

	peraniefly 2009-02-19 08:06 am UTC (link)
	Thank you for sharing! Thanks ton! It's awesome and beautifully made. I'll get this layout and will credit you on my profile page! (Reply to this)

	regele 2009-03-05 09:40 am UTC (link)
	Thank you for sharing~ (Reply to this)

	arumono 2009-03-06 02:31 pm UTC (link)
	taking!! thank you so much - of course have been crediting! (Reply to this)

	mllesays 2009-03-12 06:08 pm UTC (link)
	Awesome. Using for a comm, with credit. (Reply to this)

	ramizah 2009-03-24 01:07 pm UTC (link)
	i used this as my layout. very pretty! and ive credited (((: (Reply to this)

	foreverxhaunted 2009-06-01 06:06 am UTC (link)
	This is lovely. I'm using and crediting. Thanks. (Reply to this)

	xtess 2009-08-03 01:39 pm UTC (link)
	This looks really cool. Think I'm gonna use it :D Thanks! (Reply to this)

	hunniicomb 2009-11-24 07:48 am UTC (link)
	memming ♥♥ (Reply to this)

(13 comments) - (Post a new comment)

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

About

Help

Get Involved

Legal

LJ Labs

Store