apricot13

Fashion Icons

Fri, 02 May 2008 16:15:50 GMT

A few more fashion icons for you. Their a bit rubbish lol I was messing about with some actions I've made and a few made by psactions along with some by night-fate which are AWESOME by the way.

(Fake Cut)

Snake (S2 - Flexible Squares)

Tue, 29 Apr 2008 12:32:53 GMT

Green, brown and white.
An entry to the lls competition.

I only just found this on my test site so I thought I'd release it. I know its terrible but someone might like it! :P

Comment if taking and credit in your userinfo!

Link back to apricot_13
For information on installing this layout read the FAQ

Save this as style.css and upload to your own server.

Also save this image:
and replace the url in the css with your uploaded file.

with no usericons

/* css by han. xhan104.livejournal.com */
/* Cleaned CSS: */
		body	
{
		background-color: #3f3323;
		
		text-align: center;
		color: #3f3323;
		font-family: "Verdana", sans-serif;
		font-size: 11px;
		margin: 0px 0 0px 0;
		}
	
	a, a:link, a:visited {
		color: #3f3323;
		text-decoration: underline;
		}
	
	a:hover {
		color: #fff;
		text-decoration: underline;
		}
	
	p, td, blockquote {
	    	font-size: 11px;
		}
		
	code, kbd, pre, tt {
	    	font-family: monospace;
		}
		
	#content
	{  	
		width: 700px;
		margin-left: auto; margin-right: auto;				
		background-color: #ccff03;
		padding: 15px;
border-left: 10px solid #fff;
border-right: 10px solid #fff;
	}

#maincontent {	 	
		margin-top: 15px;
		font-family: "Verdana", sans-serif;
		font-size: 11px;
		background-color: #ccff03;
		color: #000000;
		margin-left: 180px;
		text-align: left;
		}
	
	#sidebar {
		
		padding-top: 15px;
		margin-top: 15px;
		background-color: #ccff03;
	  	font-size: 11px;
		font-family: "Verdana", sans-serif;
	  	color: #3f3323;
		width: 170px;
		float: left;
		text-align: left;
line-height: 20px;
		}

#header {
                height: 205px;
		width: 100%;
		padding: 10px 0px 20px 0px;
		margin: 0px;
		text-align: left;
		font-family: "Verdana", sans-serif;
		font-size: 11px;
		letter-spacing: 2px;	
		background-color: #ccff03;
background-image: url(http://www.box.net/public/static/ozoo5e5ldy.jpg);
background-repeat: no-repeat;
background-position: bottom right;
		color: #3f3323;

}

#footer {			
		width: 100%;
		text-align: center;
		font-family: "georgia", sans-serif;
		font-size: 11px;
		font-weight: lighter;
		letter-spacing: 1px;
		background-color: #ccff03;
		color: #3f3323;
		z-index: 100;
		clear: both;
		}
		
	/* header -- links to views; title of journal; subtitle of journal */	
	
	div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited {
		color: #3f3323; text-decoration: none;
	}
	
	div#header a:hover, div#footer a:hover {
		color: #fff;
		text-decoration: none;
	}	
	
	ul.navheader 
		{	
text-transform: uppercase;
		padding: 0px;	
		margin: 0px; text-align: center;
		}
	
	ul.navheader li  {
		display: inline;			
		padding: 0 3px 0 3px;
		}

li.view {font-weight: bold;}

.title	{

font-family: "Verdana", sans-serif;
		font-size: 25px;		
		font-weight: normal;
		margin-top: 90px;
text-transform: lowercase;
		}
	
	.subtitle{
		font-family: "Verdana", sans-serif;
		font-size: 11px;
		font-weight: normal;		
		top: 10px;
text-transform: lowercase;
		}

/* sidebar */ 	
			
	div#sidebar a, div#sidebar a:link, div#sidebar a:visited{
		color: #3f3323;
	}
	
	div#sidebar a:hover {
		color: #fff;
		text-decoration: none;
	}
	
	.defaultuserpic {
		text-align: center;
		}
	
	.sbarheader {
		padding: 0px 5px 0px 5px;
		}
	
	.sbarbody {
		padding: 0px 5px 0px 5px;		
		}
	
	.sbarbody2 {
		padding: 0 5px 0 15px;
	}
			
	table.calendar {
		margin-right: auto;
		margin-left: auto;
		}
		
	.sbarcalendar {
		text-align: center;
		font-family: "Verdana", sans-serif;
		font-size: 11px;
		}
	
	.sbarcalendarposts {
		background-color: #fff; color: #3f3323;
		text-align: center;
		font-family: "Verdana", sans-serif;
		font-size: 11px;
		}
		
	ul.sbarlist
	{
		padding-left: 0px;
		margin-left: 0px;
		list-style: none;
	}

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

li.sbartitle
	{
		padding-left: 0px;
		list-style: none;		
		margin-bottom: 10px;
		margin-top: 10px;
color: #3f3323;
font-size: 15px; 
text-transform: lowercase;

}

/* maincontent */	
	
	.subcontent {		
	}
		
	.entry	{
		margin: 0px 0px 10px 0px;
		padding: 10px;
		background-color: #ccff03;
		color: #3f3323;
		font-family: "Verdana", sans-serif;
		font-size: 10px;
		text-align: justify;
line-height: 20px;
		}
		
	.entry ul li
		{
		padding-left: 5px;
		margin-left: 15px;
		}
		
    .entry ol li
		{
		padding-left: 5px;
		margin-left: 15px;
		}

.userpic {
		position: relative;

background-color: #fff;
		padding: 5px;
		margin: 10px;
		z-index: 15;
		border-width: 1px;
		border-color: #CCC;
		border-style: solid;
width: 0px;
height: 0px;
visibility: hidden;
		}
		
	.userpicfriends {
		position: relative;
		float: left;
		padding: 5px;
		margin: 10px;
		text-align: center;
		border-style: solid;
		border-width: 1px;
		border-color: #ccc;
		font-family: "Verdana", sans-serif;
		font-size: 11px;
		z-index: 15;
background-color: #ccff03;
		}
		
	.date {			
		top: 5px;
		color: #3f3323;
		font-family: "Verdana", sans-serif;
		font-size: 11px;
text-align: right;
text-transform: uppercase;
		}
	
	.subject {			
		font-weight: lighter;
		padding: 0px;
		color: #3f3323;
		font-family: "georgia", sans-serif;
		font-size: 25px;
text-align: right;
text-transform: uppercase;
letter-spacing: -2px;
		}
		
	.subject a, .subject a:link, .subject a:visited {
		color: #ffffff;
		}
	
	.subject a:hover {
		color: #c47b51;
		}

.datesubject {				
		background-color: #ccff03;
		padding: 5px;
		}
		
	.currents, .currentmood, .currentmusic {
		font-family: "Verdana", sans-serif;
		font-size: 11px;	
		}

.comments {
		font-family: "georgia", sans-serif;
		font-size: 15px;
		text-align: center;
		padding: 0px 5px 0px 5px;
		position: relative;
		top: 15px;
text-transform: uppercase;
		}
		
	div.comments a, div.comments a:link, div.comments a:visited{
		color: #3f3323;
		text-decoration: none;
	}
	
	div.comments a:hover {
		color: #fff;
		text-decoration: none;
	}

/* maincontent --  entry, reply pages */	
	
	.datesubjectcomment {				
			background-color: #8b4e1d;
			padding: 5px;
			margin-top: 20px;
			}	
		
	.userpiccomment {
		position: relative;
		border-width: 5px;
		border-style: solid;
		border-color: #eee293;
		background-color: #eee293;
		top: -30px;
		left: 0px;
		padding: 5px;
		margin: 10px 10px -20px 10px;
		z-index: 15;
		float: left;
		border-width: 1px;
		border-color: #8b4e1d;
		border-style: solid;
		}
		
	.box {
		border-style: solid;
		border-width: 1px 0px 0px 0px;
		border-color: #000000;
		padding: 10px;
		clear: right;
		}

input, textarea {
		background-color: #eee293;
		color: #661f0c;
		}
		
	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: 11px;
		line-height: 125%;
		background-color: #eee293;
		color: #661f0c;
		}
		
	.replytosubject {
		font-weight: bold;
		}
			
		
	.commentreply {
		position: relative;
		margin: 10px;
		font-size: 11px;
		font-family: "Verdana", sans-serif;
		color: #661f0c;
		}
		
	.commentbox {
		
		border-color: #000000; 
		border-width: 1px; 
		border-style: solid; 
		padding: 10px; 
		margin: 10px; 
		background-color: #eee293;
		}
		
	.datesubjectcomment a:link, .datesubjectcomment a:visited {
		color: #ffffff;
		}
		
	.datesubjectcomment a:hover {
		color: #c47b51;
		}
	
	.commentboxpartial {
		border-color: #000000; 
		border-width: 1px; 
		border-style: solid; 
		padding: 10px; 
		margin: 10px; 
		background-color: #eee293;
		}

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

.clearfoot {		
		clear: both;
		}
		
		
	/* misc  */
				
	.clear {		
		height: 15px;
		}
		
	.skiplinks {
		text-align: center;
		}
		
	.headerimage {
		/* for formatting header image */
		}

.separator{body {
background-color:#00736a;
text-align:center;
color:#666;
font-family:"Verdana", sans-serif;
font-size:11px;
margin:20px 0;
}

a:hover {
color:#00736a;
text-decoration:underline;
}

p,td,blockquote {
font-size:11px;
}

code,kbd,pre,tt {
font-family:monospace;
}

#content {
width:647px;
margin-left:auto;
margin-right:auto;
background-color:#fff;
border-color:#fff;
border-style:solid;
border-width:0;
padding:15px;
}

#maincontent {
margin-top:15px;
font-family:"Verdana", sans-serif;
font-size:11px;
background-color:#fff;
color:#666;
margin-right:180px;
text-align:left;
border-color:#fff;
border-style:solid;
border-width:0;
}

#sidebar {
padding-top:15px;
margin-top:15px;
background-color:#fff;
font-size:10px;
font-family:"Verdana", sans-serif;
text-transform:lowercase;
line-height:15px;
color:#666;
width:160px;
float:right;
text-align:left;
border-color:#fff;
border-style:solid;
border-width:1px;
}

#header {
width:100%;
margin-top:0;
text-align:left;
font-family:"Verdana", sans-serif;
font-size:11px;
font-weight:700;
letter-spacing:2px;
background-color:#fff;
color:#666;
background-image:url(http://www.box.net/public/static/yvmv54v85c.gif);
background-position:bottom center;
background-repeat:no-repeat;
height:320px;
border-color:#fff;
border-style:solid;
border-width:1px;
padding:0;
}

#footer {
width:100%;
text-align:center;
font-family:"Verdana", sans-serif;
font-size:11px;
font-weight:700;
letter-spacing:1px;
background-color:#fff;
color:#666;
z-index:100;
clear:both;
border-color:#fff;
border-style:solid;
border-width:1px;
}

div#header a:hover,div#footer a:hover {
color:#00736a;
text-decoration:none;
}

ul.navheader {
text-align:center;
margin:0;
padding:0;
}

ul.navheader li {
display:inline;
text-transform:lowercase;
font-size:10px;
font-family:georgia;
font-weight:lighter;
padding:0 3px;
}

.title {
font-family:georgia, sans-serif;
text-transform:lowercase;
font-size:10px;
color:#fff;
border-bottom:0 solid #aebba8;
line-height:9px;
font-weight:lighter;
}

.subtitle {
font-family:"Verdana", sans-serif;
font-size:11px;
font-weight:400;
top:10px;
color:#fff;
}

div#sidebar a,div#sidebar a:link,div#sidebar a:visited {
color:#666;
}

.sbarbody2 {
padding:0;
}

table.calendar {
margin-right:auto;
margin-left:auto;
}

.sbarcalendar {
text-align:center;
font-family:"Verdana", sans-serif;
font-size:11px;
color:#666;
border-color:#e1e1e1;
border-style:solid;
border-width:1px;
}

.sbarcalendarposts {
background-color:#e1e1e1;
text-align:center;
font-family:"Verdana", sans-serif;
font-size:11px;
border-color:#e1e1e1;
border-style:solid;
border-width:1px;
}

ul.sbarlist {
padding-left:0;
margin-left:0;
list-style:none;
}

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

li.sbartitle {
padding-left:15px;
list-style:none;
border-bottom:1px dashed #e1e1e1;
background-color:#fff;
color:#00736a;
font-family:"georgia", sans-serif;
text-transform:lowercase;
font-size:10px;
margin-bottom:10px;
margin-top:10px;
}

.entry {
background-color:#fff;
color:#666;
font-family:"Verdana", sans-serif;
font-size:10px;
text-align:left;
line-height:20px;
border-color:#c00;
border-style:solid;
border-width:0;
margin:0 10px 10px 30px;
padding:10px;
}

.userpic {
position:relative;
float:left;
background-color:#fff;
z-index:15;
border-color:#c1c1c1;
border-style:solid;
border-width:1px;
margin:10px;
padding:2px;
}

#sidebar .defaultuserpic {
position:relative;
background-color:#fff;
width:100px;
z-index:15;
border-color:#c1c1c1;
border-style:solid;
border-width:1px;
margin:0 0 0 5px;
padding:2px;
}

.date {
line-height:200%;
top:5px;
color:#bcbcbc;
font-family:"Verdana", sans-serif;
font-size:10px;
font-weight:lighter;
text-transform:uppercase;
}

.subject {
font-weight:700;
color:#00736a;
font-family:"Verdana", sans-serif;
text-transform:uppercase;
text-align:right;
border-bottom:1px solid #e1e1e1;
font-size:11px;
padding:0;
}

.subject a:hover {
color:#000;
}

.datesubject {
background-color:#fff;
padding:5px;
}

.currents,.currentmood,.currentmusic {
font-family:"Verdana", sans-serif;
font-size:11px;
}

.comments {
font-family:"Verdana", sans-serif;
font-size:10px;
text-align:right;
background-color:#fff;
position:relative;
top:15px;
text-transform:uppercase;
font-weight:700;
padding:0 5px;
}

div.comments a:hover {
color:#c2c2c2;
text-decoration:none;
}

.datesubjectcomment {
background-color:#fff;
color:#00736a;
font-family:"Verdana", sans-serif;
font-size:11px;
font-weight:700;
text-transform:uppercase;
padding:5px;
}

.userpiccomment {
position:relative;
background-color:#fff;
top:-30px;
left:0;
z-index:15;
float:left;
border-color:#c00;
border-style:solid;
border-width:1px;
margin:10px 10px -20px;
padding:5px;
}

.box {
clear:left;
border-color:#fff;
border-style:solid;
border-width:1px 0 0;
padding:10px;
}

input,textarea {
background-color:#fff;
color:#000;
}

textarea.textbox {
width:100% !important;
}

.reply {
position:relative;
text-align:left;
font-family:"Verdana", sans-serif;
font-size:11px;
line-height:125%;
background-color:#fff;
color:#000;
margin:20px 30px 10px;
padding:25px 10px 10px;
}

.replytosubject {
font-weight:700;
}

.commentreply {
position:relative;
font-size:10px;
font-family:"Verdana", sans-serif;
color:#666;
margin:10px;
}

.datesubjectcomment a:hover {
color:#666;
text-decoration:none;
}

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

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-color:#fff;
border-style:solid;
border-width:1px;
}

table.yeartable td.yearday {
background-color:#fff;
text-align:center;
}

td.yearmonth {
border-style:none;
}

ul.navfooter {
margin:0;
padding:0;
}

ul.navfooter li {
display:inline;
margin:0 5px;
}

.clearfoot {
clear:both;
}

.clear {
height:15px;
}

.separator {
height:35px;
}

a,a:link,a:visited,div#sidebar a:hover {
color:#c1c1c1;
text-decoration:none;
}

div#header a,div#header a:link,div#header a:visited,div#footer a,div#footer a:link,div#footer a:visited,.subject a,.subject a:link,.subject a:visited,.datesubjectcomment a:link,.datesubjectcomment a:visited {
color:#c1c1c1;
}

ul.navheader .view,div.comments a,div.comments a:link,div.comments a:visited {
color:#00736a;
}

.defaultuserpic,.skiplinks {
text-align:center;
}

.sbarheader,.sbarbody {
padding:0 5px;
}

.entry ul li,.entry ol li {
padding-left:5px;
margin-left:15px;
}

.userpicfriends,img.userpiccomment {
position:relative;
float:left;
text-align:center;
font-family:"Verdana", sans-serif;
font-size:11px;
z-index:15;
border-color:#c1c1c1;
border-style:solid;
border-width:1px;
margin:10px;
padding:5px;
}

.commentbox,.commentboxpartial {
background-color:#fff;
border-color:#fff;
border-style:solid;
border-width:1px;
margin:10px;
padding:10px;
}
		/* for formatting separators between entries */
		height: 35px;
	}

/* css by han. xhan104.livejournal.com */

With userpics

/* css by han. xhan104.livejournal.com */
		body	
{
		background-color: #3f3323;
		
		text-align: center;
		color: #3f3323;
		font-family: "Verdana", sans-serif;
		font-size: 11px;
		margin: 0px 0 0px 0;
		}
	
	a, a:link, a:visited {
		color: #3f3323;
		text-decoration: underline;
		}
	
	a:hover {
		color: #fff;
		text-decoration: underline;
		}
	
	p, td, blockquote {
	    	font-size: 11px;
		}
		
	code, kbd, pre, tt {
	    	font-family: monospace;
		}
		
	#content
	{  	
		width: 700px;
		margin-left: auto; margin-right: auto;				
		background-color: #ccff03;
		padding: 15px;
border-left: 10px solid #fff;
border-right: 10px solid #fff;
	}

}

li.view {font-weight: bold;}

.title	{

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

li.sbartitle
	{
		padding-left: 0px;
		list-style: none;		
		margin-bottom: 10px;
		margin-top: 10px;
color: #3f3323;
font-size: 15px; 
text-transform: lowercase;

}

/* maincontent */	
	
	.subcontent {		
}
		
	.entry	{
		margin: 0px 0px 0px 0px;
		padding: 10px;
		background-color: #ccff03;
		color: #3f3323;
		font-family: "Verdana", sans-serif;
		font-size: 10px;
		text-align: justify;
line-height: 20px;

}
		
	.entry ul li
		{
		padding-left: 5px;
		margin-left: 15px;
		}
		
    .entry ol li
		{
		padding-left: 5px;
		margin-left: 15px;
		}

.userpic {
		position: relative;

background-color: #fff;
		padding: 2px;
		margin-top: 0px;
width: 100px;
height: 100px;

}
		
	.userpicfriends {
		position: relative;
		float: left;
		padding: 5px;
		margin: 10px;
		text-align: center;
		border-style: solid;
		border-width: 1px;
		border-color: #ccc;
		font-family: "Verdana", sans-serif;
		font-size: 11px;
		z-index: 15;
background-color: #ccff03;
		}
		
	.date {			
		top: 5px;
		color: #3f3323;
		font-family: "Verdana", sans-serif;
		font-size: 11px;
text-align: right;
text-transform: uppercase;
width: 300px;
		}
	
	.subject {			
		font-weight: lighter;
		padding: 0px;
		color: #3f3323;
		font-family: "georgia", sans-serif;
		font-size: 25px;
text-align: right;
text-transform: uppercase;
letter-spacing: -2px;
width: 300px;
		}
		
	.subject a, .subject a:link, .subject a:visited {
		color: #ffffff;
		}
	
	.subject a:hover {
		color: #c47b51;
		}

.datesubject {				
		background-color: #ccff03;
		padding: 5px;
width: 300px;
float: right;
margin-top: -80px;
		}
		
	.currents, .currentmood, .currentmusic {
		font-family: "Verdana", sans-serif;
		font-size: 11px;	
		}

.clearfoot {		
		clear: both;
		}
		
		
	/* misc  */
				
	.clear {		
		height: 15px;
		}
		
	.skiplinks {
		text-align: center;
		}
		
	.headerimage {
		/* for formatting header image */
		}

.separator{body {
background-color:#00736a;
text-align:center;
color:#666;
font-family:"Verdana", sans-serif;
font-size:11px;
margin:20px 0;
}

a:hover {
color:#00736a;
text-decoration:underline;
}

p,td,blockquote {
font-size:11px;
}

code,kbd,pre,tt {
font-family:monospace;
}

#content {
width:647px;
margin-left:auto;
margin-right:auto;
background-color:#fff;
border-color:#fff;
border-style:solid;
border-width:0;
padding:15px;
}

div#header a:hover,div#footer a:hover {
color:#00736a;
text-decoration:none;
}

ul.navheader {
text-align:center;
margin:0;
padding:0;
}

ul.navheader li {
display:inline;
text-transform:lowercase;
font-size:10px;
font-family:georgia;
font-weight:lighter;
padding:0 3px;
}

.title {
font-family:georgia, sans-serif;
text-transform:lowercase;
font-size:10px;
color:#fff;
border-bottom:0 solid #aebba8;
line-height:9px;
font-weight:lighter;
}

.subtitle {
font-family:"Verdana", sans-serif;
font-size:11px;
font-weight:400;
top:10px;
color:#fff;
}

div#sidebar a,div#sidebar a:link,div#sidebar a:visited {
color:#666;
}

.sbarbody2 {
padding:0;
}

table.calendar {
margin-right:auto;
margin-left:auto;
}

.sbarcalendar {
text-align:center;
font-family:"Verdana", sans-serif;
font-size:11px;
color:#666;
border-color:#e1e1e1;
border-style:solid;
border-width:1px;
}

.sbarcalendarposts {
background-color:#e1e1e1;
text-align:center;
font-family:"Verdana", sans-serif;
font-size:11px;
border-color:#e1e1e1;
border-style:solid;
border-width:1px;
}

ul.sbarlist {
padding-left:0;
margin-left:0;
list-style:none;
}

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

.userpic {
position:relative;
float:left;
background-color:#fff;
z-index:15;
border-color:#c1c1c1;
border-style:solid;
border-width:1px;
margin:10px;
padding:2px;
}

#sidebar .defaultuserpic {
position:relative;
background-color:#fff;
width:100px;
z-index:15;
border-color:#c1c1c1;
border-style:solid;
border-width:1px;
margin:0 0 0 5px;
padding:2px;
}

.date {
line-height:200%;
top:5px;
color:#bcbcbc;
font-family:"Verdana", sans-serif;
font-size:10px;
font-weight:lighter;
text-transform:uppercase;
}

.subject {
font-weight:700;
color:#00736a;
font-family:"Verdana", sans-serif;
text-transform:uppercase;
text-align:right;
border-bottom:1px solid #e1e1e1;
font-size:11px;
padding:0;
}

.subject a:hover {
color:#000;
}

.datesubject {
background-color:#fff;
padding:5px;
}

.currents,.currentmood,.currentmusic {
font-family:"Verdana", sans-serif;
font-size:11px;
}

.comments {
font-family:"Verdana", sans-serif;
font-size:10px;
text-align:right;
background-color:#fff;
position:relative;
top:15px;
text-transform:uppercase;
font-weight:700;
padding:0 5px;
}

div.comments a:hover {
color:#c2c2c2;
text-decoration:none;
}

.datesubjectcomment {
background-color:#fff;
color:#00736a;
font-family:"Verdana", sans-serif;
font-size:11px;
font-weight:700;
text-transform:uppercase;
padding:5px;
}

.userpiccomment {
position:relative;
background-color:#fff;
top:-30px;
left:0;
z-index:15;
float:left;
border-color:#c00;
border-style:solid;
border-width:1px;
margin:10px 10px -20px;
padding:5px;
}

.box {
clear:left;
border-color:#fff;
border-style:solid;
border-width:1px 0 0;
padding:10px;
}

input,textarea {
background-color:#fff;
color:#000;
}

textarea.textbox {
width:100% !important;
}

.reply {
position:relative;
text-align:left;
font-family:"Verdana", sans-serif;
font-size:11px;
line-height:125%;
background-color:#fff;
color:#000;
margin:20px 30px 10px;
padding:25px 10px 10px;
}

.replytosubject {
font-weight:700;
}

.commentreply {
position:relative;
font-size:10px;
font-family:"Verdana", sans-serif;
color:#666;
margin:10px;
}

.datesubjectcomment a:hover {
color:#666;
text-decoration:none;
}

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

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-color:#fff;
border-style:solid;
border-width:1px;
}

table.yeartable td.yearday {
background-color:#fff;
text-align:center;
}

td.yearmonth {
border-style:none;
}

ul.navfooter {
margin:0;
padding:0;
}

ul.navfooter li {
display:inline;
margin:0 5px;
}

.clearfoot {
clear:both;
}

.clear {
height:15px;
}

.separator {
height:35px;
}

a,a:link,a:visited,div#sidebar a:hover {
color:#c1c1c1;
text-decoration:none;
}

ul.navheader .view,div.comments a,div.comments a:link,div.comments a:visited {
color:#00736a;
}

.defaultuserpic,.skiplinks {
text-align:center;
}

.sbarheader,.sbarbody {
padding:0 5px;
}

.entry ul li,.entry ol li {
padding-left:5px;
margin-left:15px;
}

/* css by han. xhan104.livejournal.com */

Just to Clarify

Sat, 19 May 2007 17:26:23 GMT

People keep asking the same questions and I havn't (at the moment) got time to reply to them all - so if I dont reply its nothing personal!

Firstly - As you should know - ALL these layouts are betas! Their never going to be perfect so if you install one and it doesn't work - read the comments on that layouts page. You can also look on the FAQ page as people keep asking questions relating to layouts but I never know which one it is! Usually I work it out and there'll most likely be an answer to your question there.

You can do whatever you want to these layouts as long as you give credit! Just to clear that up - if you dont edit them you still have to give credit!

Now for the obligatory apologies for the massive lack of updates!! If you have a wordpress blog I've ported *some* of these themes to wordpress which you can download here. I'm working on the rest as well as some more interesting layouts - S2 is rather limited in regards to frilly extras! (and no I will not use s1 - its being phased out)

I'm just finishing my first year exams so as soon as their done i've loads of ideas for new layouts! In the meantime to keep tabs on me you can either go to my lj xhan104 go to my blog and of course photoblog from which this site takes its name!!

Fri, 09 Mar 2007 00:28:21 GMT

Text Link Ads
Sign up and you earn money from referrals as do I! and god knows I need it.

(it pays for the bandwidth of all my stuff)

Never Been (S2 - Smooth Sailing)

Wed, 07 Mar 2007 21:47:28 GMT

blue and white theme

Comment if taking and credit in your userinfo!

Link back to apricot_13
For information on installing this layout read the FAQ

/* CSS by Han - http://community.livejournal.com/apricot_13 */

/*CSS by xhan104 @ http://community.livejournal.com/apricot_13*/
  body {
     font-family: Arial, sans-serif;
     font-size: 11px;
     margin: 0px;
     background-color: #ffffff;
     color: #666666;
  }

a {
     color: #20B6E6;
     }
  a:visited {
     color: #000000;
     }

.entryHeaderDate a {
     color : #000000;
     text-decoration : none;
     }
  .entryHeaderDate a:hover {
     color : #000000;
     text-decoration : underline;
     }
  .header-title {
     background-color: #20B6E6;
     font-family: arial, sans-serif;
     font-weight: bold;
letter-spacing: -2px;
     font-size: 30px;
text-align: left;
     color: #ffffff;
     padding: 0px 20px 0px 20px;
     }
  .header-subtitle {
     background-color: #20B6E6;
     color: #ffffff;
     font-family: arial, sans-serif;
     font-weight: none;
letter-spacing: 5px;
     font-size: 10px;
text-align: left;
     padding: 0px 24px 15px 24px;
     }
  .header-icon {
     top: 0px;
     right: 0px;
     position: absolute;
     z-index: 1;
     border-left: 2px solid #ffffff;
     border-bottom: 2px solid #ffffff;
     }
  .pageheaderblock {
     text-align: left;
     }
  .pagefooterblock {
     border-top: 2px solid #ffffff;
     background-color: #20B6E6;
font-family: arial, sans-serif;
text-align: center;
     color: #ffffff;
     padding: 4px 4px 4px 24px;
     margin-top: 4px;
     }
  .pagefooterblock a, .pagefooterblock a:visited {
     color: #000000;
     }
  .bodyblock {
     padding: 0px 0px 0px 0px;
     }
  .bodyheaderblock {
     background-color: #20B6E6;
     padding: 0px 0px 0px 0px;
     }
  .bodynavblock {
     background-color: #ffffff;
     color: #000000;
     margin: 10px 0px 4px 0px;
     padding: 8px;
     }
  .bodynavblock a, .bodynavblock a:visited {
     color: #000000;
     }
  .body-title {
     font-family:arial, sans-serif ;
     font-size: 18px;
     color: #20B6E6;
     text-align: left;
font-weight:bold;
letter-spacing: -2px;
text-transform: lowercase;
     padding-left: 24px;
     }
  .body-midtitle {
     font-family: ;
     font-size: 18px;
     color: #000000;
     text-align: left;
     padding-left: 8px;
     }
  .entryHolder {
     color: #666666;
     background-color: #ffffff;
     font-family: ;
     font-size: 12px;
line-height: 17px;
     border-top: 2px solid #ffffff;
     margin: 4px 0px 4px 0px;
     }
  .entryUserinfo {
     text-align: center;
       margin: 0px 8px 8px 0px;
     
     background-color: #ffffff;
     }
  .entryUserinfo-usericon img {

visibility: hidden;

border: 0;
     }
  .entryText {
     padding: 6px;
margin-left: -100px;
     }
  .entryHeader {
     background-color: #ffffff;
     color: #666666;
     font-family: arial, sans-serif;
     font-size: 12px;
     padding: 4px 0px 4px 8px;
     }
  .entryHeader a{
     color: #000000;
     }
  .entryHeaderSubject {
     font-weight: bold;
font-size: 25px;
color: #20B6E6;
letter-spacing: -2px;

}
  .entryMetadata {
     padding-left: 6px;
     }
  .entryMetadata ul {
     margin: 0px;
     padding: 0px;
     }
  .entryMetadata li {
     list-style: none;
     display: inline;
     padding-right: 10px;
     }
  .entryMetadata-label {
     font-weight: bold;
     padding-right: 4px;
     }
  .entryLinkbar {
     font-family: ;
     font-size: 11px;
     color: #000000;
     text-align: right;
     padding: 4px 0px 4px 0px;
     }
  .entryLinkbar ul {
     margin: 0px;
     padding: 0px;
     }
  .entryLinkbar li {
     padding: 0px 5px 0px 5px;
     margin: 0px;
     display: inline;
     }
  .commentHolder {
     color: #000000;
     background-color: #f8f8f8;
     border-top: 2px solid #ffffff;
     font-family: ;
     font-size: 12px;
     margin: 4px 0px 4px 0px;
     }
  .commentUserinfo {
     text-align: center; 
       margin: 0px 8px 8px 0px;
     
     background-color: #f8f8f8;
     }
  .commentUserinfo-usericon img {
     border: 0;
     }
  .commentText {
     padding: 6px;
     }
  .commentHeader {
     background-color: #dddddd;
     color: #000000;
     font-family: ;
     font-size: 12px;
     padding: 4px 0px 4px 8px;
     }
  .commentHeader a{
     color: #000000;
     }
  .commentHeaderScreened {
     font-family: ;
     font-size: 12px;
     background-color: #cccccc;
     padding: 4px 0px 4px 8px;
     }
  .commentHeaderSubject {
     font-weight: bold;
     }
  .commentLinkbar {
     font-family: ;
     font-size: 11px;
     color: #000000;
     text-align: right;
     padding-top: 4px;
     padding-bottom: 4px;
     }
  .commentLinkbar ul {
     margin: 0px;
     padding: 0px;
     }
  .commentLinkbar li {
     padding: 0px 5px 0px 5px;
     margin: 0px;
     display: inline;
     }
  .replyform {
     background-color: #f8f8f8;
     color: #000000;
     padding-left: 10px;
     }
  .yearlinks{
     text-align: right;
     }
  .yearlink{
     padding-left:4px;
     padding-right: 4px;
     }
  .month {
     width: 500px;
     border: 1px solid #dddddd;
     margin: 8px 8px 8px 40px;
     }
  .daysubjects {
     color: #000000;
     padding: 8px 8px 8px 40px;
     }
  .daytitles {
     text-align: center;
     border: 1px solid #dddddd;
     background: #eeeeee;
     color: #000000;
     }
  .day-blank {
     border: 1px solid #dddddd;
    }
  .day {
     border: 1px solid #dddddd;
     }
  .day-date {
     border-right: 1px solid #dddddd;
     border-bottom: 1px solid #dddddd;
     color: #000000;
     width: 50%;
     text-align: center;
     }
  .day-count {
     width: 50%;
     text-align: center;
     float: right;
     font-size: 20px;
     }
  .day-count a {
     text-decoration: none;
     color: #000000;
     }
  
  .sidebar {
     font-family: arial, sans-serif ;
     font-size: 11px;
     margin-right: 20px;
     width: 200px;
     }
  .sidebox {
     color: #666666;
     background-color: #ffffff;
     margin: 4px 0px 4px 0px;
     }
  .sideboxTitle {
     background-color: #ffffff;
     color: #20B6E6;
     border-top: 0px solid #ffffff;
     font-family: arial, sans-serif;
     font-size: 25px;
font-weight: bold;
letter-spacing: -2px;
     padding: 4px 0px 4px 8px;
     text-align: left;
     }
  .sideboxContent {
     text-align: left;
     padding: 2px 4px 2px 4px;
     }
  .sidebox #profile, .sidebox #latestmonth, .sidebox #search {
     text-align: center;
     }
  .sidebox #tags_sidebox {
     text-align: center;
     }
  .sidebox #systemlinks {
     text-align: center;
     }
  .sidebox #latestmonth table{
     width: 90%;
     margin-left: auto;
     margin-right: auto;
     margin-top: 4px;
     }
  .listtitle {
     font-weight: bold;
     }
  .profile-label {
     font-weight: bold;
     }
  
  .header-menu {
     padding: 0px;
     background-color: #20B6E6;
     border-top: 0px solid #ffffff;
     padding-left: 19px;
     font-family: arial, sans-serif;
text-transform: lowercase;
     font-size: 11px;
     line-height: 20px;
letter-spacing: 2px;
text-align: center;
     }
  .header-menu a, .header-menu a:visited {
     white-space: nowrap;
     text-align: left;
     padding: 2px 6px 2px 6px;
     color: #ffffff;
     text-decoration: none;
     }
  .header-menu a:hover {
     background-color: #ffffff;
     color: #20B6E6;
     }
  #footer-menu {
     font-size: 11px;
     }
  #footer-menu a, .footer-menu a:visited {
     color: #000000;
     white-space: nowrap;
     padding: 6px;
     text-align: left;
     }
  .header-menu ul, #footer-menu ul {
     margin: 0px;
     padding: 0px;
     }
  .header-menu li, #footer-menu li {
     display: inline;
     }
  .tagstable, .tagstable td {
     border: 1px solid #dddddd;
     }
  .tagstable { width: 500px; }
  
/*CSS by xhan104 @ http://community.livejournal.com/apricot_13*/

/* CSS by Han - http://community.livejournal.com/apricot_13 */

Gravity (S2 - Smooth Sailing)

Tue, 13 Feb 2007 16:02:21 GMT

Pink, black and white web 2.0 theme :)

Comment if taking and credit in your userinfo!

Link back to apricot_13
For information on installing this layout read the FAQ

In order for this layout to look at its best you must disable the sidebar

/* CSS by Han - http://community.livejournal.com/apricot_13 */

body {
font-family: verdana;
font-size: 13px;
color: #111111;
background-color: #111111;
}

a:link, a:visited, a:active {
font-weight: bold;
text-decoration: none;
color: #F00163;
}

a:hover {
cursor: crosshair;
font-weight: bold;
text-decoration: none;
color: #7d7d7d;
}

img {
border: 0px solid #FFFFFF;
}

.pageblock {
padding: 2px;
position: relative;
width: 700px;
left: 50%;
margin-left: -400px;
}

.pageheaderblock {
}

.header-title {
margin-top: 0px;
font-family: "century gothic";
font-size: 0px;
font-weight: bold;
color: #e4e4e4;
text-align: right;
letter-spacing: -2px;
text-transform: lowercase;
border-bottom: 0px dotted #e4e4e4;
line-height: 0px;
}

.header-subtitle {
display: none;
}

.header-menu {
text-align: center;
}

.header-menu li {

text-transform: lowercase;
font-family: georgia;
letter-spacing: 2px;
font-weight: lighter;
font-size: 20px;
display: inline;
padding: 10px;
position: relative;
left: -45px;
top: -10px;
}

.header-menu a:link, .header-menu a:visited, .header-menu a:active {
color: #F00163;
}

.header-menu a:hover {
color: #eeeeee;
}

.bodyheaderblock {
margin-top: 0px;
background-color: #9AD14F;
width: 790px;
}

.body-title, .bodyheaderblock {
text-transform: lowercase;
background-color: #111111;
color: #F00163;
font-weight: bold;
font-size: 10px;
letter-spacing: 5px;
text-align: center;
margin-bottom: 0px;
width: auto;
}

.sidebox {
width: 0px;
background-color: #000000;
padding: 2px;
margin-right: 0px;
margin-bottom: 0px;
padding-bottom: 5px;
visibility: hidden;
}

.sideboxContent {
padding-left: 5px;
}

.sidebox a:link, .sidebox a:active, .sidebox a:visited {
font-weight: normal;
color: #BBBBBB;
}

.sidebox a:hover {
color: #7d7d7d;
cursor: crosshair;
}

.sideboxTitle {
font-size: 11px;
font-weight: bold;
letter-spacing: 5px;
text-transform: lowercase;
color: #9AD14F;
line-height: 24px;
margin-top: -3px;
margin-bottom: 5px;
border-bottom: 1px dotted #e4e4e4;
}

.profile-userpic {
border: 1px solid #e4e4e4;
padding: 2px;
position: relative;
left: 50%;
margin-left: -50px;
}

.profile-label {
font-weight: bold;
text-transform: lowercase;
}

label {
font-weight: bold;
text-transform: lowercase;
}

#latestmonth a:link, #latestmonth a:active, #latestmonth a:visited {
text-transform: lowercase;
font-weight: bold;
color: #BBBBBB;
}

#latestmonth a:hover {
color: #7d7d7d;
}

#latestmonth table {
position: relative;
left: 50%;
margin-left: -120px;
}

#latestmonth td {
padding: 5px;
}

.latestmonth-inactive {
background-color: #e4e4e4;
text-align: center;
padding: 3px;
}

.latestmonth-active {
background-color: #e4e4e4;
text-align: center;
padding: 3px;
}

input, textarea {
background-color: #333333;
line-height: 20px;
position: relative;
font-family: verdana;
font-size: 9.5px;
letter-spacing: 1px;
text-transform: lowercase;
color: #eeeeee;
margin-bottom: 2px;
margin-top: 2px;
}

#SearchTerm {
position: relative;
left: 0;
width: 150px;
margin-left: 0;
}

#SearchType {
width: 100px;
background-color: #FFFFFF;
line-height: 20px;
font-family: verdana;
font-size: 9.5px;
letter-spacing: 1px;
text-transform: lowercase;
color: #404040;
margin-bottom: 2px;
margin-top: 2px;
}

#tags_sidebox a {
display: block;
margin-bottom: -10px;
}

#tags_sidebox {
color: #FFFFFF;
padding-bottom: 10px;
}

.entryHolder, .commentHolder, .replyform
{
width: 730px;
border: 4px solid #F00163;
margin-bottom: 20px;
background-color: #ffffff;
}

.entryHeader, .commentHeader {
padding: 5px;
}

.entryHeaderDate, .commentHeader {
color: #666666;
text-transform: lowercase;
}

.entryHeaderSubject img {
margin-bottom: -2px;
}

.entryHeaderSubject {
font-size: 28px;
font-weight: lighter;
letter-spacing: 0px;
text-transform: lowercase;
font-family: "Century Gothic";
color: #F00163;
}

.entryUserinfo, .commentUserinfo {
margin: 7px;
}

.entryUserinfo-usericon, .commentUserinfo-usericon {
border: 1px solid #e4e4e4;
padding: 2px;
text-align: center;
}

.entryUserinfo-username {
margin-top: 5px;
text-align: center;
}

.entryText, .commentText {
margin: 10px;
margin-left: 0px;
}

.entryMetadata {
text-transform: lowercase;
color: #cccccc;
font-size: 9px;
}

.entryMetadata li, .commentLinkbar li {
list-style: none;
}

.entryMetadata-label {
font-weight: bold;
}

.entryMetadata-content {
font-weight: normal;
}

.entryMetadata-content a:link, .entryMetadata-content a:active, .entryMetadata-content a:visited {
color: #9AD14F;
font-weight: normal;
}

.entryMetadata-content a:hover {
color: #eeeeee;
}

.entryLinkbar, .commentLinkbar {
text-transform: lowercase;
text-align: right;
margin-bottom: 30px;
margin-top: 20px;
padding: 4px 0px 4px 0px;
z-index: 2;
width: auto;
}

.entryLinkbar li, .commentLinkbar li {
display: inline;
margin: 0px;
padding: 0px 5px 0px 5px;
z-index: 100;
color: #9AD14F;
font-weight: bold;
font-weight: lighter;
font-family: georgia;
font-size: 13px;
letter-spacing: 2px;
}

.entryLinkbar ul, .commentLinkbar ul {
margin: 0px;
padding: 0px;
}

.entryLinkbar a:link, .entryLinkbar a:active, .entryLinkbar a:visited, .commentLinkbar a:link,

.commentLinkbara:active, .commentLinkbar a:visited
 {
color: #F00163;
}

.entrylinkbar a:hover, , .commentLinkbar a:hover {
color: #FFFFFF;
}

#footer-menu {
text-transform: lowercase;
text-align: right;
text-align: center;
}

#footer-menu ul {
padding: 0px;
margin: 0px;
}

#footer-menu li {
display: inline;
padding: 3px;
}

#footer-menu a {
color: #7d7d7d;
white-space: nowrap;
}

.pagefooterblock {
text-transform: lowercase;
text-align: center;
color: #444444;
font-size: 9px;
}

table.month {
margin: 40px;
width: 800px;
}

table.month td {
padding: 5px;
border: 1px dotted #e4e4e4;
}

h2 {
font-family: "century gothic", sans-serif;
font-weight: lighter;
font-size: 20px;
color: #ADD14E;
}

/* CSS by Han - http://community.livejournal.com/apricot_13 */

Headers

Sun, 21 Jan 2007 14:43:35 GMT

Most of these are leftovers from the last layout standing competition.
Dont forget to credit apricot_13</lj>

Friends Banner

Sun, 21 Jan 2007 14:35:37 GMT

Sorry I've been neglecting this place, I've had SO much uni work going on! Projects coming out of my ears! Anyone who knows java email me!

As a peace offering - have a friends only banner :D

Sorry about some of the Icons's beeing broken, I'm sick of people direct linking them so I moved them and replaced them with nasty messages. I'll change the urls when I get back to uni, I'm doing this in a break from some reading.

vote!

Sat, 23 Sep 2006 16:34:01 GMT

Vote for xhan104 here. I;m sorry its not as fantastic as the rest but I just moved into uni.

The next one will be more exciting promise :)

Vote Again!

Sat, 02 Sep 2006 22:13:25 GMT

Vote for xhan104 here :)

I'll love you all forever!

Updated FAQ

Thu, 31 Aug 2006 15:17:08 GMT

I've updated the FAQ. It now has a video tutorial made by yours truely on how to install my layouts.

Tranquil (S2 - Tranquility II)

Wed, 30 Aug 2006 12:37:51 GMT

Turquoise white and grey.
My entry to te lls audition.

Its my second time publicly releasing a tranquility II layout, remember, all my layouts are Beta and subject to change at anytime.

Dont comment about the spaces below the entries, this is apparently a known bug in tranquility II.

Comment if taking and credit in your userinfo!

Link back to apricot_13
For information on installing this layout read the FAQ

Save this as style.css and upload to your own server

/* css by han. xhan104.livejournal.com */

@media screen, print {
                ul#lj-links, ul#lj-summary, ul#user-links {
			margin: 0;
			padding: 0;
		}
		
		body {
			background-color: #f1f1f1;
			font-family: Georgia, serif;
			font-size: 12px;
			line-height: 125%;
			color: #333333;
			text-align: center;
		}
		a {
			font-family: Georgia, serif;
			font-size: 100%;
			color: #8ad1c9;
			text-decoration: none;
		}
		a:visited { color: #8ad1c9; }
		a:hover, a:visited:hover { color: #8ed9bd; text-decoration: underline; }
		a:active { color: #8ad1c9; }
		a img { border: none; }
		a.comm {
			background: transparent url(http://stat.livejournal.com/img/community.gif) no-repeat;
			padding-left: 19px;
			padding-bottom: 7px;
		}
		a.user {
			background: transparent url(http://stat.livejournal.com/img/userinfo.gif) no-repeat;
			padding-left: 19px;
			padding-bottom: 7px;
		}
		p {
			margin: 5px;
			padding: 5px;
		}

form {
			display: inline;
			margin: 0px;
			padding: 0px;
		}
		input, select, textarea {
			font-family: Verdana, Helvetica, sans-serif;
			font-size: 80%;
			color: #666666;
			padding: 2px;
			margin: 3px;
		}

#container {
			position: relative;
			width: 780px;
			margin: 0 auto;
			text-align: left;
                        background-color: #ffffff;
                        padding: 15px;
		}

#header {
			margin-bottom: 15px; 
 background-image: url(http://www.box.net/public/static/2yr316x1j7.gif);
background-repeat: no-repeat;
height: 331px;
		}

#header h1 {
			padding-top: 170px;
                        padding-left: 250px;
			font-family: "century gothic", serif;
                        text-transform: uppercase;
			font-weight: lighter;
                        font-size: 30px;
			color: #ffffff;
                        height: auto;
		}

#menu {
			position: relative;
			background-color: #ffffff;
			float: left;
			width: 150px;
			font-family: Georgia, serif;
			font-size: 100%;
			color: #ffffff;
			border: 0px solid #333333;
			padding: 4px;
		}
		#content {
			position: relative;
			margin-left: 160px;
		}

#entries {
			border: 0px solid #000000;
			padding: 15px;
			background-color: #ffffff;
		}

#menu h2 {
			font-family: "century gothic", Georgia, serif;
			font-size: 15px;
			color: #666666; 
text-transform: uppercase;
font-weight: lighter;
border-bottom: 1px solid #cccccc;
		}
		#menu h2.userpic {
			text-align: center;
                       background-color: #8ad1c9;
                      padding: 15px;
                      width: 100px;
margin-left: 10px;
border-bottom: 0px;
		}
		#menu h2.userpic:hover{
                       background-color: #8ed9bd;
		}

#menu a {
			font-family: "Century Gothic", Verdana, Helvetica, sans-serif;
			font-size: 15px;
			color: #ffffff;
                        display: block;
                        background-color: #8ad1c9;
                        padding: 10px;
text-align: center;
text-transform: uppercase;
		}

* html body #menu a {
width:100%;
}

#menu a:visited { color: #ffffff; }
		#menu a:hover, #menu a:visited:hover { color: #ffffff; text-decoration: none;

background-color: #8ed9bd; }
		#menu a:active { color: #ffffff; }
		#menu ul {
			margin: 3px;
			list-style: none;
display: block;
		}
		#menu ul li {
			margin: 3px;
			padding: 2px;
			list-style: none;
display: block;
		}

* html body #menu ul {
width:100%;
}

* html body #menu ul li{
width:100%;
}

#menu ul.lj-links {
display: block;
}

* html body #menu ul.lj-links {
width:100%;
}

#menu ul li.active {
			font-family: "Century Gothic", Verdana, Helvetica, sans-serif;
			font-size: 15px;
			color: #ffffff;
                        display: block;
                        background-color: #8ed9bd;
                        padding: 10px;
text-align: center;
text-transform: uppercase;
		}

* html body #menu ul li.active{
width:100%;
}

#content h2 {
			margin: -8px 0;
		}

#content #entries h4 {
font-weight: bold;
font-family: "century gothic", sans-serif;
text-transform: uppercase;
color: #aaaaaa;
font-size: 12px;
}
		#entries, #comments {
			margin: 10px;
		}
		.ind-entry {
			padding: 5px;
			padding-bottom: 15px;
			border-bottom: 1px solid #cccccc;
			background-color: #ffffff;
color: #aaaaaa;
font-weight: lighter;
font-family: "century gothic", sans-serif;
		}
		.ind-entry h3 img, .ind-comment-one h3 img, .ind-comment-two h3 img, .ind-comment-screened h3

img {
			float: right;
			padding-top: 30px;
		}
		.ind-entry h2 {
			font-family: "century gothic", Georgia, serif;
			font-size: 30px;
			color: #60b5ab;
			margin: 20px 0px;
			line-height: 140%;
text-transform: uppercase;
font-weight: lighter;
		}

.ind-entry h4, .ind-comment-one h4, .ind-comment-two h4, .ind-comment-screened h4 {
			font-family: Verdana, Helvetica, sans-serif;
			font-size: 80%;
			color: #aaaaaa;
font-weight: bold;
text-transform: uppercase;
margin-top: -11px;
		}
		.ind-entry h4 {
			background-color: #ffffff;
		}
		.ind-entry h4 a, .ind-comment-one h4 a, .ind-comment-two h4 a, .ind-comment-screened h4 a,

.ind-entry h4 a:visited, .ind-comment-one h4 a:visited, .ind-comment-two h4 a:visited,

.ind-comment-screened h4 a:visited {
			font-family: "century gothic", Verdana, Helvetica, sans-serif;
			font-size: 15px;
			color: #60b5ab;
			text-decoration: none;
font-weight: lighter;
		}

.ind-entry h4 a:hover, .ind-comment-one h4 a:hover, .ind-comment-two h4 a:hover,

.ind-comment-screened h4 a:hover { color: #69deb1; }
		.ind-entry h4 a:visited:hover, .ind-comment-one h4 a:visited:hover, .ind-comment-two h4

a:visited:hover, .ind-comment-screened h4 a:visited:hover { color: #69deb1;  font-weight: lighter;}
		.ind-entry h4 a:active, .ind-comment-one h4 a:active, .ind-comment-two h4 a:active,

.ind-comment-screened h4 a:active { color: #69deb1; }
		.ind-entry div.entry-item, .ind-entry div.month-entries {
			font-family: verdana, Georgia, serif;
			font-size: 10px;
			color: #666666;
			margin: 15px 0px;
		}
		.ind-entry div.entry-item a, .ind-entry div.month-entries a {
			font-family: verdana, Georgia, serif;
			font-size: 10px;
			color: #949494;
			text-decoration: underline;
		}
		.ind-entry div.entry-item a:visited, .ind-entry div.month-entries a:visited { color: #5ab300;

}
		.ind-entry div.entry-item a:hover, .ind-entry div.entry-item a:visited:hover { color:

#336600; }
		.ind-entry div.month-entries a:hover, .ind-entry div.month-entries a:visited:hover { color:

#336600; }
		.ind-entry div.entry-item a:active, .ind-entry div.month-entries a:active { color: #336600; }

.ind-comment-one, .ind-comment-two, .ind-comment-screened {
			margin: 10px 0;
			padding: 5px;
		}
		.ind-comment-one { background-color: #ffffff; border-bottom: 1px solid #999999; }
		.ind-comment-two { background-color: #ffffff; border-bottom: 1px solid #999999; }
		.ind-comment-screened { background-color: #ffffff; border-bottom: 1px solid #999999; }

.ind-comment-one h2 {
			font-family: Georgia, serif;
			font-size: 130%;
			color: #333333;
			margin: 20px 0px;
		}
		.ind-comment-one div.entry-item {
			font-family: Georgia, serif;
			font-size: 100%;
			color: #333333;
			margin: 15px 0px;
		}
		.ind-comment-one div.entry-item a {
			font-family: Georgia, serif;
			font-size: 100%;
			color: #5ab300;
			text-decoration: underline;
		}
		.ind-comment-one div.entry-item a:visited { color: #5ab300; }
		.ind-comment-one div.entry-item a:hover, .ind-comment-one div.entry-item a:visited:hover {

color: #336600; }
		.ind-comment-one div.entry-item a:active { color: #336600; }

.ind-comment-two h2 {
			font-family: Georgia, serif;
			font-size: 130%;
			color: #333333;
			margin: 20px 0px;
			line-height: 140%;
		}
		.ind-comment-two div.entry-item {
			font-family: Georgia, serif;
			font-size: 100%;
			color: #333333;
			margin: 10px 0px;
		}
		.ind-comment-two div.entry-item a {
			font-family: Georgia, serif;
			font-size: 100%;
			color: #5ab300;
			text-decoration: underline;
		}
		.ind-comment-two div.entry-item a:visited { color: #5ab300; }
		.ind-comment-two div.entry-item a:hover, .ind-comment-two div.entry-item a:visited:hover {

color: #336600; }
		.ind-comment-two div.entry-item a:active { color: #336600; }

.ind-comment-screened h2 {
			font-family: Georgia, serif;
			font-size: 130%;
			color: #333333;
			margin: 20px 0px;
		}
		.ind-comment-screened div.entry-item {
			font-family: Georgia, serif;
			font-size: 100%;
			color: #333333;
			margin: 10px 0px;
		}
		.ind-comment-screened div.entry-item a {
			font-family: Georgia, serif;
			font-size: 100%;
			color: #708cc4;
			text-decoration: underline;
		}
		.ind-comment-screened div.entry-item a:visited { color: #5ab300; }
		.ind-comment-screened div.entry-item a:hover, .ind-comment-screened div.entry-item

a:visited:hover { color: #336600; }
		.ind-comment-screened div.entry-item a:active { color: #336600; }

.month-entries {
			margin: 10px 0;
		}
		.month-entries ul {
			list-style: none;
			margin: 10px;
		}
		.month-entries ul li {
			list-style: none;
			padding: 3px;
		}

.ljtaglist {
			margin-left: 5px;
		}

#footer {
			position: relative;
			font-family: "Century Gothic", Georgia, serif;
			font-size: 100%;
                       text-transform: uppercase;
			color: #666666;
			background-color: #ffffff;
		}
		#footer p {
			padding: 20px;
		}
		#footer a {
			font-family: Georgia, serif;
			font-size: 100%;
			color: #8ad1c9;
		}
		#footer a:visited { color: #8ad1c9; }
		#footer a:hover, #footer a:visited:hover { color: #8ed9bd; }
		#footer a:active { color: #8ad1c9; }
	}

@media print {
		#menu {
			display: none;
		}
		#content {
			margin-left: 0px;
		}
		#entries, .ind-entry, .ind-comment, #footer, #header {
			border: none;
		}

}

/* css by han. xhan104.livejournal.com */

New Filesharing

Wed, 30 Aug 2006 12:24:20 GMT

You can share gigabytes of information for free with gigasize. I havn't tested it out but it seems pretty use ful for those of you who make videos etc.

Vote for xhan104

Sun, 27 Aug 2006 23:27:56 GMT

Everyone vote for xhan104 here :) I'm right at the top - you cant miss it!

Do you think I can bribe you all with even more layouts if you do vote for me!?

*sends psychic thoughts to command ye to vote for xhan104*

ARG!!!!

Thu, 24 Aug 2006 19:08:11 GMT

I'm ever so slightly pissed off atm FFS! thats it, I'm going through ALL my photos and adding BIG FAT COPYRIGHTS onto them.

You give people free layouts, brushes, avatars, icons, advice, help, tutorials and what do they do, they kick it back in your face by not crediting and STEALING YOUR PHOTOGRAPHY which is the only thing you do that is not for people to take.

(dont leave nasty messages, it doesnt give the right impression)

Avalanche (S2 - Tranquility II)

Mon, 14 Aug 2006 23:12:28 GMT

Plain white and grey.

This is just a plane boring layout for bloggers not wanting anything 'special', and just a plain layout without any distractions.

Its my first time publicly releasing a tranquility II layout, remember, all my layouts are Beta and subject to change at anytime.

Dont comment about the spaces below the entries, this is apparently a known bug in tranquility II.

Comment if taking and credit in your userinfo!

Link back to apricot_13
For information on installing this layout read the FAQ

Save this as style.css and upload to your own server or copy into custom css

edit I've fixed the weird page summary links.

/* CSS by Han - http://community.livejournal.com/apricot_13 */

@media screen, print {
                ul#lj-links, ul#lj-summary, ul#user-links {
			margin: 0;
			padding: 0;
		}
		
		body {
			background-color: #eeeeee;
			font-family: Georgia, serif;
			font-size: 12px;
			line-height: 125%;
			color: #333333;
			text-align: center;
		}
		a {
			font-family: Georgia, serif;
			font-size: 100%;
			color: #8ad1c9;
			text-decoration: none;
		}
		a:visited { color: #8ad1c9; }
		a:hover, a:visited:hover { color: #8ed9bd; text-decoration: underline; }
		a:active { color: #8ad1c9; }
		a img { border: none; }
		a.comm {
			background: transparent url(http://stat.livejournal.com/img/community.gif) no-repeat;
			padding-left: 19px;
			padding-bottom: 7px;
		}
		a.user {
			background: transparent url(http://stat.livejournal.com/img/userinfo.gif) no-repeat;
			padding-left: 19px;
			padding-bottom: 7px;
		}
		p {
			margin: 5px;
			padding: 5px;
		}

#container {
			position: relative;
			width: 90%;
			margin: 0 auto;
			text-align: left;
                        background-color: #ffffff;
                        padding: 15px;
		}

#header {
			margin-bottom: 15px; 
 background-repeat: no-repeat;
border-bottom: 1px dashed #cccccc;
		}

#header h1 {
			font-family: "century gothic", serif;
                        text-transform: uppercase;
			font-weight: lighter;
                        font-size: 30px;
			color: #cccccc;
                        height: auto;
		}

#menu {
			position: relative;
			background-color: #ffffff;
			float: left;
			width: 150px;
			font-family: Georgia, serif;
			font-size: 100%;
			color: #ffffff;
			border: 0px solid #333333;
			padding: 4px;
border-right: 1px dashed #cccccc;
		}
		#content {
			position: relative;
			margin-left: 160px;
width: auto;
		}

#entries {
			border: 0px solid #000000;
			padding: 15px;
			background-color: #ffffff;
		}

#menu h2 {
			font-family: "century gothic", Georgia, serif;
			font-size: 15px;
			color: #666666; 
text-transform: uppercase;
font-weight: lighter;
border-bottom: 1px solid #cccccc;
		}
		#menu h2.userpic {
			text-align: center;
                       background-color: #ffffff;
                      padding: 15px;
                      width: 100px;
margin-left: 10px;
border-bottom: 0px;
border: 1px solid #f1f1f1;
		}
		#menu h2.userpic:hover{
                       background-color: #f1f1f1;
		}

#menu a {
			font-family: "Century Gothic", Verdana, Helvetica, sans-serif;
			color: #666666;

}

* html body #menu a {
width:100%;
}

#menu a:visited { color: #cccccc; }
		#menu a:hover, #menu a:visited:hover { 
color: #cccccc; 
text-decoration: none;

}
		#menu a:active { color: #cccccc; }
		#menu ul {
			margin: 3px;
			list-style: none;
display: block;
		}
		#menu ul li, #menu ul li:active {
color: #ccc;
			font-family: "Century Gothic", Verdana, Helvetica, sans-serif;

margin: 3px;
			padding: 2px;
			list-style: none;
                        display: block;
                        background-color: #ffffff;
                        padding: 10px;
text-align: center;
text-transform: uppercase;
border: 1px solid #f1f1f1;
		}

* html body #menu ul {
width:100%;
}

* html body #menu ul li{
width:100%;
}

#menu ul.lj-links {

}

* html body #menu ul.lj-links {
width:100%;
}

#menu #lj-summary li {
font-size: 8px;
}

#menu #lj-summary li a {
color: #555;
text-transform: lowercase;
}

#menu ul li a:active {
			font-family: "Century Gothic", Verdana, Helvetica, sans-serif;
			font-size: 15px;
			color: #666666;
                        display: block;
                        background-color: #f1f1f1;
                        padding: 10px;
text-align: center;
text-transform: uppercase;
border: 1px solid #f1f1f1;
		}

* html body #menu ul li a:active{
width:100%;
}

#content h2 {
			margin: -8px 0;
		}
		#entries, #comments {
			margin: 10px;
		}
		.ind-entry {
			padding: 5px;
			padding-bottom: 15px;
			border-bottom: 1px solid #cccccc;
			background-color: #ffffff;
		}
		.ind-entry h3 img, .ind-comment-one h3 img, .ind-comment-two h3 img, .ind-comment-screened h3

img {
			position: relative;
			float: right;
			padding: 5px;
		}
		.ind-entry h2 {
			font-family: "century gothic", Georgia, serif;
			font-size: 30px;
			color: #666666;
			margin: 20px 0px;
			line-height: 140%;
text-transform: uppercase;
font-weight: lighter;
		}

.ind-entry h4 a:visited, .ind-comment-one h4 a:visited, .ind-comment-two h4 a:visited,

.ind-comment-screened h4 a:visited {
			font-family: Verdana, Helvetica, sans-serif;
			font-size: 10px;
			color: #666666;
			text-decoration: none;
font-weight: lighter;
		}

.ind-entry h4 a:hover, .ind-comment-one h4 a:hover, .ind-comment-two h4 a:hover,

.ind-comment-screened h4 a:hover { color: #cccccc; }
		.ind-entry h4 a:visited:hover, .ind-comment-one h4 a:visited:hover, .ind-comment-two h4

a:visited:hover, .ind-comment-screened h4 a:visited:hover { color: #cccccc;  font-weight: lighter;}
		.ind-entry h4 a:active, .ind-comment-one h4 a:active, .ind-comment-two h4 a:active,

.ind-comment-screened h4 a:active { color: #cccccc; }
		.ind-entry div.entry-item, .ind-entry div.month-entries {
			font-family: verdana, Georgia, serif;
			font-size: 10px;
			color: #666666;
			margin: 15px 0px;
		}
		.ind-entry div.entry-item a, .ind-entry div.month-entries a {
			font-family: verdana, Georgia, serif;
			font-size: 10px;
			color: #949494;
			text-decoration: underline;
		}
		.ind-entry div.entry-item a:visited, .ind-entry div.month-entries a:visited { color: #5ab300;

}
		.ind-entry div.entry-item a:hover, .ind-entry div.entry-item a:visited:hover { color:

#336600; }
		.ind-entry div.month-entries a:hover, .ind-entry div.month-entries a:visited:hover { color:

#336600; }
		.ind-entry div.entry-item a:active, .ind-entry div.month-entries a:active { color: #336600; }

color: #336600; }
		.ind-comment-one div.entry-item a:active { color: #336600; }

color: #336600; }
		.ind-comment-two div.entry-item a:active { color: #336600; }

a:visited:hover { color: #336600; }
		.ind-comment-screened div.entry-item a:active { color: #336600; }

.month-entries {
			margin: 10px 0;
		}
		.month-entries ul {
			list-style: none;
			margin: 10px;
		}
		.month-entries ul li {
			list-style: none;
			padding: 3px;
		}

.ljtaglist {
			margin-left: 5px;
		}

@media print {
		#menu {
			display: none;
		}
		#content {
			margin-left: 0px;
		}
		#entries, .ind-entry, .ind-comment, #footer, #header {
			border: none;
		}

}

/* CSS by Han - http://community.livejournal.com/apricot_13 */

apricot13.org

Sun, 13 Aug 2006 21:13:31 GMT

From the domain that gave rise to apricot_13, I tell you that apricot13.org has a new layout.

add it to you feed readers to recieve my photography everyday!

Here I am - Wordpress Theme

Sat, 05 Aug 2006 22:02:31 GMT

Here I Am is now availably as a wordpress theme here

Life - Wordpress Theme

Sat, 05 Aug 2006 22:02:03 GMT

Life is now availably as a wordpress theme here

Looked Above - Wordpress Theme

Sat, 05 Aug 2006 14:51:17 GMT

Looked above is now available as a wordpress theme. Download it here

Whats in a Name - Wordpress Theme.

Thu, 03 Aug 2006 18:04:53 GMT

'Whats in a name' is now available for download as a wordpress theme. You can get it here.

Beta Navigation

Mon, 31 Jul 2006 00:22:19 GMT

If you go here you can beta test ljs new navigation. Personally I hate the light blue but thats just me.

Back

Sun, 30 Jul 2006 01:34:01 GMT

I'm back from my holiday to china. I'll be working on some layouts soon but first I'm going to be porting all my existing ones over to be wordpress themes, so you can use them on your website too! I may even make blogger ones if anyone wants them.

Wanna know more about my holiday, eruanna.net.

Temp Hiatus

Thu, 06 Jul 2006 19:55:28 GMT

I'm going on a tempoary hiatus. I'm going to China for three weeks so I wont be able to make any layouts and also a little notice to remember.

Layouts are released as work in progress and are linkware (meaning they require a link back), they are subject to change at ANY time. If you notice a problem with your layout the chances are I've already fixed it, so recopy the CSS and if it still doesn't work then please comment in the entry to let me know. My layouts are designed to work at their best in firefox, opera and flock. IE is just an annoyance (unless you have the beta in which it should work fine). URLs are also subject to change due to the way the host works! If I make a change I have to reupload the stylesheet and that means the URL will chance, for this reason the textbox is usually more accurate.

Black and White Icons

Tue, 04 Jul 2006 20:30:04 GMT

Black White and Red all over!

- Link back to apricot_13
- Do not claim these as your own
- Do not direct link
Resources


1	2	3

4	5	6

7	8	9

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	71	72

73	74


1	2	3

4	5	6

7	8	9

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	71	72

73	74


1	2	3

4	5	6

7	8	9

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	71	72

73	74


1	2	3

4	5	6

7	8	9

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	71	72

73	74