milou_veronica: s2 layout: there isn't a telephone wire [flexible squares]

use your woman as a human shield (

milou_veronica) wrote,
@ 2009-02-10 07:54:00

Entry tags:

style: flexible squares, wot: s2 layout

s2 layout: there isn't a telephone wire [flexible squares]

picture | live

layout: there isn't a telephone wire
style: flexible squares
accounts: Basic, Paid, and Sponsored
features:custom comment pages, mini icons, sidebar
browsers: IE7, FF, Safari, and Opera

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

there isn't a telephone wire ((flexible squares; basic, plus, and paid; by milou veronica ))

-------------------------------*/
body	{ background: #181818 url(http://i42.tinypic.com/1zg6nio.png) repeat fixed 0 0; text-align: center; color: #ffffff; font-family:  "Trebuchet MS", Arial, Tahoma, "Verdana", sans-serif; font-size: 8pt;  margin: 0px 0; padding: 0px;}
.headerimage {position: relative; background: transparent url(http://i39.tinypic.com/285huh.png) no-repeat scroll 100% 100%; max-width: 950px; height: 60px; margin-left: auto;margin-right: auto;margin-bottom: 0px; }
#content{ color: #555555;  margin-left: auto; margin-right: auto; border-width: 0px; padding: 0px; min-width: auto; max-width:950px; }
#maincontent { padding: 0px; text-align: left; background: #FFFFFF url() repeat scroll 0 0;  border-bottom:1px solid #aaaaaa; margin-left: auto; margin-right: 354px;border-top: 15px solid #000000;}
#sidebar { padding: 0 0 10px;  width: 170px; text-align: left; color: #888888; font-size: 7.5pt;  margin: 0 auto; background-color: #111111; float:right; min-height: 120px; border-top: 15px solid #000000; border-right:none; }

/*-------------------HEADER-----------------------*/
#header {background-color:#111111; font-family: "Trebuchet MS", Georgia, Times New Roman, Times, serif; border-top: 15px solid #000000;margin: auto; text-align: left; font-size: 1em; font-weight: normal; letter-spacing: 0.1em; text-transform: lowercase; color: #444444;margin: 0 0 0 6px; padding: 0; width: 170px; float:right; }

div#header a, div#header a:link, div#header a:visited{ color: #; }
div#header li.view {}
div#header li.view:hover {  }
ul.navheader{ padding: 0px; margin: 0px; } .view { display: block;background-color: #161616; width: ; color: #ffffff; margin: 0px; padding:  30px 20px 13px 20px;  }
ul.navheader li {display: block;margin: 0px; list-style-type: none; padding: 8px 5px 8px 15px;border-bottom: 1px solid #1a1a1a;  }ul.navheader li:hover{background-color: #161616; color: #FFFFFF;}

.title {  display:none; margin: 0px; font-size: 24pt;  color: #eaeaea; letter-spacing: -2px;}
.subtitle{  display:none; color:#444444; font-size: 7pt; letter-spacing: 3px; }

/*-------------------ENTRIES-----------------------*/
.subcontent { min-height: 130px; background-color: #ffffff; margin: auto; border-right:1px solid #aaaaaa; border-left: 1px solid #aaaaaa;} 
.date { text-transform: uppercase; color: #444444; font-size: 7pt; letter-spacing: 9px; word-spacing: 5px; position:;padding-top: 0px;}
.subject {  background-color: transparent ; letter-spacing: -2px; font-size: 19pt; text-transform: lowercase; line-height: 100%; position:; padding: 0px 0 0 13px;}
.subject a, .subject a:link, .subject a:visited {text-decoration: bold;}
.datesubject { font-family:  "Trebuchet MS", Georgia, Times New Roman, Times, serif;   padding: 20px 20px 15px 20px; background-color: #; text-align: left;}
.entry	{ margin: 0px; padding: 10px 25px 10px 25px;   text-align: left;  line-height: 1.75; }
.entry_text {  font-family: "Trebuchet MS", Arial, Tahoma, "Verdana", sans-serif;  font-size: 11px;  margin-bottom: 0px; padding-top: 0px; } 
.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: #ffffff url() repeat scroll 0 0; margin: 10px ; z-index: 15; border:  1px solid #eeeeee;}
 .userpicfriends { border: 1px solid #eeeeee; position: relative; background-color: transparent !important; float: right; padding: 2px; margin: 10px; text-align: right; z-index: 15; font-size: 9pt;}
 .userpicfriends img {border: 0px; padding: 0px; border:  0px solid #eeeeee; background: #111111 url() repeat scroll 0 0; }
.userpicfriends a font {color: #bbbbbb;}

/*--------------------------COMMENT BAR-------------------------*/
.comments {border: 0px solid #f1f1f1; word-spacing: 2px; font-style: italic; color: #dddddd;  font-size: 9pt;letter-spacing: -1px; text-align: right; padding: 6px 5px 6px 5px; position: relative; top: 0px; text-transform: lowercase ; margin-top: 20px;}

div.comments a, div.comments a:visited, div.comments a:link  { padding: 0px; }
 div.comments a:hover { border-width: 0; padding: 0px;}
  .separator{height: 25px; border-right:1px solid #aaaaaa; border-left: 1px solid #aaaaaa;margin: auto; }

/*-------------------------CURRENTS AND TAGS -------------------------------------*/
.ljtags {  text-align: left;  padding: 2px 2px 2px 14px;  margin-top: 50px; position: relative; text-transform: lowercase; font-size: 7.5pt; color: #777777;  background: transparent url(http://i43.tinypic.com/2lwmah2.png) no-repeat scroll 0% 50%; margin-left: 15px; font-weight: bold; } div.ljtags a { font-weight: normal; }

.currents {text-align: left;   margin-top:0px; padding:  15px 0 0 15px;  text-transform: lowercase; font-size: 7.5pt;color: #777777; }
.currents strong, .currentlocation strong, .currentmood strong, .currentgroups strong, .currentmusic strong  {display: none; } .currentlocation, .currentmood, .currentgroups, .currentmusic {padding: 4px 2px 2px 14px; background: transparent url() no-repeat scroll 0% 50%;}
.currentlocation {  background-image: url(http://i44.tinypic.com/m9vmnb.png); } .currentmood { background-image: url(http://i43.tinypic.com/culp2.png);} .currentgroups {  background-image: url(http://i44.tinypic.com/359a5ie.png);} .currentmusic { background-image: url(http://i39.tinypic.com/vys3s3.png); }
/*----------------------TAG PAGE------------------------------*/
h2 { padding: 10px 10px 10px 30px;  letter-spacing: -1px; font-size: 1.4em; text-transform: lowercase; line-height: 100%; color: #1a1a1a; font-weight: normal; margin: 0px auto; text-align: right;}

.ljtaglist {text-align: left; margin: 0px auto 10px; padding: 3px 15px 15px 35px; background-color: #FFFFFF;  font-size:10px; list-style: square ;border: 0px solid #dddddd; border-top: none;} .ljtaglist li { margin: 3px; padding: 3px; border-bottom: 1px dotted #e6e6e6;  }

/*---------------------COMMENT PAGE-----------------------------*/
.box { text-align: left; padding: 10px; clear: left; background-color: #FFFFFF; margin: 0 auto; }

.datesubjectcomment {text-align: left; color: #999999; margin-top: 0px; }
.userpiccomment {  position: relative; padding: 1px; border: 1px solid #eeeeee; 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 120px;}
.commentbox { border-bottom: 1px solid #dddddd;  background-color: #FFFFFF;   padding: 30px 10px 10px 20px;margin: 14px 0px 0px 0px; }
.commentbox:hover, .commentboxpartial:hover {border-color: #ececec;}
.commentboxpartial { border-bottom: 1px solid #eeeeee; background-color: #FFFFFF; padding: 10px; margin: 10px; -moz-border-radius: 7px;}
.commentinfo { background-color: #ffffff; margin-top: 10px; width: 100%;}

.skiplinks {text-align: center; padding: 4px 0 5px; color: #ffffff; margin: 0 auto;  word-spacing: -4px; border-right:1px solid #aaaaaa; border-left: 1px solid #aaaaaa;} .skiplinks a { padding: 4px 19px; background-color: #eeeeee; margin: 0px; word-spacing: 0px;}
.skiplinks a:hover {background-color: #000000; }
/*------------------------SIDEBAR-----------------------------------------*/
.defaultuserpic { float: ; margin: 10px 0 0 10px; padding: 0px 0px 0px; text-align:center;}
.defaultuserpic img {padding: 0px;  border: 9px solid #060606; margin-top: 0px;  background:  url() repeat scroll 0 0; width: 70px; height: 70px;}
.sbarheader {padding: 0px 5px 0px 5px;}
.sbarbody {padding: 0px; }

.sbarbody2 {padding: 5px 10px; }

ul.sbarlist{ margin: 0px; padding: 0px; margin-left: 0px; list-style: none;}
li.sbaritem{ padding: 8px; border-bottom: 1px solid #222222; margin:0;} li.sbaritem:hover {border-color: #2d2d2d; background-color: #161616;}

li.sbartitle{text-transform: lowercase;text-align:right; letter-spacing: -0.05em;font-size: 1.2em; padding: 12px 8px;color: #aaa;}

#sidebar_linklist  {font-size: 8pt; text-transform: lowercase; padding-top:10px;} #sidebar_summary { } #sidebar_tags { } #sidebar_calendar {}

.sbarcalendar { padding: 5px;margin:1px; border: 1px solid #000000; background-color: #0a0a0a;  text-align: center; font-size: 9px;} .sbarcalendarposts{ border: 1px solid #161616; text-align: center;  background-color: #1a1a1a; }
.sbarcalendar:hover {  background-color: #141414; }

/*---------------------FOOTER----------------------------------*/
#footer {  background-color: #; margin:auto; font-style:italic;  text-align: center; z-index: 100; clear: both;  }

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 16px; margin: 1px; border: 0px solid #eeeeee; background-color: #111111; }
div#footer a, div#footer a:link, div#footer a:visited { color: #; padding: 7px 36px; margin: 2px; border: 1px solid #101010; background-color: #111111; }
 div#footer a:hover {background-color: #0e0E0E; }

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

/*-----------------------ARCHIVE PAGE--------------------------------*/
ul.year {   margin: 0px auto;  text-align: right; padding: 20px;  border: 0px solid #dddddd; border-bottom: none; font-size: 14pt; }
ul.year li {display: inline;}
table.yeartable { border: 0px solid #dddddd; border-top:none; background-color: #FFFFFF; margin-left: auto; margin-right: auto; padding: 30px;}

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

/*------------MINI ICONS BY FAMFAMFAM-------------*/
	.ljuser img {  width: 0; height: 0; background: transparent url(http://i43.tinypic.com/wao7xe.png) no-repeat 0 0;  padding: 16px 16px 0 2px !important;  vertical-align: baseline !important;}
	.ljuser img[src*="userinfo.gif"] { background: transparent url(http://i43.tinypic.com/wao7xe.png) no-repeat center left !important;  padding: 16px 16px 0 2px !important; }
	.ljuser img[src*="community.gif"] { background: transparent url(http://i40.tinypic.com/es4wus.jpg) no-repeat scroll 0 0 !important;  padding: 16px 16px 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 img[src*="userinfo.gif"], img[src*="talk/none.gif"], img[src*="help.gif"], img[src*="pencil.gif"] {height: 0px; width: 0px; padding: 0 3px 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://i44.tinypic.com/2vkkzf4.png); }
img[src*="icon_private.gif"]{background-image: url(http://i40.tinypic.com/r9ifk8.png); }
img[src*="icon_groups.gif"] {background-image: url(http://i42.tinypic.com/24awvac.png); }

.ljuser img[src*="syndicated.gif"]{background-image: url(http://i42.tinypic.com/2rx7bdh.png) !important; } 
.ljuser img[src*="newsinfo.gif"] {background-image: url(http://i44.tinypic.com/2hwcu8o.jpg) !important; }
.ljuser img[src*="partnercomm.gif"]{background-image: url(http://i40.tinypic.com/2ibyblt.png) !important; } 
.ljuser img[src*="sponcomm.gif"] {background-image: url(http://i41.tinypic.com/11jw3ko.png) !important; }
img[src*="btn_del.gif"] {background-image: url(http://i43.tinypic.com/28lgb45.png); }
img[src*="btn_scr.gif"] {background-image: url(http://i40.tinypic.com/28krqew.png); } 
img[src*="btn_unscr.gif"] {background-image: url(http://i44.tinypic.com/2dcanol.png); }
img[src*="btn_freeze.gif"] {background-image: url(http://i39.tinypic.com/bhak51.png); } 
img[src*="btn_unfreeze.gif"] {background-image: url(http://i39.tinypic.com/1grgow.png); }
img[src*="btn_track.gif"], img[src*="btn_tracking.gif"], img[src*="btn_tracking_thread.gif"] {background-image: url(http://i43.tinypic.com/167p7qp.png); }
img[src*="anonymous.gif"] {background-image: url(http://i41.tinypic.com/281a7fp.png); }  
img[src*="openid-profile.gif"] {background-image: url(http://i42.tinypic.com/33vi147.png); } 
.box img[src*="userinfo.gif"] {background-image: url(http://i43.tinypic.com/wao7xe.png); }
img[src*="talk/none.gif"] {background-image: url(http://i41.tinypic.com/357itzt.png); } 
img[src*="help.gif"] {background-image: url(http://i40.tinypic.com/900s50.png); } 
img[src*="pencil.gif"] {background-image: url(http://i39.tinypic.com/30046dc.png); }
img[src*="btn_edit.gif"] {background-image: url(http://i39.tinypic.com/wtetc9.png); }
.Note .Inner { background: #ffffff none repeat scroll 0 0; border: 1px solid #eeeeee; color: #666666;} .ippu .track_title {letter-spacing: 3px; color: #444444; font-weight: normal;} div.ljcmtmanage { background: #ffffff none repeat scroll 0 0;  border: 1px solid #eeeeee; padding:10px; }

/*-----------------CONTEXTUAL POP-UP-----------------*/
div.ContextualPopup {position: relative; margin: 10px 0 0 30px; text-align: left; font: normal 9px "Tahoma" !important; }
div.ContextualPopup div.Inner {  color: #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 #eeeeee; background: #FFFFFF url() repeat scroll 0 0;}
div.ContextualPopup .Content { padding: 5px; background-color: #FFFFFF; border: 1px 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: -1px;}

/*--------------- MISC-------------- */
table#lj_controlstrip td {background-color: #090909; background-image: url(); color: #666666;border: solid 1px #000000; border-left: none; }
#lj_controlstrip a { color: #888888; } #lj_controlstrip_statustext, #lj_controlstrip .ljuser a b { color: #aaaaaa; }

b, u {color: #1a1a1a;} #sidebar b, #sidebar u {color: #ffffff;}
i, s {color: #aaaaaa;}
p, td {font-size: 11px;}

blockquote { padding: 8px; border: 1px solid #eeeeee;  background: #eeeeee url(http://i37.tinypic.com/214beye.png) repeat scroll 0 0; color: #444444; margin:7px 8px;}
code {display:block;padding:5px;border:1px dashed #DDDDDD;font-size: 12px;}
kbd, pre, tt {font-family: monospace;}  form#qrform table {border-width: 0px !important;}
input, textarea { font-family:"Trebuchet MS"; font-size: 11px; background-color: #f4f4f4; border: 1px solid #ececec; color: #777777;}
a img {border:none;} .entry_text img {max-width:560px;}

/*-------------------COLORS-----------------------*/
a, a:link, a:visited, .subject a, div.comments a:hover,.subject a:link, div#sidebar a:hover, .subject a:visited, code,  .datesubjectcomment a:link, .datesubjectcomment a:visited,  div.ContextualPopup .Relation  {
	color: #77959F; 
	text-decoration: none;}

a:hover, .subject a:hover,  div#sidebar a, .datesubjectcomment a:hover {color: #D1D1CB; text-decoration: none; } div.comments a {color: #9DA8AD; text-decoration: none;}
div#header a {color: #4A4F4F;} div#header a:hover {color: #598B8F;}
 .subject a, .subject a:link, .subject a:visited, .subject a:hover, .subject, h2, ul.year {color: #1a1a1a; }

.ljuser a b {color: #1a1a1a; font-weight: normal; }

installation
01.	Choose Journal Style
02.	Select "Autumn" Flexible Squares layout in "Select a New Theme"
03.	In Choose a Page Setup, select 2 Column (sidebar on right).
04.	Go to " Customise your Theme " and then "Style ". Change the "Background color of the outer table" to #181818.
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: ♚ mini icons by FamFamFam ♚ As per usual, feel free to add your own header/ edit bloody anything you want to. ♚Please address all questions to the F.A.Q. ♔ Commenting and crediting not necessary, but always appreciated :)

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

(66 comments) - (Post a new comment)

	discs 2009-02-09 09:05 pm UTC (link)
	simple and pretty ♥ memming :3 (Reply to this) (Thread)

	milou_veronica 2009-02-09 09:06 pm UTC (link)
	:) Thank-you! (Reply to this) (Parent)

	yishui 2009-02-09 09:07 pm UTC (link)
	I like the hover effects on those link bar things ! +mem. (Reply to this) (Thread)

	milou_veronica 2009-02-09 09:14 pm UTC (link)
	Thanks sweetie ♥ (Reply to this) (Parent)

	lisa_corner 2009-02-09 10:05 pm UTC (link)
	This is bloody AWESOME! Thank you so much for all the gorgeous layouts you posted today :) (Reply to this)

	ahlinae 2009-02-10 12:31 am UTC (link)
	Your layouts are always so amazing! Always a fan. :D (Reply to this) (Thread)

	milou_veronica 2009-02-10 02:53 pm UTC (link)
	XD Thank-you! (Reply to this) (Parent)

	sleepingfingers 2009-02-10 01:34 am UTC (link)
	This is so very pretty! mems (Reply to this) (Thread)

	milou_veronica 2009-02-10 02:54 pm UTC (link)
	:D Thank you sweetie, I'm glad you like it. (Reply to this) (Parent)

	woodpeck 2009-02-10 03:25 am UTC (link)
	I LOVE THIS. SO GORGEOUS. :] (Reply to this) (Thread)

	milou_veronica 2009-02-10 02:54 pm UTC (link)
	:DD Thanks bb ♥ (Reply to this) (Parent)

	brilliantglow 2009-02-10 04:19 am UTC (link)
	i like! (Reply to this)

	atsugari8 2009-02-10 08:43 am UTC (link)
	When you come out with so many layouts like this, it's sooo overwhelming because I want to use them all, all at once! But I'm going to have some fun with this one first and probably work my way through the other new layouts as the week progresses :P Love the simply black and white. Awesome layout! thank you :) (Reply to this)

	tickettomayhem 2009-02-10 10:50 am UTC (link)
	Using! School's been really weird and I'm far too unmotivated to make my own layout. Which is why I come here for the gorgeous stuff you make. :D (Reply to this)

	torncorpse 2009-02-10 12:57 pm UTC (link)
	This is amazing. I love how bold and black it is! (Reply to this)

	garageroad 2009-02-10 04:59 pm UTC (link)
	this is pretty glamourous thanks so much XD (Reply to this)

	force_oblique 2009-02-10 06:35 pm UTC (link)
	I adore this! (Reply to this)

	reality_escapee 2009-02-12 11:02 pm UTC (link)
	So amazing :) I'm using it now and I was wondering if it's possible to add a header? (Reply to this)

	xpaddiex 2009-02-13 05:00 pm UTC (link)
	I'm in love with this one =) thank you for making it! (Reply to this)

	awkwardshudder 2009-02-15 08:40 pm UTC (link)
	I'm going to use this. I love it. :) Will credit. Thank you! (Reply to this)

	probot 2009-02-15 11:38 pm UTC (link)
	Using this @ blackshow! (Reply to this)

	tranquil_eyes 2009-02-18 04:34 am UTC (link)
	I adore this one so much - thanks! (Reply to this)

	colourthehours 2009-02-19 08:46 pm UTC (link)
	very pretty :) snagging for my community ultravioleticon (Reply to this)

	lurker_of_note 2009-02-20 05:54 pm UTC (link)
	i'm loving this. def snagging thanks! (Reply to this)

	silentflux 2009-02-21 10:22 pm UTC (link)
	I love this layout :) Snagged, using and credited on my info page. Thanks so much for sharing! (Reply to this)

	black_blood21 2009-02-26 06:03 am UTC (link)
	Using this now. Thanks! :D (Reply to this)

	mallory18 2009-02-27 07:25 am UTC (link)
	Using it, and will credit :D Thank you so much for sharing! (Reply to this)

	live_in_love_89 2009-03-01 04:20 pm UTC (link)
	using and will credit! :) (Reply to this)

	likeserendipity 2009-03-01 07:28 pm UTC (link)
	prettyprettypretty. taking and crediting! ♥ (Reply to this)

	just_mine23 2009-03-02 09:55 am UTC (link)
	this layout is really nice..im taking it ne~ (Reply to this)

(66 comments) - (Post a new comment)

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

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