[Layout] Vintage KAT-TUN

[insane_desire]

TITLE: Vintage KAT-TUN
Style: S2 Flexible Squares
Screen Resolution: 800x600 and higher
Browser Compatible: Firefox
Header Compatible: Yes
Nav Bar Compatible: Yes
Plus Account/Ads: Yes
Base CSS Layout by: snubbly 







Note: Plus accounts may not look exactly the same due to ads.

1. Choose Journal Style: Under 'Select a New Theme' type Flexible Squares in the search box, and apply any one of those themes.

2. Customize Your Theme > Display: Show user picture icons with each of your entries?: Yes and Set the user picture position for each entry: Right

3. Sidebar: Customise it as you wish.

4. Custom CSS: Set all 3 dropdown boxes to No, copy and paste the code into the Custom stylesheet textbox:

/*------------------------------------------------------------------

Vintage KAT-TUN

Layout by marikit @ http://insane_desire.livejournal.com

Requested by: yuki_junno.livejournal.com

base css: snubbly

--------------------------------------------------------------------*/

body {background: #E3D0B1 text-align: center; color: #DACCB6; font-family: arial, sans-serif; font-size: 9pt; line-height: 12pt; margin: 0px;background-image:url('http://i285.photobucket.com/albums/ll79/littlemissmarikit/kattun/almostseamless.jpg');

background-repeat: repeat;

background-position: top;}

::-moz-selection {color: #D2AC6D; background: #8D0D0D;}

a, a:link, a:visited {color: #D2AC6D; font-weight: bold; text-decoration: underline; text-transform: lowercase;}

a:hover {color: #E5D2B3;}

h2 {padding-left: 20px; color: #D2AC6D; text-align: left; font-size: 18pt; line-height: 22pt; letter-spacing: -1px; text-transform: uppercase;}

.title, .subtitle, #sidebar .defaultuserpic {display: none;}

#content {width: 670px; background: #443626; margin: 0px auto; padding: 5px}

#maincontent {margin-left: 190px; text-align: justify;}

#sidebar {width: 180px; float: left; text-align: justify; color: #D2AC6D; font-size: 8pt;}

#header {background: #443626; padding-bottom: 10px}

ul.navheader {padding: 0px; margin: 0px;}

ul.navheader li {display: inline; padding: 0 10px 0 10px;}

.entry {text-align: justify;}

.date {color: #FBF5DD;}

.datesubject {margin-top: 10px; margin-bottom: 10px; text-align: left; text-transform: uppercase;}

.subject {color: #D2AC6D; font-size: 18pt; line-height: 22pt; letter-spacing: -1px;}

.entry ul li {padding-left: 5px; margin-left: 15px;}

.entry ol li {padding-left: 5px; margin-left: 15px;}

.currents {text-align: left; text-transform: lowercase;}

.ljtags {padding-top: 20px; font-weight: bold; text-align: left; text-transform: lowercase;}

.ljtaglist {list-style-type: square;}

.comments {text-align: right;}

.userpic {position: relative; float: right; background: #D2AC6D; padding: 5px; margin-left: 10px; z-index: 15; border: 1px solid #FBF5DD;}

.userpicfriends {position: relative; float: right; padding: 5px; margin-left: 10px; text-align: center; color: #D2AC6D; border: 1px solid #FBF5DD;

background-color: #D2AC6D !important; font-family: arial, sans-serif; font-size: 8pt; z-index: 15;}

div#sidebar a, div#sidebar a:link, div#sidebar a:visited {color: #D2AC6D; font-weight: bold; text-decoration: underline; text-transform: capitalize;}

div#sidebar a:hover {color: #E5D2B3;}

.sbartitle {padding: 0px 5px 0px 5px;}

.sbarbody {padding: 0px 5px 0px 5px;}

.sbarbody2 {padding: 0 5px 0 5px;}

.sbarcalendar {padding: 1px; text-align: center;}

.sbarcalendarposts {padding: 1px; text-align: center;}

ul.sbarlist {padding-left: 0px; margin-left: 0px; list-style: none;}

li.sbaritem {padding-left: 0px; list-style: none;}

li.sbartitle {padding-left: 0px; list-style: none; margin-top: 10px; font-size: 14pt; text-transform: uppercase; color: #FBF5DD;}

li.view {text-transform: lowercase;}

#footer {text-align: center; font-weight: bold; z-index: 100; clear: both; text-transform: lowercase;}

ul.navfooter {padding: 0px; margin: 0px;}

ul.navfooter li {display: inline; margin: 0 5px 0 5px;}

ul.year {text-align: center; padding-bottom: 40px;}

ul.year li {display: inline;}

.clearfoot {clear: both;}

.separator {height: 35px;}

.skiplinks {text-align: center;}

table.yeartable {margin: 0px auto;}

table.yeartable td.yeardate, table.yeartable td.yearday {border: 1px solid #FBF5DD; background: #D2AC6D; color: #443626; font-weight: bold;}

table.yeartable td.yearday {background: #D2AC6D; text-align: center; border: 1px solid #FBF5DD; color: #443626;}

td.yearmonth {border-style: none;}

input, textarea {font-family: arial, sans-serif; background: #D2AC6D; border: 1px solid #FBF5DD; font-size: 9pt; color: #FBF5DD; padding: 2px;}

textarea.textbox {width: 95% !important;}

.datesubjectcomment {background: #D2AC6D; color: #FBF5DD; padding: 5px; margin-top: 20px;}

.userpiccomment {position: relative; top: -30px; left: 0px; border: 5px solid #D2AC6D; background: #D2AC6D; padding: 5px; margin: 10px 10px -20px 10px; z-index: 15; float: left;}

.box {border-style: solid; border-width: 1px 0px 0px 0px; border: #FBF5DD; padding: 10px; clear: left; clear: none !important;}

.reply {position: relative; margin: 20px 30px 10px 30px; padding: 25px 10px 10px 10px; text-align: justify; background: #BD9555; color: #FBF5DD;}

.replytosubject {font-weight: bold;}

.commentreply {position: relative; margin: 10px; font-size: 11px; font-family: arial, sans-serif; color: #FBF5DD;}

.commentbox {border: 1px solid #FBF5DD; margin: 10px; background: #BD9555;}

.datesubjectcomment a:link, .datesubjectcomment a:visited {color: #DACCB6;}

.datesubjectcomment a:hover {color: #DACCB6;}

.commentboxpartial {border: 1px solid #F8F8F8; margin: 10px; background: #BD9555;}

.commentinfo {background: #BD9555; margin-top: 10px; width: 100%;}

/*--------------------------------------------------------

Locked icon by http://_excentric_.livejournal.com

-----------------------------------------------------------*/

.entry img[src="http://p-stat.livejournal.com/img/icon_protected.gif"]{width: 0; height: 0; padding: 15px 11px 0px 0px !important;

background: url(http://i147.photobucket.com/albums/r304/snubicons/icon/lock.gif);}

.entry img[src="http://p-stat.livejournal.com/img/icon_private.gif"]{width: 0; height: 0; padding: 15px 11px 0px 0px !important;

background: url(http://i147.photobucket.com/albums/r304/snubicons/icon/lock.gif);}

.subject img[src="http://p-stat.livejournal.com/img/icon_protected.gif"]{width: 0; height: 0; padding: 15px 11px 0px 0px !important;

background: url(http://i147.photobucket.com/albums/r304/snubicons/icon/lock.gif);}

.subject img[src="http://p-stat.livejournal.com/img/icon_private.gif"]{width: 0; height: 0; padding: 15px 11px 0px 0px !important;

background: url(http://i147.photobucket.com/albums/r304/snubicons/icon/lock.gif);}

.ljuser img {width: 0; height: 0; background-repeat: no-repeat; background-color: transparent;

background-image: url(http://i147.photobucket.com/albums/r304/snubicons/icon/user1.gif); padding: 13px 13px 0px 0px !important;}

.ljuser img[src="http://p-stat.livejournal.com/img/userinfo.gif"] {background-color: transparent;

background-image: url(http://i147.photobucket.com/albums/r304/snubicons/icon/user1.gif); padding: 13px 13px 0px 0px !important;}

.ljuser img[src="http://p-stat.livejournal.com/img/community.gif"] {background-color:transparent;

background-image: url(http://i147.photobucket.com/albums/r304/snubicons/icon/squares.gif); padding: 13px 13px 0px 0px !important;}

/*----------------------------------------------------------------------------------------

Add Your Own Header - edit your width, height and header url

-----------------------------------------------------------------------------------------*/

.headerimage {position: relative; width: 680px; height: 350px; margin: 0px auto;

background: #443626 url('http://i285.photobucket.com/albums/ll79/littlemissmarikit/kattun/kattunnheaderfinal.jpg') no-repeat;}

TIP: you can move your ads around and wrap the text around the icon to make it look better (Display> Presentation> expand all> Wrap> YES

Do not forget to credit me: insane_desire or cheverloo. Love it? Please do comment and leave me a note! Requests are accepted in marikitdoodles request page .