My Thoughts, Art, and Writing - LiveJournal Layout

Previous | Memories | Tell a Friend | Next

janine42584

29 July 2007 @ 12:40 am

LiveJournal Layout - Firefly: Kaylee Shiny

~Please Comment if Taking
~Please Credit

janine42584 if using

Made With S2 and Flexible Squares Layout

How to use CSS override codes.

Go to "Journal" drop down
Select "Edit Journal Style"
From there click "Basics"
Under "Style System" check "S2"
Now click "Look and Feel"
Under "Layout and Language" select "Flexible Squares"
Under "Themes" have the default selected
Now click "Custom Options"
Click "Custom CSS"
Click "No" for "Use Layout's Stylesheet"
Then Paste all of the override code in the box provided.

Override Code

/* Cleaned CSS: */

body {
	background: url(http://img452.imageshack.us/img452/6341/backgroundkr7.jpg) top center repeat-y #59682f;        
        text-align: center;
        color: #0c311a;
        font-family: "Verdana", sans-serif;
        font-size: 11px;
        margin: 0px;
        }

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

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

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

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

#content
    {
        width: 950px;
        margin-left: auto; margin-right: auto;
        padding: 0px;
    }

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

#sidebar {
	background: url(http://img381.imageshack.us/img381/1973/sidebarkl2.jpg) top left no-repeat transparent;
        padding-top: 170px;
        margin-top: 0px;
          font-size: 11px;
        font-family: "Verdana", sans-serif;
          color: #0c311a;
        width: 200px;
        float: left;
        text-align: left;
	line-heigt: 18px;
        }

#header {
	background: url(http://img455.imageshack.us/img455/296/headerwn6.jpg) top center no-repeat transparent;
	height:350px;
        padding: 0px;
        margin: 0px;
        text-align: center;
        font-family: "Verdana", sans-serif;
        font-size: 11px;
        font-weight: bold;
        letter-spacing: 2px;
        color: #a7eee4;
        }

#footer {
        text-align: center;
        font-family: "Verdana", sans-serif;
        font-size: 11px;
        font-weight: bold;
        letter-spacing: 1px;
        color: #0c311a;
        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, div#footer a, div#footer a:link, div#footer a:visited {
        color: #a7eee4;
    }

div#header a:hover, div#footer a:hover {
        color: #1a5b3d;
        text-decoration: none;
    }

ul.navheader
        {
        padding-top: 345px;
        margin: 0px;
        }

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

.title    {
	display:none;
        font-family: "Verdana", sans-serif;
        font-size: 11px;
        font-weight: normal;
        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: #59682f;
    }

div#sidebar a:hover {
        color: #a7eee4;
        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 #caa137 solid;
    }

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

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

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

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

li.sbaritem, .tagcloud
    {
        padding-left: 5px;
        list-style: none;
    }

li.sbartitle
    {
	color:#315227;
        padding-left: 5px;
        list-style: none;
        margin-bottom: 10px;
        margin-top: 10px;
        font-size: 13px;
	font-weight:bold;
	font-variant:small-caps;
	border-top-style:solid;
	border-top-width:2px;
	border-top-color:#315227;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#315227;
    }

/* maincontent */

.subcontent {
    }

.entry    {
        margin: 0px 10px 10px 30px;
        padding: 10px;
        color: #0c311a;
        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: right;
        padding: 5px;
        margin: 10px;
        z-index: 15;
        }

.userpicfriends {
        position: relative;
        float: right;
        padding: 5px;
        margin: 10px;
        text-align: center;
        font-family: "Verdana", sans-serif;
        font-size: 11px;
        z-index: 15;
        }

.date {
        line-height: 200%;
        top: 5px;
        color: #315227;
        font-family: "Verdana", sans-serif;
        font-size: 12px;
	font-weight:bold;
        }

.subject {
        font-weight: bold;
        padding: 10px;
        color: #315227;
        font-family: "Verdana", sans-serif;
        font-size: 13px;
	font-weight:bold;
	font-variant:small-caps;
        }

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

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

.datesubject {
        padding: 5px;
	border-top-style:solid;
	border-top-width:2px;
	border-top-color:#315227;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#315227;
	margin-right:120px;
	margin-top:10px;
        }

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

.comments {
        font-family: "Verdana", sans-serif;
        font-size: 11px;
        text-align: right;
        padding: 0px 5px 0px 5px;
        position: relative;
        top: 15px;
        }

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

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

/* maincontent --  entry, reply pages */

.datesubjectcomment {
            padding: 5px;
            margin-top: 20px;
            }

.userpiccomment {
        position: relative;
        top: -30px;
        left: 0px;
        padding: 5px;
        margin: 10px 10px -20px 10px;
        z-index: 15;
        float: right;
        }

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

input, textarea {
        background-color: #4e8e7d;
        color: #0c311a;
        }

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%;
        color: #0c311a;
        }

.replytosubject {
        font-weight: bold;
        }

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

.commentbox {

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

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

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

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

.commentinfo {
        background-color: #4e8e7d;
        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: #caa137;
        }

table.yeartable td.yearday {
        background-color: #4e8e7d;
        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: 35px;
    }

* 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: #caa137;
        background-color: #4e8e7d;
    }
    
div.ljtags {
	margin: 10px 0px 0px 0px;
	font-weight: bold;
	}

Textures used created by the wonderful

_iconographer

Tags: layout - livejournal, layout - livejournal - flexible squares, tv show - firefly

Current Mood:

hungry

Current Music: Within Temptation - What Have You Done

41 comments | Leave a comment

( Post a new comment )

shahani on July 29th, 2007 02:41 pm (UTC)

Oh my goodness, what a lovely layout, all the brightness and cheer of little Kaylee! Amazing work, honestly! :) I hope it's alright if I take this for an RPG journal, crediting in user info!

(Reply) (Thread) (Link)

janine42584 on July 29th, 2007 07:01 pm (UTC)

Of course! Thank you. I really wanted to capture that Kaylee shinyness! I've been making so many dark journals lately I really just wanted to make something light and happy. Thanks so much! I'm very glad you like it!