Profile 010 : Unwritten | Layout 021 : Embroid: fruitstyle

malionette in fruitstyle

Profile 010 : Unwritten | Layout 021 : Embroid

Aug 27, 2008 12:52

Images used are scanned by thisiscyrene.

Click for a Live Preview

( Profile ) #010 : Unwritten
( Install ) Profile Code

Unwritten : Livejournal profile layout code created by Malionette.

Find more Livejournal skins, themes, and layout designs at malionette.net.

http://i44.tinypic.com/348rng7.png">the unwritten title

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec id mauris. Donec sollicitudin pede quis urna. Posuere cubilia Curae; Duis tincidunt odio et purus.

Suspendisse pretium neque nec lorem. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Duis tincidunt odio et purus.

Feel free to edit this profile code! Leave the link back to Fruitstyle alone please.

Link + Link + Link + Link + http://community.livejournal.com/fruitstyle/">Profile

Edit Profile

Put code in Bio
Change links, text, and styling to your preferences
Do not remove the credit link to Fruitstyle

Click for a Live Preview.

( Layout ) #021 : Embroid
Made upon request. Features Raiko, Raimei, and Gau from Nabari no Ou.

( Install ) Step 1 - System

Select Theme

Select any S2 Flexible Squares layout.

Page Setup

Ad Placement: Horizontal
(Ignore if you have a paid account.)

← Previous Step | 1 | 2 | 3 | 4 | Next Step →

( Install ) Step 2 - Display

Customize Display

Set the user picture position for each entry: Left

← Previous Step | 1 | 2 | 3 | 4 | Next Step →

( Install ) Step 3 - Stylesheet

Custom CSS

Use layout's stylesheets: No. IMPORTANT!!
Custom Stylesheet: /* S2 FLEXIBLE SQUARES --- Embroid ---
Wingweaver22 @ Fruitstyle.livejournal.com
Do not remove this note. */

#content {background: url(http://i35.tinypic.com/aufrzl.jpg) #000000 no-repeat top center; padding-top: 680px !important;}

body {background: #111111 url(http://i37.tinypic.com/eiw9cy.jpg) repeat fixed !important;}

#sidebar, .ljtaglist { background: url(http://i34.tinypic.com/s4yy36.jpg) repeat; }

body {font: 7pt arial; color: #707070; background: #111111; margin: 0; padding: 0;}

a, a:link, a:visited{ color: #90000a; text-decoration: none; font-weight: normal;}
a:hover, #lj_controlstrip a:hover{color: #d0000f; cursor: help; text-decoration: none; }

b { font-family: tahoma; color: #d0b61a;}
i { color: #d0b61a;}
ul, li {margin: 0; padding: 0; }

.entry_text img{border: 1px solid #333333; padding: 3px;}

select, input, .textbox, textarea, #lj_controlstrip select,
#lj_controlstrip input, #lj_controlstrip textarea {background-color: #111111 !important; border: 1px dotted #333333; color: #707070; font: 7pt arial;}

blockquote {margin: 14px; padding: 14px; background-color: #333333; }

.ljuser img {display: none;}
.ljuser a b{font-style: italic; letter-spacing: 1px; font-weight: normal; color: #bbbbbb;}
.ljuser a b:hover{color: #999999;}
/* :::::::::::::::::::::::::::::::::::::::::::::::::::: L A Y O U T */

#content { margin: 0 auto; width: 470px; padding: 20px 16px 0 16px; border-left: 1px dotted #222222; border-right: 1px dotted #222222; background-color: #000000;}

/* :::::::::::::::::::::::::::::::::::::::::::::::::::: H E A D E R */

#header {}
#header li{list-style: none; display: inline; margin: 0 2px 0 2px;}

.navheader {font: 26px georgia; letter-spacing: -2px; text-align: center;}

.view {color: #681609;}

.title, .subtitle, .defaultuserpic{ display: none;}

/* :::::::::::::::::::::::::::::::::::::::::::::::::::: S I D E B A R */

#sidebar { width: 444px; height: 82px; color: #555555; line-height: 14px; margin: auto; margin-top: 10px;}

.sbarbody2 {position: absolute; width: 300px; padding: 0 4px 0 5px; }

.sbarlist {float: right; width: 120px; color: #444444; margin: -1px 0 0 0;}
.sbarlist a{display: block; color: #666666; padding: 0 0 0 10px;}
.sbarlist a:hover{border-left: 3px solid #444444; color: #999999; padding: 0 0 0 7px;}
.sbarlist li{list-style: decimal-leading-zero; margin: 0 0 0 26px; border-left: 1px solid #444444; }

.sbartitle, .tagcloud, .calendar {display: none !important;}

/* :::::::::::::::::::::::::::::::::::::::::::::::::::: E N T R Y */

#maincontent {border-top: 3px solid #333333; padding: 13px 0 0 0;}

.subcontent { border-top: 1px dotted #3e3e3e; padding: 10px 0 0 0; width: 444px; margin: 0 auto;}

.userpic,.userpicfriends {float: right; background-color: #681609 !important; margin: 10px 0 0 0; text-align: center; border: 5px solid #333333;}
.userpic img, .userpicfriends img { width: 70px; height: 70px; padding: 10px; background-color: #90000a;}
.userpicfriends img {border-bottom: 1px dotted #999999;}
.userpicfriends a font{color: #bbbbbb !important;}
.userpicfriends br{ margin: 3px;}
.userpicfriends {color: transparent !important; padding: 0 0 5px 0;}

.datesubject {padding: 0 0 20px 0 ; margin: 30px 0 0 0; width: 400px; background-color: #111111;}
.date { text-transform: uppercase; margin: 26px 0 0 0; position: absolute; padding: 0 0 0 5px; color: #999999; letter-spacing: 1px;}
.subject {font: 26px georgia; letter-spacing: -2px; color: #90000A; border-bottom: 3px solid #333333; padding: 0 0 0 5px;}

.entry {}
.entry_text {min-height: 100px; font: 9px tahoma;}

.entry ul li {padding:0; margin: 0;}
.entry ol li {padding:0; margin: 0;}

.clear, .separator {display: none;}

/* :::::::::::::::::::::::::::::::::::::::::::::::::::: M E T A & C O M M E N T */

.currents, .ljtags, .comments {font-size: 7pt;}
.ljtags {margin-top: 10px !important; }
.currentmood, .currentmusic, .currentlocation, .ljtags { background-color: #333333; margin: 3px 0 0 0; padding: 2px 2px 2px 6px;}
.currentmood strong, .currentmusic strong, .currentlocation strong, .ljtags{font-weight: normal; color: #999999;}

.ljtags a{ color: #666666;}
.ljtags a:hover {color: #999999;}

.comments { text-align: center; padding: 2px; text-transform: uppercase; border-top: 1px dotted #3e3e3e; margin: 10px 0 0 0; background-color: #111111; letter-spacing: 1px; }

/* :::::::::::::::::::::::::::::::::::::::::::::::::::: F O O T E R */

#footer { border-top: 3px solid #333333; border-bottom: 3px solid #333333; text-align: center; padding: 10px; margin: 0;}

#footer a {color: #666666;}
#footer a:hover {color: #999999;}

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

/* :::::::::::::::::::::::::::::::::::::::::::::::::::: R E P L Y & C O M M E N T */

.skiplinks { text-align: center; text-transform: uppercase; }

.box {margin: 0; padding: 0px; }
.box center { margin: 20px 0 0 0; background-color: #111111;}
.box a, label {font: 7pt arial !important;}

#postform tr tr{ background-color: #333333; }
#ljuser_row i {color: #bbbbbb; letter-spacing: 1px;}

#qrform { border: 1px solid #333333; border-top: 5px solid #333333; padding: 0 10px 0 0; margin: 10px; background-color: #111111; font: 7pt arial !important;}
#qrform table {border: 0 !important;}

.datesubjectcomment {margin: 0; padding: 0; text-align: left; background-color: #333333; padding: 0px 0 0px 6px;}
.userpiccomment{ height: 70px; width: 70px; float: right; padding: 10px; background-color: #90000a;}

.commentreply {margin: 0; padding: 10px; min-height: 45px; border: 1px solid #333333; background-color: #111111;}
.commentbox {margin: 0; padding: 0px;}

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

.reply {margin: 0; padding: 0;}
.replytosubject {margin: 0; padding: 0;}

.commentboxpartial {margin: 6px 0 6px 0; padding: 1px 0 1px 6px; background-color: #333333;}
.commentinfo {margin: 0; padding: 0;width: 100%;}

img[src="http://l-stat.livejournal.com/img/btn_del.gif"], img[src="http://l-stat.livejournal.com/img/btn_unscr.gif"],
img[src="http://l-stat.livejournal.com/img/btn_freeze.gif"], img[src="http://l-stat.livejournal.com/img/btn_track.gif"]{width: 12px; height: 12px; opacity: .8;}

/* :::::::::::::::::::::::::::::::::::::::::::::::::::: A R C H I V E & T A G*/

.year {text-align: center; text-transform: lowercase; border-bottom: 3px solid #333333; padding: 0 0 10px 0; margin: 0 0 14px 0;}
.year li { display: inline; }

.yeartable { margin: auto; padding: 0; border: 1px dotted #3e3e3e; padding: 10px; width: 444px;}
.yearday {background-color: #333333; text-align: center; text-transform: uppercase; }

.yeardate {background-color: #111111;}

#maincontent h2 { font: 26px georgia; letter-spacing: -2px; color: #90000A; border-bottom: 3px solid #333333; padding: 0 0 0 5px; text-align:center;}

.ljtaglist { list-style: decimal-leading-zero; width: 444px; margin: auto; padding: 0; line-height: 14px;}
.ljtaglist a{ padding: 0 70px 0 10px; }
.ljtaglist a:hover{border-left: 3px solid #444444; padding: 0 70px 0 7px; color: #999999;}
.ljtaglist li{list-style: decimal-leading-zero; margin: 0 0 0 26px; border-left: 1px solid #444444; }

/* :::::::::::::::::::::::::::::::::::::::::::::::::::: O T H E R */

* html div.subcontent {height: 1%; clear: none; }
* html div.box#commentform {position: absolute; border-width: 1px; border-style: solid; border-color: #999999; background-color: #c2cde0;}

::-moz-selection { background: #666666; color: #bbbbbb; }
::selection { background: #666666; color: #bbbbbb; }
code::-moz-selection { background: #666666; color: #bbbbbb; }
code::selection { background: #666666; color: #bbbbbb; }

div.ContextualPopup { font: 7pt arial !important; }

div.ContextualPopup div.Inner { background-color: transparent !important; border: 0; text-align: right;}

div.ContextualPopup .Content { padding: 5px; color: #707070 !important; width: 120px; border: 1px solid #333333; background-color: #111111;}
div.ContextualPopup .Content .OnlineStatus {font-weight: normal;}

div.ContextualPopup .Userpic { padding: 10px; background-color: #90000a; margin: 0 -25px 0 0;}

div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited { text-decoration: none !important; color: #90000a !important;}
div.ContextualPopup div.Inner a:hover { color: #d0000f !important; cursor: help; }

#lj_controlstrip {background: transparent; border-bottom: 3px solid #333333;}
#lj_controlstrip td {border: 0;}
#lj_controlstrip a{font: 7pt arial; color: #666666;}

← Previous Step | 1 | 2 | 3 | 4 | Next Step →

( Install ) Step 4 - Link Back

Please link back to fruitstyle so others can find my layouts. Put either a button or the code in your Userinfo.
ButtonCode

View available buttonsLayout by fruitstyle
← Previous Step | 1 | 2 | 3 | 4 | Next Step →

( Optional ) Add a Banner

The recommended banner size is 444px wide and 711px high.
Replace the image in the CSS.
Add a Banner | Replace Colours | Replace Images

( Optional ) Replace Colours

#d0b61a#d0000f#bbbbbb#999999#90000a#707070#681609#666666#555555#444444#3e3e3e#333333#222222#111111#000000
How do I replace layout colours?

Add a Banner | Replace Colours | Replace Images

( Optional ) Replace Images

Get all the images at Box.net

How do I replace layout images?

The background image is from 77words.

Add a Banner | Replace Colours | Replace Images

Fruitstyle: Layouts and Winamp Skin Designs by Malionette

layouts, profile codes