Trade Mistakes
Live Preview | IMG | S2 Flexible Squares
Instructions
Note: this layouts looks best when you change your journal ads to "in between entries"
Best view: best viewed in chrome, firefox, IE
Browser Compatible: tested in chrome, firefox, IE
Custom fonts don't work in 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:
Layout by
Button:
http://community.livejournal.com/abellalayouts/">
Code:
/* Colors
off-white: #fefef6
bright blue: #00adf1
dark blue: #063ba3
pink: #e60040
light yellow/green: #e7fa46
dark: #000b1c
light blue: #e9f7f9
*/
*{margin: 0; padding: 0;}
body{ background: url( http://i53.tinypic.com/24nmg0h.jpg) 108% 99% no-repeat fixed #fefef6; font-family: Arial, sans-serif; font-size:12px; color: #000b1c; }
a, a:link, a:visited , a:active { color: #e60040; text-decoration: none;}
a:hover{color: #e7fa46;}
h2 {display: none;}
#content{ margin: 0 350px 0 20px; }
#maincontent{ width: 650px; margin: 0 0 0 auto; }
.lj-view-archive #maincontent {width: 550px; padding: 5px 5px 5px 100px; background: url(http://i55.tinypic.com/2jahfs4.jpg) left top no-repeat #e9f7f9; border-top: 2px solid #00adf1; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px;}
.lj-view-tags #maincontent {}
.subcontent{ padding: 5px 5px 5px 100px; background: url(http://i55.tinypic.com/2jahfs4.jpg) left top no-repeat #e9f7f9; border-top: 2px solid #00adf1; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px;}
.entry { margin: 20px 0 auto 0; }
.entry_text{ font-size: 12px; line-height: 1.3; padding: 0 15px; }
#header{ font-size: 18px; text-transform: lowercase; font-family: 'League Script'; font-weight: bold; padding: 10px 0}
.title, .subtitle {color: #063ba3; font-size: 38px; line-height: 0.7; text-align: right; margin: 0 auto;}
.headerimage {background: url() no-repeat; margin: 0 auto; width: 0px; height: 0px }
div#header li { }
div#header li.view { font-size: 42px;}
div#header a, div#header a:link, div#header a:visited { color: #e7fa46; font-size: 42px; }
div#header a:hover { color: #00adf1;}
ul.navheader{ color: #063ba3; position: fixed; right: 20px; top: 48px; text-align: right; }
ul.navheader li{ list-style: none; }
ul.navheader li:hover {}
#sidebar{ font-size: 10px; text-transform: lowercase; float: left; position: relative; width: 200px; text-align: left; padding: 5px; }
.defaultuserpic {text-align: center; padding: 5px; margin-bottom: 5px; background: #00adf1; width: 100px; height: 100px; -webkit-border-radius: 14px; -moz-border-radius: 14px; border-radius: 14px; margin: 0 auto}
.defaultuserpic img { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
.sbarbody2 {font-size: 11px; padding: 5px; max-height: 500px; overflow-y: auto}
li.sbartitle {background: url(http://i56.tinypic.com/301oolt.jpg) no-repeat; height: 70px; font-size: 0px}
table.calendar {text-align: center; color: #000b1c; margin: 0 auto 10px auto}
.sbarcalendar, .sbarcalendarposts { padding: 3px 6px; background: #e9f7f9; -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;;}
.sbarcalendarposts a, .sbarcalendarposts {color: #e60040 }
ul.sbarlist{ list-style: none; text-align: center; margin-bottom: 5px}
li.sbaritem{ list-style: none; }
li.sbaritem a:link, li.sbaritem a:visited, li.sbaritem a:active {font-size: 13px; color: #e60040}
li.sbaritem a:hover {color: #e7fa46}
.userpic, .userpicfriends{ float: right; text-align:center; background: #00adf1 !important; padding: 5px; -webkit-border-radius: 14px; -moz-border-radius: 14px; border-radius: 14px; margin-right: 20px}
.userpicfriends font, .userpicfriends a {color: #063ba3}
.userpic img, .userpicfriends img { width: 80px; height: 80px; -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;}
.userpic img:hover, .userpicfriends img:hover { background: #fefef6}
.subject{ }
.subject a, .subject {color: #e60040; font-size: 13px; font-variant: small-caps; letter-spacing: 3px; line-height: 0.5; }
.subject a:hover {color: #000b1c;}
.date{ line-height: 1; font-size:9px; color:#063ba3; text-transform: uppercase; letter-spacing: 3px }
.datesubject{ text-align: center; }
.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; margin-right: 50px; color:transparent; font-variant: small-caps}
div.comments a, div.comments a:visited, div.comments a:active{font-size: 16px; }
div.comments a:hover{ color: #e7fa46}
#footer{ text-align: right; color: #000b1c; font-size: 15px; text-transform: lowercase; margin-right: 180px}
#footer a:link, #footer a:visited {font-size:15px; font-variant: small-caps}
div#footer a:hover {}
#footer .viewing {font-variant: small-caps }
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 5px; font-size: 12px; color: #e60040; font-weight: bold; }
div.ljtags a {color: #000b1c; font-size: 11px; font-weight: normal;}
.currents{ color: #000b1c; font-size: 11px; margin-top: -33px; margin-left: 11px}
.currentlocation, .currentmood, .currentmusic{ padding-left: 9px; color: #000b1c;}
.currentlocation a {color: #000b1c;}
.currents strong {font-weight: 900; color: #e60040; font-size: 12px}
blockquote {font-size: 11px; padding: 10px; margin: 0 auto; width: 90%; color: #e60040; font-style: italic; text-indent: 25px; text-align: justify; line-height: 1}}
code, kbd, pre, tt { font-family: sans-serif; }
#lj_controlstrip { background: #e9f7f9}
#lj_controlstrip a:link, #lj_controlstrip a:visited, #lj_controlstrip a:active, #lj_controlstrip, #lj_controlstrip_statustext {color: #e60040}
.separator {}
.box {padding: 30px}
.commentbox {margin: 10px 0; padding: 20px; background: #e7fa46; border-top: 2px solid #00adf1; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px;}
.datesubjectcomment {text-transform: uppercase; margin-bottom: 10px; color: #e60040; font-size: 9px; letter-spacing: 1px}
.userpiccomment {float: left; width: 80px; height: 80px; border: 2px solid #00adf1; margin: 0 10px 10px 0}
.commentreply {}
.skiplinks a { }
.skiplinks {text-align: center;}
table.yeartable {margin: 0 auto}
ul.year {padding: 10px 30px }
table.yeartable td.yearday {padding-left: 0px;}
@font-face {
font-family: 'League Script';
font-style: normal;
font-weight: 400;
src: local('League Script'), local('LeagueScript'), url('http://themes.googleusercontent.com/font?kit=wnRFLvfabWK_DauqppD6vREVhAA1gnTRu3Am0EzDRlM') format('woff');
}