Layout 056 : Aluminum Edge & Silver Trim: fruitstyle

malionette in fruitstyle

Layout 056 : Aluminum Edge & Silver Trim

Aug 27, 2012 21:32

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

View available buttonsLayout by fruitstyle
Customize and Personalize (Optional)
[- Click to slide open Customization options and hints. - ]

Add a Banner

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

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

layouts