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: unholysin
/* P!ATD
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: #0033FF;
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: #555555;
border: 1px solid #51979f;
background: #eeeeee;
text-align: justify;}
p, td, {
font-size: 8px;}
b {
color: #0033FF;}
#maincontent {
padding: 5px;
font-family: "arial", sans-serif;
font-size: 11px;
background-color: #ffffff;
color:#555555;
border-style: dashed;
border-color:#dddddd;
border-width: 0px;
margin-right: 10px;
margin-left: 10px;
margin-top: 10px;
text-align: justify;
}
#content {
width: 600px;
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: #ffffff;
background-image: url('HEADER LINKS BACKGROUND');
background-repeat: no-repeat;
width: 600px; height: 10px
background-position: center;
font-family: "Trebuchet MS", sans-serif;
font-size: 10px;
font-weight: normal;
text-transform: uppercase;
color: #555555;
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: 600px; 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: "arial", sans-serif;
color: #888888;
width: 155px;
float: left;
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: #666666;
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: #ffffff;
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: #51979f;
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: #cccccc;
border-style: dashed;
}
.sbarheader {
padding: 0px 5px 0px 5px;
color: #ffffff;
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: #f5f5f5;
border-style: solid;
border-color: #555555;
font-family: "arial", sans-serif;
font-size: 10px;
text-align: center;
}
.sbarcalendarposts {
background-color:#e3e3e3;
text-align: center;
font-family: "arial", 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;
text-transform: lowercase;
background: #ffffff;
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:left;
padding: 1x;
list-style: none;
margin-bottom: 1px;
margin-top: 0px;
color:#666666;
border-bottom: solid 1px #eeeeee;
font-weight: none;
font-family: "arial", sans-serif;
text-transform: lowercase;
font-size: 10px;
background-color: #ffffff;
letter-spacing: 2pt;
}
/* maincontent -- entry, reply pages */
.subcontent {
background-color: #ffffff;
}
.entry {
margin: 5px 5px 5px 5px;
padding: 2px;
color:#888888;
background-color: #ffffff;
font-family: "arial", sans-serif;
text-align: justify;
font-size: 11px;
}
.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('http://');
background-repeat: repeat;
padding: 4px;
margin-right: 5px;
margin-left: 5px;
z-index: 15;
border-width: 1px;
border-color: #cccccc;
border-style: solid;
}
.userpicfriends {
position: relative;
float: left;
background-color: #ffffff;
background-image: url('http://');
background-repeat: repeat;
padding: 4px;
margin-right: 5px;
margin-left: 5px;
z-index: 15;
border-width: 1px;
border-color: #e3e3e3;
border-style: solid;
text-align: center;
font-family: "arial", sans-serif;
font-size: 9px;
z-index: 15;
}
.date {
line-height: 200%;
top: 3px;
font-family: "arial", sans-serif;
font-size: 10px;
color: #cccccc;
text-align: right;
letter-spacing: 1px;
font-weight: none;
text-transform:lowercase;
background-color: transparent;
}
.subject {
padding-left: 0px;
padding-bottom: 2px;
font-weight: bold;
font-size: 12x;
color:#0033FF;
font-family: "arial", sans-serif;
text-align: right;
border-bottom: 1px #eeeeee solid;
text-transform:lowercase;
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: 2px;
}
.currents, .currentmood, .currentmusic {
font-family: "arial", sans-serif;
font-size: 10px;
color: #0033FF;
}
.comments {
font-family: "arial", sans-serif;
font-size: 9px;
text-align: right;
font-weight: none;
padding: 10px;
position: relative;
top: 10px;
border-top: dashed 0px #555555;
background-color: #ffffff;
text-transform:lowercase;
letter-spacing: 2pt;
}
/* for formatting separators between entries */
.separator {
background: transparent;
height: 25px;
}
div.comments a, div.comments a:link, div.comments a:visited{
color: #0033FF;
font-size: 10px;
padding: 2px;
font-weight: lighter;
}
div.comments a:hover {
font-size: 10px;
font-weight: lighter;
color: #0033FF;
background: ;
background-image: url('');
padding: 2px;
}
.ljtags {
font-family: "arial", sans-serif;
font-size: 10px;
color: #0033FF;
margin-top: 15px;
font-weight: none;
text-transform: lowercase;
position: left;
}
.headerimage {
position: relative;
width: 600px; height: 400px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
background-image: url('http://i9.tinypic.com/6s85ml4.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: #cccccc;
background-color: #ffffff;
top: -30px;
left: 0px;
padding: 5px;
margin: 10px 10px -20px 10px;
z-index: 15;
float: left;
border-width: 1px;
border-color: #cccccc;
border-style: solid;
}
.box {
border-style: solid;
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: "arial", sans-serif;
font-size: 9px;
line-height: 100%;
background-color: #ffffff;
color: #999999;
}
.replytosubject {
font-weight: none;
}
.commentreply {
position: relative;
margin: 10px;
font-size: 9px;
font-family: "arial", sans-serif;
color: #999999;
}
.commentbox {
border-color: #eeeeee;
border-width: 1px;
border-style: solid;
padding: 10px;
margin: 10px;
background-color: #ffffff;
}
.datesubjectcomment a:link, .datesubjectcomment a:visited {
color: #51979f;
}
.datesubjectcomment a:hover {
color: #eeeeee;
}
.commentboxpartial {
border-color: #eeeeee;
border-width: 1px;
border-style: solid;
padding: 9px;
margin: 9px;
background-color: #ffffff;
}
.commentinfo {
background-color: #ffffff;
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: unholysin
/* P!ATD
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: #0033FF;
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: #555555;
border: 1px solid #51979f;
background: #eeeeee;
text-align: justify;}
p, td, {
font-size: 8px;}
b {
color: #0033FF;}
#maincontent {
padding: 5px;
font-family: "arial", sans-serif;
font-size: 11px;
background-color: #ffffff;
color:#555555;
border-style: dashed;
border-color:#dddddd;
border-width: 0px;
margin-right: 10px;
margin-left: 10px;
margin-top: 10px;
text-align: justify;
}
#content {
width: 600px;
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: #ffffff;
background-image: url('HEADER LINKS BACKGROUND');
background-repeat: no-repeat;
width: 600px; height: 10px
background-position: center;
font-family: "Trebuchet MS", sans-serif;
font-size: 10px;
font-weight: normal;
text-transform: uppercase;
color: #555555;
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: 600px; 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: "arial", sans-serif;
color: #888888;
width: 155px;
float: left;
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: #666666;
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: #ffffff;
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: #51979f;
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: #cccccc;
border-style: dashed;
}
.sbarheader {
padding: 0px 5px 0px 5px;
color: #ffffff;
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: #f5f5f5;
border-style: solid;
border-color: #555555;
font-family: "arial", sans-serif;
font-size: 10px;
text-align: center;
}
.sbarcalendarposts {
background-color:#e3e3e3;
text-align: center;
font-family: "arial", 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;
text-transform: lowercase;
background: #ffffff;
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:left;
padding: 1x;
list-style: none;
margin-bottom: 1px;
margin-top: 0px;
color:#666666;
border-bottom: solid 1px #eeeeee;
font-weight: none;
font-family: "arial", sans-serif;
text-transform: lowercase;
font-size: 10px;
background-color: #ffffff;
letter-spacing: 2pt;
}
/* maincontent -- entry, reply pages */
.subcontent {
background-color: #ffffff;
}
.entry {
margin: 5px 5px 5px 5px;
padding: 2px;
color:#888888;
background-color: #ffffff;
font-family: "arial", sans-serif;
text-align: justify;
font-size: 11px;
}
.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('http://');
background-repeat: repeat;
padding: 4px;
margin-right: 5px;
margin-left: 5px;
z-index: 15;
border-width: 1px;
border-color: #cccccc;
border-style: solid;
}
.userpicfriends {
position: relative;
float: left;
background-color: #ffffff;
background-image: url('http://');
background-repeat: repeat;
padding: 4px;
margin-right: 5px;
margin-left: 5px;
z-index: 15;
border-width: 1px;
border-color: #e3e3e3;
border-style: solid;
text-align: center;
font-family: "arial", sans-serif;
font-size: 9px;
z-index: 15;
}
.date {
line-height: 200%;
top: 3px;
font-family: "arial", sans-serif;
font-size: 10px;
color: #cccccc;
text-align: right;
letter-spacing: 1px;
font-weight: none;
text-transform:lowercase;
background-color: transparent;
}
.subject {
padding-left: 0px;
padding-bottom: 2px;
font-weight: bold;
font-size: 12x;
color:#0033FF;
font-family: "arial", sans-serif;
text-align: right;
border-bottom: 1px #eeeeee solid;
text-transform:lowercase;
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: 2px;
}
.currents, .currentmood, .currentmusic {
font-family: "arial", sans-serif;
font-size: 10px;
color: #0033FF;
}
.comments {
font-family: "arial", sans-serif;
font-size: 9px;
text-align: right;
font-weight: none;
padding: 10px;
position: relative;
top: 10px;
border-top: dashed 0px #555555;
background-color: #ffffff;
text-transform:lowercase;
letter-spacing: 2pt;
}
/* for formatting separators between entries */
.separator {
background: transparent;
height: 25px;
}
div.comments a, div.comments a:link, div.comments a:visited{
color: #0033FF;
font-size: 10px;
padding: 2px;
font-weight: lighter;
}
div.comments a:hover {
font-size: 10px;
font-weight: lighter;
color: #0033FF;
background: ;
background-image: url('');
padding: 2px;
}
.ljtags {
font-family: "arial", sans-serif;
font-size: 10px;
color: #0033FF;
margin-top: 15px;
font-weight: none;
text-transform: lowercase;
position: left;
}
.headerimage {
position: relative;
width: 600px; height: 400px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
background-image: url('http://i9.tinypic.com/6s85ml4.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: #cccccc;
background-color: #ffffff;
top: -30px;
left: 0px;
padding: 5px;
margin: 10px 10px -20px 10px;
z-index: 15;
float: left;
border-width: 1px;
border-color: #cccccc;
border-style: solid;
}
.box {
border-style: solid;
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: "arial", sans-serif;
font-size: 9px;
line-height: 100%;
background-color: #ffffff;
color: #999999;
}
.replytosubject {
font-weight: none;
}
.commentreply {
position: relative;
margin: 10px;
font-size: 9px;
font-family: "arial", sans-serif;
color: #999999;
}
.commentbox {
border-color: #eeeeee;
border-width: 1px;
border-style: solid;
padding: 10px;
margin: 10px;
background-color: #ffffff;
}
.datesubjectcomment a:link, .datesubjectcomment a:visited {
color: #51979f;
}
.datesubjectcomment a:hover {
color: #eeeeee;
}
.commentboxpartial {
border-color: #eeeeee;
border-width: 1px;
border-style: solid;
padding: 9px;
margin: 9px;
background-color: #ffffff;
}
.commentinfo {
background-color: #ffffff;
margin-top: 12px;
width: 100%;
}