infinitus - codes

S	M	T	W	T	F	S
		1	2	3	4	5
6	7	8	9	10	11	12
13	14	15	16	17	18	19
20	21	22	23	24	25	26
27	28	29	30	31

So, I spent some time tweaking this layout by

lobelia and I thought I would share the fruits of my labor in case anyone wanted to use my changes. Please make sure you credit

lobelia for the original layout, because I only made some minor revisions, most of the work here is hers!

Live Preview:

telepathysucks
Background Labs is an excellent resource for backgrounds.

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

S2 BLOGGISH: 'PAUSE', 29/04/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; color: #313131; padding: 5px; 
}
ol { margin: 19px 40px; padding: 0px; list-style: upper-roman; }

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

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

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

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

body { margin: 0px; padding: 0px; 
background: url(YOUR BACKGROUND IMAGE GOES HERE) #491534;
background-attachment: fixed;
font-size: 9pt; 
font-family: helvetica, arial, sans-serif;
line-height: 130%; 
text-align: center; }

#container { width: 600px; margin: 0px auto; padding: 0px; text-align: left; 
background-position: top center;
background-repeat: repeat;
background-attachment: fixed;
}

#container-inner { width: 550px; background: #transparent;margin: 0px auto; }

#pagebody { margin: 0px auto; padding: 0px;background: #transparent; }

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

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

#alpha-inner {width: 530px; padding: 0px; background: white; padding: 10px; }
#beta-inner { width: 550px; padding: 0px 0px 0px 0px;background: #transparent; }

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

#banner { padding-top: 10px }
#banner h1 { display:none; }
#banner h2 { display: none; }

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

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

.date-header {display:none}

.lj-view-recent .entry-header {background: white; color: #000; text-transform: uppercase; line-height: 100%;  font-family: helvetica, sans-serif;font-size: 15px; font-weight: bold;margin-left: 25px; margin-right: 25px; text-align: right; padding-bottom: 3px; border-bottom: 1px dotted #cfcfcf  }
.entry-header a:link, 
.entry-header a:visited, 
.entry-header a:active {text-decoration: none; color: #666;}
.entry-header a:hover {color: #fff;}
.lj-view-friends .entry-header {background: white; color: #000; text-transform: uppercase; line-height: 100%;  font-family: helvetica, sans-serif;font-size: 15px; font-weight: bold;margin-left: 25px; margin-right: 128px; text-align: right; padding-bottom: 3px; border-bottom: 1px dotted #cfcfcf  }

.lj-view-recent .entry-userpic {display:none }
.lj-view-recent .poster { display:none}

.lj-view-friends .entry-userpic { float: right!important; margin-right: 15px!important; }
.lj-view-friends .entry-userpic img {padding: 5px!important; border: 1px dotted #cfcfcf!important}
.lj-view-friends .entry-userpic a:link, .entry-userpic a:visited, .entry-userpic a:active {color: #999; font-size: 10px; font-family: helvetica; font-weight: normal!important; text-transform: uppercase; letter-spacing: 0px}
.lj-view-friends .entry-userpic a:hover {font-weight: normal!important; color: #fff; }
.lj-view-friends .poster { width: 112px; text-align: right; color: #ababab; font-size: 10px; font-weight: normal; font-family: helvetica; text-transform: uppercase; line-height: 10px; letter-spacing: 0px;}
.lj-view-friends .poster img {border: 0 !important; margin: 0px!important;}

.entry-body {padding-bottom: 4px;text-align: justify; font-size: 11px; font-family: georgia, serif; color: #111; min-height: 150px; line-height: 101%;}
.entry-body a:link, 
.entry-body a:visited, 
.entry-body a:active { color: #999; 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 { font-size: 0px; margin: 0px 0px 0px 0px; text-align: center; color: #fff; padding-bottom: 10px; margin-top: 10px; padding-top: 3px; border-top: 1px dotted #cfcfcf } 
.entry-footer a, .entry-footer a:link, .entry-footer a:visited, .entry-footer a:active {color: #777; font-size: 11px; font-family: georgia, serif; font-weight: normal!important; text-transform: lowercase; padding: 4px}
.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: 550px;align: center; text-align: center!important; position: absolute; bottom: -32px;color: #fff; background: #fff; left: 0px; padding-bottom:15px; padding-top: 15px; left: 0px; line-height: 6px;}
.content-nav a {  text-transform: uppercase; line-height: 100%;  font-family: georgia, serif;font-size: 11px; letter-spacing: 1px; font-weight: bold; color: #000; display: block;padding: 3px;  padding-right: 20px;}
.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: 6px; margin-left: 0px; margin-right: 0px; }
.ljtags a, .ljtags a:link, .ljtags a:visited, .ljtags a:active {color: #bbb; text-decoration: none; font-weight: normal; font-size: 7.5pt; padding-right: 10px; text-transform: uppercase;}
.ljtags a:hover {color: #fff; }

.separator {}

.entry {position: static; overflow: hidden; clear: both; background: white; 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 {padding: 5px;
}

.module-header {}

.module-content {background: #transparent;}

.module-content img {width:50px;height:50px;}

.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-calendar {display:none}
.module-photo {width: 55px; float: left; }
.module-photo img {padding: 5px; border: 1px dotted #ddd}
.module-viewlinks { width: 420px; margin-top: 5px; }
.module-viewlinks ul { }
.module-viewlinks li.module-list-item { display: block; float: left; margin-right: 10px;}
.module-viewlinks a {color: #000; text-transform: uppercase; line-height: 100%;  font-family: georgia, serif;font-size: 11px; font-weight: bold;  letter-spacing: 1px; }
.module-viewlinks a:hover {color: #fff;}
.module-typelist { width: 380px; margin-top: -15px; padding-left: 16px}
.module-typelist h2 {float: left; font-size: 11px; font-family: helvetica, arial, sans-serif}
.module-typelist ul { }
.module-typelist li.module-list-item { display: block; float: left; margin-left: 10px; margin-top: 2px;}
.module-typelist a {color: #777; text-transform: uppercase; line-height: 10px;  font-family: helvetica, sans-serif;font-size: 10px; font-weight: normal; }
.module-typelist a:hover {color: #fff;}

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

.lj-view-tags #beta-inner {background: white;  padding-top:  20px !important; text-align: left; font-family: georgia, serif;}
.lj-view-tags #beta-inner h2 {padding-left: 20px; }
ul.ljtaglist a, dl a {color: #999; line-height: 100%;  font-family: georgia, serif;font-size: 11px; font-weight: bold; text-decoration: none}
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;  padding-top:  20px !important; padding-bottom: 20px !important;  text-align: left; }

.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: 3px solid #fafafa!important;  color: #000; text-transform: uppercase; line-height: 100%;  font-family: georgia, serif;font-size: 13px; font-weight: bold;  letter-spacing: 1px;}
.lj-view-archive #beta-inner table td {padding: 5px; border: 3px solid #fafafa!important; }
.lj-view-archive #beta-inner ul {margin: 0px 20px; list-style-type: none; border: 0px!important}
.lj-view-archive #beta-inner ul li {display: inline; padding-right: 20px; border: 0px !important}

.lj-view-archive #beta-inner a {color: #444; line-height: 100%;  font-family: helvetica, arial, sans-serif;font-size: 11px; font-weight: bold; text-decoration: none }
.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: 8px 9px 5px 5px !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: 8px 9px 6px 5px !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;  
}
.lj-view-entry .entry-userpic { float: right!important; margin-right: 15px!important; }
.lj-view-entry .entry-userpic img {padding: 5px!important; border: 1px dotted #cfcfcf!important}
.comments-header {background: white; color: #000; text-transform: uppercase; line-height: 100%;  font-family: helvetica, sans-serif;font-size: 15px; font-weight: bold;text-align: right; padding: 10px; margin-bottom: 0px!important;}

.comments { width: 550px;}
.comment-content {background: white; padding: 20px; background: #fff; text-align: justify; font-size: 9pt; font-family: helvetica, helvetica, arial, sans-serif; color: #999; min-height: 120px; line-height: 111%; }
.comment-userpic { float: right!important; margin-right: 15px!important; margin-top: 15px!important; margin-bottom: 15px!important; }
.comment-userpic img {padding: 5px!important; border: 1px dotted #cfcfcf!important}
.comment-userpic a:link, .comment-userpic a:visited, .comment-userpic a:active {color: #999; font-size: 10px; font-family: helvetica; font-weight: normal!important; text-transform: uppercase; letter-spacing: 0px}
.comment-userpic a:hover {font-weight: normal!important; color: #fff; }
.poster { width: 110px; text-align: right; color: #ababab; font-size: 10px; font-weight: normal; font-family: helvetica; text-transform: uppercase; line-height: 10px; letter-spacing: 0px;}
.poster img {border: 0 !important; margin: 0px!important;}
.comment-footer { background: white; font-size: 9px; margin: 0px 0px 0px 0px; text-align: center; color: #999; font-family: georgia, serif; text-transform: lowercase; margin-bottom: 10px; padding-top: 3px; padding-bottom: 3px; border-top: 1px dotted #cfcfcf } 
.comment-footer a, .comment-footer a:link, .comment-footer a:visited, .entry-footer a:active {color: #777; font-size: 11px; font-family: georgia, serif; font-weight: normal!important; text-transform: lowercase!important; padding: 4px}
.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://i55.tinypic.com/2gxn3t0.jpg) !important; padding: 9px 0px 8px 10px !important;}

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

Tags: layout

Posted at 11:00 am | Link | Leave a comment | Add to Memories | Tell a Friend

infinitus - codes

October 2013

Tags

Page Summary

Syndicate

Jul. 21st, 2013

layout code.