LJ Layout - Sleepin Cowboys
Scans are from vendy ... I think.
This is a layout for FLEXIBLE SQUARES, an S2 styling system. It is good for all three account status, free/paid/plus. Please read the instructions and terms below:
1. Go to Customize Your Journal Style/Theme
2. Find Flexible Squares, this layout will not work with any other layout BUT flexible squares.
3. Go to the Custom CSS option and select NO for everything: Use Layout Stylesheet, Use Layout Style Sheet When Including Custom blahblahblah, Use External blahblahblah.
4. Click on Save Changes then go to your journal and see the magic happen.
TERMS:
1. Do not alter this layout in anyway. Seriously. Don't. It took me a long time to make the graphics and code it, I appreciate if you don't alter it. If you want alterable layouts, check out Minty Peach for 50+ Flexible Squares layouts (that you can edit). For this layout it is okay to edit the header since its just a cropped image
2. If you like it and are using it, a comment would be nice so I can see how it looks on your blog :DDDDDDDDDDD
3. If you are going to repost this layout, link them to this entry. Do not repost this layout on your own journal and do not claim it as your own work.
4. Credit is really really nice, so give credit where credit is do. Anywhere is nice \:D/
the layout in action here (will probably end up changing if I'm working on a new layout)
/* layout designed by ladymercury - lady_mercury.livejournal.com for flexible squares: paid, plus and free do not edit below and comment if taking this layout! */ BODY { margin-top: 0px; margin-bottom: 0px; background-color: #aa1907; background-image: url('http://i38.tinypic.com/2zppjcw.png'); background-repeat:repeat-y; background-position: center; background-attachment: scroll; text-align: left; font-size: 10pt; color: #520e05; font-family:"Times New Roman", Times, serif; } a, a:link, a:visited { font-family:"Times New Roman", Times, serif; color: #c81600; text-decoration: none; } a:hover{ font-family:"Times New Roman", Times, serif; color: #6b170d; } blockquote { margin: 0px 20px 0px 20px; padding: 13px; color: #000000; font-size: 10pt; border: 1px dotted #6b170d; background: #e18776; text-align: justify; } p, td { font-size: 10pt; } code, kbd, pre, tt { font-family: monospace; } #content { width: 631px; height: auto; background-color: ; background-image: url('http://i33.tinypic.com/24es85c.png'); background-position: center; margin-left: auto; margin-right: auto; } #maincontent { margin-right: 0px; } #sidebar { width: 631px; padding: 5px; background-color: ; background-image: url(''); background-repeat: repeat; background-position: left; color: #801e11; font-family:"Times New Roman", Times, serif; font-size: 10pt; text-align: center; float: top; } /**************************************************** HEADER LINKS - NOT THE HEADERIMAGE **************************************************/ #header { width: 631; height: 28px; margin: background-color: #; background-image: url(''); background-repeat: repeat; background-position: top-left; color: #ffffff; font-family:"Times New Roman", Times, serif; font-size: 12pt; text-transform: lowercase; letter-spacing: -1px; } div#header a, div#header a:link, div#header a:visited { color: #ffffff; font-family:"Times New Roman", Times, serif; font-size: 12pt; text-transform: lowercase; letter-spacing: -1px; padding: 7px 10px 7px 10px; background-color: #cb1301; } div#header a:hover { color: #ffffff; font-family:"Times New Roman", Times, serif; font-size: 12pt; text-transform: lowercase; letter-spacing: -1px; padding: 7px 10px 7px 10px; background-color: #cb1301; } ul.navheader { padding: 0; margin: 0; } ul.navheader li { display: inline; list-style: none; padding: 0; } div#header li.view { color: #ffffff; font-family:"Times New Roman", Times, serif; font-size: 12pt; text-transform: lowercase; letter-spacing: -1px; padding: 5px 15px 5px 15px; background-color: #8b1105; } /******************************************** FOOTER LINKS ********************************************/ #footer { width: 631px; height: 20px; text-align: center; background-color: #ffffff; background-image: url(''); color: #000000;font-family:"Times New Roman", Times, serif; font-size: 8pt; text-transform: lowercase; letter-spacing: -1px; } div#footer a, div#footer a:link, div#footer a:visited { color: #000000;font-family:"Times New Roman", Times, serif; font-size: 8pt; text-transform: lowercase; letter-spacing: -1px; padding: 7px 10px 7px 10px; } div#footer a:hover { color: #222222;font-family:"Times New Roman", Times, serif; font-size: 8pt; text-transform: lowercase; letter-spacing: -1px; padding: 7px 10px 7px 10px; } div#footer li.viewing { color: #000000;font-family:"Times New Roman", Times, serif; font-size: 8pt; text-transform: lowercase; letter-spacing: -1px; } ul.navfooter { padding: 0px; margin: 5px; } ul.navfooter li { display: inline; } /************************************************************* TITLE AND SUBTITLE ************************************************************/ .title { display: none; font-size: 1pt; letter-spacing: 2pt; line-height: 0pt; } .subtitle { display: none; font-size: 1pt; letter-spacing: 2pt; line-height: 0pt; } /*********************************************** SIDEBAR LINKS, COLORS, FONTS, CALENDAR, ETC. ******************************************/ div#sidebar a, div#sidebar a:link, div#sidebar a:visited { color: #7d7c8b; } div#sidebar a:hover { color: #696690; } .defaultuserpic { text-align: center; border-color: 10px solid transparent; } .sbarheader { padding: 0 5px 0 5px; } .sbarbody { padding: 0 3px 0 3px; } .sbarbody2 { padding: 0 6px 0 6px; } table.calendar { margin-right: auto; margin-left: auto; float:right; } .sbarcalendar { padding: 1px; border: 1px solid #ddd; background: transparent; text-align: right; font-family:"Times New Roman", Times, serif;color: #999999; font-size: 10pt; } .sbarcalendarposts { padding: 1px; border: 1px solid #ddd; background: #dddddd; text-align: right; font-family:"Times New Roman", Times, serif;color: #222222; font-size: 10pt; } ul.sbarlist { margin-left: 0px; list-style: none; padding-left: 0px; } li.sbaritem { margin: 2px 3px 2px 3px; padding: 2px 3px 2px 3px; list-style: none; background-color: transparent; background-image: url(''); background-repeat: repeat; } li.sbaritem:hover { background-color: #e6e6e6; color: #000000; background-image: url(''); background-repeat: repeat; } li.sbartitle { list-style: none; margin-bottom: 2px; margin-top: 10px; text-align: left; font-weight: normal; padding-left: 1px; padding-bottom: 2px; background: url('') 0px 0px no-repeat; font-size: 12pt; text-transform: lowercase; letter-spacing: -1px; color: #de958c; } ul.ljtaglist li{ padding: 0px; margin: 5px; list-style: decimal-leading-zero; list-style-position: outside; } /*********************************************** TAGS PAGE LAYOUT ******************************************/ .ljtaglist { list-style-type: none; padding: 0px; margin: -1px 2px 0px 2px; margin-left: 70px; width: 50%; text-transform: lowercase; text-align: left; } .ljtaglist li { border-bottom: 1px solid #cccccc; padding: 5px 2px 5px 2px; color: #888888; } H2 { margin: 30px 0px 10px 90px; text-align: left; padding: 2px 2px 2px 10px; line-height: 12px; font-weight: normal; font-style: italic; font-size: 12px; text-transform: lowercase; font-family: arial; color: #888888; background: url('') 0px 2px no-repeat; } /*********************************************** ENTRY, TAGS LIST, SUB CONTENT, EXTRA ******************************************/ ul.ljtaglist { color: #bbb; font-family: "Tahoma", Helvetica, sans-serif; font-size: 8pt; padding: 8px 8px 8px 0px; text-align: left; margin-right: auto; margin-left: auto; } .subcontent { padding: 30px; background-color: ; background-image: url(''); } .entry{ margin: 10px; padding: 5px; color: #520e05; font-family:"Times New Roman", Times, serif; font-size: 10pt; text-align: justify; } .entry ul li { list-style: decimal-leading-zero; list-style-position: outside; } .entry ol li { list-style: decimal-leading-zero; list-style-position: outside; } /*********************************************** USERPICS IN THE MAIN ENTRIES AND FRIEND PAGES ******************************************/ .userpic { display: none; position: relative; float: left; padding: 10px; margin-right: 15px; z-index: 15; border: 1px solid #888888; background-color: #eeeeee; } .userpicfriends { position: relative; float: left; padding: 5px; margin-right: 20px; z-index: 15; background-color: #ffffff !important; text-align: center; background-image: url(''); font-family:"Times New Roman", Times, serif;; font-size: 10pt; } .userpicfriends font { color: #333333 !important; text-transform: lowercase; } .userpicfriends br { display: block; } /*********************************************** DATE, SUBJECT, LJ TAGS, COMMENTS ******************************************/ .date{ text-align: right; font-weight: normal; padding-bottom: 3px; padding-left: 13px; color: #c05d53; font-family:"Times New Roman", Times, serif; font-size: 10pt; text-transform: lowercase; background: url('http://i33.tinypic.com/2e65x7p.jpg') 0px -1px no-repeat; } .subject { text-align: right; font-weight: bold; padding-bottom: 5px; color: #e2200d; font-family:"Times New Roman", Times, serif; font-size: 12pt; background-image: url(''); border-bottom: 1px #e2200d dotted ; } .subject a, .subject a:link, .subject a:visited { color: #222222; text-transform: lowercase; } .subject a:hover { color: #999; } .datesubject { padding-top: 15px; } .currents, .currentmood, .currentmusic { font-family: arial; font-size: 10pt; } .currents strong, .currentmood strong, .currentmusic .currentlocation, .ljtags strong { color: #333333; padding-left: 13px; font-size: 10pt; text-transform: lowercase; margin-top: 5px; font-family:"Times New Roman", Times, serif; background: url('http://i34.tinypic.com/308jhqg.png') 0px 0px no-repeat; } .ljtags { margin-top: 35px; color: #333333; padding-left: 13px; text-transform: lowercase; font-family:"Times New Roman", Times, serif; background: url('http://i35.tinypic.com/119p2cx.png') 0px 3px no-repeat; } .ljtags a, .ljtags a:link, .ljtags a:visited { color: #222222; text-transform: none; } .currentlocation a, .currentlocation a:link, .currentlocation a:visited { color: #222222; text-transform: lowercase; } .currentlocation a:hover, .ljtags a:hover { color: #666666; text-transform: lowercase; text-decoration: none; } .comments { text-align: center; font-weight: bold; color: #e2200d; font-family:"Times New Roman", Times, serif; font-size: 12pt; text-transform: lowercase; letter-spacing: -1px; padding: 5px; position: relative; top: 10px; background-color:; } div.comments a, div.comments a:link, div.comments a:visited { color: #c05d53; font-size: 12pt; padding: 5px; } div.comments a:hover { color: #dc341f; padding: 5px; font-size: 12pt; } /*********************************************** ARCHIVE PAGE/CALENDAR ******************************************/ ul.year{ text-align: center; padding: 10px 10px 10px 10px; border: 0px solid #bbb; } ul.year li { color: #888888; display: inline; } table.yeartable { margin-left: auto; margin-right: auto; padding: 03px; border: 0px solid #444; } table.yeartable td.yeardate, table.yeartable td.yearday { color: #888888; border: 0px solid #333333; } table.yeartable td.yearday { background: #cccccc; text-align: center; } td.yearmonth { color: #999999; border-style: none; } /*********************************************** HEADER IMAGE ******************************************/ .headerimage { position: relative; width: 631px; height: 450px; margin-left: auto; margin-right: auto; margin-bottom: 0px; background-image: url('http://i35.tinypic.com/152i9f8.png'); background-repeat: no-repeat; background-position: center; } .separator { height: 0px; } /*********************************************** COMMENT PAGES ******************************************/ .clear { display: none; height: 15px; } .skiplinks { text-align: center; padding: 10px; color: #888888; background-color: ; background-image: url(''); } .datesubjectcomment { text-align: left; padding: 12px; color: #ffffff; font-family:"Times New Roman", Times, serif; font-size: 10pt; background-color: #d84545; } .userpiccomment { position: relative; top: -30px; margin: 10px 10px -20px 10px; z-index: 15; float: left; padding: 17px; background-image: url(''); background-repeat: no-repeat; background-position: top-left; } .box { border-color: #cccccc; border-width: 1px; border-style: solid; padding: 10px; clear: right; } input, textarea { font-size: 8pt; margin: 3px 3px; padding: 3px; color: #ffffff; background: #c68077; text-align: justify; font-family:"Times New Roman", Times, serif; } textarea.textbox{ width: 95% !important; } .reply{ position: relative; margin: 5px; padding: 10px; text-align: left; font-family: "tahoma"; font-size: 10px; line-height: 125%; color: #222222; } .replytosubject { font-weight: bold; } .commentreply { position: relative; margin: 10px; font-size: 10px; font-family: "tahoma"; color: #666666; } .commentbox { padding: 10px; margin: 10px; } .datesubjectcomment a:link, .datesubjectcomment a:visited { color: #ffffff; text-transform: lowercase; } .datesubjectcomment a:hover { color: #ffacac; } .commentboxpartial { border-color: #cccccc; border-width: 1px; border-style: dotted; padding: 10px; margin: 10px; } .commentinfo { margin-top: 10px; width: 100%; } /******************** TINY USER PICS **********************/ .subject img[src="http://stat.livejournal.com/img/icon_protected.gif"]{ width: 0; height: 0; padding: 12px 13px 0px 0px !important; background: url(http://i33.tinypic.com/10gxwgp.png); } .subject img[src="http://stat.livejournal.com/img/icon_private.gif"]{ width: 0; height: 0; padding: 12px 13px 0px 0px !important; background: url(http://i33.tinypic.com/10gxwgp.png); } .ljuser img { width: 0; height: 0; background-repeat: no-repeat; background-color:transparent; /* so that IE users will still see an image */ background-image: url(http://i34.tinypic.com/xpy3pi.png); padding: 14px 14px 0 2px !important; } .ljuser img[src="http://stat.livejournal.com/img/userinfo.gif"] { background-color:transparent; background-image: url(http://i34.tinypic.com/xpy3pi.png); padding: 14px 14px 0 2px !important; } .ljuser img[src="http://stat.livejournal.com/img/community.gif"] { background-color:transparent; background-image: url(http://i36.tinypic.com/2cyquyw.png); padding: 14px 14px 0 2px !important; } /* background of entire strip */ #lj_controlstrip { background-image: none; background-color: #aa1907; } /* text color */ #lj_controlstrip td, #lj_controlstrip_statustext { color: #ee6b5b; } /* link color */ #lj_controlstrip a { color: #f6c6c0; } /* border between elements */ #lj_controlstrip_user, #lj_controlstrip_userlinks, #lj_controlstrip_login { border-right: 1px dotted #d74938;
;){kind=link}
;){kind=link}
;){kind=link}
No Topbar
/* layout designed by ladymercury - lady_mercury.livejournal.com for flexible squares: paid, plus and free do not edit below and comment if taking this layout! */ BODY { margin-top: 0px; margin-bottom: 0px; background-color: #aa1907; background-image: url('http://i38.tinypic.com/2zppjcw.png'); background-repeat:repeat-y; background-position: center; background-attachment: scroll; text-align: left; font-size: 10pt; color: #520e05; font-family:"Times New Roman", Times, serif; } a, a:link, a:visited { font-family:"Times New Roman", Times, serif; color: #c81600; text-decoration: none; } a:hover{ font-family:"Times New Roman", Times, serif; color: #6b170d; } blockquote { margin: 0px 20px 0px 20px; padding: 13px; color: #000000; font-size: 10pt; border: 1px dotted #6b170d; background: #e18776; text-align: justify; } p, td { font-size: 10pt; } code, kbd, pre, tt { font-family: monospace; } #content { width: 631px; height: auto; background-color: ; background-image: url('http://i33.tinypic.com/24es85c.png'); background-position: center; margin-left: auto; margin-right: auto; } #maincontent { margin-right: 0px; } #sidebar { width: 631px; padding: 5px; background-color: ; background-image: url(''); background-repeat: repeat; background-position: left; color: #801e11; font-family:"Times New Roman", Times, serif; font-size: 10pt; text-align: center; float: top; display:none; } /**************************************************** HEADER LINKS - NOT THE HEADERIMAGE **************************************************/ #header { width: 631; height: 28px; margin: background-color: #; background-image: url(''); background-repeat: repeat; background-position: top-left; color: #ffffff; font-family:"Times New Roman", Times, serif; font-size: 12pt; text-transform: lowercase; letter-spacing: -1px; } div#header a, div#header a:link, div#header a:visited { color: #ffffff; font-family:"Times New Roman", Times, serif; font-size: 12pt; text-transform: lowercase; letter-spacing: -1px; padding: 7px 10px 7px 10px; background-color: #cb1301; } div#header a:hover { color: #ffffff; font-family:"Times New Roman", Times, serif; font-size: 12pt; text-transform: lowercase; letter-spacing: -1px; padding: 7px 10px 7px 10px; background-color: #cb1301; } ul.navheader { padding: 0; margin: 0; } ul.navheader li { display: inline; list-style: none; padding: 0; } div#header li.view { color: #ffffff; font-family:"Times New Roman", Times, serif; font-size: 12pt; text-transform: lowercase; letter-spacing: -1px; padding: 5px 15px 5px 15px; background-color: #8b1105; } /******************************************** FOOTER LINKS ********************************************/ #footer { width: 631px; height: 20px; text-align: center; background-color: #ffffff; background-image: url(''); color: #000000;font-family:"Times New Roman", Times, serif; font-size: 8pt; text-transform: lowercase; letter-spacing: -1px; } div#footer a, div#footer a:link, div#footer a:visited { color: #000000;font-family:"Times New Roman", Times, serif; font-size: 8pt; text-transform: lowercase; letter-spacing: -1px; padding: 7px 10px 7px 10px; } div#footer a:hover { color: #222222;font-family:"Times New Roman", Times, serif; font-size: 8pt; text-transform: lowercase; letter-spacing: -1px; padding: 7px 10px 7px 10px; } div#footer li.viewing { color: #000000;font-family:"Times New Roman", Times, serif; font-size: 8pt; text-transform: lowercase; letter-spacing: -1px; } ul.navfooter { padding: 0px; margin: 5px; } ul.navfooter li { display: inline; } /************************************************************* TITLE AND SUBTITLE ************************************************************/ .title { display: none; font-size: 1pt; letter-spacing: 2pt; line-height: 0pt; } .subtitle { display: none; font-size: 1pt; letter-spacing: 2pt; line-height: 0pt; } /*********************************************** SIDEBAR LINKS, COLORS, FONTS, CALENDAR, ETC. ******************************************/ div#sidebar a, div#sidebar a:link, div#sidebar a:visited { color: #7d7c8b; } div#sidebar a:hover { color: #696690; } .defaultuserpic { text-align: center; border-color: 10px solid transparent; } .sbarheader { padding: 0 5px 0 5px; } .sbarbody { padding: 0 3px 0 3px; } .sbarbody2 { padding: 0 6px 0 6px; } table.calendar { margin-right: auto; margin-left: auto; float:right; } .sbarcalendar { padding: 1px; border: 1px solid #ddd; background: transparent; text-align: right; font-family:"Times New Roman", Times, serif;color: #999999; font-size: 10pt; } .sbarcalendarposts { padding: 1px; border: 1px solid #ddd; background: #dddddd; text-align: right; font-family:"Times New Roman", Times, serif;color: #222222; font-size: 10pt; } ul.sbarlist { margin-left: 0px; list-style: none; padding-left: 0px; } li.sbaritem { margin: 2px 3px 2px 3px; padding: 2px 3px 2px 3px; list-style: none; background-color: transparent; background-image: url(''); background-repeat: repeat; } li.sbaritem:hover { background-color: #e6e6e6; color: #000000; background-image: url(''); background-repeat: repeat; } li.sbartitle { list-style: none; margin-bottom: 2px; margin-top: 10px; text-align: left; font-weight: normal; padding-left: 1px; padding-bottom: 2px; background: url('') 0px 0px no-repeat; font-size: 12pt; text-transform: lowercase; letter-spacing: -1px; color: #de958c; } ul.ljtaglist li{ padding: 0px; margin: 5px; list-style: decimal-leading-zero; list-style-position: outside; } /*********************************************** TAGS PAGE LAYOUT ******************************************/ .ljtaglist { list-style-type: none; padding: 0px; margin: -1px 2px 0px 2px; margin-left: 70px; width: 50%; text-transform: lowercase; text-align: left; } .ljtaglist li { border-bottom: 1px solid #cccccc; padding: 5px 2px 5px 2px; color: #888888; } H2 { margin: 30px 0px 10px 90px; text-align: left; padding: 2px 2px 2px 10px; line-height: 12px; font-weight: normal; font-style: italic; font-size: 12px; text-transform: lowercase; font-family: arial; color: #888888; background: url('') 0px 2px no-repeat; } /*********************************************** ENTRY, TAGS LIST, SUB CONTENT, EXTRA ******************************************/ ul.ljtaglist { color: #bbb; font-family: "Tahoma", Helvetica, sans-serif; font-size: 8pt; padding: 8px 8px 8px 0px; text-align: left; margin-right: auto; margin-left: auto; } .subcontent { padding: 30px; background-color: ; background-image: url(''); } .entry{ margin: 10px; padding: 5px; color: #520e05; font-family:"Times New Roman", Times, serif; font-size: 10pt; text-align: justify; } .entry ul li { list-style: decimal-leading-zero; list-style-position: outside; } .entry ol li { list-style: decimal-leading-zero; list-style-position: outside; } /*********************************************** USERPICS IN THE MAIN ENTRIES AND FRIEND PAGES ******************************************/ .userpic { display: none; position: relative; float: left; padding: 10px; margin-right: 15px; z-index: 15; border: 1px solid #888888; background-color: #eeeeee; } .userpicfriends { position: relative; float: left; padding: 5px; margin-right: 20px; z-index: 15; background-color: #ffffff !important; text-align: center; background-image: url(''); font-family:"Times New Roman", Times, serif;; font-size: 10pt; } .userpicfriends font { color: #333333 !important; text-transform: lowercase; } .userpicfriends br { display: block; } /*********************************************** DATE, SUBJECT, LJ TAGS, COMMENTS ******************************************/ .date{ text-align: right; font-weight: normal; padding-bottom: 3px; padding-left: 13px; color: #c05d53; font-family:"Times New Roman", Times, serif; font-size: 10pt; text-transform: lowercase; background: url('http://i33.tinypic.com/2e65x7p.jpg') 0px -1px no-repeat; } .subject { text-align: right; font-weight: bold; padding-bottom: 5px; color: #e2200d; font-family:"Times New Roman", Times, serif; font-size: 12pt; background-image: url(''); border-bottom: 1px #e2200d dotted ; } .subject a, .subject a:link, .subject a:visited { color: #222222; text-transform: lowercase; } .subject a:hover { color: #999; } .datesubject { padding-top: 15px; } .currents, .currentmood, .currentmusic { font-family: arial; font-size: 10pt; } .currents strong, .currentmood strong, .currentmusic .currentlocation, .ljtags strong { color: #333333; padding-left: 13px; font-size: 10pt; text-transform: lowercase; margin-top: 5px; font-family:"Times New Roman", Times, serif; background: url('http://i34.tinypic.com/308jhqg.png') 0px 0px no-repeat; } .ljtags { margin-top: 35px; color: #333333; padding-left: 13px; text-transform: lowercase; font-family:"Times New Roman", Times, serif; background: url('http://i35.tinypic.com/119p2cx.png') 0px 3px no-repeat; } .ljtags a, .ljtags a:link, .ljtags a:visited { color: #222222; text-transform: none; } .currentlocation a, .currentlocation a:link, .currentlocation a:visited { color: #222222; text-transform: lowercase; } .currentlocation a:hover, .ljtags a:hover { color: #666666; text-transform: lowercase; text-decoration: none; } .comments { text-align: center; font-weight: bold; color: #e2200d; font-family:"Times New Roman", Times, serif; font-size: 12pt; text-transform: lowercase; letter-spacing: -1px; padding: 5px; position: relative; top: 10px; background-color:; } div.comments a, div.comments a:link, div.comments a:visited { color: #c05d53; font-size: 12pt; padding: 5px; } div.comments a:hover { color: #dc341f; padding: 5px; font-size: 12pt; } /*********************************************** ARCHIVE PAGE/CALENDAR ******************************************/ ul.year{ text-align: center; padding: 10px 10px 10px 10px; border: 0px solid #bbb; } ul.year li { color: #888888; display: inline; } table.yeartable { margin-left: auto; margin-right: auto; padding: 03px; border: 0px solid #444; } table.yeartable td.yeardate, table.yeartable td.yearday { color: #888888; border: 0px solid #333333; } table.yeartable td.yearday { background: #cccccc; text-align: center; } td.yearmonth { color: #999999; border-style: none; } /*********************************************** HEADER IMAGE ******************************************/ .headerimage { position: relative; width: 631px; height: 450px; margin-left: auto; margin-right: auto; margin-bottom: 0px; background-image: url('http://i35.tinypic.com/152i9f8.png'); background-repeat: no-repeat; background-position: center; } .separator { height: 0px; } /*********************************************** COMMENT PAGES ******************************************/ .clear { display: none; height: 15px; } .skiplinks { text-align: center; padding: 10px; color: #888888; background-color: ; background-image: url(''); } .datesubjectcomment { text-align: left; padding: 12px; color: #ffffff; font-family:"Times New Roman", Times, serif; font-size: 10pt; background-color: #d84545; } .userpiccomment { position: relative; top: -30px; margin: 10px 10px -20px 10px; z-index: 15; float: left; padding: 17px; background-image: url(''); background-repeat: no-repeat; background-position: top-left; } .box { border-color: #cccccc; border-width: 1px; border-style: solid; padding: 10px; clear: right; } input, textarea { font-size: 8pt; margin: 3px 3px; padding: 3px; color: #ffffff; background: #c68077; text-align: justify; font-family:"Times New Roman", Times, serif; } textarea.textbox{ width: 95% !important; } .reply{ position: relative; margin: 5px; padding: 10px; text-align: left; font-family: "tahoma"; font-size: 10px; line-height: 125%; color: #222222; } .replytosubject { font-weight: bold; } .commentreply { position: relative; margin: 10px; font-size: 10px; font-family: "tahoma"; color: #666666; } .commentbox { padding: 10px; margin: 10px; } .datesubjectcomment a:link, .datesubjectcomment a:visited { color: #ffffff; text-transform: lowercase; } .datesubjectcomment a:hover { color: #ffacac; } .commentboxpartial { border-color: #cccccc; border-width: 1px; border-style: dotted; padding: 10px; margin: 10px; } .commentinfo { margin-top: 10px; width: 100%; } /******************** TINY USER PICS **********************/ .subject img[src="http://stat.livejournal.com/img/icon_protected.gif"]{ width: 0; height: 0; padding: 12px 13px 0px 0px !important; background: url(http://i33.tinypic.com/10gxwgp.png); } .subject img[src="http://stat.livejournal.com/img/icon_private.gif"]{ width: 0; height: 0; padding: 12px 13px 0px 0px !important; background: url(http://i33.tinypic.com/10gxwgp.png); } .ljuser img { width: 0; height: 0; background-repeat: no-repeat; background-color:transparent; /* so that IE users will still see an image */ background-image: url(http://i34.tinypic.com/xpy3pi.png); padding: 14px 14px 0 2px !important; } .ljuser img[src="http://stat.livejournal.com/img/userinfo.gif"] { background-color:transparent; background-image: url(http://i34.tinypic.com/xpy3pi.png); padding: 14px 14px 0 2px !important; } .ljuser img[src="http://stat.livejournal.com/img/community.gif"] { background-color:transparent; background-image: url(http://i36.tinypic.com/2cyquyw.png); padding: 14px 14px 0 2px !important; } /* background of entire strip */ #lj_controlstrip { background-image: none; background-color: #aa1907; } /* text color */ #lj_controlstrip td, #lj_controlstrip_statustext { color: #ee6b5b; } /* link color */ #lj_controlstrip a { color: #f6c6c0; } /* border between elements */ #lj_controlstrip_user, #lj_controlstrip_userlinks, #lj_controlstrip_login { border-right: 1px dotted #d74938;
Topbar code (please copy and paste this in the blurb section of your sidebar, turning everything else OFF)
| type your stuff here, usually what you would put in your 'blurb' section |
Get more of my layouts here!