[Layout] SHINHWA

[greenberryhair]

Style: S2 Flexible Squares
Screen Resolution: 800x600 and higher
Browser Compatible: Firefox, IE, & Safari
Header Compatible: Yes
Nav Bar Compatible: Yes
Plus Account/Ads: Yes
Base Layout: snubbly

Requested by: harunomasu

Preview



Note: I test my layouts on a plus account to show what it would look like with ads under the header or navigation menu.

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

2. Sidebar: Customize as you wish!

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

/*----------------------------------------------------------------------------------------------
S2 FLEXIBLE SQUARES
Layout by Cindie-chan @ http://greenberryhair.livejournal.com
for Cheverloo @ http://cheverloo.livejournal.com
Base Layout by snubbly @ http://snubbly.livejournal.com
-----------------------------------------------------------------------------------------------*/
body {background: #ffc66c url() fixed; color: #222; font-family: arial, sans-serif; font-size: 8pt;}
::-moz-selection {background: #ffc66c;}

a, a:link, a:visited {color: #ec7324; text-decoration: none; cursor:default;}
a:hover {color: #000000; text-decoration: none; cursor: default;}

/*----------------------------------------------------------------------------------------------
PAGE SET-UP
-----------------------------------------------------------------------------------------------*/
#content {width: 750px; margin: auto;}
#maincontent {margin-left: 200px; text-align: justify;}
#sidebar {background: #FDFBF7; border: 1px solid #F3EBDB; text-align: justify; padding: 5px; float: left; width: 180px;}
#header, #footer {width: auto; background: #FDFBF7; border: 1px solid #F3EBDB; text-align: center; font-family: times new roman; font-size: 14pt; color: #e99024; letter-spacing: 2px; text-transform: uppercase; margin: 5px 0; padding: 10px; clear: both;}
#header a, #footer a {color: #ec7324; text-transform: uppercase;}
#header a:hover, #footer a:hover {color: #000000;}

#lj_controlstrip {text-transform: lowercase;}
.title, .subtitle, .clearfoot, .clear {display: none;}

ul.navheader, ul.navfooter {padding: 0; margin: 0;}
ul.navheader li, ul.navfooter li {display: inline; padding: 0 10px;}
.entry ul li, .entry ol li {padding-left: 5px; margin-left: 15px;}

/*----------------------------------------------------------------------------------------------
ENTRIES
-----------------------------------------------------------------------------------------------*/
.subcontent {background: #FDFBF7; border: 1px solid #F3EBDB; text-align: justify; padding: 5px;}
.userpic, .userpicfriends {background: #F8F4EA !important; border: 1px solid #F3EBDB; color: #222; font-family: arial; font-size: 8pt; text-align: center; float: right; padding: 5px; margin: 5px;}

.datesubject {text-transform: uppercase;}
.date {color: #938975;}
.subject {font-family: times new roman, sans-serif; color: #e99024; font-size: 14pt; letter-spacing: 2px;}

.entry_text {margin: 10px 0;}
.entry_text img {max-width: 400px; overflow: hidden;}

.currents {color: #938975; text-transform: lowercase;}
.ljtags {color: #938975; text-transform: lowercase; font-weight: bold; margin: 10px 0;}
.ljtaglist {list-style-type: square;}

h2 {padding-left: 30px; font-family: times new roman, sans-serif; color: #4E8090; font-size: 14pt; letter-spacing: 2px; font-weight: normal; text-transform: uppercase;}

.comments {text-align: right; font-weight: bold; clear: right;}
.comments a {font-weight: bold; text-transform: uppercase;}
.separator {height: 10px;}

/*----------------------------------------------------------------------------------------------
SIDEBAR
-----------------------------------------------------------------------------------------------*/
.defaultuserpic {text-align: center;}
.defaultuserpic img {background: #F8F4EA; border: 1px solid #F3EBDB; padding: 5px;}

.calendar {width: 100%; text-align: center; line-height: 10px;}
.sbarcalendar {background: #FFF; border: 1px solid #F3EBDB;}
.sbarcalendarposts {background: #FFF; border: 1px solid #F3EBDB;}

.sbartitle, .sbarbody, .sbarbody2 {padding: 0;}
ul.sbarlist, li.sbaritem {padding: 0; margin: 0; list-style: none;}
li.sbartitle {font-family: times new roman, sans-serif; color: #e99024; font-size: 14pt; letter-spacing: 2px; text-transform: uppercase; list-style: none; margin: 10px 0;}
li.view {text-transform: uppercase;}

/*----------------------------------------------------------------------------------------------
CALENDAR PAGE
-----------------------------------------------------------------------------------------------*/
ul.year {text-align: center; padding-bottom: 10px;}
ul.year li {display: inline; padding: 0 10px;}
table.yeartable {margin: auto; background: #FDFBF7; border: 1px solid #F3EBDB;}

table.yeartable td.yeardate, table.yeartable td.yearday {border: 1px solid #F3EBDB;}
table.yeartable td.yearday {background: #F8F4EA; text-align: center;}
td.yearmonth {border: 0;}

input, textarea, select, option, button {background: #FDFBF7; border: 1px solid #F3EBDB; color: #222; font-family: arial, sans-serif; font-size: 8pt;}

/*----------------------------------------------------------------------------------------------
COMMENTS PAGE [ paid/plus accounts ]
-----------------------------------------------------------------------------------------------*/
#postform img {display: none;}
textarea.textbox {width: 95% !important;}
.skiplinks {text-align: center; margin: 10px 0;}
.box {border: 0; clear: none !important;}

.datesubjectcomment {background: #FDFBF7; padding: 5px; margin-top: 20px;}
.userpiccomment {position: relative; top: -30px; left: 0px; background: #FDFDFD; padding: 5px; margin: 10px 10px -20px 10px; z-index: 15; float: left; border: 1px solid #F3EBDB;}
.reply {position: relative; margin: 20px 30px 10px 30px; padding: 25px 10px 10px 10px; text-align: justify; background: #FDFBF7; color: #222;}
.commentreply {position: relative; margin: 10px; font-size: 8pt; font-family: arial, sans-serif; color: #222;}
.commentbox {border: 1px solid #F3EBDB; margin: 10px; background: #FDFBF7;}
.commentboxpartial {border: 1px solid #F8F8F8; margin: 10px; background: #FDFBF7;}
.commentinfo {background: #FDFBF7; margin-top: 10px; width: 100%;}
.replytosubject {font-weight: bold;}

/*----------------------------------------------------------------------------------------------
TINY ICONS [ http://famfamfam.com ]
-----------------------------------------------------------------------------------------------*/
img[src*="icon_protected.gif"]{width: 0; height: 0; padding: 16px 16px 0 0 !important; background: url(http://i147.photobucket.com/albums/r304/snubicons/layouts/locked.png);}
img[src*="icon_private.gif"]{width: 0; height: 0; padding: 16px 16px 0 0 !important; background: url(http://i147.photobucket.com/albums/r304/snubicons/layouts/private.png);}
img[src*="icon_groups.gif"]{width: 0; height: 0; padding: 16px 16px 0 0 !important; background: url(http://i147.photobucket.com/albums/r304/snubicons/layouts/groupcustom.png);}

img[src*="btn_edit.gif"]{width: 0; height: 0; padding: 16px 16px 0 0 !important; background: url(http://i147.photobucket.com/albums/r304/snubicons/layouts/pencil.png);}
img[src*="btn_del.gif"]{width: 0; height: 0; padding: 16px 16px 0 0 !important; background: url(http://i147.photobucket.com/albums/r304/snubicons/layouts/delete.png);}
img[src*="btn_scr.gif"]{width: 0; height: 0; padding: 16px 16px 0 0 !important; background: url(http://i147.photobucket.com/albums/r304/snubicons/layouts/locked.png);}
img[src*="btn_unscr.gif"]{width: 0; height: 0; padding: 16px 16px 0 0 !important; background: url(http://i147.photobucket.com/albums/r304/snubicons/layouts/public.png);}
img[src*="btn_freeze.gif"], img[src*="btn_unfreeze.gif"], img[src*="btn_track.gif"], img[src*="btn_tracking.gif"]{display: none;}

img[src*="userinfo.gif"] {width: 0; height: 0; padding: 16px 16px 0 0 !important; background-repeat: no-repeat;
background-image: url(http://i147.photobucket.com/albums/r304/snubicons/layouts/user.png) !important;}
img[src*="community.gif"] {width:0; height: 0; padding: 16px 16px 0 0 !important; background-repeat: no-repeat;
background-image: url(http://i147.photobucket.com/albums/r304/snubicons/layouts/group.png) !important;}

/*----------------------------------------------------------------------------------------------
ADD HEADER IMAGE [ edit the width, height and header url ]
-----------------------------------------------------------------------------------------------*/
.headerimage {position: relative; margin: auto; width: 750px; height: 517px;
background: url(http://i34.tinypic.com/33ol2cm.jpg) no-repeat;}

Artist Notes:

This was fun to make even though browns tend to hate me when I try to use them. I really don't have much to say, other than, I hope you enjoy it harunomasu!

Credit me: greenberryhair, shindii_ruiizu, or cheverloo.
Comments and/or notes = ♥!
Requests are accepted through Cheverloo's request post, in my request post @ greenberryhair, or through shindii-ruiizu@dA.