Layout 049 : Sin (Demonography Mod)
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
← Previous Step | 1 | 2 | 3 | Next Step →
( Install ) Step 2 - Stylesheet
Custom CSS
← Previous Step | 1 | 2 | 3 | Next Step →
( Install ) Step 3 - Link Back
Please link back to fruitstyle so others can find my layouts. Put either a button or the code in your Userinfo.
ButtonCode
View available buttonsLayout by fruitstyle
← Previous Step | 1 | 2 | 3 | Next Step →
( Optional ) Add a Banner
The recommended banner size is 750px wide.
.layout {background: url(HTTP://URLHERE.PNG) no-repeat top center; padding-top: ###px; } .nav {margin-top: 10px;}
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
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.
ButtonCode
View available buttonsLayout by fruitstyle
← Previous Step | 1 | 2 | 3 | Next Step →
( Optional ) Add a Banner
The recommended banner size is 750px wide.
.layout {background: url(HTTP://URLHERE.PNG) no-repeat top center; padding-top: ###px; } .nav {margin-top: 10px;}
- 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