heroine pretend ☂ (

enamour) wrote in

appleleaf,
2009-02-13 15:37:00

s2 layout #11 : choices

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

Tags: layouts: flexible squares, layouts: s2, layouts: top bar

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
145 comments

uniquieheart

February 13 2009, 21:43:35 UTC 3 years ago

Cute layout :) i wish i could figure out that kinda stuff. code is confusing to me.

xhemalaj

February 13 2009, 21:47:35 UTC 3 years ago

I really like the first one! I think I'll give it a try. Thanks!

red_lasbelin

February 13 2009, 22:05:19 UTC 3 years ago

Oooh, I like this one! Being able to make layouts is such a cool talent. Where did you learn? Might be taking the green one for personal use.

livlovlaugh

February 13 2009, 22:10:31 UTC 3 years ago

lovely! i'm using the first one. will credit!

Deleted comment

nasty_show

February 13 2009, 22:37:24 UTC 3 years ago Edited: January 2 2012, 20:05:44 UTC

These are beautiful. Just what i was looking for. Next time i get a spare min am gonna use this for sure :):)

fakelunacy

February 13 2009, 23:03:22 UTC 3 years ago

Using the dark colored one, thanks!

o_k_computer

February 13 2009, 23:13:08 UTC 3 years ago

taking and crediting! :)

righteous_twist

February 13 2009, 23:52:33 UTC 3 years ago

Using the dark one, thank you!

nekokonneko

February 14 2009, 00:01:25 UTC 3 years ago

I'm loving the dark one. Taking that.

springmoon

February 14 2009, 00:37:36 UTC 3 years ago

I will definitely use the purple one later.

speckleberry

February 14 2009, 01:40:05 UTC 3 years ago

These are beautiful! I would love to use the first one, if you don't mind? Full credit, of course.

cassiel9

February 14 2009, 01:43:48 UTC 3 years ago

Using the grey and pink. :) Thanks.

kaitou_syrie

February 14 2009, 01:55:53 UTC 3 years ago

Using the dark one, thanks~

audionymph

February 14 2009, 02:20:17 UTC 3 years ago

I really like the second one. Saving this entry to memories and I'll give it a try this weekend. :)

scarbie

February 14 2009, 02:23:54 UTC 3 years ago

Those are really nice. I may use the grey one next. Will credit when used. Thanks!

gaeanne

February 14 2009, 02:58:24 UTC 3 years ago

I love the style of these. If I use them in the future I'll be sure to credit...Thanks!

ana_leez

February 14 2009, 03:19:46 UTC 3 years ago

Beautiful job on both of these! I really like the second one :D

way_too_uncool

February 14 2009, 04:05:41 UTC 3 years ago

I love these!! Your style is amazing♥.

ainodeluca

February 14 2009, 09:48:30 UTC 3 years ago

Very pretty :) Great job.
Meming this entry for future use - thanks!

crazywall

February 14 2009, 10:29:22 UTC 3 years ago

im so memming this. this is classic!

lily_954

February 14 2009, 16:16:13 UTC 3 years ago

i totally love the light one. will be using soon :)

whisper_series

February 15 2009, 10:48:46 UTC 3 years ago

am taking! (:

holdmeifyouwant

February 16 2009, 23:05:55 UTC 3 years ago

Oooh, I really like the dark one. I'll use it when I figure it all out haha
The credits are already included in the code, right?

bloodiedrose

February 18 2009, 07:09:39 UTC 3 years ago

Using the dark layout, thank you~

Post a new comment
145 comments

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

s2 layout #11 : choices

Error

About

Help

Get Involved

Legal

LJ Labs

Store