The Young Ones Layout

[bekie098]

1) Go to customize journal - scroll to the bottom where it asks Choose a Page Setup and select Column (no sidebar).
2) Make sure your journal is set to Felxible Squares (it might work in others but I did it for Flexible Squares)
3) Next to Choose a Page Setup it will have a button asking to customize selected theme and click on that.
4) Click onto Custom CSS and drop Use layout's stylesheet(s) to no. Drop Use layout's stylesheet(s) when including custom external stylesheet to no. Drop Use external stylesheets to no.
5) Copy and paste codes into the custom stylesheet and you're done.

This is for S2 and not S1.

Preview at my journal bekie098

~Credit is a must
~Feel free to edit
~No self loading will be necessary, everything is in the codes
~Enjoy it :)

BODY {
margin-top: 0px;
background-color:#303030;
background-image: url('');
background-repeat: repeat;
background-attachment: fixed;
background-position: top-left;
text-align: center;
color: #5d5d5d;
font-family: "Trebuchet MS", sans-serif;
font-size: 10px;
}

a, a:link, a:visited {
color: #333333;
text-decoration: none;
padding: 0px;
}

a:hover {
color: #ffffff;
background: #85C3C3;
background-image: url('http://i52.photobucket.com/albums/g22/moodthemes_100/BLUEbgthingite.png');
padding: 0px;
}

p, td, blockquote {
font-size: 10px;
}

code, kbd, pre, tt {
font-family: monospace;
}

#content {
width: 671px;
margin-left: auto;
margin-right: auto;
background-color: #ffffff;
border-top: solid #606060 20px;
border-left: solid #606060 15px;
border-bottom: solid #606060 15px;
border-right: solid #606060 15px;
padding: 0px;
text-align: justify;
}

#maincontent {
margin-top: 50px;
padding: 5px;
font-family: "arial", sans-serif;
font-size: 11px;
line-height: 15px;
background-color: #ffffff;
color:#777777;
border-style: dashed;
border-color:#dfdfdf;
border-width: 1px;
margin-right:10px;
margin-left: 10px;
margin-top: 50px;
text-align: justify;
}

#sidebar {
display: none;
padding-top: 20px;
margin-top: 5px;
background-color: #ffffff;
border-width: 0px;
font-size: 11px;
line-height: 8pt;
font-family: "arial", sans-serif;
color: #666666;
width: 200px;
float: right;
text-align: justify;
}

#header {
width: 100%;
padding: 0px 0px 0px 0px;
margin-top: 0px;
text-align: center;
font-family: "verdana", sans-serif;
text-transform:uppercase;
font-size: 10px;
font-weight: none;
letter-spacing: 2px;
background-color: #ffffff;
border-width: 0px;
color:#555555;
line-height: 10px;
font-weight: lighter;
}

#footer {
width: 100%;
float: center;
text-align: center;
font-family: tahoma,georgia;
text-transform:uppercase;
font-size: 10px;
font-weight: none;
letter-spacing: 1px;
background-color: #ffffff;
border-width: 0px;
color: #555555;
z-index: 100;
clear: both;
}

/* header -- links to views; title of journal; subtitle of journal */

div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer
a:visited {
color: #808080;
padding: 10px;
}

div#header a:hover, div#footer a:hover {
color: #ffffff;
background: #85C3C3;
background-image: url('http://i52.photobucket.com/albums/g22/moodthemes_100/BLUEbgthingite.png');
padding: 10px;
}

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

ul.navheader li {
display: inline;
padding: 5 3px 5 3px;
}

.title {
text-align: center;
color: #333333;
font-family: "Trebuchet MS", sans-serif;
font-size: 15px;
letter-spacing: 1pt;
text-transform: uppercase;
}

.subtitle {
text-align: center;
color: #888888;
font-family: "Trebuchet MS", sans-serif;
font-size: 13px;
letter-spacing: 1pt;
line-height: 10pt;
text-transform: lowercase;
}

/* footer */

ul.navfooter {
padding: 10px;
margin: 0px;
}
ul.navfooter li {
display: inline;
margin: 0 0px 0 0px;
}
.clearfoot {
display: none;
clear: both;
}

/* sidebar */

div#sidebar a, div#sidebar a:link, div#sidebar a:visited{
color: #666666;
/*border-bottom: 1pt dashed #FFFFFF;*/
}

div#sidebar a:hover {
color:#009999;
/*border-bottom: 1pt dashed #666666;*/
text-decoration: none;
}

.defaultuserpic {
text-align: center;
}

.sbarheader {
padding: 0px 5px 0px 5px;
color: #000000;
text-align: center;
}

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

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

table.calendar {
margin-right: auto;
margin-left: auto;
}

.sbarcalendar {
border-color: #cccccc;
border-width: 1px;
border-style: solid;
text-align: center;
font-family: "arial", sans-serif;
font-size: 10px;
}

.sbarcalendarposts {
border-color: #bbbbbb;
border-width: 1px;
background-color:#CCCCCC;
text-align: center;
font-family: "Arial", sans-serif;
font-size: 10px;
}

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

li.sbaritem
{
padding-left: 15px;
padding-right: 10px;
list-style: none;
margin-top:5px;
}

li.sbartitle
{
padding-left: 0px;
padding-right: 0px;
text-align:left;
padding: 2px;
list-style: none;
margin-bottom: 1px;
margin-top: 0px;
color:#BED870;
border: 0px;
font-weight: none;
font-family: "arial", sans-serif;
text-transform: uppercase;
font-size: 11px;
background-color:#FFFFFF;
letter-spacing: 1pt;
}

/* maincontent -- entry, reply pages */

.subcontent {
background-color: #ffffff;
}

.entry {
margin: 10px 5px 5px 5px;
padding: 2px;
background-color: #ffffff;
color:#666666;
font-family: "arial", sans-serif;
font-size: 11px;
text-align: justify;
border-width: 0px;
border-color: #DFDFDF;
line-height: 10pt;
border-style: dashed;
}

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

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

.userpic {
position: relative;
float: left;
background-color: #ffffff;
background-image: url('');
background-repeat: repeat;
padding: 10px;
margin-right: 5px;
margin-left: 5px;
z-index: 15;
border-width: 1px;
border-color: #999999;
border-style: solid;
}

.userpicfriends {
position: relative;
float: left;
padding: 10px;
margin: 10px;
text-align: center;
border-style: solid;
background-color: #ffffff !important;
background-image: url('');
background-repeat: repeat;
border-width: 1px;
border-color: #999999;
font-family: "arial", sans-serif;
font-size: 10px;
z-index: 15;
}

.date {
line-height: 200%;
top: 5px;
font-family: "arial", sans-serif;
font-size: 9px;
color: #444444;
letter-spacing: 2px;
font-weight: none;
text-transform:lowercase;
letter-spacing: 0pt;
background-color: transparent;
}

.subject {
padding: 3px;
font-weight: bold;
color:#FFFFFF;
font-family: "arial", sans-serif;
border-bottom: 1px #333333 solid;
text-transform:uppercase;
font-size: 12px;
background-color: #505050;
background-image: url('');
background-repeat: repeat;
letter-spacing: 2pt;
}

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

.subject a:hover {
color: #555555;
}

::-moz-selection {
background: #ED757E;
color: #333333;
}

.datesubject {
background-color: #ffffff;
padding: 2px;
}

.currents, .currentmood, .currentmusic {
font-family: "arial", sans-serif;
font-size: 10px;
color: #555555;
}

.comments {
font-family: "arial", sans-serif;
font-size: 12px;
text-align: right;
background-color: #ffffff;
font-weight: none;
padding: 5px;
position: relative;
top: 15px;
}

/* for formatting separators between entries */
.separator {
background: transparent;
height: 35px;
}

div.comments a, div.comments a:link, div.comments a:visited{
color: #666666;
font-size: 12px;
font-weight: lighter;
padding: 10px;
}

div.comments a:hover {
font-size: 12px;
font-weight: lighter;
color: #ffffff;
background: #85C3C3;
background-image: url('http://i52.photobucket.com/albums/g22/moodthemes_100/BLUEbgthingite.png');
padding: 10px;
}

.ljtags {
font-family: "arial", sans-serif;
font-size: 10px;
color: #7F7F7F;
margin-top: 15px;
font-weight: none;
text-transform: lowercase;
position: left;
}

.headerimage {
position: relative;
width: 700px;
height: 436px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
background-image: url('http://i25.tinypic.com/20sgj28.jpg');
background-repeat: no-repeat;

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

.userpiccomment {
position: relative;
border-width: 5px;
border-style: solid;
border-color: #BED870;
background-color: #BED870;
top: -30px;
left: 0px;
padding: 5px;
margin: 10px 10px -20px 10px;
z-index: 15;
float: left;
border-width: 1px;
border-color: #919bad;
border-style: solid;
}

.box {
border-style: dotted;
border-width: 1px 0px 0px 0px;
border-color: #999999;
padding: 8px;
clear: left;
}

input, textarea {
background-color: #ffffff;
color: #000000;
}

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

.reply {
position: relative;
margin: 20px 20px 10px 30px;
padding: 25px 10px 10px 10px;
text-align: left;
font-family: "arial", sans-serif;
font-size: 11px;
line-height: 100%;
background-color:#FFFFFF;
color: #666666;
}

.replytosubject {
font-weight: none;
}

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

.commentbox {

border-color: #BED870;
border-width: 1px;
border-style: dotted;
padding: 10px;
margin: 10px;
background-color: #ffffff;
}

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

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

.commentboxpartial {
border-color: #999999;
border-width: 1px;
border-style: solid;
padding: 9px;
margin: 9px;
background-color: #BED870;
}

.commentinfo {
background-color: #ffffff;
margin-top: 12px;
width: 100%;
}