What Have You Done To My Bloody Wall? layout

[fuesch]

Here's my second take on the Sherlock wallpaper. And for the first time a sideways sidebar, because I didn't want the sidebar to cover the smiley.

What Have You Done To My Bloody Wall?
preview	Click here for live preview, then click on the layout's icon.
layout info	Based on Flexible Squares. Works for all account types. Tested in Firefox 18, Google Chrome 24 and Internet Explorer 9. Just some minor problems with the footer in Chrome and IE. You can change the content width.
how to implement this layout	Go to the Customize Journal page. Make sure Style System is S2. Choose the Flexible Squares layout. Go to Custom CSS » Use layout's stylesheet(s): No » Use layout's stylesheet(s) when including custom external stylesheet: No » Use external stylesheets: No insert custom stylesheet /* What Have You Done To My Bloody Wall? http://fuesch.livejournal.com/38327.html */ body { margin: 0px; padding: 25px 0px 0px 0px; text-align: center; font-family: Georgia, "Times New Roman", Times, serif; color: #31221D; font-size: 13px; background: #B3BAB2 url(http://fatfrog.info/Ma/A/layout/bloodywall/bg.png) -100px top fixed; } a, a:link { color: #FFE000; text-decoration: none; text-shadow: #7B736C 0px 0px 3px; } a:visited { color: #E2D14D; text-decoration: none; } a:hover { color: #FFE000; text-decoration: none; background: url(http://fatfrog.info/Ma/A/layout/bloodywall/brown.png); } a:active { color: #FFE73B; text-decoration: none; } code, kbd, pre, tt { font-family: "Courier New", Courier, monospace; font-size: 12px; } p, td, blockquote { font-size: 12px; } blockquote { padding: 15px; border: 1px solid #A0A39C; box-shadow: 1px 1px 5px #92948D; } q { font-style: italic; } q i { font-style: normal; } /* ------- GENERAL ------- */ #lj_controlstrip_new { margin-top: -50px; } .clear { display: none; } .headerimage { position: fixed; top: 0px; left: 0px; width: 545px; height: 624px; background: url(http://fatfrog.info/Ma/A/layout/bloodywall/smiley.png) -100px top no-repeat; z-index: 1; } #lj_controlstrip_new, #content-outer { position: relative; z-index: 2; } #content { width: 50%; padding: 0px 50px 0px 450px; } #header { margin: 0px 0px 35px 0px; padding-top: 15px; text-align: center; font-size: 0px; } ul.navheader { position: fixed; top: 75px; left: 0px; margin: 0px; padding: 0px; text-align: right; list-style: none; } ul.navheader li { display: block; margin: 0px; padding: 0px; font-size: 10px; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; } ul.navheader li + li { margin-top: 5px; } ul.navheader li a { display: block; width: 75px; margin-left: -55px; padding: 15px 15px 15px 0px; background: url(http://fatfrog.info/Ma/A/layout/bloodywall/bg-bg1.png) -100px top fixed; box-shadow: 1px 1px 5px #5C544E; } ul.navheader li a:visited { color: #FFE000; text-decoration: none; } ul.navheader li a:hover { margin-left: 0px; text-decoration: none; } .view { width: 75px; padding: 15px 15px 15px 0px!important; background: url(http://fatfrog.info/Ma/A/layout/bloodywall/bg-bg1.png) -100px top fixed; box-shadow: 1px 1px 5px #5C544E; } .title { display: inline; padding: 15px 20px 15px 15px; font-size: 18px; font-style: italic; background: url(http://fatfrog.info/Ma/A/layout/bloodywall/flower.png) right center no-repeat, url(http://fatfrog.info/Ma/A/layout/bloodywall/bg-bg1.png) -100px top fixed; } .subtitle { display: inline; padding: 15px 15px 15px 10px; font-size: 18px; font-style: italic; background: url(http://fatfrog.info/Ma/A/layout/bloodywall/bg-bg1.png) -100px top fixed; } #sidebar { margin: 0px -10px 20px -10px; text-align: left; } #sidebar li a:hover, .sbarcalendarposts a:hover { background: none; text-decoration: underline; } .sbarbody { display: inline-block; width: 175px; margin: 10px; padding: 0px 15px 15px 15px; text-align: left; vertical-align: top; background: url(http://fatfrog.info/Ma/A/layout/bloodywall/bg-bg1.png) -100px top fixed; } .sbarbody2 { display: inline-block; max-height: 150px; width: 175px; margin: 54px 10px 10px -215px!important; padding: 5px 15px; text-align: left; background: url(http://fatfrog.info/Ma/A/layout/bloodywall/bg-bg2.png) -100px top fixed; overflow: auto; } ul.sbarlist { margin: 0px; padding: 0px; list-style: none; background: url(http://fatfrog.info/Ma/A/layout/bloodywall/bg-bg2.png) -100px top fixed; } ul.sbarlist + .sbarlist { margin: 0px; padding: 0px; list-style: none; max-height: 150px; overflow: auto; } li.sbartitle { margin: 0px; padding: 15px 0px 10px 0px; list-style: none; font-size: 16px; font-style: italic; background: url(http://fatfrog.info/Ma/A/layout/bloodywall/bg-bg1.png) -100px top fixed; } li.sbaritem { margin: 0px; padding: 5px; } li.sbaritem + li { background: url(http://fatfrog.info/Ma/A/layout/bloodywall/brown.png) top repeat-x; } li.sbaritem:hover { background: url(http://fatfrog.info/Ma/A/layout/bloodywall/brown.png); } .tagcloud { padding: 5px; list-style: none; } .tagcloud span { vertical-align: middle; } .tagcloud a:hover { text-decoration: none!important; background: url(http://fatfrog.info/Ma/A/layout/bloodywall/brown.png)!important; } .defaultuserpic { display: inline-block; width: 175px; margin: 10px; padding: 15px; text-align: center; background: url(http://fatfrog.info/Ma/A/layout/bloodywall/bg-bg1.png) -100px top fixed; } .defaultuserpic img { padding: 10px 37px 10px 38px; background: url(http://fatfrog.info/Ma/A/layout/bloodywall/bg-bg2.png) -100px top fixed; } table.calendar { margin: 0px auto; } .sbarcalendar { padding: 1px 3px 1px 1px; text-align: right; font-size: 14px; border: 1px solid #92948D; } .sbarcalendarposts { padding: 1px 3px 1px 1px; text-align: right; font-size: 14px; background: url(http://fatfrog.info/Ma/A/layout/bloodywall/brown.png); border: 1px solid #92948D; } .sbarcalendarposts a { display: block; } #maincontent { text-align: left; } #footer { text-align: center; font-size: 10px; font-weight: bold; letter-spacing: 1px; text-transform: uppercase; } ul.navfooter { height: 37px; margin: 0px; padding: 5px 0px 0px 0px; overflow: hidden; } ul.navfooter li { display: inline-block; margin: 0px; padding: 0px; } ul.navfooter li a { display: block; height: 10px; margin: 0px 5px 0px 5px; padding: 12px 15px 0px 15px; background: url(http://fatfrog.info/Ma/A/layout/bloodywall/bg-bg1.png) -100px top fixed; box-shadow: 1px 1px 5px #5C544E; overflow: hidden; } ul.navfooter li a:visited { color: #FFE000; } ul.navfooter li a:hover { height: 28px!important; text-decoration: none; } .viewing { height: 8px; margin: 0px 5px 0px 5px!important; padding: 12px 15px 0px 15px!important; background: url(http://fatfrog.info/Ma/A/layout/bloodywall/bg-bg1.png) -100px top fixed; box-shadow: 1px 1px 5px #5C544E; overflow: hidden; } .viewing { height: 28px!important; } .clearfoot { display: none; } /* ------- ENTRIES & FRIENDS ------- */ .subcontent { position: relative; margin-bottom: 30px; padding: 15px 15px 0px 15px; background: url(http://fatfrog.info/Ma/A/layout/bloodywall/bg-bg1.png) -100px top fixed; z-index: 10; } .userpic { position: relative; float: left; margin: 0px 10px 10px 0px; padding: 10px; background: url(http://fatfrog.info/Ma/A/layout/bloodywall/bg-bg2.png) -100px top fixed; border: 1px solid #A0A39C; box-shadow: 1px 1px 5px #92948D; z-index: 15; } .userpicfriends { position: relative; float: left; margin: 0px 10px 10px 0px; padding: 10px 10px 7px 10px; text-align: center; color: #31221D; background: url(http://fatfrog.info/Ma/A/layout/bloodywall/bg-bg2.png) -100px top fixed; border: 1px solid #A0A39C; box-shadow: 1px 1px 5px #92948D; z-index: 15; } .userpicfriends img { padding-bottom: 5px; } .userpicfriends font { color: #FFE000; font-style: italic; } .datesubject { padding: 0px 0px 15px 0px; background: url(http://fatfrog.info/Ma/A/layout/bloodywall/bg-bg1.png) -100px top fixed; } .date, .replytoposter { font-size: 11px; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; } .subject, .replytosubject { font-size: 18px; font-style: italic; } .entry { margin: 0px; padding: 10px 10px 13px 10px; background: url(http://fatfrog.info/Ma/A/layout/bloodywall/bg-bg2.png) -100px top fixed; } .ljtags, .currents { margin-top: 13px; padding-top: 13px; font-size: 10px; font-style: italic; text-transform: uppercase; letter-spacing: 1px; border-top: 1px solid #A5AAA5; } .currents strong { font-weight: normal; } .currents div { display: inline-block; width: 30%; padding-right: 10px; vertical-align: top; } .comments { margin: 13px -10px -13px -10px; padding: 10px 120px; text-align: center; font-size: 0px; background: url(http://fatfrog.info/Ma/A/layout/bloodywall/bg-bg1.png) -100px top fixed; } div.comments a, div.comments a:link { display: inline-block; width: 50%; margin: 0px auto; font-size: 14px; text-transform: uppercase; vertical-align: middle; } .separator { display: none; } /* ------- COMMENTS ------- */ .lj-view-entry { } .skiplinks { position: relative; text-align: right; font-size: 0px; font-weight: bold; text-transform: uppercase; z-index: 5; } .skiplinks a { display: inline-block; font-size: 10px; margin: 5px 0px 0px 10px; padding: 12px 15px 5px 15px; vertical-align: bottom; background: url(http://fatfrog.info/Ma/A/layout/bloodywall/bg-bg1.png) -100px top fixed; box-shadow: inset 0px -1px 5px #83827B; } .skiplinks a:hover { margin-top: 0px; padding-bottom: 10px; } .box { margin: 0px 0px 20px 0px; padding: 15px 15px 1px 15px; background: url(http://fatfrog.info/Ma/A/layout/bloodywall/bg-bg1.png) -100px top fixed; } .box center { margin-bottom: 10px; } .box + .box center { margin-top: 10px; } .commentbox { margin: 0px 0px 20px 0px; padding: 10px; background: url(http://fatfrog.info/Ma/A/layout/bloodywall/bg-bg2.png) -100px top fixed; } .datesubjectcomment { font-size: 11px; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; } .datesubjectcomment strong { font-size: 18px; font-style: italic; font-weight: normal; text-transform: none; } .userpiccomment { float: left; margin: -10px 10px 10px -10px; padding: 10px; background: url(http://fatfrog.info/Ma/A/layout/bloodywall/bg-bg2.png) -100px top fixed; border: 1px solid #A0A39C; box-shadow: 1px 1px 5px #92948D; } .commentreply { position: relative; margin: 10px; } .commentreply + div { padding: 10px 0px 0px 0px!important; font-size: 11px!important; text-transform: uppercase; border-top: 1px solid #A5AAA5; } .commentreply + div div { padding: 5px 0px 0px 0px!important; } .commentboxpartial { margin: 0px 0px 20px 0px; padding: 10px; font-size: 11px; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; background: url(http://fatfrog.info/Ma/A/layout/bloodywall/bg-bg2.png) -100px top fixed; } .box + .separator { display: none; } #content + div { background-color: transparent!important; border: none!important; } .lj-view-reply .comments { padding-bottom: 0px; } .lj-view-reply .subcontent + .clear { display: block; margin-top: -30px; height: 15px; background: url(http://fatfrog.info/Ma/A/layout/bloodywall/bg-bg1.png) -100px top fixed; } #postform table, #qrform table { width: 100%; margin: 0px 0px 15px 0px; padding: 5px; background: url(http://fatfrog.info/Ma/A/layout/bloodywall/bg-bg2.png) -100px top fixed; border: none!important; } #postform table table, #qrform table table { margin: 0px; padding: 0px; } .commentbox #qrform table { width: auto; margin: 0px auto; font-size: 12px; text-transform: none; } input, textarea { padding: 2px; color: #31221D; background: url(http://fatfrog.info/Ma/A/layout/bloodywall/bg-bg2.png) -100px top fixed; border: 1px solid #83827B; box-shadow: inset 1px 1px 5px #83827B; } input[type='submit'] { border: 1px solid #A5AAA5; box-shadow: inset -2px -2px 5px #83827B; } input[type='submit']:active { box-shadow: inset -1px -1px 5px #83827B; } .commentbox #qrform table textarea.textbox { width: 100%!important; } /* ------- CALENDAR ------- */ .lj-view-archive #maincontent { margin-bottom: 20px; padding: 15px; background: url(http://fatfrog.info/Ma/A/layout/bloodywall/bg-bg1.png) -100px top fixed; } .lj-view-archive #maincontent br { display: none; } ul.year { margin: 0px; padding: 0px; text-align: left; font-size: 11px; font-weight: bold; letter-spacing: 1px; } ul.year li { display: inline; margin: 0px; padding: 0px 7px 0px 0px; vertical-align: middle; } ul.year a:hover { text-decoration: none; background: url(http://fatfrog.info/Ma/A/layout/bloodywall/brown.png); } .active { font-size: 18px; font-style: italic; font-weight: normal; letter-spacing: 0px; } table.yeartable { margin: 15px auto 0px auto; } td.yearmonth { font-size: 18px; font-style: italic; } td.yearmonth a { font-size: 11px; font-style: normal; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; } td.yearday { padding: 10px; text-align: center; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; background: url(http://fatfrog.info/Ma/A/layout/bloodywall/bg-bg2.png) -100px top fixed; } td.yeardate { padding: 2px 4px 1px 4px; background: url(http://fatfrog.info/Ma/A/layout/bloodywall/bg-bg2.png) -100px top fixed; } td.yeardate div + div { position: relative; top: -8px; padding: 0px 10px 0px 10px; font-size: 22px; } td.yeardate a { display: block; } .lj-view-month #maincontent form { margin: 0px; padding: 15px 15px 0px 15px; background: url(http://fatfrog.info/Ma/A/layout/bloodywall/bg-bg1.png) -100px top fixed; } .lj-view-month #maincontent form br, .lj-view-month #maincontent form + br , .lj-view-month #maincontent form + br + br { display: none; } .lj-view-month dt { margin: 0px 50px; font-size: 18px; font-style: italic; } .lj-view-month dt b { font-weight: normal; } .lj-view-month dd + dt { margin: 20px 50px 0px 50px; } .lj-view-month dd { margin: 0px 50px; padding: 15px; border: 1px solid #A0A39C; box-shadow: 1px 1px 5px #92948D; } .lj-view-day .separator + .clear + .clear + .skiplinks { margin-top: -30px; } .lj-view-day .separator + .clear + .clear + .skiplinks a { margin: 0px 0px 5px 10px; padding: 7px 15px 10px 15px; vertical-align: top; } .lj-view-day .separator + .clear + .clear + .skiplinks a:hover { margin-bottom: 0px; padding-top: 12px; } /* ------- TAGS ------- */ .lj-view-tags h2 { margin: 0px; padding: 15px; font-size: 18px; font-style: italic; font-weight: normal; background: url(http://fatfrog.info/Ma/A/layout/bloodywall/bg-bg1.png) -100px top fixed; } .ljtaglist { position: relative; margin: 0px 0px 30px 0px; padding: 10px; background: url(http://fatfrog.info/Ma/A/layout/bloodywall/bg-bg2.png) -100px top fixed; z-index: 10; } ul.ljtaglist { list-style: none; } ul.ljtaglist li + li { margin-top: 10px; }

Comments

[hoppytoad79.livejournal.com]

Using. Thank you.

[dansetheblues.livejournal.com]

Thank you - just added your journal page - it is amazing!

[lbfmusic.livejournal.com]

Looking forward to using! :-)

[lauramcewan.livejournal.com]

fun! Thank you!