My Thoughts, Art, and Writing - REQUEST FILLED

Previous | Memories | Tell a Friend | Next

janine42584

02 January 2008 @ 12:01 am

REQUEST FILLED - LiveJournal Layout: Tonks

~Please Comment if Taking
~Please Credit

janine42584 if using

This layout was requested by

super_diva.

Note: While it is not ever required that you host the image on your own server (or really somewhere free like Photobuck or ImageShack) I am going to start requesting that you do.

There are three images within the code: under "body," "#sidebar," and "#header." All you need to do to host these somewhere else is (for example with ImageShack) under upload click "URL" then paste any of the urls from the code (from http://... to .jpg) and click upload, a new url will be given to you (make sure to take the last one it says "direct link to image") then copy and paste that url where the old one use to be in the code. And there you have it, your own hosted image for the layout.

Now the reason I'm asking this is because, while ImageShack (and Photobucked) do offer quite a bit of hosting time and bandwith use for image you have on there, I've had problems with some layouts in the past having headers or backgrounds disappear. I'm just trying to make it so this will hopefully no longer happen. Thanks!

Made With S2 and Flexible Squares Layout

UPDATE: USING NEW CUSTOMIZE SYSTEM

1. Click "Customize"
2. In the cute little search thing type "flexible squares"
3. Click the "Apply Theme" button for any theme (I'm clicking "Black, White, and Red All Over," but honesly I don't believe it matters which theme you pick so long as it's a flexible squares one)
4. Click "Customize" Under the theme
5. Click the last link in this new section "Custom CSS"
6. Make sure all dropdown boxes say "NO"
7. Copy and paste the override code into the box provided
8. Click "Save Changes" and there you have it!

Override Code

/* Layout Created By Janine  - http://janine42584.livejournal.com */

/* Cleaned CSS: */

body {
        background-color: #ffffff;
        text-align: center;
        color: #0e0c0d;
        font-family: "Verdana", sans-serif;
        font-size: 11px;
        margin: 0px;
        }

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

a:hover {
        color: #dc1f15;
        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: #0e0c0d;
        text-align: left;
        }

#sidebar {
	background: url(http://img98.imageshack.us/img98/8248/sidebarnn1.jpg) top left no-repeat transparent;
        padding-top: 175px;
        margin-top: 0px;
          font-size: 11px;
        font-family: "Verdana", sans-serif;
          color: #0e0c0d;
        width: 200px;
        float: left;
        text-align: left;
        }

#header {
	background: url(http://img527.imageshack.us/img527/4782/headertm4.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: #99002e;
        }

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

div#header a:hover, div#footer a:hover {
        color: #dc1f15;
        text-decoration: none;
	text-transform: uppercase;
	font-weight:bold;
    }

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

ul.navheader li  {
        display: inline;
        padding: 0 3px 0 3px;
	font-variant:small-caps;
        }

.title    {
	margin-top:-70px;
	padding-right:285px;
        font-family: "Verdana", sans-serif;
        font-size: 11px;
        font-weight: normal;
        line-height: 200%;
        top: 10px;
	font-style:oblique;
	font-weight:bold;
	font-color:#0e0c0d;
        }

.subtitle{
	padding-right:260px;
        font-family: "Verdana", sans-serif;
        font-size: 11px;
        font-weight: normal;
        top: 10px;
	font-style:oblique;
	font-color:#0e0c0d;
        }

/* sidebar */

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

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

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

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

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

ul.sbarlist
    {
        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-width: 2px;
        border-top-color: #c60055;
        border-top-style: solid;
        border-bottom-width: 1px;
        border-bottom-color: #c60055;
        border-bottom-style: solid;
	color: #c60055;
    }

/* maincontent */

.subcontent {
    }

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

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

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

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

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

.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: #99002e;
    }

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

input, textarea {
        background-color: #ffffff;
        color: #0e0c0d;
        }

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

.replytosubject {
        font-weight: bold;
        }

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

.commentbox {

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

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

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

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

.commentinfo {
        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: #ffffff;
        }

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

#lj_controlstrip {
	background: url(http://img141.imageshack.us/img141/2134/controlstripbgvz1.jpg) top center repeat-y #ffffff;
	margin-left:auto;
	margin-right:auto;
	width:950px;
}

#lj_controlstrip td {
    color: #0e0c0d;
    border: 0px;
}

#lj_controlstrip_statustext {
    color: #0e0c0d;
}

#lj_controlstrip a {
    color: #99002e;
}

#lj_controlstrip_user,
#lj_controlstrip_userlinks,
#lj_controlstrip_actionlinks,
#lj_controlstrip_search,
#lj_controlstrip_login,
#lj_controlstrip_loggedout_userpic {
    border: 0px;
}

#lj_controlstrip_login td {
    border: 0px;
}

#lj_controlstrip td td {
    border: 0px;
}

#lj_controlstrip_userpic {
    background-image: url(http://stat.livejournal.com/palimg/controlstrip/ljlogo.gif/ptffffff0e0c0d);
}

#lj_controlstrip_loggedout_userpic {
    background-image: url(http://stat.livejournal.com/palimg/controlstrip/ljlogo-loggedout.gif/ptffffff0e0c0d);
}

div.ljtags {
	margin: 10px 0px 0px 0px;
	font-weight: bold;
	}

Override Code

/* Layout Created By Janine  - http://janine42584.livejournal.com */

/* Cleaned CSS: */

body {
        background-color: #000000;
        
        text-align: center;
        color: #bcb8ac;
        font-family: "Verdana", sans-serif;
        font-size: 11px;
        margin: 0px;
        }

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

a:hover {
        color: #d5dc6c;
        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: #bcb8ac;
        text-align: left;
        }

#sidebar {

padding-top: 0px;
        margin-top: 0px;
          font-size: 11px;
        font-family: "Verdana", sans-serif;
          color: #bcb8ac;
        width: 200px;
        float: left;
        text-align: left;
        }

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

#footer {
        text-align: center;
        font-family: "Verdana", sans-serif;
        font-size: 11px;
        font-weight: bold;
        letter-spacing: 1px;
        color: #bcb8ac;
        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:active,
div#header a:visited {
	color: #d23f1e;
	font-weight: bold;
	text-decoration; none;
}
div#header a:hover {
	color:#d5dc6c;
	border: none;
	font-weight: bold;
	text-transform:uppercase;
}
div#footer a,
div#footer a:link,
div#footer a:active,
div#footer a:visited {
	color: #d23f1e;
	padding: 5px;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
}
div#footer a:hover {
	color: #d5dc6c;
	font-weight:bold;
	padding: 5px;
	font-weight: normal;
	text-decoration; none;
}
ul.navheader {
	margin-top: 0;
	height: 350px;
	position: relative;
	padding-top:125px;
	padding-left:50px;
}
ul.navheader li {
	text-align: left;
	list-style-type: none;
	padding: 0 3px;
	margin: 3px 0;
	color: #bcb8ac;
	font-weight:bold;
	font-variant:small-caps;

}

.title    {
	margin-top:-195px;
	margin-left:335px;
        font-family: "Verdana", sans-serif;
        font-size: 11px;
        font-weight: normal;
        line-height: 200%;
        top: 10px;
	font-weight:bold;
	font-style:oblique;
	color:#bcb8ac;
        }

.subtitle{
	margin-left:315px;
        font-family: "Verdana", sans-serif;
        font-size: 11px;
        font-weight: normal;
        top: 10px;
	font-style:oblique;
	color:#bcb8ac;
        }

/* sidebar */

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

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

.defaultuserpic {
        text-align: center;
	margin-top:-125px;
        }

.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 #000000 solid;
    }

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

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

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

ul.sbarlist
    {
        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-width: 2px;
        border-top-color: #938735;
        border-top-style: solid;
        border-bottom-width: 1px;
        border-bottom-color: #938735;
        border-bottom-style: solid;
	color: #938735;
    }

/* maincontent */

.subcontent {
    }

.entry    {
        margin: 0px 10px 10px 30px;
        padding: 10px;
        color: #bcb8ac;
        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;
        }

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

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

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

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

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

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

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

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

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

.replytosubject {
        font-weight: bold;
        }

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

.commentbox {

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

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

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

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

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

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 */
        }

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

#lj_controlstrip {
	background: url(http://img86.imageshack.us/img86/3223/controlstripbgla5.jpg) top center repeat-y #000000;
	margin-left:auto;
	margin-right:auto;
	width:950px;
}

#lj_controlstrip td {
    color: #bcb8ac;
    border: 0px;
}

#lj_controlstrip_statustext {
    color: #bcb8ac;
}

#lj_controlstrip a {
    color: #d23f1e;
}

#lj_controlstrip_user,
#lj_controlstrip_userlinks,
#lj_controlstrip_actionlinks,
#lj_controlstrip_search,
#lj_controlstrip_login,
#lj_controlstrip_loggedout_userpic {
    border: 0px;
}

#lj_controlstrip_login td {
    border: 0px;
}

#lj_controlstrip td td {
    border: 0px;
}

#lj_controlstrip_userpic {
    background-image: url(http://stat.livejournal.com/palimg/controlstrip/ljlogo.gif/pt000000bcb8ac);
}

#lj_controlstrip_loggedout_userpic {
    background-image: url(http://stat.livejournal.com/palimg/controlstrip/ljlogo-loggedout.gif/pt000000bcb8ac);
}

div.ljtags {
	margin: 10px 0px 0px 0px;
	font-weight: bold;
	}

Override Code

/* Layout Created By Janine  - http://janine42584.livejournal.com */

/* Cleaned CSS: */

body {
        background-color: #000000;
        text-align: center;
        color: #a1d0bc;
        font-family: "Verdana", sans-serif;
        font-size: 11px;
        margin: 0px;
        }

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

a:hover {
        color: #365b39;
        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: #a1d0bc;
        text-align: left;
        }

#sidebar {
	background: url(http://img410.imageshack.us/img410/8376/sidebargo6.jpg) top left no-repeat transparent;
        padding-top: 85px;
        margin-top: 0px;
          font-size: 11px;
        font-family: "Verdana", sans-serif;
          color: #a1d0bc;
        width: 200px;
        float: left;
        text-align: left;
        }

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

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

div#header a:hover, div#footer a:hover {
        color: #365b39;
        text-decoration: none;
	text-transform: uppercase;
	font-weight:bold;
    }

ul.navheader
        {
        padding-top: 343px;
	padding-left:200px;
        margin: 0px;
        }

ul.navheader li  {
        display: inline;
        padding: 0 3px 0 3px;
	font-variant:small-caps;
        }

.title    {
	margin-top:-350px;
	margin-left:25px;
        font-family: "Verdana", sans-serif;
        font-size: 11px;
        font-weight: normal;
        line-height: 200%;
        top: 10px;
	font-weight:bold;
	font-style:oblique;
        color: #a1d0bc;
        }

.subtitle{
	margin-left:35px;
        font-family: "Verdana", sans-serif;
        font-size: 11px;
        font-weight: normal;
        top: 10px;
	font-style:oblique;
        color: #a1d0bc;
        }

/* sidebar */

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

div#sidebar a:hover {
        color: #365b39;
        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 #000000 solid;
    }

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

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

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

ul.sbarlist
    {
        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-width: 2px;
        border-top-color: #3a656f;
        border-top-style: solid;
        border-bottom-width: 1px;
        border-bottom-color: #3a656f;
        border-bottom-style: solid;
	color:#3a656f;
    }

/* maincontent */

.subcontent {
    }

.entry    {
        margin: 0px 10px 10px 30px;
        padding: 10px;
        color: #a1d0bc;
        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;
        }

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

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

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

.subject a:hover {
        color: #365b39;
        }

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

.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: #6b3d7e;
    }

div.comments a:hover {
        color: #365b39;
        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: #000000;
        padding: 10px;
        clear: right;
        }

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

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

.replytosubject {
        font-weight: bold;
        }

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

.commentbox {

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

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

.datesubjectcomment a:hover {
        color: #365b39;
        }

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

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

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 */
        }

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

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

#lj_controlstrip {
	background: url(http://img401.imageshack.us/img401/9531/controlstripbgrv1.jpg) top center repeat-y #000000;
	margin-left:auto;
	margin-right:auto;
	width:950px;
}

#lj_controlstrip td {
    color: #a1d0bc;
    border: 0px;
}

#lj_controlstrip_statustext {
    color: #a1d0bc;
}

#lj_controlstrip a {
    color: #6b3d7e;
}

#lj_controlstrip_user,
#lj_controlstrip_userlinks,
#lj_controlstrip_actionlinks,
#lj_controlstrip_search,
#lj_controlstrip_login,
#lj_controlstrip_loggedout_userpic {
    border: 0px;
}

#lj_controlstrip_login td {
    border: 0px;
}

#lj_controlstrip td td {
    border: 0px;
}

#lj_controlstrip_userpic {
    background-image: url(http://stat.livejournal.com/palimg/controlstrip/ljlogo.gif/pt000000a1d0bc);
}

#lj_controlstrip_loggedout_userpic {
    background-image: url(http://stat.livejournal.com/palimg/controlstrip/ljlogo-loggedout.gif/pt000000a1d0bc);
}

div.ljtags {
	margin: 10px 0px 0px 0px;
	font-weight: bold;
	}

Textures used to create these pieces made by:

ownthesunshine and

_iconographer.

Tags: friends only banners, layout - livejournal, layout - livejournal - flexible squares, movie - harry potter, requests

Current Mood:

exhausted

29 comments | Leave a comment

( Post a new comment )

bombottosa on January 2nd, 2008 11:47 am (UTC)

OMG, I love them all so much!!!!!Wonderful work, I'm definitely going to use one, still don't know which one, but I will! thank you so much! <3

(Reply) (Thread) (Link)

janine42584 on January 2nd, 2008 07:44 pm (UTC)

Thanks! Glad you like them!! Beautiful icon btw.

(Reply) (Parent) (Thread) (Link)

pokecharm on January 2nd, 2008 12:43 pm (UTC)

wow, very cool :)

(Reply) (Thread) (Link)

janine42584 on January 2nd, 2008 07:44 pm (UTC)

Thank you!

(Reply) (Parent) (Thread) (Link)

ookami_kuusooka on January 2nd, 2008 10:00 pm (UTC)

so Looking at your last like 5 entries... WOW. AMAZING.

(Reply) (Thread) (Link)

janine42584 on January 2nd, 2008 10:32 pm (UTC)

Awww. Thanks hun! You're too kind :)

(Reply) (Parent) (Thread) (Link)

super_diva on January 2nd, 2008 11:13 pm (UTC)

Oh my god these are amazing!!! Thank you so much. Dnt worry that it took so long. It was well worth the wait!

(Reply) (Thread) (Link)

janine42584 on January 2nd, 2008 11:33 pm (UTC)

Yay! I'm so happy you're pleased with the layout!!! BTW you totally took my favorite version (glad to see we have the same taste). Thank you so much for the request, I had such a blast making these layouts!

(Reply) (Parent) (Thread) (Link)

_magicsocks on January 3rd, 2008 05:10 am (UTC)

OMGOSH!! I will so be snagging one. These are awesome. Will credit when I can make up my mind on which one to use. :)

(Reply) (Thread) (Link)

janine42584 on January 3rd, 2008 05:35 am (UTC)

Thanks! I'm so happy you found a layout (or a couple) you like!

(Reply) (Parent) (Thread) (Link)

_magicsocks on January 3rd, 2008 02:13 pm (UTC)

You are more than welcome. Thank you for making these. Thank goodness you didn't make any of Ron. Because I would never be able to make up my mind. But I loved all of these so I know I will be using them all sooner or later. :)

(Reply) (Parent) (Thread) (Link)

teresina on January 3rd, 2008 08:27 am (UTC)

yay. taking one. :)

(Reply) (Thread) (Link)

janine42584 on January 3rd, 2008 09:22 am (UTC)

Thanks! Glad you like it!

(Reply) (Parent) (Thread) (Link)

desperat3_fly on January 3rd, 2008 09:30 pm (UTC)

These are A W E S O M E !!!!
Oh my God !!!
[ I'm sure my sister will love it !! ]

(Reply) (Thread) (Link)

janine42584 on January 5th, 2008 09:29 pm (UTC)

Thanks so much! I'm so happy you like the layouts! Hope your sis loves them as well!!!

(Reply) (Parent) (Thread) (Link)

fembuck on January 5th, 2008 05:34 am (UTC)

Mmm, Tonks!

I totally adore them. Excellent work as always :D

I've grabbed the last layout, gotta love that leather jacket ;)

(Reply) (Thread) (Link)

janine42584 on January 5th, 2008 09:30 pm (UTC)

Thanks hun! I'm so glad you like the layout. Tis true, gotta love that leather jacket!

(Reply) (Parent) (Thread) (Link)

lightbluenym on January 11th, 2008 12:43 am (UTC)

Thes are amazing!!! I might have to take one...:D

(Reply) (Thread) (Link)

janine42584 on January 11th, 2008 01:06 am (UTC)

Thank you! I'm very glad you like them!

(Reply) (Parent) (Thread) (Link)

spooky_window on January 11th, 2008 06:12 pm (UTC)

O_O it's the 1st time i see Tonks, as i've never seen the last movie yet, i'm kinda surprised ! but i have to say : what a FANTASTIC work !! 2 different layout, 2 different styles, both gorgeous =)
usually i prefere the dark layout but today i'm not sure lol. anyway, thanx for making so many beautiful things
xxxx

(Reply) (Thread) (Link)

janine42584 on January 11th, 2008 08:19 pm (UTC)

Eeeek! You're totally making me blush. I wasn't sure about the actress they chose to play Tonks (still am not entirely). But the woman they chose was good. I was really happy with the white one (which as you know is quite a surprise, since you know my love of dark layouts). Thank you, thank you, thank you for ALL your support, you're just wonderful!

(Reply) (Parent) (Thread) (Link)

spooky_window on January 14th, 2008 10:50 pm (UTC)

ok now you're making me blush lol :)
now that i've seen the movie, i agree with you : the woman was good, even if i hadnt pictured tonks like this in my minds.
i told you a few days ago that i wanted to use your Jayne layout for my family journal, but i've changed my mind. Tonks is actually one of my favourite characters of HP, and i'll probably use all of the layout, starting with the white one :p
thanx a lot for your amazing work *hugs*

(Reply) (Parent) (Thread) (Link)

bunko_san on January 27th, 2008 03:15 am (UTC)
indecive with layouts

I'm so sorry, your probably going to get really sick of hearing from me. I just clicked on the harry potter tag and I saw all the absolutely fabulous harry potter layouts you've done. I shrieked like the insane obsessive fangirl that I am. I will probably be trying out nearly all of them in the next few hours. I won't bother puting a comment in each and every layout cuz that would be stupid, and it would take up way to much of your valuable time. So i will simply say this, i will post a short comment on which ever layout i chose and of course post a entry telling everyone who reads my journal what a genius you are. Thats all really, just wanted you to know that i would probably be using all of your harry potter layouts at one point and that i would be giving credit I just didn't want to take up to much space.

(Reply) (Thread) (Link)

facecat on February 5th, 2008 10:56 pm (UTC)

Completely snagnified this one. But - my Tonks top 1/2 and bottom 1/2 don't meet. lmao. http://facecat.livejournal.com/ I did upload the images to my own photobucket & used those links. Tell me what I did wrong please?

(Reply) (Thread) (Link)

janine42584 on February 6th, 2008 05:10 pm (UTC)

Ah ha! I see what you mean. For some reason photobucket resizes pictures at times. If you click options on in the upload area you can change the max file upload size. I think mine is set at 1024 or something. The larges size (width wise) is 1000px. If you reupload them with this new setting, they wont shrink in size and everything will line up properly. Sorry about that, I always forget Photobucket does that. Thanks so much for taking the time to not only comment, but also to upload them to your own place!

(Reply) (Parent) (Thread) (Link)

facecat on February 6th, 2008 06:26 pm (UTC)

http://facecat.livejournal.com/

Thanx - much better now. I was wondering about photobucket - thought that was just my imagination - heh - good to know. ;) And thanx for the layout. Very cool.

(Reply) (Parent) (Thread) (Link)