This is when it has a very long title

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

location: Home

mood:

hot

INSTRUCTIONS FOR INSTALLATION ON INSANEJOURNAL

1. Go to "Customize Journal Style"
2. Under the "Look and Feel" Tab select "Bloggish" and "None" as the Theme. Save.
3. Under "Custom Options" select "Two Column Sidebar on Left".
4. Copy and past the code in the box below into the Custom stylesheet box.
5. Save

Hopefully it works!

NOTE: There is only one graphic for this layout. They are currently saved on my photobucket account, and while they will likely stay there for awhile, if you want to be certain I would suggest you copy the images and save them to your own photobucket (or whatever site you use) account. Then you just need to change the appropriate URL to point to wherever your have the images saved.

NOTE 2: This layout is set up to show no user image in the sidebar. If you change the coding to include it, it will throw out the sidebar settings. I'd suggest you don't do that unless you are familiar with coding.

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

body {
background: url(http://img.photobucket.com/albums/v87/ausmac/headers/deco4.jpg) top left no-repeat;
background-color: #b74c1e;
font-family: "palatino linotype", perpetua, georgia, "times new roman", serif; 
font-size: 65.5%;
text-align: center;
	}
	
a, a:link, a:visited, a:active {
color: #ffffff; 
font-weight: bold; 
text-decoration: none; 
outline: none;}

a:hover {
color: #f1df9f; 
text-decoration: underline;}

h1, h2, h3 {
font-weight: normal;}

small {
color: #C4B492; 
font-size: 11px;}

code {
font-size: 1.2em;}

/* --------------------------------- */
/* ---------- PAGE LAYOUT ---------- */
/* --------------------------------- */

#container {
position: relative; 
width: 100%; 
color: #000000;
background: transparent; 
font-size: 1.2em; 
text-align: left;}
	
.entry {
background: #cccccc;}

#pagebody {
margin:0px auto;
width: 100%; 
background: transparent; 
color: black; }

#pagebody-inner {}

/* sidebar */

#alpha {
width: 180px; 
float: right;}
     
#alpha-inner {
padding-right: 15px;}

/* main content */

#beta {
width: 775px; 
padding-left: 20px;
float: left;}
     
	
#beta-inner {
padding-left: 0px;}

/* ---------------------------- */
/* ---------- HEADER ---------- */
/* ---------------------------- */

#banner {
padding-top: 0px; 
width: 820px; 
margin: 0px auto; 
background:url() bottom center no-repeat;  
text-transform: uppercase;}
     
#banner-inner {
position: relative; 
width: 700px; 
height: 210px; 
margin-left: 30px; 
}

/* journal title */
h1#banner-header {
position: absolute; 
bottom: 45px; 
right: 25px; 
margin: 0px; 
font-size: 1.7em;}

/* journal subtitle */

h2#banner-description {
     position: absolute; 
     bottom: 15px; 
     right: 25px; 
     font-size: 1em;}

/* ----------------------------- */
/* ---------- CONTENT ---------- */
/* ----------------------------- */

.entry-content {
     position: static; 
     clear: both; padding: 2em;}

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

.content-nav,
.skiplinks {
     text-align: right;}

.date-header,div.day h2 {
background: transparent;
color: #ffffff; font-weight: bold;
font-size: 1.2em; 
text-transform: lowercase;}

.entry-userpic, .comment-userpic {
     float: left!important; 
     display: inline !important; 
     margin: 0px 0px 5px 10px !important; 
     text-align: center;}
     
.entry-userpic img, .comment-userpic img {
border: 5px solid #ffffff!important;}

.entry-userpic span.ljuser img, .comment-userpic span.ljuser img {
     border: 0px !important;}

h3.entry-header {
margin-top: 0px; 
font-family: "palatino linotype", georgia, "times new roman", serif; 
font-size: 1.3em; 
padding-left: 20px;
padding-top: 0px;
text-align: center;
font-weight: bold;
text-decoration: underline;}

.entry-body {
     line-height: 1.5em;}

.metadata {
     margin: 10px 0px;text-align: right; 
     padding: 0px 0px 20px 0px; 
     border-bottom: 1px solid #ffffff; 
     line-height: 1.2em;}

.metadata div {
     display: inline; 
     padding-right: 15px;}

.ljtags {
     padding: 10px 0px 0px 0px; 
     border-top: 1px solid #DED4BE; 
     line-height: 1.2em; 
     font-weight: bold; 
     text-transform: lowercase;}

.ljtags a {
     color: #97252F; 
     border: 0px; 
     text-decoration: none;}
     
.ljtags a:hover {
     color: #644F3E;}

.entry-footer a, 
.entry-footer a:link,
.entry-footer a:visited,
.entry-footer a:active {
color: #ffffff; 
text-decoration: none;}

.entry-footer a:hover {
     color: #f1df9f;}

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

p.entry-footer {
padding: 10px 20px; 
border-top: 1px solid #ffffff; 
     border-bottom: 1px solid #ffffff; 
     background: #cccccc; 
     text-transform: lowercase; 
     line-height: 1.5em;}

.separator {}

.entry,
.comments,
.archive {
     position: static; 
     overflow: hidden; 
     margin-bottom: 1em;}

.entry-content,
.comment-content,
.comments-open-content,
.comments-closed { 
     margin: 0px;}

.entry-footer,
.archive-content { 
     margin: 5px 0px 15px 0px;}

ul.ljtaglist a, dl a {
     text-decoration: none;}
     
ul.ljtaglist a:hover, dl a:hover {
     color: #97252F;}
     
ul.ljtaglist {
     margin: 0px; 
     padding: 0px 0px 20px 30px; 
     list-style-type: none;}
     
ul.ljtaglist li {
     margin: 0px;}

/* ----------------------------- */
/* ---------- MODULES ---------- */
/* ----------------------------- */

.module {
text-align: right;
padding: 0 0 2em 0;}

.module-header {
padding: 5px 10px;
color: #f1df9f; 
font-size: 1.4em; 
text-align: right;
text-decoration: underline;
text-transform: lowercase;}

.module-content {
margin: 0px !important; 
padding: 0px 10px 0px 10px;}

.module-content a {
color: #ffffff;}
     
.module-content a:hover {
color: #f1df9f;}

.module-list {
margin: 0px; 
padding: 0px; 
list-style-type: none;}
     
.module-list-item {
margin: 0px; 
padding: 3px 0px 3px 15px; 
background:}

/* --- default userpic --- */

.module-photo  {
     display: none;}

/* --- default LJ links --- */

.module-viewlinks {
     margin-top: -190px; margin-bottom: 50px;
padding-top: 10px;
     font-size: 1.1em; 
border: 1px dashed orange;
     text-transform: lowercase;}

/* --- link list --- */

.module-typelist {}

/* --- tags --- */

.module-categories .module-content {max-height: 200px;
overflow: auto;
overflow-x: hidden;
overflow-y: auto;
		}

/* --- page summary --- */
.module-pagesummary {}

/* --- sidebar calendar --- */
.module-calendar .module-content table {
border-collapse: collapse; width: 100%;}

.module-calendar .module-content th, .module-calendar .module-content td {
width: 14%; padding: 3px 0px; text-align: center;}

.module-calendar .module-content a {
padding: 3px 0px; background: #000000; color: #ffffff; display: block; width: 90%; border: 1px solid #9E9062;}

.module-calendar .module-content a:hover {}

/* --- powered by box --- */

.module-powered {display: none;}

/* ------------------------------ */
/* ---------- CALENDAR ---------- */
/* ------------------------------ */

.module-mmt-calendar { margin-bottom: 15px; }
.module-mmt-calendar .module-content { margin: 0; }
.module-mmt-calendar .module-header { margin: 0; }
.module-mmt-calendar .module-header a { text-decoration: none; }
.module-mmt-calendar table { width: 100%; }
.module-mmt-calendar th { text-align: left; }
.module-mmt-calendar td {width: 14%; height: 75px; text-align: left; vertical-align: top;}

Tags: layouts, testing, testing again

This is when it has a very long title

except when it isn't...

December 2008

Tags

Page Summary

Syndicate

Dec. 27th, 2008

S2 Bloggish: Reds