Mercy (

mercscilla) wrote in

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

Mood: sleepy
Music: Bruce Sprinsteen - Downbound Train

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!

Tags: layout, layout: original

Post a new comment
Error

Anonymous comments are disabled in this journal
We will log you in after post

We will log you in after post

We will log you in after post

We will log you in after post

We will log you in after post

Anonymously

switch

LiveJournal

Facebook

Twitter

OpenId

Google

MailRu

VKontakte

Anonymously

Insert Bold

Insert Italic

Insert Underline

Insert Strikethrough

Insert Link

Insert LJ User

Insert Photo

Insert Video

Your reply will be screened
Help
18 comments

exkitten

March 15 2007, 11:57:27 UTC 5 years ago

Loving it :)

i_am_a_cylon

March 15 2007, 20:58:04 UTC 5 years ago

I am one for a dark background and light text, so I'm lovin' these.
Meming for later use.

piratedream

March 16 2007, 20:28:08 UTC 5 years ago

Ooh, I love it! Mem'ing!!! Great job.

plastic_buddha

March 16 2007, 21:28:20 UTC 5 years ago

Thanks for such a gloomy layout ^_^ Using it now.

kateheightmeyer

March 19 2007, 13:25:53 UTC 5 years ago

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* :)

mercscilla

March 21 2007, 22:49:51 UTC 5 years ago

*total happy iz, weil Jule's Kompliment Mercy immer glüklich macht*

Hee, die liebe Qual der Wahl... *hihi* ^^

♥ Danke, Süße ;)

kateheightmeyer

March 22 2007, 02:10:38 UTC 5 years ago

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*
:)

littlespike87

March 19 2007, 19:45:17 UTC 5 years ago

Using the Pink one with the new Sparky header that you posted above this

piratedream

March 21 2007, 22:56:36 UTC 5 years ago

Using the blue one for my journal at the moment! ;)

mercscilla

March 22 2007, 03:00:24 UTC 5 years ago

Yay ^^ Thank you!

carissa_s

April 5 2007, 02:46:28 UTC 5 years ago

Taking the blue css and will probably add my own header.

ilikethequiet

February 14 2008, 14:33:48 UTC 4 years ago

Taking the pink one for my fic journal. Many thanks!

niu_hana

February 29 2008, 03:16:48 UTC 4 years ago

I love the layout! I'm going to use the pink one for the

kashii_yu community.

pith

May 29 2008, 05:07:13 UTC 4 years ago

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?)

mercscilla

May 29 2008, 14:14:15 UTC 4 years ago

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.

colonel_taisa

December 17 2008, 10:11:50 UTC 3 years ago

Taking the blue one to use. They're very lovely =)

makes_asteroids

December 22 2011, 00:32:49 UTC 5 months ago

Hi! I used this but changed the colors to fit my character - I would love to link back to you with credit but I've never used a custom theme before and I'm not sure how to do so.

mercscilla

December 23 2011, 15:53:09 UTC 5 months ago

The easiest way is to put a link into your profile. Write "Layout by

[Error: Irreparable invalid markup ('<lj*user="street-of-mercy">') in entry. Owner must fix manually. Raw contents below.]

The easiest way is to put a link into your profile. Write "Layout by <lj*user="street-of-mercy">" without the asterix. :)

Thank you so much for deciding to use it! <3

Post a new comment
18 comments

Username:		Create an Account Forgot your login or password? OpenID Google Mail.Ru VKontakte
Password:
	Remember Me
	English • Español • Deutsch • Русский…

Original - Colorful Grey

Error

About

Help

Get Involved

Legal

LJ Labs

Store