InsaneJournal

Tweak says, "Giggity Giggity!"

♛ lobelia (lobelia) wrote,
@ 2011-08-25 19:59:00

Entry tags:

& stylesheet, - stylesheet: s2 bloggish

stylesheet ▸ score

static preview

layout: score (#18)
live preview:

mockingme
theme: S2 Bloggish
compatibility: Firefox, IE 8, Gchrome, Safari
features: Custom comment page support, custom link list support.

installation instructions:

1. Go to Customize Journal, under "Journal" in the sidebar.

2. In Basic choose S2 under Style System, and Save Changes.

3. In Look and Feel choose Bloggish under Layout (in Layout & Language), and (None) under Themes. Save Changes.

4. In Custom Options choose Two column (Sidebar on Left) under Layout Type, Yes under Use layout's "Base Weblog" stylesheet, and paste the codes into the Custom stylesheet area. Save Changes.

5. Credit, and all done!

layout codes:

/* -------------------------------------------

S2 BLOGGISH: 'SCORE', 25/08/11
	WILL BE AVAILABLE AT lobelia.insanejournal.com 
	
		
	Layout by Mirka (medea.insanejournal.com)  
	Bloggish base code by grrliz.livejournal.com

-------------------------------------------  */

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

a, a:link {color: #bbb; text-decoration: none; }
a:hover {color: #f7f7f7; }

h1, h3, h4, h5, h6 { margin: 5px 0px; font-weight: bold;}
h2 { color: #000; text-transform: uppercase; line-height: 100%;  font-family: georgia, serif;font-size: 13px; font-weight: bold;  letter-spacing: 1px;} 
 
blockquote { line-height: 110%; margin: 5px 15px; padding: 5px; }
ol { margin: 19px 40px; padding: 0px; list-style: upper-roman; }

input, textarea { margin: 1px; border: 1px solid #cccccc;}

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

/* ---------------------------------------------------- 
 		BODY & PAGE LAYOUT 
  ---------------------------------------------------- */

html { margin: 0px; padding: 0px; }

body { margin: 0px; padding: 0px; 
background: black;
background-attachment: fixed;
font-size: 9pt; 
font-family: helvetica, arial, sans-serif;
line-height: 130%; 
text-align: center; }

#container {  padding: 0px; text-align: left; width: 100%;  }

#container-inner { background: #transparent;margin: 0px auto; }
#pagebody {width: 100%; background: url(http://i52.tinypic.com/2dbqjom.jpg); margin-top: 50px;  }
#pagebody-inner { margin: 0px auto; padding: 0px;background: #transparent; width: 590px;  }

#alpha, #beta, #gamma { display: inline; }

#alpha {  background: #transparent; width: 560px; margin-top: -80px}
#beta {  background: #transparent !important;padding: 0px; padding-top:20px; padding-bottom: 20px; background: #transparent;}

#alpha-inner {width: 590px; padding: 0px; background: #transparent; padding-top: 10px;padding-bottom: 10px; }
#beta-inner { width: 590px; padding: 0px 0px 0px 0px; ; }

/* ---------------------------------------------------- 
 		HEADER & BANNERS 
  ---------------------------------------------------- */

#banner { margin-top: 0px; height: 30px; padding-top: 70px; text-align: center; }
#banner h1, #banner h2 { display: none; }

/* ---------------------------------------------------- 
 		ENTRIES & CONTENT 
  ---------------------------------------------------- */

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

.date-header {display:none}

.entry-header a:link, 
.entry-header a:visited, 
.entry-header a:active {text-decoration: none; color: #000; font-weight: bold}
.entry-header a:hover {color: #fff;}
.entry-header { background: #fff; color: #000; text-transform: lowercase; line-height: 25px;  font-family: georgia, sans-serif;font-size: 25px; font-weight: normal!important; margin-bottom: 0px; margin-right: 25px; padding: 15px; text-align: right; border: 1px dotted #eee; border-bottom: 1px solid #f7f7f7;   }

.entry-userpic, .comment-userpic { float: left!important; margin-top: 0px!important; margin-left: 0px!important; padding-right: 10px!important }
.entry-userpic img, .comment-userpic img {border: 1px dotted #ccc!important; padding: 5px!important; background: white!important  }
.entry-userpic a:link, .entry-userpic a:visited, .entry-userpic a:active, .comment-userpic a:link, .comment-userpic a:visited, .comment-userpic a:active {color: #000; font-size: 13pt; line-height: 9pt;  font-family: georgia; font-weight: normal!important; text-transform: lowercase;padding-left: 1px; padding-right: 1px;  }
.entry-userpic a:hover, .comment-userpic a:hover  {font-weight: normal!important; color: #fff; }
.poster { width: 111px; text-align: left; color: #fff; font-size: 0px; line-height: 1px; letter-spacing: 0px; }
.poster img {border: 0 !important; margin: 0px!important;}
.poster b {font-weight: normal!important}

.entry-body {background: white; text-align: justify; font-size: 8pt; font-family: helvetica, sans-serif; color: #000; margin-top: 0px;  min-height: 150px;  padding: 20px; padding-top: 10px; margin-top: 0px; line-height: 101%; border: 1px dotted #eee; border-top: 0px; }
.entry-body a:link, 
.entry-body a:visited, 
.entry-body a:active { color: #000; font-weight: bold; text-decoration: none; text-transform: lowercase;}
.entry-body a:hover {color: #fff;}

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

.entry-footer { background: black; font-size: 10px; margin: 0px 0px 0px 0px; text-align: center; color: #ddd; text-transform: uppercase; font-weight: bold;  padding: 15px; } 
.entry-footer a, .entry-footer a:link, .entry-footer a:visited, .entry-footer a:active {font-weight: normal!important; color: #ddd; padding-left: 5px; padding-right: 5px; }
.entry-footer a:hover {color: black}
.trackback-footer,
.comment-footer,
.comments-open-footer, 
.archive-content {clear: both; margin: 5px 0px 15px 0px;}

.content-nav { margin: 0px auto;  width: 660px;align: center; text-align: right!important; position: absolute; bottom: -0px;color: #fff;left: 0px; padding-bottom:15px; padding-top: 15px; left: 0px; line-height: 6px;}
.content-nav a { color: #666; text-transform: lowercase; line-height: 100%;  font-family: helvetica, serif;font-size: 9pt;   font-weight: normal;  }
.content-nav a:hover { color: #fff;}

.content-nav, .skiplinks { margin: 0px auto; text-align: center; padding: 0px auto;}

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

.ljtags {clear:both; font-family: helvetica, arial, serif; line-height: 6pt; color: #fff;font-size: 0px; font-weight: normal;text-transform: uppercase; padding-top: 10px; margin-bottom: 0px; padding-bottom: 0px; line-height: 7pt; margin-left: 0px; margin-right: 0px; }
.ljtags a, .ljtags a:link, .ljtags a:visited, .ljtags a:active {color: #666; text-transform: lowercase; line-height: 100%;  font-family: helvetica, serif;font-size: 7.5pt;   font-weight: normal; margin-right: 15px;}
.ljtags a:hover {color: #fff; }

.separator {}

.entry {position: static; overflow: hidden; clear: both; background: #transparent; padding-top: 15px;}
.trackbacks,
.comments,
.archive {position: static; overflow: hidden; clear: both; background: #transparent}

.entry-content {background: #transparent; clear: both; margin: 0px; margin-left: 25px; margin-right: 25px; }
.trackbacks-info,
.trackback-content,
.comment-content,
.comments-open-content,
.comments-closed {clear: both; margin: 0px;}
.entry-excerpt,
.entry-body,
.entry-more-link,
.entry-more {clear: both;}

.comments-open label { display: block; }

#comment-author, #comment-email, #comment-url, #comment-text {width: 240px;}
#comment-bake-cookie {margin-left: 0px; vertical-align: middle;}
#comment-post {font-weight: bold;}

img.image-full {width: 100%;}
.image-thumbnail {float: left; width: 115px; margin: 0px 10px 10px 0px;}
.image-thumbnail img {width: 115px; height: 115px; margin: 0px 0px 2px 0px;}

/* ---------------------------------------------------- 
 		MODULES & STUFF 
  ---------------------------------------------------- */

.module {
}

.module-header {}

.module-content {background: #transparent;}

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

.module-content a:hover {}
.module-viewlinks li { 
}

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

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

}

.module-pagesummary, .module-syndicate, .module-powered,  .module-categories, .module-photo, .module-calendar {display:none}
.module-viewlinks { padding: 0px; margin: 0px;}
.module-viewlinks ul {margin: 0px; padding: 0px;  }
.module-viewlinks li.module-list-item { margin-right: 10px; float: left;}
.module-viewlinks a {color: #fff; text-transform: lowercase;   font-family: georgia, sans-serif;font-size: 25px; font-weight: normal!important; margin-bottom: 0px; padding: 15px; text-align: right; }
.module-viewlinks a:hover {color: #bbb;}
.module-typelist {padding: 0px; margin: 0px; width: 500px; text-align: center;  }
.module-typelist h2 {display:none}
.module-typelist ul {  }
.module-typelist li.module-list-item { margin-left: 10px; margin-top: 1px; float: right; }
.module-typelist a {color: #bbb; text-transform: lowercase; line-height: 100%;  font-family: helvetica, serif;font-size: 7.5pt;   font-weight: normal;  }
.module-typelist a:hover {color: #000;}

/* ---------------------------------------------------- 
 		TAGS & CALENDAR 
  ---------------------------------------------------- */

.lj-view-tags #beta-inner {background: white; border: 1px dotted #eee;  text-align: justify; font-size: 8pt; font-family: helvetica, sans-serif; color: #000; margin-top: 0px;  min-height: 150px;  padding: 20px;margin-top: 0px; line-height: 101%;}
.lj-view-tags #beta-inner h2 {color: #000; text-transform: lowercase;   font-family: georgia, serif;font-size: 20px; font-weight: normal; margin-bottom: 0px; margin-right: 25px; padding: 15px; text-align: right;}
ul.ljtaglist a, dl a {color: #000; font-weight: bold;text-decoration: none; text-transform: lowercase;}
ul.ljtaglist a:hover, dl a:hover {color: #fff;}

ul.ljtaglist {font-size: 10px;margin: 0px; padding: 10px; margin-top: -4px;list-style-type: none; }

ul.ljtaglist li {
margin: 0px; padding-left: 30px;
}

.lj-view-archive #beta-inner {background: white; border: 1px dotted #eee;  text-align: justify; font-size: 8pt; font-family: helvetica, sans-serif; color: #000; margin-top: 0px;  min-height: 150px;  padding: 20px;margin-top: 0px; line-height: 101%; }

.lj-view-archive #beta-inner table {width: 75%; margin-left: auto !important; margin-right: auto !important; border: 0px!important}
.lj-view-archive #beta-inner table th {padding: 5px 0px; border: 0!important;  color: #000; text-transform: lowercase;   font-family: georgia, serif;font-size: 20px; font-weight: normal; margin-bottom: 0px; margin-right: 25px; padding: 15px; text-align: right; }
.lj-view-archive #beta-inner table td {padding: 5px; border: 1px dotted #ccc!important; }
.lj-view-archive #beta-inner ul {margin: 0px 20px; list-style-type: none; border: 0!important}
.lj-view-archive #beta-inner ul li {display: inline; padding-right: 20px; border: 0px !important}

.lj-view-archive #beta-inner a {color: #000; font-weight: bold;text-decoration: none; text-transform: lowercase; }
.lj-view-archive #beta-inner a:hover {color: #fff; }

.lj-view-month #beta-inner dl {line-height: 1.5em;}
.lj-view-month #beta-inner dt {margin-bottom: 5px; padding-bottom: 5px;}
.lj-view-month #beta-inner dd {margin-bottom: 1em; padding-left: 3em;}

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

/* ---------------------------------------------------- 
 		REPLACEMENT ICONS 
  ---------------------------------------------------- */

.ljuser a {border-bottom:none!important;padding-bottom: 0px; 
}

.ljuser a b {
padding-left:0px; 
}

.ljuser a:hover b {text-decoration: none;
}

.ljuser img[src="http://www.insanejournal.com/img/userinfo.gif"] {
width: 0!important;
height: 0!important;
background-repeat: no-repeat !important;
background-image: url(http://i52.tinypic.com/11lmvxd.jpg) !important;
padding: 7px 9px 5px 4px !important;
}

.ljuser img[src="http://www.insanejournal.com/img/community.gif"] {
width: 0!important;
height: 0!important;
background-repeat: no-repeat !important;
background-image: url(http://i54.tinypic.com/qpmopj.jpg) !important;
padding: 9px 9px 3px 5px !important;
}

.poster img[src="http://www.insanejournal.com/img/userinfo.gif"] {
width: 0!important;
height: 0!important;
background-repeat: no-repeat !important;
background-image: url(http://i52.tinypic.com/11lmvxd.jpg) !important;
padding: 0px !important;
}

.poster img[src="http://www.insanejournal.com/img/community.gif"] {
width: 0!important;
height: 0!important;
background-repeat: no-repeat !important;
background-image: url(http://i54.tinypic.com/qpmopj.jpg) !important;
padding: 0px !important;
}

.entry-header img[src="http://www.insanejournal.com/img/userinfo.gif"] {
width: 0!important;
height: 0!important;
background-repeat: no-repeat !important;
background-image: url(http://i52.tinypic.com/11lmvxd.jpg) !important;
padding: 9px 9px 6px 5px !important;
}

.entry-header img[src="http://www.insanejournal.com/img/community.gif"] {
width: 0!important;
height: 0!important;
background-repeat: no-repeat !important;
background-image: url(http://i54.tinypic.com/qpmopj.jpg) !important;
padding: 8px 8px 5px 6px !important;
}

.entry-footer a[href*=tellafriend], .entry-footer a[href*=flag], .entry-footer a[href*=memadd], .entry-footer a[href*=subscriptions] {  display:none;  
}

.comment-footer .separator, .entry-footer .separator {  
display:none !important;  
}

.lj-entry-securityicon img[src="http://www.insanejournal.com/img/icon_private.gif"], .lj-entry-securityicon img[src="http://www.insanejournal.com/img/icon_protected.gif"] {
width: 0!important;
height: 0!important;
background-repeat: no-repeat !important;
background-image: url(http://i51.tinypic.com/29bjzew.jpg) !important;
padding: 10px 10px 5px 5px !important;
}

.entry-footer a[href*=tellafriend], .entry-footer a[href*=flag], .entry-footer a[href*=memadd], .entry-footer a[href*=subscriptions] {  display:none;  }

.comment-footer .separator, .entry-footer .separator {  display:none!important;  }
.comments-header {display:none}
.comment-header {background: #fff; color: #000; text-transform: lowercase; line-height: 25px;  font-family: georgia, sans-serif;font-size: 25px; font-weight: normal!important; margin-bottom: 0px; margin-right: 25px; padding: 15px; text-align: right;  }
.comment-header strong {font-weight: normal}

.comments { width: 590px;}
.comment-content {background: white; margin-left: 25px; margin-right: 25px;  text-align: justify; font-size: 8pt; font-family: helvetica, sans-serif; color: #000; margin-top: 0px;  min-height: 150px;  padding: 20px;margin-top: 0px; line-height: 101%; }
.comment-footer { background: black; font-size: 10px; margin: 0px 0px 0px 0px; text-align: center; color: #ddd; text-transform: uppercase; font-weight: bold;  padding: 15px; margin-left: 25px; margin-right: 25px;} 
.comment-footer a, .comment-footer a:link, .comment-footer a:visited, .comment-footer a:active {font-weight: normal!important; color: #ddd; padding-left: 5px; padding-right: 5px; }
.comment-footer a:hover {color: black}

.comment-footer img[src="http://www.insanejournal.com/img/userinfo.gif"] { width: 0; height: 0; background-repeat: no-repeat !important; background-image: url(http://i52.tinypic.com/11lmvxd.jpg) !important; padding: 9px 0px 8px 10px !important;}

additional notes:

⇒ Please credit by adding a layout by <lj user="lobelia"> or some other kind of link to your profile, or one in your Link List.

⇒ Original Bloggish base code by Liz. Mini icons from yusukekamiyamane.com/.

Trouble? Check the FAQ!

(Post a new comment)

	frosti 2011-09-10 10:07 pm UTC (link)
	question. if i wanted to make the header with the navigation have the same background as the rest of the layout instead of the black, where would i do that? i'm usually pretty good at figuring things out, but lol, this one has me stumped! (Reply to this)

	no1curradoc 2011-09-20 03:32 pm UTC (link)
	<3 this layout. Using it for this journal :D (Reply to this)

	agebeforebeauty 2012-02-04 04:36 am UTC (link)
	Using this layout for this RP journal, thanks =D (Reply to this)

	sohbong 2012-02-04 11:24 pm UTC (link)
	using for this journal and crediting XDDDD (Reply to this)

	darkenedfate 2012-03-26 05:52 pm UTC (link)
	Using this layout here, but I wanted to let you know that as of today it looks like Tinypic randomly deleted the background image. :( (Reply to this) (Thread)

	medea 2012-03-26 06:08 pm UTC (link)
	... What the actual hell, tinypic. \|: skljgklsdjklgsd. Thank you for breaking your own TOS. Thank you so much for informing me, though! I will have an updated code with the new background in a jiff. (Reply to this) (Parent) (Thread)

	darkenedfate 2012-03-26 06:21 pm UTC (link)
	No problem! I figured you'd want to know. (Reply to this) (Parent)

	letojare 2012-03-26 07:13 pm UTC (link)
	It looks like some of the mini icons from various layouts have gotten deleted too. Tinypic must be on a deleting rampage today. :/ (Reply to this) (Parent)