Jersey *inspired by valid_noise*
Live Preview | S2 Flexible Squares
This layout's color scheme was inspired by valid_noise, who is one of the winners in the community's 200+ watchers contest!
For the sidebar to display properly, please put the sidebar items in this order (from first to last...not all items need to be shown): default userpic, link list, tags, calendar, blurb
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: Jersey
**This layout was inspired by the LJ user ~valid-noise~ **
****************************************/
/* Colors
blue: #adc3c6
light grey: #c2c2c2
pink: #ce7d7b
*/
*{margin: 0; padding: 0;}
body{ background: url(http://i49.tinypic.com/2u7shp3.jpg) no-repeat top right #fff fixed; font-family: Georgia, sans-serif; font-size:12px; color: #c2c2c2; }
a, a:link, a:visited , a:active { color: #adc3c6; font-size: 11px; text-decoration: none;}
a:hover{color: #ce7d7b;}
h2 {display: none;}
.title, .subtitle {color: #adc3c6; font-size: 13px; line-height: 0.7; text-align: center; position: absolute; top: 5px; left: 5px; display: none}
.subtitle {top: 20px}
#content{ width: 1150px}
#maincontent{ width: 800px; margin: 0 20px}
.subcontent{ padding: 25px 10px; }
.entry { margin: 10px 0 auto 0; }
.entry_text{ font-size: 11px; line-height: 1.3; padding: 0 15px; font-family: arial; margin-right: 120px;}
#header{ color:#c2c2c2; font-size: 14px; text-transform: lowercase; width: 800px; margin-top: 50px}
.headerimage { }
div#header li, div#header li.view {display: inline; border: 1px solid #c2c2c2; padding: 2px 10px; margin: 0 2px}
div#header li.view {padding-top: 10px}
div#header li:hover { padding-top: 10px}
div#header a, div#header a:link, div#header a:visited { color: #c2c2c2; font-size: 14px; padding: 10px; }
div#header a:hover, div#footer a:hover{ color: #ce7d7b;}
ul.navheader{ color: #ce7d7b; text-align: center; margin: 5px 150px 0px 150px;padding: 2px 10px }
ul.navheader li{ list-style: none; }
ul.navheader li:hover {}
#sidebar{ padding: 10px; border: 1px solid #c2c2c2; min-height: 120px; text-align: left; letter-spacing: 1px; width: 750px; margin: 0 auto 20px 25px}
.defaultuserpic {text-align: center; margin: 5px 10px}
.defaultuserpic img {border: 2px solid #adc3c6; float: left; margin-top: 5px;}
.sbarbody2 {color: #adc3c6; margin: 0 auto 0 110px; padding: 10px; font-size: 10px; font-style: italic; font-family: arial; width: 400px}
li.sbartitle {display: none;}
table.calendar {text-align: center; color: #c2c2c2; float: right; margin-top: -30px; margin-right: -250px; margin-left: 20px; *margin-right: 0px}
.sbarcalendar, .sbarcalendarposts { padding: 3px 6px; font-size: 11px; font-family: arial}
.sbarcalendar:hover, .sbarcalendarposts:hover {}
.sbarcalendarposts a, .sbarcalendarposts {color: #ce7d7b }
ul.sbarlist{ list-style: none; width: 500px}
li.sbaritem{ list-style: none; padding: 4px 15px; display: inline }
#sidebar_tags li.sbaritem {padding: 4px 15px;}
li.sbaritem a:link, li.sbaritem a:visited, li.sbaritem a:active {font-size: 11px; padding: 5px 0; color: #c2c2c2; font-family: arial}
li.sbaritem a:hover {color: #ce7d7b}
.userpic, .userpicfriends{ float: right; text-align:center; padding: 5px; background: transparent !important}
.userpic img, .userpicfriends img { padding: 4px; border: 1px solid #c2c2c2 }
.subject{ text-align: left; }
.subject a, .subject {color: #adc3c6; font-size: 26px; letter-spacing: -2px; line-height: 0.5}
.date{ line-height: 1; font-size:10px; color:#c2c2c2; text-align: left;}
.datesubject{ border: 1px solid #c2c2c2; width: 400px; padding: 5px 10px 8px 10px}
.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; border: 1px solid #c2c2c2; width: auto; padding: 3px 10px; float: right}
div.comments a, div.comments a:visited, div.comments a:active{font-size: 12px; }
div.comments a:hover{ color: #ce7d7b}
#footer{ text-align: center; color: #c2c2c2; font-size: 12px; width: 800px }
#footer a:link, #footer a:visited, #footer:active {text-transform: lowercase}
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: 10px; color: #adc3c6; font-weight: bold; }
div.ljtags a {color: #c2c2c2; font-size: 11px; font-weight: normal;}
.currents{ color: #c2c2c2; font-size: 11px; margin-top: -33px; margin-left: 11px; font-family: arial}
.currentlocation, .currentmood, .currentmusic{ padding-left: 9px; color: #c2c2c2;}
.currentlocation a {color: #c2c2c2;}
.currents strong {font-weight: 900; color: #adc3c6; font-size: 10px; font-family: arial}
blockquote { font-size: 11px; padding: 10px; margin: 10px 50px; color: #adc3c6; font-style: italic; text-indent: 25px; text-align: justify; line-height: 1; width: 500px}
code, kbd, pre, tt { font-family: sans-serif; }
#lj_controlstrip {background: #fff; border: 1px solid #c2c2c2}
#lj_controlstrip a:link, #lj_controlstrip a:visited, #lj_controlstrip a:active, #lj_controlstrip, #lj_controlstrip_statustext {color: #adc3c6}
#lj_controlstrip a:hover {color: #ce7d7b}
.separator {}
.box {padding: 30px; font-family: arial}
.datesubjectcomment {color: #adc3c6; margin: 10px 0; padding: 4px; border: 1px solid #c2c2c2}
.userpiccomment {float: left; width: 60px; height: 60px; margin-right: 10px; border: 2px solid #c2c2c2 }
.commentreply {margin-left: 80px; font-size: 11px}
input, textarea { font-size: 11px; border: 1px solid #c2c2c2; color: #c2c2c2;}
.skiplinks, .skiplinks a {text-align: center}
table.yeartable {margin: 0 auto}
ul.year {padding: 10px 30px }
table.yeartable td.yearday {padding-left: 0px;}