66mango

Info

This is my graphics journal, mainly for S2 layouts.

More layouts are coming soon! ^^

Please have a look at the rules~

You know how it goes: comments are ♥
& please give credit to either

66mango or

lotos79 when you use anything!

Links

August 2008

Tags

20 August 2008 @ 08:26 pm

#08 Die (Dir en grey) layout

This layout got requested by mog_fuyu. ^.^

Rules:
if you use this layout,
1. please let me know here (I'm curious ^^)
2. credit either

66mango,

lotos79 or lotos79@LJ, whatever suits you
3. do not remove my copyright

Preview:
click on the thumbnails to see a larger preview

( Die (diru) layout )

Tags: dir en grey, s2, smooth sailing

Current Mood:

busy

memories of you

06 July 2008 @ 09:03 pm

#07 Aki (シド) layout

This layout got requested by yuudream.
I hope you like it. ^^

Rules:
if you use this layout,
1. please let me know here (I'm curious ^^)
2. credit either

66mango,

lotos79 or lotos79@LJ, whatever suits you
3. do not remove my copyright

Preview:
click on the thumbnails to see a larger preview

( Aki (SID) layout )

Tags: s2, smooth sailing, シド

Current Mood:

pleased

memories of you

25 May 2008 @ 08:35 pm

#06 MYM (GaGaalinG) red layout

Here's another layout! ^^
I finally found a way to circumnavigate the problems with the the exact pixel position of the background and header. XD

Rules:
if you use this layout,
1. please let me know here (I'm curious ^^)
2. credit either

66mango,

lotos79 or lotos79@LJ, whatever suits you
3. do not remove my copyright

Preview:
click on the thumbnails to see a larger preview

( MYM (GaGaalinG) red layout )

Tags: gagaaling, s2, smooth sailing

Current Mood:

cheerful

Current Music: GaGaalinG - desperate

memories of you

14 May 2008 @ 08:15 pm

#05 Miyavi Spring

Current layout of this journal.

Preview:
click on the thumbnails to see a larger preview

Title: myv spring
Date: 2008/05/13
System: S2
Theme: Flexible Squares
LJ account: free, plus (due to ads, position of the header might have to be changed) & paid
IJ account: only paid/permanent!
Images: header, entry_bg, divider // background made by 77words / altered by myself
Browser: Opera, Firefox & IE

important: I changed the brightness of the background. The new bg is up as well. (2008/07/04)

Layout code:

/*
/* Cleaned CSS: */
/*
Layout and stylesheet made by Lotos @ http://66mango.insanejournal.com/ 
Style System: S2
Theme: Flexible Square
*/

body	{
		background-color: #e1fffb; 
                background: url(BACKGROUND) repeat fixed;
		text-align: right;
		color: #000000; 
		font-family: "Verdana", sans-serif; 
		font-size: 11px; 
		margin: 30px 0 40px 0;
		}
	
	a, a:link, a:visited {
		color: #2fab9a;
		text-decoration: none;
		}
	
	a:hover {
		color: #8aded2;
		text-decoration: underline;
		}
	
	p, td, {
	    	font-size: 11px;
		}

blockquote {
     		text-align: justify;
     		background-color: #FFFFFF;
     		color: #353535;
     		padding: 5px;
     		border: 1px solid #ccc;
     		}
		
	kbd, pre, tt {
	    	font-family: monospace;
		}

code   {
                background-color: #fdf2f7;
                display:block; 
		color: #006e76; 
		padding:5px; 
		border:1px dashed;
	       }
		
	#content
	       {  	
		width: 880px;
		margin-left: auto; 
                margin-right: auto;	
                margin-top: 0px;			
		background-color: transparent;
		padding: 0px;
	       }

#maincontent {	 	
		margin-top: 15px;
		font-family: "Verdana", sans-serif;
		font-size: 11px;
		background-color: transparent;
		color: #000000;
		
		margin-right: 180px;
		text-align: left;
		}
	
	#sidebar {
		
		padding-top: 15px;
		margin-top: 15px;
		background: url(ENTRY_BG) top left repeat transparent;
		border-color: #999999;
		border-width: 1px;
		border-style: solid;
	  	font-size: 11px;
		font-family: "Verdana", sans-serif;
	  	color: #000000;
		width: 160px;
		float: right;
		text-align: left;
		}

#header {		
		width: 100%;
		padding: 5px 0px 5px 0px;
		margin: 0px;
		text-align: center;
		font-family: "Garamond", sans-serif;
		font-size: 14px;
		font-weight: bold;
		letter-spacing: 2px;	
		border-style: solid;
		border-color: #999999;
		border-width: 1px;
		background-color: #f3dde9;
		color: #2b6d6c;	
		}

.headerimage {
                position: relative;
                width:  880px; 
                height: 680px; 
                margin-left: auto;
                margin-right: auto; 
                margin-bottom: 20px;
                background-image: url(HEADER); 
                background-repeat: no-repeat;
                }

#footer {			
		width: 100%;
		text-align: center;
		font-family: "Garamond", sans-serif;
		font-size: 13px;
		font-weight: bold;
		letter-spacing: 1px;
		background-color: #f3dde9;
		color: #2b6d6c;
		border-color: #999999;
		border-width: 1px;
		border-style: solid;
		z-index: 100;
		clear: both;
                padding: 5px 0px 5px 0px;
		}
		
	/* 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: #2fab9a;
	}
	
	div#header a:hover, div#footer a:hover {
		color: #8aded2;
		text-decoration: none;
	}	
	
	ul.navheader 
		{	
		padding: 0px;	
		margin: 0px;
		}
	
	ul.navheader li  {
		display: inline;			
		padding: 0 3px 0 3px;
		}

.title	{
		font-family: "Verdana", sans-serif;
		font-size: 11px;		
		font-weight: normal;
		line-height: 200%;
		top: 10px;
		}
	
	.subtitle{
		font-family: "Verdana", sans-serif;
		font-size: 11px;
		font-weight: normal;		
		top: 10px;
		}

/* sidebar */ 	
			
	div#sidebar a, div#sidebar a:link, div#sidebar a:visited{
		color: #2fab9a;
	}
	
	div#sidebar a:hover {
		color: #8aded2;
		text-decoration: none;
	}
	
	.defaultuserpic {
		text-align: center;
		}

.defaultuserpic img{
                padding:5px;
                background-color: #a2cdc1; 
                border:1px solid #235a4d; 
                }
	
	.sbarheader {
		padding: 0px 5px 0px 5px;
		}
	
	.sbarbody {
		padding: 0px 5px 0px 5px;		
		}
	
	.sbarbody2 {
		padding: 0 15px 0 15px;
	}
			
	table.calendar {
		margin-right: auto;
		margin-left: auto;
		}
		
	.sbarcalendar {
		border-color: #000000;
		border-width: 1px;
		border-style: solid;
		text-align: center;
		font-family: "Verdana", sans-serif;
		font-size: 11px;
		}
	
	.sbarcalendarposts {
		border-color:  #000000;
		border-width: 1px;
		border-style: solid;
		background-color: #fdf2f7;
		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: 15px;
		list-style: none;		
		border-style: solid;
		border-width: 1px;
		border-color: #999999;
		background-color: #e191bd; 
		margin-bottom: 10px;
		margin-top: 10px;
	}

/* maincontent */	
	
	.subcontent {		
	}
		
	.entry	{
		margin: 0px 10px 10px 30px;
		padding: 10px;
		background: url(ENTRY_BG) top left repeat transparent;
		color: #000000;
		font-family: "Verdana", sans-serif;
		font-size: 11px;
		text-align: left;
		border-width: 1px;
		border-color: #919bad;
		border-style: solid;
		}
		
	.entry ul li
		{
		padding-left: 5px;
		margin-left: 15px;
		}
		
        .entry ol li
		{
		padding-left: 5px;
		margin-left: 15px;
		}

.userpic {
		position: relative;
		float: left;
		background-color: #a2cdc1;
		padding: 5px;
		margin: 10px;
		z-index: 15;
		border-width: 1px;
		border-color: #235a4d;
		border-style: solid;
		}
		
	.userpicfriends {
		position: relative;
		float: left;
		padding: 5px;
		margin: 10px;
		text-align: center;
		border-style: solid;
		border-width: 1px;
		border-color: #235a4d;
		font-family: "Verdana", sans-serif;
		font-size: 11px;
		z-index: 15;
		}
		
	.date {		
		line-height: 200%;		
		top: 5px;
		color: #000000;
		font-family: "Verdana", sans-serif;
		font-size: 11px;
		}
	
	.subject {			
		font-weight: bold;
		padding: 10px;
		color: #000000;
		font-family: "Verdana", sans-serif;
		font-size: 11px;
		}
		
	.subject a, .subject a:link, .subject a:visited {
		color: #ffffff;
		}
	
	.subject a:hover {
		color: #b0b9c8;
		}

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

.ljtags { 
                margin:30px 0px 0px 0px;
                background-color:#fdf2f7;
                width:350px; 
                padding:5px; 
                color:#646c7a; 
                font-size:10px; 
                border:1px solid #c2cde0; 
                }

.comments {
		font-family: "Verdana", sans-serif;
		font-size: 11px;
		text-align: right;
		background-color: #91ada5;
		padding: 0px 5px 0px 5px;
		position: relative;
		top: 15px;
		}
		
	div.comments a, div.comments a:link, div.comments a:visited{
		color: #dcfaf1;
	}
	
	div.comments a:hover {
		color: #FFFFFF;
		text-decoration: none;
	}

/* maincontent --  entry, reply pages */	
	
	.datesubjectcomment {				
			background-color: #91ada5;
			padding: 5px;
			margin-top: 20px;
			}	
		
	.userpiccomment {
		position: relative;
		background-color: #a2cdc1;
		top: -30px;
		left: 0px;
		padding: 5px;
		margin: 10px 10px -20px 10px;
		z-index: 15;
		float: left;
		border-width: 1px;
		border-color: #235a4d;
		border-style: solid;
		}
		
	.box {
		border-style: solid;
		border-width: 1px 0px 0px 0px;
		border-color: #999999;
		padding: 10px;
		clear: left;
		}

input, textarea {
		background-color: #eaf6f3;
		color: #657d76;
		}
		
	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: #a2cdc1;
		color: #000000;
		}
		
	.replytosubject {
		font-weight: bold;
		}

.commentreply {
		position: relative;
		margin: 10px;
		font-size: 11px;
		font-family: "Verdana", sans-serif;
		color: #000000;
		}
		
	.commentbox {
		border-color: #999999; 
		border-width: 1px; 
		border-style: solid; 
		padding: 10px; 
		margin: 10px; 
		background: url(ENTRY_BG) top left repeat transparent;
		}
		
	.datesubjectcomment a:link, .datesubjectcomment a:visited {
		color: #ffffff;
		}
		
	.datesubjectcomment a:hover {
		color: #b0b9c8;
		}
	
	.commentboxpartial {
		border-color: #999999; 
		border-width: 1px; 
		border-style: solid; 
		padding: 10px; 
		margin: 10px; 
		background-color: #91ada5;
		}

.commentinfo {
		background-color: #a2cdc1; 
		margin-top: 10px; 
		width: 100%;
		}
			
		
	/* maincontent -- year/achive pages */
		
	ul.year {
		text-align: center;
		padding-bottom: 40px;
		}
	
	ul.year li {
		display: inline;	
                background-color: #f3dde9;
                border-color: #999999;
		border-width: 1px;
		border-style: solid;
                color: #2b6d6c;	
                padding: 2px;
		}
	
	table.yeartable {
		margin-left: auto;
		margin-right: auto;
                background: url(ENTRY_BG) top left repeat transparent;
		}
	
	table.yeartable td.yeardate, table.yeartable td.yearday {
		border-width: 1px;
		border-style: solid;
		border-color: #999999;
		}
	
	table.yeartable td.yearday {
		background-color: #d4dce8;
		text-align: center;
		}

td.yearmonth {
		border-style: none;
                background-color: #f3dde9;
		}
	
		
	/* 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;
                background: url(ENTRY_BG) repeat transparent;
                width: 380px;
                border-width: 1px;
		border-color: #919bad;
		border-style: solid;
                margin-left: 170px;
		}
		
        .skiplinks a, skiplinks a:link, skiplinks a:visited{
		color: #2fab9a;
                
	}
	
	.skiplinks a:hover {
		color: #8aded2;
		text-decoration: none; 
	}

.headerimage {
		/* for formatting header image */
		}

.separator{
		/* for formatting separators between entries */
		height: 40px;
                width: 500px;
                background: url(DIVIDER) no-repeat top left;
                margin-left: 100px;
                margin-top: 30px;
                margin-bottom: 10px;
	}

IMPORTANT
1. do not direct link any images, please save them to your own hosting site!
2. don't forget to include the links to the images (entry_bg appears several times) in the layout code.

Any questions? Let me know~ ♥

Tags: flexible squares, miyavi, s2

Current Mood:

accomplished

memories of you

14 May 2008 @ 08:03 pm

#04 Aoi gold

Preview:
click on the thumbnails to see a larger preview

This is my current IJ layout. ^^
Live preview:

lotos79

Title: Aoi gold
Date: 2008/04/18
System: S2
Theme: Smooth Sailing
LJ account: free, plus & paid
IJ account: only paid/permanent!
Images: n/a
Browser: Opera, Firefox & IE

Layout code: n/a for sharing at the moment

Tags: s2, smooth sailing, the gazette

Current Mood:

amused

memories of you

14 May 2008 @ 07:32 pm

#03 StrawberryShinya Community Layout

Previews:

Title: StrawberryShinya Community Layout
Date: 2008/02
System: S2
Theme: Smooth Sailing
LJ account: free & paid
IJ account: only paid/permanent!
Images: header & nav_bg
Browser: Opera, Firefox & IE

Layout code:

/*
Stylesheet by Lotos @ http://lotos79.livejournal.com/ & http://66mango.insanejournal.com/
Style System: S2
Theme: Smooth Sailing
*/

/* PAGE */

body {
     background-color: #F5CEA3;
     background-repeat: repeat-y;
     background-position: center;
     font-family: Century, Tahoma, Arial, sans-serif;
     font-size: 7.7pt;
     color: #7F234A;
     overflow-x: hidden;
     margin: 0px;
     }

a {
     color: #912855; 
     font-weight: lighter;
     text-decoration: none;
     }

a:visited {
     color: #912855; 
     font-weight: lighter;
     text-decoration: none;
     }

a:hover {
     color: #D65A8F;
     font-weight: lighter;
     text-decoration: none;
     }

.pageblock{
     background-color: transparent;
     width: 800px;
     margin: 0 auto;
     }
  .pagefooterblock {
     border-top: 2px solid #000000;
     background-color: transparent;
     color: #912855;
     padding: 4px 4px 4px 24px;
     margin-top: 4px;
     width: 710px;
     }
  .pagefooterblock a, .pagefooterblock a:visited {
     color: #912855;
     width: 710px;
     }

table {
     border: 0px !important;
     }

/* HEADER */

.pageheaderblock {
     text-align: left;
     background-image: url(HEADER);
     background-repeat: no-repeat;
     height: 400px;
     width: 800px;
     margin-top: 5px;
     padding-top: 10px;
     }

.header-title {
     display: none;
     }
  .header-subtitle {
     display: none;
     }
  .header-icon {
     display: none;
     }
  .header-menu {
     padding-top: 4px;
     width: 430px;
     height: 20px;
     background-color: #FFFFFF;
     text-align: center;
     line-height: 20px;
     margin-left: 280px;
     margin-top: 15px;
     }
  .header-menu a, .header-menu a:visited { 
     white-space: nowrap;
     padding: 2px 6px 2px 6px;
     color: #912855;
     text-decoration: none;
     text-transform: uppercase;
     word-spacing: 5px;
     }
  .header-menu a:hover {
     color: #D65A8F;
     }
  .header-menu ul, #footer-menu ul {
     text-align: center;
     margin: 0px;
     padding: 0px;
     }
  .header-menu li, #footer-menu li {
     display: inline;
     }

/* BODY */

.bodyblock {
     padding: 0px 0px 0px 0px;
     margin-top: -20px;
     background-color: transparent;
     color: #912855;
     width: 800px;
     }
  .bodyheaderblock {
     display: none;
     }
  .bodynavblock {
     background-color: transparent;
     color: #912855;
     text-align:  right;
     }
  .bodynavblock a, .bodynavblock a:visited {
     color: #912855;
     }
  .body-title {
     display: none;
     }
  .body-midtitle {
     font-size: 18px;
     color: #912855;
     text-align: left;
     padding-left: 8px;
     }

/*ENTRIES*/
  .entryHolder {
     color: #6A6A6A;
     background-color: #FFFFFF;
     font-family: Arial, sans-serif;
     font-size: 8pt;
     letter-spacing: 1px;
     line-height: 15px;
     margin: 0px 0px 4px 0px;
     text-align: justify;
     overflow: hidden;
     width: 560px;
     }
  .entryUserinfo {
     text-align: center;
     background-color: #FBDEBF;
     margin: 5px;
     padding: 3px; 
     }
  .entryUserinfo-usericon img { 
     border: 0; 
     } 
  .entryText {
     padding: 6px;
     }
  .entryHeader {
     background-color: transparent;
     border-bottom: 2px solid #F5CEA3;
     color: #912855;
     font-size: 10px;
     padding: 4px 0px 4px 8px;
     text-transform: none;
     }
  .entryHeader a{
     color: #6A6A6A;
     }
  .entryHeaderSubject {
     font-size: 10px;
     font-weight: bold;
     }
  .entryHeaderDate a {
     color : #535CB1;
     text-decoration : none;
     }
  .entryHeaderDate a:hover {
     color : #535CB1;
     text-decoration : none;
     }
  .entryMetadata {
     margin: 0;
     font-size: 9px;
     padding-left: 6px;
     }
  .entryMetadata ul {
     margin: 0px;
     padding: 0px;
     }
  .entryMetadata li {
     list-style: none;
     display: block;
     padding-right: 10px;
     }
  .entryMetadata-label {
     font-weight: bold;
     padding-right: 4px;
     }
  .entryLinkbar {
     font-size: 10px;
     color: #6A6A6A;
     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;
     }

a[href*=tellafriend], a[href*=memadd],
   a[href*=edittags], a[href*=entry],
   a[href*=edit] {
     display:none;
     }

/*FOOTER*/

#footer-menu {
     font-size: 11px;
     background-color: tranparent;
     width: 545px;
     }
  #footer-menu a, .footer-menu a:visited {
     background-color: tranparent;
     color: #6A6A6A;
     white-space: nowrap;
     padding: 6px;
     text-align: left;
     }
  #footer-menu a:hover { 
     background-color:#D65A8F;
     color: #FFFFFF;
     padding: 0px;
     text-align: left;
     }

/*SIDEBAR*/
  
  .sidebar {
     font-family: Verdana, Arial, sans-serif;
     font-size: 7pt;
     margin-right: 15px;
     padding-top: 50px;
     width: 160px;
     letter-spacing: 1px;
     line-height: 15px;
     }
  .sidebox {
     color: #6A6A6A;
     background-color: #FFF6EC;
     margin: 0;
     }
  .sideboxTitle {
     background-color: #FFF6EC;
     color: #6A6A6A;
     border-top: 0px solid #FFFFFF;
     font-family: tahoma;
     font-size: 10px;
     font-weight: bold;
     padding-top: 7px;   
     text-align: center;
     text-transform: uppercase;
     background-image:url(NAV_BG);	
     background-repeat: no-repeat;
     background-position: top left;
     height: 40px;
     }
  .sideboxContent {
     text-align: justify;
     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;
     }

/*OTHER PAGES*/

/* COMMENT PAGE */

.commentHolder {
     color: #6A6A6A;
     background-color: #FFFFFF;
     border-top: 2px solid #FFFFFF;
     font-size: 12px;
     margin: 4px 0px 4px 0px;
     }
  .commentUserinfo {
     text-align: center; 
     margin: 0px 8px 8px 0px;
     background-color: #FFFFFF;
     }
  .commentUserinfo-usericon img { 
     border: 5px solid #FFFFFFF; 
     } 
  .commentText {
     padding: 6px;
     }
  .commentHeader {
     background-color: #FFFFFF;
     color: #FFFFFF;
     font-size: 12px;
     padding: 4px 0px 4px 8px;
     }
  .commentHeader a{
     color: #FFFFFF;
     }
  .commentHeaderScreened {
     font-size: 10px;
     background-color: #cccccc;
     padding: 4px 0px 4px 8px;
     }
  .commentHeaderSubject {
     font-weight: bold;
     }
  .commentLinkbar {
     font-size: 11px;
     color: #6A6A6A;
     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: #F5CEA3;
     color: #FFFFFF;
     padding-left: 10px;
     }
  #commenttext{
     width:100%;
     }

/*ARCHIVE PAGE*/
  .yearlinks{
     text-align: right;
     }
  .yearlink{
     padding-left:4px;
     padding-right: 4px;
     }
  .month {
     width: 500px;
     border: 1px solid #FFFFFF;
     margin: 8px 8px 8px 40px;
     }
  .daysubjects {
     color: #6A6A6A;
     padding: 8px 8px 8px 40px;
     }
  .daytitles {
     text-align: center;
     border: 1px solid #FFFFFF;
     background: #FFFFFF;
     color: #6A6A6A;
     text-transform: uppercase;
     }
  .day-blank {
     border: 1px solid #FFFFFF;
    }
  .day {
     border: 1px solid #FFFFFF;
     }
  .day-date {
     border-right: 1px solid #FFFFFF;
     border-bottom: 1px solid #FFFFFF;
     color: #6A6A6A;
     width: 50%;
     text-align: center;
     }
  .day-count {
     width: 50%;
     text-align: center;
     float: right;
     font-size: 11px;
     }
  .day-count a {
     text-decoration: none;
     color: #6A6A6A;
     }

/*TAGS PAGE*/

.tagstable, .tagstable td {
     border: 1px solid #FFFFFF;
     }
  .tagstable { width: 90%; }

/* TEXTAREA ETC. */
  input, textarea, select {
     background-color: #FFFFFF;
     font-size: 8pt;
     font-family: Arial, sans-serif;
     color: #6A6A6A;
     letter-spacing: 0;
     border: 1px solid #FFFFFF;
     padding: 0;
     margin-top: 1px;
     }
	
  blockquote {
     text-align: justify;
     background-color: #F3F8FF;
     color: #353535;
     padding: 5px;
     border: 1px solid #ccc;
     }

IMPORTANT
1. do not direct link any images, please save them to your own hosting site!
2. don't forget to include the links to the images in the layout code.

Any questions? Let me know~ ♥

Tags: s2, smooth sailing, the gazette

Current Mood:

hungry

memories of you

14 May 2008 @ 06:49 pm

#02 Olivia

Preview:

Title: Olivia
Date: 2008/01
System: S2
Theme: Smooth Sailing
LJ account: free, plus & paid
IJ account: only paid/permanent!
Header: yes
Browser: Opera, Firefox & IE

Layout code:

/*
Stylesheet by Lotos @ http://lotos79.livejournal.com/ & http://66mango.insanejournal.com/
Style System: S2
Theme: Smooth Sailing
*/

/* PAGE */

body {
     background-color: #351E6A;
     background-repeat: repeat-y;
     background-position: center;
     font-family: Arial, sans-serif;
     font-size: 8pt;
     color: #CEBDFC;
     overflow-x: hidden;
     margin: 0;
     }

a {
     color: #6B51A7; 
     font-weight: lighter;
     text-decoration: none;
     }

a:visited {
     color: #6B51A7; 
     font-weight: lighter;
     text-decoration: none;
     }

a:hover {
     color: #95A2F3;
     font-weight: lighter;
     text-decoration: none;
     }

.pageblock{
     background-color: transparent;
     width: 800px;
     margin: 0 auto;
     }
  .pagefooterblock {
     border-top: 2px solid #D5EBFC;
     background-color: transparent;
     color: #6B51A7;
     padding: 4px 4px 4px 24px;
     margin-top: 4px;
     }
  .pagefooterblock a, .pagefooterblock a:visited {
     color: #6B51A7;
     }

table {
     border: 0px !important;
     }

/* HEADER */

.pageheaderblock {
     text-align: left;
     background-image: url(HEADER);
     background-position: top center;
     background-repeat: no-repeat;
     height: 400px;
     width: 800px;
     margin-top: 0;
     }

.header-title {
     display: none;
     }
  .header-subtitle {
     display: none;
     }
  .header-icon {
     display: none;
     }
  .header-menu {
     padding: 0;
     background-color: #D5EBFC;
     border-top: 2px solid #D5EBFC;
     text-align: center;
     line-height: 20px;
     }
  .header-menu a, .header-menu a:visited { 
     white-space: nowrap;
     padding: 2px 6px 2px 6px;
     color: #333B81;
     text-decoration: none;
     text-transform: uppercase;
     word-spacing: 5px;
     }
  .header-menu a:hover {
     color: #95A2F3;
     }
  .header-menu ul, #footer-menu ul {
     text-align: center;
     margin: 0px;
     padding: 0px;
     }
  .header-menu li, #footer-menu li {
     display: inline;
     }

/* BODY */

.bodyblock {
     padding: 10px 0px 0px 0px;
     background-color: #351E6A;
     background-attachment: fixed;
     }
  .bodyheaderblock {
     border-top: 2px solid #351E6A;
     background-color: #351E6A;
     padding: 2px 0px 2px 0px;
     }
  .bodynavblock {
     border-top: 2px solid #D5EBFC;
     background-color: #D5EBFC;
     color: #6B51A7;
     margin: 10px 0px 4px 0px;
     padding: 8px;
     }
  .bodynavblock a, .bodynavblock a:visited {
     color: #6B51A7;
     }
  .body-title {
     display: none;
     }
  .body-midtitle {
     font-size: 18px;
     color: #CEBDFC;
     text-align: left;
     padding-left: 8px;
     }

/*ENTRIES*/
  .entryHolder {
     color: #000000;
     background-color: #D5EBFC;
     border: 2px solid #6F80C0;
     font-family: Arial, sans-serif;
     font-size: 8pt;
     letter-spacing: 1px;
     line-height: 15px;
     margin: 4px 0px 4px 0px;
     text-align: justify;
     overflow: hidden;
     }
  .entryUserinfo {
     text-align: center;
     margin: 0px 8px 8px 0px;
     background-color: #f8f8f8;
     }
  .entryUserinfo-usericon img { 
     border: 0; 
     } 
  .entryText {
     padding: 6px;
     }
  .entryHeader {
     background-color: #6F80C0;
     color: #CEBDFC;
     font-size: 10px;
     padding: 4px 0px 4px 8px;
     text-transform: none;
     }
  .entryHeader a{
     color: #000000;
     }
  .entryHeaderSubject {
     font-size: 10px;
     font-weight: bold;
     }
  .entryHeaderDate a {
     color : #535CB1;
     text-decoration : none;
     }
  .entryHeaderDate a:hover {
     color : #535CB1;
     text-decoration : none;
     }
  .entryMetadata {
     margin: 0;
     font-size: 9px;
     padding-left: 6px;
     }
  .entryMetadata ul {
     margin: 0px;
     padding: 0px;
     }
  .entryMetadata li {
     list-style: none;
     display: block;
     padding-right: 10px;
     }
  .entryMetadata-label {
     font-weight: bold;
     padding-right: 4px;
     }
  .entryLinkbar {
     font-size: 10px;
     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;
     }

a[href*=tellafriend], a[href*=memadd],
   a[href*=edittags], a[href*=entry] {
     display:none;
     }

/*FOOTER*/

#footer-menu {
     font-size: 11px;
     }
  #footer-menu a, .footer-menu a:visited {
     color: #000000;
     white-space: nowrap;
     padding: 6px;
     text-align: left;
     }

/*SIDEBAR*/
  
  .sidebar {
     font-family: Arial, sans-serif;
     font-size: 7pt;
     margin-left: 10px;
     width: 170px;
     letter-spacing: 1px;
     line-height: 15px;
     }
  .sidebox {
     color: #000000;
     background-color: #D5EBFC;
     margin: 4px 0px 4px 0px;
     }
  .sideboxTitle {
     background-color: transparent;;
     color: #000000;
     border-top: 0px solid #ffffff;
     font-family: tahoma;
     font-size: 10px;
     font-weight: bold;
     padding: 0px;     
     text-align: center;
     text-transform: uppercase;
     }
  .sideboxContent {
     text-align: justify;
     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;
     }

/*OTHER PAGES*/

/* COMMENT PAGE */

.commentHolder {
     color: #000000;
     background-color: #D5EBFC;
     border-top: 2px solid #6F80C0;
     font-size: 12px;
     margin: 4px 0px 4px 0px;
     }
  .commentUserinfo {
     text-align: center; 
     margin: 0px 8px 8px 0px;
     background-color: #D5EBFC;
     }
  .commentUserinfo-usericon img { 
     border: 5px solid #D5EBFC; 
     } 
  .commentText {
     padding: 6px;
     }
  .commentHeader {
     background-color: #6F80C0;
     color: #CEBDFC;
     font-size: 12px;
     padding: 4px 0px 4px 8px;
     }
  .commentHeader a{
     color: #CEBDFC;
     }
  .commentHeaderScreened {
     font-size: 10px;
     background-color: #cccccc;
     padding: 4px 0px 4px 8px;
     }
  .commentHeaderSubject {
     font-weight: bold;
     }
  .commentLinkbar {
     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: #351E6A;
     color: #FFFFFF;
     padding-left: 10px;
     }
  #commenttext{
     width:100%;
     }

/*ARCHIVE PAGE*/
  .yearlinks{
     text-align: right;
     }
  .yearlink{
     padding-left:4px;
     padding-right: 4px;
     }
  .month {
     width: 500px;
     border: 1px solid #6F80C0;
     margin: 8px 8px 8px 40px;
     }
  .daysubjects {
     color: #000000;
     padding: 8px 8px 8px 40px;
     }
  .daytitles {
     text-align: center;
     border: 1px solid #6F80C0;
     background: #6F80C0;
     color: #000000;
     text-transform: uppercase;
     }
  .day-blank {
     border: 1px solid #6F80C0;
    }
  .day {
     border: 1px solid #6F80C0;
     }
  .day-date {
     border-right: 1px solid #6F80C0;
     border-bottom: 1px solid #6F80C0;
     color: #000000;
     width: 50%;
     text-align: center;
     }
  .day-count {
     width: 50%;
     text-align: center;
     float: right;
     font-size: 11px;
     }
  .day-count a {
     text-decoration: none;
     color: #000000;
     }

/*TAGS PAGE*/

.tagstable, .tagstable td {
     border: 1px solid #6F80C0;
     }
  .tagstable { width: 90%; }

/* TEXTAREA ETC. */
  input, textarea, select {
     background-color: #FFFFFF;
     font-size: 8pt;
     font-family: Arial, sans-serif;
     color: #000000;
     letter-spacing: 0;
     border: 1px solid #6F80C0;
     padding: 0;
     margin-top: 1px;
     }
	
  blockquote {
     text-align: justify;
     background-color: #F3F8FF;
     color: #353535;
     padding: 5px;
     border: 1px solid #ccc;
     }

IMPORTANT
1. do not direct link any images, please save them to your own hosting site!
2. don't forget to include the link to the header in the layout code.

Any questions? Let me know~ ♥

Tags: olivia lufkin, s2, smooth sailing

Current Mood:

busy

memories of you

14 May 2008 @ 06:06 pm

first header

My first header ever, made with Adobe Photoshop CS.
I guess there are still some of you, who remember my first layout with this header. ^^
Date: 2007/07/21
Layout code: n/a

Original picture:

Header:

Tags: header, miyavi

memories of you