xiongky | [Layout; Merlin] (Reply)

My old layout is available for use, if anyone is interested.

larger image | ~~live preview~~ (dead)

body	{background-color: #95d1ce;
	font-family: verdana, sans-serif;
	font-size: 7pt;
	color: #95d1ce;
	text-align: center;
	margin: 4px}

p,
td {font-size: 7pt;
	color: #666666;
	line-height: 20px}

blockquote {font-size: 7pt;
	color: #aaaaaa;
	line-height: 20px;
	border-width: 1px;
	border-color: #dddddd;
	border-style: dotted;
        padding: 0px 10px 0px 10px}

a,
a:link,
a:visited {color: #70c3b0;
	text-decoration: none;
	font-weight: bold;
	font-family: trebuchet ms, verdana, sans-serif;
        text-transform: uppercase}
	
a:hover {color: #70c3b0;
	border-width: 0px 0px 1px 0px;
        border-style: dotted;
        border-color: #70c3b0}
		
code,
kbd,
pre,
tt	{font-family: monospace;}

i	{font-family: georgia, garamond, serif;
	font-size: 7pt}

u	{text-decoration: none;
	border-width: 0px 0px 1px 0px;
	border-style: dotted;
	border-color: #70c3b0}

b	{color: #999999;
	font-family: trebuchet ms, verdana, sans-serif}

/*main table and page*/

#content {width: 600px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	text-align: justify;
	border-width: 0px;
	background-color: #ffffff}

#maincontent {margin: 0px;
	font-family: verdana, sans-serif;
	font-size: 7pt;
	color: #666666;
	text-align: justify;
	padding: 0px 0px 0px 175px;}

/* sidebar i.e. the bar with calendar etc.*/

#sidebar {padding: 10px 10px 0px 10px;
        margin-width: 0px;
        font-family: verdana, sans-serif;
	font-size: 7pt;
	line-height: 20px;
	color: #999999;
	width: 150px;
	border-color: #eeeeee;
	border-style: dotted;
	border-width: 0px;
	float: left;
	text-align: justify}

div#sidebar a,
div#sidebar a:link,
div#sidebar a:visited {color: #999999;
        width: 100%;
	font-family: franklin gothic medium, verdana, arial,

helvetica, sans-serif;
	font-size: 7pt;
	font-weight: normal;
	letter-spacing: 1px;
	color: #999999;
	text-transform: lowercase;
        display: block;
        border-color: #cccccc;
	border-style: dotted;
	border-width: 0px 0px 1px 0px}
	
div#sidebar a:hover {background-color: #eeeeee;
        width: 100%;
	font-family: franklin gothic medium, verdana, arial,

helvetica, sans-serif;
	font-size: 7pt;
	font-weight: normal;
	letter-spacing: 1px;
	color: #999999;
	text-transform: lowercase;
        display: block;
        border-color: #cccccc;
	border-style: dotted;
	border-width: 0px 0px 1px 0px}
	
.defaultuserpic {text-align: center}
	
.sbarheader {padding: 0px 5px 0px 5px;
	color: #000000;
	text-align: center}

table.calendar {margin-right: auto;
	margin-left: auto}
		
.sbarcalendar {padding: 2px;
	border-color: #eeeeee;
	border-width: 1px;
	border-style: solid;
	text-align: center;
	font-family: small fonts, arial, helvetica, sans-serif;
	font-size: 6pt;
        color: #aaaaaa}
	
.sbarcalendarposts {padding: 2px;
	border-color: #f5f5ee;
	border-width: 1px;
	border-style: solid;
	background-color: #f5f5ee;
	text-align: center;
	font-family: small fonts, arial, helvetica, sans-serif;
	font-size: 6pt}
		
ul.sbarlist {padding: 0px;
	list-style: none;}

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

li.sbartitle {padding-right: 15px;
        padding-top: 2px;
        padding-bottom: 0px;
	list-style: none;		
	margin-bottom: 10px;
	margin-top: 20px;
	margin-right: 20px;
	font-family: century gothic, verdana, sans-serif;
	font-size: 13px;
	color: #70c3b0; 
	text-transform: lowercase;
	border-style: dotted;
	border-color: #eeeeee;
	border-width: 0px 0px 1px 0px}

/*the top of the page with navigational links*/

#header {width: 100%;
	border-width: 0px}

/*title and subtitle of your journal in the header*/

.title	{margin: -50px 20px 0px 20px;
	text-align: left;
	font-family: georgia, garamond, serif;
	font-size: 25pt;
        font-weight: bold;
        text-transform: lowercase;
	color: #95d1ce;	
	border-width: 0px}
	
.subtitle {visibility: hidden; font-size: 1px}

/*the bottom of the page with links to entries*/

#footer	{width: 100%;
	padding: 0px;
	margin: -20px 0px 0px 0px;
	text-align: center;
	font-family: trebuchet ms, verdana, sans-serif;
	font-size: 7pt;
        font-weight: bold;
        text-transform: uppercase;
	background-color: #ffffff;
	color: #cccccc;	
	border-width: 0px}

/*more footer and header*/	
	
div#header a,
div#header a:link,
div#header a:visited {visibility: hidden;
         display: none}

div#footer a,
div#footer a:link,
div#footer a:visited {color: #70c3b0;
         font-weight: bold}
	
div#header a:hover {visibility: hidden;
         display: none}

div#footer a:hover {color: #70c3b0;
	border-width: 0px 0px 1px 0px;
        border-style: dotted;
        border-color: #70c3b0}	
	
ul.navheader {padding: 0px;	
	margin: 0px}

ul.navheader li {display: inline;
	padding: 0 3px 0 3px}

/*entry layout*/	
	
.subcontent {background-color: ffffff}
		
.entry	{margin: 0px;
	padding: 0px 10px 0px 0px;
	font-size: 7pt;
	color: #666666;
	line-height: 20px;
	text-align: justify}
		
.entry ul li {padding-left: 5px;
	margin-left: 15px}
		
.entry ol li {padding-left: 5px;
	margin-left: 15px}

.userpic {visibility: hidden; display:none}
		
.userpicfriends {position: relative;
	float: right;
	background-color: #ffffff;
	padding: 5px;
	margin: 10px;
	z-index: 15;
	border-width: 1px;
	border-color: #eeeeee;
	border-style: dotted;
	font-family: franklin gothic medium, verdana, arial,

helvetica, sans-serif;
	font-size: 7pt;
	font-weight: bold;
        text-align: center;
        color: #70c3b0;
	z-index: 15}

.altuserpic {position: relative;
	float: right;
	text-align: center;
	background-color: #ffffff;
	padding: 5px;
	margin: 10px;
	z-index: 15;
	border-width: 1px;
	border-color: #eeeeee;
	border-style: dotted}
		
.date	{padding: 0px 10px 0px 10px;
        font-family: century gothic, verdana, sans-serif;
	font-size: 13px;
	color: #70c3b0; 
	text-transform: lowercase;
	text-align: left}
	
.subject {padding: 0px 10px 0px 10px;
        font-family: trebuchet ms, verdana, sans-serif;
	font-size: 7pt;
        font-weight: bold;
	color: #999999; 
	text-transform: uppercase;
	text-align: left}
		
.subject a,
.subject a:link,
.subject a:visited {color: #70c3b0}
	
.subject a:hover {color: #70c3b0;
        border-color: #70c3b0}

.datesubject {padding: 0px}
		
.currents,
.currentmood,
.currentmusic
        {font-family: franklin gothic medium, verdana, arial, 
helvetica, sans-serif;
	font-size: 7pt;
	color: #999999;
	text-transform: lowercase;
	line-height: 12px}

.currenttags,
.currenttags a,
.currenttags a:link,
.currenttags a:visited {color: #70c3b0;
	font-family: franklin gothic medium, verdana, arial,

helvetica, sans-serif;
	font-size: 7pt;
	font-weight: normal;
	letter-spacing: 1px;
	text-transform: lowercase;
	line-height: 10px}
	
.currenttags a:hover {color: #aaaaaa;
	font-family: franklin gothic medium, verdana, arial,

helvetica, sans-serif;
	font-size: 7pt;
	font-weight: normal;
	letter-spacing: 1px;
	text-transform: lowercase;
	border-width: 0px 0px 1px 0px;
	border-color: #70c3b0;
	border-style: dotted;
	line-height: 10px}

.comments {margin: 0px;
        padding: 10px 10px 0px 0px;
        font-family: trebuchet ms, verdana, sans-serif;
	font-size: 7pt;
        font-weight: bold;
	text-align: right;
	border-width: 0px;
	position: relative}
		
div.comments a,
div.comments a:link,
div.comments a:visited {color: #70c3b0;
        font-size: 7pt;
        font-weight: normal}
	
div.comments a:hover {color: #70c3b0;
        font-weight: normal}

/*content on entries and comments*/	
	
.datesubjectcomment {padding: 5px;
	margin-top: 20px}	
		
.userpiccomment {position: right;
	border-width: 1px;
	border-style: dotted;
	border-color: #eeeeee;
	background-color: #ffffff;
	top: -30px;
	left: 0px;
	padding: 5px;
	margin: 10px;
	z-index: 15;
	float: right}
		
.box	{border-color: #444444;
	padding: 10px}

input,
textarea {background-color: #ffffff;
	color: #666666;
	font-family: verdana, sans-serif;
	font-size: 7pt;
        border-width: 1px;
	border-color: #cccccc;
	border-style: 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: 7pt;
	line-height: 125%;
	background-color: #444444;
	color: #c0c0c0}
		
.replytosubject {font-weight: bold;}
			
.commentreply {position: relative;
	margin: 10px;
	font-family: verdana, sans-serif;
	font-size: 7pt;
	color: #808080;}
		
.commentbox {border-color: #eeeeee; 
	border-width: 1px; 
	border-style: solid; 
	padding: 10px; 
	margin: 10px; 
	background-color: #ffffff}
		
.datesubjectcomment a:link,
.datesubjectcomment a:visited {color: #70c3b0}
		
.datesubjectcomment a:hover {color: #444444}
	
.commentboxpartial {border-color: #333333; 
	border-width: 1px; 
	border-style: solid; 
	padding: 10px; 
	margin: 10px; 
	background-color: #ffffff}

.commentinfo {background-color: #ffffff; 
	margin-top: 10px; 
	width: 100%}
			
		
/*calendar 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: #eeeeee}
	
table.yeartable td.yearday {background-color: #555555;
	text-align: center}
	
td.yearmonth {border-style: none}
	
ul.navfooter {padding: 0px	
	margin: 0px}
	
ul.navfooter li {display: inline;	
	margin: 0 5px 0 5px}

.clearfoot {clear: both}
		
.clear {height: 15px}
		
.skiplinks {text-align: center}

.separator {border-width: 1px 0px 0px 0px;
	border-color: #eeeeee;
	border-style: dotted;
	margin: 25px 5px 20px 0px}

blockquote p:before {content: open-quote;
	font-size:25px;
	font-family: georgia, garamond, serif;
	color: #cccccc;
	font-weight: bold}

blockquote p:after {content: close-quote;
	font-size:25px;
	font-family: georgia, garamond, serif;
	color: #cccccc;
	font-weight: bold}

blockquote p.last:after {content: close-quote;
	font-size:25px; 
	font-family: georgia, garamond, serif;
	color: #cccccc;
	font-weight: bold}

.leftlinks {float: left}

.headerimage {height: 500px;
	background-image: 
url("http://i2.photobucket.com/albums/y49/teddybear_junction/wo

ooo-1.png") !important;
	background-repeat: no-repeat !important;
	background-attachment: scroll !important;
	background-position: center !important;
	margin: 10px 0px 0px 1px}

Quick instructions (for more in-depth, go to a layout community like

paintedlayouts):
1. Set S2 journal to a flexible squares layout
2. Go to "Customize journal" and "Custom CSS"
3. Paste code
4. Make sure the drop boxes say "No," "No," and "Yes."
5. Go to Styles and change every color box to #FFFFFF.

Sorry if it's confusing. Just ask if it is.

[Layout; Merlin]

Post a comment in response: