s2 flexible squares: London Beckoned

[ixia_ash]

 


Live Preview | Instructions
London Beckoned
Layout Style: S2 - Flexible Squares (Free Account)
Browsers: chrome, firefox, IE
Credit: abellalayouts



Rules:
-  you must credit abellalayouts in your Profile or Sidebar
- please comment if you're downloading my layout
- do not change anything in my layouts
- feel free to ask any questions
- i love feedback! let me know what you think!
- please add me for updates

Code:
/****************************************

Layout by http://community.livejournal.com/abellalayouts/
Style: Flexible Squares, S2
Layout: London Beckoned
Images: http://crazykira-resources.deviantart.com/

****************************************/

/* Colors
blue/green: #7fc890
bright orange: #f39c00
grey: #585858
text brown: #261e0b
off-white: #e8e8e6
dark brown: #0f0b01
*/

*{margin: 0; padding: 0;}

body{ background: url('http://i41.tinypic.com/20b1jb4.jpg') repeat; font-family: georgia; font-size:9px; color: #7fc890; }

a, a:link, a:visited , a:active { color: #7fc890; font-size: 10px; text-decoration: none;}

a:hover{color: #585858;}

.title, .subtitle {display: none;}

#content{ width: 382px; background: url('http://i44.tinypic.com/2mococi.jpg') repeat}

#maincontent{ width: 400px; background: url('http://i41.tinypic.com/20b1jb4.jpg') repeat; margin-left: 380px}

.subcontent{ padding-left: 5px }

.entry { margin: 20px 0 auto 0; }

.entry a, .entry a:link, .entry a:active { color: #585858}

.entry a:hover {color: #f39c00}

#header{ color:#7fc890; font-size: 18px; text-transform: lowercase; position: absolute; top: 190px; width: 378px; padding-top: 5px;}

.headerimage { position: relative; margin: auto 0; width: 800px; height: 600px; background: url(http://i44.tinypic.com/34hui3d.jpg) no-repeat; }

div#header li {padding-left: 5px}

div#header li.view { background: url('http://i42.tinypic.com/2e16828.jpg') no-repeat 125px 4px}

div#header li.view:hover {color: #585858; }

div#header a, div#header a:link, div#header a:visited { color: #7fc890; font-size: 18px; padding-right: 302px; }

div#header a:hover, div#footer a:hover{ color: #585858;}

ul.navheader{ margin: 0; }

ul.navheader li{ list-style: none; padding: 4px 0 4px 2px; }

ul.navheader li:hover {background: url('http://i41.tinypic.com/20b1jb4.jpg') repeat; }

#sidebar{ font-size: 10px; position: absolute; top: 310px; text-transform: lowercase; width: 374px}

h2, .title, .subtitle, li.sbartitle, .currentmood img, .defaultuserpic, .defaultuserpic img { display:none;}

table.calendar {text-align: center; color: #261e0b; padding: 10px 10px; opacity: 0.4; padding-top: 258px; padding-left: 87px}

.sbarcalendar { padding: 5px 7px; background: #f2f2f2; }

.sbarcalendar:hover, .sbarcalendarposts:hover {opacity: 0.8}

.sbarcalendarposts { background: #f2f2f2; color:#f39c00; padding: 5px 7px }

ul.sbarlist{ list-style: none; border-top: 1px solid #261e0b; position: absolute}

li.sbaritem{ list-style: none; padding: 4px 0 4px 5px; }

li.sbaritem a:link, li.sbaritem a:visited, li.sbaritem a:active {font-size: 18px; padding: 5px 0}

li.sbaritem a:hover {}

.userpic, .userpicfriends{ position: absolute; left: 200px; float: left; text-align:center; padding: 5px}

.userpic img, .userpicfriends img { padding: 5px; background: #e8e8e6 }

.userpic img:hover, .userpicfriends img:hover { background: #7fc890}

.subject{ text-align: center; margin-top: -2px;}

.subject a {color: #7fc890; font-size: 28px; letter-spacing: -2px}

.subject a:hover {color: #585858;}

.date{ line-height: 1; font-size:11px; color:#585858; text-align: left; position: absolute; float: left; left: 320px; width: 45px; padding-top: 5px}

.datesubject{ background: #e8e8e6; padding: 0 5px 3px 0px;}

.entry ol {padding: 5px 0}

.entry ul { list-style: circle; padding: 5px 0 }

.entry ol li{ padding-left: 5px; margin-left: 45px; color: #585858}

.entry ul li {padding-left: 7px; margin-left: 43px; color: #585858}

.entry_text{ font-size: 11px; line-height: 1.3; padding: 0 5px}

.comments{ text-align: left; color:transparent; margin: 15px auto 25px auto; background: url('http://i42.tinypic.com/2e16828.jpg') no-repeat 0px -3px; padding-left: 30px}

div.comments a, div.comments a:visited, div.comments a:active{font-size: 16px; }

div.comments a:hover{ }

#footer{ text-align: center; color: #7fc890; font-size: 18px; margin-left:380px; width:400px}

#footer a:link, #footer a:visited, #footer:active {font-family: georgia; font-size:18px;}

div#footer a, div#footer a:link, div#footer a:visited {}

ul.navfooter{ padding: 0; margin: 0; display: inline;}

ul.navfooter li{ margin: 0 5px 0 5px; display: inline; }

.clearfoot{ clear: both; }

div.ljtags {margin-top: 15px; padding: 3px 5px; font-size: 12px; color: #7fc890; font-weight: bold; }

div.ljtags a {color: #585858; font-size: 11px; font-weight: normal; font-family: georgia}

div.ljtags a:hover { color: #f39c00}

.currents{ color: #585858; font-size: 11px; margin-top: -24px;}

.currentlocation, .currentmood, .currentmusic{ padding-left: 9px; color: #585858;}

.currentlocation:hover, .currentmood:hover, .currentmusic:hover { color: #f39c00}

.currents strong {font-weight: 900; color: #7fc890; font-size: 12px}

.currentmood img{ display:none;}

blockquote { opacity: 0.6; font-size: 11px; padding: 10px; background: #261e0b; margin: 10px 0; color: #7fc890; font-style: italic; text-indent: 25px; border-left: 3px solid #0f0b01; border-right: 3px solid #0f0b01; text-align: justify; line-height: 1}

blockquote:hover { opacity: 0.8}

code, kbd, pre, tt { font-family: sans-serif; }

Header/Icon Image Credit: http://crazykira-resources.deviantart.com/