layout for giveyouasmirk
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 here: unholysin
/* NEVER LOOKED BETTER
By: bekie098 */
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: 11px;
color: #555555;
font-family: "Trebuchet MS", sans-serif;
}
a, a:link, a:visited {
text-decoration: none;
color: #CC9966;
padding: 0px;
}
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: #555555;
border: 1px dotted #CC9966;
background: #eeeeee;
text-align: justify;}
p, td, {
font-size: 8px;}
b {
color: #CC9966;}
#maincontent {
padding: 10px;
margin-top: 35px;
font-family: "Trebuchet MS", sans-serif;
font-size: 9px;
background-color: #f5f5f5;
color:#555555;
border-style: dashed;
border-color:#dddddd;
border-width: 0px;
margin-right: 175px;
text-align: justify;
}
#content {
width: 600px;
margin-left: auto;
margin-right: auto;
border-top: solid 0px #000000;
background-color: #f5f5f5;
padding: 0px;
text-align: justify;
}
#header {
width: auto;
padding-top: 8px;
padding-bottom: 3px;
line-height: 10px;
background-color: #ebebeb;
background-repeat: no-repeat;
width: 600px; height: 10px
background-position: right;
font-family: "Trebuchet MS", sans-serif;
font-size: 10px;
font-weight: normal;
text-transform: uppercase;
color: #555555;
text-align: right;
letter-spacing: 2px;
border-width: 0px;
}
#footer {
width: auto;
padding-top: 0px;
padding-bottom: 0px;
line-height: 20px;
background-color: #bbc7c8;
background-repeat: no-repeat;
width: 600px; height: 10px
background-position: center;
font-family: "Trebuchet MS", sans-serif;
font-size: 9px;
font-weight: normal;
text-transform: uppercase;
color: #f5f5f5
text-align: center;
letter-spacing: 2px;
border-width: 0px;
}
#sidebar {
padding: 10px;
margin-top: 35px;
background-color: #f5f5f5;
border-width: 0px;
font-size: 10px;
line-height: 11pt;
font-family: "Trebuchet MS", sans-serif;
color: #384051;
text-transform: uppercase;
border-left: solid #cccccc 1px;
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: #CC9966;
text-align: center;
letter-spacing: 2px;
background-color: ;
}
div#header a:hover {
padding:3px;
color: #eeeeee;
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: #CC9966;
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: #CC9966;
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: #ffffff;
border-style: dashed;
}
.sbarheader {
padding: 0px 5px 0px 5px;
color: #CC9966;
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: #ffffff;
border-style: solid;
border-color: #555555;
font-family: "Trebuchet MS", sans-serif;
font-size: 10px;
text-align: center;
}
.sbarcalendarposts {
background-color:#e3e3e3;
text-align: center;
font-family: "Trebuchet MS", sans-serif;
font-size: 10px;
border-width: 1px;
border-color: #e3e3e3;
}
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;
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
background: #f5f5f5;
border-left: dashed 0px #555555;
border-bottom: dotted 1px #7f0707;
border-right: dashed 0px #dcdcdc;
border-top: dashed 0px #dcdcdc;
text-transform: lowercase;
text-align: right;}
li.sbaritem:hover {
background: #f5f5f5;
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:#CC9966;
border-bottom: solid 0px #eeeeee;
font-weight: bold;
font-family: "Trebuchet MS", sans-serif;
font-size: 12px;
text-transform: uppercase;
background-color: #f5f5f5;
letter-spacing: 2pt;
}
/* maincontent -- entry, reply pages */
.subcontent {
background-color: #f5f5f5;
}
.entry {
margin: 0px 0px 0px 0px;
padding: 1px;
background-color: #f5f5f5;
color: #384051;
font-family: "Trebuchet MS", sans-serif;
font-size: 10px;
text-align: left;
border-width: 0px;
text-align:justify;}
.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: #CC9966;
background-image: url('http://');
background-repeat: repeat;
padding: 5px;
margin-right: 5px;
margin-left: 5px;
z-index: 15;
border-width: 1px;
border-color: #CC9966;
border-style: solid;
}
.userpicfriends {
position: relative;
float: left;
background-color: #CC9966;
background-image: url('http://');
background-repeat: repeat;
padding: 4px;
margin-right: 5px;
margin-left: 5px;
z-index: 15;
border-width: 1px;
border-color: #CC9966;
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: #cccccc;
text-align: left;
letter-spacing: 1px;
font-weight: none;
text-transform:lowercase;
background-color: transparent;
}
.subject {
padding-left: 0px;
padding-bottom: 2px;
font-weight: bold;
font-size: 12px;
color:#CC9966;
font-family: "Trebuchet MS", sans-serif;
text-align: left;
border-bottom: 0px #eeeeee solid;
text-transform:uppercase;
background-color: #f5f5f5;
background-image: url('');
background-repeat: repeat;
letter-spacing: 2pt;
}
.subject a, .subject a:link, .subject a:visited {
color: #7f0707;
}
.subject a:hover {
color: #eeeeee;
}
::-moz-selection {
background: #f5f5f5;
color: #333333;
}
.datesubject {
background-color: #f5f5f5;
padding: 2px;
}
.currents, .currentmood, .currentmusic {
font-family: "Trebuchet MS", sans-serif;
font-size: 10px;
color: #CC9966;
}
.comments {
font-family: "Trebuchet MS", sans-serif;
font-size: 9px;
text-align: right;
font-weight: none;
padding: 10px;
position: relative;
top: 10px;
border-top: dashed 0px #555555;
background-color: #f5f5f5;
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: #CC9966;
font-size: 10px;
padding: 2px;
font-weight: lighter;
}
div.comments a:hover {
font-size: 10px;
font-weight: lighter;
color: #CC9966;
background: ;
background-image: url('');
padding: 2px;
}
.ljtags {
font-family: "Trebuchet MS", sans-serif;
font-size: 10px;
color: #CC9966;
margin-top: 15px;
font-weight: none;
text-transform: lowercase;
position: left;
}
.headerimage {
position: relative;
width: 600px; height: 431px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
background-image: url('http://i9.tinypic.com/8fpav0o.jpg');
background-repeat: no-repeat;
}
.datesubjectcomment {
background-color: #f5f5f5;
padding: 5px;
margin-top: 20px;
}
.userpiccomment {
position: relative;
border-width: 5px;
border-style: solid;
border-color: #7f0707;
background-color: #7f0707;
top: -30px;
left: 0px;
padding: 5px;
margin: 10px 10px -20px 10px;
z-index: 15;
float: left;
}
.box {
border-style: dotted;
border-width: 1px 0px 0px 0px;
border-color: #eeeeee;
padding: 8px;
clear: left;
}
input, textarea {
background-color: #FFFFFF;
color: #555555;
}
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: #f5f5f5;
color: #999999;
}
.replytosubject {
font-weight: none;
}
.commentreply {
position: relative;
margin: 10px;
font-size: 9px;
font-family: "Trebuchet MS", sans-serif;
color: #999999;
}
.commentbox {
border-color: #7f0707;
border-width: 1px;
border-style: dotted;
padding: 10px;
margin: 10px;
background-color: #f5f5f5;
}
.datesubjectcomment a:link, .datesubjectcomment a:visited {
color: #0a0a0a;
}
.datesubjectcomment a:hover {
color: #eeeeee;
}
.commentboxpartial {
border-color: #7f0707;
border-width: 1px;
border-style: dotted;
padding: 9px;
margin: 9px;
background-color: #f5f5f5;
}
.commentinfo {
background-color: #f5f5f5;
margin-top: 12px;
width: 100%;
}
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 here: unholysin
/* NEVER LOOKED BETTER
By: bekie098 */
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: 11px;
color: #555555;
font-family: "Trebuchet MS", sans-serif;
}
a, a:link, a:visited {
text-decoration: none;
color: #CC9966;
padding: 0px;
}
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: #555555;
border: 1px dotted #CC9966;
background: #eeeeee;
text-align: justify;}
p, td, {
font-size: 8px;}
b {
color: #CC9966;}
#maincontent {
padding: 10px;
margin-top: 35px;
font-family: "Trebuchet MS", sans-serif;
font-size: 9px;
background-color: #f5f5f5;
color:#555555;
border-style: dashed;
border-color:#dddddd;
border-width: 0px;
margin-right: 175px;
text-align: justify;
}
#content {
width: 600px;
margin-left: auto;
margin-right: auto;
border-top: solid 0px #000000;
background-color: #f5f5f5;
padding: 0px;
text-align: justify;
}
#header {
width: auto;
padding-top: 8px;
padding-bottom: 3px;
line-height: 10px;
background-color: #ebebeb;
background-repeat: no-repeat;
width: 600px; height: 10px
background-position: right;
font-family: "Trebuchet MS", sans-serif;
font-size: 10px;
font-weight: normal;
text-transform: uppercase;
color: #555555;
text-align: right;
letter-spacing: 2px;
border-width: 0px;
}
#footer {
width: auto;
padding-top: 0px;
padding-bottom: 0px;
line-height: 20px;
background-color: #bbc7c8;
background-repeat: no-repeat;
width: 600px; height: 10px
background-position: center;
font-family: "Trebuchet MS", sans-serif;
font-size: 9px;
font-weight: normal;
text-transform: uppercase;
color: #f5f5f5
text-align: center;
letter-spacing: 2px;
border-width: 0px;
}
#sidebar {
padding: 10px;
margin-top: 35px;
background-color: #f5f5f5;
border-width: 0px;
font-size: 10px;
line-height: 11pt;
font-family: "Trebuchet MS", sans-serif;
color: #384051;
text-transform: uppercase;
border-left: solid #cccccc 1px;
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: #CC9966;
text-align: center;
letter-spacing: 2px;
background-color: ;
}
div#header a:hover {
padding:3px;
color: #eeeeee;
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: #CC9966;
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: #CC9966;
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: #ffffff;
border-style: dashed;
}
.sbarheader {
padding: 0px 5px 0px 5px;
color: #CC9966;
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: #ffffff;
border-style: solid;
border-color: #555555;
font-family: "Trebuchet MS", sans-serif;
font-size: 10px;
text-align: center;
}
.sbarcalendarposts {
background-color:#e3e3e3;
text-align: center;
font-family: "Trebuchet MS", sans-serif;
font-size: 10px;
border-width: 1px;
border-color: #e3e3e3;
}
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;
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
background: #f5f5f5;
border-left: dashed 0px #555555;
border-bottom: dotted 1px #7f0707;
border-right: dashed 0px #dcdcdc;
border-top: dashed 0px #dcdcdc;
text-transform: lowercase;
text-align: right;}
li.sbaritem:hover {
background: #f5f5f5;
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:#CC9966;
border-bottom: solid 0px #eeeeee;
font-weight: bold;
font-family: "Trebuchet MS", sans-serif;
font-size: 12px;
text-transform: uppercase;
background-color: #f5f5f5;
letter-spacing: 2pt;
}
/* maincontent -- entry, reply pages */
.subcontent {
background-color: #f5f5f5;
}
.entry {
margin: 0px 0px 0px 0px;
padding: 1px;
background-color: #f5f5f5;
color: #384051;
font-family: "Trebuchet MS", sans-serif;
font-size: 10px;
text-align: left;
border-width: 0px;
text-align:justify;}
.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: #CC9966;
background-image: url('http://');
background-repeat: repeat;
padding: 5px;
margin-right: 5px;
margin-left: 5px;
z-index: 15;
border-width: 1px;
border-color: #CC9966;
border-style: solid;
}
.userpicfriends {
position: relative;
float: left;
background-color: #CC9966;
background-image: url('http://');
background-repeat: repeat;
padding: 4px;
margin-right: 5px;
margin-left: 5px;
z-index: 15;
border-width: 1px;
border-color: #CC9966;
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: #cccccc;
text-align: left;
letter-spacing: 1px;
font-weight: none;
text-transform:lowercase;
background-color: transparent;
}
.subject {
padding-left: 0px;
padding-bottom: 2px;
font-weight: bold;
font-size: 12px;
color:#CC9966;
font-family: "Trebuchet MS", sans-serif;
text-align: left;
border-bottom: 0px #eeeeee solid;
text-transform:uppercase;
background-color: #f5f5f5;
background-image: url('');
background-repeat: repeat;
letter-spacing: 2pt;
}
.subject a, .subject a:link, .subject a:visited {
color: #7f0707;
}
.subject a:hover {
color: #eeeeee;
}
::-moz-selection {
background: #f5f5f5;
color: #333333;
}
.datesubject {
background-color: #f5f5f5;
padding: 2px;
}
.currents, .currentmood, .currentmusic {
font-family: "Trebuchet MS", sans-serif;
font-size: 10px;
color: #CC9966;
}
.comments {
font-family: "Trebuchet MS", sans-serif;
font-size: 9px;
text-align: right;
font-weight: none;
padding: 10px;
position: relative;
top: 10px;
border-top: dashed 0px #555555;
background-color: #f5f5f5;
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: #CC9966;
font-size: 10px;
padding: 2px;
font-weight: lighter;
}
div.comments a:hover {
font-size: 10px;
font-weight: lighter;
color: #CC9966;
background: ;
background-image: url('');
padding: 2px;
}
.ljtags {
font-family: "Trebuchet MS", sans-serif;
font-size: 10px;
color: #CC9966;
margin-top: 15px;
font-weight: none;
text-transform: lowercase;
position: left;
}
.headerimage {
position: relative;
width: 600px; height: 431px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
background-image: url('http://i9.tinypic.com/8fpav0o.jpg');
background-repeat: no-repeat;
}
.datesubjectcomment {
background-color: #f5f5f5;
padding: 5px;
margin-top: 20px;
}
.userpiccomment {
position: relative;
border-width: 5px;
border-style: solid;
border-color: #7f0707;
background-color: #7f0707;
top: -30px;
left: 0px;
padding: 5px;
margin: 10px 10px -20px 10px;
z-index: 15;
float: left;
}
.box {
border-style: dotted;
border-width: 1px 0px 0px 0px;
border-color: #eeeeee;
padding: 8px;
clear: left;
}
input, textarea {
background-color: #FFFFFF;
color: #555555;
}
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: #f5f5f5;
color: #999999;
}
.replytosubject {
font-weight: none;
}
.commentreply {
position: relative;
margin: 10px;
font-size: 9px;
font-family: "Trebuchet MS", sans-serif;
color: #999999;
}
.commentbox {
border-color: #7f0707;
border-width: 1px;
border-style: dotted;
padding: 10px;
margin: 10px;
background-color: #f5f5f5;
}
.datesubjectcomment a:link, .datesubjectcomment a:visited {
color: #0a0a0a;
}
.datesubjectcomment a:hover {
color: #eeeeee;
}
.commentboxpartial {
border-color: #7f0707;
border-width: 1px;
border-style: dotted;
padding: 9px;
margin: 9px;
background-color: #f5f5f5;
}
.commentinfo {
background-color: #f5f5f5;
margin-top: 12px;
width: 100%;
}