why_am_i: (Default)
[personal profile] why_am_i


Copy the entire (updated) code below, and paste it into the CSS box.

/* Cleaned CSS: */
/*S2 Flexible Squares: 'Ray Toro' - layout by why_am_i*/


body {
background: url(http://img.photobucket.com/albums/v252/multicolouredfairy/LJ%20layout%20graphics/Ray%20Toro%20by%20why_am_i/BGwholetile150x150.jpg) top left repeat #0e1f3a;
text-align: center;
color: #07777c;
font-family: "Verdana", sans-serif;
font-size: 11px;
margin: 0;
}

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

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

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

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

#content
{
width: 750px;
margin-left: auto; margin-right: auto;
background: url(http://img.photobucket.com/albums/v252/multicolouredfairy/LJ%20layout%20graphics/Ray%20Toro%20by%20why_am_i/BGcontenttile3flat.jpg) top center repeat-y #07777c;
padding: 0px;
}

#maincontent {
margin: 0px 20px 0px 183px;
font-family: "Verdana", sans-serif;
font-size: 11px;
color: #07777c;
text-align: left;
}

#sidebar {

padding: 150px 0px 0px 3px;
margin: 0px 0px 0px 2px;
background-color: #0e1f3a;
border-color: #e8e3b8;
border-width: 1px;
border-style: transparent;
font-size: 11px;
font-family: "Verdana", sans-serif;
color: #0e1f3a;
width: 170px;
float: left;
text-align: left;
background: url(http://img.photobucket.com/albums/v252/multicolouredfairy/LJ%20layout%20graphics/Ray%20Toro%20by%20why_am_i/Rayistiredoncouchflatv2.jpg) top left no-repeat transparent;
}

#header {
height: 400px;
padding: 0px;
margin: 0px;
text-align: left;
font-family: "Verdana", sans-serif;
font-size: 11px;
font-weight: bold;
letter-spacing: 2px;
border-style: transparent;
border-color: #e8e3b8;
border-width: 1px;
background: url(http://img.photobucket.com/albums/v252/multicolouredfairy/LJ%20layout%20graphics/Ray%20Toro%20by%20why_am_i/Rayheaderv3flat.jpg) top center no-repeat transparent;
color: #07777c;
}

#footer {
margin: 0px 30px 0px 183px;
padding: 0px;
text-align: center;
font-family: "Verdana", sans-serif;
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 1px;
color: #0e1f3a;
z-index: 100;
clear: both;
}

/* header -- links to views; title of journal; subtitle of journal */

div#header a, div#header a:link, div#header a:visited {
color: #e8e3b8;
padding: 2px 5px;
}

div#footer a, div#footer a:link, div#footer a:visited {
color: #07777c;
padding: 2px 5px;
}

div#header a:hover {
color: #07777c;
background: ##0e1f3a;
text-decoration: none;
}

div#footer a:hover {
color: #07777c;
background-color: #0e1f3a;
}

ul.navheader
{
padding: 15px 0px 0px 0px;
margin: 0px;
text-transform: uppercase;
}

ul.navheader li {
display: inline;
padding: 0px 24px 0px 24px;
}

.title {
font-family: "Verdana", sans-serif;
font-size: 11px;
font-weight: normal;
color: #e8e3b8;
padding: 335px 0px 0px 90px;
line-height: 200%;
top: 10px;
}

.subtitle{
display: none;
font-family: "Verdana", sans-serif;
font-size: 11px;
font-weight: normal;
top: 10px;
}


/* sidebar */

div#sidebar a, div#sidebar a:link, div#sidebar a:visited{
color: #0e1f3a;
font-weight: bold;
}

div#sidebar a:hover {
color: #07777c;
border-bottom: #0e1f3a;
font-weight: bold;
text-decoration: none;
}

.defaultuserpic {
text-align: center;
}

.sbarheader {
padding: 0px 5px 0px 5px;
}

.sbarbody {
padding: 0px 5px 0px 5px;
}

.sbarbody2 {
padding: 0 15px 0 15px;
}

#sidebar_summary li.sbaritem {
margin: 0 10px;
padding: 3px 0;
border-bottom: 1px #e8e3b8 solid;
}

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

.sbarcalendar {
border-color: #07777c;
border-width: 1px;
border-style: solid;
text-align: center;
font-family: "Verdana", sans-serif;
font-size: 11px;
background-color: #e8e3b8;
}

.sbarcalendarposts {
border-color: #07777c;
border-width: 1px;
border-style: solid;
background-color: transparent;
text-align: center;
font-family: "Verdana", sans-serif;
font-size: 11px;
}

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

li.sbaritem {
padding-left: 15px;
list-style: none;
}

.tagcloud {
padding-left: 25px;
list-style: none;

}

li.sbartitle
{
padding: 0px 0px 3px 0px;
list-style: none;
text-transform: uppercase;
font-weight: bold;
text-align: center;
color: #0e1f3a;
border-style: transparent;
border-width: 1px;
border-color: #07777c;
background-color: transparent;
margin-bottom: 10px;
margin-top: 10px;
}


/* maincontent */

.subcontent {
}

.entry {
margin: 0px 10px 30px 0px;
padding: 0px;
color: #0e1f3a;
font-family: "Verdana", sans-serif;
font-size: 11px;
text-align: left;
}

.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: transparent;
padding: 5px;
margin: 10px 10px 20px 10px;
z-index: 15;
border-width: 1px;
border-color: #07777c;
border-style: solid;
}

.userpicfriends {
position: relative;
float: left;
padding: 5px;
margin: 10px;
text-align: center;
border-style: solid;
border-width: 1px;
border-color: #07777c;
font-family: "Verdana", sans-serif;
font-size: 11px;
z-index: 15;
}

.date {
line-height: 200%;
top: 5px;
margin: 15px 0px;
color: #0e1f3a;
font-weight: bold;
font-family: "Verdana", sans-serif;
font-size: 11px;
}

.subject {
margin: 15px 0px;
font-weight: bold;
color: #0e1f3a;
font-family: "Verdana", sans-serif;
font-size: 13px;
text-transform: uppercase;
}

.subject a, .subject a:link, .subject a:visited, .subject a:hover {
color: #0e1f3a;
font-weight: bold;
/*color: #e8e3b8;*/
text-decoration: none;
}

/*.subject a:hover {
color: #0e1f3a;
}*/

.datesubject {
}

.currents, .currentmood, .currentmusic {
font-family: "Verdana", sans-serif;
font-size: 11px;
}

.comments {
height: 12px;
font-family: "Verdana", sans-serif;
font-size: 11px;
text-align: right;
background-color: #07777c;
padding: 5px 5px 0px 5px;
position: relative;
top: 40px;
margin: 35px 0px 15px 0px;
}

div.comments a, div.comments a:link, div.comments a:visited{
color: #e8e3b8;
text-transform: uppercase;
}

div.comments a:hover {
color: #0e1f3a;
text-decoration: none;
}
div.ljtags {
margin: 30px 10px 0px 0px;
font-weight: bold;
}

/* maincontent -- entry, reply pages */

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

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

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

input, textarea {
background-color: #e8e3b8;
color: #0e1f3a;
}

textarea.textbox {
width: 95% !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: #e8e3b8;
color: #0e1f3a;
}

.replytosubject {
font-weight: bold;
}


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

.commentbox {

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

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

.datesubjectcomment a:hover {
color: #0e1f3a;
}

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

.commentinfo {
background-color: #e8e3b8;
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: 1px;
border-style: solid;
border-color: #e8e3b8;
}

table.yeartable td.yearday {
background-color: #e8e3b8;
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 {
height: 15px;
}

.skiplinks {
text-align: center;
}

.headerimage {
/* for formatting header image */
}

.separator{
/* for formatting separators between entries */
height: 0px;
}

* html div.subcontent {
/* fixes an IE reply page bug */
height: 1%;
clear: none;
}

* html div.box#commentform {
/* fixes an IE reply page bug */
position: absolute;
border-width: 1px;
border-style: solid;
border-color: #e8e3b8;
background-color: #0e1f3a;
}

...and that's the end of the code.


This post is really only for the benefit of [livejournal.com profile] lady_fro: the rest of you can carry on. :)
By the way, I changed my layout. This time, I am proud to announce that I made it myself, you guys, which explains why it's a bit faily which makes me happy. If anyone can teach me any more about coding layouts, I'll bake you cookies! For now, though, I'mma just gonna sit over here and glow at myself for a little while.
From:
Anonymous( )Anonymous This account has disabled anonymous posting.
OpenID( )OpenID You can comment on this post while signed in with an account from many other sites, once you have confirmed your email address. Sign in using OpenID.
User
Account name:
Password:
If you don't have an account you can create one now.
Subject:
HTML doesn't work in the subject.

Message:

 
Notice: This account is set to log the IP addresses of everyone who comments.
Links will be displayed as unclickable URLs to help prevent spam.

Profile

why_am_i: (Default)
why_am_i

June 2010

S M T W T F S
  12345
6789101112
13141516171819
20212223 242526
27 282930   

Most Popular Tags

Style Credit

Expand Cut Tags

No cut tags