Fruitstyle

Hello, goodbye.

malionette — Sun, 14 Apr 2013 20:51:18 GMT

Almost 6 years have passed since I opened this community in 2007. Thank you for your continued support through all those years. All the Livejournal layouts (blog themes) and Winamp skins that I’ve made will still be available for use and download, but I will no longer provide support for them. Feel free to hack/edit the layouts any way you want!

I will continue to support the Icon Table Generator and the Tiny Icon Generator.

For more Livejournal layouts, check out these superstars: absonant, biconic, capitol, estiloamor, hikkie_heaven, kuribati, mentahelada, milou_veronica, minty_peach, noveltybox, palebird, refutare, refuted, reversescollide, spire, thefulcrum, unequally

Peace!

Winamp Skin Archive

malionette — Sun, 14 Apr 2013 17:17:32 GMT

Click on the image to go to the download page.

059 10 11 05	Fran Katekyo Hitman Reborn fruit style fruitstyle winamp skin winskin classic anime manga animanga simple classy elegant smooth fully functional fully customized minimal	058 10 11 05	Gokudera Hayato flame 59 Katekyo Hitman Reborn fruit style fruitstyle winamp skin winskin classic anime manga animanga simple classy elegant smooth fully functional fully customized minimal	057 10 11 01	sky 27 orange Tsuna Sawada Katekyo Hitman Reborn fruit style fruitstyle winamp skin winskin classic anime manga animanga simple classy elegant smooth fully functional fully customized minimal

056 10 10 13	cloud 18 blue Hibari Kyoya Katekyo Hitman Reborn fruit style fruitstyle winamp skin winskin classic anime manga animanga simple classy elegant smooth fully functional fully customized minimal	055 10 07 11	Legretta the Quick Tales of the Abyss black dark sleek fruit style fruitstyle winamp skin winskin classic anime manga animanga simple classy elegant smooth fully functional fully customized minimal	054 10 06 29	Ladd Russo Baccano card spade black dark sleek fruit style fruitstyle winamp skin winskin classic anime manga animanga simple classy elegant smooth fully functional fully customized minimal

053 10 06 27	Roy Mustang blue steam punk Fullmetal Alchemist metal black dark sleek modern fruit style fruitstyle winamp skin winskin classic anime manga animanga simple classy elegant smooth fully functional fully customized minimal	052 10 05 21	Edward Elric Fullmetal Alchemist metal black dark sleek modern fruit style fruitstyle winamp skin winskin classic anime manga animanga simple classy elegant smooth fully functional fully customized minimal	051 10 05 20	Alice Pandora Hearts sunflower sky blue orange compliment fruit style fruitstyle winamp skin winskin classic anime manga animanga simple classy elegant smooth fully functional fully customized minimal

050 10 05 18	black white monochrome vampire knight Yuki Cross Zero Kiryuu fruit style fruitstyle winamp skin winskin classic anime manga animanga simple classy elegant smooth fully functional fully customized minimal	049 10 05 08	Hatsune Miku Vocaloid Winamp Classic Skin	048 10 04 24	yellow blue beach alicia florence venice aria seinen fruit style fruitstyle winamp skin winskin classic anime manga animanga simple classy elegant smooth fully functional fully customized minimal

047 10 04 21	blue winter snow light Nanami Takahashi, Motoharu Yano Bokura ga Ita fruit style fruitstyle winamp skin winskin classic anime manga animanga simple classy elegant smooth fully functional fully customized minimal	046 10 04 17	Monkey D Luffy One Piece Windows Media Player Style fruit style fruitstyle winamp skin winskin classic anime manga animanga dark black pink simple classy elegant smooth fully functional fully customized minimal	045 10 04 10	Shizuo Heiwajima Izaya Orihara Shinra Kishitani Durarara fruit style fruitstyle winamp skin winskin classic anime manga animanga dark black pink simple classy elegant smooth fully functional fully customized minimal

044 10 02 07	kobato pink valentines day valentine heart fruit style fruitstyle winamp skin winskin classic anime manga animanga dark black simple classy elegant smooth fully functional fully customized minimal	043 10 02 07	natsuru seno kampfer fruit style fruitstyle winamp skin winskin classic anime manga animanga dark black simple classy elegant smooth fully functional fully customized minimal	042 10 02 07	lelouch lamperouge cc c code geass fruit style fruitstyle winamp skin winskin classic anime manga animanga dark black simple classy elegant smooth fully functional fully customized minimal

041 10 02 06	Yuki Nagato Haruhi Suzumiya Mikuru Asahina The Melancholy of Haruhi Suzumiya fruit style fruitstyle winamp skin winskin classic anime manga animanga dark black simple classy elegant smooth fully functional fully customized minimal	040 10 02 06	brera sterne alto saotome macross frontier fruit style fruitstyle winamp skin winskin classic anime manga animanga dark black simple classy elegant smooth fully functional fully customized minimal	039 10 02 05	ranka lee macross frontier fruit style fruitstyle winamp skin winskin classic anime manga animanga dark black simple classy elegant smooth fully functional fully customized minimal

038 09 12 09	mukuro rokudo squalo xanxus varia hibari kyoya 69 18 6918 katekyo hitman reborn fruit style fruitstyle winamp skin winskin classic anime manga animanga dark black simple classy elegant smooth fully functional fully customized minimal	037 09 12 09	18 hibari kyoya sky blue katekyo hitman reborn fruit style fruitstyle winamp skin winskin classic anime manga animanga dark black simple classy elegant smooth fully functional fully customized minimal	036 09 12 09	spanner pixel cloud 48 katekyo hitman reborn fruit style fruitstyle winamp skin winskin classic anime manga animanga simple classy fully functional fully customized minimal

035 09 12 08	varia fran katekyo hitman reborn fruit style fruitstyle winamp skin winskin classic anime manga animanga dark black teal green simple classy elegant smooth fully functional fully customized minimal	034 09 12 07	varia bel squalo xanxus fran katekyo hitman reborn fruit style fruitstyle winamp skin winskin classic anime manga animanga dark black simple classy elegant smooth fully functional fully customized minimal	033 09 11 07	black dark modern simple nitro plus nitro+ fruit style fruitstyle winamp skin winskin classic anime manga animanga game calm simple classy elegant smooth fully functional fully customized minimal

032 09 11 06	tsuna sawada 27 reborn fruit style fruitstyle winamp skin winskin classic anime manga animanga wood calm simple classy elegant smooth fully functional fully customized minimal	031 09 11 06	senjogahara bakemonogatari fruit style fruitstyle winamp skin winskin classic anime manga animanga space none weight zero modern smooth fully functional fully customized simple minimal	030 09 10 02

029 09 09 28	macross frontier fruit style fruitstyle winamp skin winskin classic anime manga animanga sheryl nome nomel pink bubble gum cute modern techno tech	028 09 09 26	winamp skin stylish the melancholy of haruhi suzumiya classic fruitstyle yellow black white simple	027 09 08 21	kingdom hearts 2 ii winamp skin goth gothic dark blue cool techno tech modern game

026 09 06 20	ciel n' roses phantomhive kuroshitsuji black butler fruitstyle winamp skin winskin anime manga game	025 09 05 15	ciel phantomhive kuroshitsuji black butler sebastian fruitstyle winamp skin winskin anime manga game	024 09 05 14	tsuyukusa toki amatsuki fruitstyle winamp skin winskin anime manga game

023 08 12 13	macross frontier fruitstyle winamp skin winskin anime manga game	022 08 11 30	ciel phantomhive kuroshitsuji black butler fruitstyle winamp skin winskin anime manga game	021 08 06 03	bonten kon toki amatsuki fruitstyle winamp skin winskin anime manga game

020 08 05 23	america's best dance crew kaba modern fruitstyle winamp skin winskin anime manga game	019 08 05 23	fruitstyle winamp skin winskin anime manga game	018 08 05 23	lovely complex lovecom koizumi otani fruitstyle winamp skin winskin anime manga game

017 08 03 07	loveless youji fruitstyle winamp skin winskin anime manga game	016 08 03 07	loveless ritsuka fruitstyle winamp skin winskin anime manga game	015 08 02 10	katekyo hitman reborn mukuro rokudo fruitstyle winamp skin winskin anime manga game

014 08 02 10	katekyo hitman reborn tsuna fruitstyle winamp skin winskin anime manga game	013 08 01 30	katekyo hitman reborn yamamoto gokudera fruitstyle winamp skin winskin anime manga game	012 08 01 30	katekyo hitman reborn gokudera hayato fruitstyle winamp skin winskin anime manga game

011 08 01 16	katekyo hitman reborn hibari kyoya fruitstyle winamp skin winskin anime manga game	010 08 01 16	katekyo hitman reborn fuuta fruitstyle winamp skin winskin anime manga game	009 08 01 03	katekyo hitman reborn gokudera hayato fruitstyle winamp skin winskin anime manga game

008 08 01 03	fruitstyle winamp skin winskin anime manga game	007 08 01 01	mika mikli senko no ronde fruitstyle winamp skin winskin anime manga game	006 08 01 01	senko no ronde cuilan fruitstyle winamp skin winskin anime manga game

005 07 12 29	katekyo hitman reborn yamamoto fruitstyle winamp skin winskin anime manga game	004 07 12 29	katekyo hitman reborn tsuna yamamoto gokudera fruitstyle winamp skin winskin anime manga game	003 05 10 30	marui bunta prince of tennis fruitstyle winamp skin winskin anime manga game

002 05 10 22	prince of tennis fuji fruitstyle winamp skin winskin anime manga game	001 05 10 15	prince of tennis fuji fruitstyle winamp skin winskin anime manga game

Livejournal Layouts Archive

malionette — Sun, 14 Apr 2013 16:58:52 GMT

Click on the image to view a live preview. Installation instructions and the CSS code is available on the download pages.
I no longer provide support for these layouts. They may not be compatible with recent Livejournal updates.

056 Aluminum Edge & Silver Trim Install this LJ layout	055 Hope Orange Install this LJ layout	054 Flora Vintage Install this LJ layout

053 Lamb & Kitty Install this LJ layout	052 Claire Install this LJ layout	051 Slippr Install this LJ layout

050 Iso Install this LJ layout	049 Sin Install this LJ layout	048 Hunny Bunny Install this LJ layout

047 Mini Hearts Install this LJ layout	046 Caffe Bernini Install this LJ layout	045 Frankfurt Air Install this LJ layout

044 Crystal Glasses Install this LJ layout	043 Rainbow and Ash Install this LJ layout	042 Lovebite Install this LJ layout

041 Permafrost Install this LJ layout	040 Jess (dark mod) Install this LJ layout	039 Jess (light mod) Install this LJ layout

038 Inspiration City Install this LJ layout	037 Sky Mod Install this LJ layout	036 Cake Install this LJ layout

035 Black Cat Install this LJ layout	034 Ice Mini Install this LJ layout	033 Washing Chrome Install this LJ layout

032 Accent Install this LJ layout	031 5TARlite Install this LJ layout	030 Jess (dark ver.) Install this LJ layout

029 Jess (light ver.) Install this LJ layout	028 Weathers Install this LJ layout	027 Voixy Install this LJ layout

026 Go Green Install this LJ layout	025 The Diamonds in the Glass Install this LJ layout	024 Shiva Install this LJ layout

023 The Umbrella Knight Install this LJ layout	022 Loki~Loki Install this LJ layout	021 Embroid Install this LJ layout

020 Ninotic Install this LJ layout	019 Dreamscape Install this LJ layout	018 The Witch's Pumpkin Install this LJ layout

017 High Tide Install this LJ layout	016 Cream Teal Install this LJ layout	015 (3) Kanon Install this LJ layout

014 Stylin' BF Install this LJ layout	013 Slight Install this LJ layout	012 Alice Blues Install this LJ layout

011 Carbon Install this LJ layout	010 Glass Install this LJ layout	009 (2) Gokudera Install this LJ layout

008 Nice and Blue Install this LJ layout	007 Bookworm Install this LJ layout	006 Vocalist Install this LJ layout

005 It's Minty Time! Install this LJ layout	004 It's Your Time to Shine! Install this LJ layout	003 (1) Fabian Install this LJ layout

002 Simple Greys Install this LJ layout	001 Just Greyt Install this LJ layout

Layout 056 : Aluminum Edge & Silver Trim

malionette — Tue, 28 Aug 2012 01:33:00 GMT

Thanks to everyone who supported my Relay for Life fundraiser! Here's a new layout; inspired by this year's kick-ass film and car releases.

Click for a Live Preview.

Aluminum Edge & Silver Trim

Layout 056 Seriously, how many movies did Jeremy Renner show up in this year?

Quick Layout Install

01. System

Select Theme

Select any S2 Minimalism - Penguins layout.

02. Display

03. Custom CSS

Custom CSS

Use layout's stylesheets: No. IMPORTANT!!
Custom Stylesheet:
/* S2 MINIMALISM --- 057 Aluminum Edge & Silver Trim --- Fruitstyle @ LJ --- www.malionette.net --- Do not remove this note. */ /* --------------------------- BODY --------------------------- */ html {background: #333333 url( http://i45.tinypic.com/10emyaw.png) repeat-x 0 100px;} body {font: 13px arial; color: #606060; margin: 0; background: url(http://i48.tinypic.com/2nkro29.png) repeat-y center ; margin: 0 auto; } #hello-world {clear: both;} a {text-decoration: none; color: #e70d0d; } a:hover, a:visited:hover {color: #bd0707; } a:visited {color: #8A3439; } .hr {display: none;} .ljuser a, .subj-link { margin: 0 0 0 5px; } blockquote { display: inline-block; position: relative; padding: 15px; -moz-border-radius: 5px; -webkit-border-radius: 5px; width: 700px; margin: 10px 0 10px 0; background: #dddddd url(http://i46.tinypic.com/x0s5s3.png) repeat-x; } blockquote:first-letter {text-transform: uppercase; font: 42px baskerville; padding: 0 3px 0 0; color: #ffffff; float: left ; } input, select {background: #f5f5f5; border: 0; font: 10px arial !important; color: #606060; padding: 1px; } textarea {border: 0; background: #f5f5f5; font: 12px arial; color: #606060; } #lj_controlstrip_new {display: none;} body {padding-top: 0 !important;} ul {} li {list-style-type: circle; list-style-color: #dddddd;} #page { } .layout { width: 960px; margin: 0 auto; } /* --------------------------- HEADER --------------------------- */ .header { background: #ffffff; margin: 0; padding: 25px 0 25px 0; text-align: center; border-top: 10px solid #f5f5f5; width: 760px; height: 50px; overflow: hidden; -webkit-box-shadow: 5px 5px 5px 0px rgba(100, 100, 100, .5); box-shadow: 5px 5px 5px 0px rgba(100, 100, 100, .5);} .header h2 {color: #333333; font: 30px baskerville; margin-top: 0; margin-bottom: 0;} .header h3 {display: none;} .nav-sub, .u-wrap h1 {display: none;} .nav {padding: 0; margin: 0;} .nav li {display: inline; margin: 0 10px 0 10px;} .nav li, .nav li a, .nav li a:visited {color: #aaaaaa; font: 10px arial; text-transform: uppercase; letter-spacing: 1px; } .nav li a:hover {color: #dddddd;} .nav li.item-selected a {color: #606060;} .userpic {position: absolute; margin: 85px 0 0 800px; border: 10px solid #d20a0a; -moz-border-radius: 5px; -webkit-border-radius: 5px; } /* --------------------------- SIDEBAR --------------------------- */ .sidebar { width: 200px; position: relative; float: right; padding: 10px 0 0 0; margin: 150px 0 0 0; z-index: 50; } .sidebar-inner { } .sidebar-block {display: none;} .sidebar-cal, .sidebar-custom, .sidebar-summary, .sidebar-links, .sidebar-tags {display: block;} .sidebar dd, .sidebar dt, .sidebar dl {margin: 0; padding: 0;} .sidebar dt {text-align: center;} .sidebar dl { padding: 10px; margin: 15px 0 30px 0; background: #f5f5f5; width: 180px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-top-left-radius: 0; border-bottom-left-radius: 0; border-right: 10px solid #ffffff; } .sidebar dt {color: #333333; font: 18px baskerville; margin: 0 0 15px 0;} .sidebar-cal table {width: 100%;} .sidebar-cal {text-align: center;} .sidebar-cal .sbar-cal-nav-year {padding-left: 10px;} .sidebar-summary ul {padding: 0 0 0 20px; } .sidebar-summary li {list-style-type: square; border-bottom: 1px dashed #ffffff; padding: 5px 0 5px 0; } .emdash {display: none;} .summary-comments {display: block; font-size: 10px; text-align: right; padding: 5px 0 0 0;} .sidebar-custom dd {padding: 0 0 0 5px;} .sidebar-links a {padding: 5px; border-bottom: 1px dashed #ffffff; display: block;} .sidebar-tags ul {padding: 0 0 0 20px; } .sidebar-tags li {list-style-type: square; border-bottom: 1px dashed #ffffff; padding: 5px 0 5px 0;} .sidebar-links a:hover, .sidebar-summary li:hover, .sidebar-tags li:hover {border-color: #dddddd;} /* --------------------------- CONTENT --------------------------- */ .content {width: 760px; float: left; background: #ffffff;} .content-inner { padding: 0; padding-top: 0px; position: relative; z-index: 100; -webkit-box-shadow: 5px 5px 5px 0px rgba(100, 100, 100, .5); box-shadow: 5px 5px 5px 0px rgba(100, 100, 100, .5);} .content-inner-in { } /* --------------------------- ENTRY HEADER --------------------------- */ #post-sticky { width: 700px; display: inline-block; position: relative; padding: 15px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-top: 0; background: #dddddd url(http://i46.tinypic.com/x0s5s3.png) repeat-x;} #post-sticky .entry-title, #post-sticky .entry-text {background: none;} .entry-wrap { padding: 0 15px 0 15px;} .entry { margin: 15px 0 15px 0; border-top: 1px dashed #e70d0d; background: url(http://i50.tinypic.com/2mcg39w.png) repeat; } .entry-title { font: 22px baskerville; padding: 15px 0 15px 0; background: #ffffff; text-align: center;} .entry-title a, .entry-title a:visited { margin: 0; color: #333333; } .entry-title a:hover { color: #606060; } .entry-title img {float: right;} /* --------------------------- ENTRY META --------------------------- */ .metadata { margin: 0 0 15px 0; font-size: 11px; } .metadata dl {margin: 0 0 1px 0;} .metadata dt {float: left; padding: 0 10px 0 10px; color: #aaaaaa; border-left: 2px solid #dddddd; } .metadata dl:hover dt {border-color: #aaaaaa; color: #606060;} .vcard dt, .vcard dl, .vcard dd {padding: 0; margin: 0;} .vcard { float: left; margin: 0 0 0 -125px; position: relative; color: #aaaaaa; } .vcard img {-moz-border-radius: 5px; -webkit-border-radius: 5px; background: url( http://i45.tinypic.com/10emyaw.png) repeat-x; padding: 10px 0 10px 10px; border-top-right-radius: 0; border-bottom-right-radius: 0;} .username {font-size: 0px; } .username .ljuser, .entry-repost .ljuser, .entry-repost, .entry-repost a {display: block; font-size: 10px; text-transform: uppercase; } .vcard a {display: block; color: #ffffff !important;} .username img, .entry-repost img {display: none;} .vcard dt img { } .vcard dd {text-align: center;} .vcard .updated { border-bottom: 0; font-size: 10px;} /* --------------------------- ENTRY TEXT & FOOTER --------------------------- */ .entry-text { margin: 0; padding-bottom: 15px; background: #ffffff;} .entry-content {line-height: 150%;} .ljtags { font-size: 11px; color: #aaaaaa; padding: 15px 0 0 0; } .entrymenu {margin: 0; padding: 0; height: 18px; overflow: hidden;} .entrymenu ul {padding: 0; margin: 0; } .entrymenu li {display: inline; font-weight: bold; float: left; height: 18px;} .entrymenu a { height: 18px; display: block; background: #ffffff; padding: 0 15px 0 0; } .entrysubmenu { padding: 0; margin: 0; height: 18px; overflow: hidden; } .entrysubmenu ul {padding: 0; margin: 0;} .entrysubmenu li {display: inline; font-size: 10px; letter-spacing: 1px; text-transform: uppercase; background: #ffffff;float: left; height: 18px;} .entrysubmenu li a {color: #aaaaaa; display: block; float: left; height: 18px; padding: 2px 15px 0 0px;} .entrysubmenu li a:hover {color: #dddddd; } /* --------------------------- FOOTER --------------------------- */ .page-nav {padding: 15px 0 15px 0; text-align: center; background: #f5f5f5; margin: 0;} .page-nav li { display: inline; position: relative; margin: 8px 10px 0 0; font-size: 10px; list-style: none; text-transform: uppercase; letter-spacing: 1px;} .page-nav a { color: #aaaaaa; } .page-nav a:hover {color: #dddddd; } .footer {position: relative; clear: both;} /* --------------------------- ARCHIVE / TAGS --------------------------- */ .view-archive .entry {width: 100%;} .view-archive .entry ul {padding: 0; margin: 0; text-align: center; padding: 10px; } .view-archive .entry li {display: inline; margin: 0 5px 0 5px; } .view-archive .entry table {width: 100%; margin: 0 auto; border-top: 1px dashed #dddddd; margin-top: 10px; } .view-archive .entry table caption {letter-spacing: -.5px; font-size: 16px; text-transform: lowercase; padding: 0 0 10px 0; } .view-archive .entry td, .view-archive .entry th {border-bottom: 1px dashed #dddddd; text-align: center; } .view-archive .entry th {background: #f5f5f5;} .view-archive .entry {padding-bottom: 10px;} .view-month .entry dt {border-top: 1px dashed #dddddd; padding: 5px 0 0 0; font: 18px baskerville; } .view-month .entry dd {padding: 0 0 5px 0;} .view-tags .entry-text {padding: 10px;} /* --------------------------- COMMENTS PAGE --------------------------- */ .entry-linkbar {text-align: center; border-bottom: 1px dashed #dddddd;} .entry-linkbar img {float: none; } .entry-linkbar a img, .comment-head-in a img { opacity: .5; } .entry-linkbar a img:hover, .comment-head-in a img:hover { opacity: .8; } .entry-comments-text { padding: 10px; } .comments-links {clear: both; text-align: center;} .comment-wrap {clear: both; padding: 5px 0px 5px 0px; margin: 5px 0 10px 0; border-left: 2px solid #dddddd; border-bottom: 1px solid #f5f5f5;} .partial {clear: both; padding: 5px; } .comment-upic {float: left; margin: 10px; } .comment-text { padding: 20px 10px 20px 10px; } .comment-head p {margin: 0; padding: 0; font-size: 10px;} .comment-head p a.i-ljuser-username {font-size: 12px;} .screened { background: #f5f5f5;} .screened .comment-menu a {background: #f5f5f5;} .comment-menu { background: url(http://i50.tinypic.com/2mcg39w.png) repeat; margin: 0; font-size: 0; clear: both;} .comment-menu a {font-size: 12px; background: #ffffff; padding: 2px 15px 2px 5px; } .comment-head-in a img {border: 0; width: 16px; height: 16px; vertical-align: bottom;} /* --------------------------- REPLY FORMS --------------------------- */ #postform a img, #qrform table a img {border: 0;} #postform table, #postform table textarea {width: 100%; } #qrform table {border: 1px dashed #dddddd !important; margin: 0 auto; margin-top: 10px; margin-bottom: 10px;} /* --------------------------- LJ CUSTOMS --------------------------- */ ::-moz-selection { background: #dddddd; color: #606060; } ::selection { background: #dddddd; color: #606060; } code::-moz-selection { background: #dddddd; color: #606060; } code::selection { background: #dddddd; color: #606060; } /* Generated by Malionette's Tiny Icon Generator http://malionette.net/generator/tinylite.html Icons from: http://www.brandspankingnew.net/ */ span.i-ljuser img[src*="img/userinfo.gif"], span.i-ljuser img[src*="userhead"], span.i-ljuser img[src*="user_ontd"] {width: 0 !important; height: 0 !important; background: transparent url(http://img3.imageshack.us/img3/8447/personl.gif) no-repeat !important; padding: 11px 2px 0 10px !important; } span.i-ljuser img[src*="img/community.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://img28.imageshack.us/img28/4821/starxq.gif) no-repeat !important; padding: 11px 2px 0 10px !important; } span.i-ljuser img[src*="img/syndicated.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://img692.imageshack.us/img692/6856/cubet.gif) no-repeat !important; padding: 11px 0 0 10px !important; } img[src*="img/icon_protected.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://img19.imageshack.us/img19/823/lockv.gif) no-repeat !important; padding: 11px 0 0 10px !important; } img[src*="img/icon_private.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://img3.imageshack.us/img3/2707/shields.gif) no-repeat !important; padding: 11px 0 0 10px !important; } img[src*="img/icon_groups.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://img19.imageshack.us/img19/823/lockv.gif) no-repeat !important; padding: 11px 2px 0 10px !important; } .entry-content span.i-ljuser img[src*="img/userinfo.gif"], .entry-content span.i-ljuser img[src*="userhead"], .entry-content span.i-ljuser img[src*="img/community.gif"] {padding-top: 13px !important;} /* --------------------------- INSERT ANY NEW CODE BELOW --------------------------- */

04. Give Love

First, press the Repost button.

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

Button	Code
View available buttons	`Layout by fruitstyle`

Customize and Personalize (Optional)

Add a Banner

The recommended banner size is 760px wide.

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

Replace Colours


#ffffff	#f5f5f5	#e70d0d	#dddddd	#d20a0a	#bd0707

#aaaaaa	#8A3439	#606060	#333333

How do I replace layout colours?

Replace Images

Get all the images at Box.net

How do I replace layout images?

Fruitstyle: Livejournal Layouts by Malionette

Layout 055 : Hope Orange

malionette — Wed, 18 Jul 2012 03:00:16 GMT

This layout was created in hopes to fundraise for my Relay for Life team. All collections are used to fund Cancer research. Use this free Livejournal Layout if Cancer has impacted your life in some way or another. In return, I simply ask you to spread my message by Reposting (click Repost button below).

I encourage you to read my story, and donate to fight back Cancer ($5 to $10 is a generous amount).

Thank you, donators: gimmick_game, mousewings

Click for a Live Preview.

Hope Orange

Layout 055 This layout was created in hopes to fundraise for my Relay for Life team. Use this free Livejournal Layout if Cancer has impacted your life in some way or another. In return, I simply ask you to spread my message by reposting. I aim to raise $100 in online donations. Every dollar and penny will be put towards combating Cancer.

Quick Layout Install

01. System

Select Theme

Select any S2 Minimalism - Penguins layout.

02. Display

03. Custom CSS

Custom CSS

Use layout's stylesheets: No. IMPORTANT!!
Custom Stylesheet:
/* S2 MINIMALISM --- 056 Hope Orange --- Fruitstyle @ LJ --- www.malionette.net --- Do not remove this note. */ /* --------------------------- BODY --------------------------- */ body {font: 9pt arial; color: #606060; background: #fff; margin: 0; } a {text-decoration: none; color: #ef9e1e; } a:hover {color: #ffbb00; } .hr {display: none; } .ljuser a, .subj-link { margin: 0 0 0 5px; } blockquote { display: inline-block; position: relative; padding: 5px 10px 5px 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-bottom: 2px solid #dddddd; border-top: 2px solid #dddddd; font: 10px georgia; letter-spacing: 1px; } blockquote:first-letter {text-transform: uppercase; font-size: 24pt; padding: 0 3px 0 0; color: #dddddd; float: left ; } input, select, #lj_controlstrip input, #lj_controlstrip select {background: #f5f5f5; border: 0; font: 10px arial !important; color: #606060; padding: 1px; } textarea {border: 0; background: #f5f5f5; font: 12px arial; color: #606060; } ul {} li {list-style-type: circle; list-style-color: #dddddd;} /* --------------------------- HEADER --------------------------- */ .header {border-top: 10px solid #dddddd; width: 960px; margin: 0 auto; padding: 0; height: 80px; overflow: hidden; } .header h2 {color: #ffc128; font: 16px arial; letter-spacing: -.5px; margin: 20px 0 5px 0; padding: 0; height: 20px;} .header h3 {color: #aaaaaa; font: 10px georgia; text-transform: uppercase; letter-spacing: 3px; margin: 5px 0 20px 0; height: 16px; padding: 0; } .nav-sub, .u-wrap h1 {display: none;} .u-wrap .userpic {position: absolute; margin-top: 80px; z-index: 30;} .nav {position: absolute; padding: 3px 0 0 0; margin: 0px 0 0 110px; width: 110px; z-index: 30; } .nav li {display: block; background: #ffbb00 url(http://i46.tinypic.com/x0s5s3.png) repeat-x; text-shadow: 0 -1px 1px #606060; color: #fff; display: inline-block; position: relative; margin: 3px 0 0 0; width: 100px; font-size: 11px; font-weight: bold; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 0 1px 3px #aaaaaa; -webkit-box-shadow: 0 1px 3px #aaaaaa; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.2); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.2); text-shadow: 0 -1px 1px rgba(0,0,0,0.15);} .nav a {color: #ffffff; display: block; padding: 3px 10px 3px 10px; } .nav li:hover {background-color: #ffa71d;} .nav li.item-selected:hover {background-color: #ffbb00;} .nav li a:hover { text-shadow: 0 -1px 1px rgba(0,0,0,.4);} .nav .item-selected a, .nav .item-selected a:hover { color: #fff; text-shadow: 0 -1px 1px rgba(0,0,0,0.15); } /* --------------------------- SIDEBAR --------------------------- */ .sidebar { overflow: hidden; z-index: 20; position: relative; margin-top: -100px; height: 100px; background: #ffa71d url(http://i46.tinypic.com/x0s5s3.png) repeat-x; } .sidebar-inner { width: 796px; overflow: hidden; margin: 0 auto; padding: 0 0 0 260px; background: url(http://i46.tinypic.com/a35lx.png) no-repeat 0px 0px; height: 100px; } .sidebar dd, .sidebar dt, .sidebar dl {margin: 0; padding: 0;} .sidebar dd {} .sidebar-powered, .sidebar-cal, .sidebar-summary, .sidebar-block dt, .sidebar-tags, .sidebar-block {display: none;} .sidebar-links { position: absolute; display: block; z-index: 40;} .sidebar-links dd { display: inline; font: 10px arial; float: left; margin: 76px 0 0 0;} .sidebar-links dd a {display: block; padding: 3px 10px 3px 10px; color: #ffffff; text-shadow: 0 -1px 1px rgba(0,0,0,0.2);} .sidebar-links dd a:hover {color: #ffdf90;} .sidebar-custom {color: #ffffff; padding: 10px !important; font: 10px arial; overflow: hidden; line-height: 150%; width: 730px; height: 52px; text-shadow: 0 -1px 1px rgba(0,0,0,0.2); display: block; z-index: 50; position: absolute;} .sidebar-custom a {color: #ffdf90; letter-spacing: 1px;} .sidebar-custom a:hover {color: #ffffff;} /* --------------------------- CONTENT --------------------------- */ .content {width: 960px; margin: 0 auto; margin-top: 100px; } .content-inner { float: left; background: #ffffff; padding: 0; z-index: 5; padding-top: 0px;} .content-inner-in { } /* --------------------------- ENTRY HEADER --------------------------- */ #post-sticky {display: inline-block; position: relative; padding: 5px 10px 5px 10px; width: 720px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-bottom: 2px solid #dddddd; border-top: 2px solid #dddddd; font: 10px georgia; letter-spacing: 1px; } #post-sticky .entry-title {margin: 10px 0 0 0;} .entry { padding: 0; border-bottom: 2px solid #dddddd; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin: 20px 0 0 112px;} .entry-title { font: 12px georgia; position: relative; padding: 0 0 20px 0; letter-spacing: -.5px; font: 16px arial; } .entry-title a {color: #ffc128; margin: 0;} .entry-title a:hover {color: #ef9e1e; } .entry-title img {float: right;} /* --------------------------- ENTRY META --------------------------- */ .metadata { margin: 0 0 20px 0; font-size: 10px; } .metadata dt {float: left; padding: 0 5px 0 0; color: #aaaaaa; } .vcard dt, .vcard dl, .vcard dd {padding: 0; margin: 0;} .vcard { float: left; margin: -38px 0 0 -112px;} .vcard img {-moz-border-radius: 5px; -webkit-border-radius: 5px; border-top: 2px solid #dddddd; border-bottom: 2px solid #dddddd; padding: 5px 0 5px 0;} .username {font-size: 0px; } .username .ljuser, .entry-repost .ljuser, .entry-repost, .entry-repost a {display: block; font-size: 9px; text-transform: uppercase; } .username a {display: block; } .username img, .entry-repost img {display: none;} .vcard dt img { } .vcard dd {text-align: center;} .vcard .updated {color: #aaaaaa; font-size: 9px; border-bottom: 0; } /* --------------------------- ENTRY TEXT & FOOTER --------------------------- */ .entry-text { margin: 0; padding: 0 0 20px 0; } .entrymenu {margin: 0; padding: 0 0 10px 0; clear: both; } .entrymenu ul {padding: 0; margin: 0; } .entrymenu li {display: inline; background: #ffbb00 url(http://i46.tinypic.com/x0s5s3.png) repeat-x; text-shadow: 0 -1px 1px #606060; color: #fff; display: inline-block; position: relative; margin: 8px 10px 0 0; font-size: 11px; font-weight: bold; float: left; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 0 1px 3px #aaaaaa; -webkit-box-shadow: 0 1px 3px #aaaaaa; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.2); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.2); text-shadow: 0 -1px 1px rgba(0,0,0,0.15);} .entrymenu a {color: #ffffff; display: block; padding: 3px 10px 3px 10px;} .entrymenu li:hover {background-color: #ffa71d;} .ljtags { font: 10px arial; margin: 20px 0 0 0; } .entrysubmenu { padding: 0; margin: 0; } .entrysubmenu ul {padding: 0; margin: 0; padding: 0 0 20px 0;} .entrysubmenu li {display: inline; font: 10px georgia; letter-spacing: 1px; text-transform: uppercase; padding: 0; margin: 0 10px 0 0;} .entrysubmenu li a {color: #aaaaaa; } .entrysubmenu li a:hover {color: #aaaaaa; } /* --------------------------- FOOTER --------------------------- */ .page-nav {padding: 20px 0 0px 0; margin: 0 0 20px 0; text-align: center; } .page-nav li { display: inline; position: relative; margin: 8px 10px 0 0; font-size: 11px; font-weight: bold; list-style: none; } .page-nav a {color: #ffffff; padding: 3px 10px 3px 10px; background: #ffbb00 url(http://i46.tinypic.com/x0s5s3.png) repeat-x; text-shadow: 0 -1px 1px #606060; color: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 0 1px 3px #aaaaaa; -webkit-box-shadow: 0 1px 3px #aaaaaa; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.2); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.2); text-shadow: 0 -1px 1px rgba(0,0,0,0.15);} .page-nav li:hover {background-color: #ffa71d;} /* --------------------------- ARCHIVE / TAGS --------------------------- */ .view-archive .entry {width: 100%;} .view-archive .entry ul {padding: 0; margin: 0; text-align: center; padding: 10px; } .view-archive .entry li {display: inline; margin: 0 5px 0 5px; } .view-archive .entry table {width: 100%; margin: 0 auto; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-bottom: 2px solid #dddddd; border-top: 2px solid #dddddd; border-right: 1px solid #dddddd; margin-top: 10px; } .view-archive .entry table caption {letter-spacing: -.5px; font-size: 16px; text-transform: lowercase; padding: 0 0 10px 0; } .view-archive .entry td, .view-archive .entry th {border-left: 1px solid #dddddd; border-bottom: 1px solid #dddddd; text-align: center; } .view-archive .entry {padding-bottom: 10px;} .view-tags .entry {padding: 10px;} /* --------------------------- COMMENTS PAGE --------------------------- */ .entry-linkbar img {float: none; } .entry-linkbar a img, .comment-head-in a img { opacity: .5; } .entry-linkbar a img:hover, .comment-head-in a img:hover { opacity: .8; } .entry-comments-text { padding: 10px; } .comments-links {clear: both; text-align: center;} .comment-wrap {clear: both; padding: 10px; margin: 5px 0px 5px 0px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-bottom: 2px solid #dddddd; border-top: 2px solid #dddddd; } .comment-upic {float: left; margin: 10px; } .comment-text {border-top: 1px solid #dddddd; padding: 10px; margin: 0 0 10px 0; } .screened {background: #f5f5f5; } .comment-head-in a img {border: 0;} /* --------------------------- REPLY FORMS --------------------------- */ #postform a img, #qrform table a img {border: 0;} #postform table, #postform table textarea {width: 100%; } #qrform table {border: 1px solid #dddddd !important; } /* --------------------------- LJ CUSTOMS --------------------------- */ ::-moz-selection { background: #ffbb00; color: #ffffff; } ::selection { background: #ffbb00; color: #ffffff; } code::-moz-selection { background: #ffbb00; color: #ffffff; } code::selection { background: #ffbb00; color: #ffffff; } /* Generated by Malionette's Tiny Icon Generator http://malionette.net/generator/tinylite.html Icons from: http://www.brandspankingnew.net/ */ span.i-ljuser img[src*="img/userinfo.gif"], span.i-ljuser img[src*="userhead"] {width: 0 !important; height: 0 !important; background: transparent url(http://img3.imageshack.us/img3/8447/personl.gif) no-repeat !important; padding: 11px 2px 0 10px !important; } span.i-ljuser img[src*="img/community.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://img28.imageshack.us/img28/4821/starxq.gif) no-repeat !important; padding: 11px 2px 0 10px !important; } span.i-ljuser img[src*="img/syndicated.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://img692.imageshack.us/img692/6856/cubet.gif) no-repeat !important; padding: 11px 0 0 10px !important; } img[src*="img/icon_protected.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://img19.imageshack.us/img19/823/lockv.gif) no-repeat !important; padding: 11px 0 0 10px !important; } img[src*="img/icon_private.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://img3.imageshack.us/img3/2707/shields.gif) no-repeat !important; padding: 11px 0 0 10px !important; } img[src*="img/icon_groups.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://img19.imageshack.us/img19/823/lockv.gif) no-repeat !important; padding: 11px 2px 0 10px !important; } .entry-content span.i-ljuser img[src*="img/userinfo.gif"], .entry-content span.i-ljuser img[src*="userhead"], .entry-content span.i-ljuser img[src*="img/community.gif"] {padding-top: 13px !important;} /* --------------------------- INSERT ANY NEW CODE BELOW --------------------------- */

04. Give Love

First, press the Repost button.

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

Button	Code
View available buttons	`Layout by fruitstyle`

Customize and Personalize (Optional)

Add a Banner

The recommended banner size is 960px wide.

Note: The top links will cover part of your header and your header will automatically have rounded edges.

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

Replace Colours


#ffffff	#ffdf90	#ffc128	#ffbb00	#ffa71d	#f5f5f5

#ef9313	#dddddd	#aaaaaa	#606060

How do I replace layout colours?

Replace Images

Get all the images at Box.net

How do I replace layout images?

Fruitstyle: Livejournal Layouts by Malionette

LJ's Tiny userhead icon changes

malionette — Wed, 27 Jun 2012 02:08:39 GMT

Hello fruitstyle and users of malionette's Tiny Icon Generator.

Following the changes that LJ made to the userhead icons, I modified the Tiny Icon Generator. Please update your bookmarks and your tiny icons.

Please help spread the word and repost.

Profile 020 : Aqua 76 | 021 : Lisa & Rye | 022 : Shaun das Shauf

malionette — Thu, 04 Aug 2011 01:17:38 GMT

Click for a Live Preview | Generator

( Profile ) #020 : Aqua 76

( Install ) Profile Code

You are free to customize this. Use the generator if you aren't sure about your coding skills!

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

<div align="center"> <table cellpadding="5px" cellspacing="1px" bgcolor="#dddddd"> <tr><td bgcolor="#ffffff"><table cellpadding="20px" cellspacing="0"> <tr> <td background="http://img28.imageshack.us/img28/9781/aqua7601.jpg" width="197px" height="168px"></td> <td background="http://img193.imageshack.us/img193/4435/aqua7602.jpg" width="205px" height="168px"><font size="6" face="georgia" color="#469bbb">Aqua 76</font><br /><font size="1" face="georgia" color="#757575"><i>Deep in the sea, we sleep for an eternity.</i></font></td> </tr> <tr> <td colspan="2" bgcolor="#f5f5f5"><font face="georgia" color="#606060"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sit amet ultrices lorem. Phasellus mollis dapibus lacus et tristique. Ut ac massa justo, ut dapibus nisi. Pellentesque arcu lorem, fermentum eu tempus sit amet, porttitor non elit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer et leo nunc, eget interdum urna. Pellentesque fermentum, ligula eu rutrum gravida, felis ipsum semper tellus, elementum mattis ipsum libero at diam. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p><p>Integer et leo nunc, eget interdum urna. Pellentesque fermentum, ligula eu rutrum gravida, felis ipsum semper tellus, elementum mattis ipsum libero at diam. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p></font></td> </tr> <tr> <td colspan="2" bgcolor="#dddddd" align="center"><font face="georgia" size="1" color="#aaaaaa"><u><a href="http://fruitstyle.livejournal.com/"><i><font color="#333"><u>Profile Credit</u></font></i></a></u> | <u><a href="http://fruitstyle.livejournal.com/"><i><font color="#333"><u>Layout Credit</u></font></i></a></u></font></td> </tr> </table></td> </tr> </table> </div>

OR use the Generator to customize your code?

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 | Generator

( Profile ) #021 : Lisa & Rye

( Install ) Profile Code

You are free to customize this. Use the generator if you aren't sure about your coding skills!

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

<div align="center"> <table cellpadding="22px" cellspacing="0" width="308px"> <tr> <td background="http://img163.imageshack.us/img163/8813/fscard01.jpg" height="169px" valign="top" ><font face="century, georgia" size="5" color="#ffffff">Lisa & Rye</font></td> </tr> <tr> <td class="section_body"> </td> </tr> <tr> <td background="http://img713.imageshack.us/img713/7051/fscard02.jpg" height="180px" valign="top" ><table cellspacing="0" width="100%"><tr><td height="20px"><font face="century, georgia" size="5" color="#aaaaaa">we make bread</font></td></tr><tr><td height="50px"><font size="1" face="arial" color="#666666">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sit amet ultrices lorem. Pellentesque fermentum, ligula eu rutrum gravida, felis ipsum. </font></td></tr><tr><td height="7px"></td></tr><tr><td><table cellspacing="0"><tr><td><font size="1" face="arial" color="#ee4d7b"><b>Website<br />Email<br />Contact</b></font></td><td> </td><td><font size="1" face="arial" color="#333333">www.malionette.net<br />myname@livejournal.com<br />(781) 867-5309</font></td></tr></table></td></tr></table></td> </tr> </table><br /><font size="1" color="#aaaaaa"><a href="http://fruitstyle.livejournal.com/"><font size="1" face="arial" color="#ffffff"><u><font color="#888888">Profile Code</font></u></font></a> | <a href="http://fruitstyle.livejournal.com/"><font size="1" face="arial" color="#ffffff"><u><font color="#888888">Layout Credit</font></u></font></a></font> </div>

OR use the Generator to customize your code?

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 | Generator

( Profile ) #022 : Shaun das Shauf

( Install ) Profile Code

You are free to customize this. Use the generator if you aren't sure about your coding skills!

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

<div align="center"> <table width="600px" cellpadding="0" cellspacing="0"> <tr> <td><font size="4" face="arial">Shaun das Shauf</font> </td> </tr> <tr> <td><table width="100%" cellspacing="0" cellpadding="1px"><tr><td width="35%" bgcolor="#ffffff"></td><td width="65%" bgcolor="#ffffff"></td></tr><tr><td width="35%" bgcolor="#ffffff"></td><td width="65%" bgcolor="#ffffff"></td></tr><tr><td width="35%" bgcolor="#000000"></td><td width="65%" bgcolor="#000000"></td></tr><tr><td width="35%" bgcolor="#000000"></td><td width="65%" bgcolor="#ffffff"></td></tr><tr><td width="35%" bgcolor="#000000"></td><td width="65%" bgcolor="#ffffff"></td></tr><tr><td width="35%" bgcolor="#000000"></td><td width="65%" bgcolor="#ffffff"></td></tr><tr> <td height="24px" background="http://img28.imageshack.us/img28/1646/dotbot.gif"><font size="2" face="arial"><b>Email </b> </font> <a href="http://malionette.net/"><font color="#ffffff" size="2" face="arial"><u><font color="#606060">myname@livejournal.com</font></u></font></a></td> <td rowspan="10" valign="top"><table cellspacing="0px"><tr><td> </td><td class="actions" valign="top"><font face="arial" color="#606060">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sit amet ultrices lorem. Pellentesque fermentum, ligula eu rutrum gravida, felis ipsum semper tellus, elementum mattis ipsum at diam. Cum sociis natoque penatibus et magnis dis parturient montes, ridiculus mus. <br /><br /> Integer et leo nunc, eget interdum urna. Pellentesque fermentum, ligula eu rutrum gravida, felis ipsum semper tellus, elementum mattis ipsum libero at diam. </font></td></tr></table></td> <tr><td height="24px" background="http://img28.imageshack.us/img28/1646/dotbot.gif"><font size="2" face="arial"><b>Icons </b> </font> <a href="http://fruitstyle.livejournal.com/"><font color="#ffffff" size="2" face="arial"><u><font color="#606060">Community</font></u></font></a></td></tr> <tr><td></td></tr> <tr><td height="24px" background="http://img28.imageshack.us/img28/1646/dotbot.gif"><font size="2" face="arial"><b>Website </b> </font> <a href="http://malionette.net/"><font color="#ffffff" size="2" face="arial"><u><font color="#606060">malionette.net</font></u></font></a></td></tr> <tr><td height="24px" background="http://img28.imageshack.us/img28/1646/dotbot.gif"><font size="2" face="arial"><b>Layout </b> </font> <a href="http://fruitstyle.livejournal.com/"><font color="#ffffff" size="2" face="arial"><u><font color="#606060">Fruitstyle</font></u></font></a></td></tr> <tr><td height="24px" background="http://img28.imageshack.us/img28/1646/dotbot.gif"><font size="2" face="arial"><b>Profile Code </b> </font><a href="http://fruitstyle.livejournal.com/"><font color="#ffffff" size="2" face="arial"><u><font color="#606060">Fruitstyle</font></u></font></a></td></tr> </table></td> </tr> </table> </div>

OR use the Generator to customize your code?

Edit Profile

Put code in Bio

Change links, text, and styling to your preferences

Do not remove the credit link to Fruitstyle

Layout 054 : Flora Vintage

malionette — Tue, 19 Jul 2011 22:11:47 GMT

Click for a Live Preview.

( Layout ) #054 : Flora Vintage

This is a remix of dulcitone's layout Early Dawn that I made for the Layout Remix challenge at tube.

So... my thoughts... Well, I didn't make this layout anywhere near what I planned it out to be (see my design board). Even though it was a remix, I didn't feel like making a generic layout-- which is why it looks a bit different from the original. I kept the colours and the general mood of dulcitone's layout (feminine, cute, minimal), but the skeleton code and format is completely different. I've fully customized the archive, tags, reply page, pop ups, and comment pages (which I'm quite proud of) so install it and try it out!

I think minus from tube wanted my opinion on remix challenges. Well, I think it was a fun challenge! I probably made this a lot more difficult than it should have been since I'm a little stubborn as to what I produce (30 minute simple layout VS 6 hour complicated one? I took the 6 hour route ugghh). The challenge itself was quite welcoming to me, but I might not recommend it to beginners. Hmm.

One more story! I was rushed on time since I promised myself that I would post Lamb & Kitty yesterday and I needed to finish this layout the same day. I was sooooo scared that I wouldn't be able to finish and post it since I'm going to IRI tomorrow (Does anyone even know what IRI is!?!). Gosh I talk so much. Anyway, enjoy the layout!

( 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 FLEXIBLE SQUARES --- 054 Flora Vintage --- Malionette @ Fruitstyle.livejournal.com Do not remove this note. */ /* ---------- BODY ---------- */ body { font: 11px georgia ; color: #808080; margin: 0; padding: 0; background: #f9f9f9; } a {color: #e778b0; text-decoration: none;} a:hover {color: #ed96c5; } input, select, textarea, code { background: #f9f9f9; } h1, h2, h3, h4, h5, h6 {font-family: georgia; color: #e778b0; } blockquote {background: #f9f9f9; padding: 10px; font: 13px georgia; line-height: 150%; -moz-border-radius: 10px; border-radius: 10px; } input, select, textarea {border: 1px solid #dddddd; font: 11px georgia; color: #808080; background: #ffffff; } textarea {font: 12px georgia; padding: 3px;} #page {padding: 20px 0 0 0;} .layout {width: 750px; margin: 0 auto; background: #ffffff url(http://img193.imageshack.us/img193/9703/110719reprep.png) repeat; -moz-border-radius: 10px; border-radius: 10px; } .view-archive .layout, .view-month .layout, .view-tags .layout {padding-bottom: 10px;} /* ---------- HEADER FOOTER SIDEBAR ---------- */ .u-wrap, .header h3, .nav-sub, .sidebar, .footer , .header h2, .hr {display: none; } .nav {text-align: center; margin: 10px 0 10px 0; padding: 10px 0 20px 0; } .page-nav {text-align: center; margin: 10px 0 10px 0; padding: 20px 0 10px 0; } .nav li {margin: 0; padding: 10px 5px 10px 5px; margin: 0 5px 0 5px; text-align: center; list-style: none; display: inline; font-size: 13px; letter-spacing: 1px; -moz-border-radius-bottomright: 10px; border-radius-bottom-right: 10px; -moz-border-radius-bottomleft: 10px; border-radius-bottom-left: 10px; background: #ffffff; } .page-nav li {margin: 0; padding: 10px 5px 10px 5px; margin: 0 5px 0 5px; text-align: center; list-style: none; display: inline; font-size: 13px; letter-spacing: 1px; -moz-border-radius-topright: 10px; border-radius-top-right: 10px; -moz-border-radius-topleft: 10px; border-radius-top-left: 10px; background: #ffffff; } .nav a, .page-nav a {padding: 0 5px 0 5px; color: #c0b1b0; } .nav a:hover, .page-nav a:hover { color: #e778b0; } .content-inner-in {text-align: center; } .entry-wrap {text-align: left; } .item-selected a, .item-selected a:hover, li.item-selected {color: #e778b0; background: #f9f9f9;} /* ---------- ENTRY ---------- */ .entry-title { padding: 0 10px 10px 10px; font: italic 16px georgia; } .vcard dt, .vcard dd, .vcard dl {padding: 0; margin: 0 ;} .vcard {font-size: 0; position: absolute; margin: -38px 0 0 -150px; -moz-border-radius: 10px; border-radius: 10px; padding: 0 0 10px 0; background: #e778b0;} .vcard:hover {background: #ed96c5; } .vcard a {font: 9px arial; letter-spacing: 1px; font-weight: lighter; color: #ffffff; } .vcard dt img {background: #ffffff url(http://img193.imageshack.us/img193/9703/110719reprep.png) repeat; padding: 10px; -moz-border-radius: 10px; border-radius: 10px; border-bottom: 1px solid #ffffff; } .vcard a:hover {color: #dddddd; } .username {color: #404040; font-size: 0pt; } .username .ljuser {display: block; padding: 1px 0 0 0;} .updated {display: none; } .entry > dd {margin: 0; padding: 5px 10px 5px 10px; font: 11px arial; } .entry { padding: 10px 0 10px 0; clear: both; background: #ffffff; margin: 10px; -moz-border-radius: 10px; border-radius: 10px; min-height: 150px; } /* ---------- META ---------- */ .metadata {display: none; } .ljtags {margin: 10px 0 0 0;} /* ---------- ENTRY LINKBARS ---------- */ .entrymenu { text-align: left; border-top: 1px solid #dddddd; } .entrymenu ul, .entrymenu li, .entrysubmenu ul, .entrysubmenu li {margin: 0; padding: 0; text-align: center; list-style: none; display: inline; } .entrymenu a, .entrysubmenu a {padding: 0 10px 0 10px; font: 10px times new roman; text-transform: lowercase; letter-spacing: 2px; } .entrymenu a:hover , .entrysubmenu a:hover {color: #dddddd; } .entrysubmenu { border-top: 1px solid #dddddd; } /* ---------- ARCHIVE YEAR ---------- */ .view-archive .entry-text {background: #ffffff; clear: both; text-align: center; } .view-archive .entry-text ul { border-bottom: 1px solid #dddddd; padding: 10px; } .view-archive .entry-text li {display: inline; padding: 0 10px 0 10px;} .calendar-wrap table {width: 50%; margin: 0 auto; margin-bottom: 20px; background: #dddddd;} .calendar-wrap table caption {padding: 10px; } .calendar-wrap td {padding: 5px; background: #ffffff; } /* ---------- ARCHIVE MONTH ---------- */ .view-month .entry-title {text-align: center; margin: 0 auto; float: none; padding: 3px 0 10px 0;} .view-month .entry-text {background: #ffffff; clear: both; padding: 10px; text-align: left; } .view-month .entry-text dt {padding: 5px; border-bottom: 1px solid #dddddd; font-size: 14pt; letter-spacing: -1px; } .view-month .entry-text dd {padding: 0 0 0 50px; } /* ---------- TAGS ---------- */ .content-tags {background: #ffffff; padding: 10px; } /* ---------- COMMENTS TOP HALF ---------- */ .entry-linkbar {clear: both; display: block; opacity: .7; text-align: center; background: #f9f9f9; padding: 5px 0 5px 0; margin-bottom: 10px; } .entry-linkbar img:hover {opacity: .6; } .view-entry .entry, .view-reply .entry {margin-bottom: 0; } .view-entry .entry-wrap + .hr + .entry-wrap .entry, .view-reply .entry-wrap + .hr + .entry-wrap .entry {background-color: transparent; } .comments-links {padding: 10px; text-align: center; background: #ffffff; margin-bottom: 10px; -moz-border-radius: 10px; border-radius: 10px; font: 10px times new roman; text-transform: lowercase; letter-spacing: 2px; } .view-entry table[cellpadding="3"] {font-weight: lighter; letter-spacing: 2px; background: #ffffff; -moz-border-radius: 10px; border-radius: 10px; opacity: .7;} /* ---------- COMMENTS BOTTOM HALF ---------- */ .entry-comments-text > table {margin: auto; margin-top: 10px; margin-bottom: 10px; } .comment-wrap {margin: 0 0 10px 0; background: #f9f9f9; -moz-border-radius: 10px; border-radius: 10px; background: #ffffff; clear: both;} .comment-upic {background: #ffffff url(http://img193.imageshack.us/img193/9703/110719reprep.png) repeat; padding: 10px; -moz-border-radius: 10px; border-radius: 10px; margin: 10px 0 0 10px; } .comment-upic img {width: 50px; height: 50px; border: 1px solid #ffffff;} .comment-head-in, .comment-upic {float: left; } .comment-head-in {padding: 10px 0 0 0;} .comment-head-in p {margin: 0px 0 0 10px; font-size: 7pt; padding: 0 0 5px 0;} .comment-head-in p img {height: 16px; width: 16px; } .comment-head-in h3 {font-size: 14pt; letter-spacing: -1px; padding: 0 0 0 10px; margin: 0; } .comment-head p img {vertical-align: top;} .screened {background: #f9f9f9; } .partial {padding: 10px; } .comment-text {padding: 10px; clear: left; font: 11px arial; } .comment-menu {padding: 5px 0 5px 10px; color: transparent; border-top: 1px solid #dddddd; font: 10px times new roman; text-transform: lowercase; letter-spacing: 2px; } /* ---------- REPLY AND DELETE ---------- */ div.ljcmtmanage {border: 0; background: #ffffff; color: #808080; } #qrform table, #postform table {width: 100%; margin: 0 0 10px 0; border: 0 !important; padding: 10px; background: #ffffff; -moz-border-radius: 10px; border-radius: 10px; } #qrform td {text-align: left; } #postform textarea {width: 100%; } #postform table {margin: 10px 0 0 0; } #postform table table {border: 0 !important;} #postform table td {text-align: left; } /* ---------- EXTRA ---------- */ div.ContextualPopup div.Inner {border: 0; background: transparent !important; font: 10px arial !important; } div.ContextualPopup div.Userpic {margin-right: -30px; padding: 10px; background: #e778b0; -moz-border-radius: 10px; border-radius: 10px; } div.ContextualPopup div.Content {-moz-border-radius: 10px; border-radius: 10px; background: #ffffff; color: #808080; padding: 10px; border: 1px solid #dddddd; } div.ContextualPopup div.Inner div.Content a {color: #e778b0 !important; text-decoration: none !important;font-weight: lighter !important; } div.ContextualPopup div.Inner div.Content span.alias-unavailable a {color: #e778b0 !important} div.ContextualPopup div.Inner div.Content a:hover, div.ContextualPopup div.Inner div.Content .alias-unavailable a:hover {color: #ed96c5 !important;} /* Generated by Malionette's Tiny Icon Generator */ img[src*="img/userinfo.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://img828.imageshack.us/img828/5647/user1z.png) no-repeat !important; padding: 16px 0 0 16px !important; } img[src*="img/community.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://img24.imageshack.us/img24/3274/home1p.png) no-repeat !important; padding: 16px 0 0 16px !important; } img[src*="img/icon_protected.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://img6.imageshack.us/img6/9430/heart1f.png) no-repeat !important; padding: 16px 0 0 16px !important; margin-bottom: -5px; } img[src*="img/icon_private.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://img16.imageshack.us/img16/2691/close1.png) no-repeat !important; padding: 16px 0 0 16px !important; margin-bottom: -5px; }

← 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.

Button	Code
View available buttons	`Layout by fruitstyle`

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

( Optional ) Add a Banner

The recommended banner size is 750px wide.

Note: The top links will cover part of your header and your header will automatically have rounded edges.

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	#f9f9f9	#ed96c5	#e778b0	#dddddd	#c0b1b0

#808080	#

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

Layout 053 : Lamb & Kitty

malionette — Tue, 19 Jul 2011 18:42:57 GMT

Click for a Live Preview.

( Layout ) #053 : Lamb & Kitty

Lamb & Kitty is the 53rd livejournal layout made by Malionette. Its simple layout flows and works with the outstanding pop colours. The header image is easily swappable and the pink colour can easily be changed to one of the user's taste.

( 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

Link List

Fill your link list with links. Your link list must have more lines than your blurb.

← 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 --- 053 Lamb & Kitty --- Malionette @ Fruitstyle.livejournal.com Do not remove this note. */ /* ---------- BODY ---------- */ body { font: 12px lucida grande, arial; color: #505050; margin: 0; padding: 0; background: #000000; } a {color: #ff6590; text-decoration: none;} a:hover {color: #f8b5c7; } #content {background: #ffffff; width: 850px; margin: 0 auto; padding: 0;} input, select, textarea, code { background: #dddddd; } h1, h2, h3, h4, h5, h6 {font-family: georgia;} blockquote {background: #dddddd; padding: 10px; font: 13px georgia; line-height: 150%; } /* ---------- HEADER ---------- */ #header {background: #333333; margin-top: 6px; height: 40px; overflow: hidden;} .navheader {padding: 0; margin: 0; float: right;} .navheader li {list-style: none; display: inline; float: left; } .navheader li a, .view { height: 40px; padding: 14px 6px 0 6px; color: #aaaaaa; font: 9px arial narrow; text-transform: uppercase; letter-spacing: 1px; display: block; } .view {background: #505050; color: #ffffff; } .navheader a:hover {color: #ff6590; background: #000000; } .title {font: 12px courier new; color: #ffffff; text-transform: uppercase; padding: 13px 0 0 10px; letter-spacing: 2px; } .subtitle {display: none;} /* ---------- SIDEBAR ---------- */ #sidebar {background: #505050; padding: 10px 0 10px 0; min-height: 100px; } #sidebar div, .sbartitle {display: none; } #sidebar .sbarbody2, #sidebar #sidebar_linklist {display: block;} .sbarlist {padding: 0px 0px 0px 20px; margin: 0; width: 100px; } .sbarlist li {list-style: none; border-bottom: 1px dotted #333333; } .sbarlist li a {font: 9px arial; display: block; padding: 5px 0 5px 0; color: #aaaaaa;} .sbarlist li a:hover {color: #dddddd;} .sbarbody2 {float: right; width: 700px; padding: 0 10px 0 0; font: 13px georgia; color: #aaaaaa; line-height: 200%;} /* ---------- ENTRIES ---------- */ .userpic, .userpicfriends {float: left; padding: 20px 0 20px 20px; background: #ffffff !important; margin: 0 20px 0 0; width: 100px; text-align: center; color: #ffffff;} .userpicfriends {font: 9px arial narrow; text-transform: uppercase; letter-spacing: 1px; padding-bottom: 10px; } .userpicfriends img {padding: 0 0 10px 0;} .userpicfriends a font {color: #ff6590; text-decoration: none;} .userpicfriends a font:hover {color: #f8b5c7; } .subcontent {border-top: 6px solid #000000; clear: both;} .date {display: none;} .subject {padding: 20px 0 10px 140px; font: 15px georgia; letter-spacing: 1px;} .subject a {color: #000000; } .subject a:hover {color: #aaaaaa; } .subject img {padding: 0 10px 0 0; } .entry { padding: 0px; margin: 0; background: #f8b5c7; } .entry_text, .currents {margin-left: 120px; padding: 0 0 10px 20px; background: #ffffff; } .ljtags {padding-top: 10px;} .ljtags, .currents {font: 10px courier new; text-transform: uppercase; } .currents strong {font-weight: lighter; color: #505050; } .currents img {float: right; padding: 10px; } .ljtags a, .currents { color: #aaaaaa; } .ljtags a:hover {color: #808080; } .comments {text-align: center; padding: 6px 0 6px 0; background: #ff6590; color: #f8b5c7; clear: both; } .comments a {color: #ffffff; padding: 6px;} .comments a:hover {color: #f8b5c7; } .clear, .clearfoot, .separator {display: none;} /* ---------- COMMENTS ---------- */ .skiplinks {text-align: center; padding: 6px 0 6px 0; background: #ff6590; color: #f8b5c7; clear: both;} .skiplinks a {color: #ffffff; padding: 6px;} .skiplinks a:hover {color: #f8b5c7; } .lj-view-entry .box {background: #000000;} .lj-view-entry .box center {border-top: 6px solid #000000; padding: 6px 0 6px 0; background: #333333; color: #dddddd;} .commentbox , .commentboxpartial {background: #505050; margin: 6px 0 0 0; padding: 6px; color: #aaaaaa; font: 10px courier new; text-transform: uppercase; letter-spacing: 1px; clear: both;} .commentbox .userpiccomment {float: left; margin: 0 10px 0 0; } .datesubjectcomment strong { font: 15px georgia; letter-spacing: 1px;} .commentreply {font: 12px arial; color: #ffffff; text-transform: none; letter-spacing: 0; padding-top: 10px;} .commentbox > div[style*="margin-top"] {text-align: left !important; color: #ffffff; margin-top: 10px !important; } .commentbox > div > div > a > img {width: 14px; height: 14px;} .commentbox > div > div > a > img:hover {opacity: .7;} .box + .box {padding-top: 10px; } .box + .box center { margin-bottom: 0; padding-bottom: 0; } .commentbox #qrform table {border: 0 !important; width: 100%; background: #333333; padding: 10px; margin: 23px -16px 6px 0; float: right;} .commentbox #qrform td {text-align: left;} /* ---------- REPLY ---------- */ .lj-view-reply .box {border-top: 6px solid #000000; background: #333333; color: #aaaaaa; padding: 15px 10px 10px 10px; } .lj-view-reply #postform table, .box > div > div > #qrform table {border-top: 1px solid #505050; width: 100%; margin: 10px 0 0 0; padding: 10px 0 0 0; } .lj-view-reply #postform td, .box > div > div > #qrform table td {text-align: left; line-height: 200%;} .lj-view-reply #postform td > br {display: none;} .lj-view-reply .entry {background: #ffffff;} .box > div > div > #qrform table {background: #333333; color: #ffffff;} .box > div > div > #qrform table > tbody > tr > td {padding: 0 0 0 10px;} .box input, .box select, .box textarea {background: #505050; color: #ffffff; border: 0; padding: 1px 3px 1px 3px;} .box input[type="submit"]:hover {background: #000000;} /* ---------- ARCHIVE ---------- */ .year { padding: 0; margin: 0; text-transform: uppercase; padding: 6px 0 6px 0; background: #ff6590; color: #f8b5c7; text-align: center; border-bottom: 6px solid #000000; } .year li {display: inline; } .year a {color: #ffffff; padding: 6px;} .year a:hover {color: #f8b5c7; } .yeartable {padding: 10px 0 0 0;} .yearmonth { font: 15px georgia; letter-spacing: 1px; padding: 0 0 10px 0;} .yearmonth a {font: 12px arial; letter-spacing: 0;} .subcontent + div + div + div + .skiplinks {border-top: 6px solid #000000;} .lj-view-month .entry {background: #ffffff; padding: 0 10px 10px 10px;} .lj-view-month .entry dt {font: 15px georgia; letter-spacing: 1px; font-weight: lighter; } /* ---------- TAG ---------- */ .lj-view-tags #maincontent {border-top: 6px solid #000000; padding: 0 10px 10px 10px; } .lj-view-tags #maincontent > h2 {font: 15px georgia; letter-spacing: 1px; font-weight: lighter; padding: 10px;} .lj-view-tags .ljtaglist li {list-style-type: decimal-leading-zero; display: inline-block; width: 33%; padding: 6px 1px 6px 1px; } /* ---------- FOOTER ---------- */ #footer {background: #333333; border-top: 6px solid #000000; height: 40px; overflow: hidden; } .navfooter {padding: 0; margin: 0;} .navfooter li {list-style: none; display: inline; float: left; } .navfooter li a, .viewing { height: 40px; padding: 14px 5px 0 5px; color: #aaaaaa; font: 9px arial narrow; text-transform: uppercase; letter-spacing: 1px; display: block; } .viewing {background: #000000; color: #ffffff; } .navfooter a:hover {color: #ff6590;} /* ---------- OTHER BELOW HERE ---------- */ ::-moz-selection, ::selection, code::-moz-selection, code::selection { background: #ff6590; color: #ffffff;} div.ContextualPopup div.Inner {border: 0; background: transparent !important; font: 10px arial !important; } div.ContextualPopup div.Userpic {margin-right: -30px; padding: 10px; background: #f8b5c7; } div.ContextualPopup div.Content { background: #333333; padding: 5px; color: #aaaaaa; } div.ContextualPopup div.Inner div.Content a {color: #ffffff !important; text-decoration: none !important;font-weight: lighter !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: #f8b5c7 !important;} /* Generated by Malionette's Tiny Icon Generator */ img[src*="img/userinfo.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://img828.imageshack.us/img828/5647/user1z.png) no-repeat !important; padding: 16px 0 0 16px !important; } img[src*="img/community.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://img24.imageshack.us/img24/3274/home1p.png) no-repeat !important; padding: 16px 0 0 16px !important; } img[src*="img/icon_protected.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://img6.imageshack.us/img6/9430/heart1f.png) no-repeat !important; padding: 16px 0 0 16px !important; margin-bottom: -5px; } img[src*="img/icon_private.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://img16.imageshack.us/img16/2691/close1.png) no-repeat !important; padding: 16px 0 0 16px !important; margin-bottom: -5px; } body > div[style="border"] {background-color: #000000 !important; border: 0 !important;} .headerimage {background: url(http://img841.imageshack.us/img841/1331/110715heart.jpg) no-repeat top center; height: 159px;}

← 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.

Button	Code
View available buttons	`Layout by fruitstyle`

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

( Optional ) Add a Banner
The recommended banner size is 850px wide. Replace the banner in the layout with your own.
Add a Banner \| Replace Colours \| Replace Images

( Optional ) Replace Colours


#ffffff	#ff6590	#f8b5c7	#dddddd	#aaaaaa	#808080

#505050	#333333	#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?

Add a Banner | Replace Colours | Replace Images

Fruitstyle: Layouts and Winamp Skin Designs by Malionette

Wallpaper 009

malionette — Sat, 09 Jul 2011 16:31:09 GMT

[1] Legend of Zelda Wallpaper

Deviant Art | Animepaper

Original Version: 1920x1200 | 1600x1200 | 1440x900 | 1280x1024

Please ask if you would like this in different resolutions.

Layout 052 : Claire

malionette — Tue, 05 Jul 2011 18:33:39 GMT

Click for a Live Preview.

( Layout ) #052 : Claire

Claire: A minimalist's layout.

( 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 --- 052 Claire --- Malionette @ Fruitstyle.livejournal.com Do not remove this note. */ /* ---------- BODY ---------- */ body { font: 12px lucida grande, arial; color: #505050; margin: 0; padding: 0; } a {color: #75d0e2; text-decoration: none;} a:active {color: #bce9ef; } a:visited {color: #35bad9; } a:hover {color: #026d99; } input, select, textarea {border: 1px dotted #aaaaaa; background: #ffffff; color: #606060; font: 9px arial; padding: 1px 5px 1px 5px; } input:hover, select:hover, textarea:hover {border-color: #dddddd; } blockquote { border-top: 1px dotted #dddddd; border-bottom: 1px dotted #dddddd; margin-top: 0px; margin-bottom: 0px; padding: 10px 0 10px 0; } #content {width: 960px; margin: 0 auto; border-top: 12px solid #fafafa; padding: 20px 0 0 0;} /* ---------- HEADER ---------- */ #header {border-bottom: 1px dotted #aaaaaa; padding-bottom: 40px; margin: 0 0 30px 0;} .navheader { float: right; margin-top: 15px; } .navheader li {display: inline; font: 14pt arial; text-transform: lowercase; letter-spacing: -1px; padding: 0 5px 0 5px; } .navheader a {color: #888888; } .navheader a:hover {color: #bce9ef; } .navheader li.view {color: #75d0e2;} .title {font: 22pt cambria, georgia, times new roman; letter-spacing: -1px; padding: 0px 7px 0 0; } .subtitle { float: left; font: bold 9pt cambria, georgia, times new roman; padding: 0px 0 20px 0px; text-transform: uppercase; color: #aaaaaa; } /* ---------- SIDEBAR ---------- */ #sidebar {clear: both; width: 200px; float: right; padding: 0 0 10px 0; font: 9px arial; } .sbarbody, .sbarbody2 {border-bottom: 1px dotted #aaaaaa; padding: 10px 0 10px 0;} .sbartitle {display: none;} .defaultuserpic {text-align: center; background: #fafafa; padding: 10px;} .defaultuserpic img {border: 1px dotted #dddddd; padding: 5px; background: #ffffff;} .defaultuserpic img:hover {border-color: #35bad9; opacity: .7; } .sbarlist {padding: 0; margin: 0;} .sbarlist li {list-style: none; margin: 0 0 1px 0;} .sbarlist li a {display: block; background: #fafafa; padding: 2px 5px 2px 5px;} li.tagcloud a { display: inline ; background: transparent; } #sidebar_summary li a {display: inline; background: transparent; padding: 0;} #sidebar_summary li {padding: 3px 0 3px 0; border-bottom: 1px dotted #dddddd;} .calendar {width: 100%;} .calendar td {background: #fafafa; text-align: center; } /* ---------- ENTRY ---------- */ #maincontent {width: 740px; float: left; } .subcontent {clear: both;} .entry {border-bottom: 1px dotted #aaaaaa; padding: 0 130px 10px 0; margin: 0 0 10px 0; } .date {font: 9px arial; color: #aaaaaa;} .entry_text {line-height: 200%; padding: 10px 0 0 0; min-height: 40px; } .subject {font: 22pt cambria, georgia, times new roman; letter-spacing: -1px;} .subject img {opacity: 0.5; float: right; padding: 10px;} .userpic, .userpicfriends {float: right; padding: 10px; background: #fafafa !important; color: #fafafa; text-align: center; font: 9px arial; } .userpicfriends img {margin: 0 0 10px 0; border: 1px dotted #dddddd; padding: 5px; background: #ffffff;} .userpicfriends:first-child a font { color: #35bad9;} .userpicfriends:first-child a font:hover { color: #026d99;} .ljtags {font: 9px arial; margin: 10px 0 0 0; border-left: 10px solid #b4e3ec; padding: 0 0 0 10px;} .currents {font: 9px arial; } .currents > div {margin: 1px 0 0 0; } .currents strong {font-weight: lighter; border-left: 10px solid #dddddd; padding: 0 0 0 10px; } .currents img {float: right;} .comments { padding: 20px 0 10px 0; color: #ffffff; } .comments a {background: #75d0e2; padding: 5px; color: #ffffff; } .comments a:hover {background: #35bad9; } .clear, .clearfoot {display: none;} .entry dt {margin: 1px 0 1px 0; padding: 0 0 0 10px; font: 16pt cambria, georgia, times new roman; letter-spacing: -1px; } .skiplinks {border-bottom: 1px dotted #dddddd; padding: 0 0 10px 0; margin: 0 0 10px 0;} /* ---------- COMMENTS PAGE ---------- */ .userpiccomment {float: left; padding: 0 10px 0 0; background: #ffffff; opacity: .7; width: 50px; height: 50px; } .commentbox {clear: both; border-bottom: 1px dotted #aaaaaa; padding: 10px 0 0px 0;} .commentboxpartial {padding: 5px; border-bottom: 1px dotted #aaaaaa; } .commentreply { padding: 10px 0 0 0; } .datesubjectcomment {} .commentbox > div[style*="margin-top"] {text-align: left !important; color: #ffffff; margin-top: 10px !important; } .commentbox > div[style*="margin-top"] > a {background: #75d0e2; padding: 3px; color: #ffffff; } .commentbox > div > div > a > img {width: 14px; height: 14px;} .commentbox > div > div > a > img:hover {opacity: .7;} .commentbox > div > div[style*="text-align"] {text-align: left !important; padding: 10px 0 5px 0 !important; color: #505050; } .box {padding: 10px 0 10px 0;} #qrform table {border: 1px dotted #aaaaaa !important; margin: 10px 0 10px 0;} #qrform textarea {padding: 5px 0 5px 0; } /* ---------- FOOTER ---------- */ #footer {clear: both; padding: 30px 0 30px 0;} .navfooter {padding: 0 200px 0 0; margin: 0; } .navfooter li {display: inline; } .navfooter li.viewing {display: none;} .navfooter li a {margin: 0 10px 0 0; padding: 5px; background: #75d0e2; color: #ffffff; } .navfooter li a:hover {background: #35bad9; } /* ---------- ARCHIVE & TAGS ---------- */ .year {text-align: center;} .year li {display: inline; padding: 0 0 0 10px; font: 22pt cambria, georgia, times new roman; letter-spacing: -1px;} .yeartable {width: 80%;} .yeartable td {background: #fafafa; text-align: center; padding: 3px; } td.yearmonth {font: bold 10pt arial; text-align: left; background: #ffffff; font: 22pt cambria, georgia, times new roman; letter-spacing: -1px; } td.yearmonth a {font: 12px lucida grande, arial; letter-spacing: 0px; float: right;} td.yearday {border: 1px dotted #aaaaaa; background: #ffffff; font: 9px arial; } .ljtaglist {padding: 0; margin: 0;} .ljtaglist li {list-style: none; padding: 3px 0 3px 10px;} .ljtaglist li:hover {background: #fafafa; } body > div[style*="border"] {background: #ffffff !important; border-color: #ffffff !important; } div.ContextualPopup div.Inner {border: 1px dotted #aaaaaa; color: #505050; padding: 0; margin: 0;} div.ContextualPopup div.Userpic img { border: 10px solid #75d0e2; margin: -5px 0 0 -290px; } div.ContextualPopup div.Inner div.Content {padding: 5px ; margin: 0;} div.ContextualPopup div.Inner div.Content a {color: #75d0e2 !important; text-decoration: none !important; } div.ContextualPopup div.Inner div.Content a:hover {color: #026d99 !important; } /* ---------- ADD MODIFICATIONS HERE ---------- */

← 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.

Button	Code
View available buttons	`Layout by fruitstyle`

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

( Optional ) Add a Banner

The recommended banner size is 960px wide.

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

( Optional ) Replace Colours


#ffffff	#fafafa	#dddddd	#bce9ef	#b4e3ec	#aaaaaa

#888888	#75d0e2	#505050	#35bad9	#026d99

How do I replace layout colours?

Add a Banner | Replace Colours

Fruitstyle: Layouts and Winamp Skin Designs by Malionette

Layout 051 : Slippr

malionette — Sat, 25 Jun 2011 17:48:39 GMT

Click for a Live Preview.

( Layout ) #051 : Slippr

Commissioned. Featuring Rose & Maruga from Dragon Crisis.

( 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 --- 051 Slippr --- Malionette @ Fruitstyle.livejournal.com Do not remove this note. */ /* -------------------------------------- PAGE -------------------------------------- */ body {font: 11pt calibri; color: #606060; background: #ededed; } a { color: #61a4f3; font-weight: bold; text-decoration: none; } a:visited {color: #ffbab5; } a:hover { color: #f09f6a; } blockquote {border: 1px solid #ededed; padding: 10px;} #content-outer {width: 940px; margin: 0 auto; border: 12px solid #e3e3e3; background: #ffffff no-repeat bottom right url(http://img197.imageshack.us/img197/3474/slipprpic.jpg); display: block;} #maincontent {border-right: 4px solid #ededed; width: 690px; padding-top: 15px; display: block; min-height: 380px; } /* -------------------------------------- HEADER -------------------------------------- */ #header {width: 255px; position: absolute; height: 90px; overflow:hidden; margin-left: 690px; } .navheader {padding: 15px 20px 0 20px; margin: 0; } .navheader li {list-style: none; margin-bottom: 1px;} .navheader li a {display: block; background: #e3e3e3; color: #ffffff; font: bold 8pt arial; text-transform: uppercase; padding: 0 15px 0 15px; } .navheader li a:hover {color: #aaaaaa; } .navheader li.view {display: block; color: #aaaaaa; font: bold 8pt arial; text-transform: uppercase; padding: 0 15px 0 15px;} .title, .subtitle, .defaultuserpic {display: none;} /* -------------------------------------- SIDEBAR -------------------------------------- */ #sidebar {width: 215px; float: right; margin-top: 104px; margin-right: 15px; position: relative; font: 8pt arial; border-top: 4px solid #ededed; padding: 15px 0 0 0; } .sbarlist { padding: 0; margin: 0; } .sbartitle {list-style: none; color: #aaaaaa; text-transform: uppercase; font: bold 8pt calibri; letter-spacing: 2px; } .sbarcontent {padding: 10px 0 10px 0;}body > div {display: none;} .sbarbody2 {border: 1px solid #ededed; padding: 10px; margin: 10px 0 10px 0; } .tagcloud {list-style: none;} .sbaritem {list-style: none; margin-bottom: 1px;} .sbaritem a {display: block; border-bottom: 1px solid #ededed; font: 8pt arial; color: #aaaaaa; } .sbaritem a:hover {color: #606060; } #sidebar_summary .sbaritem a {display: inline; } table.calendar {width: 100%; } table.calendar td {text-align: center; background: #ededed; font-weight: bold; color: #ffffff; } /* -------------------------------------- ENTRY -------------------------------------- */ .userpic, .userpicfriends {float: right; background: #ededed !important; border: 4px solid #ededed; border-right: 0; text-align: center; color: #ededed; margin-left: 4px; -moz-border-radius: 4px; border-radius: 4px; -moz-border-radius-bottomright: 0px; border-bottom-right-radius: 0px; -moz-border-radius-topright: 0px; bordertop-right-radius: 0px; } .userpic img, .userpicfriends img {border: 1px solid #ffffff;} .userpicfriends img {margin-bottom: 4px;} .userpicfriends font, .userpicfriends a {font: bold 8pt calibri !important; text-transform: uppercase; letter-spacing: 1px; color: #606060 !important;} .userpicfriends font:hover, .userpicfriends a:hover {color: #aaaaaa !important;} .date {float: left; padding: 15px 0 0 10px ; color: #f09f6a; font: bold 8pt calibri; text-transform: uppercase; letter-spacing: 2px;} .subject {padding: 0 10px 0 10px; text-align: right; border-bottom: 1px solid #ededed; } .subject a {font: 18pt century gothic; color: #aaaaaa; min-height: 24px; } .subject a:hover {color: #606060; } .skiplinks {text-align: center; } .lj-view-entry .subject {font: 18pt century gothic; color: #aaaaaa; min-height: 24px; } .entry {padding-bottom: 10px;} .entry_text {padding: 10px;} .clear {display: none;} .currentlocation, .currentmusic {display: none;} .currentmood {margin: 0 10px 1px 10px; font: 8pt arial; text-align: right;} .currents div strong {font: bold 8pt calibri; text-transform: uppercase; letter-spacing: 2px; padding: 0 3px 0 10px;} .currents div img {padding: 0 5px 0 5px;} .comments {color: #ffffff; margin: 10px;} .comments a {border-radius: 7px; padding: 0 10px 0 10px; background: #ffbab5; color: #ffffff; font: bold 12pt century gothic; border: 1px solid transparent; } .comments a[href*="mode=reply"] {background: #ededed; color: #aaaaaa;} .comments a:hover {color: #606060; background: #ffffff; border: 1px solid #dddddd; } /* -------------------------------------- COMMENTS -------------------------------------- */ .box {border-top: 1px solid #ededed; } .userpiccomment {background: #ededed !important; border: 4px solid #ededed; float: left; text-align: center; color: #ededed; margin: 5px; -moz-border-radius: 4px; border-radius: 4px; } .commentbox, .commentboxpartial {border: 1px solid #ededed; margin: 5px;} /* -------------------------------------- TAGS / ARCHIVE -------------------------------------- */ .year {text-align: center;} .year li {display: inline; } .yeartable td{background: #ededed; color: #ffffff; font-weight: bold; text-align: center;} .yeardate div {text-align: left; color: #606060; } h2 {font: 18pt century gothic; padding: 0 0 0 15px;} .ljtaglist {padding: 0 15px 0 15px; margin: 0 0 10px 0 ;} .ljtaglist li {border-bottom: 1px solid #ededed; list-style: none;} /* -------------------------------------- FOOTER -------------------------------------- */ .clearfoot {display: none; } #footer { width: 680px; border-right: 4px solid #ededed; border-top: 1px solid #ededed; padding: 5px;} .navfooter {padding: 0; margin: 0; text-align: center; } .navfooter li {list-style: none; display: inline; margin: 0 5px 0 5px;} #lj_controlstrip_new {display: block; } /* ---------- Add any new code under this line. ---------- */

← 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.

Button	Code
View available buttons	`Layout by fruitstyle`

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

( Optional ) Add a Banner
The recommended banner size is 250px wide and 400px high. Replace the banner in the layout with your own.
Add a Banner \| Replace Colours \| Replace Images

( Optional ) Replace Colours


#ffffff	#ffbab5	#f09f6a	#ededed	#e3e3e3	#dddddd

#aaaaaa	#61a4f3	#606060

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

Got questions about making layouts? Ask.

malionette — Sun, 29 May 2011 16:06:54 GMT

Robotics season is over! Expect layouts soon =)

2010 Favourites

malionette — Tue, 04 Jan 2011 21:50:33 GMT

Happy new years everyone! Here is a compilation of all my 2010 graphical work. Enjoy! =)

2010 Most Popular Winamp Skins
1	2	3

2010 Winamp Skins
1	2	3

4	5	6

7	8	9

10	11	12

13	14	15

16	17	18

19	20	21

2010 Wallpapers
1	2

2010 Top Favourite Livejournal Theme Layouts
4	5

2010 Livejournal Layouts
1	2	3

4	5	6

7	8	9

10

Generated by Malionette's Icon Table Generator

Layout 050 : Iso

malionette — Thu, 23 Dec 2010 22:22:59 GMT

Click for a Live Preview.

( Layout ) #050 : Iso

The 50th layout from fruitstyle! (:

( Install ) Step 1 — System

Select Theme

Select any S2 Flexible Squares layout.

Page Setup

Ad Placement: Vertical
(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 MINIMALISM --- 050 Iso --- Malionette @ Fruitstyle.livejournal.com Do not remove this note. */ /* ---------- BODY ---------- */ body { font: 12px lucida sans; color: #505050; margin: 0; padding: 0; } a {color: #888888; text-decoration: none; } a:hover, a img:hover {color: #333333; border-color: #888888; } a img {border: 5px solid #ededed; } .subtitle, .clear, .clearfoot, .title {display: none; } input, select, textarea {border: 1px solid #ededed; font: 10px lucida sans; color: #888888; background: #ffffff; } textarea {font: 12px lucida sans; padding: 3px;} dd, dl, dt, ul, li {margin: 0; padding: 0; list-style: none;} h2, h1, h3 {clear: both; font-family: georgia; width: 900px; padding: 10px; margin: 0 auto; font-weight: lighter;} .navheader{-moz-border-radius-topleft: 15px; border-top-left-radius: 15px; -moz-border-radius-topright: 15px; border-top-right-radius: 15px;} .navfooter {-moz-border-radius-bottomleft: 15px; border-bottom-left-radius: 15px; -moz-border-radius-bottomright: 15px; border-bottom-right-radius: 15px;} .userpic, .userpicfriends, .datesubject, .navheader li a, .navfooter li a, .datesubjectcomment, .userpiccomment, .commentboxpartial, div.ContextualPopup div.Inner {-moz-border-radius-topleft: 10px; border-top-left-radius: 10px;} .datesubject, .defaultuserpic, .navheader li a, .navfooter li a, .userpic, .userpicfriends, .datesubjectcomment, .userpiccomment, .commentboxpartial, div.ContextualPopup div.Inner {-moz-border-radius-bottomright: 10px; border-bottom-right-radius: 10px;} .sbaritem, .skiplinks a, a img, .year a { -moz-border-radius-topleft: 5px; border-top-left-radius: 5px; -moz-border-radius-bottomright: 5px; border-bottom-right-radius: 5px;} /* ---------- HEADER FOOTER ---------- */ #header { background: #333333; padding-top: 50px;} #footer { background: #333333; padding-bottom: 50px;} .navfooter {position: relative; width: 900px; margin: 0 auto; background: #525252; padding: 15px 15px 15px 5px; color: #ededed; text-align: center;} .navfooter li {display: inline; } .navfooter a {color: #ffffff; padding: 5px 25px 5px 25px; margin: 0 5px 0 5px; background: #e14674; font-size: 10px; } .navheader {position: relative; text-align: center; width: 900px; margin: 0 auto; padding: 154px 15px 15px 5px; } .navheader li {display: inline; } .navheader li.view {display: none; } .navheader a {color: #ffffff; padding: 5px 25px 5px 25px; margin: 0 5px 0 5px; background: #e14674; font-size: 10px; } .navheader li + li a, .navfooter li + li a {background: #df885c; } .navheader li + li + li a{background: #819898; } .navheader li + li + li + li a{background: #df885c; } .navheader li + li + li + li + li a{background: #e14674; } .lj-view-archive .navheader li + li + li + li a{background: #819898; } .lj-view-archive .navheader li + li + li + li + li a{background: #e14674; } /* ---------- SIDEBAR ---------- */ #sidebar {clear: both; width: 920px; margin: 0 auto; } .sbartitle, #sidebar div {display: none; } #sidebar div#sidebar_linklist, #sidebar div.sbarbody2, #sidebar div.defaultuserpic {display: block;} .defaultuserpic {float: left; border: 10px solid #888888; } .defaultuserpic img, .commentbox div div a img {border: 0;} #sidebar div#sidebar_linklist {float: right; width: 130px; padding: 10px 0 0 0; height: 110px; overflow: hidden; } #sidebar div.sbarbody2 {width: 650px; float: left; padding: 10px; height: 120px; overflow: auto;} .sbaritem {text-align: center; margin: 0 0 5px 0; background: #ededed; } .sbaritem a {display: block; padding: 2px 0 2px 0; font-size: 10px; } .sbarlist li + li + li + li + li + li {display: none;} /* ---------- ENTRY ---------- */ .subcontent {clear: both; width: 920px; margin: 0 auto;} .userpic, .userpicfriends {float: left; border: 10px solid #ededed; margin: 0 10px 10px 0;} .userpicfriends {background: #ededed !important; font-size: 10px; text-align: center; color: #ededed; } .userpicfriends img {padding: 0 0 10px 0;} .datesubject {background: #ededed; padding-right: 100px; } .date {display: none; } .subject, .subject a {font: 22px georgia; color: #333333; padding: 5px 0 5px 0; text-align: center; margin: 0 0 10px 0;} .entry_text { } .currents div { font-size: 10px; float: left; margin: 10px 0 10px 0; border-left: 5px solid #ededed; padding: 0 10px 0 5px; } .ljtags { font-weight: bold; border-left: 5px solid #ededed; padding: 2px 10px 2px 5px; font-size: 10px; margin: 10px 0 0 0; } .ljtags a {font-weight: lighter; } .comments {margin: 10px 0 20px 0; clear: both; border-top: 1px solid #ededed; text-align: center; font-size: 10px; padding: 5px 0 5px 0} /* ---------- ARCHIVE YEAR ---------- */ .year {clear: both; margin: 0 auto; text-align: center; width: 900px; padding: 10px; font-size: 0; } .year li {display: inline; } .year a { margin: 0 5px 0 5px; font-size: 10px; background: #ededed; padding: 1px 20px 1px 20px; } .yeartable {width: 920px; marign: 0 auto; } .yearmonth {font: 28px georgia; } .yearmonth a {font-size: 12px; } .yearday {text-align: center; font-weight: bold; border-bottom: 1px solid #ededed; } .yeardate {border-bottom: 1px solid #ededed; border-left: 1px solid #ededed; } .yeardate a {display: block; color: #333333; font: 28px georgia;} .yeardate div:first-child {background: #ededed; float: right; padding: 10px;} /* ---------- ARCHIVE MONTH ---------- */ .lj-view-month #maincontent center {clear: both; } .entry dt {font: 28px georgia; font-weight: lighter; border-bottom: 1px solid #ededed; } .entry dd {padding: 0 0 0 80px; } .lj-view-month {padding-bottom: 30px;} /* ---------- TAGS ---------- */ .ljtaglist {width: 900px; margin: 0 auto; padding: 10px;} /* ---------- COMMENTS ---------- */ .skiplinks {clear: both; margin: 0 auto; text-align: center; width: 900px; padding: 10px; font-size: 0; } .skiplinks a { margin: 0 5px 0 5px; font-size: 10px; background: #ededed; padding: 1px 20px 1px 20px; } .box {width: 920px; margin: 0 auto; } .box center { font-size: 10px; margin: 20px;} .commentbox { clear: both;} .commentboxpartial {background: #ededed; padding: 5px; margin: 10px ;} .userpiccomment {float: left; border: 10px solid #ededed; margin: 0 10px 10px 0;} .datesubjectcomment {background: #ededed; font-size: 10px; color: #333333; margin: 0 0 10px 0;} .currents div { font-size: 10px; float: left; margin: 10px 0 10px 0; border-left: 5px solid #ededed; padding: 0 10px 0 5px; } /* ---------- REPLY AND DELETE ---------- */ #qrform table {border: 1px solid #ededed !important; margin: 0 auto; margin-bottom: 20px;} #qrform table a img {border: 0;} /* ---------- EXTRA ---------- */ #lj_controlstrip td {background: #000000; border: 0; } div.ContextualPopup div.Inner {border: 0 !important; background: #ededed !important; } div.ContextualPopup div.Inner div.Content a { font-weight: lighter; color: #888888 !important; text-decoration: none !important; } div.ContextualPopup div.Inner div.Content a:hover {color: #333333 !important; border-color: #888888; } .navheader {background: #525252 url(http://i52.tinypic.com/2u59c3a.png) no-repeat center 15px; }

← 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.

Button	Code
View available buttons	`Layout by <lj user="fruitstyle">`

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

( Optional ) Add a Banner
The recommended banner size is 900px wide and 125px high. The header is declared in the last line of the CSS. Swap out the url with your header if you wish.
Add a Banner \| Replace Colours

( Optional ) Replace Colours


#ffffff	#ededed	#e14674	#df885c	#888888	#819898

#525252	#505050	#333333	#000000

Add a Banner | Replace Colours

Fruitstyle: Layouts and Winamp Skin Designs by Malionette

Winskin 053 - 059

malionette — Fri, 05 Nov 2010 23:28:20 GMT

[1] Fullmetal Alchemist winamp skin
[1] Baccano winamp skin
[4] Katekyo Hitman Reborn winamp skin

DOWNLOAD	DOWNLOAD
DOWNLOAD	DOWNLOAD
DOWNLOAD	DOWNLOAD

See all winamp skins?

Please leave a comment and tell me what you think. =)

Layout 049 : Sin (Demonography Mod)

malionette — Sat, 25 Sep 2010 01:00:12 GMT

Finally? Pssh yeah. Anyway, I have finally moved hosts ♥! I'm now hosted by Ame-Electrique and Tetsunosuke! Please give them thanks (:

Click for a Live Preview.

( Layout ) #049 : Sin (Demonography Mod)

Created for the Remix challenge at stylesheet. This layout is a remix of unoriginal's Demonography. View his layouts at refutare!

( 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 --- 049 Sin (Demonography Mod) --- Malionette @ Fruitstyle.livejournal.com Unoriginal @ Refutare.livejournal.com Do not remove this note. */ /* ---------- BODY ---------- */ body{ background: url(http://img268.imageshack.us/img268/315/63030461.gif) fixed repeat-x #000000; font: 8pt lucida sans unicode; color: #808080; margin: 30px; } a, a:link, a:visited, a:active{ color: #606060; text-decoration: none; } a:hover{ color: #a0a0a0; } blockquote {background: #ececec;} input, select, #lj_controlstrip input, #lj_controlstrip select, textarea {font: 8pt arial; background: #000000 !important; border: 0; color: #a0a0a0; padding: 1px; } input:hover , select:hover {color: #ececec !important; cursor: help; } .hr, .ljuser img {display: none;} .ljuser {font-size: 8pt;} /* ---------- HEADER FOOTER SIDEBAR ---------- */ .u-wrap, .header h2, .header h3, .nav-sub, .sidebar, .footer {display: none; } .nav {text-align: center; margin: 0 0 10px 0 ;} .nav ul, .nav li, .page-nav, .page-nav li {margin: 0; padding: 0; text-align: center; list-style: none; display: inline; } .nav a, .page-nav a {padding: 0 5px 0 5px; color: #ececec; } .nav a:hover, .page-nav a:hover {color: #b0b9c8; } .content-inner-in {text-align: center; } .entry-wrap {text-align: left; } .item-selected a, .item-selected a:hover {color: #a0a0a0;} /* ---------- ENTRY ---------- */ .layout {width: 750px; margin: 0 auto;} .entry-title { font-size: 14pt; letter-spacing: -1px; float: left; padding: 12px 10px 10px 10px;} .entry-title a, .vcard a {color: #a0a0a0; font-size: 14pt; } .entry-title a:hover, .vcard a:hover {color: #b0b9c8;} .vcard dt, .vcard dd, .vcard dl {padding: 0; margin: 0 ;} .vcard {text-align: right; font-size: 0;} .vcard dt {float: right; } .vcard dt img {width: 50px; height: 50px; margin: 0 0 0 10px; } .vcard a {font-size: 8pt;} .username {color: #404040; font-size: 0pt; } .username .ljuser {display: block; padding: 1px 0 0 0;} .updated {font-style: italic; font-size: 7.5pt; color: #a0a0a0; border: 0; } .entry {background: #404040; } .entry dd {margin: 0;} .entry-content { padding: 10px; background: #ffffff; clear: both;} /* ---------- META ---------- */ .metadata { margin-bottom: 10px; } .metadata dl { background-color: #f5f5f5; padding: 2px 2px 2px 20px; margin: 0 0 1px 0;} .metadata dd {margin: 0;} .metadata dt {display: none; } .metadata img { vertical-align: middle;} .meta-location{ background:url(http://i33.tinypic.com/6r7a4z.gif) no-repeat 5px center;} .meta-mood{ background:url(http://i35.tinypic.com/3345hqf.gif) no-repeat 5px center; } .meta-music{ background:url(http://i37.tinypic.com/2hf6of4.gif) no-repeat 5px center; } .ljtags {margin: 10px 0 0 0;} /* ---------- ENTRY LINKBARS ---------- */ .entrymenu {background: #ffffff; padding: 10px; text-align: center; border-top: 1px solid #ececec; } .entrymenu ul, .entrymenu li, .entrysubmenu ul, .entrysubmenu li {margin: 0; padding: 0; text-align: center; list-style: none; display: inline; } .entrymenu a, .entrysubmenu a {padding: 0 10px 0 10px; } .entrysubmenu { background: #000000; padding: 10px; text-align: center; } /* ---------- ARCHIVE YEAR ---------- */ .view-archive .entry-text {background: #ffffff; clear: both; text-align: center; } .view-archive .entry-text ul { border-bottom: 1px solid #ececec; padding: 10px; } .view-archive .entry-text li {display: inline; padding: 0 10px 0 10px;} .calendar-wrap table {width: 50%; margin: 0 auto; margin-bottom: 20px; background: #ececec;} .calendar-wrap table caption {padding: 10px; } .calendar-wrap td {padding: 5px; background: #ffffff; } /* ---------- ARCHIVE MONTH ---------- */ .view-month .entry-title {text-align: center; margin: 0 auto; float: none; padding: 3px 0 10px 0;} .view-month .entry-text {background: #ffffff; clear: both; padding: 10px; text-align: left; } .view-month .entry-text dt {padding: 5px; border-bottom: 1px solid #ececec; font-size: 14pt; letter-spacing: -1px; } .view-month .entry-text dd {padding: 0 0 0 50px; } /* ---------- TAGS ---------- */ .content-tags {background: #ffffff; padding: 10px; } /* ---------- COMMENTS TOP HALF ---------- */ .view-entry .entry-content, .view-reply .entry-content {padding-top: 50px; } .entry-linkbar {clear: both; display: block; opacity: .7; position: absolute; margin: 50px 0 0 0; } .entry-linkbar img:hover {opacity: .6; } .view-entry .entry, .view-reply .entry {margin-bottom: 0; } .view-entry .entry-wrap + .hr + .entry-wrap .entry, .view-reply .entry-wrap + .hr + .entry-wrap .entry {background-color: transparent; } .comments-links {padding: 10px; text-align: center; background: #ffffff; border-top: 1px solid #ececec; margin-bottom: 10px; } /* ---------- COMMENTS BOTTOM HALF ---------- */ .entry-comments-text > table {margin: auto; margin-top: 10px; margin-bottom: 10px; } .comment-wrap {margin: 0 0 10px 0; background: #404040;} .comment-upic img {width: 50px; height: 50px; } .comment-head-in, .comment-upic {float: left;} .comment-head-in p {margin: 0 0 0 10px; font-size: 7pt; } .comment-head-in p img {height: 16px; width: 16px; } .comment-head-in h3 {font-size: 14pt; letter-spacing: -1px; padding: 0 0 0 10px; margin: 0; } .comment-head a {color: #a0a0a0; } .comment-head a:hover {color: #b0b9c8;} .comment-head p img {vertical-align: top;} .screened {background: #000000; } .partial {padding: 10px; } .comment-text {clear: both; padding: 10px; background: #ffffff; } .comment-menu {padding: 10px; text-align: center; background: #ffffff; border-top: 1px solid #ececec; } /* ---------- REPLY AND DELETE ---------- */ div.ljcmtmanage {border: 0; background: #000000; font: 8pt lucida sans unicode; color: #808080; } #qrform table, #postform table {width: 100%; margin: 0 0 10px 0; border: 1px solid #404040 !important; padding: 10px; } #postform textarea {width: 100%; } #postform table {margin: 10px 0 0 0 ;} #postform table table {border: 0 !important;} /* ---------- EXTRA ---------- */ #lj_controlstrip td {background: #404040; border: 0; color: #808080; } #lj_controlstrip td a {color: #a0a0a0; } #lj_controlstrip td a:hover {color: #b0b9c8; text-decoration: none; } #lj_controlstrip span {color: #808080; } img[src*="img/icon_protected.gif"], img[src*="img/icon_private.gif"] {width: 0 !important; vertical-align: middle !important; margin: 0 auto; height: 0 !important; background: transparent url(http://i36.tinypic.com/25iabzl.png) no-repeat; padding: 10px 0 0 18px !important; } div.ContextualPopup div.Inner {border: 0; background: transparent !important; font: 8pt lucida sans unicode !important; } div.ContextualPopup div.Userpic {margin-right: -20px; padding: 5px; background: #404040; } div.ContextualPopup div.Content { background: #ffffff; padding: 5px; } div.ContextualPopup div.Relation {color: #888888; } div.ContextualPopup div.Inner div.Content a {color: #606060 !important; text-decoration: none !important; font-weight: lighter !important; } div.ContextualPopup div.Inner div.Content span.alias-unavailable a {color: #606060 !important} div.ContextualPopup div.Inner div.Content a:hover, div.ContextualPopup div.Inner div.Content .alias-unavailable a:hover {color: #a0a0a0 !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.

Button	Code
View available buttons	`Layout by <lj user="fruitstyle">`

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

( Optional ) Add a Banner

The recommended banner size is 750px wide.

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	#f5f5f5	#ececec	#b0b9c8	#a0a0a0	#808080

#606060	#404040	#000000

Add a Banner | Replace Colours | Replace Images

( Optional ) Replace Images

Get all the images at Box.net

Original layout by Unoriginal

Add a Banner | Replace Colours | Replace Images

Fruitstyle: Layouts and Winamp Skin Designs by Malionette

Layout 048 : Hunny Bunny

malionette — Sat, 19 Jun 2010 19:50:14 GMT

Click for a Live Preview.

( Layout ) #048 : Hunny Bunny

For Tawny's three legged bunny, Hunny!♥ ♥ It was born without a leg ):

( Install ) Step 1 — System

Select Theme

Select any S2 Smooth Sailing layout.

Page Setup

Ad Placement: Vertical
(Ignore if you have a paid account.)
Sidebar: 2 Column (sidebar on left)

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

( Install ) Step 2 — Display

Customize Display

Userinfo Position in Entries: Left

Wrap Entry text under userinfo: No

Userinfo Position in Comments: Left

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

( Install ) Step 3 — Stylesheet

Custom CSS

Use layout's stylesheets: No. IMPORTANT!!
Custom Stylesheet: /* S2 SMOOTH SAILING --- 048 Hunny Bunny --- Malionette @ Fruitstyle.livejournal.com Do not remove this note. */ /* ------------ PAGE ------------ */ body {font: 12px century gothic; background: #effcff; margin: 0; color: #888888; padding: 0 0 10px 0; } a {text-decoration: none; color: #df6093; } a:hover {color: #e580a9; } b, strong {font-family: trebuchet ms; } .pageblock { width: 750px; margin: 0 auto; overflow: hidden; margin-top: 60px; } .repost, blockquote { margin: 5px 0 5px 0; padding: 5px; border-top: 1px solid #effcff; border-bottom: 1px solid #effcff; } input, select, textarea { border: 1px solid #effcff; font: 12px arial; color: #888888; margin: 0 2px 0 2px; } input[type=submit], input[type=button] {background: #fff0f1; } input[type=submit]:hover, input[type=button]:hover {background: #effcff} /* ------------ HEADER ------------ */ .header-title {font-size: 30px; text-align: center; margin: 0; padding: 5px; color: #e580a9; } .header-subtitle, .body-title, .body-midtitle, .pagefooterblock { display: none; } .header-menu { margin: 0; padding: 1px; } .header-menu ul { text-align: center; } .header-menu li {display: inline; } .header-menu li:first-child a {border-left: 0;} .header-menu a {color: #ffffff; text-transform: uppercase; font-size: 9px; background: #e580a9; padding: 5px; border-left: 1px solid #df6093; } .header-menu a:hover {background: #df6093; } /* ------------ SIDEBAR ------------ */ .sidebox {background: #ffffff; width: 170px; margin: 0 10px 10px 0; } .sideboxTitle {background: #fff0f1; font-size: 16px; padding: 5px; } .sideboxContent { padding: 10px;} #profile div:first-child {text-align: center; padding: 10px; } .profile-label {font-size: 9px; text-transform: uppercase; background: #fff0f1; padding: 2px; margin: 0 10px 0 0; } .profile-userpic {border: 1px solid #effcff; padding: 3px; width: 75px; height: 75px;} #latestmonth table {width: 100%; } #latestmonth td { background: #effcff; border: 1px solid #ffffff; padding: 2px; text-align: center; font-size: 9px; } .summaryList, .listitem { padding: 0 5px 0 0;} .summaryList:hover, .listitem:hover { background: #effcff; padding: 0 5px 0 5px; } /* ------------ ENTRY / COMMENT ------------ */ .entryHeader, .commentHeader, .commentHeaderScreened { margin: 0 0 10px 0; color: transparent; background: #fff0f1; padding: 5px; letter-spacing: -1px; min-height: 13px; } .entryHeaderDate, .commentHeader span, .commentHeaderScreened span {font-size: 9px; color: #888888; float: right; letter-spacing: 0; padding: 0 0 0 10px; } .entryHeader a {font-size: 24px; } .commentHeaderScreened {background: #e580a9; } .entryHolder, .commentHolder {background: #ffffff; width: 550px; margin: 0 0 10px 0; } .entryUserinfo-usericon img, .commentUserinfo-usericon img {border: 1px solid #effcff; padding: 3px; width: 75px; height: 75px;} .entryUserinfo-usericon img:hover, .commentUserinfo-usericon img:hover {border-color: #fff0f1; } .entryUserinfo, .commentUserinfo {font-weight: lighter; font-size: 9px; margin-left: 10px; } .entryText, .commentText { padding: 10px; } .entryMetadata ul {margin: 0 0 0 10px; list-style: none; border-top: 1px solid #fff0f1; padding: 10px 0 0 0; } .entryMetadata-label {font-size: 9px; text-transform: uppercase; background: #fff0f1; padding: 2px; margin: 0 10px 0 0; } .entryLinkbar, .commentLinkbar {background: #fff0f1; margin: 10px 0 0 0; font-size: 9px; } .entryLinkbar ul, .commentLinkbar ul {padding: 0; list-style: none; margin: 0; } .entryLinkbar li, .commentLinkbar li {display: inline; text-transform: uppercase; } .entryLinkbar li a, .commentLinkbar a {color: #df6093; display: inline-block; padding: 5px; border-right: 1px solid #ffffff; } .entryLinkbar li a:hover, .commentLinkbar a:hover { background: #ffffff; } /* ------------ FOOTER ------------ */ #footer-menu ul {padding: 0; margin: 0; list-style: none; } #footer-menu li {display: inline; } #footer-menu li:first-child a {border-left: 0;} #footer-menu li { background: #e580a9; float: left; } #footer-menu a { display: block; color: #ffffff; padding: 5px; font-size: 9px; text-transform: uppercase; border-left: 1px solid #df6093; } #footer-menu a:hover {background: #df6093; } /* ------------ ARCHIVE ------------ */ .month {text-align: center; width: 80%; margin: 10px auto; margin-top: 0; } .month td {background: #effcff; border: 1px solid #ffffff;} /* ------------ REPLY ------------ */ #qrform table, #postform table {width: 100%; border: 1px solid #effcff !important; margin: 10px 0 0 0; } .replyform {background: #ffffff; } #postform table table {border: 0 !important; margin: 0; } /* ------------ EXTRAS ------------ */ ::-moz-selection { background: #df6093; color: #ffffff;} ::selection { background: #df6093; color: #ffffff;} code::-moz-selection { background: #df6093; color: #ffffff;} code::selection { background: #df6093; color: #ffffff;} #lj_controlstrip td {background: #ffffff; border-right: 1px solid #effcff; color: #888888; } #lj_controlstrip_statustext {color: #888888; } #lj_controlstrip td a {text-decoration: none; color: #df6093; } #lj_controlstrip td a:hover {color: #e580a9; } #lj_controlstrip input {color: #888888; } #lj_controlstrip input[type=submit] {background: #fff0f1; } #lj_controlstrip input[type=submit]:hover {background: #effcff; } div.ContextualPopup div.Inner {border: 0; background: transparent !important; font: 12px century gothic !important; } div.ContextualPopup div.Userpic {margin-right: -20px; padding: 5px; background: #fff0f1; } div.ContextualPopup div.Content { background: #ffffff; padding: 5px; } div.ContextualPopup div.Relation {color: #888888; } div.ContextualPopup div.Inner div.Content a {color: #df6093 !important; text-decoration: none !important; font-weight: lighter !important; } div.ContextualPopup div.Inner div.Content span.alias-unavailable a {color: #df6093 !important} div.ContextualPopup div.Inner div.Content a:hover, div.ContextualPopup div.Inner div.Content .alias-unavailable a:hover {color: #e580a9 !important;} .ljuser img{margin: 0; padding: 0; border: 0; background-color: transparent;} img[src*="pencil.gif"], img[src*="anonymous.gif"] , img[src*="openid-profile.gif"], img[src*="none.gif"] , img[src*="help.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*="userinfo-support.gif"], img[src*="user_ontd.gif"] {width: 0 !important; vertical-align: middle !important; margin: 0 auto; height: 0 !important; background: transparent url(http://i47.tinypic.com/qz3tkz.gif) no-repeat; border: 0; } 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 6px; background-position: -24px -72px;} img[src*="openid-profile.gif"] { padding: 6px 0 0 7px; background-position: -24px -96px;} img[src*="none.gif"] { padding: 6px 0 0 7px; background-position: -48px 0px;} img[src*="help.gif"] { padding: 8px 0 0 6px; background-position: -48px -24px;} img[src*="userinfo.gif"], img[src*="userinfo-support.gif"], img[src*="user_ontd.gif"] { padding: 8px 0 0 6px; background-position: -108px 0px;} img[src*="community.gif"], img[src*="newsinfo.gif"], img[src*="partnercomm.gif"], img[src*="sponcomm.gif"] { padding: 8px 0 0 9px; 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;}

← 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.

Button	Code
View available buttons	`Layout by <lj user="fruitstyle">`

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

( Optional ) Add a Banner

The recommended banner size is 750px wide.

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	#fff0f1	#effcff	#e580a9	#df6093	#888888

Add a Banner | Replace Colours | Replace Images

( Optional ) Replace Images
Get them at Box.net
Add a Banner \| Replace Colours \| Replace Images

Fruitstyle: Layouts and Winamp Skin Designs by Malionette

Icons #017

malionette — Mon, 31 May 2010 00:21:09 GMT

Because it's been faaaaar too long since I made an icon post...! :P

Merlin [1 - 27] (Screencaps from punchre.)
Fashion [28 - 36]
Funset Icons [37 - 52]

Merlin
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

Fashion
28	29	30	31

32	33	34	35

36

Funset Icons
37	38	39	40

41	42	43	44

45	46	47	48

49	50	51	PSD

Generated by Malionette's Icon Table Generator

Winskin 049 - 052

malionette — Fri, 21 May 2010 22:57:54 GMT

[1] Vocaloid (fanart w/ permission) winamp skin
[1] Vampire Knight winamp skin
[1] Pandora Hearts winamp skin
[1] Fullmetal Alchemist winamp skin

DOWNLOAD

DOWNLOAD

DOWNLOAD

DOWNLOAD

See all winamp skins?

Layout 047 : Mini Hearts

malionette — Fri, 14 May 2010 21:38:38 GMT

All 2009 requests are now finished~! Maybe requests can open up again in the summer... ;)

Click for a Live Preview.

( Layout ) #047 : Mini Hearts

Change the background image and colours to your liking. Current background image is by Sayclub. Tiny icons are made by me.

( 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 SMOOTH SAILING --- 047 Mini Hearts --- Malionette @ Fruitstyle.livejournal.com Do not remove this note. */ /* ---------- BODY ---------- */ body {background: #d6e7bd; color: #666666; font: 12px arial; margin: 0; padding: 20px 0 0 0 !important;} a {text-decoration: none; color: #32b8af; } a:hover {color: #bbbbbb; } .title, .subtitle, .defaultuserpic, .clear, .clearfoot, #sidebar_summary {display: none;} input, select, #lj_controlstrip td input, #lj_controlstrip td select, textarea {border: 1px solid #bbbbbb; font: 12px arial !important; color: #888888 !important; background: #ffffff !important;} .ljuser img, #lj_controlstrip td .ljuser img {margin: 0 2px 0 2px;} /* ---------- CONTENT ---------- */ #content-outer { background: url(http://i41.tinypic.com/2da0emt.jpg) no-repeat center center; height: 565px; width: 995px; margin: 0 auto; border: 1px solid #ffffff; } #content { padding: 25px 193px 61px 33px; } /* ---------- HEADER ---------- */ #header { height: 34px; } .navheader {margin: 0; padding: 0; text-align: right; padding: 10px 10px 0 0; } .navheader li { padding: 0 0 0 5px; display: inline; margin: 0 0 0 5px; border-left: 1px solid #bbbbbb; } /* ---------- SIDEBAR ---------- */ #sidebar {width: 162px; height: 434px; overflow: hidden; position: relative; float: left; padding: 0 10px 10px 10px; } .sbarlist {margin: 0; padding: 0;} .sbartitle {margin: 10px 0 10px 0; padding: 0 0 5px 0; list-style: none; font-size: 16px; border-bottom: 1px solid #ffffff; text-align: right; clear: both;} .sbarbody, .sbarbody2 {text-align: right; } .sbaritem {list-style: none; font-size: 9px; border-bottom: 1px solid #ffffff; } .sbaritem a {padding: 1px; display: block;} .sbaritem a:hover {background: #ffffff;} #sidebar_calendar table {width: 100%; border-bottom: 1px solid #ffffff; border-right: 1px solid #ffffff; } #sidebar_calendar td { border-top: 1px solid #ffffff; border-left: 1px solid #ffffff; } /* ---------- ENTRY ---------- */ #maincontent {width: 566px; height: 424px; overflow: auto; position: relative; padding: 10px; } .subcontent {border-bottom: 1px solid #dddddd; clear: both; padding: 10px 0 10px 0;} .userpic, .userpicfriends {float: right; border: 1px solid #d6e7bd; background: #ffffff !important; padding: 3px; } .date {font-size: 9px; color: #bbbbbb;} .subject {font-size: 16px; } .subject a {padding: 0 0 0 5px;} .datesubject {margin-bottom: 10px; border-bottom: 1px solid #d6e7bd; padding: 0 0 10px 0;} /* ---------- FOOTER ---------- */ .navfooter { margin: 24px 0 0 0; background: #d6e7bd; float: left; padding: 5px 0 5px 0; border: 1px solid #ffffff; } .navfooter li {display: inline; padding: 0 5px 0 5px;} /* ---------- COMMENTS ---------- */ .skiplinks {border-bottom: 1px solid #dddddd; padding: 0 0 10px 0; color: #bbbbbb; } .box center {border-bottom: 1px solid #dddddd; padding: 0 0 10px 0; } .userpiccomment {float: left; border: 1px solid #d6e7bd; padding: 3px; margin: 0 10px 0 0;} .commentbox, .commentboxpartial {clear: both; padding: 10px; border-bottom: 1px solid #dddddd; } .commentreply {padding: 10px;} /* ---------- REPLY ---------- */ #qrform table { border: 1px solid #dddddd !important;} /* ---------- TAGS & ARCHIVE ---------- */ .year { text-align: center; padding: 0 0 10px 0; border-bottom: 1px solid #dddddd; margin: 0;} .year li {display: inline;} .yeartable {width: 100%; margin: 10px 0 0 0; border-bottom: 1px solid #dddddd; border-right: 1px solid #dddddd; } .yeartable td { border-top: 1px solid #dddddd; border-left: 1px solid #dddddd; } .lj-view-tags #maincontent h2 {font: 16px arial;} .ljtaglist {padding: 0;} .ljtaglist li {display: block; border-bottom: 1px solid #dddddd; padding: 5px;} /* ---------- LJ ACCESSORIES ---------- */ div.Inner { border: 1px solid #d6e7bd !important; } div.Content { font: 11px arial; color: #666666; } div.Userpic img { border: 1px solid #d6e7bd; padding: 4px; } div.ContextualPopup div.Inner div.Content span a, div.ContextualPopup div.Inner div.Content a { color: #32b8af !important; text-decoration: none !important; font-weight: lighter; } div.ContextualPopup div.Inner div.Content span a:hover, div.ContextualPopup div.Inner div.Content a:hover {color: #bbbbbb !important; } #lj_controlstrip {bottom: 0; top: auto; position: fixed; z-index: 50;} #lj_controlstrip td {background: #ffffff; color: #888888; border-right: 1px solid #d6e7bd; } #lj_controlstrip td span {color: #888888; } #lj_controlstrip td a {text-decoration: none; color: #32b8af } #lj_controlstrip td a:hover {color: #bbbbbb; } /* Generated by Malionette's Tiny Icon Generator */ img[src*="img/userinfo.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://i43.tinypic.com/308irsj.jpg) no-repeat !important; padding: 11px 0 0 11px !important; } img[src*="img/community.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://i39.tinypic.com/6xx5hy.jpg) no-repeat !important; padding: 12px 0 0 19px !important; } img[src*="img/syndicated.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://i39.tinypic.com/6xx5hy.jpg) no-repeat !important; padding: 12px 0 0 19px !important; } img[src*="img/icon_protected.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://i44.tinypic.com/72ejrr.jpg) no-repeat !important; padding: 10px 0 0 8px !important; } img[src*="img/icon_private.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://i40.tinypic.com/2hwmhpl.jpg) no-repeat !important; padding: 6px 0 0 14px !important; } img[src*="img/icon_groups.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://i44.tinypic.com/72ejrr.jpg) no-repeat !important; padding: 10px 0 0 8px !important; } img[src*="img/newyearpic_1.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://i43.tinypic.com/308irsj.jpg) no-repeat !important; padding: 11px 0 0 11px !important; } /* ---------- Add any new code under this line. ---------- */

← 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.

Button	Code
View available buttons	`Layout by <lj user="fruitstyle">`

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

( Optional ) Replace Colours


#ffffff	#dddddd	#d6e7bd	#bbbbbb	#888888	#666666

#32b8af

Replace Colours | Replace Images

( Optional ) Replace Images

Get all the images at Box.net

Image courtesy of Cyworld.

Replace Colours | Replace Images

Fruitstyle: Layouts and Winamp Skin Designs by Malionette

Layout 046 : Caffe Bernini

malionette — Thu, 29 Apr 2010 01:39:03 GMT

Click for a Live Preview.

( Layout ) #046 : Caffe Bernini

From a picture taken at Caffe Bernini at Piazza Navona in Rome, Italy. (:

( 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 --- 046 Caffe Bernini --- Wingweaver22 @ Fruitstyle.livejournal.com Do not remove this note. */ /* --------------------------- BODY --------------------------- */ body {font: 11px georgia; color: #888888; background: #eaeae6; margin: 0; } a {text-decoration: none; color: #c43d43; } a:hover {color: #938781; } .entry-text a img {border: 7px solid #c43d43; } .entry-text a:hover img {border-color: #938781; } .hr {display: none; } .ljuser a, .subj-link { margin: 0 0 0 5px; } blockquote {background: #f5f5f5; padding: 10px; margin: 10px; border-bottom: 1px solid #eaeae6; } input, select, #lj_controlstrip input, #lj_controlstrip select {background: #c43d43; border: 0; font: 10px georgia !important; color: #ffffff; padding: 1px; } textarea {border: 1px solid #e2dfde; font: 12px georgia; color: #888888; } /* --------------------------- HEADER --------------------------- */ .header {background: #e2dfde; padding: 80px 0 0 0; } .nav-sub, .u-wrap, .header h2, .header h3 {display: none;} .nav { padding: 20px 10px 20px 10px; background: #f5f5f5; border-top: 30px solid #c43d43; margin: 0 350px 0 100px; } .nav li {display: inline; font: italic 12px georgia; margin: 0 10px 0 0; text-transform: lowercase; letter-spacing: 1px; } .nav a {color: #aaaaaa; } .nav li a:hover {color: #eaeae6; } .nav .item-selected a, .nav .item-selected a:hover { color: #938781; font-size: 16px; letter-spacing: 0; } /* --------------------------- SIDEBAR --------------------------- */ .sidebar { float: right; width: 250px; margin: 0 100px 0 0; overflow: hidden; position: relative; z-index: 20; border-top: 30px solid #c43d43; } .sidebar-inner {border-left: 1px solid #eaeae6; } .sidebar dd, .sidebar dt, .sidebar dl {margin: 0; padding: 0;} .sidebar dt {color: #938781; text-transform: uppercase; font: 12px georgia; letter-spacing: 2px; text-align: center; padding: 10px; } .sidebar dd {background: #ffffff; padding: 10px;} .sidebar-powered {display: none;} .sidebar-cal .calendar-wrap {text-align: center;} .sidebar-cal table {width: 100%; border-top: 1px solid #eaeae6; border-right: 1px solid #eaeae6; } .sidebar-cal caption {letter-spacing: 2px; font-size: 9px; text-transform: uppercase; padding: 0 0 10px 0; } .sidebar-cal td, .sidebar-cal th {border-left: 1px solid #eaeae6; border-bottom: 1px solid #eaeae6; } .sidebar-block ul {padding: 0 0 0 10px; margin: 0; } .sidebar-block li {list-style-type: square; color: #aaaaaa; } .sidebar-custom {border-top: 1px solid #eaeae6; border-bottom: 1px solid #eaeae6; } .sidebar-links dd { border-bottom: 1px solid #eaeae6; padding: 0; } .sidebar-links dd a {display: block; padding: 3px 10px 3px 10px; } /* --------------------------- CONTENT --------------------------- */ .content { float: left; width: 100%; padding: 0; margin: 0 -100% 0 0; } .content-inner { position: relative; margin: 0 100px 0 100px; background: #ffffff; padding: 0; border-right: 250px solid #f5f5f5; z-index: 5; padding-top: 1px;} .content-inner-in { } /* --------------------------- ENTRY HEADER --------------------------- */ #post-sticky {margin: 10px; } #post-sticky .entry-title {background: #eaeae6; } #post-sticky .entry-text {padding: 0; margin: 0; background: #f5f5f5; } #post-sticky .entry-content { padding: 20px; margin: 0; color: #938781;} .entry { padding: 0; border-bottom: 1px solid #eaeae6; margin: 0 0 10px 0; } .entry-title {color: #938781; font: 12px georgia; text-transform: uppercase; letter-spacing: 2px; background: #f5f5f5; border-bottom: 1px solid #eaeae6; padding: 10px;} .entry-title a {color: #c43d43; } .entry-title a:hover {color: #938781; } .entry-content {padding: 10px; } /* --------------------------- ENTRY META --------------------------- */ .metadata { border-bottom: 1px solid #eaeae6; padding: 0 0 10px 0; margin: 0 0 10px 0; } .metadata dt {float: left; padding: 0 5px 0 0; color: #aaaaaa; } .vcard dt, .vcard dl, .vcard dd {padding: 0; margin: 0;} .vcard { float: right; } .username {font-size: 0px; } .username .ljuser {display: block; font-size: 9px; text-transform: uppercase; } .vcard dt img { background: #c43d43; padding: 7px; margin: 10px 10px 0px 10px; } .vcard dd {text-align: center;} .vcard .updated {color: #aaaaaa; font-size: 9px; border-bottom: 0; } /* --------------------------- ENTRY TEXT & FOOTER --------------------------- */ .entry-text { margin: 0; } .entrymenu {margin: 0; padding: 10px 0 0 0; border-top: 1px solid #eaeae6; clear: both; } .entrymenu ul {padding: 0; margin: 0; } .entrymenu li {display: inline; font: italic 9px georgia; margin: 2px 0px 0 10px; float: left; } .entrysubmenu { padding: 0; margin: 0; } .entrysubmenu ul {padding: 0; margin: 0; padding: 0 0 10px 0;} .entrysubmenu li {display: inline; font: italic 9px georgia; padding: 0; margin: 0 0 0 10px;} .entrysubmenu li a {color: #aaaaaa; } .entrysubmenu li a:hover {color: #938781; } /* --------------------------- FOOTER --------------------------- */ .page-nav {padding: 0 0 10px 0; margin: 0; text-align: center; } .page-nav li {display: inline; margin: 0 5px 0 5px; } /* --------------------------- ARCHIVE / TAGS --------------------------- */ .view-archive .entry ul {padding: 0; margin: 0; text-align: center; padding: 10px; } .view-archive .entry li {display: inline; margin: 0 5px 0 5px; } .view-archive .entry table {width: 100%; max-width: 500px; margin: 0 auto; border-top: 1px solid #eaeae6; border-right: 1px solid #eaeae6; margin-top: 10px; } .view-archive .entry table caption {letter-spacing: 2px; font-size: 9px; text-transform: uppercase; padding: 0 0 10px 0; } .view-archive .entry td, .view-archive .entry th {border-left: 1px solid #eaeae6; border-bottom: 1px solid #eaeae6; text-align: center; } .view-archive .entry {padding-bottom: 10px;} .view-tags .entry {padding: 10px;} /* --------------------------- COMMENTS PAGE --------------------------- */ .entry-linkbar a img, .comment-head-in a img { opacity: .5; } .entry-linkbar a img:hover, .comment-head-in a img:hover { opacity: .8; } .entry-comments-text { padding: 10px; } .comments-links {clear: both; text-align: center;} .comment-wrap {clear: both; padding: 10px; margin: 5px 0px 5px 0px;} .comment-upic {float: left; border: 7px solid #c43d43; margin: 10px; } .comment-text {border-top: 1px solid #eaeae6; border-bottom: 1px solid #eaeae6; padding: 10px; margin: 0 0 10px 0; } .screened {background: #f5f5f5; } .comment-head-in a img {border: 0;} /* --------------------------- REPLY FORMS --------------------------- */ #postform a img, #qrform table a img {border: 0;} #postform table, #postform table textarea {width: 100%; } #qrform table {border: 1px solid #eaeae6 !important; } /* --------------------------- LJ CUSTOMS --------------------------- */ ::-moz-selection { background: #888888; color: #ffffff; } ::selection { background: #888888; color: #ffffff; } code::-moz-selection { background: #888888; color: #ffffff; } code::selection { background: #888888; color: #ffffff; } div.Inner { border: 1px solid #eaeae6 !important; } div.Content { font: 11px georgia; color: #888888; } div.Userpic img { border: 5px solid #c43d43; } div.ContextualPopup div.Inner div.Content span a, div.ContextualPopup div.Inner div.Content a { color: #c43d43 !important; text-decoration: none !important; font-weight: lighter; } div.ContextualPopup div.Inner div.Content span a:hover, div.ContextualPopup div.Inner div.Content a:hover {color: #938781 !important; } #lj_controlstrip td {background: #eaeae6; font: 12px georgia; border: 0; } #lj_controlstrip_statustext { color: #888888; } #lj_controlstrip td a {color: #c43d43; border-bottom: 1px dotted #ffffff; font: 10px georgia; } #lj_controlstrip td #link_0 { border: 0; } #lj_controlstrip .ljuser img {display: none; } #lj_controlstrip input, #lj_controlstrip select { color: #888888;} #Logout, #lj_controlstrip_search_submit {color: #ffffff !important;} div.ljcmtmanage {background: #ffffff; color: #888888; border: 1px solid #eaeae6; padding: 10px; } /* Generated by Malionette's Tiny Icon Generator */ /* Icons by FAMFAMFAM */ img[src*="img/userinfo.gif"] {width: 0 !important; vertical-align: middle !important; margin: 0 auto; height: 0 !important; background: transparent url(http://i39.tinypic.com/jsotxz.jpg) no-repeat; padding: 16px 0 0 16px !important; } img[src*="img/community.gif"] {width: 0 !important; vertical-align: middle !important; margin: 0 auto; height: 0 !important; background: transparent url(http://i39.tinypic.com/21alu14.jpg) no-repeat; padding: 16px 0 0 16px !important; } img[src*="img/syndicated.gif"] {width: 0 !important; vertical-align: middle !important; margin: 0 auto; height: 0 !important; background: transparent url(http://i40.tinypic.com/1zo7spf.jpg) no-repeat; padding: 16px 0 0 16px !important; } img[src*="img/icon_protected.gif"] {width: 0 !important; vertical-align: middle !important; margin: 0 auto; height: 0 !important; background: transparent url(http://i44.tinypic.com/2jflx0g.jpg) no-repeat; padding: 16px 0 0 16px !important; } img[src*="img/icon_private.gif"] {width: 0 !important; vertical-align: middle !important; margin: 0 auto; height: 0 !important; background: transparent url(http://i39.tinypic.com/s4q5u0.jpg) no-repeat; padding: 16px 0 0 16px !important; } img[src*="img/icon_groups.gif"] {width: 0 !important; vertical-align: middle !important; margin: 0 auto; height: 0 !important; background: transparent url(http://i43.tinypic.com/23u5quv.jpg) no-repeat; padding: 16px 0 0 16px !important; } img[src*="img/newyearpic_1.gif"] {width: 0 !important; vertical-align: middle !important; margin: 0 auto; height: 0 !important; background: transparent url(http://i39.tinypic.com/jsotxz.jpg) no-repeat; padding: 16px 0 0 16px !important; } /* --------------------------- INSERT ANY NEW CODE BELOW --------------------------- */

← 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.

Button	Code
View available buttons	`Layout by <lj user="fruitstyle">`

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

( Optional ) Replace Colours


#ffffff	#f5f5f5	#eaeae6	#e2dfde	#c43d43	#aaaaaa

#938781	#888888

Replace Colours | Replace Images

( Optional ) Replace Images

Get all the images at Box.net

Replace Colours | Replace Images

Fruitstyle: Layouts and Winamp Skin Designs by Malionette

Winskin 045 - 048

malionette — Sun, 25 Apr 2010 00:34:06 GMT

Omnomnomnom

[1] Durarara!! winamp skin
[1] One Piece winamp skin
[1] Bokura ga Ita winamp skin
[1] ARIA winamp skin

DOWNLOAD

DOWNLOAD

DOWNLOAD

DOWNLOAD

See all winamp skins?

Profile 017 : Alyssa | 018 : Alex | 019 : Navy

malionette — Sun, 18 Apr 2010 19:20:34 GMT

Click for a Live Preview

( Profile ) #017 : Alyssa

( Install ) Profile Code

Alyssa : Livejournal profile layout code created by Malionette.

Find more Livejournal skins, themes, and layout designs at Malionette.org.

<div align="center"><table cellpadding="10px" cellspacing="10px" border="0" width="500px"><tr><td align="center"><font face="lucida grande" size="3" color="#666666">Alyssa.</font></td></tr><tr><td bgcolor="#ff77a9"><font face="lucida grande" size="1" color="#ffffff">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed a massa sed dolor elementum vulputate. Nunc vitae augue purus. Pellentesque erat sapien, ultricies sit amet egestas quis, consectetur ac libero.Pellentesque elit nibh, lobortis a bibendum ac, laoreet et dolor. Sapien vitae ligula. Integer hendrerit ullamcorper odio sit amet tempus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Etiam egestas lectus eget lorem suscipit et malesuada elit scelerisque.</font></td></tr><tr><td bgcolor="#baf781"><font face="lucida grande" size="1" color="#666666">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed a massa sed dolor elementum vulputate. Nunc vitae augue purus. Pellentesque erat sapien, ultricies sit amet egestas quis, consectetur ac libero.Pellentesque elit nibh, lobortis a bibendum ac, laoreet et dolor. Sapien vitae ligula. Integer hendrerit ullamcorper odio sit amet tempus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Etiam egestas lectus eget lorem suscipit et malesuada elit scelerisque.</font></td></tr><tr><td bgcolor="#6acdd7"><font face="lucida grande" size="1" color="#ffffff">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed a massa sed dolor elementum vulputate. Nunc vitae augue purus. Pellentesque erat sapien, ultricies sit amet egestas quis, consectetur ac libero.Pellentesque elit nibh, lobortis a bibendum ac, laoreet et dolor. Sapien vitae ligula. Integer hendrerit ullamcorper odio sit amet tempus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Etiam egestas lectus eget lorem suscipit et malesuada elit scelerisque.</font></td></tr><tr><td align="center"><font face="lucida grande" size="1" color="#666666">Profile by <a href="http://fruitstyle.livejournal.com"><font color="#888888"><u>Fruitstyle</u></font></a> | <a href="http://"><font color="#888888"><u>Link</u></font></a> | <a href="http://"><font color="#888888"><u>Link</u></font></a></font></td></tr></table></div>

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

( Profile ) #018 : Alex

( Install ) Profile Code

Alex : Livejournal profile layout code created by Malionette.

Find more Livejournal skins, themes, and layout designs at Malionette.org.

<table width="100%" cellpadding="50px"><tr><td bgcolor="#222222"><br /><br /><br /> <div align="center"><table bgcolor="#909090" width="700px" cellpadding="10px" cellspacing="0"> <tr><td bgcolor="#ec086b" align="center" ><font face="arial" color="#ffffff">Some crazy title here.</font></td><td bgcolor="#abff30" align="center" ><font face="arial" color="#333333">This is my favourite box.</font></td><td bgcolor="#16afc5" align="center" ><font face="arial" color="#ffffff">Inspired by the JESS layouts.</font></td></tr> <tr><td bgcolor="#3b3b3b"><font face="arial" size="1" color="#aaaaaa">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed a massa sed dolor elementum vulputate. Nunc vitae augue purus. Pellentesque erat sapien, ultricies sit amet egestas quis, consectetur ac libero.Pellentesque elit nibh, lobortis a bibendum ac, laoreet et dolor. Sapien vitae ligula. Integer hendrerit ullamcorper odio sit amet tempus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Etiam egestas lectus eget lorem suscipit et malesuada elit scelerisque.</font></td><td bgcolor="#333333"><font face="arial" size="1" color="#aaaaaa">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed a massa sed dolor elementum vulputate. Nunc vitae augue purus. Pellentesque erat sapien, ultricies sit amet egestas quis, consectetur ac libero.Pellentesque elit nibh, lobortis a bibendum ac, laoreet et dolor. Sapien vitae ligula. Integer hendrerit ullamcorper odio sit amet tempus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Etiam egestas lectus eget lorem suscipit et malesuada elit scelerisque.</font></td><td bgcolor="#3b3b3b"><font face="arial" size="1" color="#aaaaaa">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed a massa sed dolor elementum vulputate. Nunc vitae augue purus. Pellentesque erat sapien, ultricies sit amet egestas quis, consectetur ac libero.Pellentesque elit nibh, lobortis a bibendum ac, laoreet et dolor. Sapien vitae ligula. Integer hendrerit ullamcorper odio sit amet tempus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Etiam egestas lectus eget lorem suscipit et malesuada elit scelerisque.</font></td></tr><tr><td colspan="3" bgcolor="#2a2a2a" align="center"><font face="arial" size="1" color="#666666">Profile by <a href="http://fruitstyle.livejournal.com/"><font color="#777777"><u>Fruitstyle</u></font></a> + <a href="http://"><font color="#777777"><u>Link</u></font></a> + <a href="http://"><font color="#777777"><u>Link</u></font></a></font></td></tr> </table></div><br /><br /><br /></td></tr></table>

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

( Profile ) #019 : Navy

( Install ) Profile Code

Navy : Livejournal profile layout code created by Malionette.

Find more Livejournal skins, themes, and layout designs at Malionette.org.

<div align="center"> <table width="700px" cellpadding="0" cellspacing="1" bgcolor="#eeeeee"> <tr> <td bgcolor="#fafafa" width="200px"><br /><br /><table align="center" class="userslist-table" width="150px" cellpadding="0px" cellspacing="0" valign="middle"> <tr><td bgcolor="#3f5a83" class="i-vgift-details"><a href="http://"><font size="1" color="#3f5a83"><u><font face="lucida grande" color="#ffffff">link</font></u></font></a></td></tr> <tr><td bgcolor="#ec167b" class="i-vgift-details"><a href="http://"><font size="1" color="#ec167b"><u><font face="lucida grande" color="#ffffff">link</font></u></font></a></td></tr> <tr><td bgcolor="#c9e1e0" class="i-vgift-details"><a href="http://fruitstyle.livejournal.com"><font size="1" color="#c9e1e0"><u><font face="lucida grande" color="#888888">profile credit</font></u></font></a></td></tr></table><br /><br /></td> <td bgcolor="#ffffff"><div class="settingprod"><font size="1" face="lucida grande" color="#777777" >Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed a massa sed dolor elementum vulputate. Nunc vitae augue purus. Pellentesque erat sapien, ultricies sit amet egestas quis, consectetur ac libero.Pellentesque elit nibh, lobortis a bibendum ac, laoreet et dolor. Sapien vitae ligula. Integer hendrerit ullamcorper odio sit amet tempus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Etiam egestas lectus eget lorem suscipit et malesuada elit scelerisque.</font></div></td> </tr></table></div>

Edit Profile

Put code in Bio

Change links, text, and styling to your preferences

Do not remove the credit link to Fruitstyle

Layout 045 : Frankfurt Air

malionette — Sat, 17 Apr 2010 16:13:51 GMT

Click for a Live Preview.

( Layout ) #045 : Frankfurt Air

I don't remember much about Frankfurt since I only there for a transfer. They do have really cool hand sinks and handles though!

( Install ) Step 1 — System

Select Theme

Select any S2 Flexible Squares layout.

Page Setup

Ad Placement: Vertical
(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 --- 045 Frankfurt Air --- Wingweaver22 @ Fruitstyle.livejournal.com Do not remove this note. */ /* --------------------------- BODY --------------------------- */ body {font: 12px arial; color: #888888; margin: 0; padding: 0; } a {color: #000000; text-decoration: none; border-bottom: 1px dotted #cccccc; } a:hover {color: #888888; } input, select, textarea {border: 1px solid #eeeeee; font: 12px arial !important; color: #888888; } .ljuser b {padding: 0 0 0 2px; } .subj-link {margin: 0 0 0 5px; } blockquote {border: 1px dotted #cccccc; padding: 10px; } /* --------------------------- HEADER & SIDEBAR --------------------------- */ #header { position: absolute; background: #eeeeee url(http://i43.tinypic.com/1zdubs2.png) no-repeat 5px 5px; padding: 300px 0 0 0 ; width: 170px; margin: 0 10px 0 10px; z-index: 200;} .title, .subtitle {display: none; } .navheader { padding: 14px 0 0 0; margin: 10px 0 0 0; background: #ffffff;} .navheader li, .sbaritem {background: #eeeeee; list-style: none; font: 11px arial; border-bottom: 2px solid #ffffff;} .navheader li a, .sbaritem a {border: 0; padding: 0 5px 0 5px; background: #ffffff; color: #888888; } li.view {background: #ffffff; padding: 0 5px 0 5px; color: #cccccc; } .navheader li:hover, .sbaritem:hover {background: #ffffff; } .navheader li:hover a, .sbaritem:hover a {color: #cccccc; } #sidebar {position: absolute; padding: 406px 10px 0 10px; width: 170px; border-right: 1px solid #cccccc; z-index: 10; } .defaultuserpic {background: #eeeeee; padding: 5px; text-align: center;} .defaultuserpic a {display: block; border: 0; } .defaultuserpic img {opacity: .7; } .defaultuserpic a:hover img {opacity: 1; } .sbarlist {list-style: none; padding: 0; margin: 0;} .sbartitle { font: 16px arial; color: #000000; padding: 15px 5px 15px 5px; } .calendar {text-align: center; width: 100%; } .calendar td { border: 1px solid #eeeeee; font-size: 11px; } .calendar td a {display: block; border: 0; background: #eeeeee; } .sbarbody2 {padding: 0 5px 0 5px;} /* --------------------------- ENTRY --------------------------- */ #maincontent { padding: 0 10px 0 200px;} .entry_text, .entry {margin: 0 0 15px 0; } .userpic, .userpicfriends {position: relative; float: right; margin: 0 0 10px 10px; background: #ffffff !important;} .userpic img, .userpicfriends img { -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #eeeeee; border: 5px solid #eeeeee;} .userpicfriends {color: #eeeeee; font-size: 0; text-align: left; } .userpicfriends a {border: 0; font-size: 11px !important; display: block; background: #eeeeee; margin: 2px 0 0 0; } .userpicfriends font {color: #000000; background: #ffffff; padding: 0 5px 0 5px; } .userpicfriends a:hover font {color: #888888; } .userpicfriends a:hover {background: #ffffff; } .datesubject {margin: 10px 0 0 0;} .date { font-size: 9px; color: #cccccc; } .subject {font: 16px arial; padding: 0px 0 15px 0; color: #000000; } a img {border: 1px solid #cccccc; opacity: .7;} a:hover img {opacity: 1; } .currents, .ljtags { font: 9px arial; margin: 0px 0 15px 0;} .currents img {float: right; } .currents strong, .ljtags {text-transform: uppercase; color: #cccccc; } .ljtags {margin: 15px 0 0 0; } .clear, .clearfoot {display: none; } .comments {background: #eeeeee; font-size: 11px; color: #eeeeee; clear: both;} .comments a {background: #ffffff; border: 0; padding: 0 5px 0 5px; color: #888888;} .comments a:hover {color: #cccccc; } /* --------------------------- FOOTER --------------------------- */ #footer { clear: both; padding: 0 0 15px 0; } .navfooter {padding: 0; margin: 0; text-align: center; } .navfooter li {display: inline; font: 16px arial; letter-spacing: -1px; margin: 0 10px 0 10px;} /* --------------------------- ARCHIVE / TAGS --------------------------- */ .year {padding: 15px 0 15px 0; margin: 10px 0 0 0; text-align: center; } .year li {display: inline; font: 16px arial; letter-spacing: -1px; margin: 0 10px 0 10px;} .yeartable {text-align: center; } .yeartable td {border: 1px solid #eeeeee;} .yeartable td a {display: block; border: 0; background: #eeeeee; text-transform: uppercase; font-size: 9px; } .lj-view-tags h2 {font: 16px arial; color: #000000; } .ljtaglist {width: 30%; margin: 0; padding: 0;} .ljtaglist li {background: #eeeeee; list-style: none; font: 11px arial; border-bottom: 2px solid #ffffff;} .ljtaglist li a {border: 0; padding: 0 5px 0 5px; background: #ffffff; color: #888888; } .ljtaglist li:hover {background: #ffffff; } .ljtaglist li:hover a {color: #cccccc; } /* --------------------------- COMMENTS PAGE --------------------------- */ .skiplinks {margin: 10px 0 0 0; } .datesubjectcomment > strong {font: 16px arial; color: #000000; } .userpiccomment {float: left; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #eeeeee; border: 5px solid #eeeeee; margin: 0 10px 10px 0;} .box center {margin: 15px 0 15px 0;} .commentbox, .commentboxpartial {clear: both; border-bottom: 2px solid #eeeeee; margin: 10px 0 0 0;} .commentreply {padding: 10px; } .commentboxpartial {padding-bottom: 10px;} .commentbox div {text-align: left !important;} .commentbox div div img {width: 16px; height: 16px; border: 0; padding: 0; margin: 0; } .commentbox div div a {border: 0; padding: 0;} .box {margin: 15px 0 0 0; } .ljcmtmanage {border: 1px solid #cccccc; background: #ffffff; padding: 5px; } /* --------------------------- REPLY FORMS --------------------------- */ #qrform table {border: 1px solid #eeeeee !important; padding: 5px; } #postform table {border: 1px solid #eeeeee; margin: 10px 0 0 0;} /* --------------------------- LJ CUSTOMS --------------------------- */ ::-moz-selection { background: #888888; color: #ffffff; } ::selection { background: #888888; color: #ffffff; } code::-moz-selection { background: #888888; color: #ffffff; } code::selection { background: #888888; color: #ffffff; } div.Inner { border: 1px solid #cccccc !important; } div.Content { font: 11px arial; color: #888888; } div.Userpic img { border: 5px solid #eeeeee; } div.ContextualPopup div.Inner div.Content span a, div.ContextualPopup div.Inner div.Content a { color: #000000 !important; text-decoration: none !important; font-weight: lighter; border-bottom: 1px dotted #cccccc;} div.ContextualPopup div.Inner div.Content span a:hover, div.ContextualPopup div.Inner div.Content a:hover {color: #888888 !important; } #lj_controlstrip td {background: #ffffff; font: 12px arial; border-right: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; } #lj_controlstrip_statustext { color: #888888; } #lj_controlstrip td a {color: #000000; border-bottom: 1px dotted #cccccc; } #lj_controlstrip td #link_0 { border: 0; } #lj_controlstrip .ljuser img {display: none; } /* --------------------------- IMAGES --------------------------- */ .ljtags { padding-left: 12px; background: url(http://i41.tinypic.com/5estb7.jpg) no-repeat center left;} .currentlocation { padding-left: 12px; background: url(http://i43.tinypic.com/15gb8rk.jpg) no-repeat center left;} .currentmood { padding-left: 12px; background: url(http://i43.tinypic.com/33l2gd3.jpg) no-repeat center left;} .currentmusic { padding-left: 12px; background: url(http://i39.tinypic.com/2uogpy8.jpg) no-repeat center left;} /* Generated by Malionette's Tiny Icon Generator */ img[src*="img/userinfo.gif"],img[src*="img/newyearpic_1.gif"] {width: 0 !important; vertical-align: middle !important; margin: 0 auto; height: 0 !important; background: transparent url(http://i43.tinypic.com/140y9g7.jpg) no-repeat; padding: 8px 0 0 6px !important; } img[src*="img/community.gif"] {width: 0 !important; vertical-align: middle !important; margin: 0 auto; height: 0 !important; background: transparent url(http://i39.tinypic.com/243izco.jpg) no-repeat; padding: 8px 0 0 9px !important; } img[src*="img/syndicated.gif"] {width: 0 !important; vertical-align: middle !important; margin: 0 auto; height: 0 !important; background: transparent url(http://i41.tinypic.com/11kl5zc.jpg) no-repeat; padding: 5px 0 0 5px !important; } img[src*="img/icon_protected.gif"] {width: 0 !important; vertical-align: middle !important; margin: 0 auto; height: 0 !important; background: transparent url(http://i39.tinypic.com/23s8ck7.jpg) no-repeat; padding: 8px 0 0 6px !important; } img[src*="img/icon_private.gif"] {width: 0 !important; vertical-align: middle !important; margin: 0 auto; height: 0 !important; background: transparent url(http://i42.tinypic.com/29nut0w.jpg) no-repeat; padding: 6px 0 0 9px !important; } img[src*="img/icon_groups.gif"] {width: 0 !important; vertical-align: middle !important; margin: 0 auto; height: 0 !important; background: transparent url(http://i39.tinypic.com/2n20kfq.jpg) no-repeat; padding: 8px 0 0 6px !important; } /* --------------------------- INSTALL HEADER --------------------------- */ /* ######## Insert header url and header height. Don't touch anything else. ######## */ #header { background-image: url(http://i43.tinypic.com/1zdubs2.png); background-repeat: no-repeat; background-position: 5px 5px; padding-top: 300px;} /* ######## Insert header height + 106. Example: 300 + 106 = 406 ######## */ #sidebar { padding-top: 406px; } /* --------------------------- INSERT ANY NEW CODE BELOW --------------------------- */

← 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.

Button	Code
View available buttons	`Layout by <lj user="fruitstyle">`

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

( Optional ) Add a Banner
The recommended banner size is 160px wide and 300px high. Replace the image within the CSS with your custom banner.
Add a Banner \| Replace Colours \| Replace Images

( Optional ) Replace Colours


#ffffff	#eeeeee	#cccccc	#888888	#000000

Add a Banner | Replace Colours | Replace Images

( Optional ) Replace Images

Get all the images at Box.net

Add a Banner | Replace Colours | Replace Images

Fruitstyle: Layouts and Winamp Skin Designs by Malionette

Fruitstyle

Hello, goodbye.

Winamp Skin Archive

Livejournal Layouts Archive

Layout 056 : Aluminum Edge & Silver Trim

Layout 055 : Hope Orange

LJ's Tiny userhead icon changes

Profile 020 : Aqua 76 | 021 : Lisa & Rye | 022 : Shaun das Shauf

( Profile ) #020 : Aqua 76

( Install ) Profile Code

( Profile ) #021 : Lisa & Rye

( Install ) Profile Code

( Profile ) #022 : Shaun das Shauf

( Install ) Profile Code

Layout 054 : Flora Vintage

( Layout ) #054 : Flora Vintage

( Install ) Step 1 — System

( Install ) Step 2 — Stylesheet

( Install ) Step 3 — Link Back

( Optional ) Add a Banner

( Optional ) Replace Colours

( Optional ) Replace Images

Fruitstyle: Layouts and Winamp Skin Designs by Malionette

Layout 053 : Lamb & Kitty

( Layout ) #053 : Lamb & Kitty

( Install ) Step 1 — System

( Install ) Step 2 — Display

( Install ) Step 3 — Stylesheet

( Install ) Step 4 — Link Back

( Optional ) Add a Banner

( Optional ) Replace Colours

( Optional ) Replace Images

Fruitstyle: Layouts and Winamp Skin Designs by Malionette

Wallpaper 009

Layout 052 : Claire

( Layout ) #052 : Claire

( Install ) Step 1 — System

( Install ) Step 2 — Display

( Install ) Step 3 — Stylesheet

( Install ) Step 4 — Link Back

( Optional ) Add a Banner

( Optional ) Replace Colours

Fruitstyle: Layouts and Winamp Skin Designs by Malionette

Layout 051 : Slippr

( Layout ) #051 : Slippr

( Install ) Step 1 — System

( Install ) Step 2 — Display

( Install ) Step 3 — Stylesheet

( Install ) Step 4 — Link Back

( Optional ) Add a Banner

( Optional ) Replace Colours

( Optional ) Replace Images

Fruitstyle: Layouts and Winamp Skin Designs by Malionette

Got questions about making layouts? Ask.

2010 Favourites

Layout 050 : Iso

( Layout ) #050 : Iso

( Install ) Step 1 — System

( Install ) Step 2 — Display

( Install ) Step 3 — Stylesheet

( Install ) Step 4 — Link Back

( Optional ) Add a Banner

( Optional ) Replace Colours

Fruitstyle: Layouts and Winamp Skin Designs by Malionette

Winskin 053 - 059

Layout 049 : Sin (Demonography Mod)

( Layout ) #049 : Sin (Demonography Mod)

( Install ) Step 1 — System

( Install ) Step 2 — Stylesheet

( Install ) Step 3 — Link Back

( Optional ) Add a Banner

( Optional ) Replace Colours

( Optional ) Replace Images

Fruitstyle: Layouts and Winamp Skin Designs by Malionette

Layout 048 : Hunny Bunny

( Layout ) #048 : Hunny Bunny

( Install ) Step 1 — System

( Install ) Step 2 — Display

( Install ) Step 3 — Stylesheet

( Install ) Step 4 — Link Back