Layout 046 : Caffe Bernini
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.
ButtonCode
View available buttonsLayout by 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
