[layout] yabu kota, for comm
Yabu Kota v. Dream Boy
Style: S2 Flexible Squares
For: Basic Account
Best viewed in Mozilla Firefox, resolution 1024x768 and up.
Credits: Stylesheet by refutare, edited by me.



Live preview HERE.


Instructions

1. Go to Customize Journal.
2. Make sure you're on S2.
2. Select a new theme by searching for Flexible Squares, and click apply on one of the search results.
3. Set to sidebar on left.
4. Hit the customize selected theme button.
5. (customize your theme)
- (Display) Uncheck the two boxes under Navigation Strip.
- (Sidebar) Set » Show the default user picture on the sidebar? - No.
- (Sidebar) Set » Show the blurb/free text in the sidebar? - YES. Here you can put a short blurb about the community, or even credit me here with something like, "layout by fahlyu, stylesheet by refutare." You also need to put THIS IMAGE here, like so.
- (Sidebar) Set » Show the link list in the sidebar? - YES. This is the navigation. You can put the comm info, recent entries, etc. links under Links List.
- (Sidebar) Set » Show tags in the sidebar? - No.
- (Sidebar) Set » Show the page summary in the sidebar? - No.
- (Sidebar) Set » Show the calendar in the sidebar? - yes/no // it'll be disabled either way.
- (Sidebar) Ordering » set link list and blurb as first and second. I suggest the blurb as second, as the navigation can then be seen on top (also the sidebar is fixed, so those with smaller resolutions might not be able to see the navigation).
6. (Custom CSS) Set the three pulldowns to 'no', copy the following overrides and paste it into » Custom stylesheet, and save changes:

body{ background: #f5f5f5; font-family:lucida sans unicode; font-size:7.5pt; color:#999; line-height:150%; margin:0;} a, a:link, a:visited, a:active, b, i{ color: #A7CFD9; font-weight: 100; text-decoration: none;} a:hover{ color: #809EA6; } code, kbd, pre, tt{ font-family: courier new; } #content{ width: 780px; float:left; } #maincontent{ text-align: left; width:500px; margin-top:20px; left:260px; position:relative;} .subcontent, .skiplinks{ background:#fff; padding:0 10px 10px 10px; margin-top:-5px; border:1px #eee solid;} .skiplinks{ margin-top:-20px; } .entry{ margin: 10px 0 auto 0;} .userpic, .userpicfriends{ position: relative; float: right; text-align:center; margin: 0 -130px 10px 10px; background: transparent!important; color:#fff!important; font-family:georgia;!important;} .userpicfriends font{ color: #808080!important; } .userpic img, .userpicfriends img{ border:1px solid #ececec; padding:5px; } .subject{ text-align: left; padding: 15px 15px 0 15px; color: #505050; margin:-5px -15px 0 -15px; font-weight:bold; font-family: arial; text-transform:uppercase; font-size:16px;} .datesubject{ padding: 5px 5px 5px 0;} .entry ul li, .entry ol li{ padding-left: 5px; margin-left: 15px; } .comments{ text-transform:uppercase; text-align: right; color:#fff; position: relative; margin: 0 0 0 -10px; font-family:georgia;} .comments a{ background:#f8f8f8; border:1px #eee solid; padding:4px; margin-left:-3px;} #footer{ margin: -25px 0 10px 0; padding: 10px; text-align: left; left:200px; position:relative;} ul.navfooter{ padding: 0; margin: 0;} ul.navfooter li{display:inline; text-align:left; font-family:georgia; background:#fff; border:1px #eee solid; padding:10px;} .clearfoot{ clear: both; } .clear{ height: 15px; } span.ljuser, span.ljuser a b{ padding: 0; width: 0; height: 0; margin: 0; font-weight:100; } span.ljuser img{ visibility: hidden; padding: 0; width: 0; height: 0; } .ljtaglist{ padding:15px; list-style:none; background:#fff; } .yeartable{ background:#fff; padding:0; margin-top:15px; } .yearday{ border-left:1px #ececec solid; padding:5px; } .yearmonth{ padding:5px; } .yeardate{ border-left:1px #ececec solid; border-top:1px #ececec solid; padding:5px; } ul.year, ul.year li{ list-style:none; padding:10px; display:inline; } img[src="http://p-stat.livejournal.com/img/icon_protected.gif"], img[src="http://p-stat.livejournal.com/img/icon_private.gif"]{ width: 0; height: 0; padding: 0 0 10px 8px; background: url(http://i25.tinypic.com/2i11ptz.gif); } h2, #header, .ljtags, .defaultuserpic, li.sbartitle, #sidebar_calendar, .currents strong, .currentmood img, #footer .viewing, .date{ display:none; } #sidebar{ background: #181818; float:left; width:249px; position:fixed; border-right: 1px solid #101010; color:#888; text-align:center; min-height:100%; font-family:georgia; } .sbarbody2{ background: #202020; border:1px #101010 solid; padding:10px 0px 10px 0px;} ul.sbarlist{ list-style: none; width:100%; margin:15px -55px 0 -40px; } li.sbaritem{ list-style: none; padding:2px 2px 2px 5px; background:#0f0f0f; border:1px #000 solid;} li.sbaritem:hover{ background:#000; border:1px #0f0f0f solid; } .currents{ margin-top:-10px; padding:5px; background:#f8f8f8; border:1px #eee solid; font-family:georgia;} .currentlocation{ background:url(http://i33.tinypic.com/6r7a4z.gif) no-repeat left center; padding:0 0 0 15px;} .currentmood{ background:url(http://i35.tinypic.com/3345hqf.gif) no-repeat left center; padding:0 0 0 15px; } .currentmusic{ background:url(http://i37.tinypic.com/2hf6of4.gif) no-repeat left center; padding:0 0 0 15px; } div.ContextualPopup div.Inner{ background:transparent!important; color: #ababab!important; padding:10px; width: 250px; font-family:georgia; border:0; font-size:7.5pt!important;} div.ContextualPopup .Content{ padding:7px 10px 7px 10px; margin-right:80px; line-height: 1.4; background:#fff; border:1px solid #ececec; } div.ContextualPopup .Userpic{ padding:10px; background:#fff; margin:0; border:1px solid #ececec; } div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited{ text-decoration: none !important; font-weight: 100; color: #555!important; } div.ContextualPopup .Relation{ letter-spacing:1px; border-bottom: 1px solid #ececec; margin-bottom:4px; padding-bottom:4px; }

And there be layout! :3 Let me know if there's anything that doesn't work or if there's anything you want changed.

FOR yabu_daily ONLY.