Layout 036 : Cake: fruitstyle

malionette in fruitstyle

Layout 036 : Cake

Nov 22, 2009 19:05

It's my birthday today and I felt like making a cake! (:

Click for a Live Preview.

( Layout ) #036 : Cake
Birthday cake for my birthday (:

( Install ) Step 1 - System

Select Theme

Select any S2 Minimalism - Penguins layout.

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

( Install ) Step 2 - Stylesheet

Custom CSS

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

/* ----------------------------- PAGE ----------------------------- */

body { font: 13px georgia; padding: 0 !important; margin: 0; color: #555555; background: #fff1f4 url(http://i47.tinypic.com/333vqyu.jpg); }

a {text-decoration: none; color: #ff6c99; outline-style:none; outline-width:0; }
a:hover {color: #ff9db7; }

.layout { width: 770px; margin: 0 auto; background: #ffffff; }

input, select {border: 1px dotted #ff9db7 !important; background: #ffffff !important; font: 9px georgia !important; color: #ff6c99 !important; }
input:hover, select:hover {background: #fff1f4 !important; cursor: pointer;}
/* ----------------------------- DEFAULTS ----------------------------- */

.hr {background: #fff1f4; }
hr {border: 0; border-top: 1px dotted #FF9DB7; clear: both; margin: 0; padding: 0;}

/* ----------------------------- HEADER ----------------------------- */

.header {background: #ff9db7; }
.header u-wrap, .header h2, .header h1, .header h3, .header .userpic, .nav-sub {display: none;}

.nav {margin: 0; padding: 20px; text-align: center; }
.nav li {display: inline; }
.nav li a {color: #ffffff; margin: 0 5px 0 5px; }
.item-selected {font-weight: bold;}

/* ----------------------------- SIDEBAR ----------------------------- */

.sidebar {display: none; }

/* ----------------------------- CONTENT ----------------------------- */

.entry-wrap, .entry, .entry-text {padding: 0; margin: 0;}

.content {border-top: 1px dotted #ff9db7; margin: 0; padding: 0; }

.entry-title {font-size: 16px; padding: 15px; border-bottom: 1px dotted #FF9DB7; background: #FFE3EA; }
.entry-title img { margin-right: 4px !important ; }

.entry-content {padding: 15px; font-size: 10px; letter-spacing: 1px; word-spacing: 2px; }

/* ----------------------------- META AND USERPIC ----------------------------- */

.vcard {float: right; text-align: center; margin: 10px; }
.vcard dd, .vcard dt, .vcard dl {margin: 0; padding: 0;}
.vcard .username {font-size: 0px; }
.vcard span {text-transform: uppercase; letter-spacing: 1px; display: block; font-size: 9px !important; }
.vcard img {border: 5px solid #ffe3ea; padding: 2px; background: #ffffff;}
.entry-date {padding: 0; margin: 0; color: #aaaaaa; font-size: 9px;}

.metadata {margin: 0px 0 10px 0; font-size: 10px; }

.metadata dt {float: left; }
.metadata dd { margin: 0 0 3px 0px; padding: 0px 0 3px 5px; border-bottom: 1px dotted #aaaaaa; }

.meta-location-label {font-size: 0px; color: transparent; background: url(http://i35.tinypic.com/105xn2u.jpg) no-repeat center center;
padding: 10px 0 0 7px;}
.meta-mood-label {font-size: 0px; color: transparent; background: url(http://i35.tinypic.com/33acvo5.jpg) no-repeat center center;
padding: 15px 0 0 7px;}
.meta-music-label {font-size: 0px; color: transparent; background: url(http://i37.tinypic.com/1jvldw.jpg) no-repeat center center;
padding: 12px 0 0 7px;}

/* ----------------------------- ENTRY MENU AND ENTRY TAGS ----------------------------- */

.ljtags {font-size: 0px; color: transparent; background: url(http://i38.tinypic.com/2s0cyah.jpg) no-repeat left center; padding: 0px 0 0 7px;
margin: 10px 0 0 0;}
.ljtags a {font-size: 9px; margin-left: 3px; }

.entrysubmenu, .entrymenu {border-top: 1px dotted #FF9DB7; }
.entrymenu, .entrysubmenu, .entrymenu ul, .entrysubmenu ul {margin: 0; padding: 3px 0 3px 2px; background: #fff1f4; font-size: 9px; }
.entrymenu {float: left; }
.entrymenu li, .entrysubmenu li {display: inline; letter-spacing: 1px; margin: 0 10px 0 10px; text-transform: uppercase; }

/* ----------------------------- FOOTER ----------------------------- */

.page-nav {margin: 0; padding: 20px; text-align: center; background: #FF9DB7; }
.page-nav li {display: inline; }
.page-nav li a {color: #ffffff; margin: 0 5px 0 5px; }

/* ----------------------------- ARCHIVE ----------------------------- */

.view-archive .entry-text ul {padding: 0; margin: 20px 0 20px 0; text-align: center; }
.view-archive .entry-text li {font-size: 10px; margin-right: 10px; display: inline; }

.view-archive table {width: 100%; text-align: center; margin: 0 0 20px 0; border-top: 1px dotted #ff9db7; padding: 10px 0 0 0; }
.view-archive table caption a { text-transform: uppercase; letter-spacing: 3px; border-bottom: 0; }
.view-archive td {font-size: 10px;}
.view-archive table caption {padding: 0 0 20px 0;}

.view-month dt{float: left; margin: 0 0 0 20px;}
.view-month dd {padding-left: 20px; margin-bottom: 10px;}

/* ----------------------------- COMMENTS PAGE & REPLY ----------------------------- */

.entry-linkbar { padding: 10px; background: #FFF1F4;}
.entry-linkbar a { padding: 10px 15px 10px 15px; }
.entry-linkbar a:hover {opacity: .7; background: #ffffff; }

.comment-wrap {margin: 0 0 10px 0; padding: 10px; }

.comment-head-in p {border-bottom: 1px dotted #ff9db7; padding: 2px 0 2px 0; margin: 0; font-size: 9px; text-transform: uppercase;
letter-spacing: 1px; color: #aaaaaa; }
.comment-head-in p + p a + a, .comment-head-in input + a {padding: 0 10px 0 10px; border-bottom: 0; }
.comment-head-in p + p a + a:hover, .comment-head-in input + a:hover {opacity: .7; }
.comment-head-in p img {margin-top: -7px;}

.comment-head-in h3 {border-bottom: 1px dotted #ff9db7; padding: 0 0 20px 0; font-weight: lighter; letter-spacing: 2px; margin-bottom: 0px; }

.comment-upic {float: right; border: 5px solid #ff9db7; padding: 2px; background: #ffffff; }
.comment-text {padding: 20px 0 10px 0; }
.comment-menu {padding: 10px 0 10px 0; color: #aaaaaa; margin: 10px 0 0 0; border-top: 1px dotted #ff9db7; }
.comment-menu a {text-transform: uppercase; font-size: 9px; border: 0; letter-spacing: 1px;}

.comments-links {text-align: center; margin: 10px 0 0px 0; text-transform: uppercase; font-size: 9px; letter-spacing: 2px;
border-bottom: 1px dotted #ff9db7; padding: 0 0 10px 0; }

.screened {background: #ffe3ea; }

#subjectIconList table, #qrform table {border: 0 !important;}

.ljcmtmanage { background: #ffffff !important; border: 1px dotted #ff9db7 !important; padding: 10px; color: #aaaaaa !important; }
.ljcmtmanage span {font-size: 9px !important; letter-spacing: 2px; text-transform: lowercase; }

/* ----------------------------- TAG ----------------------------- */

.view-tags .content-tags li {list-style-type: upper-roman; font-size: 10px; color: #aaaaaa; }
.view-tags .content-tags ul {padding-left: 70px;}
.view-tags .content-tags li a {font-size: 13px;}

.content-tags {padding: 10px;}

/* ----------------------------- IMAGES ----------------------------- */

img[src*="btn_del.gif"], img[src*="btn_scr.gif"], img[src*="btn_unscr.gif"] , img[src*="btn_freeze.gif"] , img[src*="btn_unfreeze.gif"] ,
img[src*="btn_track.gif"] , img[src*="btn_tracking.gif"], img[src*="btn_tracking_thread.gif"] , img[src*="pencil.gif"], img[src*="btn_edit.gif"],
img[src*="anonymous.gif"] , img[src*="openid-profile.gif"], img[src*="none.gif"] , img[src*="help.gif"] , img[src*="btn_prev.gif"] ,
img[src*="btn_edittags.gif"] , img[src*="btn_memories.gif"] , img[src*="btn_next.gif"], img[src*="userinfo.gif"] , img[src*="community.gif"],
img[src*="newsinfo.gif"], img[src*="partnercomm.gif"], img[src*="sponcomm.gif"] , img[src*="syndicated.gif"] ,img[src*="icon_protected.gif"] ,
img[src*="icon_private.gif"] , img[src*="icon_groups.gif"] , img[src*="btn_tellfriend.gif"] , img[src*="button-flag.gif"]
{width: 0 !important; vertical-align: middle !important; margin: 0 auto; height: 0 !important;
background: transparent url(http://i50.tinypic.com/28c3koo.png) no-repeat; }

img[src*="btn_del.gif"] { padding: 10px 0 0 7px; background-position: 0px 0px;}
img[src*="btn_scr.gif"] { padding: 8px 0 0 7px; background-position: 0px -24px;}
img[src*="btn_unscr.gif"] { padding: 8px 0 0 7px; background-position: 0px -48px;}
img[src*="btn_freeze.gif"] { padding: 8px 0 0 9px; background-position: 0px -72px;}
img[src*="btn_unfreeze.gif"] { padding: 8px 0 0 9px; background-position: 0px -96px;}
img[src*="btn_track.gif"] { padding: 8px 0 0 5px; background-position: -24px 0px;}
img[src*="btn_tracking.gif"], img[src*="btn_tracking_thread.gif"]
{ padding: 8px 0 0 5px; background-position: -24px -24px;}
img[src*="pencil.gif"], img[src*="btn_edit.gif"]
{ padding: 7px 0 0 7px; background-position: -24px -48px;}
img[src*="anonymous.gif"] { padding: 8px 0 0 7px; background-position: -24px -72px;}
img[src*="openid-profile.gif"] { padding: 6px 0 0 7px; background-position: -24px -96px;}
img[src*="none.gif"] { padding: 8px 0 0 8px; background-position: -48px 0px;}
img[src*="help.gif"] { padding: 8px 0 0 6px; background-position: -48px -24px;}
img[src*="btn_prev.gif"] { padding: 5px 0 0 9px; background-position: -72px -24px;}
img[src*="btn_edittags.gif"] { padding: 10px 0 0 16px; background-position: -72px -48px;}
img[src*="btn_memories.gif"] { padding: 6px 0 0 12px; background-position: -72px -72px;}
img[src*="btn_next.gif"] { padding: 5px 0 0 9px; background-position: -72px -96px;}
img[src*="userinfo.gif"] { padding: 8px 0 0 7px; background-position: -108px 0px;}
img[src*="community.gif"], img[src*="newsinfo.gif"], img[src*="partnercomm.gif"], img[src*="sponcomm.gif"]
{ padding: 8px 0 0 11px; background-position: -108px -24px;}
img[src*="syndicated.gif"] { padding: 6px 0 0 6px; background-position: -108px -48px;}
img[src*="icon_protected.gif"] { padding: 8px 0 0 6px; background-position: -108px -72px;}
img[src*="icon_private.gif"] { padding: 8px 0 0 6px; background-position: -108px -96px;}
img[src*="icon_groups.gif"] { padding: 8px 0 0 10px; background-position: -132px 0px;}
img[src*="btn_tellfriend.gif"] { padding: 6px 0 0 10px; background-position: -132px -24px;}
img[src*="button-flag.gif"] { padding: 9px 0 0 7px; background-position: -132px -48px;}

#lj_controlstrip {display: none !important;}
.ljuser img {margin: -3px 2px 0 0; }

div.ContextualPopup div.Inner {border: 0; background: transparent !important; font: 11px georgia !important; }
div.ContextualPopup div.Userpic {margin-right: -20px; padding: 2px; background: #ffffff; border: 5px solid #FFE3EA; }
div.ContextualPopup div.Content { background: #FF9DB7; color: #555555; opacity: .9;}
div.ContextualPopup div.Inner div.Content a {color: #ffffff !important; text-decoration: none !important;}
div.ContextualPopup div.Inner div.Content span.alias-unavailable a {color: #ffffff !important}
div.ContextualPopup div.Inner div.Content a:hover,
div.ContextualPopup div.Inner div.Content .alias-unavailable a:hover {color: #FFE3EA !important;}

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

( Install ) Step 3 - 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 | Next Step →

( Optional ) Add a Banner

The recommended banner size is 770px wide.
.layout {padding-top: ###px; background-image: url(HTTP://URLHERE.PNG); background-position: top center; background-repeat: no-repeat;}

Replace HTTP://URLHERE.PNG with your banner url
Replace ### with your banner height (pixels)
Add the code to the bottom of the Custom Stylesheet box

Add a Banner | Replace Colours | Replace Images

( Optional ) Replace Colours

#ffffff#fff1f4#ff9db7#ff6c99#aaaaaa#ffe3ea#555555
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?

Add a Banner | Replace Colours | Replace Images

Fruitstyle: Layouts and Winamp Skin Designs by Malionette

exclusive, layouts