Layout Name: Love My Lous
S2 Style: Bloggish
Layout In Use:
hereTested 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;}