Layout For No Go Zone

Oct 26, 2007 21:36

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 it at unholysin

/* Desert Song - Stylesheet by holycloud - Feel free to edit as you wish but do not claim as your own or repost. Remember to credit me in your userinfo!! */

/* replace default ljuser icon */
span.ljuser{
background-image: url("");
background-repeat: no-repeat;
width: 16px;
height: 16px;
padding: 02px 0px 04px 0px;
background-position: left middler;
}

span.ljuser img{
visibility: hidden;
}

/* replace default protected entry icon */
.subject img[src="http://stat.livejournal.com/img/icon_protected.gif"]{
width: 0;
height: 0;
padding: 0 16px 16px 0;
background: url("url_to_your_image_here");}

/* Main layout structure */

body {
background-color: #666666;
background-image:url("url_to_your_image_here");
text-align: center;
color: #000000;
font-family: "Verdana", sans-serif;
font-size: 11px;
margin: 20px 0 20px 0;
}

a, a:link, a:visited {
color: #ffff66;
text-decoration: none;
}

a:hover {
color: #ffff99;
text-decoration: underline;
}

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

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

#content
{
width: 500px;
margin-left: auto; margin-right: auto;
background-color: #cccccc;
border-width: 0px;
}

#maincontent {
margin-top: 15px;
font-family: "Verdana", sans-serif;
font-size: 7.5pt;
background-color: #cccccc;
color: #000000;
border-width: 0px;
margin-left: 5px;
text-align: left;
border-left: dotted 1px #909090;
}

#sidebar {
margin-top: 15px;
background-color: #e0e0e0;
border-width: 0px;
font-size: 7pt;
font-family: "Verdana", sans-serif;
color: #666666;
width: 140px;
float: left;
text-align: left;
}

#header {
width: 100%;
text-align: right;
font-family: "Verdana", sans-serif;
font-size: 7pt;
font-weight: normal;
letter-spacing: 1px;
background-color: #000000;
color: #e0e0e0;
border-width: 0px;
z-index: 10;
clear: both;
}

#footer {
width: 100%;
text-align: center;
font-family: "Verdana", sans-serif;
font-size: 7pt;
font-weight: normal;
letter-spacing: 1px;
background-color: #000000;
color: #e0e0e0;
border-width: 0px;
z-index: 100;
clear: both;
}

/* sidebar */

div#sidebar a, div#sidebar a:link, div#sidebar a:visited{
color: #eb0c01;
}

div#sidebar a:hover {
color: #909090;
text-decoration: none;
}

.defaultuserpic {
text-align: center;
}

.sbarheader {
padding: 0px
}

.sbarbody {
padding-right: 10px;
padding-left: 10px;
}

.sbarbody2 {
padding-top:5px;
padding-right: 10px;
padding-left: 10px;
text-align:justify;
}

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

.sbarcalendar {
color: #6F6D61;
border-width: 0px;
text-align: center;
font-family: "Verdana", sans-serif;
font-size: 7pt;
}

.sbarcalendarposts {
color: #909090;
border-width: 0px;
background-color: #e0e0e0;
text-align: center;
font-family: "Verdana", sans-serif;
font-size: 7pt;
}

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

li.sbaritem
{
list-style: none;
}

li.sbartitle
{

list-style: none;
color: #909090;
font-family: "Verdana", sans-serif;
text-transform:uppercase;
font-size: 7pt;
}

/* maincontent */

.subcontent {
}

.entry {
padding: 10px;
color: #000000;
font-family: "Verdana", sans-serif;
font-size: 7.5pt;
text-align: justify;
border-width: 0px;
}

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

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

.userpic {
display:none;}

.userpicfriends {
position: relative;
float: right;
padding: 5px;
text-align: center;
border-style: dotted;
border-width: 1px;
border-color: #909090;
font-family: "Verdana", sans-serif;
font-size: 7pt;
z-index: 15;
margin:10px;
}

.date {
color: #000000;
font-family: "Verdana", sans-serif;
text-transform:uppercase;
font-size: 7pt;
}

.subject {
font-weight: normal;
color: #00000;
font-family: "Verdana", sans-serif;
font-size: 8pt;
}

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

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

.datesubject {
background-color: #ffff99;
padding-left: 5px;
padding-top:15px;
}

.currents, .currentmood, .currentmusic, .ljtags {
color: #e0e0e0;
font-family: "Verdana", sans-serif;
text-transform:uppercase;
font-size: 6.5pt;
}

.comments {
font-family: "Verdana", sans-serif;
font-size: 7pt;
color:#e0e0e0;
text-align:right;
text-transform:uppercase;
top: 15px;
}

div.comments a, div.comments a:link, div.comments a:visited{
color: #ffff66;
}

div.comments a:hover {
color: #ffff99;
text-decoration: none;
}

/* maincontent -- entry, reply pages */

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

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

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

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

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

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

.replytosubject {
font-weight: bold;
}

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

.commentbox {

border-color: #999999;
border-width: 1px;
border-style: solid;
padding: 10px;
margin: 10px;
background-color: #d4dce8;
}

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

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

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

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

/* maincontent -- year/achive pages */

ul.year {
text-align: center;
padding-bottom: 40px;
}

ul.year li {
display: inline;
}

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

table.yeartable td.yeardate, table.yeartable td.yearday {
border-width: 0px;
border-style: solid;
border-color: #999999;
}

table.yeartable td.yearday {
background-color: #e0e0e0;
text-align: center;
}

td.yearmonth {
border-style: none;
}

/* footer */

ul.navfooter{
padding: 0px;
margin: 0px;
}

ul.navfooter li {
display: inline;
margin: 0 5px 0 5px;
}

.clearfoot {
clear: both;
}

/* misc */

.clear {
display:none;
}

.skiplinks {
text-align: center;
}

.headerimage { position: relative;
width: 500px; /* Width of the banner, in pixels */
height: 400px; /* Height of the banner, in pixels */
margin-left: auto;
margin-right: auto;
margin-bottom: 0px; /* Space between bottom of image and outer box of style */
background-image: url("http://i20.tinypic.com/2j0dpxe.jpg"); /* Header image URL */
background-repeat: no-repeat;}

.separator{
/* for formatting separators between entries */
height: 10px;
border-bottom: dotted 1px #666666;
}
Previous post Next post
Up