heroine pretend ☂ (

enamour) wrote in

appleleaf,
2006-11-10 13:48:00

Mood: fine
Music: Semisonic - Closing Time

s2 layout #05 : greyscaled.

image preview | live preview

image preview | live preview

Type: S2
Layout: Flexible Squares
Tested in: Firefox, Internet Explorer
Account types: Basic, plus, paid
Ad compatibility: Not tested
Credit: 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-image: url(http://pics.livejournal.com/enamour/pic/0002h43y);
	background-opacity: 255;
	background-color: #595959;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 7pt;
	color: #ffffff;
	text-align: center;
	margin: 0px}

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

li {font-size: 7pt;
	color: #808080}

a,
a:link,
a:visited {color: #e29da2;
	text-decoration: none;
	font-weight: bold;
	font-family: franklin gothic medium, verdana, arial, helvetica, sans-serif}
	
a:hover {color: #ffffff}
		
code,
kbd,
pre,
tt	{font-family: monospace;}

/*main table and page*/

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

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

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

#sidebar {padding: 10px 15px 0px 0px;
	margin-top: 5px;
	margin-right: 25px;
	background-color: #444444;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 7pt;
	line-height: 15px;
	color: #808080;
	width: 150px;
	border-width: 0px;
	float: left;
	text-align: justify}

div#sidebar a,
div#sidebar a:link,
div#sidebar a:visited {color: #e29da2}
	
div#sidebar a:hover {color: #ffffff}
	
.defaultuserpic {text-align: center}
	
.sbarheader {padding: 0px 5px 0px 5px;
	color: #000000;
	text-align: center}
	
.sbarbody {padding: 0 10px 0 -11px}
	
.sbarbody2 {padding: 0 10px 0 10px}
			
table.calendar {margin-right: auto;
	margin-left: auto}
		
.sbarcalendar {padding: 1px 2px 2px 1px;
	border-color: #333333 #666666 #666666 #333333;
	border-width: 1px;
	border-style: solid;
	text-align: center;
	font-family: small fonts, arial, helvetica, sans-serif;
	font-size: 6pt;
        color: #888888;
        background-color: #4f4f4f;
        line-height: auto}
	
.sbarcalendarposts {padding: 1px 2px 2px 1px;
        border-color: #666666 #333333 #333333 #666666;
	border-width: 1px;
	border-style: solid;
	text-align: center;
	font-family: small fonts, arial, helvetica, sans-serif;
	font-size: 6pt;
        background-color: #4f4f4f;
        line-height: auto}
		
ul.sbarlist {padding-left: 0px;
	margin-left: 0px;
	list-style: none}

li.sbaritem {padding-left: 30px;
	list-style: none;
        background-image: url('http://pics.livejournal.com/enamour/pic/0002pw71');
        background-repeat: no-repeat;
        background-position: center left}

li.sbartitle {padding-left: 20px;
	padding-right: 5px;
        padding-top: 2px;
        padding-bottom: 0px;
	list-style: none;		
	margin-bottom: 10px;
	margin-top: 20px;
	font-family: century gothic, print clearly, arial, helvetica;
	font-size: 10pt;
	letter-spacing: 1px;
	color: #cd6e84;
	text-transform: lowercase;
	background-color: #444444;
	width: 100%;
	border-width: 0;
        background-image: url('http://pics.livejournal.com/enamour/pic/0002q6ze')}

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

#header {width: 100%;
	padding: 0px;
	margin: 0px 0px 20px 0px;
	line-height: 10px;
	text-align: center;
	font-family: franklin gothic medium, verdana, arial, helvetica, sans-serif;
	font-size: 7pt;
	font-weight: normal;
	color: #c0c0c0;
	text-transform: lowercase;
	background-color: #444444;
	border-width: 0px}

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

.title	{font-size: 30px;
	margin: 20px 0px 20px 0px;
	font-family: century gothic, print clearly, arial, sans-serif;
        color: #c0c0c0;
        text-transform: uppercase}
	
.subtitle {visibility: hidden; font-size: 1px}

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

#footer	{width: 100%;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	text-align: right;
	font-family: franklin gothic medium, verdana, arial, helvetica, sans-serif;
	font-size: 7pt;
        text-transform: lowercase;
	letter-spacing: 1px;
	background-color: #444444;
	color: #e29da2;	
	z-index: 100;
	clear: both;
	border-width: 0px}

/*more footer and header*/	
	
div#header a,
div#header a:link,
div#header a:visited,
div#footer a,
div#footer a:link,
div#footer a:visited {color: #cd6e84;
         font-weight: normal}
	
div#header a:hover,
div#footer a:hover {color: #444444}	
	
ul.navheader {padding: 0px;	
	margin: 0px}

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

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

.userpic {position: relative;
	float: right;
	text-align: center;
	background-color: #444444;
	padding: 5px;
	margin: 10px;
	z-index: 15;
	border-width: 1px;
	border-color: #555555;
	border-style: dotted}
		
.userpicfriends {position: relative;
	float: right;
	background-color: #444444;
	padding: 5px;
	margin: 10px;
	z-index: 15;
	border-width: 1px;
	border-color: #eeeeee;
	border-style: solid;
	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: right;
	text-align: center;
	background-color: #444444;
	padding: 5px;
	margin: 10px;
	z-index: 15;
	border-width: 1px;
	border-color: #eeeeee;
	border-style: solid}
		
.date	{font-family: century gothic, print clearly, arial, helvetica, sans-serif;
	font-size: 10pt;
	letter-spacing: 1px;
	color: #cd6e84; 
	text-transform: lowercase;
	background-color: #444444;
	text-align: left;
	padding: 0px 0px 0px 25px;
        border-width: 0px;
        background-image: url('http://pics.livejournal.com/enamour/pic/0002q6ze');
        background-repeat: no-repeat}
	
.subject {font-family: franklin gothic medium, verdana, arial, helvetica, sans-serif;
	font-size: 7pt;
	color: #222222;
	text-transform: lowercase;
	line-height: 200%;
	text-align: left;
	background-color: #444444;
	padding: 0px 0px 0px 25px;
        border-width: 0px;
	letter-spacing: 1px}
		
.subject a,
.subject a:link,
.subject a:visited {color: #e29da2}
	
.subject a:hover {color: #444444}

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

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

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

input,
textarea {background-color: #444444;
	color: #c0c0c0;
        font-family: verdana, arial, helvetica, sans-serif;
        font-size: 7pt;
        border: 1px}
		
textarea.textbox  {width: 100% !important}
	
.reply	{position: relative;
	margin: 20px 30px 10px 30px;
	padding: 25px 10px 10px 10px;
	text-align: left;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 7pt;
	line-height: 125%;
	background-color: #444444;
	color: #c0c0c0}
		
.replytosubject {font-weight: bold;}
			
.commentreply {position: relative;
	margin: 10px;
	font-size: 7pt;
	font-family: verdana, arial, helvetica, sans-serif;
	color: #808080;}
		
.commentbox {border-color: #eeeeee; 
	border-width: 1px; 
	border-style: solid; 
	padding: 10px; 
	margin: 10px; 
	background-color: #444444}
		
.datesubjectcomment a:link,
.datesubjectcomment a:visited {color: #e29da2}
		
.datesubjectcomment a:hover {color: #444444}
	
.commentboxpartial {border-color: #333333; 
	border-width: 1px; 
	border-style: solid; 
	padding: 10px; 
	margin: 10px; 
	background-color: #444444}

.commentinfo {background-color: #444444; 
	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}

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

.separator {height: 25px}

.headerimage {height: 29px;
	background-image: url('http://pics.livejournal.com/enamour/pic/0002gyq4') !important;
	background-repeat: no-repeat !important;
	background-attachment: scroll !important;
	background-position: center !important;
	margin-bottom: 0px;
        margin-top: 20px}

Code for green/teal layout

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

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

li {font-size: 7pt;
	color: #808080}

a,
a:link,
a:visited {color: #7accc8;
	text-decoration: none;
	font-weight: bold;
	font-family: franklin gothic medium, verdana, arial, helvetica, sans-serif}
	
a:hover {color: #ffffff}
		
code,
kbd,
pre,
tt	{font-family: monospace;}

/*main table and page*/

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

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

div#sidebar a,
div#sidebar a:link,
div#sidebar a:visited {color: #7accc8}
	
div#sidebar a:hover {color: #ffffff}
	
.defaultuserpic {text-align: center}
	
.sbarheader {padding: 0px;
	color: #000000;
	text-align: center}
	
.sbarbody {padding: 0 10px 0 -11px}
	
.sbarbody2 {padding: 0 10px 0 10px}
			
table.calendar {margin-right: auto;
	margin-left: auto}
		
.sbarcalendar {padding: 1px 2px 2px 1px;
	border-color: #333333 #666666 #666666 #333333;
	border-width: 1px;
	border-style: solid;
	text-align: center;
	font-family: small fonts, arial, helvetica, sans-serif;
	font-size: 6pt;
        color: #888888;
        background-color: #4f4f4f;
        line-height: auto}
	
.sbarcalendarposts {padding: 1px 2px 2px 1px;
        border-color: #666666 #333333 #333333 #666666;
	border-width: 1px;
	border-style: solid;
	text-align: center;
	font-family: small fonts, arial, helvetica, sans-serif;
	font-size: 6pt;
        font-weight: normal;
        background-color: #4f4f4f;
        line-height: auto}
		
ul.sbarlist {padding-left: 0px;
	margin-left: 0px;
	list-style: none}

li.sbartitle {padding-left: 20px;
	padding-right: 5px;
        padding-top: 2px;
        padding-bottom: 0px;
	list-style: none;		
	margin-bottom: 10px;
	margin-top: 20px;
	font-family: century gothic, print clearly, arial, helvetica;
	font-size: 10pt;
	letter-spacing: 1px;
	color: #1cbbb4;
	text-transform: lowercase;
	background-color: #444444;
	width: 100%;
	border-width: 0;
        background-image: url('http://pics.livejournal.com/enamour/pic/0002q6ze')}

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

#header {width: 100%;
	padding: 0px;
	margin: 0px 0px 20px 0px;
	line-height: 10px;
	text-align: center;
	font-family: franklin gothic medium, verdana, arial, helvetica, sans-serif;
	font-size: 7pt;
	font-weight: normal;
	color: #cccccc;
	text-transform: lowercase;
	background-color: #444444;
	border-width: 0px}

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

.title	{font-size: 30px;
	margin: 20px 0px 20px 0px;
	font-family: century gothic, print clearly, arial, sans-serif;
        color: c0c0c0;
        text-transform: uppercase}
	
.subtitle {visibility: hidden; font-size: 1px}

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

#footer	{width: 100%;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	text-align: right;
	font-family: franklin gothic medium, verdana, arial, helvetica, sans-serif;
	font-size: 7pt;
        text-transform: lowercase;
	letter-spacing: 1px;
	background-color: #444444;
	color: #1cbbb4;	
	z-index: 100;
	clear: both;
	border-width: 0px}

/*more footer and header*/	
	
div#header a,
div#header a:link,
div#header a:visited,
div#footer a,
div#footer a:link,
div#footer a:visited {color: #1cbbb4;
         font-weight: normal}
	
div#header a:hover,
div#footer a:hover {color: #444444}	
	
ul.navheader {padding: 0px;	
	margin: 0px}

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

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

.altuserpic {position: relative;
	float: right;
	text-align: center;
	background-color: #444444;
	padding: 5px;
	margin: 10px;
	z-index: 15;
	border-width: 1px;
	border-color: #eeeeee;
	border-style: solid}
		
.date	{font-family: century gothic, print clearly, arial, helvetica, sans-serif;
	font-size: 10pt;
	letter-spacing: 1px;
	color: #1cbbb4; 
	text-transform: lowercase;
	background-color: #444444;
	text-align: left;
	padding: 0px 0px 0px 25px;
        border-width: 0px;
        background-image: url('http://pics.livejournal.com/enamour/pic/0002q6ze');
        background-repeat: no-repeat}
	
.subject {font-family: franklin gothic medium, verdana, arial, helvetica, sans-serif;
	font-size: 7pt;
	color: #222222;
	text-transform: lowercase;
	line-height: 200%;
	text-align: left;
	background-color: #444444;
	padding: 0px 0px 0px 25px;
        border-width: 0px;
	letter-spacing: 1px}
		
.subject a,
.subject a:link,
.subject a:visited {color: #1cbbb4}
	
.subject a:hover {color: #444444}

.comments {font-family: franklin gothic medium, verdana, arial, helvetica, sans-serif;
	font-size: 7pt;
	color: #cccccc;
	text-align: center;
	text-transform: lowercase;
	background-color: #444444;
	padding: 0px;
	border-width: 0px;
	position: relative;
	top: 15px}
		
div.comments a,
div.comments a:link,
div.comments a:visited {color: #1cbbb4;
        font-size: 7pt}
	
div.comments a:hover {color: #ffffff;
	text-decoration: none}

input,
textarea {background-color: #444444;
	color: #c0c0c0;
        font-family: verdana, arial, helvetica, sans-serif;
        font-size: 7pt;
        border: 1px}
		
textarea.textbox  {width: 100% !important}
	
.reply	{position: relative;
	margin: 20px 30px 10px 30px;
	padding: 25px 10px 10px 10px;
	text-align: left;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 7pt;
	line-height: 125%;
	background-color: #444444;
	color: #c0c0c0}
		
.replytosubject {font-weight: bold;}
			
.commentreply {position: relative;
	margin: 10px;
	font-size: 7pt;
	font-family: verdana, arial, helvetica, sans-serif;
	color: #808080;}
		
.commentbox {border-color: #eeeeee; 
	border-width: 1px; 
	border-style: solid; 
	padding: 10px; 
	margin: 10px; 
	background-color: #444444}
		
.datesubjectcomment a:link,
.datesubjectcomment a:visited {color: #1cbbb4}
		
.datesubjectcomment a:hover {color: #444444}
	
.commentboxpartial {border-color: #333333; 
	border-width: 1px; 
	border-style: solid; 
	padding: 10px; 
	margin: 10px; 
	background-color: #444444}

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

.separator {height: 30px}

(To use a header of your own, simply make an image with a width of 629 pixels, upload it, and then edit the "headerimage" code at the bottom of the above. To remove the header, delete everything within the code under "headerimage".)

Tags: layouts: flexible squares, layouts: s2, layouts: sidebar

Post a new comment
Error

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

We will log you in after post

We will log you in after post

We will log you in after post

We will log you in after post

Anonymously

switch

LiveJournal

Facebook

Twitter

OpenId

Google

MailRu

VKontakte

Anonymously

Insert Bold

Insert Italic

Insert Underline

Insert Strikethrough

Insert Link

Insert LJ User

Insert Photo

Insert Video

Your reply will be screened

Your IP address will be recorded
Help
536 comments

ibringshame2

November 10 2006, 20:14:57 UTC 5 years ago

I really like the pink. I'm adding this entry to mem's so I can change my layout later. :]

xxhaloxx

November 10 2006, 20:35:59 UTC 5 years ago

i used it thx i love it!

what_sara_says

November 10 2006, 20:38:22 UTC 5 years ago

i really like the pink too. it looks very nice. :)

unique_kiwi

November 10 2006, 20:43:29 UTC 5 years ago

snagged the second one...tis gorgeous!!!!! :)

crashtaxxi

November 10 2006, 20:51:24 UTC 5 years ago

useing the blue

3_jane

November 10 2006, 20:54:45 UTC 5 years ago

I'm using the green one over at

3_jane_fiction and it looks gorgeous. Thank you! :)

jcreds87

November 10 2006, 21:04:04 UTC 5 years ago

♥ it! Adding to memories and likely using. Thanks!

humble

November 10 2006, 21:32:38 UTC 5 years ago

gorgeous. snagging. :)

elvisisdead

November 10 2006, 21:42:21 UTC 5 years ago

i've been looking for a scrumptious new layout. thanks doll. using the first one, meming to keep track of the second one. thanks a lot!

carbird

November 10 2006, 22:00:31 UTC 5 years ago

Love this layout. And love the fact that I could actually figure it out.
Thanks so much!

xbeachxogurlx

November 10 2006, 22:18:10 UTC 5 years ago

using the green one ... thanks.

mysticrecord

November 10 2006, 22:31:24 UTC 5 years ago

LOVE IT

Thanks!

ex_devours76

November 10 2006, 22:58:47 UTC 5 years ago

using the pink one maybe the green later.

:)

i love these.

fashioninspires

November 10 2006, 23:27:15 UTC 5 years ago

I love these, adding to memories. :)

bertaids

November 10 2006, 23:39:24 UTC 5 years ago

i love them!
using the green one right as I type :]
thanks!

iheartdcoke

November 10 2006, 23:51:04 UTC 5 years ago

taking the green one and crediting. :D i love it.

catchameasisomo

November 11 2006, 00:07:11 UTC 5 years ago

Love it! Using the green!

stefanssondiary

November 11 2006, 00:08:09 UTC 5 years ago

using pink one right now! crediting!!

suitelady

November 11 2006, 00:57:04 UTC 5 years ago

Love it. Using. Crediting.

spiralis

November 11 2006, 02:16:42 UTC 5 years ago

Using green...
Don't know how to credit or would

sheraccoon

November 11 2006, 03:09:05 UTC 5 years ago

Awesome layout! Snagged and will be crediting (:

hihowyadoin15

November 11 2006, 03:56:38 UTC 5 years ago

so cute
Using

_auriel

November 11 2006, 04:15:20 UTC 5 years ago

I love this one, I'm definitely going to use it!

catnamedpandora

November 11 2006, 05:57:51 UTC 5 years ago

Using the pink one and will credit :).

kissfaintkill

December 28 2006, 14:42:32 UTC 5 years ago

using the greeen one, & have credited <3 thankyou.

valwiggin

4 years ago

link
Collapse
Expand
New comment

quiddity_

November 11 2006, 06:12:26 UTC 5 years ago

took the pink. LOVE IT!! thanks :D

Post a new comment
536 comments

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

s2 layout #05 : greyscaled.

Error

About

Help

Get Involved

Legal

LJ Labs

Store