(remix) S2 Minimalism : Demonography Mod

Aug 22, 2010 21:10




Live Preview: here.
Remix: unoriginal, demonography
Theme: S2 Minimalism
Codes: /* S2 MINIMALISM --- 049 Sin (Demonography Mod) ---
Malionette @ Fruitstyle.livejournal.com
Unoriginal @ Refutare.livejournal.com
Do not remove this note. */

/* ---------- BODY ---------- */

body{ background: url("http://i52.tinypic.com/1zh0hzt.jpg") 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;}

Installation instructions here @ fruitstyle.

! challenge, style: minimalism, type: layout, user: malionette

Previous post Next post
Up