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.

Date: 4/1/10 12:56 pm (UTC)
From: [identity profile] dolce-cantabile.livejournal.com
*admires the shiny* oooh, i like :)

Date: 4/1/10 10:40 pm (UTC)
From: [identity profile] why-am-i.livejournal.com
Why thank you! :D

Date: 4/1/10 09:16 pm (UTC)
From: [identity profile] lady-fro.livejournal.com
OHHHHH!!!!! I LOVE IT! You are really sooooo awesome for making this, really you are... If there is anything that I can do for you then just say it... I can't really do that much but I do like to write and draw... :D I'm pretty sure that I will be using this layout, it's so spiffy... ^_^ Thanks again...

Date: 4/1/10 10:40 pm (UTC)
From: [identity profile] why-am-i.livejournal.com
:D I am very glad to hear that.

Well, if you like to write, I love to read - is your stuff up on your lj, and if so, would you mind if I poked around?

Date: 4/1/10 11:13 pm (UTC)
From: [identity profile] lady-fro.livejournal.com
Well, here's the deal. I do have a new LJ journal for my writing/art, but there isn't anything there yet. I am getting ready to post my first story. It is being beta'd right now, so hopefully it will be put up sometime this week... So, if you want to read that when it's up then that'd be cool... :]

Date: 4/1/10 11:19 pm (UTC)
From: [identity profile] why-am-i.livejournal.com
Did you see about the AAR shenanigating?

Date: 5/1/10 12:08 am (UTC)
From: [identity profile] lady-fro.livejournal.com
No, I didn't.... Actually I have no idea what you're talking about... hehe... ^.^

Date: 5/1/10 12:13 am (UTC)
From: [identity profile] why-am-i.livejournal.com
Ahaha, oops. I actually meant to post that to [livejournal.com profile] therathasspoken. *facepalm*

The All-American Rejects have been conducting some funny business, and I don't know whether to call shenanigans or not. Basically, Tyson and Nick had an argument over twitter, failed to explain it, Nick threatened to leave the band, then Tyson posted a pic of him snogging Nick at New Year, with the caption 'Nick and I made up. I mean made out.'.

Did they actually fight and make up, or did they plan the whole thing to screw with their fans? If it were Pete, I'd be calling shenanigans!

Anyway. Sorry about that!

Date: 5/1/10 12:19 am (UTC)
From: [identity profile] lady-fro.livejournal.com
Oh.... That's okay. I enjoyed hearing about it. It sounds very odd indeed... :]

Date: 5/1/10 03:54 am (UTC)
From: [identity profile] why-am-i.livejournal.com
I promise you that I will stop bothering you eventually (!) - there were a couple of bugs I didn't like in the layout of the friends page, which I didn't notice until I actually used it in my own journal. I've spent the last 2 hours carefully avoiding real work of the paid variety fixing said problems, and if you want the updated code, you can nab it from this post because I've updated the code.

Things fixed:
- The major bug: the icons from short entries by friends overlapped both the comments bar, and the entries directly below them, which *in turn* bumped the icon belonging to the post below to the right.

- the calendar is no longer transparent - it was irritating me, so I filled in the individual squares.

- The gap between sidebar and entries was too big, so I made it smaller.

Date: 5/1/10 08:43 pm (UTC)
From: [identity profile] lady-fro.livejournal.com
You're not bothering me... hehe... It's cool that you fixed some stuff... I will put up the updated version then... ^_^

Thanks again.

Date: 4/1/10 10:18 pm (UTC)
From: [identity profile] therathasspoken.livejournal.com
ooh me likey me likey!

also, are you going to Mr Chas's birthday party on Friday Night?

Date: 4/1/10 10:38 pm (UTC)
From: [identity profile] why-am-i.livejournal.com
Thank you! I am feeling very pleased with my endeavours, and am even considering making an MCR layout for myself!

Yes, I am going to Mr Chas' birthday. We should coordinate this. I am considering going straight from work - perhaps I should drive to work?

Date: 4/1/10 10:57 pm (UTC)
From: [identity profile] therathasspoken.livejournal.com
actually, the main reason i wondered was that could i invite myself over to yours afterwards? or you could come over to mine?
...i'm not very good at spending nights alone in my house.

Date: 4/1/10 11:14 pm (UTC)
From: [identity profile] why-am-i.livejournal.com
That should be perfectly fine! I vote staying at my place, and I promise I'll change the bedding (doona included) *before* it gets too late to turn on the light near my parents' room!

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