thefulcrum: Template #38: Escape Is At Hand For The Travellin' Man

Liz (

grrliz) wrote in

thefulcrum,
@ 2007-11-04 20:54:00

Entry tags:

01. feature:columns:2 columns, 01. feature:width:fixed width, 02. style:bloggish, 03. theme:flowers/nature, 04. colour:! scheme:light text on dark, 04. colour:blue, 04. colour:brown, 04. colour:grey, 04. colour:white

Template #38: Escape Is At Hand For The Travellin' Man
Please read the directions in this entry as well as the Community FAQ and Template FAQ before asking questions.

Details
Template Name:		Escape Is At Hand For The Travellin' Man
Account Types:		all account levels (Basic, Plus, Paid, etc.) but the ads in Plus might make it look hideous
Layout Style:		S2 Bloggish
Tested In:		Firefox 2, Opera 9, and Internet Explorer 7 on Windows XP; Firefox 2 and Safari 2 on Mac OS X
Screen Resolutions:		1024x768 and up
Notes:		Background tile by 24-7 Media, modified by me.. If you'd like your mood theme image to appear beside the metadata (mood, music, location), paste this at the bottom of your code: `.metadata {position: relative; min-height: 60px; padding-left: 110px; } .metadata img {position: absolute !important; left: 0px !important; right: 0px !important; display: inline;}`

[Small screenshots suck; view larger?]

Directions
Go to Manage:		Customize
Select New Theme:		Type Bloggish into the search box. Choose the "Unstyled" theme and hit "apply theme". You may have to click to the next page of thumbnails to find "Unstyled", depending on your settings.
Choose a Page Setup		Choose "2 Column (sidebar on left)". Hit the "Customize Selected Theme" button.
Choose "Custom CSS" from the menu on the left:		Select the following: Use layout's "Base Weblog" stylesheet: choose "Yes" from the menu. Custom external stylesheet URL: leave field blank. Custom stylesheet: paste style sheet contents in this box. Hit "save changes".

The Code

Copy and paste this into the aforementioned "custom stylesheet" box on the "Custom Options" tab. I have hosted the graphics on my own Photobucket account, but you are welcome and encouraged to upload them to your own image host (just remember to change the URLs in your style sheet). These are the images:

/*	Template: (#38) Escape Is At Hand For The Travellin' Man	  */
/*	Date: November 4, 2007	*/
/*	S2 Style: Bloggish	*/
/*	Available at http://community.livejournal.com/thefulcrum/	*/
/*	Made by Liz a.k.a. grrliz.livejournal.com	*/
/*	Background image by 24-7 Media http://www.24-7media.de	*/

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

html {font-size: 100%; /* IE hack */ }

body {
	background: url(http://img.photobucket.com/albums/v388/grrliz/other/layouts/free/38_bg.gif) top center repeat-y #ECECEB;
	color: #444444;
	font-family: helvetica, candara, arial, sans-serif; 
	font-size: 62.5%;
	text-align: center;
	}

a, a:link, a:visited, a:active {color: #73AFB7; font-weight: normal; text-decoration: none; outline: none;}
a:hover {color: #594C42;}

input, textarea, select {margin: 0px 1px 1px 0px; border: 3px double #e3e3e3; background: #ffffff; color: #444444;}

blockquote {margin: 1em 3em; padding: 1em; border: 3px double #e3e3e3; font-size: 1.1em; font-family: georgia, perpetua, "times new roman", serif;}

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

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

#container {position: relative; width: 100%; font-size: 1.2em; text-align: left;}

#pagebody {margin: 0px auto; width: 880px;}
	
#alpha, #beta, #gamma {display: inline; float: left; }

/* sidebar */
#alpha {width: 272px; background:url(http://img.photobucket.com/albums/v388/grrliz/other/layouts/free/38_pagecontent.gif) top left no-repeat transparent;}
#alpha-inner {margin-left: 30px; padding-top: 60px;}

/* main content */
#beta {width: 600px;}
	#beta-inner {margin: 0px 16px 0px 7px;}

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

#banner {background: url(http://img.photobucket.com/albums/v388/grrliz/other/layouts/free/38_header.gif) top center repeat-x transparent; font-family: "palatino linotype", georgia, "times new roman", serif; text-align: right; letter-spacing: 1px;}
#banner-inner {margin: 0px auto; width: 880px; height: 160px; background:url(http://img.photobucket.com/albums/v388/grrliz/other/layouts/free/38_butterflies.gif) bottom left no-repeat transparent;}

/* journal title */
#banner h1 {margin: 0px 40px 0px 420px; padding: 30px 0px 10px 0px; color: #BBB0A7; font-size: 1.6em;}

/* journal subtitle */
#banner h2 {margin: 0px 40px 0px 410px; color: #8D7E72; font-size: 0.9em; text-transform: uppercase;}

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

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

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

.content-nav,
.skiplinks {padding: 10px 20px; text-align: right;}

.date-header,
div.day h2 {margin: 0px 20px 5px 20px; padding: 0px 0px 5px 0px; border-bottom: 1px solid #e3e3e3; color: #aaaaaa; font-size: 1em; font-family: "palatino linotype", georgia, "times new roman", serif; text-transform: uppercase;}

.entry-userpic {float: right !important; display: inline !important; margin: 0px 20px 5px 10px !important; text-align: center;}

h3.entry-header {
	padding: 0px 20px 0px 20px;
	color: #73AFB7;
	font-family: "palatino linotype", georgia, "times new roman", serif;
	font-size: 1.2em;
	line-height: 1.3em;
	text-transform: uppercase;
	letter-spacing: 1px;
	}

.entry-body {padding: 0px 20px; line-height: 1.5em;}
.entry-body ol {margin: 10px 0px 10px 40px;}
.entry-body ul {margin: 10px 0px 10px 20px; list-style-type: none;}
.entry-body ul li {margin: 0px; padding: 3px 0px 3px 17px;background: url(http://img.photobucket.com/albums/v388/grrliz/other/layouts/free/15_separator.gif) 0px 5px no-repeat;}
.entry-body a {font-weight: bold; border-bottom: 1px solid #ccc;}
.entry-body a:hover {}

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

.ljtags {font-weight: bold; text-transform: lowercase;}
.ljtags a {color: #73AFB7; text-decoration: none;}
.ljtags a:hover {color: #666666;}

.entry-footer a, 
.entry-footer a:link,
.entry-footer a:visited,
.entry-footer a:active {color: #666666; text-decoration: none;}
.entry-footer a:hover {color: #73AFB7;}

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

p.entry-footer {padding: 10px 20px; border-top: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; background: #f6f6f6; line-height: 1.5em;}

.separator {}

.comment {margin-bottom: 10px; border-top: 1px solid #e3e3e3;}

.comment-content {padding: 0px;}
.comments-content, .comments-header {margin: 0px 20px;}

.comments, .comments-open-header {line-height: 1.5em;}

.comment-footer {}

.entry,
.trackbacks,
.comments,
.archive {position: static; overflow: hidden; margin-bottom: 0px;}

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

.entry-excerpt,
.entry-body,
.entry-more-link,
.entry-more {}

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

.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;}

ul.ljtaglist a, dl a {text-decoration: none;}
ul.ljtaglist a:hover, dl a:hover {color: #73AFB7;}
ul.ljtaglist {margin: 0px; padding: 0px 0px 20px 30px; list-style-type: none;}
ul.ljtaglist li {margin: 0px; padding: 3px 0px 3px 17px;background: url(http://img.photobucket.com/albums/v388/grrliz/other/layouts/free/15_separator.gif) 0px 5px no-repeat;}

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

.module {font-family: "palatino linotype", georgia, "times new roman", serif; }

.module-header {padding: 5px 10px; border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; background: url(http://img.photobucket.com/albums/v388/grrliz/other/layouts/free/38_sidebarheader.gif) right center repeat-y #E8E8E6; font-size: 1.4em; text-transform: lowercase;}

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

.module-content a {color: #73AFB7; text-decoration: none;}

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

.module-list {margin: 0px; padding: 0px; list-style-type: none;}
	
.module-list-item {margin: 0px; padding: 3px 0px 3px 17px;background: url(http://img.photobucket.com/albums/v388/grrliz/other/layouts/free/15_separator.gif) 0px 5px no-repeat;}

/* --- default userpic --- */
.module-photo  {display: none;}

/* --- default LJ links --- */
.module-viewlinks {position: absolute; top: -52px; margin: 0px auto; width: 850px; font-family: "palatino linotype", georgia, "times new roman", serif; text-transform: lowercase;}
.module-viewlinks .module-content {position: relative; height: 52px; margin: 0px; padding: 0px; background: url(http://img.photobucket.com/albums/v388/grrliz/other/layouts/free/38_navbg.gif) bottom right no-repeat transparent;}
.module-viewlinks ul {position: absolute; top: 0px; right: 40px; font-size: 14px; line-height: 30px; list-style-type: none;}
.module-viewlinks li.module-list-item {display: block; float: left; width: 112px; padding: 0px; text-align: center; background: none;}
.module-viewlinks a {color: #ffffff;}
.module-viewlinks a:hover {color: #407076;}

/* --- link list --- */
.module-typelist {}

/* --- tags --- */
.module-categories {display: none;}

/* --- page summary --- */
.module-pagesummary {display: none;}

/* --- 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: #e9e9e9; color: #73AFB7; display: block; width: 90%; border: 1px solid #cccccc;}
.module-calendar .module-content a:hover {}

/* --- powered by box --- */
.module-powered {text-transform: lowercase;}

.module-powered .module-content {margin: 0px; padding: 0px 5px;}
.module-powered a, .module-powered a:link {font-weight: bold;}

/* ------------------------------ */
/* ---------- 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;}

.day-photo {width: 54px; height: 54px;}
.day-photo a {display: block;}
.day-photo a img {width: 50px; height: 50px;}

.lj-view-entry .entry {padding: 20px 0px 0px 0px;}
.lj-view-archive #beta-inner,
.lj-view-month #beta-inner,
body.lj-view-tags #beta-inner {padding: 0px 20px 20px 20px !important; text-align: left;}
body.lj-view-tags #beta-inner h2 {padding: 0px 20px !important;}

.lj-view-archive #beta-inner table {width: 90%; margin-left: auto !important; margin-right: auto !important; border: 1px solid #ccc !important;}
.lj-view-archive #beta-inner table th {padding: 5px 0px; border: 1px solid #ccc !important; text-align: center;}
.lj-view-archive #beta-inner table td {padding: 5px 2px; border: 1px solid #ccc !important;}
.lj-view-archive #beta-inner ul {margin: 0px 20px; list-style-type: none;}
.lj-view-archive #beta-inner ul li {display: inline; padding-right: 20px;}

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

/* ----------------------------------------------------- */
/* WHATEVER YOU DO, DO NOT EDIT ANYTHING BELOW THIS LINE */
/* ----------------------------------------------------- */

/* .pkg class wraps enclosing block element around inner floated elements */
.pkg:after
{
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}
* html .pkg { display: inline-block; }
/* no ie mac \*/
* html .pkg { height: 1%; }
.pkg { display: block; }
/* */

/* ----------------------------------------------------- */
/* ---------- ADD FURTHER CSS OVERRIDES BELOW ---------- */
/* ----------------------------------------------------- */

And that's pretty much it!

Page 1 of 13
<<	[1] [2] [3] [4] [5] [6] [7] [8] [9] [10] [11] [12] [13]	>>

(405 comments) - (Post a new comment)

	ledbylove 2007-11-05 02:03 am UTC (link)
	Oh, this is really pretty! I think I'm going to use it now. :DD (Reply to this)

	theillusionist 2007-11-05 02:07 am UTC (link)
	_ This is so pretty! (Reply to this)

	lazulin 2007-11-05 02:08 am UTC (link)
	This is beautiful and I am stealing it. XD (Reply to this)

	aishiteru 2007-11-05 02:08 am UTC (link)
	.. holy crap. that's gorgeous .. and I am totally in love. SO using. ♥! (Reply to this)

	misterwalnut 2007-11-05 02:09 am UTC (link)
	New shiney! Oh my god, you brilliant person you. If I weren't so lazy and lovin' the layout I'm using now (also from your LJ), I'd totally snatch this one. (Reply to this)

	lessthangreat 2007-11-05 02:10 am UTC (link)
	Oooh, I love the butterflies! Taking and using now. Crediting in my userinfo. :D (Reply to this)

	rainwash 2007-11-05 02:10 am UTC (link)
	Oh its so beautiful! (Reply to this)

	allisnow 2007-11-05 02:11 am UTC (link)
	Ooh, so pretty! (Reply to this)

	tarlia 2007-11-05 02:12 am UTC (link)
	Neat. Using it! (Reply to this)

	wistfulmaid 2007-11-05 02:13 am UTC (link)
	I love it! :D (Reply to this)

	gatsbyfan 2007-11-05 02:15 am UTC (link)
	Too pretty. Will be switching layouts and crediting. (Reply to this)

	octagonal 2007-11-05 02:16 am UTC (link)
	Very lovely design! (Reply to this)

	jennem 2007-11-05 02:19 am UTC (link)
	This is very pretty. If I didn't hate Bloggish, I would totally swipe it. Its very lovely. :) (Reply to this) (Thread)(Expand)

	grrliz 2007-11-05 02:19 am UTC (link)
	Why do you hate Bloggish? (Reply to this) (Parent)

(no subject) -

grrliz, 2007-11-05 02:21 am UTC (Expand)

(no subject) -

jennem, 2007-11-05 02:27 am UTC (Expand)

(no subject) -

grrliz, 2007-11-05 02:31 am UTC (Expand)

(no subject) -

jennem, 2007-11-05 12:31 pm UTC (Expand)

(no subject) -

jennem, 2007-11-05 12:31 pm UTC (Expand)

	pbvalla 2007-11-05 02:19 am UTC (link)
	That's really gorgeous. :) (Reply to this)

	ichabunni 2007-11-05 02:20 am UTC (link)
	i love it!!! thank you!!! (Reply to this)

	rissa333 2007-11-05 02:23 am UTC (link)
	Ooh, it's lovely! Snagging and will be using soon. :) (Reply to this)

	midnight_27 2007-11-05 02:24 am UTC (link)
	So pretty, adding to memories. Thanks! (Reply to this)

	rikayla 2007-11-05 02:31 am UTC (link)
	This is gorgeous~ And yay for Bloggish! :) (Reply to this)

	jamesinboots 2007-11-05 02:32 am UTC (link)
	Snagging 'cause that's gorgeous. ♥ (Reply to this)

	unsubtle 2007-11-05 02:33 am UTC (link)
	This is gorgeous. Adding to memories for later! (Reply to this)

	rainwen 2007-11-05 02:34 am UTC (link)
	Foxy! I just set it as my layout. (Reply to this)

	blackfaery01 2007-11-05 02:41 am UTC (link)
	Lovely. I'm going to change to this right now. (Reply to this)

	miggy 2007-11-05 02:49 am UTC (link)
	Gorgeous! Heading off to swap. :) (Reply to this)

	winterwaltz 2007-11-05 02:58 am UTC (link)
	This is probably my favoritest layout I've seen in a long long time. :) Will credit! (Reply to this)

	arabesqueno2 2007-11-05 02:58 am UTC (link)
	Am using and crediting! I love your layouts. ♥ (Reply to this) (Thread)

	pixie_girl_1983 2008-09-09 04:30 pm UTC (link)
	I love it! Please could you send me the graphics as I had problems downloading them! How do I credit you? x (Reply to this) (Parent)(Thread)(Expand)