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 you can friend me if you like :)
Credit
bekie098 or
unholy_sin.
Code layout goes to
minty_peach /*CREDITS
made by -- minty_peach
style type -- Flexible Squares s2
notes -- editing is okay but
reposting without stylesheet credit is forbidden!
DO NOT STEAL - I KNOW MY CODES! */
/***********************************************************
BODY, LINKS, BLOCKQUOTE, CONTENT, MAINCONTENT, SIDEBAR
*************************************************/
BODY{
margin-top: 70px;
background-color: #DDDDDD;
background-image: url('
http://i4.tinypic.com/8fp0jdw.gif');
background-repeat: repeat;
background-position: top-left;
background-attachment: fixed;
text-align: left;
font-size: 8pt;
color: #777777;
font-family: "Georgia", sans-serif;
}
a, a:link, a:visited {
cursor: default;
color: #FC414A;
font-weight: light;
text-transform: lowercase;
text-decoration: none;
font-style: italic;
font-family: "Georgia" Arial, sans-serif;
}
a:hover{
cursor: default;
color: #999;
font-weight: light;
text-transform: lowercase;
text-decoration: none;
}
blockquote {
margin: 5px 5px;
padding: 5px;
color: #999999;
font-size: 8pt;
border-top: 5px solid #bbbbbb;
border-bottom: 3px solid #e9e9e9;
background: #e1e1e1;
text-align: justify;
}
p, td {
font-size: 8pt;
}
code, kbd, pre, tt {
font-family: monospace;
}
#content {
width: 638px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
background: #fdfdfd;
border-top: 0px solid #222222;
border-bottom: 0px solid #222222;
border-left: 0px solid #fdfdfd;
border-right: 0px solid #fdfdfd;
background-image: url('');
background-repeat: repeat;
background-position: top-left;
background-attachment: scroll;
padding: 0px;
}
#maincontent {
margin: 5px 15px 5px 5px;
background: #fdfdfd;
}
#sidebar {
width: 190px;
padding: 30px 15px 0px 15px;
margin-top: 0px;
background-color: transparent;
border-top: solid #fdfdfd 0px;
border-left: solid #fdfdfd 0px;
border-bottom: solid #fdfdfd 0px;
border-right: solid #fdfdfd 0px;
color: #777777;
font-family: "Georgia" Helvetica, sans-serif;
font-size: 8pt;
line-height: 11pt;
text-align: justify;
float: left;
}
/**************************************************** HEADER & FOOTER LINKS **************************************************/
#header {
width: auto;
margin: 0 0 20px 0;
padding: 10px;
text-align: left;
border-bottom: 8px solid #cacaca;
text-transform: lowercase;
letter-spacing: 1px;
background-color: #aaaaaa;
font-size: 10pt;
font-style: italic;
font-family: "Georgia" Helvetica, sans-serif;
color: #888888;
}
#footer {
width: auto;
margin: 0 0 20px 0;
padding: 10px;
text-align: left;
text-transform: lowercase;
letter-spacing: 1px;
background-color: #aaaaaa;
border-top: 8px solid #cacaca;
font-size: 10pt;
font-style: italic;
font-family: "Georgia" Helvetica, sans-serif;
color: #FFFFFF;
z-index: 100;
clear: both;
}
div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited {
color: #FFFFFF;
font-size: 10pt;
padding: 10px;
background-color: #aaaaaa;
}
div#header a:hover {
color: #666666;
font-size: 10pt;
padding: 10px;
border-top: 10px solid #cacaca;
background-color: #cacaca;
}
div#footer a:hover {
color: #666666;
font-size: 10pt;
padding: 10px;
border-bottom: 10px solid #cacaca;
background-color: #cacaca;
}
ul.navheader {
text-align: left;
padding: 0;
margin: 0;
}
ul.navheader li {
display: inline;
list-style: none;
padding: 0;
}
div#header li.view {
font-size: 10pt;
padding: 13px;
background-color: #FDFDFD;
border-top: 8px solid #FDFDFD;
border-bottom: 5px solid #FDFDFD;
border-left: 0px solid #FDFDFD;
border-right: 0px solid #FDFDFD;
}
div#footer li.viewing {
font-size: 10pt;
padding: 0;
}
#footer .viewing {
display:none;
}
/*************************************************** TITLE, SUBTITLE **************************************************/
.title {
display: none;
text-align: left;
color: #fdfdfd;
font-family: "Microsoft Sans Serif", sans-serif;
font-size: 1pt;
letter-spacing: 2pt;
line-height: 0pt;
}
.subtitle {
display: none;
text-align: left;
color: #fdfdfd;
font-family: "Microsoft Sans Serif", sans-serif;
font-size: 1pt;
letter-spacing: 2pt;
}
/*********************************************** MORE FOOTER INFO ******************************************/
ul.navfooter {
padding: 0px;
margin: 0px;
}
ul.navfooter li {
display: inline;
margin: 0 5px 0 5px;
}
.clearfoot {
display: none;
clear: both;
}
/*********************************************** SIDEBAR LINKS, COLORS, FONTS, CALENDAR, ETC. ******************************************/
.defaultuserpic {
text-align: center;
border-color: 10px solid #fdfdfd;
}
.sbarheader {
padding: 0px 5px 0px 5px;
}
.sbarbody {
padding: 0px 5px 0px 5px;
}
.sbarbody2 {
padding: 0 15px 0 15px;
}
table.calendar {
margin-right: auto;
margin-left: auto;
}
.sbarcalendar {
padding: 1px;
border: 1px solid #ddd;
background: #fdfdfd;
text-align: right;
font-family: "Georgia", Helvetica, sans-serif;
color: #999999;
font-size: 8pt;
}
.sbarcalendarposts {
padding: 1px;
border: 1px solid #ddd;
background: #dddddd;
text-align: right;
font-family: "Georgia", Helvetica, sans-serif;
color: #FC414A;
font-size: 8pt;
}
ul.sbarlist {
margin-left: 0px;
list-style: none;
padding-left: 0px;
}
li.sbaritem {
color: #888888;
font-family: "Georgia" Helvetica, sans-serif;
font-style: italic;
text-align: center;
text-transform: lowercase;
padding-top: 7px;
padding-bottom: 7px;
display: block;
background-color:#e1e1e1;
border: 2px solid #d1d1d1;
margin-bottom: 5px;
list-style: none;
}
li.sbaritem:hover {
color: #888888;
font-family: "Georgia" Helvetica, sans-serif;
font-style: italic;
text-align: center;
text-transform: lowercase;
padding-top: 7px;
padding-bottom: 7px;
display: block;
background-color: #cccccc;
border: 2px solid #bbbbbb;
margin-bottom: 5px;
}
li.sbartitle {
list-style: none;
margin-bottom: 10px;
margin-top: 5px;
text-align: center;
font-weight: normal;
padding-left: 0px;
padding-bottom: 1px;
color: #777777;
font-family: "Georgia" Helvetica, sans-serif;
font-size: 8pt;
border-bottom: 0px solid #aaaaaa;
text-transform: lowercase;
letter-spacing: 1px;
background: url('') 0px 0px no-repeat;
}
ul.ljtaglist li{
padding-left: 5px;
margin-left: 12px;
list-style: decimal-leading-zero;
list-style-position: outside;
}
/*********************************************** TAGS PAGE LAYOUT ******************************************/
.ljtaglist {
list-style-type: none;
padding: 0px;
margin: -1px 20px 0px 20px;
margin-left: 70px; width: 50%;
text-transform: lowercase;
text-align: left;
}
.ljtaglist li {
border-bottom: 1px solid #aaaaaa;
padding: 5px 2px 5px 20px;
color: #888888;
}
H2 {
margin: 30px 5px 10px 90px;
text-align: left;
padding: 2px 2px 2px 10px;
line-height: 15px;
font-weight: normal;
font-style: italic;
font-size: 10px;
text-transform: lowercase;
letter-spacing: 0px;
font-family: Georgia;
color: #888888;
background: url('') 0px 2px no-repeat;
}
/*********************************************** ENTRY, TAGS, SUB CONTENT, EXTRA ******************************************/
ul.ljtaglist {
color: #bbb;
font-family: "Tahoma", Helvetica, sans-serif;
font-size: 8pt;
padding: 8px 8px 8px 12px;
border: 0px solid #fdfdfd;
background: #fdfdfd;
text-align: left;
margin-right: auto;
margin-left: auto;
padding: 35px;
}
.subcontent {
padding-left: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-top: 30px;
border-right: 0px solid #aaaaaa;
background: #fdfdfd;
}
.entry{
margin: 15px 120px 10px 5px;
padding: 10px 10px 10px 10px;
padding-top: 08px;
color: #888888;
font-family: "Georgia" Helvetica, sans-serif;
font-size: 8pt;
line-height: 11pt;
text-align: justify;
}
.entry ul li {
padding-left: 0px;
margin-left: 0px;
list-style: decimal-leading-zero;
list-style-position: outside;
}
.entry ol li {
padding-left: 0px;
margin-left: 0px;
list-style: decimal-leading-zero;
list-style-position: outside;
}
/*********************************************** USERPICS, FRIENDS PAGE USERPICS, DATE, SUBJECT &MORE ******************************************/
.userpic {
position: relative;
float: right;
padding: 5px;
margin-right: 5px;
margin-left: 5px;
margin-top: 5px;
z-index: 15;
background-color: #FDFDFD;
background-image: url('');
background-repeat: repeat;
border: 0px solid #cccccc;
}
.userpicfriends {
position: relative;
float: right;
padding: 5px;
margin-right: 5px;
margin-left: 5px;
margin-top: 5px;
text-align: left;
font-family: "Georgia", sans-serif;
font-size: 8pt;
z-index: 15;
border-style: solid;
border-width: 0px;
border-color: #c1c1c1;
background-color: #FDFDFD !important;
background-image: url('');
background-repeat: repeat;
}
.userpicfriends font {
color: #666666 !important;
text-transform: lowercase;
}
.userpicfriends br {
display: block;
height: 0;
}
.date{
padding-top: 02px;
text-align: left;
top: 5px;
color: #aaaaaa;
font-family: "Georgia" Helvetica, sans-serif;
font-size: 7pt;
text-transform: lowercase;
}
.subject {
text-align: left;
font-weight: normal;
padding-left: 0px;
padding-bottom: 2px;
color: #FC414A;
font-family: "Georgia" Helvetica, sans-serif;
font-style: italic;
font-size: 10pt;
border-bottom: 0px solid #aaaaaa;
text-transform: lowercase;
letter-spacing: 0px;
}
.subject a, .subject a:link, .subject a:visited {
color: #FC414A;
font-family: "Georgia" Helvetica, sans-serif;
font-style: italic;
text-transform: lowercase;
}
.subject a:hover {
color: #999;
}
.datesubject {
background-color: #e1e1e1;
border-left: 5px solid #d1d1d1;
padding: 3px;
}
.ljtags {
margin-top: 12px;
padding-top: 20px;
color: #333;
font-size: 8pt;
font-weight: light;
}
.currents strong, .currentmood strong, .currentmusic .currentlocation, .ljtags strong {
color: #777777;
font-size: 8pt;
text-transform: lowercase;
}
.currents, .currentmood, .currentmusic, .currentlocation {
color: #777777;
font-size: 8pt;
text-transform: lowercase;
}
.ljtags a, .ljtags a:link, .ljtags a:visited {
color: #FC414A;
font-size: 8pt;
text-transform: lowercase;
font-weight: light;
}
.currentlocation a, .currentlocation a:link, .currentlocation a:visited {
color: #FC414A;
font-size: 8pt;
text-transform: lowercase;
font-weight: light;
}
.currentlocation a:hover, .ljtags a:hover {
color: #999;
font-size: 8pt;
font-weight: light;
text-transform: lowercase;
}
/*********************************************************** COMMENT LINKS IN ENTRY ******************************************************/
.comments {
font-family: "Georgia", sans-serif;
font-size: 8pt;
text-align: right;
font-weight: none;
position: relative;
padding-top: 10px;
padding-bottom: 10px;
background-color: #fdfdfd;
background-image: url(' ');
background-repeat: repeat;
text-transform:lowercase;
letter-spacing: 0px;
}
div.comments a, div.comments a:link, div.comments a:visited {
color: #666666;
text-transform: lowercase;
}
div.comments a:hover {
color: #bbbbbb;
text-transform: lowercase;
}
/*********************************************** ARCHIVE PAGE/CALENDAR ******************************************/
ul.year{
text-align: center;
padding: 10px 10px 10px 10px;
border: 0px solid #bbb;
background: #fdfdfd;
}
ul.year li {
color: #888888;
display: inline;
}
table.yeartable {
margin-left: auto;
margin-right: auto;
padding: 03px;
border: 0px solid #444;
background: #fdfdfd;
}
table.yeartable td.yeardate, table.yeartable td.yearday {
color: #888888;
background-color: #fdfdfd;
border: 0px solid #333333;
}
table.yeartable td.yearday {
background: #cccccc;
text-align: center;
}
td.yearmonth {
color: #999999;
border-style: none;
}
/*********************************************** RANDOM STUFF ******************************************/
.clear {
display: none;
height: 15px;
}
.skiplinks {
text-transform: lowercase;
text-align: center;
margin: 08px 0 08px 0;
padding: 08px;
color: #888888;
border: 0px solid #bbb;
background: #fdfdfd;
}
/*********************************************** HEADER IMAGE ******************************************/
.headerimage {
position: relative;
width: 638px;
height: 480px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
background-image: url('
http://i18.tinypic.com/8f1r8cm.jpg');
background-repeat: no-repeat;
}
.separator {
background-color: #fdfdfd;
background-image: url('');
background-repeat: repeat-x;
height: 0px;
}
/*********************************************** COMMENT PAGES ******************************************/
.datesubjectcomment {
background-color: #d1d1d1;
border: 2px solid #c1c1c1;
padding: 3px;
}
.userpiccomment {
position: relative;
border: 2px solid #aaaaaa;
background-color: #FEFEFE;
top: -30px;
left: 0px;
padding: 5px;
margin: 10px 10px -20px 10px;
z-index: 15;
float: left;
}
.box {
border-style: solid;
border-width: 1px 0px 0px 0px;
border-color: #aaaaaa;
padding: 10px;
clear: right;
}
input, textarea {
background-color: #FEFEFE;
color: #999;
}
textarea.textbox{
width: 95% !important;
}
.reply{
position: relative;
margin: 5px 5px 5px 5px;
padding: 5px 5px 5px 5px;
text-align: left;
font-family: "tahoma";
font-size: 10px;
line-height: 125%;
background-color: #ffffff;
color: #B9C222;
}
.replytosubject {
font-weight: bold;
}
.commentreply {
position: relative;
margin: 10px;
font-size: 10px;
font-family: "tahoma";
color: #999;
}
.commentbox {
border-color: #aaaaaa;
border-width: 1px;
border-style: solid;
padding: 10px;
margin: 10px;
background-color: #FEFEFE;
}
.datesubjectcomment a:link, .datesubjectcomment a:visited {
color: #B9C222;
}
.datesubjectcomment a:hover {
color: #999999;
}
.commentboxpartial {
border-color: #aaaaaa;
border-width: 1px;
border-style: dotted;
padding: 10px;
margin: 10px;
background-color: #FEFEFE;
}
.commentinfo {
background-color: #FEFEFE;
margin-top: 10px;
width: 100%;
}