[Layout] Newsies: One Voice

[shindii_ruiizu]

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




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

2. Customize Your Theme > Display > Additional Options: Set the user picture position for each entry: Left

3. Sidebar: Customize it as you wish. [This is where you can add a Blurb. Type whatever you like in the text box titled Text to be added to the sidebar.]

4. Custom CSS: Set all drop down boxes to No, copy & paste the code below into the Custom stylesheet textbox and select Save Changes:

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

S2 Flexible Squares

Layout by cindie-chan @ http://shindii-ruiizu.livejournal.com for Cheverloo @ http://cheverloo.livejournal.com

Based on a layout by snubbly @ http://snubbly.livejournal.com

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

body {background: #996633; color: #000000;

font-family: arial, sans-serif; font-size: 8pt; line-height: 11pt;}

::-moz-selection {background: #996633;}

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

a:hover {color: #3b1f03; text-decoration: none; cursor: default;}

blockquote {background: #c47b51; padding: 5px; color: #000000;}

h2 {padding-left: 20px; font-size: 8pt; line-height: 11pt;}

#content {width: 750px; margin: 0px auto;}

#maincontent {margin-left: 200px;}

#sidebar {background: #a06f41; border: 1px solid #000000;

padding: 5px; float: left; width: 180px; text-align: justify;}

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

#header {width: 100%; margin: 0px auto; text-align: center;

color: #794519; font-family: times new roman, sans-serif;

font-size: 14pt; letter-spacing: 2px; line-height: 20pt;

text-transform: uppercase; margin-bottom: 10px; margin-top: 10px;}

div#header a, div#header a:link, div#header a:visited{color: #794519; text-transform: uppercase;

text-decoration: none; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px;}

div#header a:hover {color: #3b1f03; text-transform: uppercase; text-decoration: none;}

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

ul.navheader li {display: inline;}

.subcontent {background: #a06f41; border: 1px solid #000000; text-align: justify; padding: 5px;}

.userpic img {float: right; padding: 5px; margin-left: 10px;

background: #a06f41; border: 1px solid #000000;}

.userpicfriends {background: #a06f41 !important; text-align: center;

color: #000000 !important; font-family: arial, sans-serif; font-size: 8pt;

line-height: 11pt; float: right; margin-bottom: 15px; width: 120px;}

.userpicfriends img {float: right; padding: 5px; margin-left: 10px;

border: 1px solid #000000; background-color: #a06f41 !important;}

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

.subject {font-family: times new roman, sans-serif; color: #000000;

font-size: 14pt; letter-spacing: 2px; line-height: 11pt; text-transform: uppercase;}

.date {color: #000000;}

.subject a, .subject a:link, .subject a:visited {color: #794519;}

.subject a:hover {color: #3b1f03;}

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

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

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

.currents strong {font-weight: bold;}

.currentmood img {}

.ljtags {color: #794519; text-align: left; text-transform: lowercase; font-weight: bold; margin-top: 15px;}

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

.comments {text-align: right; font-weight: bold;}

div.comments a, div.comments a:link, div.comments a:visited {color: #794519; font-weight: bold;

text-transform: uppercase;}

div.comments a:hover {color: #3b1f03; text-transform: uppercase; text-decoration: none;}

.separator {height: 10px;}

.defaultuserpic {text-align: center;}

.defaultuserpic img {padding: 5px;}

.sbartitle {font-family: times new roman, sans-serif; color: #000000; font-size: 14pt;

letter-spacing: 2px; line-height: 11pt; text-transform: uppercase;}

.sbarbody {margin-bottom: 15px;}

.sbarbody2 {margin-bottom: 15px;}

div#sidebar a, div#sidebar a:link, div#sidebar a:visited {color: #794519; text-decoration: none;}

div#sidebar a:hover {color: #3b1f03; text-decoration: none;}

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

li.sbaritem {list-style: none;}

li.sbartitle {list-style: none;}

li.view {text-transform: uppercase;}

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

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

#footer {width: 100%; text-align: center; z-index: 100; clear: both;}

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

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

.clearfoot {clear: both;}

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

ul.year li {display: inline;}

table.yeartable {margin: 0px auto; background: #996633; border: 0px; width: 100%;}

table.yeartable td.yeardate, table.yeartable td.yearday {background: #a06f41; border: 1px solid #000000;}

table.yeartable td.yearday {background: #a06f41; text-align: center;}

td.yearmonth {border-style: none;}

#postform img {display: none;}

input, select, textarea {background: #c47b51; border: 1px solid #000000;

font-family: arial, sans-serif; font-size: 8pt; letter-spacing: 1px; color: #000000; padding: 2px; margin: 2px;}

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

.datesubjectcomment {background: #996633; padding: 5px; margin-top: 20px;}

.userpiccomment {position: relative; top: -30px; left: 0px;

border: 5px solid #000000; background: #c47b51; padding: 5px;

margin: 10px 10px -20px 10px; z-index: 15; float: left; border: 1px solid #000000;}

.box {padding: 10px; clear: left; clear: none !important; }

.reply {position: relative; margin: 20px 30px 10px 30px;

padding: 25px 10px 10px 10px; text-align: justify; background: #996633; color: #000000;}

.replytosubject {font-weight: bold;}

.commentreply {position: relative; margin: 10px;

font-size: 11px; font-family: tahoma, sans-serif; color: #000000;}

.commentbox {border: 1px solid #000000; margin: 10px; background: #996633;}

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

.datesubjectcomment a:hover {color: #3b1f03;}

.commentboxpartial {border: 1px solid #000000; margin: 10px; background: #996633;}

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

.skiplinks {text-align: center;}

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

Tiny icons 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: 641px;

height: 400px;

background: url('http://i297.photobucket.com/albums/mm220/shindii-cheverloo/newsies/onevoice/onevoice-head.png') no-repeat;

margin: 0px auto;}

Artist Notes:

My favorite musical is Newsies so I thought I'd try a layout for it. I'm happy how it turned out! It took me a while to figure out why the header didn't look right but then I changed one thing [the actual pic I used >.<] and it looked right after I spent too much time on it to make it simple looking. LOL

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