Liz (

grrliz) wrote in

thefulcrum,
2006-12-06 14:22:00

Template #20: Holiday in Vegas

Please read the directions in this entry as well as the Community FAQ and Template FAQ before asking questions.

Details
Template Name:		Holiday in Vegas
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; Safari 2.0.4 on Mac OSX
Screen Resolutions:		1024x768 and up
Notes:		There's a weird flicker of the background image on Internet Explorer 7 when you hover over links in the default LJ links section. :/

[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)" or "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: (#20) Holiday in Vegas	  */
/*	Date: December 6, 2006	*/
/*	S2 Style: Bloggish	*/
/*	Available at http://community.livejournal.com/thefulcrum/	*/
/*	Made by Liz a.k.a. grrliz.livejournal.com	*/

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

a { color: #555555; text-decoration: underline; }
a:hover { color: #1c9dad; }

h1, h2, h3, h4, h5, h6 {margin: 5px 0px; font-weight: bold;}

blockquote {
	margin: 10px 50px; 
	padding: 10px; 
	border: 3px solid #dddddd;
	background: url(http://img.photobucket.com/albums/v388/grrliz/other/layouts/free/20_blockquote.gif) top left repeat;
	}
ol {
	margin: 10px 40px;
	padding: 0px;
	list-style: upper-roman;
	}

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

font {font-family: inherit; font-size: inherit; color: inherit;}

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

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

body {
	margin: 0px; 
	padding: 0px; 
	background: #ffffff;
	color: #444444;
	font-size: 0.75em;
	font-family: "lucida sans unicode", "trebuchet ms", verdana, arial, tahoma, sans-serif;
	line-height: 1.4em;
	text-align: center; 
	}

#container {
	width: 100%;
	margin: 0px auto; padding: 0px;
	background: url(http://img.photobucket.com/albums/v388/grrliz/other/layouts/free/20_container.gif) top center repeat-x #ffffff;
	text-align: left;
	}

#container-inner {
	width: 792px;
	margin: 0px auto; 
	}

#pagebody {
	margin: 0px auto;
	padding: 0px;
	}
	
#alpha, #beta, #gamma {
	display: inline; 
	position: relative; 
	float: left;
	}

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

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

#banner h1,
#banner h2 {display: none;}

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

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

.entry-content li {
	}

.content-nav,
.skiplinks {
	margin: 0px;
	padding: 0px; 
	text-align: right;
	}

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

.date-header,
div.day h2 {
	margin: 0px; 
	color: #aaaaaa;
	clear: both;
	font-size: 1.5em;
	font-family: "palatino linotype", georgia, "times new roman", serif;
	text-transform: uppercase;
	}

.entry-userpic {margin: 0px !important;}

h3.entry-header {
	padding: 0px 0px 10px 0px;
	color: #ca3609;
	font-family: "palatino linotype", georgia, "times new roman", serif;
	font-size: 2.5em;
	line-height: 1em;
	text-transform: lowercase;
	font-weight: normal;
	}

.entry-body {padding: 0px;}

.entry-body a:link, 
.entry-body a:visited, 
.entry-body a:active {
	color: #1c9dad;
	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;
	}

.ljtags a {color: #ca3609; text-decoration: none;}
.ljtags a:hover {color: #666666;}

.entry-footer a, 
.entry-footer a:link,
.entry-footer a:visited,
.entry-footer a:active {color: #1c9dad; text-decoration: none;}
.entry-footer a:hover {color: #444444;}

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

p.entry-footer {
	margin: 0px 0px 20px 0px;
	padding: 10px 0px 24px 0px; 
	background: url(http://img.photobucket.com/albums/v388/grrliz/other/layouts/free/20_entryfooter.gif) bottom center repeat-x transparent;
	color: #666666;
	}

.separator {
	}

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

.comment-content {
	padding: 10px;
	}

.comments, .comments-open-header {
	}

.comment-footer {
	margin: 0px;
	padding: 10px;
	border-top: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;
	background: #f0f0f0;
	color: #666666;
	}

.entry,
.trackbacks,
.comments,
.archive {position: static; overflow: hidden; clear: both; 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: #ca3609;}

ul.ljtaglist {	
	margin: 0px; padding: 0px 0px 20px 30px;
	list-style-type: none;
	}

ul.ljtaglist li {
	margin: 0px; padding: 0px 0px 0px 15px;
	background: url(http://img.photobucket.com/albums/v388/grrliz/other/layouts/free/20_bullet.gif) 0px 5px no-repeat;
	}

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

.module {
	}

.module-header {
	color: #ca3609;
	margin: 0px;
	padding: 0px 0px 10px 0px;
	background: url(http://img.photobucket.com/albums/v388/grrliz/other/layouts/free/20_moduleheader.gif) bottom left no-repeat #ffffff;
	font-family: "palatino linotype", georgia, "times new roman", serif;
	font-size: 1.3em;
	text-transform: uppercase;
	}

.module-content {
	margin: 0px 0px 20px 0px; padding: 5px 20px;
	background: url(http://img.photobucket.com/albums/v388/grrliz/other/layouts/free/20_module.gif) top left no-repeat #ffffff;
	}

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

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

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

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

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

/* --- default LJ links --- */
.module-viewlinks {text-align: center; min-height: 120px;}
.module-viewlinks .module-content {padding: 20px; background: url(http://img.photobucket.com/albums/v388/grrliz/other/layouts/free/20_ljlinks.gif) bottom center no-repeat;}
.module-viewlinks li {background: none; padding: 0px;}
.module-viewlinks a {
	color: #ca3609;
	font-size: 1.5em;
	font-family: "palatino linotype", georgia, "times new roman", serif;
	text-transform: lowercase;
	}
.module-viewlinks a:hover {color: #444444; background: transparent;}

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

/* --- tags --- */
.module-categories .module-content {}

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

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

/* --- syndication --- */
.module-syndicate {display: none;}

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

.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 ul, .lj-view-month ul {margin: 0px; padding: 0px; list-style-type: none;}
.lj-view-archive li, .lj-view-month li {display: inline; margin-right: 20px;}
body.lj-view-tags .alpha-inner {padding: 20px;}
body.lj-view-tags .alpha h2 {padding: 0px 20px !important;}

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

.layout-two-column-right #alpha {
	width: 570px;
	padding-bottom: 20px;
	}

.layout-two-column-right #beta {
	float: right;
	width: 205px; 
	}

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

.layout-two-column-right .content-nav,
.layout-two-column-right .skiplinks {padding-right: 120px;}

/* -------------------------------------- */
/* ---------- TWO COLUMNS LEFT ---------- */
/* -------------------------------------- */

.layout-two-column-left #beta {
	float: right; 
	width: 570px; 
	padding-top: 30px;
	}

.layout-two-column-left #alpha {
	width: 205px; 
	}

.layout-two-column-left #alpha-inner {
	padding: 0px 0px 20px 0px;
	}

/* -------------------------------- */
/* ---------- ONE COLUMN ---------- */
/* -------------------------------- */

.layout-one-column #alpha {
	width: 790px; 
	background: #ffffff;
	}

/* ---------- DO NOT REMOVE BELOW ---------- */
.module li {display: block;}
/* ---------- DO NOT REMOVE ABOVE ---------- */

/* -------------------------------------------------------------------- */
/* ---------- PLEASE PASTE ANY FURTHER OVERRRIDES BELOW HERE ---------- */
/* -------------------------------------------------------------------- */

And that's pretty much it!

Tags: 01. feature:columns:2 columns, 01. feature:width:fixed width, 02. style:bloggish, 03. theme:holiday:christmas, 03. theme:retro, 04. colour:! scheme:bright and colourful, 04. colour:! scheme:dark text on light, 04. colour:blue, 04. colour:red, 04. colour:white

Post a new comment
Error

Anonymous comments are disabled in this journal
We will log you in after post

We will log you in after post

We will log you in after post

We will log you in after post

We will log you in after post

Anonymously

switch

LiveJournal

Facebook

Twitter

OpenId

Google

MailRu

VKontakte

Anonymously

Insert Bold

Insert Italic

Insert Underline

Insert Strikethrough

Insert Link

Insert LJ User

Insert Photo

Insert Video

Your reply will be screened

Your IP address will be recorded
Help
51 comments

amazingaudrey

December 6 2006, 19:25:53 UTC 5 years ago

I know this might not be appropriate to put personal comments here but it's your latest post; I'm writing my resume which is always fun... and I was wondering if you could do me a favour and go to Canadian Tire some point this week and drop it off for me. If you can talk to Janice and tell her that I'm coming home the 12th!

Apparently my friend Gillian who worked with me there drop hers off again and they called her back three hours later; it's just easier then being trained all over again and they begged Gillian back.

grrliz

December 6 2006, 19:28:20 UTC 5 years ago

LMAO You couldn't have left this as a comment in my regular journal? Hahaha. Yeah, I guess I could do that. I'll probably have to buy an ink cartridge to print the bloody thing off. You'd be able to start work on the 13th?

amazingaudrey

5 years ago

link
Collapse
Expand
New comment

grrliz

5 years ago

link
Collapse
Expand
New comment

finefinemusic

December 6 2006, 19:31:40 UTC 5 years ago

TOO cute!

notashamed

December 6 2006, 19:34:18 UTC 5 years ago

this is so cute. and yay for light blue and red, which is my new favorite color combo.

gatsbyfan

December 6 2006, 19:37:15 UTC 5 years ago

So pretty. You keep making it difficult to decide which one of your templates to use.

red_sunflower

December 6 2006, 19:38:28 UTC 5 years ago

Thank you! I just switched to it and it looks gorgeous. :)

ack_attack

December 6 2006, 20:02:54 UTC 5 years ago

OH MY GOD this is so freaking adorable. It's so festive! It makes me feel like I'm in a gingerbread house.

covert_light

December 6 2006, 20:19:18 UTC 5 years ago

I really adore this! I must use it to get my LJ holiday spiffy. Thank you!

luna_norvegese

December 6 2006, 20:31:00 UTC 5 years ago

I've been looking for a good Christmas layout and I think I've found it now! :)

Thanks! :)

daisy_fields

December 6 2006, 20:44:31 UTC 5 years ago

Ooh, I adore this! I think I'll switch to this one from the other template of yours I'm currently using. Love your work!

jennem

December 6 2006, 21:02:49 UTC 5 years ago

YEA! I love it! :)

scifigirl

December 6 2006, 22:48:07 UTC 5 years ago

Damn, I kind of need a holiday layout. I will just have to put the Casino Royale one on the back burner for a while. As usual awesome work. *g*

ex_ollivande895

December 6 2006, 23:24:27 UTC 5 years ago

Ooh! I'm going to use this one.

thereal_anabel

December 6 2006, 23:31:29 UTC 5 years ago

I love the background images in the sidebar. *pulls layout apart and examines it*

BTW, have you any idea how hard it is to right click on an image that is only 1px thick - even if you hit Ctrl A to make it visible (even when I'm sober, which I'm not just now)?

grrliz

December 6 2006, 23:37:31 UTC 5 years ago

You can right click and choose "Save link as" from the menu instead of opening the image and trying to save it that way.

magicalobizuth

December 7 2006, 00:20:58 UTC 5 years ago

This layout is amazing! Switching to it from another one of yours! I love it! And you make it so INSANELY easy. Thank you for that!

lastholiday

December 7 2006, 07:23:52 UTC 5 years ago

Just wanted to let you know that I'm using this beautiful layout. Thank you so much!

poets_lane

December 7 2006, 14:19:01 UTC 5 years ago

It's great! I'm going to use it for the remaining festive season. Thankyou!

ex_mair

December 7 2006, 19:43:35 UTC 5 years ago

I know your FAQ says you don't take requests, but it would be really cool to see a template like this to use all year round. And I really, really, really like it a lot.

deepwonderment

December 7 2006, 23:16:13 UTC 5 years ago

there's a background image http://img.photobucket.com/albums/v388/grrliz/other/layouts/free/20_bg02.gif

thats not on the image list or shows up in the code that messes the layout up. I'd love to use this code... but yeah.

grrliz

December 7 2006, 23:23:29 UTC 5 years ago

Whoops, that's not supposed to be in the code (I changed my mind about that image), but it shouldn't actually have any affect on the code whatsoever, so if the layout is messing up for you, it's for another reason altogether (I can't guess without more details).

deepwonderment

5 years ago

link
Collapse
Expand
New comment

mosaic

December 8 2006, 04:09:26 UTC 5 years ago

Ooooh, I like it! Thanks!

x_juicebox

December 8 2006, 04:42:29 UTC 5 years ago

lovely! using, thanks!

outof_focus

December 8 2006, 06:41:14 UTC 5 years ago

This is pretty! I'm using.
Thanks :D

sinca

December 9 2006, 04:12:37 UTC 5 years ago

This is gorgeous and I love it - thank you! I changed the image links to my own server.

handlet

December 9 2006, 06:43:57 UTC 5 years ago

I absolutely love this layout. Using it right now, thanks!

illusionarytime

December 10 2006, 23:00:51 UTC 5 years ago

Amazing. gonna grab it. I'm going to have to use your server for now because my photobucket isn't working. :( That's why I switched layouts in the first place... none of my pics were showing up but I thought it was the layout.

Anyways, it's beautiful and I'll have the pictures on my own server asap.

jake0427

December 11 2006, 12:39:26 UTC 5 years ago

Wow, you are my hero. I've never known how to change my layout. I'm using this one if you don't mind. Thanks soo much for taking the time to write this mini tutorial for me. Haha. Have a nice holiday!

Post a new comment
51 comments

Username:		Create an Account Forgot your login or password? OpenID Google Mail.Ru VKontakte
Password:
	Remember Me
	English • Español • Deutsch • Русский…

Template #20: Holiday in Vegas

Error

About

Help

Get Involved

Legal

LJ Labs

Store