thefulcrum: Template #15: The Wind Cries Mary

Liz (

grrliz) wrote in

thefulcrum,
@ 2006-11-08 22:28:00

Entry tags:

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

Template #15: The Wind Cries Mary
Please read the directions in this entry as well as the Community FAQ and Template FAQ before asking questions.

Details
Template Name:		The Wind Cries Mary
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, Internet Explorer 6, and Internet Explorer 7 on Windows XP
Screen Resolutions:		1024x768 and up
Notes:		If your journal title / subtitle are too long, they'll wrap onto a second line and possibly create a gap between the background images at the top of the sidebar. The bottom of the blue tab in the menu doesn't show up properly in Internet Explorer 6 and 7 for whatever reason. Background tile by 24-7 Media; brushes by Jason Gaylor.

[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 right)". 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: (#15) The Wind Cries Mary	  */
/*	Date: November 8, 2006	*/
/*	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	*/
/*	Brushes by Jason Gaylor http://www.designfruit.com/jasongaylor/blog/	*/

/* -------------------------- */
/* ---------- MISC ---------- */
/* -------------------------- */

a { color: #555555; text-decoration: underline; }
a:visited { color: #555555; }
a:hover { color: #444444; }

h1, h2, h3, h4, h5, h6 {margin: 5px 0px;}

blockquote {
	margin: 10px 30px; 
	padding: 10px; 
	border: 1px solid #379CB3;
	background: #f3f3f3;
	font-size: 1.2em;
	line-height: 1.3em;
	}
ol {
	margin: 10px 40px;
	padding: 0px;
	list-style: upper-roman;
	}

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

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

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

body {
	margin: 0px; 
	padding: 0px; 
	background: url(http://img.photobucket.com/albums/v388/grrliz/other/layouts/free/15_bg.gif) top center repeat #fafafa;
	color: #444444;
	font-size: 0.7em;
	font-family: georgia, "times new roman", serif;
	line-height: 1.7em;
	text-align: center; 
	}

#container {
	width: 840px;
	margin: 0px auto; padding: 0px;
	background: url(http://img.photobucket.com/albums/v388/grrliz/other/layouts/free/15_containerbg.gif) top right repeat-y #ffffff;
	text-align: left;
	}

#container-inner {
	background: url(http://img.photobucket.com/albums/v388/grrliz/other/layouts/free/15_containerbg2.gif) top left repeat-y transparent;
	}

#pagebody {
	margin: 0px auto;
	padding: 0px;
	background: url(http://img.photobucket.com/albums/v388/grrliz/other/layouts/free/15_pagebody.gif) bottom right no-repeat transparent;
	}
	
#alpha, #beta, #gamma {
	display: inline; 
	position: relative; 
	float: left;
	}

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

#banner {
	height: 105px;
	margin: 0px;
	padding: 0px 320px 0px 20px;
	background: url(http://img.photobucket.com/albums/v388/grrliz/other/layouts/free/15_bannerbg.gif) top right no-repeat transparent;
	font-family: "palatino linotype", georgia, "times new roman", serif;
	text-transform: uppercase;
	}

#banner-inner {
	padding: 60px 0px 0px 0px;
	}

#banner h1 {
	margin: 0px 20px 0px 0px;
	font-size: 1.5em;
	letter-spacing: 1px;
	}

#banner h2 {
	margin: 0px 180px 0px 0px;
	font-size: 1em;
	color: #888888;
	letter-spacing: 1px;
	}

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

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

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

.content-nav {
	margin: 10px 0px 10px 10px; 
	text-align: right;
	}

.content-nav a, .content-nav a:link {color: #379CB3; text-decoration: none;}
.content-nav a:hover {color: #444444;}

.date-header {
	margin: 10px 0px; 
	color: #bbbbbb;
	clear: both;
	}

.entry-userpic img { border: 0px solid #cccccc !important;}
p.poster img {border: 0px;}

h3.entry-header {
	padding: 0px 0px 10px 0px;
	border-bottom: 3px double #cccccc;
	color: #379CB3;
	font-size: 1em;
	line-height: 1.3em;
	text-transform: uppercase;
	letter-spacing: 1px;
	}

.entry-body a:link, 
.entry-body a:visited, 
.entry-body a:active {
	color: #379CB3;
	text-decoration: none;
	}

.entry-body a:hover {
	color: #444444;
	}

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

.metadata img {display: none;}

.ljtags {
	margin-top: 10px;
	margin-bottom: 10px;
	}

.entry-footer a, 
.entry-footer a:link,
.entry-footer a:visited,
.entry-footer a:active {color: #999999; text-decoration: none;}
.entry-footer a:hover {color: #379CB3;}

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

p.entry-footer {
	margin: 0px 0px 20px 0px;
	padding: 10px 90px;
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	background: #eeeeee;
	color: #999999;
	text-align: center;
	}

.separator {
	padding: 8px;
	background: url(http://img.photobucket.com/albums/v388/grrliz/other/layouts/free/15_separator.gif) 4px 2px no-repeat;
	color: #ffffff;
	font-size: 1px; line-height: 1px;
	text-indent: -999px;
	}

.comment {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	border: 1px solid #cccccc;
	background: #e9e9e9;
	}

.comment-content {
	padding: 10px;
	}

.comments, .comments-open-header {
	padding: 15px 0px 0px 0px;
	}

.comment-footer {
	margin: 0px;
	padding: 10px;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	background: #e3e3e3;
	}

.entry,
.trackbacks,
.comments,
.archive {position: static; overflow: hidden; clear: both; width: 100%; margin-bottom: 0px;}

.entry-content,
.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;}

.entry-footer,
.trackback-footer,
.comment-footer,
.comments-open-footer, 
.archive-content {clear: both; 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: #379CB3;}

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

.module {
	margin: 0px;
	}

.module-header {
	padding: 0px 0px 0px 30px;
	color: #379CB3;
	font-size: 1.3em; 
	font-weight: bold; 
	font-variant: small-caps;
	}

.module-content {
	padding: 0px 0px 20px 30px;
	}

.module-content a:link,
.module-content a:visited,
.module-content a:active {
	color: #eeeeee;
	text-decoration: none;
	}

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

.module-list {	
	margin: 0px; padding: 0px;
	list-style-type: none;
	}

.module-list-item {
	margin: 0px; padding: 0px 0px 0px 15px;
	background: url(http://img.photobucket.com/albums/v388/grrliz/other/layouts/free/15_betabullet.gif) 0px 6px no-repeat;
	}

/* --- default userpic --- */
.module-photo {height: 50px;}
.module-photo img {display: none;}

/* --- default LJ links --- */
.module-viewlinks {
	margin: 0px 0px 20px 0px;
	padding: 11px 0px 0px 0px;
	background: url(http://img.photobucket.com/albums/v388/grrliz/other/layouts/free/15_viewlinks.gif) top left no-repeat;
	font-size: 1.4em;
	text-transform: lowercase;
	}

.module-viewlinks .module-content {
	margin: 0px;
	padding: 0px 0px 11px 0px;
	background: url(http://img.photobucket.com/albums/v388/grrliz/other/layouts/free/15_viewlinksmc.gif) bottom left no-repeat;
	}

.module-viewlinks ul {
	margin: 0px; padding: 0px;
	background: url(http://img.photobucket.com/albums/v388/grrliz/other/layouts/free/15_viewlinksul.gif) top left repeat-y;
	list-style-type: none;
	}

.module-viewlinks ul .module-list-item {
	margin: 0px 0px 0px 17px; 
	padding: 0px 5px 0px 0px;
	background: none;
	}

.module-viewlinks ul li a {
	display: block;
	padding: 2px 10px 2px 13px;
	border-bottom: 1px solid #2d8fa5;
	}

.module-viewlinks ul li a:hover {
	border-bottom: 1px solid #2d8fa5;
	background: url(http://img.photobucket.com/albums/v388/grrliz/other/layouts/free/15_viewlinksa.gif) left center repeat-y transparent;
	color: #ffffff;
	}

/* --- sidebar calendar --- */
.module-calendar .module-header {margin: 0px 30px 0px 30px; padding: 0px; background: #333333;}
.module-calendar .module-content table {border-collapse: collapse; width: 100%;}
.module-calendar .module-content th, .module-calendar .module-content td {width: 14%; text-align: center;}
.module-calendar .module-content a {background: #333333; color: #379CB3; display: block; width: 90%; border: 1px solid #666666;}
.module-calendar .module-content a:hover {color: #ffffff;}

/* --- powered by box --- */
.module-powered {
	margin: 0px 0px 0px 30px;
	border: 1px solid #222222;
	background: #3a3a3a;
	}

.module-powered .module-content {margin: 0px; padding: 5px 10px;}
.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;}

/* --------------------------------------- */
/* ---------- TWO COLUMNS RIGHT ---------- */
/* --------------------------------------- */

.layout-two-column-right #alpha {
	width: 625px;
	}

.layout-two-column-right #alpha-inner {
	margin: 0px 20px;
	background: #ffffff;
	}

.layout-two-column-right #beta {
	float: right;
	width: 215px; 
	padding-bottom: 20px; 
	background: url(http://img.photobucket.com/albums/v388/grrliz/other/layouts/free/15_betabg.gif) top right no-repeat;
	color: #dddddd;
	}

.layout-two-column-right #beta-inner {
	padding: 0px 20px 0px 0px;
	}

/* ------------------------------- */
/* ---------- LJ EXTRAS ---------- */
/* ------------------------------- */

.comment .comment-replies {
margin-left: 30px;
}
.comment .comment-header {
margin-left: 10px;
margin-right: 10px;
}
.comment .comment-userpic, .entry .entry-userpic {
float: right;
margin: 5px;
text-align: right;
}
.entry-userpic {
z-index: 1;
}
.comment .comment-content, .entry .entry-content, .entry .entry-body {
clear: none;
}
.comment .comment-content {
padding-top: 20px;
}

.poster {
text-align: center;
margin: 2px 0 0 0;
padding: 0;
}
#ad-5linkunit {
clear: both;
}
#ad-leaderboard {
margin-bottom: 10px;
}
#commenttext, #subject {
width: 90%;
}

/* show userpics */

.entry-userpic,
.comment-userpic,
div.entry-userpic,
div.comment-userpic,
div.entry-userpic img,
.layout-two-column-right .entry-userpic,
.layout-two-column-right .comment-userpic,
.comment-userpic img {
display: inline;
width: auto;
height: auto;
position: static;
top: 0;
left: 0;
visibility: visible;
}

body.layout-three-column #beta img,
body.layout-two-column-left #beta img,
body.layout-one-column #alpha img,
body.layout-two-column-right #alpha img {
margin: 0;
padding: 0;
border: none;
float: none;
background: none;
}

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

And that's pretty much it!

Page 1 of 20
<<	[1] [2] [3] [4] [5] [6] [7] [8] [9] [10] [11] [12] [13] [14] [15] [16] [17] [18] [19] [20]	>>

(Post a new comment)

	forgottendreamz 2006-11-09 03:34 am UTC (link)
	i must say.. i love your layouts! i just changed my layout yesterday to your #14 templete.. but now i'm tempted to use this one. =P keep up the awesome work! gives you cookies (Reply to this)

	autumn_faerie 2006-11-09 03:37 am UTC (link)
	This is so elegant and I LOVE the color scheme. Damn, you're prolific! And that makes me happy. :D Saving this layout to my memories along with all of your other layouts. Gorgeous, gorgeous work as always. (Reply to this)

	insanepenguins 2006-11-09 03:39 am UTC (link)
	OMG! This has my name in it too! Oh I am a lucky girl. (Reply to this)

	savvy_elf 2006-11-09 03:40 am UTC (link)
	BEAUTIFUL. I may very well snag it, dear. Gah. Thank you so much for your continued amazingness. (Reply to this)

	thistlerose 2006-11-09 03:43 am UTC (link)
	This is really pretty! I'll come back for it when my fic journal is ready for a change. :) (Reply to this)

	daisy_fields 2006-11-09 03:50 am UTC (link)
	this is really pretty! i'm thinking of snagging it; will credit of course. i love that your layouts are so easy to use and i don't have to sit there trying to figure things out for myself, lol. thanks! :) (Reply to this)

	mychalian 2006-11-09 03:50 am UTC (link)
	That is stunning! I love it! And yay! Bloggish! Just a question for saving the images though, is it possible for perhaps later layouts to upload a zip file of them so ~~lazy~~ people can download them all in one go? =D (Reply to this) (Thread)

	grrliz 2006-11-09 03:55 am UTC (link)
	I don't like doing zips because then I have to host them on my own domain and use up my bandwidth, whereas I have unlimited bandwidth on my Photobucket account. :) (Reply to this) (Parent)(Thread)

(no subject) -

mychalian, 2006-11-09 12:04 pm UTC

	chaya 2006-11-09 03:58 am UTC (link)
	Gorgeous as always. (Reply to this)

	clealea 2006-11-09 04:01 am UTC (link)
	Absolutely beautiful. I might have to change from Garden State (orange + green = WIN) to this. Maybe. ;) I love the font choices in both. (Reply to this)

	lb_x 2006-11-09 04:02 am UTC (link)
	Love the layout. Am using it now ^_^ (And thanks for the step-by-step instructions!) (Reply to this)

	americanmutt 2006-11-09 04:04 am UTC (link)
	Damn! You just do not stop. (Reply to this)

	adolwyn 2006-11-09 04:06 am UTC (link)
	Ohhh, SO pretty! I totally just snagged this (and credited you in my userinfo, of course!). Thanks so much! (Reply to this)

	kurosawa 2006-11-09 04:12 am UTC (link)
	wow, this is beautiful. I may be using. thanks for the easy instructions! (Reply to this)

	ter369 2006-11-09 04:13 am UTC (link)
	Elegant and clean, and a bit like stationery. Very me! I like the ... foliage thingey details. So I saved this post and when I am calm, and brave, I'll give a go at changing my layout. (Reply to this)

	oh_no_bad_touch 2006-11-09 04:17 am UTC (link)
	Completely lovely. I am using a Plus account and it still looks fantastic. Thank you! (Reply to this)

	idle_nights 2006-11-09 04:18 am UTC (link)
	I seriously gasped when I saw it. I love it! (Reply to this)

	ennesthemenace 2006-11-09 04:25 am UTC (link)
	gaahhh I love your layouts! will use - thanks! (Reply to this)

	labardoodle 2006-11-09 04:29 am UTC (link)
	i love this layout! (Reply to this)

	anirishtwilight 2006-11-09 04:32 am UTC (link)
	Unbelieveably gorgeous. Taking. THANK YOU SO MUCH FOR MAKING THESE YOU ARE AWESOME! (Reply to this)

	_keng_ 2006-11-09 04:33 am UTC (link)
	I love it!! I'm using it right now! Thanks! XD (Reply to this)

	hiddenfantasy 2006-11-09 04:35 am UTC (link)
	I'm loving this layout. So much so that I decided to use it! ^.^ (Reply to this)

	search_soleil 2006-11-09 04:37 am UTC (link)
	This is absolutely gorgeous. Snagging with credit! (Reply to this)

	tarlia 2006-11-09 04:44 am UTC (link)
	That is gorgeous! (Reply to this)

	glendora__ 2006-11-09 04:46 am UTC (link)
	This is gorgeous. I just switched to it from one of your previous layouts. You are the master! :) Oddly, I don't know if it's because I'm using Firefox, or what, but some of the image links you provided took me to blank pages where there was nothing to save in order for me to upload them on my own space. Like viewlinksa and viewlinksul... I uploaded all the rest though. (Reply to this) (Thread)

	grrliz 2006-11-09 04:51 am UTC (link)
	I'm using Firefox and they work okay for me; the graphics are only 1px tall, so you might have just overlooked them. (Reply to this) (Parent)

	jennem 2006-11-09 05:01 am UTC (link)
	This is very pretty. (Reply to this)

Page 1 of 20
<<	[1] [2] [3] [4] [5] [6] [7] [8] [9] [10] [11] [12] [13] [14] [15] [16] [17] [18] [19] [20]	>>

Username:		Create an Account Forgot your login? Login w/ OpenID
Password:
	Remember Me
	English • Español • Deutsch • Русский…

About

Help

Get Involved

Legal

Store

LJ Labs