I'm infintely patient!

06 May 2007 @ 07:49 pm

Banners/thingys

( Read more... )

5 comments | Leave a comment

20 March 2007 @ 11:36 pm

Bronteana layout for Blogger

<?xml version="1.0" encoding="UTF-8" ?>
<html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
<b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name: Andreas02
URL: http://www.geckoandfly.com
Updated by: http://www.blogcrowds.com
Support: http://www.blogcrowds.com
----------------------------------------------- */

body {
margin:0px; padding:0px;
text-align:center;
font:76% tahoma, verdana, sans-serif;
background:url(http://i29.photobucket.com/albums/c283/objingo/wp_damask_253_tn.gif);
background-repeat: repeat;
color:#	#000000;
}

a{
text-decoration:none;
color:#800000;
}

a:hover{
text-decoration:underline;
}

#toptabs{
margin:10px auto -13px auto;
font-size:0.8em;
width:760px;
}
#toptabs p{
text-align:right;
text color:#cc9933;
}

.toptab{
padding:3px 10px 3px 5px;
margin:0 10px 0 4px;
text-decoration:none;
background:#cc9933;
color:#	#C68E17;
border-bottom:1px solid #C68E17;
}

.toptab:hover{
background:#ffffcc;
border-bottom:1px solid #800000;
color:#C68E17;
text-decoration:none;
}

.activetoptab{
padding:3px 5px 3px 5px;
margin:0 0 0 4px;
color:#	#C68E17;
text-decoration:none;
background:#cc9933;
border-bottom:1px solid #800000;
}

.activetoptab:hover{
text-decoration:none;
}

#container{
margin:auto !important;
padding: 0;
width:795px;
border:4px solid #800000;
background:url(http://i29.photobucket.com/albums/c283/objingo/parchemtn1.gif);
background-repeat: repeat;
text-align:left;
}

#logo{
margin:15px 0 0 0;
}

#logo h1 a{
color:#800000;
}

#logo h1 a:hover{
text-decoration:none;
}

#navitabs{
clear:both;
_margin:0 0 20px 0;
}

.navitab{
display:none;
padding:4px 8px 4px 8px;
margin:0 0 4px 0;
text-decoration:none;
letter-spacing:1px;
background:#e0e0e0 url(http://photos1.blogger.com/blogger/7994/1253/1600/corner.gif) top right no-repeat;
border-bottom:2px solid #ffffff;
border-left:1px solid #ffffff;
}

.navitab:hover{
text-decoration:none;
background:#d0d0d0 url(http://photos1.blogger.com/blogger/7994/1253/1600/corner.gif) top right no-repeat;
}

.activenavitab{
display:none;
padding:4px 8px 5px 8px;
color:#ffffff;
margin:0 0 5px 0;
text-decoration:none;
background:#017ac1 url(http://photos1.blogger.com/blogger/7994/1253/1600/corner.gif) top right no-repeat;
}

.activenavitab:hover{
text-decoration:none;
}

#desc{
height:265px;
color:#ffffff;
padding:0;
margin:20px 0 0 0;
background:url(http://i29.photobucket.com/albums/c283/objingo/bronteanaheader2.jpg) top left no-repeat;
border-bottom:4px solid #800000;
clear:both;
margin:-15px 0 0 0;
}

#desc p{
display: none;
width:795px;
font-size:1em;
line-height:1.3em;
padding:20px 0 0 15px;
}

#desc h2{
padding:15px 15px 0 15px;
color:#800000;
}

#desc a{
color:#000000;
text-decoration:underline;
}

#main{
width:560px;
float:left;
padding:0 10px 0 10px;
border-right:4px solid #800000;
}

#main div{
border:0px solid #000000;
}

.block{
background:#ffffcc;
padding:15px;
}

#sidebar{
width:195px;
float:right;
}

#sidebar p{
font-size:0.9em;
line-height:1.3em;
margin:5px 0;
}

#sidebar a{
text-align:center;
width:195px;
padding:4px 4px 4px 8px;
margin:auto;
}

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

#sidebar ul{
margin:4px 0;
padding:0;
list-style:none;
}

#sidebar li,{
margin:4px 0px 4px 0px;
padding:0;
list-style:none;
}

#sidebar div div{
margin:4px 0px 4px 0;
}

#sidebar h2{
margin:5px 0;
}

#footer{
clear:both;
background:url(http://i29.photobucket.com/albums/c283/objingo/wp_damask_128_tn.gif);
background: no-repeat;
color:#800000;
font-size:0.9em;
padding:8px 0 8px 0;
border-top:4px solid #800000;
text-align:center;
}

#footer a{
color:#800000;
}

h1{
display: none;
margin:0 0 20px 0;
font-size:2.1em;
font-weight:normal;
}

h2{
margin:0 0 20px 0;
font-size:1.6em;
font-weight:normal;
}

h3{
margin:15px 0 10px 0;
font-size:1.0em;
font-weight:normal;
}

p{
margin:0 0 15px 0;
line-height:1.5em;
text-align:left;
}

.right{
text-align:right;
}

a img{
border:0;
}

.photo{
padding:5px;
display:block;
margin:2px auto 15px auto;
background-color:#ffffcc;
}

.hide{
display:none;
}

.clear{
clear:both;
}

blockquote{margin:20px 0;padding:0 20px 0 50px;background:url('http://i29.photobucket.com/albums/c283/objingo/quotebr.gif') 10px top no-repeat;border:none}
]]></b:skin>
</head>

<div id='toptabs'>
<p>
<a class='activetoptab' href='index.html'>Home</a><span class='hide'> | </span>
<a class='toptab' href='http://bronteana.bravehost.com/'>Resources</a><span class='hide'> | </span>
<a class='toptab' href='http://syndicated.livejournal.com/bronteana/'>Livejournal feed</a><span class='hide'> | </span>
<a class='toptab' href='http://bronteana.wordpress.com/'>Wordpress</a></p>
</div>

<span id='skiplinks' style='display:none;'>
<a href='#main'>skip to main </a> |
<a href='#sidebar'>skip to sidebar</a>
</span>

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Lusus Naturae (Header)' type='Header'/>
</b:section>

<div class='clear'> </div>

<div id='footer'>
<div align='center'>
No part of the content or the blog may be reproduced without prior written permission.
</div>

</div>

</div>

</body>
</html>

original layout code taken from here http://www.geckoandfly.com/blogger-templates-beta/ (Andreas02 Blogger Beta) and modified by me. This uses beta Blogger and the minima default (which probably doesn't make a difference). Header image uses Ruth Wilson!Jane, Jayston!Rochester, Bronte sisters sans Branwell/column, and the first page manuscript of Jane Eyre. And the 'Porcelain' and 'Jane Austen' font.

Configurat-ing:
TO CHANGE THE LINKS IN THE TABS:
look towards the bottom of the html posted above- you will see this (without the "*/">:

<*/div id="toptabs">
<*/p>
<*/a href="index.html" class="activetoptab">Home</a>
<*/a href="http://bronteana.wordpress.com/" class="toptab">Wordpress<*//a><*//p>
<*//div>

-change the links, and link names (changed the Bronteblog link to the livejournal feed later, so that is what is in the html at the moment)

TO CHANGE THE TEXT IN THE FOOTER:
Again towards the bottom of the html posted above, find this:

<*/div id="footer">
<*/div align="center">
No part of the content or the blog may be reproduced without prior written permission.
<*//div>

And change the part that is in red to what you like. Not sure how you got your map in the footer- hopefully it will stay there...

The background wallpaper pattern came from here: http://www.theinspirationgallery.com/wallpaper/damask/wp_damask03.htm
You can change the pattern if you'd like by just uploading your pattern to a hosting site, and then putting the url in the html- the first url you come across for the body { section.

*edit*
attempted sidebar fix

<?xml version="1.0" encoding="UTF-8" ?>
<html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
<b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name: Andreas02
URL: http://www.geckoandfly.com
Updated by: http://www.blogcrowds.com
Support: http://www.blogcrowds.com
----------------------------------------------- */

body {
margin:0px; padding:0px;
text-align:center;
font:76% tahoma, verdana, sans-serif;
background:url(http://i29.photobucket.com/albums/c283/objingo/wp_damask_253_tn.gif);
background-repeat: repeat;
color:#	#000000;
}

a{
text-decoration:none;
color:#800000;
}

a:hover{
text-decoration:underline;
}

#toptabs{
margin:10px auto -13px auto;
font-size:0.8em;
width:760px;
}
#toptabs p{
text-align:right;
text color:#cc9933;
}

.toptab{
padding:3px 10px 3px 5px;
margin:0 10px 0 4px;
text-decoration:none;
background:#cc9933;
color:#	#C68E17;
border-bottom:1px solid #C68E17;
}

.toptab:hover{
background:#ffffcc;
border-bottom:1px solid #800000;
color:#C68E17;
text-decoration:none;
}

.activetoptab{
padding:3px 5px 3px 5px;
margin:0 0 0 4px;
color:#	#C68E17;
text-decoration:none;
background:#cc9933;
border-bottom:1px solid #800000;
}

.activetoptab:hover{
text-decoration:none;
}

#container{
margin:auto !important;
padding: 0;
width:795px;
border:4px solid #800000;
background:url(http://i29.photobucket.com/albums/c283/objingo/parchemtn1.gif);
background-repeat: repeat;
text-align:left;
}

#logo{
margin:15px 0 0 0;
}

#logo h1 a{
color:#800000;
}

#logo h1 a:hover{
text-decoration:none;
}

#navitabs{
clear:both;
_margin:0 0 20px 0;
}

.navitab{
display:none;
padding:4px 8px 4px 8px;
margin:0 0 4px 0;
text-decoration:none;
letter-spacing:1px;
background:#e0e0e0 url(http://photos1.blogger.com/blogger/7994/1253/1600/corner.gif) top right no-repeat;
border-bottom:2px solid #ffffff;
border-left:1px solid #ffffff;
}

.navitab:hover{
text-decoration:none;
background:#d0d0d0 url(http://photos1.blogger.com/blogger/7994/1253/1600/corner.gif) top right no-repeat;
}

.activenavitab{
display:none;
padding:4px 8px 5px 8px;
color:#ffffff;
margin:0 0 5px 0;
text-decoration:none;
background:#017ac1 url(http://photos1.blogger.com/blogger/7994/1253/1600/corner.gif) top right no-repeat;
}

.activenavitab:hover{
text-decoration:none;
}

#desc{
height:265px;
color:#ffffff;
padding:0;
margin:20px 0 0 0;
background:url(http://i29.photobucket.com/albums/c283/objingo/bronteanaheader2.jpg) top left no-repeat;
border-bottom:4px solid #800000;
clear:both;
margin:-15px 0 0 0;
}

#desc p{
display: none;
width:795px;
font-size:1em;
line-height:1.3em;
padding:20px 0 0 15px;
}

#desc h2{
padding:15px 15px 0 15px;
color:#800000;
}

#desc a{
color:#000000;
text-decoration:underline;
}

#main{
width:500px;
float:left;
padding:0 10px 0 10px;
border-right:4px solid #800000;
}

#main div{
border:0px solid #000000;
}

.block{
background:#ffffcc;
padding:15px;
}

#sidebar{
width:200px;
float:right;
}

#sidebar p{
font-size:0.9em;
line-height:1.3em;
margin:5px 0;
}

#sidebar a{
text-align:center;
width:200px;
padding:4px 4px 4px 8px;
margin:auto;
}

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

#sidebar ul{
margin:4px 0;
padding:0;
list-style:none;
}

#sidebar li,{
margin:4px 0px 4px 0px;
padding:0;
list-style:none;
}

#sidebar div div{
margin:4px 0px 4px 0;
}

#sidebar h2{
margin:5px 0;
}

#footer{
clear:both;
background:url(http://i29.photobucket.com/albums/c283/objingo/wp_damask_128_tn.gif);
background: no-repeat;
color:#800000;
font-size:0.9em;
padding:8px 0 8px 0;
border-top:4px solid #800000;
text-align:center;
}

#footer a{
color:#800000;
}

h1{
display: none;
margin:0 0 20px 0;
font-size:2.1em;
font-weight:normal;
}

h2{
margin:0 0 20px 0;
font-size:1.6em;
font-weight:normal;
}

h3{
margin:15px 0 10px 0;
font-size:1.0em;
font-weight:normal;
}

p{
margin:0 0 15px 0;
line-height:1.5em;
text-align:left;
}

.right{
text-align:right;
}

a img{
border:0;
}

.photo{
padding:5px;
display:block;
margin:2px auto 15px auto;
background-color:#ffffcc;
}

.hide{
display:none;
}

.clear{
clear:both;
}

blockquote{margin:20px 0;padding:0 20px 0 50px;background:url('http://i29.photobucket.com/albums/c283/objingo/quotebr.gif') 10px top no-repeat;border:none}
]]></b:skin>
</head>

<div id='toptabs'>
<p>
<a class='activetoptab' href='index.html'>Home</a><span class='hide'> | </span>
<a class='toptab' href='http://bronteana.bravehost.com/'>Resources</a><span class='hide'> | </span>
<a class='toptab' href='http://syndicated.livejournal.com/bronteana/'>Livejournal feed</a><span class='hide'> | </span>
<a class='toptab' href='http://bronteana.wordpress.com/'>Wordpress</a></p>
</div>

<span id='skiplinks' style='display:none;'>
<a href='#main'>skip to main </a> |
<a href='#sidebar'>skip to sidebar</a>
</span>

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Lusus Naturae (Header)' type='Header'/>
</b:section>

<div class='clear'> </div>

<div id='footer'>
<div align='center'>
No part of the content or the blog may be reproduced without prior written permission.
</div>

</div>

</div>

</body>
</html>

8 comments | Leave a comment

13 March 2007 @ 10:08 pm

Ladybird layout for Kasia

Hope you like it!! :)

This

Or this

Or any combination, or additions/changes- just let me know what you would prefer!

No html or css involved! Just adding specifications to the Journal Display area. This layout uses "Generator" which I believe you like. ;)
Go here: http://www.livejournal.com/customize/options.bml
And for the Presentations tab:

Colors (up to you really):

Images tab:
Use this URL, or upload to your own photobucket
(ladyclock) http://i29.photobucket.com/albums/c283/objingo/ladyclockcopy1.png
OR
(ladybird) http://i29.photobucket.com/albums/c283/objingo/ladyclock2.png
-Don't Repeat
-Bottom-Left
-Fixed

2 comments | Leave a comment

09 March 2007 @ 02:28 am

The Mystery of Edwin Drood

Oh, I dunno, is this him do you think Harlene?

In the back, with the old man whiskers. And he doesn't say anything and just watches the proceedings with the other townspeople. The more I look at the pic, the more it looks like him. :P

7 comments | Leave a comment

07 March 2007 @ 10:15 pm

my default layout

coding absolutely credited to

onebigshrug
header image by me (the obsessive fangirl)

/* Cleaned CSS: */

body	{
		background-color: #5c446c;
    background-repeat: repeat;
    background-position: center;
    background-attachment: scroll;
        
		text-align: center;
		color: #d31b60;
		font-family: "trebuchet ms", sans-serif;
		font-size: 9px;
		margin: 0px 0 0px 0;
		}
	
	a, a:link, a:visited {
		color: #A8BB83;
		text-decoration: none;
		}
	
	a:hover {
		color: #b2b2b2;
		cursor: default;
		text-decoration: none;
		}
	
	p, td, blockquote {
	    	font-size: 9px;
		}
		
	code, kbd, pre, tt {
	    	font-family: monospace;
		}
		
	#content
	{  	
		width: 495px;
		margin-left: auto; margin-right: auto;				
		background-color: #FFFFFF;
		border-left: 0px solid #d31b60;
		border-right: 0px solid #d31b60;
		padding-left: 15px;
		padding-right: 15px;
	}

#maincontent {	 	
		margin-top: 10px;
		font-family: "trebuchet ms", sans-serif;
		font-size: 9px;
		background-color: white;
		color: #d31b60;
		border-style: solid;
		border-color: #ffffff;
		border-width: 0px;
		text-align: left;
		}
	
	#header {		
		width: 100%;
		padding: 10px 0px 5px 0px;
		margin: 0px;
		text-align: center;
		font-family: "trebuchet ms", sans-serif;
		font-size: 9px;
		font-weight: bold;
		text-transform: uppercase;
		letter-spacing: 2px;	
		border-style: solid;
		border-color: #A8BB83;
		border-width: 0px;
		background-color: white;
		color: #000000;	
		}

#footer {			
		width: 100%;
		text-align: center;
		margin-top: -40px;
		font-family: "trebuchet ms", sans-serif;
		font-size: 9px;
		font-weight: bold;
		letter-spacing: 1px;
		background-color: white;
		color: #000000;
		border-color: #A8BB83;
		border-width: 0px;
		border-style: solid;
		z-index: 100;
		clear: both;
		}

#sidebar {
		display: none;
		padding-top: 15px;
		padding-bottom: 15px;
		margin-top: 10px;
		background-color: #FFFFFF;
		border-color: #EDEDED;
		border-width: 1px;
		border-style: solid;
	  	font-size: 10px;
		font-family: "tahoma", sans-serif;
	  	color: #575757;
		width: 170px;
		float: right;
		text-align: left;
		}
		
	/* 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: #b2b2b2;
	}
	
	div#header a:hover, div#footer a:hover {
		color: #000000;
		text-decoration: none;
		cursor: default;
		border-bottom: 1px dashed #b2b2b2;
	}	
	
	ul.navheader 
		{	
		padding: 0px;	
		margin: 0px;
		}
	
	ul.navheader li  {
		display: inline;			
		padding: 0 3px 0 3px;
		}
	ul.navheader li  {
		display: inline;			
		padding: 0 3px 0 3px;
                padding-left: 15px; 
                color: #999999;
		text-decoration: none;
		font-family: "verdana", sans-serif;
		font-size: 10px;
                letter-spacing: 2;
                visibility:;
                background-image:url(http://s46.photobucket.com/albums/f116/onefolio/lj/bullet_toggle_plus.gif);
                background-repeat: no-repeat;
                background-position: 0 center;

}

.title	{
		font-family: "trebuchet ms", sans-serif;
		font-size: 9px;		
		font-weight: normal;
		line-height: 200%;
		top: 10px;
		}
	
	.subtitle{
		font-family: "trebuchet ms", sans-serif;
		font-size: 9px;
		font-weight: normal;		
		top: 10px;
		}
		
	
	/* maincontent */	
	
	span.ljuser{
		background-image: url(http://photobucket.com/albums/f116/onefolio/lj/user-white.png);
		background-repeat: no-repeat;
		background-position: left middler;
		}

span.ljuser img{
		visibility: hidden;
		}

.subcontent {		
	}
		
	.entry	{
		margin: 0px 0px 0px 0px;
		padding: 0px;
		padding-left: 120px;
		background-color: white;
		color: #000000;
		font-family: "trebuchet ms", sans-serif;
		font-size: 9px;
		text-align: justify;
		border: 0px;
		}
		
	.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: #ffffff;
		padding: 2px;
		margin: 0px;
		z-index: 15;
		border: 0px;
		}

.userpicfriends {
		position: relative;
		background-color: #ffffff;
		float: left;
		padding: 5px;
		margin: 0px;
		text-align: center;
		border-width: 0px;
		font-family: "trebuchet ms", sans-serif;
		font-size: 9px;
		z-index: 15;
		}
		
	.date {		
		line-height: 125%;		
		top: 5px;
		padding: 3px;
		text-align: right;
		letter-spacing: 2pt;
		font-weight: bold;
		color: #000000;
		font-family: "trebuchet ms", sans-serif;
		font-size: 9px;
		border-bottom: #b2b2b2 dashed 1px;
		}
	
	.subject {			
		font-weight: bold;
		padding: 5px;
		letter-spacing: 2pt;
		color: #A8BB83;
		font-family: "trebuchet ms", sans-serif;
		font-size: 9px;
		}
		
	.subject a, .subject a:link, .subject a:visited {
		color: #A8BB83;
		}
	
	.subject a:hover {
		color: #b2b2b2;
		cursor: default;
		text-decoration: none;
		}

.datesubject {				
		background-color: #ffffff;
		padding: 5px;
		}
		
	.currents, .currentmood, .currentmusic {
		font-family: "trebuchet ms", sans-serif;
		font-size: 9px;	
		}

.comments {
		font-family: "trebuchet ms", sans-serif;
		font-size: 9px;
		text-align: center;
		background-color: white;
		text-transform: uppercase;
		letter-spacing: 2pt;
		padding: 2px 0px 2px 0px;
		position: relative;
		top: 0px;
		}
		
	div.comments a, div.comments a:link, div.comments a:visited{
		color: #A8BB83;
	}
	
	div.comments a:hover {
		color: #000000;
		cursor: default;
		text-decoration: none;

}

/* 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: #A8BB83;
		}
	
	table.yeartable td.yearday {
		background-color: #ffffff;
		text-align: center;
		}
	
	td.yearmonth {
		border-style: none;
		}
	
		
	/* footer */
		
	ul.navfooter{
		padding: 2px;	
		margin: 2px;
		}
	
	ul.navfooter li  {
		display: inline;	
		margin: 0 5px 0 5px;
		}

.clearfoot {		
		clear: both;
		}
		
		
	/* misc  */
				
	.clear {		
		height: 20px;
		}
		
	.skiplinks {
		text-align: center;
		}
		
	.headerimage {
position: relative;
width: 100%;
height: 178px; 
margin-bottom: 0px; 
background-image: url("http://img.photobucket.com/albums/v65/thisbe/dreamy2.png"); 
background-position: center; 
background-repeat: no-repeat;
		}

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

Gosh! I really miss "The Ghost and Mrs. Muir"!

5 comments | Leave a comment

07 March 2007 @ 04:59 pm

Layout 1 fix

no more big spaces when you put items in your sidebar!

#content
	{  		
	width: 798px;
	margin-left: auto; margin-right: auto;				
	background:

url(http://i29.photobucket.com/albums/c283/objingo/jamesline.gif) top

center repeat-y ;
	padding: 0px;
        border: none;
	}

#header {		
	width: 100%;
	height: 374px;
	padding: 0px;
	margin: 0px;
	text-align: left;
	font-family: "Verdana", sans-serif;
	font-size: 11px;
	font-weight: bold;
	background: url(
http://i29.photobucket.com/albums/c283/objingo/jheader.png) top center no-repeat

transparent;
border: none;
	}

.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;
	}

ul.navheader 
	{	
	padding: 280px 320px 20px 20px;
	margin: 0px;
	}

#sidebar {
	padding: 0px 0px 0px 0px;
	margin: 0px;
	font-size: 14px;
	font-family: "Verdana", sans-serif;
	width: 210px;
	float: right;
	text-align: left;
background: none;
	z-index: 100;
	clear: both;
border: none;
	}
li.sbaritem {
    text-align: center;
border: none;
    }
li.sbartitle {
    text-align: center;
border: none;
background: none;
    }

#maincontent {	
margin: 0px 200px 255px 5px;
	font-family: "Verdana", sans-serif;
	font-size: 11px;
	text-align: left;
background: none;

border: none;
	}

.entry	{
padding: -20px 20px 0px 20px;
	margin: 20px 0px 0px 10px;
	font-family: "Verdana", sans-serif;
	font-size: 11px;
	text-align: left;
background: none;
border: none;
	}

.datesubject {
padding: 20px 200px 0px 40px;
margin: 0px 0px 10px 0px;
       background: none;

}

.date {

line-height: 200%;		
	top: 5px;
	font-family: "Verdana", sans-serif;
	font-weight: bold;
	font-size: 12px;
background: none;
	}

.subject {	
		
	font-weight: bold;
	font-family: "Verdana", sans-serif;
	font-size: 15px;
	text-transform: uppercase;
background: none;
	}

.userpic {
 background: none;
padding: 20px 20px 20px 20px; 
margin: -20px 0px 0px 0px;
border: none;

.userpicfriends {
 background: none;
padding: 20px 20px 20px 20px; 
margin: -20px 0px 0px 0px;
border: none;
}

.comments {
padding: 50px 20px 20px 20px;
margin: 10px 20px 50px 0px;
background: none;
border: none;
}

#footer {		
	text-align: center;
	font-family: "Verdana", sans-serif;
	font-size: 11px;
	font-weight: bold;
        background: none;
	z-index: 100;
	clear: both;
}

11 comments | Leave a comment

07 March 2007 @ 04:36 pm

Barbour layout 2

Tried another one, but don't like it as much.

Big time coding credit to

onebigshrug Taken from here

/* Cleaned CSS: */

body {
		background-image: url(http://photobucket.com/albums/f116/onefolio/lj/s2/03-bg.gif);
		background-color: #FFFFFF;
		background-repeat: repeat;
		background-attachment: fixed;
		text-align: center;
		color: #575757;
		font-family: "tahoma", sans-serif;
		font-size: 10px;
		margin: 08px 0 08px 0;
		}

.headerimage {
		position: relative;
		width:  600px;
		height: 391px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 0px;
		background-repeat: no-repeat;
		background-image: url(http://i29.photobucket.com/albums/c283/objingo/jamesheader-1.png);
		}
	
	a, a:link, a:visited {
		cursor: default; 
		color: #666666;
		font-weight: bold;
		text-decoration: none;
		}
	
	a:hover {
		cursor: default; 
		color: #444444;
		font-weight: bold;
		text-decoration: none;
		}

p, td {
	    	font-size: 10px;
		}

blockquote {
		margin: 10px 20px; 
		padding: 18px;
  	 	border-top: 1px dotted #D1D1D1;
  	 	border-bottom: 1px dotted #D1D1D1;
		color: #575757;
		line-height: 12px;
		font-size: 8pt;
		font-family: "Arial", sans-serif; 
		background-color: #EDEDED;
		text-align: justify;
		text-transform: uppercase;
		}

code, kbd, pre, tt {
	    	font-family: monospace;
		}
		
	#content {
		width: 582px;
		margin-left: auto;
		margin-right: auto;				
		background-color: #74557c;
		border-width: 0px;
		border-style: solid;
		border-color: #EDEDED;
		padding: 08px;
		}

#maincontent {	 	
		margin-top: 10px;
		font-family: "tahoma", sans-serif;
		font-size: 10px;
		background-color: #FFFFFF;
		color: #575757;
		border-style: solid;
		border-color: #EDEDED;
		border-width: 1px;
		margin-right: 180px;
		text-align: left;
		}

#sidebar {
		padding-top: 15px;
		padding-bottom: 15px;
		margin-top: 10px;
		background-color: #FFFFFF;
		border-color: #EDEDED;
		border-width: 1px;
		border-style: solid;
	  	font-size: 10px;
		font-family: "tahoma", sans-serif;
	  	color: #575757;
		width: 170px;
		float: right;
		text-align: left;
		}

#header {
	
		width: 100%;
		padding: 08px 0px 10px 0px;
		margin: 0px;
		text-align: center;
		font-family: "verdana", sans-serif;
		font-size: 10px;
		letter-spacing: 3px;	
		border-style: solid;
		border-color: #EDEDED;
		border-width: 0px;
		background-color: #000000;
		color: #ffffff;	
		}

#footer {			
		width: 100%;
		line-height: 200%;
		text-align: center;
		font-family: "tahoma", sans-serif;
		font-size: 10px;
		font-weight: none;
		letter-spacing: 1px;
		background-color: #FFFFFF;
		color: #333333;
		border-color: #EDEDED;
		border-width: 1px;
		border-style: solid;
		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 {
		font-weight: bold;
		color: #444444;
	}
	
	div#header a:hover, div#footer a:hover {
		font-weight: bold;
		color: #666666;
		text-decoration: none;
	}

ul.navheader 
		{	
		padding: 0px;	
		margin: 0px;
		}
	ul.navheader li  {
		display: inline;			
		padding: 0 3px 0 3px;
                padding-left: 15px; 
                color: #999999;
		text-decoration: none;
		font-family: "verdana", sans-serif;
		font-size: 10px;
                letter-spacing: 2;
                visibility:;
                background-image:url(http://s46.photobucket.com/albums/f116/onefolio/lj/but/bullet_toggle_plus.gif);
                background-repeat: no-repeat;
                background-position: 0 center;

}

.title	{
		display: none;
		font-family: "tahoma", sans-serif;
		font-size: 16px;		
		font-weight: normal;
		line-height: 200%;
		top: 10px;
		}
	
	.subtitle{
		font-family: "tahoma", sans-serif;
		font-size: 10px;
		font-weight: normal;		
		top: 10px;
		}

/* sidebar */ 	
			
	div#sidebar a, div#sidebar a:link, div#sidebar a:visited{
		color: #8e18a7;
	}
	
	div#sidebar a:hover {
		color: #444444;
		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;
	}
			
	table.calendar {
		margin-right: auto;
		margin-left: auto;
		}
		
	.sbarcalendar {
		color: #575757;
		background-color: #EDEDED;
		border-color: #EDEDED;
		border-width: 1px;
		border-style: solid;
		text-align: center;
		font-family: "tahoma", sans-serif;
		font-size: 10px;
		}

.sbarcalendarposts {
		color: #FFFFFF;
		border-color:  #D1D1D1;
		border-width: 1px;
		border-style: dotted;
		background-color: #FFFFFF;
		text-align: center;
		font-family: "tahoma", sans-serif;
		font-size: 10px;
		}

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

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

li.sbartitle {
		padding-right: 15px;
		padding-top: 05px;
		padding-bottom: 05px;
		list-style: none;
		text-transform: bold;	
		text-transform: lowercase;
		font-family: "century gothic", sans-serif;
		font-size: 16px;
		border: 0px;
  	 	border-bottom: 1px dashed #dedede;
		color: #000000;
		background-color: #FFFFFF; 
		margin-bottom: 10px;
		margin-top: 10px;
		}

/* maincontent */

span.ljuser{
		background-image: url(http://photobucket.com/albums/f116/onefolio/lj/but/user_gray.gif);
		background-repeat: no-repeat;
		background-position: left middler;
		}

span.ljuser img{
		visibility: hidden;
		}
	
	.subcontent {		
		}
		
	.entry	{
		padding: 10px;
		background-color: #FFFFFF;
		color: #575757;
		font-family: "tahoma", sans-serif;
		font-size: 10px;
		text-align: justify;
		border-width: 0px;
		border-color: #ca5d00;
		border-style: solid;
		}
		
	.entry ul li
		{
		padding-left: 5px;
		margin-left: 15px;
		}
		
	.entry ol li
		{
		padding-left: 5px;
		margin-left: 15px;
		}

.userpic {
		display: none;
		position: relative;
		float: left;
		background-color: #FBE274;
		padding: 5px;
		margin: 10px;
		z-index: 15;
		border-width: 1px;
		border-color: #FBE274;
		border-style: solid;
		}
		
	.userpicfriends {
		position: relative;
		float: right;
		padding: 5px;
		margin: 10px;
		text-align: center;
		border-style: solid;
		border-width: 1px;
		color: #575757;
		border-color: #EDEDED;
		background-color: #FFFFFF;
		font-family: "tahoma", sans-serif;
		font-size: 10px;
		z-index: 15;
		}
		
	.date {	
		line-height: 200%;
		top: 10px;
		padding: 10px
		color: #000000;
		font-family: "verdana", sans-serif;
		font-size: 9px;
		text-align: right;
		text-transform: lowercase;
		}
	
	.subject {
  	 	border: 1px;
  	 	border: 0px ;
  	 	border-bottom: 1px dashed #DEDEDE;
  	 	border-top: 1px dashed #DEDEDE;
		background-color: #ffffff;	
		font-weight: normal;
		padding: 5px;
		color: #000000;
		text-transform: lowercase;
		font-family: "century gothic", sans-serif;
		font-size: 16px;
		letter-spacing: 2;
		}
		
	.subject a, .subject a:link, .subject a:visited {
		color: #8e18a7;
		}
	
	.subject a:hover {
		color: #444444;
		}

.datesubject {				
		padding: 5px;
		}

.ljtags {
		text-transform: lowercase;
		font-family: "tahoma", sans-serif;
		font-size: 10px;
		margin-top: 20px;
		
		}
		
	.currents, .currentmood, .currentmusic {
		font-family: "tahoma", sans-serif;
		font-size: 10px;
		color: #444444;
                font-weight: lighter;
		}

.comments {
		font-family: "tahoma", sans-serif;
		font-size: 10px;
		text-align: center;
		line-height: 20px; 
		text-transform: uppercase;
		background-color: #FFFFFF;
		background: url(http://photobucket.com/albums/f116/onefolio/lj/s2/03-comments.gif);
		position: relative;
		top: 15px;
		}
		
	div.comments a, div.comments a:link, div.comments a:visited{
		font-weight: bold;
		color: #8e18a7;
	}
	
	div.comments a:hover {
		color: #444444;
		text-decoration: none;
	}

/* maincontent --  entry, reply pages */	
	
	.datesubjectcomment {				
			background-color: #ca5d00;
			padding: 5px;
			margin-top: 20px;
			}	
		
	.userpiccomment {
		position: relative;
		border-width: 5px;
		border-style: solid;
		border-color: #fbe274;
		background-color: #fbe274;
		top: -30px;
		left: 0px;
		padding: 5px;
		margin: 10px 10px -20px 10px;
		z-index: 15;
		float: left;
		border-width: 1px;
		border-color: #ca5d00;
		border-style: solid;
		}
		
	.box {
		border-style: solid;
		border-width: 1px 0px 0px 0px;
		border-color: #000000;
		padding: 10px;
		clear: left;
		}

input, textarea {
		background-color: #FFFFFF;
		color: #575757;
		}
		
	textarea.textbox  {
      	width: 100% !important;
   		}
	
	.reply	{
		position: relative;
		margin: 20px 30px 10px 30px;
		padding: 25px 10px 10px 10px;
		text-align: left;
		font-family: "tahoma", sans-serif;
		font-size: 10px;
		line-height: 125%;
		background-color: #fbe274;
		color: #000000;
		}
		
	.replytosubject {
		
		}
			
	.commentreply {
		position: relative;
		margin: 10px;
		font-size: 10px;
		font-family: "tahoma", sans-serif;
		color: #000000;
		}
		
	.commentbox {
		
		border-color: #000000; 
		border-width: 1px; 
		border-style: solid; 
		padding: 10px; 
		margin: 10px; 
		background-color: #fbe274;
		}
		
	.datesubjectcomment a:link, .datesubjectcomment a:visited {
		font-weight: bold;
		color: #8e18a7;
		}
		
	.datesubjectcomment a:hover {
		color: #444444;
		}
	
	.commentboxpartial {
		border-color: #000000; 
		border-width: 1px; 
		border-style: solid; 
		padding: 10px; 
		margin: 10px; 
		background-color: #fbe274;
		}

.commentinfo {
		background-color: #fbe274; 
		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: #ededed;
		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: 0px;
		}
		
	.skiplinks {
		text-align: center;
		}

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

Advertisement

Advertisement