The Middle *inspired by bijoubebe*

Jun 26, 2010 23:22



Live Preview | S2 Flexible Squares

This layout's theme was inspired by bijoubebe, who is one of the layout winners in the community's 200+ members contest!

Instructions

Best view: best viewed in chrome, firefox, IE
Browser Compatible: tested in chrome, firefox, and IE

Rules:
- place the following credit code, or credit abellalayouts, in your Profile or Sidebar
- please comment if you're taking my layout
- feel free to change around the background and colors --> as long as you credit me!
- feel free to ask any questions
- i love feedback! let me know what you think!
- please add me for updates



Credit:
http://community.livejournal.com/abellalayouts/" _fcksavedurl="http://community.livejournal.com/abellalayouts/" _fcksavedurl="http://community.livejournal.com/abellalayouts/" _fcksavedurl="http://community.livejournal.com/abellalayouts/">layout code

Code:

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

Layout by http://community.livejournal.com/abellalayouts/
Style: Flexible Squares, S2
Layout: The Middle
Inspired by contest winner: ~bijoubebe~

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

/* Colors
pink: #ef86a0
dark grey: #494949
light grey: #efeeef
*/

*{margin: 0; padding: 0;}

body{ background: #efeeef; font-family: Gill Sans, sans-serif; font-size:13px; color: #494949; }

a, a:link, a:visited , a:active { color: #ef86a0; font-size: 12px; text-decoration: none;}

a:hover{color: #efeeef;}

h2 {display: none;}

.title, .subtitle {color: #494949; font-size: 28px; line-height: 0.7; text-align: left; margin: 0 auto; font-family: arial; font-weight: bold; letter-spacing: -2px; }

#content{ margin: 0 auto; }

#maincontent{ width: 700px; margin: 0 auto; background: #fff; }

.subcontent{ padding: 35px 25px; *margin-left: -100px}

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

.entry_text{ font-size: 13px; line-height: 1.3; padding: 0 15px}

#header{ color:#494949; font-size: 18px; text-transform: lowercase; width: 700px; margin: 0 auto; padding: 10px 0}

.headerimage { }

div#header li {padding: 0 10px; display: inline; background: #fff; margin: 0 -3px}

div#header li.view { }

div#header a, div#header a:link, div#header a:visited { color: #494949; font-size: 18px; }

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

ul.navheader{ color: #ef86a0; margin: 5px 0 10px 0}

ul.navheader li{ list-style: none; }

ul.navheader li:hover {}

#sidebar{ font-size: 10px; text-transform: lowercase; float: left; position: relative; width: 250px; text-align: center; padding: 10px; }

.defaultuserpic {text-align: center;}

.defaultuserpic img {padding: 5px; background: #494949}

.sbarbody2 {padding-top: 10px; font-size: 11px; margin: 0 10px}

li.sbartitle {display: none;}

table.calendar {text-align: center; color: #efeeef; margin: 0 auto}

.sbarcalendar, .sbarcalendarposts { padding: 3px 7px; background: #494949;}

.sbarcalendar:hover, .sbarcalendarposts:hover {}

.sbarcalendarposts a, .sbarcalendarposts {color: #ef86a0 }

ul.sbarlist{ list-style: none; margin: 10px}

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

li.sbaritem a:link, li.sbaritem a:visited {font-size: 12px; padding: 2px 4px; color: #ef86a0; text-decoration: underline}

li.sbaritem a:active {background: #494949 !important}

li.sbaritem a:hover {color: #efeeef; background: #ef86a0}

.userpic, .userpicfriends{ float: right; text-align:center; padding: 5px; background: transparent !important}

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

.userpic img:hover, .userpicfriends img:hover { background: #efeeef}

.subject{ text-align: left; }

.subject a, .subject {color: #494949; font-size: 32px; letter-spacing: -2px; line-height: 0.5; font-weight: bold;}

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

.date{ line-height: 1; font-size:10px; color:#ef86a0; text-align: left; letter-spacing: -1px}

.datesubject{ }

.entry ol {padding: 5px 0}

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

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

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

.comments{ text-align: right; color:transparent; margin: 0px auto;}

div.comments a, div.comments a:visited, div.comments a:active{font-size: 13px; text-decoration: underline}

div.comments a:hover{ color: #494949}

#footer{ text-align: center; color: #fff; font-size: 15px; background: #494949; width: 700px; margin: -15px auto 0 auto; padding: 15px 0}

#footer a:link, #footer a:visited, #footer a:active {font-size:18px; color: #fff; background: #ef86a0; padding: 5px 20px; margin: 0 76px}

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

div#footer a:hover {color: #fff;}

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

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

.clearfoot{ clear: both; }

div.ljtags {margin-top: 15px; padding: 3px 15px; font-size: 12px; color: #ef86a0; font-weight: bold; background: url('http://i39.tinypic.com/29ys9wz.jpg') no-repeat 5px left; letter-spacing: -1px}

div.ljtags a {color: #494949; font-size: 11px; font-weight: normal; letter-spacing: 0px}

.currents{ color: #494949; font-size: 11px; margin-top: -33px; margin-left: 15px;}

.currentlocation, .currentmood, .currentmusic{ padding-left: 15px; color: #494949;}

.currentlocation { background: url('http://i43.tinypic.com/293ufd0.jpg') no-repeat left 3px}
.currentmood {background: url('http://i42.tinypic.com/xlm9ti.jpg') no-repeat left 3px}
.currentmusic { background: url('http://i44.tinypic.com/1zmo5qp.jpg') no-repeat left 3px}

.currentlocation a {color: #494949;}

.currents strong {font-weight: bold; color: #ef86a0; font-size: 12px; letter-spacing: -1px}

blockquote { font-size: 12px; padding: 10px 20px; margin: 20px 0; color: #ef86a0; text-indent: 25px; text-align: justify; line-height: 1; font-weight: bold}

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

#lj_controlstrip { background: #efeeef}

#lj_controlstrip a:link, #lj_controlstrip a:visited, #lj_controlstrip a:active, #lj_controlstrip, #lj_controlstrip_statustext {color: #ef86a0}

.separator {}

.box {padding: 30px}

.commentbox {}

.datesubjectcomment {font-size: 14px; font-weight: bold; letter-spacing: -1px}

.userpiccomment {}

.commentreply {}

.skiplinks, .skiplinks a {text-align: center}

table.yeartable {margin: 0 auto}

ul.year {padding: 10px 30px }

table.yeartable td.yearday {padding-left: 0px;}

type: layouts, !contest, layout: flexible squares

Previous post Next post
Up