street_of_mercy: Original

Mercy (

mercscilla) wrote in

street_of_mercy,
@ 2007-03-15 01:27:00

Current mood:	sleepy
Current music:	Bruce Sprinsteen - Downbound Train
Entry tags:	layout, layout: original

Original - Colorful Grey

Style: S2 Flexible Squares
Website: Not Needed
Custom Colors: Taken care of in the stylesheet
Best view: 1024x768 or higher
Browser(s) Compatible: Firefox & IE

Live Preview: Version o1 | Version o2 | Version o3

The CSS Code

/*------------------------------------------------
LAYOUT: "Original - Colorful Grey (with blue)"
BY: Mercy @ street_of_mercy
STYLE: S2 Flexible Squares
WORKS WITH: Free, Sponsored and Paid accounts
BROWSER: Firefox and Internet Explorer

------------------------------------------------*/

/* ------ MAIN ------ */

body 
        {
	background-color: #151515;
	color: #DDDDDD;
	font-family: "Verdana", sans-serif;
        font-size: 11px;
        margin-top: 20px;
	}

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

a:hover 
        {
	color: #000000;
	text-decoration: none;
	}

::-moz-selection 
        {
	background-color: #367AEC;
	color: #DDDDDD;
	}

p, td 
        { 
        font-size: 11px; 
        } 
	
code, kbd, pre, tt 
        {
	font-family: monospace;
	}
	
blockquote {
	margin: 10px 50px;
	padding: 10px;
	border: 1px solid #888888;
	background: #555555;
	}

ul.ljtaglist 
        {
	text-align: left;
	padding-left: 20px;
        }

input, textarea {
	border: 1px solid #888888;
	background: #333333;
	color: #FFFFFF;
	}

/* ------ CONTAINING ELEMENTS ------ */
	
#content 
        {  	
	width: 850px;
	margin-left: auto; 
        margin-right: auto;  
	text-align: justify;
        }

#maincontent 
        {
	font-family: "Verdana", sans-serif;
	font-size: 11px;
	color: #DDDDDD;
	margin-left: 200px;
	text-align: center;
        padding: 10px 0px 0px 5px;
	}

#sidebar 
        {
        background-color: #333333;
        padding: 10px 5px 0px 5px;
        margin: 10px 0px 0px 8px;
	font-family: "Verdana", sans-serif;
	font-size: 11px;
	color: #DDDDDD;
	width: 170px;
	float: left;
	text-align: left;
	}

#header {
        width: 100%;
        background-color: #555555;
        padding: 4px;
        margin-bottom: 10px;
	text-align: center;
	font-family: "Arial", sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	color: #DDDDDD;
	clear: both;
        letter-spacing: 1px;
	}

#footer 
        {			
	width: 100%;
        background-color: #555555;
        padding: 8px;
	text-align: center;
	font-family: "Arial", sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	color: #DDDDDD;
	z-index: 100;
	clear: both;
        letter-spacing: 1px;
	}
	
/* ------ HEADER ------ */

div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited
        {
	color: #DDDDDD;
        background-color: #367AEC;
        padding: 8px;
	text-decoration: none;
        }

div#header a:hover, div#footer a:hover 
        {
	color: #367AEC;
        background-color: #151515;
        padding: 8px;
	text-decoration: none;
        }

ul.navheader 
	{	
        padding: 6px;
	line-height: 10px;
	}

ul.navheader li  
        {
	display: inline;
        padding: 0px;
	margin: 0 5px 0 5px;
	}
	
.title
        {
        display: none;
	}

.subtitle 
        {
        display: none;
	}

/* ------ SIDEBAR ------ */

#sidebar .sbarcalendarposts a, #sidebar .sbarcalendarposts a:link, .sbarcalendarposts a:visited
        {
        color: #367AEC;
	padding: 0px;
	text-align: center;
	}

#sidebar .sbarcalendarposts a:hover 
        {
        color: #367AEC;
	padding: 0px;
	text-align: center;
	}
		
div#sidebar a, div#sidebar a:link, div#sidebar a:visited 
        {
	color: #DDDDDD;
	text-decoration: none;
	}

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

.defaultuserpic 
        {
        padding: 5px;
	text-align: center;
	}

.sbarheader  
        {
	padding: 0px 5px 0px 5px;
	}

.sbarbody 
        {
	padding: 0px 5px 0px 5px;
	}

.sbarbody2 {
	padding: 0 5px 0 5px;
	}
		
table.calendar 
        {
	margin-right: auto;
	margin-left: auto;
	}
	
.sbarcalendar 
        {
	padding: 2px;
	border: 1px solid #DDDDDD;
	text-align: center;
	font-family: "Verdana", sans-serif;
	font-size: 11px;
	}

.sbarcalendarposts 
        {
	padding: 2px;
        border: 1px solid #367AEC;
	text-align: center;
	font-family: "Verdana", sans-serif;
	font-size: 11px;
	}
	
ul.sbarlist 
        {
	padding-left: 0px;
	margin-left: 0px;		
        list-style: none;
	}

li.sbaritem 
        {
	padding: 5px 0px 5px 5px;
        margin: 0px 0px 5px 0px;
        border-bottom: 1px #DDDDDD solid;
        border-left: 5px #DDDDDD solid;
	list-style: none;
        text-transform: lowercase;
        }

li.sbaritem a {
	list-style: none;
        text-transform: lowercase;
	}

li.sbaritem a:hover 
        {
        }

li.sbartitle  
        {
        background-color: #555555;
	padding: 5px;
	margin: 10px 0 10px 0;
	list-style: none;
	text-align: left;
	color: #000000;
        text-transform: uppercase;
	font-family: "Arial", sans-serif;
	font-size: 12px;
	}

/* ------ MAINCONTENT ------ */

span.ljuser a b 
        {
	padding: 2px 0 2px 0;
	color: #367AEC;
	font-weight: lighter;
	}

span.ljuser a:hover b 
        {
	padding: 2px 0 2px 0;
	color: #000000;
	font-weight: lighter;
	}

ul.ljtaglist li  
        {
	list-style: none;
	}

ul.ljtaglist 
        {
	color: #DDDDDD;
	font-family: "Verdana", sans-serif;
	font-size: 11px;
	padding-left: 12px;
	padding: 8px;
	}

.subcontent 
        {
        background-color: #333333;
        }
	
.entry	
        {
	padding: 10px 20px 10px 20px;
	color: #DDDDDD;
	font-family: "Verdana", sans-serif;
	font-size: 11px;
	text-align: justify;
	}
	
hr 
        {
	color: transparent;
	height: 1px;
	border-style : none; 
	border-bottom: 2px solid #DDDDDD;
	}

.entry ul li, ol li, li 
        {
	padding-left: 5px;
	margin-left: 0px;
	}

.userpic 
        {
	background-color: #367AEC;
	position: relative;
	float: right;
	padding: 5px;
	margin: 10px;
	z-index: 15;
	}
	
.userpicfriends 
        {
	background-color: #367AEC;
	position: relative;
	float: right;
	padding: 5px;
	margin: 10px;
	text-align: center;
	font-family: "Verdana", sans-serif;
	font-size: 11px;
	z-index: 15;
	}
	
.date 
        {
	padding: 3px;
	text-align: right;
        color: #BBBBBB;
	top: 5px;
	font-family: "Verdana", sans-serif;
	font-size: 10px;
	text-transform: lowercase;
	}

.subject 
        {
        padding: 3px 3px 3px 8px;
        background-color: #555555;
	color: #000000;
	font-family: "Tahoma", sans-serif;
	font-size: 14px;
        font-weight: bold;
	}
	
.subject a, .subject a:link, .subject a:visited 
        {
	color: #367AEC;
	}

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

.datesubject 
        {
	background-color: transparent;
	padding: 0px;
	text-align: left;
        }

.ljtags 
        {
	margin-top: 20px;
	color: #999999;
	font-weight: lighter;
	text-transform: lowercase;
	font-family: "Tahoma", sans-serif;
	}
	
.currents strong, .currentmood strong, .currentmusic .currentlocation, .ljtags strong 
        {
	color: #999999;
	font-weight: lighter;
	text-transform: lowercase;
	font-family: "Tahoma", sans-serif;
	}

.currents, .currentmood, .currentmusic, .currentlocation 
        {
	color: #BBBBBB;
	font-weight: lighter;
	text-transform: lowercase;
	font-family: "Tahoma", sans-serif;
	}

.ljtags a, .ljtags a:link, .ljtags a:visited 
        {
	color: #367AEC;
	text-transform: lowercase;
	font-weight: lighter;
	font-family: "Tahoma", sans-serif;
	}

.currentlocation a, .currentlocation a:link, .currentlocation a:visited 
        {
	color: #367AEC;
	text-transform: lowercase;
	font-weight: lighter;
	font-family: "Tahoma", sans-serif;
	}
	
.currentlocation a:hover, .ljtags a:hover 
        {
	color: #000000;
	font-weight: lighter;
	text-transform: none;
	font-family: "Tahoma", sans-serif;
	}

.comments 
        {
        border-top: 1px #999999 dashed;
	font-family: "Arial", sans-serif;
	font-size: 11px;
	text-align: center;
	text-transform: uppercase;
	padding: 5px 5px 0px 5px;
	position: relative;
	clear: right;
	margin-top: 15px;
	}
	
div.comments a, div.comments a:link, div.comments a:visited
        {
	color: #DDDDDD;
        }

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

/* ------MAINCONTENT --  ENTRY, REPLY PAGES ------ */

.datesubjectcomment 
        {
        background-color: #555555;
	margin-top: 10px;
	text-align: right;
	padding: 5px;
	}	
	
.userpiccomment 
        {
        background-color: #367AEC;
	position: relative;
	top: -30px;
	left: 0px;
	padding: 5px;
	margin: 20px 10px -20px 10px;
	z-index: 15;
	float: right;
	}
	
.box 
        {
	padding: 10px;
	margin-top: 0px;
	text-align: left;
        clear: right;
	}

form div.box 
        {
	text-align:center;
        }

div#content input, div#content textarea, div#content select 
        {
	color: #DDDDDD;
        background-color: #555555;
        border: #000000 1px solid;
	}
	
textarea.textbox  
        {
	width: 100% !important;
	}

.reply	
        {
	position: relative;
	margin: 20px 30px 10px 30px;
	padding: 25px 10px 10px 10px;
	text-align: left;
	font-family: "Verdana", sans-serif;
	font-size: 10px;
	line-height: 125%;
	color: #DDDDDD;
	}
	
.replytosubject 
        {
	color: #000000;
        bakcground-solor: #555555;
	font-family: "Tahoma", sans-serif;
	font-size: 14px;
	font-weight: bold;
        padding: 5px 5px 5px 0px;
	}

.replytoposter 
        {
	color: #DDDDDD;
        padding: 5px;
        }

.commentreply 
        {
        text-align: justify;
	position: relative;
	margin: 10px;
	font-family: "Verdana", sans-serif;
	font-size: 11px;
	color: #DDDDDD;
	}
	
.commentbox 
        {
	padding: 5px;
	margin: 10px;
	text-align: left;
        background-color: #333333;
	}
	
.datesubjectcomment a:link, .datesubjectcomment a:visited 
        {
	color: #367AEC;
	}
	
.datesubjectcomment a:hover 
        {
	color: #000000;
	}

.commentboxpartial 
        {
	padding: 10px; 
	margin: 10px; 
        background-color: #333333;
	}

.commentinfo 
        {
	margin-top: 10px; 
	width: 100%;
	}
		
	
/* ------ MAINCONTENT -- YEAR/ACHIVE PAGES ------ */
	
ul.year 
        {
	text-align: center;
	padding: 20px 0 20px 0;
	}

ul.year li 
        {
	display: inline;		
	}

table.yeartable 
        {
	margin-left: auto;
	margin-right: auto;
        background-color: #333333;
	}

table.yeartable td.yeardate, table.yeartable td.yearday 
        {
	border: 1px #000000 solid;
	color: #DDDDDD;
	}

table.yeartable td.yearday 
        {
	text-align: center;
	color: #000000;
	}

td.yearmonth 
        {
        color: #367AEC;
	border-style: none;
	}

/* ------ FOOTER ------ */
	
ul.navfooter
        {
	padding: 6px;	
	margin: 0px;
	}

ul.navfooter li  
        {
        display: inline;	
	margin: 0 5px 0 5px;
	}

.clearfoot 
        {		
	clear: both;
	}
	
	
/* ------ MISC ------ */
			
.clear 
        {
	height: 5px;
        font-size: 0.01px;
	}
	
.skiplinks 
        {
	text-transform: lowercase;
	text-align: center;
	padding: 10px 0 10px 0;
	}
	
.headerimage 
         {
         }

.separator 
         {
         height: 10px;
         }

/*------------------------------------------------
LAYOUT: "Original - Colorful Grey (with pink)"
BY: Mercy @ street_of_mercy
STYLE: S2 Flexible Squares
WORKS WITH: Free, Sponsored and Paid accounts
BROWSER: Firefox and Internet Explorer

------------------------------------------------*/

/* ------ MAIN ------ */

body 
        {
	background-color: #151515;
	color: #DDDDDD;
	font-family: "Verdana", sans-serif;
        font-size: 11px;
        margin-top: 20px;
	}

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

a:hover 
        {
	color: #000000;
	text-decoration: none;
	}

::-moz-selection 
        {
	background-color: #CE3676;
	color: #DDDDDD;
	}

ul.ljtaglist 
        {
	text-align: left;
	padding-left: 20px;
        }

input, textarea {
	border: 1px solid #888888;
	background: #333333;
	color: #FFFFFF;
	}

/* ------ CONTAINING ELEMENTS ------ */
	
#content 
        {  	
	width: 850px;
	margin-left: auto; 
        margin-right: auto;  
	text-align: justify;
        }

#maincontent 
        {
	font-family: "Verdana", sans-serif;
	font-size: 11px;
	color: #DDDDDD;
	margin-left: 200px;
	text-align: center;
        padding: 10px 0px 0px 5px;
	}

div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited
        {
	color: #DDDDDD;
        background-color: #CE3676;
        padding: 8px;
	text-decoration: none;
        }

div#header a:hover, div#footer a:hover 
        {
	color: #CE3676;
        background-color: #151515;
        padding: 8px;
	text-decoration: none;
        }

ul.navheader 
	{	
        padding: 6px;
	line-height: 10px;
	}

ul.navheader li  
        {
	display: inline;
        padding: 0px;
	margin: 0 5px 0 5px;
	}
	
.title
        {
        display: none;
	}

.subtitle 
        {
        display: none;
	}

/* ------ SIDEBAR ------ */

#sidebar .sbarcalendarposts a, #sidebar .sbarcalendarposts a:link, .sbarcalendarposts a:visited
        {
        color: #CE3676;
	padding: 0px;
	text-align: center;
	}

#sidebar .sbarcalendarposts a:hover 
        {
        color: #CE3676;
	padding: 0px;
	text-align: center;
	}
		
div#sidebar a, div#sidebar a:link, div#sidebar a:visited 
        {
	color: #DDDDDD;
	text-decoration: none;
	}

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

.defaultuserpic 
        {
        padding: 5px;
	text-align: center;
	}

.sbarheader  
        {
	padding: 0px 5px 0px 5px;
	}

.sbarbody 
        {
	padding: 0px 5px 0px 5px;
	}

.sbarcalendarposts 
        {
	padding: 2px;
        border: 1px solid #CE3676;
	text-align: center;
	font-family: "Verdana", sans-serif;
	font-size: 11px;
	}
	
ul.sbarlist 
        {
	padding-left: 0px;
	margin-left: 0px;		
        list-style: none;
	}

li.sbaritem 
        {
	padding: 5px 0px 5px 5px;
        margin: 0px 0px 5px 0px;
	list-style: none;
        text-transform: lowercase;
        border-left: 5px #DDDDDD solid;
        border-bottom: 1px #DDDDDD solid;
        }

li.sbaritem a {
	list-style: none;
        text-transform: lowercase;
	}

li.sbaritem a:hover 
        {
        }

/* ------ MAINCONTENT ------ */

span.ljuser a b 
        {
	padding: 2px 0 2px 0;
	color: #CE3676;
	font-weight: lighter;
	}

span.ljuser a:hover b 
        {
	padding: 2px 0 2px 0;
	color: #000000;
	font-weight: lighter;
	}

ul.ljtaglist li  
        {
	list-style: none;
	}

ul.ljtaglist 
        {
	color: #DDDDDD;
	font-family: "Verdana", sans-serif;
	font-size: 11px;
	padding-left: 12px;
	padding: 8px;
	}

.entry ul li, ol li, li 
        {
	padding-left: 5px;
	margin-left: 0px;
	}

.userpic 
        {
	background-color: #CE3676;
	position: relative;
	float: right;
	padding: 5px;
	margin: 10px;
	z-index: 15;
	}
	
.userpicfriends 
        {
	background-color: #CE3676;
	position: relative;
	float: right;
	padding: 5px;
	margin: 10px;
	text-align: center;
	font-family: "Verdana", sans-serif;
	font-size: 11px;
	z-index: 15;
	}
	
.date 
        {
	padding: 3px;
	text-align: right;
        color: #BBBBBB;
	top: 5px;
	font-family: "Verdana", sans-serif;
	font-size: 10px;
	text-transform: lowercase;
	}

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

.datesubject 
        {
	background-color: transparent;
	padding: 0px;
	text-align: left;
        }

.currents, .currentmood, .currentmusic, .currentlocation 
        {
	color: #BBBBBB;
	font-weight: lighter;
	text-transform: lowercase;
	font-family: "Tahoma", sans-serif;
	}

.ljtags a, .ljtags a:link, .ljtags a:visited 
        {
	color: #CE3676;
	text-transform: lowercase;
	font-weight: lighter;
	font-family: "Tahoma", sans-serif;
	}

.currentlocation a, .currentlocation a:link, .currentlocation a:visited 
        {
	color: #CE3676;
	text-transform: lowercase;
	font-weight: lighter;
	font-family: "Tahoma", sans-serif;
	}
	
.currentlocation a:hover, .ljtags a:hover 
        {
	color: #000000;
	font-weight: lighter;
	text-transform: none;
	font-family: "Tahoma", sans-serif;
	}

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

/* ------MAINCONTENT --  ENTRY, REPLY PAGES ------ */

.datesubjectcomment 
        {
        background-color: #555555;
	margin-top: 10px;
	text-align: right;
	padding: 5px;
	}	
	
.userpiccomment 
        {
        background-color: #CE3676;
	position: relative;
	top: -30px;
	left: 0px;
	padding: 5px;
	margin: 20px 10px -20px 10px;
	z-index: 15;
	float: right;
	}
	
.box 
        {
	padding: 10px;
	margin-top: 0px;
	text-align: left;
        clear: right;
	}

form div.box 
        {
	text-align:center;
        }

.replytoposter 
        {
	color: #DDDDDD;
        padding: 5px;
        }

.commentreply 
        {
        text-align: justify;
	position: relative;
	margin: 10px;
	font-family: "Verdana", sans-serif;
	font-size: 11px;
	color: #DDDDDD;
	}
	
.commentbox 
        {
	padding: 5px;
	margin: 10px;
	text-align: left;
        background-color: #333333;
	}
	
.datesubjectcomment a:link, .datesubjectcomment a:visited 
        {
	color: #CE3676;
	}
	
.datesubjectcomment a:hover 
        {
	color: #000000;
	}

.commentboxpartial 
        {
	padding: 10px; 
	margin: 10px; 
        background-color: #333333;
	}

.commentinfo 
        {
	margin-top: 10px; 
	width: 100%;
	}
		
	
/* ------ MAINCONTENT -- YEAR/ACHIVE PAGES ------ */
	
ul.year 
        {
	text-align: center;
	padding: 20px 0 20px 0;
	}

ul.year li 
        {
	display: inline;		
	}

table.yeartable 
        {
	margin-left: auto;
	margin-right: auto;
        background-color: #333333;
	}

table.yeartable td.yeardate, table.yeartable td.yearday 
        {
	border: 1px #000000 solid;
	color: #DDDDDD;
	}

table.yeartable td.yearday 
        {
	text-align: center;
	color: #000000;
	}

td.yearmonth 
        {
        color: #CE3676;
	border-style: none;
	}

/* ------ FOOTER ------ */
	
ul.navfooter
        {
	padding: 6px;	
	margin: 0px;
	}

ul.navfooter li  
        {
        display: inline;	
	margin: 0 5px 0 5px;
	}

.separator 
         {
         height: 10px;
         }

/*------------------------------------------------
LAYOUT: "Original - Colorful Grey (with green/yellow)"
BY: Mercy @ street_of_mercy
STYLE: S2 Flexible Squares
WORKS WITH: Free, Sponsored and Paid accounts
BROWSER: Firefox and Internet Explorer

------------------------------------------------*/

/* ------ MAIN ------ */

body 
        {
	background-color: #151515;
	color: #DDDDDD;
	font-family: "Verdana", sans-serif;
        font-size: 11px;
        margin-top: 20px;
	}

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

a:hover 
        {
	color: #000000;
	text-decoration: none;
	}

::-moz-selection 
        {
	background-color: #B3CE36;
	color: #DDDDDD;
	}

ul.ljtaglist 
        {
	text-align: left;
	padding-left: 20px;
        }

input, textarea {
	border: 1px solid #888888;
	background: #333333;
	color: #FFFFFF;
	}

/* ------ CONTAINING ELEMENTS ------ */
	
#content 
        {  	
	width: 850px;
	margin-left: auto; 
        margin-right: auto;  
	text-align: justify;
        }

#maincontent 
        {
	font-family: "Verdana", sans-serif;
	font-size: 11px;
	color: #DDDDDD;
	margin-left: 200px;
	text-align: center;
        padding: 10px 0px 0px 5px;
	}

div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited
        {
	color: #DDDDDD;
        background-color: #B3CE36;
        padding: 8px;
	text-decoration: none;
        }

div#header a:hover, div#footer a:hover 
        {
	color: #B3CE36;
        background-color: #151515;
        padding: 8px;
	text-decoration: none;
        }

ul.navheader 
	{	
        padding: 6px;
	line-height: 10px;
	}

ul.navheader li  
        {
	display: inline;
        padding: 0px;
	margin: 0 5px 0 5px;
	}
	
.title
        {
        display: none;
	}

.subtitle 
        {
        display: none;
	}

/* ------ SIDEBAR ------ */

#sidebar .sbarcalendarposts a, #sidebar .sbarcalendarposts a:link, .sbarcalendarposts a:visited
        {
        color: #B3CE36;
	padding: 0px;
	text-align: center;
	}

#sidebar .sbarcalendarposts a:hover 
        {
        color: #B3CE36;
	padding: 0px;
	text-align: center;
	}
		
div#sidebar a, div#sidebar a:link, div#sidebar a:visited 
        {
	color: #DDDDDD;
	text-decoration: none;
	}

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

.defaultuserpic 
        {
        padding: 5px;
	text-align: center;
	}

.sbarheader  
        {
	padding: 0px 5px 0px 5px;
	}

.sbarbody 
        {
	padding: 0px 5px 0px 5px;
	}

.sbarcalendarposts 
        {
	padding: 2px;
        border: 1px solid #B3CE36;
	text-align: center;
	font-family: "Verdana", sans-serif;
	font-size: 11px;
	}
	
ul.sbarlist 
        {
	padding-left: 0px;
	margin-left: 0px;		
        list-style: none;
	}

li.sbaritem a {
	list-style: none;
        text-transform: lowercase;
	}

li.sbaritem a:hover 
        {
        }

/* ------ MAINCONTENT ------ */

span.ljuser a b 
        {
	padding: 2px 0 2px 0;
	color: #B3CE36;
	font-weight: lighter;
	}

span.ljuser a:hover b 
        {
	padding: 2px 0 2px 0;
	color: #000000;
	font-weight: lighter;
	}

ul.ljtaglist li  
        {
	list-style: none;
	}

ul.ljtaglist 
        {
	color: #DDDDDD;
	font-family: "Verdana", sans-serif;
	font-size: 11px;
	padding-left: 12px;
	padding: 8px;
	}

.entry ul li, ol li, li 
        {
	padding-left: 5px;
	margin-left: 0px;
	}

.userpic 
        {
	background-color: #B3CE36;
	position: relative;
	float: right;
	padding: 5px;
	margin: 10px;
	z-index: 15;
	}
	
.userpicfriends 
        {
	background-color: #B3CE36;
	position: relative;
	float: right;
	padding: 5px;
	margin: 10px;
	text-align: center;
	font-family: "Verdana", sans-serif;
	font-size: 11px;
	z-index: 15;
	}
	
.date 
        {
	padding: 3px;
	text-align: right;
        color: #BBBBBB;
	top: 5px;
	font-family: "Verdana", sans-serif;
	font-size: 10px;
	text-transform: lowercase;
	}

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

.datesubject 
        {
	background-color: transparent;
	padding: 0px;
	text-align: left;
        }

.currents, .currentmood, .currentmusic, .currentlocation 
        {
	color: #BBBBBB;
	font-weight: lighter;
	text-transform: lowercase;
	font-family: "Tahoma", sans-serif;
	}

.ljtags a, .ljtags a:link, .ljtags a:visited 
        {
	color: #B3CE36;
	text-transform: lowercase;
	font-weight: lighter;
	font-family: "Tahoma", sans-serif;
	}

.currentlocation a, .currentlocation a:link, .currentlocation a:visited 
        {
	color: #B3CE36;
	text-transform: lowercase;
	font-weight: lighter;
	font-family: "Tahoma", sans-serif;
	}
	
.currentlocation a:hover, .ljtags a:hover 
        {
	color: #000000;
	font-weight: lighter;
	text-transform: none;
	font-family: "Tahoma", sans-serif;
	}

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

/* ------MAINCONTENT --  ENTRY, REPLY PAGES ------ */

.datesubjectcomment 
        {
        background-color: #555555;
	margin-top: 10px;
	text-align: right;
	padding: 5px;
	}	
	
.userpiccomment 
        {
        background-color: #B3CE36;
	position: relative;
	top: -30px;
	left: 0px;
	padding: 5px;
	margin: 20px 10px -20px 10px;
	z-index: 15;
	float: right;
	}
	
.box 
        {
	padding: 10px;
	margin-top: 0px;
	text-align: left;
        clear: right;
	}

form div.box 
        {
	text-align:center;
        }

.replytoposter 
        {
	color: #DDDDDD;
        padding: 5px;
        }

.commentreply 
        {
        text-align: justify;
	position: relative;
	margin: 10px;
	font-family: "Verdana", sans-serif;
	font-size: 11px;
	color: #DDDDDD;
	}
	
.commentbox 
        {
	padding: 5px;
	margin: 10px;
	text-align: left;
        background-color: #333333;
	}
	
.datesubjectcomment a:link, .datesubjectcomment a:visited 
        {
	color: #B3CE36;
	}
	
.datesubjectcomment a:hover 
        {
	color: #000000;
	}

.commentboxpartial 
        {
	padding: 10px; 
	margin: 10px; 
        background-color: #333333;

}

.commentinfo 
        {
	margin-top: 10px; 
	width: 100%;
	}
		
	
/* ------ MAINCONTENT -- YEAR/ACHIVE PAGES ------ */
	
ul.year 
        {
	text-align: center;
	padding: 20px 0 20px 0;
	}

ul.year li 
        {
	display: inline;		
	}

table.yeartable 
        {
	margin-left: auto;
	margin-right: auto;
        background-color: #333333;
	}

table.yeartable td.yeardate, table.yeartable td.yearday 
        {
	border: 1px #000000 solid;
	color: #DDDDDD;
	}

table.yeartable td.yearday 
        {
	text-align: center;
	color: #000000;
	}

td.yearmonth 
        {
        color: #B3CE36;
	border-style: none;
	}

/* ------ FOOTER ------ */
	
ul.navfooter
        {
	padding: 6px;	
	margin: 0px;
	}

ul.navfooter li  
        {
        display: inline;	
	margin: 0 5px 0 5px;
	}

.separator 
         {
         height: 10px;
         }

IMPORTANT: You need a title for the blurb/free text box or the sidebar goes wacko.

The Colors

All three layouts are the same, except for the color.

#367AEC | #CE3676 | #B3CE36

The How-To-XYZ Stuff

To add your own header, please visit this post.

The set-up guide is HERE

Should you encounter any problems, please don't hesitate and ask me. :)

Enjoy!

(Post a new comment)

	exkitten 2007-03-15 11:57 am UTC (link)
	Loving it :) (Reply to this)

	i_am_a_cylon 2007-03-15 08:58 pm UTC (link)
	I am one for a dark background and light text, so I'm lovin' these. Meming for later use. (Reply to this)

	piratedream 2007-03-16 08:28 pm UTC (link)
	Ooh, I love it! Mem'ing!!! Great job. (Reply to this)

	plastic_buddha 2007-03-16 09:28 pm UTC (link)
	Thanks for such a gloomy layout ^_^ Using it now. (Reply to this)

	kateheightmeyer 2007-03-19 01:25 pm UTC (link)
	Ooowwwwww, die sind toll geworden ♥ Schlicht und schön. Ich glaube da muss ich mir auch mal eines krallen. Weiß nur noch welche Farbe, gefallen mir echt alle 3 :) Great job, Hon kuss :) (Reply to this) (Thread)

	mercscilla 2007-03-21 10:49 pm UTC (link)
	total happy iz, weil Jule's Kompliment Mercy immer glüklich macht Hee, die liebe Qual der Wahl... hihi ^^ ♥ Danke, Süße ;) (Reply to this) (Parent)(Thread)

	kateheightmeyer 2007-03-22 02:10 am UTC (link)
	Aaawwwwwwwwwww, das macht mich auch glücklich, das du so glücklich bist lach kuss mit blumen überhäuft ♥ :] Yaaaay, wie wahr, wie wahr. Aber..... man kann ja auch immer wechseln, wenn man lustig ist. So welche Farbe gerade eher der eigenen Stimmung oder so entspricht lach ;P Bitte kuss :) (Reply to this) (Parent)

	littlespike87 2007-03-19 07:45 pm UTC (link)
	Using the Pink one with the new Sparky header that you posted above this (Reply to this)

	piratedream 2007-03-21 10:56 pm UTC (link)
	Using the blue one for my journal at the moment! ;) (Reply to this) (Thread)

	mercscilla 2007-03-22 03:00 am UTC (link)
	Yay ^^ Thank you! (Reply to this) (Parent)

	carissa_s 2007-04-05 02:46 am UTC (link)
	Taking the blue css and will probably add my own header. (Reply to this)

	ilikethequiet 2008-02-14 02:33 pm UTC (link)
	Taking the pink one for my fic journal. Many thanks! (Reply to this)

	niu_hana 2008-02-29 03:16 am UTC (link)
	I love the layout! I'm going to use the pink one for the kashii_yu community. (Reply to this)

	pith 2008-05-29 05:07 am UTC (link)
	Love it! Like another commenter said, I love dark backgrounds and lighter text. (Is there any way to get the sidebar on the right, though?) (Reply to this) (Thread)

mercscilla
2008-05-29 02:14 pm UTC (link)

Thank you. :)

There is:

#maincontent
{
font-family: "Verdana", sans-serif;
font-size: 11px;
color: #DDDDDD;
margin-left: 200px;
text-align: center;
padding: 10px 0px 0px 5px;
}

#sidebar
{
background-color: #333333;
padding: 10px 5px 0px 5px;
margin: 10px 0px 0px 8px;
font-family: "Verdana", sans-serif;
font-size: 11px;
color: #DDDDDD;
width: 170px;
float: left;
text-align: left;
}

Change in both bolded parts the left to right.

(Reply to this) (Parent)

	colonel_taisa 2008-12-17 10:11 am UTC (link)
	Taking the blue one to use. They're very lovely =) (Reply to this)

Username:		Create an Account Forgot your login? Login w/ OpenID
Password:
	Remember Me
	English • Español • Deutsch • Русский…

About

Help

Get Involved

Legal

Store

LJ Labs