InsaneJournal

Tweak says, "do you trust me?"

Pemberley Icons (

pemberley) wrote in

abeautifulmind,
@ 2011-12-29 15:17:00

Can you tell I'm in love with this base layout?

Static Preview
Live Preview:

toujourspur_psl

Code

/* S2 Bloggish Layout 
http://asylums.insanejournal.com/abeautifulmind + http://lace-and-cream.insanejournal.com */
/* Viewlinks code by grrliz on thefulcrum.livejournal.com because I fail */

body {background-color:#000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-align:left;
color:#FFFFFF;
background-image:url("http://images.wikia.com/harrypotter/images/e/ef/800px-Blackfamilytreeootp1.jpg");
}

a, a:visited, a:hover { 
color:#2b0d0b;
}

#container { 
width:542px;
margin: 0px auto;
padding:2px;
}

#container-inner {
width:532px;
}

#banner {
width:542px;
background-image:url("http://www.hp-lexicon.org/images/blackfamilytrees/blackfamilycrest.gif");
height:375px;
background-color:#fff;
}

h1#banner-header { display:none;
}

h2#banner-description {
display:none;
}

#pagebody { width:542px;
background-color:#ccc;
}

#alpha { background-color:#000;
color:#000000;
width:100px;
}
#beta 
{width:442px;
margin-top:50px;
;}

.content-nav, .content-nav a, .content-nav a:hover { color:#660000;
}

h2.date-header { font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#fff;
background-color:#000;
float:right; 
width: 420px;
}

.skiplinks { font-size:9px;
color:#777;
float:bottom;
}

.entry { border:2px;
border-color:#000;
border:2px;
width:420px;
color:#000;
background-color:#FFFFFF;
-moz-border-radius: 15px;
border-radius: 15px;
margin-right:10px;
margin-left:10px;
float:right;
}

h3.entry-header {color:#FFF;
font-size:16px;
text-align:center;
}

.entry-userpic {display:none;
}

.entry-content {line-height:normal;
}
.entry-body {line-height:normal;}

.metadata {display:inherit;
}

.ljtags { float:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
color:#777;
}

.entry-footer {background:background-color:#FFFFFF;
color:#000000;
}

.module {width:542px;
background-color:#000;
color:#fff;
padding:1px;
}

.module-photo {display:none;
}

.module-viewlinks {
	position: static;  
	margin: 0px auto !important;
	color: #FFFFFF;
	font-size: 100%; 
	text-transform: uppercase;
	font-weight: 200; 
	letter-spacing: .22em;}
.module-viewlinks .module-content {
	position: relative; 
	height: 50px; 
	margin: 0px auto; 
	padding: 0px auto;}
.module-viewlinks ul {
	position: absolute; 
	top: 0px; 
	margin: 0px 0px 0px 128px; 
	font-size: 1em; 
	line-height: 30px; 
	list-style-type: none;}
.module-viewlinks li.module-list-item {
	display: inline !important; 
	float: left; 
	width: auto; 
	padding: 10px; 
	text-align: center; 
	background: none;}

.module-calendar {display:none;!important}

.module-typelist {
color:#664400;
background-color:#990000;
width:150px;
float:left;
}
.module-categories {
color:#fff;
background-color:#000;
width:100px;
float:left;
}
.module-pagesummary  {display:none;}
.module-syndicate {display:none;}
.module-powered {display:none;}
.module-header {font-size:14px;
color:#554422;
background-color:#000;
}
.module-content {font:Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
}	
ul.module-list {background-color:#000;
color:#fff;
}
li.module-list-item a {color:#fff}

.comments {width:542px;
background-color:#fff;
color:#0000;
text-align:center;
text-transform:uppercase;
}

h3.comments-header { width:542px;
font-size:14px;
color:#000;
}

h3.comment-header { font-size:12px;}
.comment-userpic {float:right;}
.comment-content {font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000;
background-color:#fff;}
.comment-footer {font-size:9px;
color:#000;
}
.comment-replies {background-color:#fff;
color:#000000;
}

-> Feel free to modify as you like, but leave credit in the code/profile etc thanks!

1. Click on customize journal
2. Under Basics select s2
3. Under Look and Feel Choose Bloggish
4. Style = None
5. Click Custom Options
6. Choose Two Column (sidebar on left)
7. Copy the above code into the box
8 PLEASE CREDIT

abeautifulmind
9. DO NOT HOTLINK THE IMAGES PLEASE
10. Comments aren't necessary but appreciated. I would love to know people are using my layouts

(Read comments)

InsaneJournal

Post a comment in response: