InsaneJournal

Tweak says, "banana banana banana!"

wizardnamedoz (wizardnamedoz) wrote in rpglayouts,
@ 2010-05-05 22:21:00

Entry tags:

journal layouts

[journal layout] darwinian

S2 Bloggish || "1" Column

F A Q S.
name:	Darwinian
tested viewing:	FireFox 3.6 & IE 8/screen resolution of 1024x768 or greater
style:	S2 Bloggish - no theme, two columns [parading as one]
options:	header [725px] & link list along top
live preview:	unclearly @ insanejournal

I N S T R U C T I O N S.

insanejournal:

1. Go to Customize Journal
2. Select S2 under Style System, then click Save
3. Go to Look and Feel (the second tab)
4. Select Bloggish under Layout & Language
5. Select (none) under Themes, click Save again
6. Go to Custom Options (the third tab)
7. Select Two Columns (Sidebar on Left) under Layout Type
8. Copy/Paste the css code (below) into the Custom Stylesheet textbook at the bottom of the Custom Options tab
9. Click Save & voila!

C O D E.

css stylesheet by adel, sporkingly@gmail.com:

/*-------------------------------------------
    Darwinian Layout
    Style Bloggish w/ No Theme 
    made by adel aka sporkingly@gmail.com
    thanks to rpglayouts.insanejournal.com
--------------------------------------------*/

/*-------------------------------------------
             B O D Y & H E A D E R
--------------------------------------------*/

body {
	background: url('http://i44.tinypic.com/1268mk6.jpg') !important;
	text-align: justify;
	color: #938266;
	font-family: Palatino, serif;
	font-size: 10pt;
	margin: 20px 0 20px 90px;
	line-height: 18px;
	}

a, a:link, a:visited {
	color: #DACEB4;
        text-transform: lowercase;
	text-decoration: none;
	font-weight: bold;
	padding: 2px;
	}

a:hover {
	color: #938266;
        text-transform: lowercase;
	text-decoration: none;
	font-weight: bold;
	border-bottom: 1px #DACEB4 solid;
	padding: 2px;
	}

#container {
	margin: 20px auto !important;
	padding: 0px !important;
	width: 725px;
	}

#pagebody, #pagebody-inner {
	margin: 0px !important;
	padding: 0px !important;
	width: 725px;
	}

h1#banner-header, h2#banner-description {
	display: none; 
	}

#alpha {
        background: #F9F7E2;
        padding: 5px 10px;
	border: 6px #EBDEB2 solid;
	border-bottom: none !important;
        }

#alpha-inner  {
        margin: 0px;
        padding: 0px;
        }

#beta {
        background: #F9F7E2;
        padding: 5px 10px;
	border: 6px #EBDEB2 solid;
	border-top: none !important;
        }

#beta-inner {
	margin-top: 4px;
	}

/*-----------------------------------------
    Navigation Links (Previous/Next)
------------------------------------------*/

p.content-nav a {
	text-transform: uppercase;
	font-weight: normal;
	font-family: Palatino, serif;
	font-size: 10pt;
	color: #DACEB4;
	border: none !important;
	letter-spacing: -1px;
	border-top: 1px solid #EBDEB2;
	border-bottom: 1px solid #EBDEB2;
	}

p.content-nav a:hover {
	text-transform: uppercase;
	font-weight: normal;
	font-family: Palatino, serif;
	font-size: 10pt;
	color: #938266;
	border: none !important;
	letter-spacing: -1px;
	border-top: 1px solid #EBDEB2;
	border-bottom: 1px solid #EBDEB2;
	}

p.content-nav { 
	position: absolute;
	bottom: 0px;
	margin-left: -10px;
	margin-bottom: 10px;
	}

.content-nav {
	background: transparent !important;
	border-top: 1px solid #EBDEB2;
	border-bottom: 1px solid #EBDEB2;
	width: 713px;
	float: left;
	}

/*-----------------------------------------
                 S I D E B A R
------------------------------------------*/

.module {
	width: 693px;
	}
	
.module-typelist .module-list-item, .module-typelist ul.module-list { 
	display: inline !important;
	}

.module-typelist .module-list-item {
	line-height: 11px;
	padding: 0px 8px;
        }

.module-typelist .module-content {
	margin-top: 25px;
	margin-left: 0px;
	}

.module-typelist .module-list-item a {
	text-transform: uppercase;
	font-weight: normal;
	font-family: Palatino, serif;
	font-size: 10pt;
	color: #DACEB4;
	border: 1px solid #EBDEB2;
	letter-spacing: -1px;
	padding: 4px 8px;
	}

.module-typelist .module-list-item a:hover {
	text-transform: uppercase;
	font-weight: normal;
	font-family: Palatino, serif;
	font-size: 10pt;
	color: #F9F7E2;
	border: 1px solid #938266;
	padding: 4px 8px;
	background: #938266 !important;
	}

.module-header, .module-viewlinks, .module-categories, .module-powered, .module-photo, .module-calendar, .module-syndicate, .module-pagesummary {
	display: none;
        }

/*------------------------------------------
               E N T R I E S
--------------------------------------------*/

.entry {
        padding: 5px;
        margin: 0px; 
	}

.entry-content {
	margin-bottom: 0px;
	}

h2.date-header {
	color: #F9F7E2 !important;
	font-weight: normal;
	margin-bottom: 0px;
	margin-left: 5px;
        text-transform: uppercase;
	font-family: times, serif;
	font-size: 14px;
	letter-spacing: 5px;
	line-height: 7px;
	padding: 8px;
	background: #DACEB4;
	}

h3.entry-header {
	text-align: justify;
	font-family: Palatino, serif;
	font-size: 36px;
	font-weight: normal;
	letter-spacing: 5px;
	line-height: 25px;
        color: #F9F7E2;
        text-transform: uppercase;
	padding: 8px;
        margin-top: 2px;
	background: #938266;
	}

.entry-userpic {
	border: #DACEB4 2px solid;
	padding: 0px;
	}

blockquote {
	border: 2px #DACEB4 solid;
	padding: 5px;
	}

.ljtags {
	display: none;
	}

.entry-footer {
	color: #F9F7E2 !important;
	font-weight: bold;
	margin-bottom: 35px;
	margin-top: 10px;
        text-transform: lowercase;
	font-family: monospace;
	font-size: 14px;
	letter-spacing: 0px;
	line-height: 15px;
	}

.entry-footer a {
	text-transform: uppercase;
	font-weight: normal;
	font-family: Palatino, serif;
	font-size: 10pt;
	color: #DACEB4;
	border: 1px solid #EBDEB2;
	letter-spacing: -1px;
	padding: 4px 8px;
	}

.entry-footer a:hover {
	text-transform: uppercase;
	font-weight: normal;
	font-family: Palatino, serif;
	font-size: 10pt;
	color: #F9F7E2;
	background: #938266 !important;
	border: none !important;
	letter-spacing: -1px;
	border: 1px solid #938266;
	}

.separator {
	padding: 0px 0px;
	display: none;
	}

M O D I F I C A T I O N S.

color schemes:

dna
	#938266	#DACEB4	#EBDEB2	#F9EDC7	#F9F7E2
lavender glass
	#D8C5C8	#C285A0	#2B1424	#6E345D	#401E36

backgrounds:

HERE made w/ COLOURlovers

HERE

header:

1. To add a head, paste the following in the code:
   #banner {
      background-image: url('URL HERE');
      height: NUMBERpx;
      margin: 5px 0px;
      }
2. Replace URL HERE in background-image: url('URL HERE'); with the full address of your header image
3. Replace NUMBER in height: NUMBERpx; with the numerical number of the height of your header image

link list:

The links along the top are part of your link list in lieu of the traditional standard links.
1. Go to Manage Link List
2. Home: http://USERNAME.insanejournal.com/
3. Profile: http://USERNAME.insanejournal.com/profile
4. Friends: http://USERNAME.insanejournal.com/friends
5. Replace USERNAME with your journal username.
6. Click Save Changes

E X A M P L E S.
journals @ work:

	phasedthrough 2010-05-15 07:09 pm UTC (link)
	This is gorgeous; thank you! I've used it on this journal, but I changed the font size in the h3 to be smaller. <3 (Reply to this)