appleleaf : livejournal layouts, icons, graphics, and more.

Hey, y'all!

enamour — Sat, 04 Feb 2012 04:46:43 GMT

Remember me?

I know, it's been forever, but I've had SOOO much going on. I've been blogging and working and finding myself busy all the dang time.

But I hope to have new content here soon!

Edit: I woke up this morning to find a bunch of hits on my blog this morning and couldn't understand why... until I remember I linked it here. You guys are awesome!!

Hey, Apple Leaves!

enamour — Fri, 16 Jul 2010 01:02:36 GMT

I know I've been MIA for awhile now, but I hope to start posting images and layouts soon.

Until then, please check out my Etsy shop, where you can buy a bunch of cheap graphics and blog layouts. I've also got headers on there that can be used on LJ or any other blog.

You guys are fantastic!

Emily

Apple Leaf on Facebook.

enamour — Thu, 27 Aug 2009 23:33:09 GMT

You can now follow Apple Leaf on Facebook. http://www.facebook.com/pages/Apple-Leaf/126504578296/

And as soon as I have a free second, new layouts! :D

Apple Leaf Contest!

enamour — Sun, 16 Aug 2009 21:45:21 GMT

Enter to win anything from my store under $20!

From August 16th – August 30th at 11:59 PM (CST), simply mention appleleaf.etsy.com on your blog or twitter, and be entered to win!

Click here for details and to enter!

New WP theme up!

enamour — Sun, 09 Aug 2009 03:23:52 GMT

@ appleleaf.etsy.com

Tweet tweet!

enamour — Tue, 04 Aug 2009 03:43:14 GMT

In case you're curious as to what I'm working on or about to upload, sell, etc., I've created a Twitter account for this community and my Etsy store.

twitter.com/appleleafdesign

I've opened a new Etsy store!

enamour — Wed, 29 Jul 2009 03:13:37 GMT

appleleaf.etsy.com
NOW OPEN!

Providing custom and premade websites, Wordpress themes, and graphics.

Every item listed from now until August 5th will be 25% - 75% off! Each item is available in limited quantities, so buy before they run out!

Coming soon: More Wordpress themes, custom web design, wedding announcement template site, interior design Wordpress template, etc!

s2 layout #11 : choices

enamour — Fri, 13 Feb 2009 21:36:35 GMT

As I'm sure most of you remember, I recently asked you in a poll what colors you'd like to see on a layout. The winning colors were green and purple, but since blue was a close second to both, I decided to use it as an accent color.

image preview | live preview

image preview | live preview

Type: S2
Layout: Flexible Squares
Tested in: Firefox
Account types: Basic, plus, paid
Ad compatibility: Horizontal, between entries
Credit: Required

Notes about this layout
- The bar at the top with the userpic and text is actually your sidebar. Only those two items will show up there, even if you activate others. The text is your "blurb," which you can edit here.

Installation instructions

Switching layout to Flexible Squares
- Click here (opens in new window).
- Apply one of the themes (it doesn't matter which one).

Turning on sidebar (if not on)
- Click here (opens in new window).
- Choose "2 Column (sidebar on left)."

Pasting code for layout
- Click here (opens in new window).
- Make the three top dropdowns say "No."
- In "Custom stylesheet" section, paste the code. Do not alter if you are unfamiliar with CSS or HTML!
- Click "Save Changes."

CSS code

Code for light layout

/* LAYOUT CREATED BY APPLELEAF.LIVEJOURNAL.COM
   DO NOT REMOVE THIS CREDIT
   BUT FEEL FREE TO EDIT CSS */

/* BASIC */

body	{background-color: #f5f5f5;
	font-family: arial, sans-serif;
	color: #ffffff;
	text-align: center;
	margin: 0px;
        padding: 0px}

p,
td {color: #8C8C85;
	line-height: 20px}

blockquote {color: #8C8C85;
	line-height: 20px;
        text-align: justify;
        border-width: 0px 0px 0px 2px;
        border-color: #1B91A6;
        border-style: dotted;
        padding: 0px 0px 0px 10px}

b,
strong  {color: #7D7D77}

a,
a:link,
a:visited {color: #1BA650;
	text-decoration: none;
	font-weight: normal;
	text-decoration: none;
	font-weight: normal;
        border-width: 0px}
	
a:hover {color: #1B91A6;
        background-color: #F0F0D8;
        border-style: solid;
        border-width: 0px 0px 1px 0px;
        border-color: #DEDEBF}
		
code,
kbd,
pre,
tt	{font-family: monospace;}

h2      {color: #8C8C85;
	text-transform: lowercase}

/* MAIN */

#content {width: 700px;
        margin: auto;
	padding: 10px;
	text-align: justify;
        border-width: 0px}

#maincontent {width: 700px;
	margin: 0px auto 0px auto;
	font-family: arial, sans-serif;
	font-size: 8pt;
	color: #333333;
	border-width: 0px;
	text-align: justify;
	padding: 0px}

/* HEADER */

#header {width: 100%;
	margin: 50px auto 0px auto;
	padding: 10px 0px 10px 0px;
        background-color: #eeeeee;
        font-family: helvetica, sans-serif;
        font-size: 15px;
        text-transform: lowercase;
        color: #1BA650;
        border-width: 0px 1px 1px 0px;
        border-style: solid;
        border-color: #dedede;
        text-align: left}

div#header a,
div#header a:link,
div#header a:visited {font-family: helvetica, sans-serif;
        font-size: 15px;
        text-transform: lowercase;
        font-weight: normal}

div#header a:hover {background-color: #f8f8f8;
        color: #1B91A6;
        border-width: 0px 0px 1px 0px;
        border-color: #e3e3e3;
        border-style: solid}	
	
ul.navheader {padding: 0px;	
	margin: 0px}

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

.title	{visibility: hidden;
	display: none}
	
.subtitle {visibility: hidden;
	display: none}

.quote {font-family: georgia, serif;
	font-size: 12pt;
	font-weight: bold}

/* FOOTER */

#footer	{width: 100%;
	padding: 0px;
	margin: 0px;
	text-align: right;
	font-family: helvetica, sans-serif;
	font-size: 10pt;
        text-transform: lowercase;
	color: #878e9c;	
	z-index: 100;
	clear: both}

div#footer a,
div#footer a:link,
div#footer a:visited {color: #878e9c}
	
div#footer a:hover {color: #ffffff}

/* SIDEBAR */

#sidebar {font-size: 10pt;
        background-color: #ffffff;
        padding: 20px;
        margin: 25px auto 25px auto;
        height: 120px;
        width: 660px;
        z-index: 100;
        color: #8C8C85;
        border-width: 0px 1px 1px 0px;
        border-style: solid;
        border-color: #dedede;
        top: 0px}

.defaultuserpic,
a.defaultuserpic {margin: auto;
	padding: 10px;
        background-color: #e3e3e3;
        float: left;
        border-width: 0px 1px 1px 0px;
        border-style: solid;
        border-color: #d6d6d6;}

.defaultuserpic img {border: 0px}

.defaultuserpic img:hover {border: 0px}

.sbarheader {padding: 5px;}

.sbarbody {padding: 5px;
        margin: 10px}

.sbarbody2 {padding: 0px 50px 5px 3px;
        float:right;
        width: 70%; 
        text-align: justify;}

li.sbartitle {display:none}

li.sbaritem {list-style: none;
        padding: 2px;
        font-size: 8pt;
        font-family: georgia;
        font-size: 7.5pt;}

li.sbaritem a color: #fff}

li.sbaritem a:hover {color:#888}

ul.sbarlist {padding: 10px 0px 0px 0px;
        margin: 0; 
        list-style-type: none; 
        display:inline;}

.sbarbody#sidebar_tags {display:none;}
.sbarbody#sidebar_summary {display:none;}
.sbarbody#sidebar_calendar {display:none;}
.sbarbody#sidebar_linklist {display:none;}

/* ENTRY */	
	
.subcontent {background-color: #ffffff;
	padding: 0px;
        border-width: 0px 1px 1px 0px;
        border-style: solid;
        border-color: #dedede}

.date	{font-family: georgia, serif;
	font-size: 20px;
	color: #e5e5e5; 
	text-transform: lowercase;
	text-align: left;
	padding: 5px;
	border-width: 0px}
	
.subject,
.subject a
.subject a:link
.subject a:visited {font-family: georgia, serif;
        font-size: 30px !important;
        margin: -20px 0 0 0;
        text-transform: lowercase;
        color: #1BA626 !important;
	background-color: #ffffff;
	text-align: left;
	padding: 5px 20px 15px 15px;
	border-width: 0px !important}
		
.subject:hover {color: #ffffff}

.datesubject {background-color: #ffffff;
	padding: 0px}

.entry	{margin: 0px;
	padding: 20px 160px 20px 20px;
	background-color: #ffffff;
        font-family: arial, sans-serif;
	font-size: 10pt;
	color: #8C8C85;
	line-height: 22px;
	text-align: justify}

.entry ul li {padding-left: 5px;
	margin-left: 15px;
        list-style-position: outside}
		
.entry ol li {padding-left: 5px;
	margin-left: 15px;
        list-style: decimal-leading-zero;
        list-style-position: outside}

.userpic {position: relative;
	float: right;
	text-align: center;
	background-color: #e3e3e3;
	padding: 10px;
	margin: 50px 20px 0px 10px;
        border-width: 0px 1px 1px 0px;
        border-style: solid;
        border-color: #d6d6d6;
	z-index: 15;}

.userpicfriends {position: relative;
	float: right;
	text-align: center;
	background-color: #f3f3f3;
	padding: 10px;
	margin: 50px 20px 0px 10px;
	z-index: 15;
	font-family: arial, sans-serif;
	font-size: 7pt;
	font-weight: normal;
        text-align: center}

.altuserpic {position: relative;
	float: left;
	text-align: center;
	background-color: #eeeeee;
	padding: 10px;
	margin: 30px 10px 0px 10px;
	z-index: 15;
	font-family: arial, sans-serif;
	font-size: 7pt;
	font-weight: normal;
        text-align: center}

.userpic img,
.userpicfriends img,
.altuserpic img {width:70px;
	height:70px}
		
.currents,
.currentmood,
.currentmusic
        {font-family: helvetica, sans-serif;
	font-size: 8pt;
	color: #8C8C85;
	text-transform: lowercase}

.comments {font-family: helvetica, sans-serif;
	font-size: 8pt;
        font-weight: normal;
	text-align: right;
	background-color: #ffffff;
	padding: 7px 0px 0px 0px;
        margin: 0px;
	border-width: 0px;
	position: relative}
		
div.comments a,
div.comments a:link,
div.comments a:visited {color: #878e9c;
        font-size: 8pt}
	
div.comments a:hover {color: #878e9c;
	text-decoration: none}

div.ljtags {padding: 20px 0px 0px 0px;
           font-size: 8pt}

div.ljtags a,
div.ljtags a:link,
div.ljtags a:visited {background-color: #f8f8f8;
         border-style: solid;
         border-width: 0px 0px 1px 0px;
         border-color: #e3e3e3;
         padding: 0px 2px 0px 2px}

div.ljtags a:hover {background-color: #e8e8e8;
         border-style: solid;
         border-width: 0px 0px 1px 0px;
         border-color: #d3d3d3;
         padding: 0px 2px 0px 2px}

.separator {height: 15px}

/* INDIVIDUAL ENTRY PAGES AND COMMENTS */	
	
.datesubjectcomment {background-color: #ffffff;
	padding: 0px}	
		
.userpiccomment {position: relative;
	float: right;
	text-align: center;
	background-color: #e3e3e3;
	padding: 7px;
	margin: 10px 20px 0px 10px;
        border-width: 0px 1px 1px 0px;
        border-style: solid;
        border-color: #eeeeee;
	z-index: 15;}
		
.box	{border-color: #ffffff;
	padding: 10px}

input,
textarea {background-color: #ffffff;
	color: #8C8C85;
        font-family: monospace;
        font-size: 10pt;
        border-width: 1px;
        border-color: #666666}
		
textarea.textbox  {width: 100% !important}
	
.reply	{position: relative;
	margin: 20px 30px 10px 30px;
	padding: 25px 10px 10px 10px;
	text-align: left;
	font-family: helvetica, sans-serif;
	font-size: 10pt;
	line-height: 125%;
	background-color: #ffffff;
	color: #8C8C85;
	line-height: 20px;}
		
.replytosubject {font-weight: bold;
        color: #1BA650}
			
.commentreply {position: relative;
	margin: 10px;
	font-size: 10pt;
	font-family: helvetica, sans-serif;
	color: #8C8C85;
	line-height: 20px}
		
.commentbox {border-width: 0px 1px 1px 0px;
        border-style: solid;
        border-color: #dedede;
	padding: 10px; 
	margin: 10px; 
	background-color: #ffffff}
		
.datesubjectcomment a:link,
.datesubjectcomment a:visited {color: #1BA650}
		
.datesubjectcomment a:hover {color: #ffffff}
	
.commentboxpartial {border-width: 0px 1px 1px 0px;
        border-style: solid;
        border-color: #dedede;
	padding: 10px; 
	margin: 10px; 
	background-color: #ffffff}

.commentinfo {background-color: #ffffff; 
	margin-top: 10px; 
	width: 100%;
        color: #eeeeee}

/* 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: 0px 1px 1px 0px;
        border-style: solid;
        border-color: #dedede}
	
table.yeartable td.yearday {background-color: #ffffff;
	text-align: center}
	
td.yearmonth {
        border-width: 0px 1px 1px 0px;
        border-style: solid;
        border-color: #dedede;
	text-align: center}
	
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}

/* TAG PAGE */

.ljtaglist {
        list-style-type: none; 
        padding: 0px; 
        margin: -1px 20px 0px 20px; 
        margin-left: 70px;
        width: 50%; 
        color: #8C8C85;
        text-align: left}

.ljtaglist li {
        list-style: decimal-leading-zero;
        border-width: 0px 0px 1px 0px;
        border-style: dotted;
        border-color: #cccccc; 
        padding: 15px 0px 0px 20px; 
        color: #8C8C85}

ul.ljtaglist {
        color: #8C8C85;
        font-family: helvetica, sans-serif;
        font-size: 10pt;
        padding: 8px 8px 8px 12px;
        text-align: left;
        margin-right: auto;
        margin-left: auto; 
        padding: 35px}

/* ICON ADD-ONS */

div.subject img[src="http://p-stat.livejournal.com/img/icon_protected.gif"]  
        {width: 0px;
        height: 0px;
        padding: 16px 3px 0px 16px !important;
        background-image:
url('http://i39.tinypic.com/5o5zrs.png');
        background-repeat: no-repeat;
        background-position: left middle;
        border-width: 0px}

div.subject img[src="http://p-stat.livejournal.com/img/icon_private.gif"]  
        {width: 0px;
        height: 0px;
        padding: 16px 3px 0px 16px !important;
        background-image:
url('http://i43.tinypic.com/9t0a5h.png');
        background-repeat: no-repeat;
        background-position: left middle;
        border-width: 0px}

div.entry img[src="http://p-stat.livejournal.com/img/userinfo.gif"]  
        {width: 0px;
        height: 0px;
        padding: 16px 0px 0px 16px !important;
        background-image:
url('http://i40.tinypic.com/33calpy.jpg');
        background-repeat: no-repeat;
        background-position: left middle;
        border-width: 0px}

div.entry img[src="http://p-stat.livejournal.com/img/community.gif"]  
        {width: 0px;
        height: 0px;
        padding: 16px 0px 0px 16px !important;
        background-image:
url('http://i41.tinypic.com/28uik37.png');
        background-repeat: no-repeat;
        background-position: left middle;
        border-width: 0px}

img[src="http://p-stat.livejournal.com/img/btn_del.gif"]  
        {width: 0px;
        height: 0px;
        padding: 16px 0px 0px 16px !important;
        background-image:
url('http://i42.tinypic.com/2jbvek4.png');
        background-repeat: no-repeat;
        background-position: left middle;
        border-width: 0px}

img[src="http://p-stat.livejournal.com/img/btn_scr.gif"]  
        {width: 0px;
        height: 0px;
        padding: 16px 0px 0px 16px !important;
        background-image:
url('http://i43.tinypic.com/95ynfr.jpg');
        background-repeat: no-repeat;
        background-position: left middle;
        border-width: 0px}

img[src="http://p-stat.livejournal.com/img/btn_unscr.gif"]  
        {width: 0px;
        height: 0px;
        padding: 16px 0px 0px 16px !important;
        background-image:
url('http://i39.tinypic.com/2hz2se8.png');
        background-repeat: no-repeat;
        background-position: left middle;
        border-width: 0px}

img[src="http://p-stat.livejournal.com/img/btn_freeze.gif"]  
        {width: 0px;
        height: 0px;
        padding: 16px 0px 0px 16px !important;
        background-image:
url('http://i40.tinypic.com/fnv6fc.png');
        background-repeat: no-repeat;
        background-position: left middle;
        border-width: 0px}

img[src="http://p-stat.livejournal.com/img/btn_unfreeze.gif"]  
        {width: 0px;
        height: 0px;
        padding: 16px 0px 0px 16px !important;
        background-image:
url('http://i42.tinypic.com/2mchf8.png');
        background-repeat: no-repeat;
        background-position: left middle;
        border-width: 0px}

img[src="http://p-stat.livejournal.com/img/btn_track.gif"]  
        {width: 0px;
        height: 0px;
        padding: 16px 0px 0px 16px !important;
        background-image:
url('http://i39.tinypic.com/elbaf4.png');
        background-repeat: no-repeat;
        background-position: left middle;
        border-width: 0px}

img[src="http://p-stat.livejournal.com/img/btn_tracking.gif"]  
        {width: 0px;
        height: 0px;
        padding: 16px 0px 0px 16px !important;
        background-image:
url('http://i44.tinypic.com/eqdmv7.png');
        background-repeat: no-repeat;
        background-position: left middle;
        border-width: 0px}

Code for dark layout

/* LAYOUT CREATED BY APPLELEAF.LIVEJOURNAL.COM
   DO NOT REMOVE THIS CREDIT
   BUT FEEL FREE TO EDIT CSS */

/* BASIC */

body	{background-color: #383631;
	font-family: arial, sans-serif;
	color: #8C8C85;
	text-align: center;
	margin: 0px;
        padding: 0px}

p,
td {color: #8C8C85;
	line-height: 20px}

b,
strong  {color: #7D7D77}

a,
a:link,
a:visited {color: #AC40B8;
	text-decoration: none;
	font-weight: normal;
	text-decoration: none;
	font-weight: normal;
        border-width: 0px}
	
a:hover {background-color: #706C62;
        color: #1B91A6;
        border-width: 0px 0px 1px 0px;
        border-color: #383631;
        border-style: solid}
		
code,
kbd,
pre,
tt	{font-family: monospace;}

h2      {color: #8C8C85;
	text-transform: lowercase}

/* MAIN */

#content {width: 700px;
        margin: auto;
	padding: 10px;
	text-align: justify;
        border-width: 0px}

#maincontent {width: 700px;
	margin: 0px auto 0px auto;
	font-family: arial, sans-serif;
	font-size: 8pt;
	border-width: 0px;
	text-align: justify;
	padding: 0px}

/* HEADER */

#header {width: 100%;
	margin: 50px auto 0px auto;
	padding: 10px 0px 10px 0px;
        background-color: #4F4C45;
        font-family: helvetica, sans-serif;
        font-size: 15px;
        text-transform: lowercase;
        color: #AC40B8;
        border-width: 0px 1px 1px 0px;
        border-style: solid;
        border-color: #262421;
        text-align: left}

div#header a,
div#header a:link,
div#header a:visited {font-family: helvetica, sans-serif;
        font-size: 15px;
        text-transform: lowercase;
        font-weight: normal}

div#header a:hover {background-color: #706C62;
        color: #1B91A6;
        border-width: 0px 0px 1px 0px;
        border-color: #383631;
        border-style: solid}	
	
ul.navheader {padding: 0px;	
	margin: 0px}

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

.title	{visibility: hidden;
	display: none}
	
.subtitle {visibility: hidden;
	display: none}

.quote {font-family: georgia, serif;
	font-size: 12pt;
	font-weight: bold}

/* FOOTER */

#footer	{width: 100%;
	padding: 0px;
	margin: 0px;
	text-align: right;
	font-family: helvetica, sans-serif;
	font-size: 10pt;
        text-transform: lowercase;
        color: #8C8C85;
	z-index: 100;
	clear: both}

div#footer a,
div#footer a:link,
div#footer a:visited {color: #878e9c}
	
div#footer a:hover {color: #383631}

/* SIDEBAR */

#sidebar {font-size: 10pt;
        background-color: #4F4C45;
        padding: 20px;
        margin: 25px auto 25px auto;
        height: 120px;
        width: 660px;
        z-index: 100;
        color: #8C8C85;
        border-width: 0px 1px 1px 0px;
        border-style: solid;
        border-color: #262421;
        top: 0px}

.defaultuserpic,
a.defaultuserpic {margin: auto;
	padding: 10px;
        float: left;
        background-color: #706C62;
        border-width: 0px 1px 1px 0px;
        border-style: solid;
        border-color: #383631;}

.defaultuserpic img {border: 0px}

.defaultuserpic img:hover {border: 0px}

.sbarheader {padding: 5px;}

.sbarbody {padding: 5px;
        margin: 10px}

.sbarbody2 {padding: 0px 50px 5px 3px;
        float:right;
        width: 70%; 
        text-align: justify;}

li.sbartitle {display:none}

li.sbaritem {list-style: none;
        padding: 2px;
        font-size: 8pt;
        font-family: georgia;
        font-size: 7.5pt;}

li.sbaritem a color: #fff}

li.sbaritem a:hover {color:#888}

ul.sbarlist {padding: 10px 0px 0px 0px;
        margin: 0; 
        list-style-type: none; 
        display:inline;}

.sbarbody#sidebar_tags {display:none;}
.sbarbody#sidebar_summary {display:none;}
.sbarbody#sidebar_calendar {display:none;}
.sbarbody#sidebar_linklist {display:none;}

/* ENTRY */	
	
.subcontent {background-color: #4F4C45;
	padding: 0px;
        border-width: 0px 1px 1px 0px;
        border-style: solid;
        border-color: #262421}

.date	{font-family: georgia, serif;
	font-size: 20px;
	color: #45423B; 
	text-transform: lowercase;
	text-align: left;
	padding: 5px;
	border-width: 0px}
	
.subject,
.subject a
.subject a:link
.subject a:visited {font-family: georgia, serif;
        font-size: 30px !important;
        margin: -20px 0 0 0;
        text-transform: lowercase;
        color: #AC40B8 !important;
	background-color: #4F4C45;
	text-align: left;
	padding: 5px 20px 15px 15px;
	border-width: 0px !important}
		
.subject:hover {color: #4F4C45}

.datesubject {background-color: #4F4C45;
	padding: 0px}
		
.entry	{margin: 0px;
	padding: 20px 160px 20px 20px;
	background-color: #4F4C45;
        font-family: arial, sans-serif;
	font-size: 10pt;
	color: #8C8C85;
	line-height: 22px;
	text-align: justify}

.userpic {position: relative;
	float: right;
	text-align: center;
	padding: 10px;
	margin: 50px 20px 0px 10px;
        background-color: #706C62;
        border-width: 0px 1px 1px 0px;
        border-style: solid;
        border-color: #383631;
	z-index: 15;}

.userpicfriends {position: relative;
	float: right;
	text-align: center;
	padding: 10px;
	margin: 50px 20px 0px 10px;
        background-color: #706C62;
        border-width: 0px 1px 1px 0px;
        border-style: solid;
        border-color: #383631;
	z-index: 15;
        text-align: center}

.altuserpic {position: relative;
	float: right;
	text-align: center;
	padding: 10px;
	margin: 50px 20px 0px 10px;
        background-color: #706C62;
        border-width: 0px 1px 1px 0px;
        border-style: solid;
        border-color: #383631;
	z-index: 15;
        text-align: center}

.comments {font-family: helvetica, sans-serif;
	font-size: 8pt;
        font-weight: normal;
	text-align: right;
	padding: 7px 0px 0px 0px;
        margin: 0px;
	border-width: 0px;
	position: relative}
		
div.comments a,
div.comments a:link,
div.comments a:visited {color: #8C8C85;
        font-size: 8pt}
	
div.comments a:hover {color: #8C8C85;
	text-decoration: none}

div.ljtags {padding: 20px 0px 0px 0px;
           font-size: 8pt}

div.ljtags a,
div.ljtags a:link,
div.ljtags a:visited {background-color: #45433C;
         border-style: solid;
         border-width: 0px 0px 1px 0px;
         border-color: #383631;
         padding: 0px 2px 0px 2px}

div.ljtags a:hover {background-color: #615D54;
         border-style: solid;
         border-width: 0px 0px 1px 0px;
         border-color: #45433C;
         padding: 0px 2px 0px 2px}

.separator {height: 15px}

/* INDIVIDUAL ENTRY PAGES AND COMMENTS */	
	
.datesubjectcomment {background-color: #4F4C45;
	padding: 0px}	
		
.userpiccomment {position: relative;
	float: right;
	text-align: center;
	padding: 7px;
	margin: 10px 20px 0px 10px;
        background-color: #706C62;
        border-width: 0px 1px 1px 0px;
        border-style: solid;
        border-color: #383631;
	z-index: 15}
		
.box	{border-color: #4F4C45;
	padding: 10px}

input,
textarea {background-color: #4F4C45;
	color: #8C8C85;
        font-family: monospace;
        font-size: 10pt;
        border-width: 1px;
        border-color: #666666}
		
textarea.textbox  {width: 100% !important}
	
.reply	{position: relative;
	margin: 20px 30px 10px 30px;
	padding: 25px 10px 10px 10px;
	text-align: left;
	font-family: helvetica, sans-serif;
	font-size: 10pt;
	line-height: 125%;
	background-color: #4F4C45;
	color: #8C8C85;
	line-height: 20px;}
		
.replytosubject {font-weight: bold;
        color: #1BA650}
			
.commentreply {position: relative;
	margin: 10px;
	font-size: 10pt;
	font-family: helvetica, sans-serif;
	color: #8C8C85;
	line-height: 20px}
		
.commentbox {border-width: 0px 1px 1px 0px;
        border-style: solid;
        border-color: #262421;
	padding: 10px; 
	margin: 10px; 
	background-color: #4F4C45}
		
.datesubjectcomment a:link,
.datesubjectcomment a:visited {color: #1BA650}
		
.datesubjectcomment a:hover {color: #ffffff}
	
.commentboxpartial {border-width: 0px 1px 1px 0px;
        border-style: solid;
        border-color: #262421;
	padding: 10px; 
	margin: 10px; 
	background-color: #4F4C45}

.commentinfo {background-color: #4F4C45; 
	margin-top: 10px; 
	width: 100%;
        color: #eeeeee}

/* 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: 0px 1px 1px 0px;
        border-style: solid;
        border-color: #262421;}
	
table.yeartable td.yearday {
        background-color: #4F4C45;
        border-width: 0px 1px 1px 0px;
        border-style: solid;
        border-color: #262421;
	text-align: center}
	
td.yearmonth {
        border-width: 0px 1px 1px 0px;
        border-style: solid;
        border-color: #262421;
	text-align: center}
	
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}

/* TAG PAGE */

/* ICON ADD-ONS */

layout poll.

enamour — Sun, 25 Jan 2009 02:49:06 GMT

I'm working on a new layout and would like your input. This layout will have two versions -- a light one and a darker one.

My question is, what accent color would you like to see used? By accent color, I mean the color used for links, header, etc.

The poll ends Monday night, and the colors with the most votes will be used. Thanks!

View Poll: #1337039

affiliates.

enamour — Wed, 10 Dec 2008 03:28:25 GMT

If you run or maintain a layout, icon, graphics, or similar community or journal and would like to be affiliates, link me, and then comment with your link. I'll comment and let you know when I've added you.

affiliates.

42stairs hanako_lovely bella_sol bisforcupcakes cahootz cityraids champagneyes* cheverloo chokeonsunshine collapsingnight* defective_icons essence_designs fanfemme_icons iconiclyyours islash_ibelieve cadilicious cutesydesigns glamorous_mess hadesunderworld ilovechaos visitorcontent indigolime kahavi kh_pencilbox neskayanet ogeecons parfumeries* peach_teddy voulezvous ptit_lu revesdeamour sailorgirlicons soapflake stardustnsparkl strikers_design wonder_graphics xsynapsis

* = personally recommended

resources.

enamour — Wed, 10 Dec 2008 03:20:53 GMT

images.
- veer
- stock xchng
- weheartit (my account)
- foto_decadent

All images are property of their original owners/creators and no copyright infringement is intended. If you own an image I've used and would like credit or would like me to remove it, please let me know.

textures.
only personal ones as of yet

icons post #01: 70 icons.

enamour — Tue, 09 Dec 2008 19:24:36 GMT

A post of the majority of my icons from ikonic

Comment, credit, enjoy.
Please upload to your own server. Don't hotlink!

12. 17. 52. 66.

01-18: weheartit (if you made or know who made an image, let me know so I can give proper credit)
12, 13: Jenny Lewis
19-28: Amy Sedaris & I Like You: Hospitality Under the Influence
Rest: stock & fashion

01. 02. 03.
04. 05. 06.
07. 08. 09.
10. 11. 12.
13. 14. 15.
16. 17. 18.
19. 20. 21.
22. 23. 24.
25. 26. 27.
28. 29. 30.
31. 32. 33.
34. 35. 36.
37. 38. 39.
40. 41. 42.
43. 44. 45.
46. 47. 48.
49. 50. 51.
52. 53. 54.
55. 56. 57.
58. 59. 60.
61. 62. 63.
64. 65. 66.
67. 68. 69.
70.

change is good!

enamour — Tue, 09 Dec 2008 18:57:50 GMT

paintedlayouts is now
appleleaf!

No need to change your credits as paintedlayouts.livejournal.com directs straight to the new name.

I've had this username for about a year, and I thought it was too cute not to use!

notice.

enamour — Sun, 30 Nov 2008 02:10:36 GMT

NOTICE!

All previous layout entries are now PUBLIC!
I'm redoing the tags in order to make finding layouts & entries easier.
The site I had used to upload my images at (photos.cx) has shut down, so I will be reuploading all the images. This will take time and, unfortunately, you will have to alter your layouts in order to make the images work again. I sincerely apologize for the trouble.
While reuploading images, I will be removing the "paintedlayouts" text! It's ugly and unnecessary because...
From now on, credit is required. It's very simple to do, and I will post a tutorial on various ways to credit.
It's very possible that this community will be renamed. If it is, you will not have to do anything. You do not have to remove the community and readd it under its new name. You also do not have to change your links because paintedlayouts will still direct you to this community, whatever its name. I'm letting you know ahead of time so that no one freaks out if/when the name "paintedlayouts" disappears from your friends list.
The reason this community's name will be changing is because my plan is to make this community not only hold my LJ layouts, but also icons and graphics. (Also because "paintedlayouts" was just something I came up with while moving my S1 layouts to LJ from my domain, paintedeyes.org, not knowing this would be a longterm project.)

Thank you all for your support and membership over the years! You guys are awesome!!

profile layout #01 : 3 color schemes

enamour — Wed, 08 Oct 2008 18:00:08 GMT

I've been asked to make profile layouts before, so here are a few simple ones.

If you'd like another color scheme, I recommended looking in the "palette" section of colourlovers. I use this site all the time to create palettes, find colors for layouts, etc. You can find what I've created on my profile.

Note: The layouts may look a little different on your profile.

title.

You are free to edit this code, but please do not remove the link to paintedlayouts.

Text section number 2. Text text text text text text text text text text text text text text text text text text text text text text text text text text text text text.

profile » link » link » link » link » link

Palette: Late Summer

<div align=center><table width=400 cellspacing=0 cellpadding=3 border=0><tr bgcolor=#F0F0D8><td><font size=6 face="century gothic, verdana, sans-serif" color=#ffffff>title.</font></td></tr><tr height=10><td></td></tr><tr><td><table width=100% cellspacing=0 cellpadding=0 border=0><tr><td width=3 bgcolor=#F0D8C0></td><td width=10></td><td valign=top><div align="justify"><font size=1 face="lucida sans, verdana, sans-serif" color="#A8A799">TEXT AREA 1. REMEMBER NOT TO REMOVE PAINTEDLAYOUTS LINK</div></font></td></tr></table></td></tr><tr height=10><td></td></tr><tr><td><table width=100% cellspacing=0 cellpadding=0 border=0><tr><td width=3 bgcolor=#F0C0A8></td><td width=10></td><td valign=top><div align="justify"><font size=1 face="lucida sans, verdana, sans-serif" color="#A8A799">TEXT AREA 2.</div></font></td></tr></table></td></tr><tr height=10><td></td></tr><tr><td><table width=100% cellspacing=0 cellpadding=0 border=0><tr><td width=3 bgcolor=#D8C0A8></td><td width=10></td><td valign=top><div align="center"><font size=1 face="lucida sans, verdana, sans-serif" color="#F0C0A8"><a href="http://paintedlayouts.livejournal.com"><font color="#F0C0A8"><u>profile</u></font></a> » <a href="http://"><font color="#F0C0A8"><u>link</u></font></a> » <a href="http://"><font color="#F0C0A8"><u>link</u></font></a> » <a href="http://"><font color="#F0C0A8"><u>link</u></font></a> » <a href="http://"><font color="#F0C0A8"><u>link</u></font></a> » <a href="http://"><font color="#F0C0A8"><u>link</u></font></a> </div></font></td></tr></table></td></tr></table></div>

title.

You are free to edit this code, but please do not remove the link to paintedlayouts.

Text section number 2. Text text text text text text text text text text text text text text text text text text text text text text text text text text text text text.

profile » link » link » link » link » link

Palette: If Spring Ever Comes

<div align=center><table width=400 cellspacing=0 cellpadding=3 border=0><tr bgcolor=#FFC4AB><td><font size=6 face="century gothic, verdana, sans-serif" color=#ffffff>title.</font></td></tr><tr height=10><td></td></tr><tr><td><table width=100% cellspacing=0 cellpadding=0 border=0><tr><td width=3 bgcolor=#C6D1A7></td><td width=10></td><td valign=top><div align="justify"><font size=1 face="lucida sans, verdana, sans-serif" color="#A8A799">TEXT AREA 1. REMEMBER NOT TO REMOVE THE LINK TO PAINTEDLAYOUTS.</div></font></td></tr></table></td></tr><tr height=10><td></td></tr><tr><td><table width=100% cellspacing=0 cellpadding=0 border=0><tr><td width=3 bgcolor=#A5C3C3></td><td width=10></td><td valign=top><div align="justify"><font size=1 face="lucida sans, verdana, sans-serif" color="#A8A799">TEXT AREA 2</div></font></td></tr></table></td></tr><tr height=10><td></td></tr><tr><td><table width=100% cellspacing=0 cellpadding=0 border=0><tr><td width=3 bgcolor=#8CADAD></td><td width=10></td><td valign=top><div align="center"><font size=1 face="lucida sans, verdana, sans-serif" color="#FFC4AB"><a href="http://paintedlayouts.livejournal.com"><font color="#FFC4AB"><u>profile</u></font></a> » <a href="http://"><font color="#FFC4AB"><u>link</u></font></a> » <a href="http://"><font color="#FFC4AB"><u>link</u></font></a> » <a href="http://"><font color="#FFC4AB"><u>link</u></font></a> » <a href="http://"><font color="#FFC4AB"><u>link</u></font></a> » <a href="http://"><font color="#FFC4AB"><u>link</u></font></a> </div></font></td></tr></table></td></tr></table></div>

title.

You are free to edit this code, but please do not remove the link to paintedlayouts.

Text section number 2. Text text text text text text text text text text text text text text text text text text text text text text text text text text text text text.

profile » link » link » link » link » link

Palette: September - November

<div align=center><table width=400 cellspacing=0 cellpadding=3 border=0><tr bgcolor=#DE9F47><td><font size=6 face="century gothic, verdana, sans-serif" color=#ffffff>title.</font></td></tr><tr height=10><td></td></tr><tr><td><table width=100% cellspacing=0 cellpadding=0 border=0><tr><td width=3 bgcolor=#D6BF78></td><td width=10></td><td valign=top><div align="justify"><font size=1 face="lucida sans, verdana, sans-serif" color="#A8A799">TEXT AREA 1. REMEMBER NOT TO REMOVE THE LINK TO PAINTEDLAYOUTS.</div></font></td></tr></table></td></tr><tr height=10><td></td></tr><tr><td><table width=100% cellspacing=0 cellpadding=0 border=0><tr><td width=3 bgcolor=#EBD183></td><td width=10></td><td valign=top><div align="justify"><font size=1 face="lucida sans, verdana, sans-serif" color="#A8A799">TEXT AREA 2.</div></font></td></tr></table></td></tr><tr height=10><td></td></tr><tr><td><table width=100% cellspacing=0 cellpadding=0 border=0><tr><td width=3 bgcolor=#DFEB83></td><td width=10></td><td valign=top><div align="center"><font size=1 face="lucida sans, verdana, sans-serif" color="#DE9F47"><a href="http://paintedlayouts.livejournal.com"><font color="#DE9F47"><u>profile</u></font></a> » <a href="http://"><font color="#DE9F47"><u>link</u></font></a> » <a href="http://"><font color="#DE9F47"><u>link</u></font></a> » <a href="http://"><font color="#DE9F47"><u>link</u></font></a> » <a href="http://"><font color="#DE9F47"><u>link</u></font></a> » <a href="http://"><font color="#DE9F47"><u>link</u></font></a> </div></font></td></tr></table></td></tr></table></div>

s2 layout #10 : boxy

enamour — Mon, 08 Sep 2008 04:31:36 GMT

I don't have Photoshop on this computer, so no image preview. One day I'll have a working computer, I swear.

image preview | live preview

Type: S2
Layout: Flexible Squares
Tested in: Firefox, Internet Explorer (may not look right in IE)
Account types: Basic, plus, paid
Ad compatibility: Not tested because I don't know where to change them
Credit: Preferred, not required

Installation instructions

Switching layout to Flexible Squares
- Click here (opens in new window).
- Apply one of the themes (it doesn't matter which one).

Turning on sidebar (if not on)
- Click here (opens in new window).
- Choose "2 Column (sidebar on left)."

Pasting code for layout
- Click here (opens in new window).
- Make the three top dropdowns say "No."
- In "Custom stylesheet" section, paste the code. Do not alter if you are unfamiliar with CSS or HTML!
- Click "Save Changes."

CSS code

Code for pink layout

/*LAYOUT BY PAINTEDLAYOUTS.LIVEJOURNAL.COM
DO NOT REMOVE THIS
FEEL FREE TO EDIT*/

body	{background-color: #ffffff;
	color: #ffffff;
	text-align: center;
	margin: 0px}

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

blockquote {font-size: 8pt;
	color: #8C8C85;
	line-height: 20px;
        text-align: justify;
        border-width: 0px 0px 0px 1px;
        border-color: #AED1B8;
        border-style: dotted;
        padding: 0px 0px 0px 10px}

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

a,
a:link,
a:visited {color: #85BDBA;
	text-decoration: none;
	font-weight: normal;
        font-family: arial, helvetica, sans-serif;
        border-width: 0px 0px 1px 0px;
        border-style: dotted;
        border-color: #A8A799}
	
a:hover {color: #AED1B8;
	text-decoration: none;
	font-weight: normal;
        font-family: arial, helvetica, sans-serif;
        border-width: 0px 0px 1px 0px;
        border-style: dotted;
        border-color: #ffffff}
		
code,
kbd,
pre,
tt	{font-family: monospace;}

/*main table and page*/

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

#maincontent {width: 655px;
        margin: 0px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 7pt;
	color: #808080;
	background-color: #ffffff;
	border-width: 0px;
	text-align: justify;
	padding: 0px 15px 0px 15px}

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

#header {width: 100%;
        padding: 0px;
        margin: 50px 0px 20px 0px;
	background-color: #ffffff;
        color: #444444;
	border-width: 0px;
	font-family: century gothic, sans-serif;
	font-size: 9px;
	line-height: 30px;
        letter-spacing: 1px;
	text-transform: uppercase;
        text-align: right}

ul.navheader {padding: 0px;	
	margin: 0px}

ul.navheader li {display: inline}

li.view {
        font-family: century gothic, sans-serif;
	font-size: 9px;
	line-height: 30px;
        letter-spacing: 1px;
	text-transform: uppercase;
        background-color: #CBE2D8;
        color: #444444;
	font-weight: normal;
        padding: 10px 20px 10px 20px;
        margin: 0px 5px 0px 0px}

div#header a,
div#header a:link,
div#header a:visited {
	font-family: century gothic, sans-serif;
	font-size: 9px;
	line-height: 30px;
        letter-spacing: 1px;
	text-transform: uppercase;
        background-color: #DCF5F3;
        color: #444444;
	font-weight: normal;
        padding: 10px 20px 10px 20px;
        margin: 0px 5px 0px 0px;
         border-width: 0px}

div#header a:hover {color: #444444;
         background-color: #AEE0E0;
         border-width: 0px}

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

.title	{visibility: hidden;
	display: none}
	
.subtitle {visibility: hidden;
	display: none}

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

#sidebar {width: 200px;
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 0px 0px;
        background-color: #ffffff;
	border-width: 0px;
	color: #8C8C85;
	font-family:  arial, helvetica, sans-serif;
	font-size: 8pt;
	text-align: justify;
	float: right;
}

.sbarbody {padding: 0px 10px 0px -11px}
	
.sbarbody2 {padding: 0px 10px 0px 10px}

.defaultuserpic {text-align: center}

li.sbartitle {width: 100%;
        padding: 15px 0px 3px 0px;
        margin: 0px;
	list-style: none;
	font-family: century gothic, sans-serif;
	font-size: 9px;
	letter-spacing: 1px;
        text-align: right;
	color: #9DBFA6;
	text-transform: uppercase;
	width: 100%;
	border-width: 0px}

.sbarheader {padding: 0px;
	color: #000000;
	text-align: center}

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

li.sbaritem {padding: 0px 0px 7px 25px;
        background-image: url('http://g.photos.cx/sb-link-36d.png');
        background-repeat: no-repeat;
        background-position: 0px 0px;
        list-style: none}
			
div#sidebar a,
div#sidebar a:link,
div#sidebar a:visited {padding: 1px 0px 0px 0px;
	color: #8CADAD;
        font-weight: normal;
        line-height: 17px;
        border-style: dotted;
        border-width: 0px 0px 1px 0px;
        border-color: #cccccc;
        width: 100%;
        display: block}
	
div#sidebar a:hover {color: #AED1B8}

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

#footer	{width: 100%;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	text-align: right;
	font-family: century gothic, sans-serif;
	font-size: 9px;
        letter-spacing: 1px;
	text-transform: uppercase;
	background-color: #ffffff;
	color: #85BDBA;	
	z-index: 100;
	clear: both;
	border-width: 0px}

div#footer a,
div#footer a:link,
div#footer a:visited {
	font-family: century gothic, sans-serif;
	font-size: 9px;
        letter-spacing: 1px;
	text-transform: uppercase;
        color: #85BDBA;
	text-decoration: none;
	font-weight: normal;
        border-width: 0px 0px 1px 0px;
        border-style: dotted;
        border-color: #A8A799}
	
div#footer a:hover {
	font-family: century gothic, sans-serif;
	font-size: 9px;
        letter-spacing: 1px;
	text-transform: uppercase;
        color: #AED1B8;
	text-decoration: none;
	font-weight: normal;
        border-width: 0px 0px 1px 0px;
        border-style: dotted;
        border-color: #ffffff}

/*entry layout*/	
	
.subcontent {background-color: ffffff}
		
.entry	{margin: 5px 10px 10px 150px;
	padding: 20px 0px 10px 10px;
	background-color: #ffffff;
        font-family: arial, helvetica, sans-serif;
	font-size: 8pt;
	color: #8C8C85;
	line-height: 20px;
	text-align: justify;
        border-width: 1px 0px 0px 0px;
        border-style: dotted;
        border-color: #A8A799}
		
.entry ul li {padding-left: 5px;
	margin-left: 15px;
        list-style: decimal-leading-zero;
        list-style-position: outside}
		
.entry ol li {padding-left: 5px;
	margin-left: 15px;
        list-style: decimal-leading-zero;
        list-style-position: outside}

.entry ul li {

}

.entry ol li {
list-style: decimal-leading-zero;
list-style-position: outside;
}

.userpic {position: relative;
	float: left;
	text-align: center;
	background-color: #F5F5F5;
	padding: 10px;
	margin: 30px 10px 0px 10px;
	z-index: 15}
		
.userpicfriends {position: relative;
	float: left;
	text-align: center;
	background-color: #eeeeee;
	padding: 10px;
	margin: 30px 10px 0px 10px;
	font-family: franklin gothic medium, verdana, arial, helvetica, sans-serif;
	font-size: 7pt;
	font-weight: bold;
        text-align: center;
        color: #e29da2;
	z-index: 15}

.altuserpic {position: relative;
	float: left;
	text-align: center;
	background-color: #eeeeee;
	padding: 10px;
	margin: 30px 10px 0px 10px;
	font-family: franklin gothic medium, verdana, arial, helvetica, sans-serif;
	font-size: 7pt;
	font-weight: bold;
        text-align: center;
        color: #e29da2;
	z-index: 15}
		
.date	{font-family: franklin gothic medium, verdana, arial, helvetica, sans-serif;
	font-size: 7pt;
	color: #A8A799;
	text-transform: lowercase;
	line-height: 200%;
	text-align: left;
	padding: 0px;
        margin: 20px 0px 0px 150px;
        border-width: 0px;
	letter-spacing: 1px}
	
.subject {font-family: century gothic, arial, helvetica, sans-serif;
	font-size: 10pt;
	letter-spacing: 1px;
	color: #8CADAD; 
	text-transform: lowercase;
	text-align: left;
	padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 150px}
		
.subject a,
.subject a:link,
.subject a:visited {color: #8CADAD}
	
.subject a:hover {color: #444444}

.datesubject {background-color: #ffffff;
	padding: 5px}
		
.currents,
.currentmood,
.currentmusic {font-family: franklin gothic medium, verdana, arial, helvetica, sans-serif;
	font-size: 7pt;
        letter-spacing: 1px;
	color: #A8A799;
	text-transform: lowercase}

.comments {font-family: franklin gothic medium, verdana, arial, helvetica, sans-serif;
	font-size: 7pt;
	color: #cccccc;
	text-align: right;
	text-transform: lowercase;
	padding: 0px;
	border-width: 0px;
	position: relative;
	top: 15px}
		
div.comments a,
div.comments a:link,
div.comments a:visited {color: #85BDBA;
	text-decoration: none;
        border-width: 0px;
	font-weight: normal}
	
div.comments a:hover {color: #AED1B8;
	text-decoration: none;
        border-width: 0px;
	font-weight: normal}

.separator {height: 25px}

/*content on entries and comments*/	
	
.datesubjectcomment {background-color: #ffffff;
	padding: 5px}	
		
.userpiccomment {position: relative;
	float: left;
	text-align: center;
	background-color: #F5F5F5;
	padding: 10px;
	margin: 0px 10px 0px 10px;
	z-index: 15}
		
.box	{border-color: #ffffff;
	padding: 10px;
        font-family: arial, helvetica, sans-serif;
        font-size: 8pt;}

input,
textarea {background-color: #ffffff;
	color: #888888;
        font-family: arial, helvetica, sans-serif;
        font-size: 8pt;
        border: 1px;
        border-color: #cccccc #aaaaaa #aaaaaa #cccccc;
        border-style: solid}
		
textarea.textbox  {width: 100% !important}
	
.reply	{margin: 5px 10px 10px 150px;
	padding: 20px 0px 10px 10px;
	background-color: #ffffff;
        font-family: arial, helvetica, sans-serif;
	font-size: 8pt;
	color: #8C8C85;
	line-height: 20px;
	text-align: justify;
        border-width: 1px 0px 0px 0px;
        border-style: dotted;
        border-color: #A8A799}
		
.replytosubject {font-family: century gothic, arial, helvetica, sans-serif;
	font-size: 10pt;
	letter-spacing: 1px;
	color: #8CADAD; 
	text-transform: lowercase;
	text-align: left;
	padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 150px}

.replytoposter {font-family: franklin gothic medium, verdana, arial, helvetica, sans-serif;
	font-size: 7pt;
	color: #A8A799;
	text-transform: lowercase;
	line-height: 200%;
	text-align: left;
	padding: 0px;
        margin: 20px 0px 0px 150px;
        border-width: 0px;
	letter-spacing: 1px}
			
.commentreply {position: relative;
	margin: 10px;
        padding: 0px 0px 0px 150px;
	font-size: 8pt;
	font-family: arial, helvetica, sans-serif;
	color: #808080;}
		
.commentbox {border-color: #eeeeee; 
	border-width: 0px; 
	border-style: solid; 
	padding: 10px; 
	margin: 10px; 
	background-color: #ffffff}
		
.datesubjectcomment a:link,
.datesubjectcomment a:visited {color: #85BDBA;
	text-decoration: none;
	font-weight: normal;
        font-family: arial, helvetica, sans-serif;
        border-width: 0px 0px 1px 0px;
        border-style: dotted;
        border-color: #ffffff}
	
.datesubjectcomment a:hover {color: #AED1B8;
	text-decoration: none;
	font-weight: normal;
        font-family: arial, helvetica, sans-serif;
        border-width: 0px 0px 1px 0px;
        border-style: dotted;
        border-color: #A8A799}
	
.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: #555555}
	
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}

/*tag page*/

.ljtaglist {
        list-style-type: none; 
        padding: 0px; 
        margin: -1px 20px 0px 20px; 
        margin-left: 70px;
        width: 50%; 
        text-transform: #A8A799;
        text-align: left}

.ljtaglist li {
        list-style: decimal-leading-zero;
        border-width: 0px 0px 1px 0px;
        border-style: dotted;
        border-color: #cccccc; 
        padding: 15px 0px 0px 20px; 
        color: #A8A799}

ul.ljtaglist {
        color: #888888;
        font-family: arial, helvetica, sans-serif;
        font-size: 8pt;
        padding: 8px 8px 8px 12px;
        text-align: left;
        margin-right: auto;
        margin-left: auto; 
        padding: 35px}

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

/*miscellaneous add-ons*/

.leftlinks {float: left;
        position: relative;}

The following palette was used on this layout:

Color by COLOURlovers

s2 layout #9 : damask

enamour — Mon, 21 Jul 2008 20:07:18 GMT

Photoshop does not want to work for me, so I'll put up the thumbnails and image previews in a bit.

[pink version]
image preview | live preview

[blue version]
image preview | live preview

Type: S2
Layout: Flexible Squares
Tested in: Firefox, Internet Explorer (may not look right in IE)
Account types: Basic, plus, paid
Ad compatibility: Not tested, most likely Vertical only
Credit: Preferred, not required

Note: The navigation links will not show up automatically. You need to add them to your link list and then make sure to include that within your sidebar.

Installation instructions

Switching layout to Flexible Squares
- Click here (opens in new window).
- Apply one of the themes (it doesn't matter which one).

Turning on sidebar (if not on)
- Click here (opens in new window).
- Choose "2 Column (sidebar on left)."

Pasting code for layout
- Click here (opens in new window).
- Make the three top dropdowns say "No."
- In "Custom stylesheet" section, paste the code. Do not alter if you are unfamiliar with CSS or HTML!
- Click "Save Changes."

CSS code

Code for pink layout

/*LAYOUT BY PAINTEDLAYOUTS.LIVEJOURNAL.COM
DO NOT REMOVE THIS
FEEL FREE TO EDIT*/

body	{background: url('http://e.photos.cx/damask-grad-white-e6a.png');
	background-position: top center;
	background-repeat: repeat-x;
	background-color: #3a3a3a;
	font-family: verdana, sans-serif;
	font-size: 7pt;
	text-align: center;
	margin: 0px}

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

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

a,
a:link,
a:visited {color: #f26d7d;
	text-decoration: none;
	font-weight: bold;
	font-family: trebuchet ms, verdana, sans-serif;
        text-transform: uppercase}
	
a:hover {color: #f26d7d;
	border-width: 0px;
        background: url('http://e.photos.cx/grey-grad-drk-e8d.png')}
		
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: #f26d7d;}

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

/*main table and page*/

#content {width: 700px;
	margin-left: auto;
	margin-right: auto;
        margin-top: 150px;
	padding: 0px;
	text-align: justify;
	border-width: 0px}

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

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

#sidebar {padding: 0px 20px 10px 0px;
        margin: 0px 0px 15px 15px;
        font-family: verdana, sans-serif;
	font-size: 7pt;
	line-height: 20px;
	color: #999999;
	width: 150px;
	border-color: #555555;
	border-style: dotted;
	border-width: 0px 1px 0px 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-width: 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-width: 0px;
        background: url('http://e.photos.cx/pink-grad-c5e.png')}
	
.defaultuserpic {visibility: hidden;
	display: none}
	
.sbarheader {padding: 0px 5px 0px 5px;
	color: #000000;
	text-align: center}

table.calendar {width: 100%;
	margin: 1px 0px 0px 1px}

table.calendar td {padding: 0px;
	border-width: 1px;
	border-color: #444444;
	border-style: solid;
	text-align: center;
        color: #aaaaaa}

.sbarcalendarposts {background: #444444;
        color: #ed145a}

.sbarcalendarposts a {display: block;
	color: #ed145a;
        border-width: 0px}

.sbarcalendarposts a:hover {color: #ed145a;
        border-width: 0px;
        background: url('http://e.photos.cx/pink-grad-c5e.png')}
		
ul.sbarlist {padding: 0px;
	list-style: none;}

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

li.sbartitle {padding: 0px;
	margin: 40px 0px 0px 0px;
	list-style: none;
	font-family: franklin gothic medium, verdana, arial, helvetica, sans-serif;
	font-size: 7pt;
	font-weight: normal;
	letter-spacing: 1px;
	color: #f26d7d; 
	text-transform: uppercase;
	border-style: dotted;
	border-color: #777777;
	border-width: 0px 0px 1px 0px}

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

#header {width: 100%;
	border-width: 0px;
        color: #2c2c2c;
        font-size: 1px}

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

.title	{margin: -80px 0px 0px 20px;
	text-align: left;
	font-family: georgia, garamond, serif;
	font-size: 25pt;
        font-weight: bold;
        text-transform: lowercase;
	color: #ed145a;	
	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: right;
	font-family: trebuchet ms, verdana, sans-serif;
	font-size: 7pt;
        font-weight: normal;
        text-transform: lowercase;
	color: #888888;	
	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: #f26d7d;
         font-weight: normal}
	
div#header a:hover {visibility: hidden;
         display: none}

div#footer a:hover {color: #f26d7d;
	border-width: 0px;
        background: url('http://e.photos.cx/grey-grad-drk-e8d.png')}	
	
ul.navheader {padding: 0px;	
	margin: 0px}

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

/*entry layout*/	
	
.subcontent {background-color: ffffff}
		
.entry	{margin: 15px 15px 0px 20px;
	padding: 0px 10px 0px 0px;
	font-size: 7pt;
	color: #999999;
	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 {color: #f26d7d;
	position: relative;
	float: right;
	padding: 5px;
	margin: 50px 10px 10px 10px;
	border-width: 0px;
	font-family: franklin gothic medium, verdana, arial, helvetica, sans-serif;
	font-size: 7pt;
	font-weight: normal;
        text-align: center;
	z-index: 15}

.altuserpic {color: #f26d7d;
	position: relative;
	float: right;
	padding: 5px;
	margin: 50px 10px 10px 10px;
	border-width: 0px;
	font-family: franklin gothic medium, verdana, arial, helvetica, sans-serif;
	font-size: 7pt;
	font-weight: normal;
        text-align: center;
	z-index: 15;}

.date	{margin: 0px 15px 0px 15px;
	padding: 0px 10px 0px 5px;
	font-family: franklin gothic medium, verdana, arial, helvetica, sans-serif;
	font-size: 7pt;
	font-weight: normal;
	letter-spacing: 1px;
	color: #555555; 
	text-transform: uppercase;
	text-align: left}
	
.subject {margin: 0px 15px 0px 15px;
	padding: 0px 10px 0px 5px;
        font-family: franklin gothic medium, verdana, arial, helvetica, sans-serif;
	font-size: 7pt;
	font-weight: normal;
	letter-spacing: 1px;
	color: #ffffff;
	text-transform: uppercase;
	text-align: left;
        background: url('http://e.photos.cx/pink-grad-c5e.png')}
		
.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: #777777;
	text-transform: lowercase;
	line-height: 12px}

.currenttags,
.currenttags a,
.currenttags a:link,
.currenttags a:visited {color: #f26d7d;
	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;
        background: url('http://e.photos.cx/grey-grad-drk-e8d.png');
	line-height: 10px}

.comments {margin: 0px 15px 0px 15px;
        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: #f26d7d;
        font-size: 7pt;
        font-weight: normal;
        text-transform: lowercase}
	
div.comments a:hover {color: #f26d7d;
        font-weight: normal;
        background: url('http://e.photos.cx/grey-grad-drk-e8d.png')}

/*content on entries and comments*/	
	
.datesubjectcomment {padding: 5px;
	margin: 20px 0px 0px 0px}	
		
.userpiccomment {background-color: #444444;
	color: #f26d7d;
	position: relative;
	float: right;
	padding: 5px;
	margin: 10px;
	border-width: 0px;
	font-family: franklin gothic medium, verdana, arial, helvetica, sans-serif;
	font-size: 7pt;
	font-weight: normal;
        text-align: center;
	z-index: 15}
		
.box	{border-color: #444444;
	padding: 10px}

input,
textarea {background-color: #444444;
	color: #aaaaaa;
	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: #444444; 
	border-width: 1px; 
	border-style: solid; 
	padding: 10px; 
	margin: 10px; 
	background-color: #444444}

.commentboxpartial {border-color: #333333; 
	border-width: 1px; 
	border-style: solid; 
	padding: 10px; 
	margin: 10px; 
	background-color: #333333}
	
.commentinfo {background-color: #444444; 
	margin-top: 10px; 
	width: 100%}
		
.datesubjectcomment a:link,
.datesubjectcomment a:visited {color: #f26d7d;
	border-width: 0px}
		
.datesubjectcomment a:hover {color: #f26d7d;
	border-width: 0px;
        background: url('http://e.photos.cx/grey-grad-drk-e8d.png')}

/*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: dotted;
	border-color: #444444}
	
table.yeartable td.yearday {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;
	border-color: #ffffff;
	margin: 25px 5px 25px 0px}

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

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

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

.leftlinks {float: left}

Code for blue layout

/*LAYOUT BY PAINTEDLAYOUTS.LIVEJOURNAL.COM
DO NOT REMOVE THIS
FEEL FREE TO EDIT*/

body	{background: url('http://e.photos.cx/damask-grad-8a0-cf8.png');
	background-position: top center;
	background-repeat: repeat-x;
	background-color: #ffffff;
	font-family: verdana, sans-serif;
	font-size: 7pt;
	text-align: center;
	margin: 0px}

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

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

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;
        background: url('http://e.photos.cx/grey-grad-lght-8e6.png')}
		
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: #555555;
	font-family: trebuchet ms, verdana, sans-serif}

/*main table and page*/

#content {width: 700px;
	margin-left: auto;
	margin-right: auto;
        margin-top: 150px;
	padding: 0px;
	text-align: justify;
	border-width: 0px}

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

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

#sidebar {padding: 0px 20px 10px 0px;
        margin: 0px 0px 15px 15px;
        font-family: verdana, sans-serif;
	font-size: 7pt;
	line-height: 20px;
	color: #999999;
	width: 150px;
	border-color: #eeeeee;
	border-style: dotted;
	border-width: 0px 1px 0px 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-width: 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-width: 0px;
        background: url('http://e.photos.cx/blue-grad-b8d.png')}
	
.defaultuserpic {visibility: hidden;
	display: none}
	
.sbarheader {padding: 0px 5px 0px 5px;
	color: #000000;
	text-align: center}

table.calendar {width: 100%;
	margin: 1px 0px 0px 1px}

table.calendar td {padding: 0px;
	border-width: 1px;
	border-color: #eeeeee;
	border-style: solid;
	text-align: center;
        color: #aaaaaa}

.sbarcalendarposts {background: #eeeeee;
        color: #ed145a}

.sbarcalendarposts a {display: block;
	color: #ed145a;
        border-width: 0px}

.sbarcalendarposts a:hover {color: #ed145a;
        border-width: 0px;
        background: url('http://e.photos.cx/blue-grad-b8d.png')}
		
ul.sbarlist {padding: 0px;
	list-style: none;}

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

li.sbartitle {padding: 0px;
	margin: 40px 0px 0px 0px;
	list-style: none;
	font-family: franklin gothic medium, verdana, arial, helvetica, sans-serif;
	font-size: 7pt;
	font-weight: normal;
	letter-spacing: 1px;
	color: #70c3b0; 
	text-transform: uppercase;
	border-style: dotted;
	border-color: #cccccc;
	border-width: 0px 0px 1px 0px}

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

#header {width: 100%;
	border-width: 0px;
        color: #c2c2c2;
        font-size: 1px}

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

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

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

/*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: normal}
	
div#header a:hover {visibility: hidden;
         display: none}

div#footer a:hover {color: #70c3b0;
	border-width: 0px;
        background: url('http://e.photos.cx/grey-grad-lght-8e6.png')}	
	
ul.navheader {padding: 0px;	
	margin: 0px}

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

/*entry layout*/	
	
.subcontent {background-color: ffffff}
		
.entry	{margin: 15px 15px 0px 20px;
	padding: 0px 10px 0px 0px;
	font-size: 7pt;
	color: #777777;
	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 {color: #70c3b0;
	position: relative;
	float: right;
	padding: 5px;
	margin: 50px 10px 10px 10px;
	border-width: 0px;
	font-family: franklin gothic medium, verdana, arial, helvetica, sans-serif;
	font-size: 7pt;
	font-weight: normal;
        text-align: center;
	z-index: 15}

.altuserpic {color: #70c3b0;
	position: relative;
	float: right;
	padding: 5px;
	margin: 50px 10px 10px 10px;
	border-width: 0px;
	font-family: franklin gothic medium, verdana, arial, helvetica, sans-serif;
	font-size: 7pt;
	font-weight: normal;
        text-align: center;
	z-index: 15;}

.date	{margin: 0px 15px 0px 15px;
	padding: 0px 10px 0px 5px;
	font-family: franklin gothic medium, verdana, arial, helvetica, sans-serif;
	font-size: 7pt;
	font-weight: normal;
	letter-spacing: 1px;
	color: #cccccc; 
	text-transform: uppercase;
	text-align: left}
	
.subject {margin: 0px 15px 0px 15px;
	padding: 0px 10px 0px 5px;
        font-family: franklin gothic medium, verdana, arial, helvetica, sans-serif;
	font-size: 7pt;
	font-weight: normal;
	letter-spacing: 1px;
	color: #ffffff;
	text-transform: uppercase;
	text-align: left;
        background: url('http://e.photos.cx/blue-grad-b8d.png')}
		
.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: #aaaaaa;
	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;
        background: url('http://e.photos.cx/grey-grad-lght-8e6.png');
	line-height: 10px}

.comments {margin: 0px 15px 0px 15px;
        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;
        text-transform: lowercase}
	
div.comments a:hover {color: #70c3b0;
        font-weight: normal;
        background: url('http://e.photos.cx/grey-grad-lght-8e6.png')}

/*content on entries and comments*/	
	
.datesubjectcomment {padding: 5px;
	margin: 20px 0px 0px 0px}	
		
.userpiccomment {background-color: #ffffff;
	border-width: 1px;
	border-style: solid;
	border-color: #eeeeee;
	color: #70c3b0;
	position: relative;
	float: right;
	padding: 5px;
	margin: 0px 10px 10px 10px;
	border-width: 0px;
	font-family: franklin gothic medium, verdana, arial, helvetica, sans-serif;
	font-size: 7pt;
	font-weight: normal;
        text-align: center;
	z-index: 15}
		
.box	{border-color: #eeeeee;
	padding: 10px}

input,
textarea {background-color: #ffffff;
	color: #777777;
	font-family: verdana, sans-serif;
	font-size: 7pt;
        border-width: 1px;
	border-color: #eeeeee;
	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: #ffffff;
	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}

.commentboxpartial {border-color: #eeeeee; 
	border-width: 1px; 
	border-style: solid; 
	padding: 10px; 
	margin: 10px; 
	background-color: #ffffff}
	
.commentinfo {background-color: #eeeeee; 
	margin-top: 10px; 
	width: 100%}
		
.datesubjectcomment a:link,
.datesubjectcomment a:visited {color: #70c3b0;
	border-width: 0px}
		
.datesubjectcomment a:hover {color: #70c3b0;
	border-width: 0px;
        background: url('http://e.photos.cx/grey-grad-lght-8e6.png')}

/*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: dotted;
	border-color: #eeeeee}
	
table.yeartable td.yearday {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;
	border-color: #ffffff;
	margin: 25px 5px 25px 0px}

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

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

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

.leftlinks {float: left}

s2 layout #08 : seafoam.

enamour — Tue, 13 Nov 2007 19:57:44 GMT

image preview | live preview

Type: S2
Layout: Flexible Squares
Tested in: Firefox, Internet Explorer
Account types: Basic, plus, paid
Ad compatibility: Horizontal, vertical (edit here)
Credit: Required

Note: The navigation links will not show up automatically. You need to add them to your link list and then make sure to include that within your sidebar.

Question? Ask here, not in this entry. Also check FAQ.

Installation instructions
Switching layout to Flexible Squares
- Click here (opens in new window).
- Apply one of the themes (it doesn't matter which one).

Turning on sidebar (if not on)
- Click here (opens in new window).
- Choose "2 Column (sidebar on left)."

Pasting code for layout
- Click here (opens in new window).
- Make the three top dropdowns say "No."
- In "Custom stylesheet" section, paste the code. Do not alter if you are unfamiliar with CSS or HTML!
- Click "Save Changes."

CSS code

Code for Firefox users

/*LAYOUT BY PAINTEDLAYOUTS.LIVEJOURNAL.COM
DO NOT REMOVE THIS
FEEL FREE TO EDIT*/

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

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

/*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: 275px;
	background-image: 
url("http://pics.livejournal.com/enamour/pic/0001whzx") !important;
	background-repeat: no-repeat !important;
	background-attachment: scroll !important;
	background-position: center !important;
	margin: 10px 0px 0px 0px}

Code for IE users