Layout 056 : Aluminum Edge & Silver Trim

[freakykat]

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	Add text to your sidebar Add links
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. .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