s2: Bloggish: Love My Lous

Mar 06, 2009 19:55


Layout Name: Love My Lous
S2 Style: Bloggish
Layout In Use: here
Tested In: Firefox & IE, looks best in Firefox.
Designer: Original CSS by grrliz @ thefulcrum. Modified with permission by t-quibbler. Graphics by t-quibbler.
Other: Works with sidebar on left or right. Also compatible with Insanejournal!



How to Install
  • Working in s2, select the Bloggish "unstyled" style.
  • Click to customize selected theme, choosing "Custom CSS".
  • Make sure "Use layout's "Base Weblog" stylesheet" is set to yes.
  • In the area for custom stylesheets (not external custom stylesheets), paste the codes below.
  • Rehosting these images is very much appreciated, as I'm not sure how much hotlinking the free photobucket account can accommodate.
  • Please be sure to credit both t_quibbler and grrliz.

Images
body

/* Template: Love My Lous */
/* Date: 5 March, 2009 */
/* S2 Style: Bloggish */
/* Available at http://asylums.insanejournal.com/quibblercons/ */
/* Original CSS by Liz a.k.a. grrliz.livejournal.com */
/* Modified by & Graphics by Nell a.k.a. t-quibbler.insanejournal.com */

/* -------------------------- */
/* ---------- MISC ---------- */
/* -------------------------- */

a { color: #666666; }
a:hover { color: #9b0100; }
a:visited { color:#9b0100; }

h1, h2, h3, h4, h5, h6 {margin: 5px 0px;}

blockquote {
margin: 10px 40px;
padding: 10px;
background: #000000;
border: 3px double #333333;
}
ol {
margin: 10px 40px;
padding: 0px;
list-style: upper-roman;
}

input, textarea {
margin: 1px;
border: 1px solid #333333;
background: #444444;
color: #000000;
}

font {font-family: inherit; font-size: inherit; color: inherit;}

/* --------------------------------- */
/* ---------- PAGE LAYOUT ---------- */
/* --------------------------------- */

html {margin: 0px; padding: 0px; font-size: 100%;}

body {
background: url(http://i654.photobucket.com/albums/uu265/tqlayouts/louboutin/loufull.png) top center no-repeat #000000;
color: #CDC8B1;
font-size: 62.5%;
font-family: "lucida sans unicode", "trebuchet ms", verdana, arial, tahoma, sans-serif;
margin: 0px auto;
text-align: center;
}

#container {
width: 1000px;
margin: 0px auto; padding: 0px;
background: transparent;
font-size: 1.1em;
text-align: left;
}

#container-inner {
padding: 0px 0px 0px 0px;
}

#pagebody {
width: 1000px;
margin: 0px auto;
padding: 0px;
}

#pagebody-inner {
padding: 0px auto;
}

#alpha, #beta, #gamma {
display: inline;
position: relative;
float: left;
background: transparent !important;
}

/* sidebar */

#alpha {width: 250px; background: transparent !important}
#alpha-inner {margin-left: 50px; padding-top: 60px; background: transparent !important}

/* main content */
#beta {width: 750px;}
#beta-inner {margin: 0px 0px 0px 10px; text-align: justify;}

/* ---------------------------- */
/* ---------- HEADER ---------- */
/* ---------------------------- */

#banner-inner {margin: 0px 0px 0px 0px; width: 1000px; height: 170px; bottom center no-repeat transparent;}

/* journal title */
#banner h1 {display: none;}
#banner h2 {display: none;}

/* ----------------------------- */
/* ---------- CONTENT ---------- */
/* ----------------------------- */

.entry-content {
position: static;
clear: both;
}

.entry-content li {
margin: 10px 0px;
}

.content-nav,
.skiplinks {
margin: 0px;
padding: 10px 20px 0px 20px;
text-align: right;
}

.content-nav a, .content-nav a:link, .skiplinks a, .skiplinks a:link {color: #9b0100; text-decoration: none;}
.content-nav a:hover, .skiplinks a:hover {color: #444444;}

.date-header,
div.day h2 {
margin: 10px 0px 0px 0px;
clear: both;
font-size: 1em;
text-transform: uppercase;
}

.entry-userpic {display: none;}

h3.entry-header,
h3.comments-header {
margin: 0px 0px 5px 0px;
padding: 5px 0px;
color: #9b0100;
font-size: 1.1em;
font-weight: normal;
text-transform: uppercase;
}

.entry-body {}

.entry-body a:link,
.entry-body a:visited,
.entry-body a:active {
color: #9b0100;
font-weight: normal !important;
text-decoration: none !important;
text-transform: uppercase;
}

.entry-body a:hover {
color: #444444;
font-weight: normal !important;
text-decoration: none !important;
text-transform: uppercase;
}

.metadata {
margin: 10px 0px;
line-height: 1.2em;
}

.metadata img {display: none;}

.ljtags {
margin-top: 10px;
margin-bottom: 10px;
}

.ljtags a {color: #9b0100; text-decoration: none;}
.ljtags a:hover {color: #666666;}

.entry-footer a,
.entry-footer a:link,
.entry-footer a:visited,
.entry-footer a:active,
.comment-footer a,
.comment-footer a:link,
.comment-footer a:visited,
.comment-footer a:active {color: #666666; text-decoration: none;}

.entry-footer a:hover,
.comment-footer a:hover {color: #9b0100;}

.post-footers {
display: block;
margin: 3px 0px 0px 0px;
}

p.entry-footer {
margin: 10px 0px 40px 0px;
padding: 3px 5px;
background: transparent;
}

.lj-view-entry p.entry-footer {margin-bottom: 0px;}

.separator {
}

h3.comments-header {border-bottom: 0px;}

.comment {
margin: 0px 0px 10px 0px;
padding: 0px;
border-top: 3px double #000000;
border-left: 3px double #000000;
background: #e9e9e9;
}

.comment-content {
padding: 10px;
}

.comments, .comments-open-header {
}

.comment-footer {
margin: 0px;
padding: 10px;
color: #666666;
}

ul.ljtaglist a, dl a {text-decoration: none;}
ul.ljtaglist a:hover, dl a:hover {color: #ca3609;}

ul.ljtaglist {
margin: 0px; padding: 0px 0px 20px 30px;
list-style-type: none;
}

ul.ljtaglist li {
margin: 0px; padding: 0px 0px 0px 15px;
}

/* ----------------------------- */
/* ---------- MODULES ---------- */
/* ----------------------------- */

.module {
margin: 0px 0px 20px 0px;
padding: 0px;
}

.module-header {
margin: 0px;
padding: 3px 15px;
background: #000000;
color: #9b0100;
font-size: 1.1em;
font-weight: normal !important;
text-transform: uppercase;
}

.module-content {margin: 0px; padding: 0px;}

.module-content a:link,
.module-content a:visited,
.module-content a:active {
text-decoration: none;
}

.module-content a:hover {
color: #9b0100;
}

.module-list {
margin: 0px; padding: 0px;
list-style-type: none;
}

.module-list-item {
margin: 0px; padding: 0px;
}

.module-list-item a {display: block; padding: 3px 15px; color: #555555;}
.module-list-item a:hover {color: #9b0100;}

/* --- default userpic --- */
.module-photo {display: none;}

/* --- default LJ links --- */
.module-viewlinks a {
display: block;
padding: 6px 6px;
background: transparent;
color: #CDC8B1;
font-weight: normal;
text-transform: uppercase;
text-align: center;
}

.module-viewlinks a:hover {
background: transparent !important;
color: #9b0100 !important;
}

/* --- link list --- */
.module-typelist {}

/* --- tags --- */
.module-categories {}

/* --- page summary --- */
.module-pagesummaryt {}

/* --- sidebar calendar --- */
.module-calendar .module-content table {border-collapse: collapse; width: 70%; text-align: right;}
.module-calendar .module-content th, .module-calendar .module-content td {width: 14%; text-align: center;}
.module-calendar .module-content a {background: transparent !important; color: #666666 !important; display: block; width: 90%;}
.module-calendar .module-content a:hover {}

/* --- syndicate, powered by box --- */
.module-syndicate,
.module-powered {display: none;}

/* ---------- DO NOT REMOVE BELOW ---------- */
.module li {display: block; width: 200px;}
/* ---------- DO NOT REMOVE ABOVE ---------- */

.module-syndicate {display: none;}
.module-powered {display: none;}

style: bloggish

Previous post Next post
Up