[layout] kitayama, for harunomasu
Kitayama
Style: S2 Smooth Sailing
For: Basic Account
Best viewed in Mozilla Firefox/IE
Credits: Stylesheet & instructions by interlinea, edited by me.



Live preview HERE.


Instructions

1. Go to Customize Journal.
2. Select a new theme by searching for Smooth Sailing, and click apply on one of the search results.
3. Set to sidebar on the right. (NOTE: I do not recommend having your journal on Plus for this, however, if you do have ads set the ad position to Horizontal first, save, and then set it to Between entries and save)
4. Hit the customize selected theme button.
5. In Display under Navigation Strip, uncheck both boxes. Then scroll down to Presentation and put the user info position to the left side of the entry. Under the Additional Options, set the Header Journal Icon to Hide User's Icon in Header. Save changes.
6. Under Sidebar, set the Multisearch Sidebox to hide.
7. Feel free to change your links list/sidebar/other things.
8. Under Custom CSS, set Use Layout layout's stylesheet(s) and Use layout's stylesheet(s) when including custom external stylesheet both to No. Then copy and paste the following overrides into the Custom stylesheet box:

/* INTERLINEA: style sheet based on the Smooth Sailing Layout (left sidebar). Code by Newkidfan. (http://interlinea.livejournal.com/) */ /* TYPOGRAPHY */ body, p, td, tr, ul, ol, li, dl, dd { font-family: arial; font-size: 7pt; color: #444444; cursor: default; text-align: justify; line-height: 16px; } .color { color: #9ABC9F; font-size: 7pt; } .important { color: #FFFFFF; background: #708F44; padding: 0px 2px 0px 2px;} .faded { color: #BBBBBB; } blockquote { margin: 0px 10px 0px 10px; padding: 10px; color: #444444; background-color: #7AA5AC; border: 1px solid #E2EFDF; text-align: justify;} .body-title { color: #ADCFAF; text-align: left; letter-spacing: 2px; text-transform: lowercase; } .body-midtitle { color: #ADCFAF; text-align: left; letter-spacing: 2px; text-transform: lowercase; } .entryUserinfo { text-align: center; } .entryText { padding: 7px; } .entryHeaderDate { line-height: 16px; } .entryHeaderSubject { line-height: 16px; } .entryMetadata-label { font-weight: bold; padding-right: 2px; } .sideboxTitle { font-weight: bold; text-transform: uppercase; line-height: 16px; letter-spacing: 2px; } .sideboxContent { text-align: left; } .sidebox #profile { text-align: center; text-transform: lowercase; line-height: 16px;} .sidebox #systemlinks { line-height: 16px; } .listtitle { font-weight: bold; line-height: 16px; border-bottom: 1px dotted #E2EFDF; display: block;} .sidebox #tags_sidebox { color: #FFFFFF; line-height: 16px; text-align: left; } #freetext { font-weight: bold; line-height: 0px; } .commentText { padding: 7px; } .commentHeaderSubject { line-height: 16px; } .pagefooterblock { color: #E2EFDF; text-align: left; letter-spacing: 2px; text-transform: lowercase; } ::-moz-selection { background-color: #BCCA78; color: #FFFFFF; } /* TYPO - Links */ a,a:link,a:link,a:link,a:hover { background: transparent; cursor: pointer; font-weight: bold;} a:link { color: #708F44; text-decoration: none; } a:visited { color: #708F44; text-decoration: none; } a:hover,a:active { color: #7BAD9C; text-decoration: none; } .bodynavblock a, .bodynavblock a:link, .bodynavblock a:visited { color: #E2EFDF; text-decoration: none; text-align: right; } .bodynavblock a:hover, .bodynavblock a:active { color: #7BAD9C; text-decoration: none; text-align: right; } .pagefooterblock a, .pagefooterblock a:link, .pagefooterblock a:visited { color: #708F44; text-decoration: none; } .pagefooterblock a:hover, .pagefooterblock a:active { color: #7BAD9C; text-decoration: none; } .header-menu a, .header-menu a:visited { color: #9ABC9F; background-color: #52858D; line-height: 12px; padding: 5px; margin-bottom: 5px; display: block; width: 145px; } .header-menu a:hover { color: #FFFFFF; background-color: #E2EFDF; line-height: 12px; padding: 5px; margin-bottom: 5px; display: block; width: 145px; } .entryHeaderSubject a { color: #708F44; text-decoration: none; } .entryLinkbar a, .entryLinkbar a:link, .entryLinkbar a:visited { color: #9CA873; text-decoration: none; padding-left: 8px; background-image: url(http://i54.photobucket.com/albums/g83/fahlyu/layouts/entrylinkbar.gif); background-repeat: no-repeat; background-position: left bottom; } .entryLinkbar a:hover, .entryLinkbar a:active { color: #7BAD9C; text-decoration: none; } .sidebox #systemlinks a:link, .sidebox #systemlinks a:active, .sidebox #systemlinks a:visited { line-height: 16px; border-bottom: 1px dotted #E2EFDF; display: block; padding-left: 7px; } .sidebox #systemlinks a:hover { color: #FFFFFF; background-color: #E2EFDF; line-height: 16px; display: block; padding-left: 7px; } .sidebox #tags_sidebox a:link, .sidebox #tags_sidebox a:active, .sidebox #tags_sidebox a:visited { line-height: 16px; border-bottom: 1px dotted #E2EFDF; display: block; padding-left: 7px; } .sidebox #tags_sidebox a:hover { color: #FFFFFF; background-color: #E2EFDF; line-height: 16px; display: block; padding-left: 7px; } #freetext a:link, #freetext a:active, #freetext a:visited { line-height: 16px; border-bottom: 1px dotted #E2EFDF; display: block; padding-left: 7px; } #freetext a:hover { color: #FFFFFF; background-color: #E2EFDF; line-height: 16px; display: block; padding-left: 7px; } .summaryList a:link, .summaryList a:active, .summaryList a:visited { line-height: 16px; } .summaryList a:hover { line-height: 16px; } .commentHeader a { color: #708F44; text-decoration: none; } .commentLinkbar a, .commentLinkbar a:link, .commentLinkbar a:visited { color: #E2EFDF; text-decoration: none;} .commentLinkbar a:hover, .commentLinkbar a:active { color: #7BAD9C; text-decoration: none; } /* STRUCTURE - Main */ body { background-color: #52858D; background-image: url(); text-align: center; margin: auto; padding: 0; width: 700px; } .bodyblock { background-color: transparent; margin: 0; padding: 0; } .bodyheaderblock { background-color: transparent; margin: 0; padding-left: 10px; padding-right: 10px; } .bodynavblock { background-color: transparent; text-align: center; border: 1px solid #E2EFDF; margin: 5px 7px 5px 10px; padding: 7px; } .body-midtitle { background-color: transparent; margin-left: 10px; margin-right: 10px; } .pageblock { background-color: #FFFFFF; margin: 0; padding-top: 5px; } .pageheaderblock { background-color: transparent; margin: 0; padding: 0px 10px 5px 10px; } .pagefooterblock { background-color: transparent; margin: 0; padding: 0px 10px 10px 10px; } .entryHolder { background-color: transparent; border: 1px solid #E2EFDF; width: 530px; margin: 5px 7px 5px 10px; padding: 0; } .sidebar { background-color: transparent; width: 140px; margin: 5px 10px 10px 0px; padding: 0; } /* HEADER AND FOOTER */ .header-menu { background-color: transparent; background-image: url(http://i54.photobucket.com/albums/g83/fahlyu/layouts/kita2.jpg); background-repeat: no-repeat; background-position: 7px 7px; padding: 7px 7px 7px 515px; margin-top: 10px; height: 200px; border: 1px solid #E2EFDF; } .header-menu li { display: list; list-style: none; margin: 0; padding: 0; } .header-menu ul { margin: 0; padding: 0; } #footer-menu { padding: 7px; } #footer-menu li { display: inline; list-style: none; margin: 0; padding-right: 10px; background-color: transparent; } #footer-menu ul { margin: 0; padding-right: 10px; text-align: right; } .header-title, .header-subtitle { display: none; } /* STRUCTURE - Entry */ .entryUserinfo { margin: 0; padding: 7px 0px 7px 7px; } .entryUserinfo-usericon img { margin: 0; padding: 2px; border: 1px solid #E2EFDF; } .entryUserinfo-username { text-align: center; } .entryHeader { background-color: #7AA5AC; padding-left: 10px; margin: 7px 7px 0px 7px; } .entryMetadata { background-color: transparent; display: list; padding-left: 7px; padding-bottom: 7px; } .entryMetadata ul { margin: 0; padding: 0; } .entryMetadata li { list-style: none; } .entryLinkbar { background-color: transparent; margin: 0; padding: 5px 0px 5px 0px; } .entryLinkbar ul { background-color: transparent; text-align: right; margin: 0; padding: 0; } .entryLinkbar li { display: inline; padding-right: 7px; } /* STRUCTURE - Sidebar */ .sidebox { background-color: transparent; border: 1px solid #E2EFDF; margin-bottom: 5px; padding: 7px; } .sideboxTitle { background-color: #7AA5AC; padding-left: 10px; margin-bottom: 7px; } .profile-userpic { margin: 0; padding: 2px; border: 1px solid #E2EFDF; } .sidebox #latestmonth, .sidebox #search { text-align: left; } .sidebox #latestmonth table{ width: 80%; margin: 4px auto 4px auto; } #tags_sidebox a { display: block; margin-bottom: -16px; } #tags_sidebox { color: #FFFFFF; padding-bottom: 17px; } /* COMMENTS */ .commentHolder { background-color: transparent; border: 1px solid #E2EFDF; margin: 5px 7px 5px 10px; padding: 0; } .commentUserinfo { margin: 0; padding: 7px 0px 7px 7px; } .commentUserinfo-usericon img { margin: 0; padding: 2px; border: 1px solid #E2EFDF; } .commentUserinfo-username { text-align: center; } .commentHeader { background-color: #7AA5AC; padding-left: 10px; margin: 7px 7px 0px 7px; } .commentHeaderScreened { background-color: #B3E0FF; padding-left: 10px; margin: 7px 7px 0px 7px; } .commentLinkbar { background-color: transparent; margin: 0; padding: 5px 0px 5px 0px; } .commentLinkbar ul { background-color: transparent; text-align: right; margin: 0; padding: 0; } .commentLinkbar li { display: inline; padding-right: 7px; } /* FORM */ .replyform { background-color: #FFFFFF; text-align: left; margin: 5px 7px 5px 10px; color: #333333; line-height: 16px; border: 1px solid #E2EFDF; } .textbox { margin-top: 5px; margin-bottom: 5px; } .replyform textarea { width: 450px; } input { font-family: arial; font-size: 7pt; color: #708F44; background-color: #FFFFFF; text-transform: uppercase; letter-spacing: 2px; border: 1px solid #E2EFDF; font-size: small; margin: 0; } #SearchType { margin-bottom: 5px; } /* TAG PAGE */ .tagstable { width: 90%; text-align: center; border-top: 1px solid #E2EFDF; border-left: 1px solid #E2EFDF; margin-top: 7px; margin-bottom: 7px; } .tagstable td { text-align: left; border-right: 1px solid #E2EFDF; border-bottom: 1px solid #E2EFDF; padding-left: 7px; } /* CALENDAR */ .daytitles { text-align: center; background-color: #708F44; color: #FFFFFF; } .daysubjects { padding-left: 7px; } .month { margin: 7px auto 7px auto; padding: 2px; border: 1px solid #E2EFDF; } .yearlinks { color: red; } .yearlink { color: red; } .day-blank { padding: 1px; } .day { padding: 1px; text-align: center; } .day-date { background-color: #7AA5AC; padding: 1px 10px 1px 10px; text-align: center; } .day-count { } .day-count a { } /* USER MINI ICON */ span.ljuser img { visibility: hidden; } span.ljuser a { width: 11px; height: 11px; background-image: url(http://i54.photobucket.com/albums/g83/fahlyu/layouts/dude.gif); background-repeat: no-repeat; background-position: left center; padding: 0; margin-right: 1px; } .ljuser a img { width: 11px; height: 11px; padding-right: 2px; margin: 0; } span.ljuser a b { padding: 0; background: #FFFFFF; }

That's it! Let me know if anything's not working/if you want any changes.


FOR harunomasu ONLY.