My Thoughts, Art, and Writing - LiveJournal Layout: Sweeney Todd

Previous | Memories | Tell a Friend | Next

janine42584

31 August 2007 @ 04:40 pm

LiveJournal Layout: Sweeney Todd

~Please Comment if Taking
~Please Credit

janine42584 if using

So I can't even express how freakin' excited about this movie I am. If anyone can do this musical justice it's Tim Burton. Sweeney Todd is my favorite musical of ALL time. I've listened to it since I was a kid. I can remember listening to it with my family as we would drive to go camping. So imagine my delight when I saw that there were FINALLY high res pictures from the movie (granted it's only three so far, but it's a start).

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://img209.imageshack.us/img209/2984/backgroundmh4.jpg) top center repeat-y #68663d;
        text-align: center;
        color: #b1ae7b;
        font-family: "Verdana", sans-serif;
        font-size: 11px;
        margin: 0px;
        }

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

a:hover {
        color: #68663d;
        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: #b1ae7b;
        text-align: left;
        }

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

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

#footer {
        text-align: center;
        font-family: "Verdana", sans-serif;
        font-size: 11px;
        font-weight: bold;
        letter-spacing: 1px;
        color: #b1ae7b;
        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: #9a0200;
    }

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

ul.navheader
        {
        padding-top: 340px;
	padding-right:25px;
        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: #9a0200;
    }

div#sidebar a:hover {
        color: #68663d;
        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-right: 15px;
        padding: 3px 0;
        border-bottom: 1px #0b0803 solid;
    }

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

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

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

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

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

li.sbartitle
    {
        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:#786e33;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#786e33;
	color:#786e33;
    }

/* maincontent */

.subcontent {
    }

.entry    {
        margin: 0px 10px 10px 30px;
        padding: 10px;
        color: #b1ae7b;
        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: #4c3b0f;
        font-family: "Verdana", sans-serif;
        font-size: 12px;
	font-weight:bold;
        }

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

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

.subject a:hover {
        color: #9a0200;
        }

.datesubject {
        padding: 5px;
	border-top-style:solid;
	border-top-width:2px;
	border-top-color:#4c3b0f;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#4c3b0f;
	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: #9a0200;
    }

div.comments a:hover {
        color: #9a0200;
        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: #0b0803;
        padding: 10px;
        clear: right;
        }

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

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: #b1ae7b;
        }

.replytosubject {
        font-weight: bold;
        }

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

.commentbox {

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

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

.datesubjectcomment a:hover {
        color: #9a0200;
        }

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

.commentinfo {
        background-color: #000000;
        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: #0b0803;
        }

table.yeartable td.yearday {
        background-color: #000000;
        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 */
        }

.userpicfriends{
	background-color:transparent !important;
	position: relative;
        float: right;
        padding: 5px;
        margin: 10px;
        z-index: 15;
	}

.userpicfriends a font{
	color: #9a0200 !important;
        text-decoration: none;
	}

.userpicfriends a:hover font{
	color: #68663d !important;
        text-decoration: none;
	}
	
    .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: #0b0803;
        background-color: #000000;
    }
    
div.ljtags {
	margin: 10px 0px 0px 0px;
	font-weight: bold;
	}

Textures used created by:

rainharbour and

kekoah.

Tags: layout - livejournal, layout - livejournal - flexible squares, movie - sweeney todd

Current Mood:

excited

100 comments | Leave a comment

Page 1 of 2
<<	[1] [2]	>>

( Post a new comment )

emilylove85 on September 1st, 2007 05:55 am (UTC)

I think I am going to die! Amazing work, Gin, and I can't wait for this to come out in theaters! So amazing. Love everything:) I don't care what you say...your text work is getting really good. I looooove the way this looks. Absolutely fabulous! Can you make icons? I would love some icons. Pretty please!!!!