Layout For Lizatagious
If you want the background to be another colour than black just ask and I'll change it.
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 unholysin
BODY {
margin-top: 10px;
background-color:#000000;
background-image: url();
background-repeat: repeat;
background-position: top-left;
background-attachment: fixed;
text-align: center;
font-size: 12px;
color: #3399FF;
font-family: "Trebuchet MS", sans-serif;
}
a, a:link, a:visited {
text-decoration: none;
color: #3399FF;
padding: 0px;
border-bottom: dotted 0px #51979f;
}
a:hover {
text-decoration: dashed;
color: #eeeeee;
background:;
background-image: url('');
padding: 0px;
}
code, kbd, pre, tt {
font-family: ariel;
}
blockquote {
margin: 10px 10px;
padding: 6px;
color: #ffffff;
border: 1px solid #1D78A5;
background: #f6f6f6;
text-align: justify;}
p, td, {
font-size: 11px;}
b {
color: #3399FF;}
#maincontent {
padding: 5px;
font-family: "arial", sans-serif;
font-size: 11px;
background-color: #ffffff;
color:#555555;
border-style: dashed;
border-color:#3399FF;
border-width: 0px;
margin-right: 75px;
margin-left: 10px;
margin-top: 10px;
text-align: justify;
}
#content {
width: 497px;
margin-left: auto;
margin-right: auto;
border-top: solid 0px #000000;
background-color: #ffffff;
padding: 0px;
text-align: justify;
}
#header {
width: auto;
padding-top: 8px;
padding-bottom: 3px;
line-height: 20px;
background-color: #bbc7c8;
background-image: url();
background-repeat: no-repeat;
width: 497px; height: 10px
background-position: center;
font-family: "Trebuchet MS", sans-serif;
font-size: 10px;
font-weight: normal;
text-transform: uppercase;
color: #3399FF;
text-align: center;
letter-spacing: 2px;
border-width: 0px;
}
#footer {
width: auto;
padding-top: 0px;
padding-bottom: 0px;
line-height: 20px;
background-color: #bbc7c8;
background-image: url('FOOTER LINKS BACKGROUND');
background-repeat: no-repeat;
width: 497px; height: 10px
background-position: center;
font-family: "Trebuchet MS", sans-serif;
font-size: 9px;
font-weight: normal;
text-transform: uppercase;
color: #ffffff;
text-align: center;
letter-spacing: 2px;
border-width: 0px;
}
#sidebar {
padding: 10px;
margin-top: 35px;
background-color: #ffffff;
border-width: 0px;
font-size: 10px;
line-height: 11pt;
font-family: "Trebuchet MS", sans-serif;
color: #888888;
width: 150px;
float: right;
text-align: justify;
}
/* header -- links to views; title of journal; subtitle of journal */
div#header a, div#header a:link, div#header a:visited, div#header a:active {
padding: 3px;
font-size: 10px;
font-weight: normal;
text-transform: uppercase;
color: #3399FF;
text-align: center;
letter-spacing: 2px;
background-color: ;
}
div#header a:hover {
padding:3px;
color: #3399FF;
background-color: ;
border-bottom: 0px dashed;
}
div#footer a, div#footer a:link, div#footer a:visited, div#footer a:active {
padding: 3px;
font-size: 10px;
font-weight: normal;
text-transform: uppercase;
color: #3399FF;
text-align: center;
letter-spacing: 1px;
background-color: ;
}
div#footer a:hover {
padding:3px;
color: #777777;
background-color: ;
border-bottom: 0px dashed;
}
ul.navheader {
padding: 5px;
margin: 5px;
}
ul.navheader li {
display: inline;
padding: 5 3px 5 3px;
}
.title {
visibility: hidden;
height:0px}
.subtitle{
visibility: hidden;
height:0px;}
/* 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: #1D78A5;
text-decoration: none;
background-image: url('');
background-repeat: repeat;
background-color:;
}
div#sidebar a:hover {
color:#eeeeee;
text-decoration: none;
background-image: url('');
background-repeat: repeat;
background-color:;
}
.defaultuserpic {
text-align: center;
padding: 5px;
z-index: 0;
background-color: #ffffff;
background-image: url('');
background-repeat: repeat;
border-width: 0px;
border-color: #000000;
border-style: dashed;
}
.sbarheader {
padding: 0px 5px 0px 5px;
color: #00C080;
text-align: center;
}
.sbarbody {
padding: 0 0px 0 0px;
}
.sbarbody2 {
padding: 0 0px 0 0px;
}
table.calendar {
margin-right: auto;
margin-left: auto;
}
.sbarcalendar {
border-width: 0px;
background-color: #;
border-style: solid;
border-color: #1D78A5;
font-family: "Trebuchet MS", sans-serif;
font-size: 10px;
text-align: center;
}
.sbarcalendarposts {
background-color:#cccccc;
text-align: center;
font-family: "Trebuchet MS", sans-serif;
font-size: 10px;
border-width: 1px;
border-color: #3399FF;
}
ul.sbarlist {
margin-left: 2px;
list-style: none;
padding-left: 0px;
}
li.sbaritem {
margin: 1px 1px 1px 8px;
padding: 1px 1px 1px 8px;
list-style: none;
letter-spacing: 2pt;
background: #3399FF;
border-left: dashed 0px #555555;
border-bottom: dashed 0px #555555;
border-right: dashed 0px #dcdcdc;
border-top: dashed 0px #dcdcdc;
}
li.sbaritem:hover {
background: #ffffff;
border-left: dashed 0x #555555;
}
li.sbartitle {
padding-left: 3px;
padding-right: 0px;
text-align:center;
padding: 1x;
list-style: none;
margin-bottom: 1px;
margin-top: 0px;
color:#14386C;
border-bottom: solid 1px #14386C;
border-right: solid 0px #f5f5f5;
border-top: solid 0px #f5f5f5;
border-left: solid 0px #f5f5f5;
font-weight: none;
font-family: "Trebuchet MS", sans-serif;
text-transform: uppercase;
font-size: 10px;
background-color: #;
letter-spacing: 2pt;
}
/* maincontent -- entry, reply pages */
.subcontent {
background-color: #ffffff;
}
.entry {
margin: 0px 3px 2px 2px;
padding: 2px;
color:#3399FF;
background-color: #ffffff;
font-family: "Trebuchet MS", sans-serif;
text-align: justify;
font-size: 9px;
}
.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: #000000;
background-image: url('http://');
background-repeat: repeat;
padding: 4px;
margin-right: 5px;
margin-left: 5px;
z-index: 15;
border-width: 2px;
border-color: #000000;
border-style: solid;
}
.userpicfriends {
position: relative;
float: left;
background-color: #3399FF;
background-image: url('http://');
background-repeat: repeat;
padding: 4px;
margin-right: 5px;
margin-left: 5px;
z-index: 15;
border-width: 2px;
border-color: #3399FF;
border-style: solid;
text-align: center;
font-family: "Trebuchet MS", sans-serif;
font-size: 9px;
z-index: 15;
}
.date {
line-height: 200%;
top: 3px;
font-family: "Trebuchet MS", sans-serif;
font-size: 9px;
color: #3399FF;
text-align: center;
letter-spacing: 1px;
font-weight: none;
text-transform:lowercase;
background-color: #ffffff;
}
.subject {
padding-left: 0px;
padding-bottom: 2px;
font-weight: bold;
font-size: 10px;
color:#3399FF;
font-family: "Trebuchet MS", sans-serif;
text-align: center;
border-bottom: 1px #1D78A5 solid;
text-transform: uppercase;
background-color: #ffffff;
background-image: url('');
background-repeat: repeat;
letter-spacing: 2pt;}
.subject a, .subject a:link, .subject a:visited {
color: #51979f;
}
.subject a:hover {
color: #eeeeee;
}
::-moz-selection {
background: #ffffff;
color: #333333;
}
.datesubject {
background-color: #ffffff;
padding: 1px;
}
.currents, .currentmood, .currentmusic {
font-family: "Trebuchet MS", sans-serif;
font-size: 10px;
color: #999999;
}
.comments {
font-family: "Trebuchet MS", sans-serif;
font-size: 9px;
text-align: right;
font-weight: none;
padding: 10px;
position: relative;
top: 10px;
border-top: solid 1px #1D78A5;
background-color: #ffffff;
text-transform: uppercase;
letter-spacing: 1pt;
}
/* for formatting separators between entries */
.separator {
background: transparent;
height: 25px;
}
div.comments a, div.comments a:link, div.comments a:visited{
color: #;
font-size: 10px;
padding: 2px;
font-weight: lighter;
}
div.comments a:hover {
font-size: 10px;
font-weight: lighter;
color: #3399FF;
background: ;
background-image: url('');
padding: 2px;
}
.ljtags {
font-family: "Trebuchet MS", sans-serif;
font-size: 10px;
color: #999999;
margin-top: 15px;
font-weight: none;
text-transform: uppercase;
position: left;
}
.headerimage {
position: relative;
width: 497px; height: 329px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
background-image: url('http://i22.tinypic.com/25p0oav.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: #3399FF;
background-color: #1D78A5;
top: -30px;
left: 0px;
padding: 5px;
margin: 10px 10px -20px 10px;
z-index: 15;
float: left;
border-width: 1px;
border-style: solid;
}
.box {
border-style: solid;
border-width: 1px 0px 0px 0px;
border-color: #004020;
padding: 8px;
clear: left;
}
input, textarea {
background-color: #FFFFFF;
color: #3399FF;
}
textarea.textbox {
width: 100% !important;
}
.reply {
position: relative;
margin: 10px 5px 5px 30px;
padding: 15px 5px 5px 5px;
text-align: left;
font-family: "Trebuchet MS", sans-serif;
font-size: 9px;
line-height: 100%;
background-color: #ffffff;
color: #3399FF;
}
.replytosubject {
font-weight: none;
}
.commentreply {
position: relative;
margin: 10px;
font-size: 9px;
font-family: "Trebuchet MS", sans-serif;
color: #3399FF;
}
.commentbox {
border-color: #3399FF;
border-width: 1px;
border-style: solid;
padding: 10px;
margin: 10px;
background-color: #ffffff;
}
.datesubjectcomment a:link, .datesubjectcomment a:visited {
color: #3399FF;
}
.datesubjectcomment a:hover {
color: #3399FF;
}
.commentboxpartial {
border-color: #3399FF;
border-width: 1px;
border-style: dotted;
padding: 9px;
margin: 9px;
background-color: #ffffff;
}
.commentinfo {
background-color: #ffffff;
margin-top: 12px;
width: 100%;
}
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 unholysin
BODY {
margin-top: 10px;
background-color:#000000;
background-image: url();
background-repeat: repeat;
background-position: top-left;
background-attachment: fixed;
text-align: center;
font-size: 12px;
color: #3399FF;
font-family: "Trebuchet MS", sans-serif;
}
a, a:link, a:visited {
text-decoration: none;
color: #3399FF;
padding: 0px;
border-bottom: dotted 0px #51979f;
}
a:hover {
text-decoration: dashed;
color: #eeeeee;
background:;
background-image: url('');
padding: 0px;
}
code, kbd, pre, tt {
font-family: ariel;
}
blockquote {
margin: 10px 10px;
padding: 6px;
color: #ffffff;
border: 1px solid #1D78A5;
background: #f6f6f6;
text-align: justify;}
p, td, {
font-size: 11px;}
b {
color: #3399FF;}
#maincontent {
padding: 5px;
font-family: "arial", sans-serif;
font-size: 11px;
background-color: #ffffff;
color:#555555;
border-style: dashed;
border-color:#3399FF;
border-width: 0px;
margin-right: 75px;
margin-left: 10px;
margin-top: 10px;
text-align: justify;
}
#content {
width: 497px;
margin-left: auto;
margin-right: auto;
border-top: solid 0px #000000;
background-color: #ffffff;
padding: 0px;
text-align: justify;
}
#header {
width: auto;
padding-top: 8px;
padding-bottom: 3px;
line-height: 20px;
background-color: #bbc7c8;
background-image: url();
background-repeat: no-repeat;
width: 497px; height: 10px
background-position: center;
font-family: "Trebuchet MS", sans-serif;
font-size: 10px;
font-weight: normal;
text-transform: uppercase;
color: #3399FF;
text-align: center;
letter-spacing: 2px;
border-width: 0px;
}
#footer {
width: auto;
padding-top: 0px;
padding-bottom: 0px;
line-height: 20px;
background-color: #bbc7c8;
background-image: url('FOOTER LINKS BACKGROUND');
background-repeat: no-repeat;
width: 497px; height: 10px
background-position: center;
font-family: "Trebuchet MS", sans-serif;
font-size: 9px;
font-weight: normal;
text-transform: uppercase;
color: #ffffff;
text-align: center;
letter-spacing: 2px;
border-width: 0px;
}
#sidebar {
padding: 10px;
margin-top: 35px;
background-color: #ffffff;
border-width: 0px;
font-size: 10px;
line-height: 11pt;
font-family: "Trebuchet MS", sans-serif;
color: #888888;
width: 150px;
float: right;
text-align: justify;
}
/* header -- links to views; title of journal; subtitle of journal */
div#header a, div#header a:link, div#header a:visited, div#header a:active {
padding: 3px;
font-size: 10px;
font-weight: normal;
text-transform: uppercase;
color: #3399FF;
text-align: center;
letter-spacing: 2px;
background-color: ;
}
div#header a:hover {
padding:3px;
color: #3399FF;
background-color: ;
border-bottom: 0px dashed;
}
div#footer a, div#footer a:link, div#footer a:visited, div#footer a:active {
padding: 3px;
font-size: 10px;
font-weight: normal;
text-transform: uppercase;
color: #3399FF;
text-align: center;
letter-spacing: 1px;
background-color: ;
}
div#footer a:hover {
padding:3px;
color: #777777;
background-color: ;
border-bottom: 0px dashed;
}
ul.navheader {
padding: 5px;
margin: 5px;
}
ul.navheader li {
display: inline;
padding: 5 3px 5 3px;
}
.title {
visibility: hidden;
height:0px}
.subtitle{
visibility: hidden;
height:0px;}
/* 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: #1D78A5;
text-decoration: none;
background-image: url('');
background-repeat: repeat;
background-color:;
}
div#sidebar a:hover {
color:#eeeeee;
text-decoration: none;
background-image: url('');
background-repeat: repeat;
background-color:;
}
.defaultuserpic {
text-align: center;
padding: 5px;
z-index: 0;
background-color: #ffffff;
background-image: url('');
background-repeat: repeat;
border-width: 0px;
border-color: #000000;
border-style: dashed;
}
.sbarheader {
padding: 0px 5px 0px 5px;
color: #00C080;
text-align: center;
}
.sbarbody {
padding: 0 0px 0 0px;
}
.sbarbody2 {
padding: 0 0px 0 0px;
}
table.calendar {
margin-right: auto;
margin-left: auto;
}
.sbarcalendar {
border-width: 0px;
background-color: #;
border-style: solid;
border-color: #1D78A5;
font-family: "Trebuchet MS", sans-serif;
font-size: 10px;
text-align: center;
}
.sbarcalendarposts {
background-color:#cccccc;
text-align: center;
font-family: "Trebuchet MS", sans-serif;
font-size: 10px;
border-width: 1px;
border-color: #3399FF;
}
ul.sbarlist {
margin-left: 2px;
list-style: none;
padding-left: 0px;
}
li.sbaritem {
margin: 1px 1px 1px 8px;
padding: 1px 1px 1px 8px;
list-style: none;
letter-spacing: 2pt;
background: #3399FF;
border-left: dashed 0px #555555;
border-bottom: dashed 0px #555555;
border-right: dashed 0px #dcdcdc;
border-top: dashed 0px #dcdcdc;
}
li.sbaritem:hover {
background: #ffffff;
border-left: dashed 0x #555555;
}
li.sbartitle {
padding-left: 3px;
padding-right: 0px;
text-align:center;
padding: 1x;
list-style: none;
margin-bottom: 1px;
margin-top: 0px;
color:#14386C;
border-bottom: solid 1px #14386C;
border-right: solid 0px #f5f5f5;
border-top: solid 0px #f5f5f5;
border-left: solid 0px #f5f5f5;
font-weight: none;
font-family: "Trebuchet MS", sans-serif;
text-transform: uppercase;
font-size: 10px;
background-color: #;
letter-spacing: 2pt;
}
/* maincontent -- entry, reply pages */
.subcontent {
background-color: #ffffff;
}
.entry {
margin: 0px 3px 2px 2px;
padding: 2px;
color:#3399FF;
background-color: #ffffff;
font-family: "Trebuchet MS", sans-serif;
text-align: justify;
font-size: 9px;
}
.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: #000000;
background-image: url('http://');
background-repeat: repeat;
padding: 4px;
margin-right: 5px;
margin-left: 5px;
z-index: 15;
border-width: 2px;
border-color: #000000;
border-style: solid;
}
.userpicfriends {
position: relative;
float: left;
background-color: #3399FF;
background-image: url('http://');
background-repeat: repeat;
padding: 4px;
margin-right: 5px;
margin-left: 5px;
z-index: 15;
border-width: 2px;
border-color: #3399FF;
border-style: solid;
text-align: center;
font-family: "Trebuchet MS", sans-serif;
font-size: 9px;
z-index: 15;
}
.date {
line-height: 200%;
top: 3px;
font-family: "Trebuchet MS", sans-serif;
font-size: 9px;
color: #3399FF;
text-align: center;
letter-spacing: 1px;
font-weight: none;
text-transform:lowercase;
background-color: #ffffff;
}
.subject {
padding-left: 0px;
padding-bottom: 2px;
font-weight: bold;
font-size: 10px;
color:#3399FF;
font-family: "Trebuchet MS", sans-serif;
text-align: center;
border-bottom: 1px #1D78A5 solid;
text-transform: uppercase;
background-color: #ffffff;
background-image: url('');
background-repeat: repeat;
letter-spacing: 2pt;}
.subject a, .subject a:link, .subject a:visited {
color: #51979f;
}
.subject a:hover {
color: #eeeeee;
}
::-moz-selection {
background: #ffffff;
color: #333333;
}
.datesubject {
background-color: #ffffff;
padding: 1px;
}
.currents, .currentmood, .currentmusic {
font-family: "Trebuchet MS", sans-serif;
font-size: 10px;
color: #999999;
}
.comments {
font-family: "Trebuchet MS", sans-serif;
font-size: 9px;
text-align: right;
font-weight: none;
padding: 10px;
position: relative;
top: 10px;
border-top: solid 1px #1D78A5;
background-color: #ffffff;
text-transform: uppercase;
letter-spacing: 1pt;
}
/* for formatting separators between entries */
.separator {
background: transparent;
height: 25px;
}
div.comments a, div.comments a:link, div.comments a:visited{
color: #;
font-size: 10px;
padding: 2px;
font-weight: lighter;
}
div.comments a:hover {
font-size: 10px;
font-weight: lighter;
color: #3399FF;
background: ;
background-image: url('');
padding: 2px;
}
.ljtags {
font-family: "Trebuchet MS", sans-serif;
font-size: 10px;
color: #999999;
margin-top: 15px;
font-weight: none;
text-transform: uppercase;
position: left;
}
.headerimage {
position: relative;
width: 497px; height: 329px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
background-image: url('http://i22.tinypic.com/25p0oav.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: #3399FF;
background-color: #1D78A5;
top: -30px;
left: 0px;
padding: 5px;
margin: 10px 10px -20px 10px;
z-index: 15;
float: left;
border-width: 1px;
border-style: solid;
}
.box {
border-style: solid;
border-width: 1px 0px 0px 0px;
border-color: #004020;
padding: 8px;
clear: left;
}
input, textarea {
background-color: #FFFFFF;
color: #3399FF;
}
textarea.textbox {
width: 100% !important;
}
.reply {
position: relative;
margin: 10px 5px 5px 30px;
padding: 15px 5px 5px 5px;
text-align: left;
font-family: "Trebuchet MS", sans-serif;
font-size: 9px;
line-height: 100%;
background-color: #ffffff;
color: #3399FF;
}
.replytosubject {
font-weight: none;
}
.commentreply {
position: relative;
margin: 10px;
font-size: 9px;
font-family: "Trebuchet MS", sans-serif;
color: #3399FF;
}
.commentbox {
border-color: #3399FF;
border-width: 1px;
border-style: solid;
padding: 10px;
margin: 10px;
background-color: #ffffff;
}
.datesubjectcomment a:link, .datesubjectcomment a:visited {
color: #3399FF;
}
.datesubjectcomment a:hover {
color: #3399FF;
}
.commentboxpartial {
border-color: #3399FF;
border-width: 1px;
border-style: dotted;
padding: 9px;
margin: 9px;
background-color: #ffffff;
}
.commentinfo {
background-color: #ffffff;
margin-top: 12px;
width: 100%;
}