[Layout] Miscellaneous

[shindii_ruiizu]

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: labels_r4_cans

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 of the themes that come up.

2. Customize > Sidebar: Customize as you wish.

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

/*----------------------------------------------------------------------------------------------
LAYOUT BY CINDIE-CHAN @ CHEVERLOO@LIVEJOURNAL.COM
BASE LAYOUT BY SNUBBLY @ SNUBBLY.LIVEJOURNAL.COM
-----------------------------------------------------------------------------------------------*/
body {background: #000000 url() fixed; color: #e1e1e1; font-family: arial, sans-serif; font-size: 8pt;}
::-moz-selection {background: #F8F4EA;}

a, a:link, a:visited {color: #ffffff; text-decoration: none; cursor:default;}
a:hover {color: #fefefe; text-decoration: underline; cursor: help;}

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

#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: #20100c; border: 1px solid #20100c; text-align: justify; padding: 5px;}
.userpic, .userpicfriends {background: #000000 !important; border: 1px solid #000000; color: #ffffff; font-family: arial; font-size: 8pt; text-align: center; float: right; padding: 5px; margin: 5px;}

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

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

.currents {color: #41261f; text-transform: lowercase;}
.ljtags {color: #41261f; text-transform: lowercase; margin: 10px 0; border-top: 1px solid #000000;}
.ljtaglist {list-style-type: square;}

h2 {padding-left: 30px; font-family: times new roman, sans-serif; color: #fefefe; 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: #000000; border: 1px solid #000000; padding: 5px;}

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

.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: #fefefe; 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: #20100c; border: 1px solid #20100c;}
table.yeartable td.yeardate, table.yeartable td.yearday {border: 1px solid #fefefe;}
table.yeartable td.yearday {background: #20100c; text-align: center;}
td.yearmonth {border: 0;}

input, textarea, select, option, button {background: #41261f; border: 1px solid #000000; color: #e1e1e1; 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: #41261f; padding: 5px; margin-top: 20px; border-bottom: 1px solid #000000; border-top: 1px solid #000000;}
.userpiccomment {position: relative; top: -30px; left: 0px; background: #000000; padding: 5px; margin: 10px 10px -20px 10px; z-index: 15; float: left; border: 1px solid #000000;}
.reply {position: relative; margin: 20px 30px 10px 30px; padding: 25px 10px 10px 10px; text-align: justify; background: #000000; color: #fefefe;}
.commentreply {position: relative; margin: 10px; font-size: 8pt; font-family: arial, sans-serif; color: #fefefe;}
.commentbox {border: 1px solid #20100c; margin: 10px; background: #20100c;}
.commentboxpartial {border: 1px solid #000000; margin: 10px; background: #20100c;}
.commentinfo {background: #20100c; margin-top: 10px; width: 100%;}
.replytosubject {font-weight: bold;}

/*----------------------------------------------------------------------------------------------
TINY ICONS [ julz and 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: 12px 12px 0 0 !important; background-repeat: no-repeat;
background-image: url(http://i29.tinypic.com/dobgiv.jpg) !important;}
img[src*="community.gif"] {width:0; height: 0; padding: 12px 12px 0 0 !important; background-repeat: no-repeat;
background-image: url(http://i32.tinypic.com/neaivq.jpg) !important;}

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

Artist Notes:
Another layout done! Yay! This one is neutral in colors, BUT I think the header makes it look a little sweet. Maybe it's just me, but I really love this layout too!

Credit me: shindii_ruiizu, hair_works, or cheverloo.
Comments and/or notes = ♥!
Requests are accepted through Cheverloo's request post or at my graphics community hair_works.