/* ---------------------------------------------- s2 flexible squares: the reason of a smile by: miiscea{at}lj @ mooncreation{at}lj ---------------------------------------------- */ body { background: #eff0f1 url('http://imgboot.com/images/Miiscea/pureseatop2.png') no-repeat top center; font: 11px/18px arial; text-align: justify; } a, a:visited { color: #e2c1c7; text-decoration: none; } a:hover { color: #fbbac6; cursor: default; } blockquote { margin: 0px 25px; font: 9px/16px georgia; border-left: 10px dotted #eee; padding-left: 10px; } #content { margin: 210px auto 0px; width: 522px; } #maincontent { margin: 0px auto; width: 522px; } .headerimage { display: none; position: relative; margin: 0px auto; width: 522px; height: 350px; background: url('') no-repeat; } /* ---------------------------------------------- header & footer ---------------------------------------------- */ #header { margin-left: 340px; width: 153px; padding: 15px; background: #e7e7e7; font: 16px/20px arial; text-transform: lowercase; } #footer { clear: both; font: 16px/20px arial; text-transform: lowercase; } div#header a, div#header a:visited, div#footer a, div#footer a:visited { color: #bbb; display: block; letter-spacing: -1px; } div#header a:hover, div#footer a:hover, .view, .viewing { color: #ccc; letter-spacing: -1px; } .title, .subtitle { display: none; } ul.navheader { padding: 0px; margin: 0px; } ul.navheader li, ul.navfooter li { display: inline; list-style: none; padding: 0px; } /* ---------------------------------------------- sidebar ---------------------------------------------- */ #sidebar { margin-top: -130px; margin-bottom: 40px; width: 340px; color: #959595; border-right: 2px dotted #ddd; background: #f6e6eb; font: 9px/20px arial; } .defaultuserpic { background: #f6e6eb !important; float: left; padding: 15px 0px 15px 15px; margin: 0px 0px 10px -75px; position: relative; font: 7px/10px verdana; text-transform: uppercase; z-index: 15; } .defaultuserpic img { width: 60px; height: 60px; } .sbarbody { padding: 0px 10px 5px; } .sbarbody2 { padding: 15px 15px 0px; } li.sbartitle { display: none; } li.sbaritem { list-style: none; display: inline; } li.sbaritem a:link, li.sbaritem a:visited { padding: 2px 5px; font: 9px/30px georgia; color: #e2c1c7; display: inline; } li.sbaritem a:hover { color: #fff; } ul.ljtaglist li { padding: 0px; margin: 0px; list-style: decimal-leading-zero; list-style-position: outside; } ul.sbarlist { margin-left: 0px; list-style: none; padding-left: 0px; } /* ---------------------------------------------- recent entries, userpics, currents ---------------------------------------------- */ .subcontent { background: #f7f7f7; } .entry { color: #aaa; background: #f7f7f7; padding: 15px; } .entry ul li, .entry ol li { padding: 0px; margin: 0px; list-style: decimal-leading-zero; list-style-position: outside; } .userpic, .userpicfriends { background: #f7f7f7 !important; float: left; padding: 15px 0px 15px 15px; margin: 0px 0px 10px -75px; position: relative; font: 7px/10px verdana; text-transform: uppercase; z-index: 15; } .userpic img, .userpicfriends img { width: 60px; height: 60px; } .datesubject { border-bottom: 10px dotted #f6e6eb; padding: 10px 15px 0px; height: 45px; } .date { color: #aaa; text-transform: uppercase; } .subject, .subject a, .subject a:visited { font: bold 14px arial; letter-spacing: 1px; color: #e2c1c7; } .currents { text-align: left; margin-bottom: -10px; padding-left: 15px; } .currents, .currentmood, .currentmusic { font-size: 8px; text-transform: uppercase; background: #f7f7f7; } .ljtags { display: none; } .comments { text-align: right; background: #eee; color: #eee; text-transform: uppercase; font-size: 10px; } div.comments a, div.comments a:visited { background: #f7f7f7; padding: 5px 10px; } /* ---------------------------------------------- custom comments ---------------------------------------------- */ .box { color: #aaa; border: 0px; background: #f7f7f7; } .commentbox { margin: 0px; padding: 10px; border: 0px; } .commentreply { text-align: justify; margin: 10px; } form#qrform table { border: 0px !important; } .userpiccomment { background: #eee; float: left; padding: 5px; margin: 0px 10px 10px 0px; position: relative; z-index: 15; width: 70px; height: 70px; } .datesubjectcomment { padding: 5px; font: 9px arial; color: #999; text-transform: uppercase; background: #eee; } input, textarea, select, option, button { border: 0px; font: 11px arial; color: #999; background: #eee; padding: 2px 4px; } .skiplinks { text-align: center; font-weight: bold; font-size: 14px; text-transform: lowercase; color: #e1e1e1; } /* ---------------------------------------------- calendar/archive ---------------------------------------------- */ table.yeartable { padding: 5px; } table.yeartable td.yeardate { color: #999; background: #f7f7f7; padding: 5px; } table.yeartable td.yearday { color: #fff; background: #e2c1c7; font-size: 9px; text-align: center; text-transform: uppercase; } td.yearmonth { color: #cca8ac; font-size: 21px; font-family: georgia; } ul.year, ul.year li { color: #fff; display: inline; text-align: center; margin: 0px auto; } /* ---------------------------------------------- tags page ---------------------------------------------- */ .ljtaglist { background: #f7f7f7; color: #f7f7f7; padding: 15px 25px; font: 12px/24px courier new; } h2 { font-family: georgia; font-weight: normal; color: #aaa; text-align: right; text-transform: lowercase; padding-right: 15px; font-size: 36px; } /* ---------------------------------------------- etc. (ljuser, minicons) ---------------------------------------------- */ .ljuser { font: 8px arial; text-transform: uppercase; } .ljuser a:hover { background: #eeebed; } .ljuser img { display: none; } .separator { height: 20px; } img { cursor: default; filter: alpha(opacity=70); moz-opacity: .70; opacity: .70; } /* ------------------------------------------- */ /* credit miiscea @ lj and don't repost/steal! */ /* ------------------------------------------- */