layoutlounge | 27. Christmas Time

Layout Style: S2 Flexible Squares - with sidebar
Use Layout Stylesheet?: No
Custom external stylesheet?: No
Use external stylesheets?: No

Click for Live Preview

/*------------------------------------------------------------------
S2 Flexible Squares
Layout by sireesanwar @ http://community.livejournal.com/layout_lounge/
PLEASE DO NOT REMOVE THIS SECTION 
--------------------------------------------------------------------*/

body{
	background-color: #a2111e;
        background-image: url(BACKGROUND URL);
        background-repeat: repeat;
	color: #AA4444;
	font-family: "Trebuchet ms", arial, verdana, sans-serif;
	font-size: 12px;
        margin: 20px 0 20px 0;
	}

a, a:link, a:visited {
	color: #4a9923;
	text-decoration: none;
	}

a:hover {
	color: #a63a49;
	text-decoration: none;
	}

blockquote {
		padding: 18px; 
		border: 0px dotted #a2111e; 
		color: #AA4444;
		font-size: 12px;
		line-height: 13px;
		font-family: "Trebuchet ms", arial, verdana, sans-serif;
		background: #ffffff;
		text-align: justify;
		}
b, i, s, u, em, strong
{
color: #dc9d30;
}

p, td{
	}
	
code, kbd, pre, tt {
		font-family: monospace;
	}
	
ul.ljtaglist {
	text-align: left;
	padding-left: 5px;
}

/*-----------------------
SECTION: In General
-------------------------*/
	
#content {  	
	width: 750px;	
	margin-left: auto; 
        margin-right: auto;  
	text-align: justify;
        padding: 0px;
        background-color: #a2111e;
	border-color: #444444;
	border-style: dotted;
	border-width: 0px 1px 1px 1px;
}

#maincontent {
	width: 530px;
	float: right;
	margin: 10px 0px 0px 10px;
	font-family: "Trebuchet ms", arial, verdana, sans-serif;
	font-size: 12px;
	color: #ffffff;
	text-align: center;
	}

.subcontent {
        background-color: #ffffff;
        width: 512px;
	border-top: 0px dotted #a2111e;
	border-bottom: 1px dotted #a2111e;
	border-left: 0px dotted #a2111e;
	border-right: 0px dotted #a2111e;
}

/*-----------------------
SECTION: Header
-----------------------*/

#header {		
	position: relative;
	line-height: 35px;
	text-align: center;
        color: #ffffff;
	font-family: "Pea Alesa";
	font-size: 15px;
	width: 100%;
	padding: 0px 0px 10px 0px;
	margin-bottom: 15px;
	text-align: center;
	letter-spacing: 1px;
        text-transform: normal;
	border-bottom: 0px dotted #a2111e;
}

div#header a, div#header a:link, div#header a:visited, div#footer a,

div#footer

div#header a, div#header a:link, div#header a:visited, div#header a:active {
	padding: 9px;
	font-family: "Pea Alesa";
	font-size: 15px;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: -1px;
	color: #6aad09;
	text-align: center;
	background-color: #a2111e;
}

div#header a:hover {
	padding: 9px;
	color: #ffffff;
	background-color: #44712e;
	border-bottom: 0px dotted;
}

ul.navheader 
	{	
	padding: 10px 0px 0px 0px;
        background-color: transparent !important;	
	margin: 0px;
	}

ul.navheader li  {
	display: inline;
	padding: 10px 0px 0px 0px;
        background-color: transparent !important;
	margin: 0 2px;
	}
	
.title, .subtitle {
		display: none;
		}

/*-----------------------
SECTION: Footer
-----------------------*/

#footer {			
	width: 100%;
	margin: 0px;
	text-align: center;
	font-family: "georgia";
	font-size: 10px;
	color: #cccccc;
	z-index: 100;
	}

ul.navfooter{
	padding: 0px;	
	margin: 0px;
	}

ul.navfooter li  {
	display: inline;	
	margin: 0 5px 0 5px;
	}

.clearfoot {		
	clear: both;
	}

/*-----------------------
SECTION: Sidebar
-------------------------*/

#sidebar {
	padding: 0px 0 10px 0; 
        background-color: #ffffff;
	margin-left: 5px;
	font-family: "Trebuchet ms", arial, verdana, sans-serif;
	font-size: 11px;
	color: #AA4444;
	width: 200px;
	float: left;
	text-align: left;
        text-transform: normal;
	border-top: 0px dotted #a2111e;
	border-bottom: 1px dotted #a2111e;
	border-left: 0px dotted #a2111e;
	border-right: 1px dotted #a2111e;
	}

#sidebar .sbarcalendarposts a, #sidebar .sbarcalendarposts a:link,

.sbarcalendarposts

a:visited{
	padding: 0px;
	text-align: center;
	}

#sidebar .sbarcalendarposts a:hover {
	padding: 0px;
	text-align: center;
	}
		
#sidebar_tags .sbarcontent {
         height: 300px;
         overflow:auto;
}

div#sidebar a, div#sidebar a:link, div#sidebar a:visited{
	color: #4a9923;
	display: block;
	padding: 1px 1px 1px 0px;
	text-decoration: none;
		}

div#sidebar a:hover {
	padding: 1px 1px 1px 0px;
	color: #a63a49;
}

.defaultuserpic {
	text-align: center;
	}

.sbarheader {
	padding: 0px 5px 0px 5px;
	}

.sbarbody {
	padding: 0px 5px 0px 5px;
	}

.sbarbody2 {
	padding: 0 15px 0 15px;
	}
		
table.calendar {
	margin-right: auto;
	margin-left: auto;
	}
	
.sbarcalendar {
	padding: 1px;
	border: 1px dotted #a2111e;
	text-align: center;
	font-family: "Trebuchet ms", arial, verdana, sans-serif;
	font-size: 9px;
	}

.sbarcalendarposts {
	padding: 1px;
        border: 1px dotted #a2111e;
	background-color: #ffffff;
	text-align: center;
	font-family: "Trebuchet ms", arial, verdana, sans-serif;
	font-size: 9px;
	}
	
ul.sbarlist {
	padding-left: 0px;
	margin-left: 0px;		
        list-style: none;
	}

li.sbaritem {
	padding-left: 0px;
        border-bottom: 0px dotted #a2111e;
	list-style: none;
        }

li.sbartitle {
	padding: 3px 5px 3px 5px;
	margin: 10px 0 10px 0;
        background-color: #44712e;
	list-style: none;
	text-align: center;
	color: #ffffff;
        border-top: 0px dotted #a2111e;
        text-transform: normal;
	font-family: "Pea Alesa";
	font-size: 14px;
		}

ul.tagList {width: 100%;}
    .tagBox {
      height: 300px;
      overflow-x: hidden;
      overflow-y: scroll; 
      scrollbar-arrow-color: #4a9923;
      scrollbar-base-color: #ffffff;
      scrollbar-face-color: #ffffff;
      scrollbar-highlight-color: #4a9923;
      scrollbar-darkshadow-color: #cccccc;
      scrollbar-shadow-color: #cccccc;
}

#sidebar_summary li.sbaritem {
	color: #cccccc;
	border: 1px dotted #a2111e;
	background-color: #ffffff;
	padding: 3px;
	text-transform: normal;
	margin: 3px 0px;
	}

#sidebar_summary li.sbaritem a {
	text-decoration: none;
	display: inline !important;
	color: #cccccc;
	border: 0px dotted #a2111e !important;
	background-color: transparent !important;
	}

#sidebar_summary li.sbaritem a: hover{
	text-decoration: none;
	color: #007ba7;
	border: 0px dotted #a2111e;
	background-color: transparent !important;
	}

/*-----------------------
SECTION: Entries
-------------------------*/

.entry	{
        padding: 10px;
	margin: 0px;
	color: #AA4444;
	font-family: "arial";
	font-size: 12px;
	text-align: justify;
	}
	
hr {
	color: transparent;
	height: 1px;
	border-style : none; 
	border-bottom: 2px dotted #a2111e;
	}

.entry ul li, ol li, li {
	padding-left: 5px;
	margin-left: 5px;
	list-style: normal;
	list-style-position: outside;
	}

.userpic {
	background-color: #ffffff !important;
	position: relative;
	float: right;
	padding: 5px;
	margin: 10px;
	z-index: 15;
        color: #cccccc !important;
	border: 1px #a2111e dotted;
	}

.userpicfriends {
	background-color: #ffffff !important;
	position: relative;
	float: right;
	padding: 5px;
	margin: 10px;
	text-align: center;
	font-family: "Trebuchet ms", arial, verdana, sans-serif;
	font-size: 12px;
	z-index: 15;
	border: 1px #a2111e dotted;
	}

.userpicfriends a font {
	color: #dc9d30;
}

.date {
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
        color: #6aad09;
	top: 5px;
	font-family: "Trebuchet ms", arial, verdana, sans-serif;
	font-size: 10px;
	text-transform: uppercase;
	}

.subject {
        background-color: #ffffff;
	font-weight: none;
	padding-bottom: 5px;
	padding-top: 5px;
        padding-left: 10px;
	color: #4a9923;
	font-family: "Pea Alesa";
	font-size: 16px;
	text-transform: normal;
        text-decoration: underline;
	border-bottom: 0px dotted #a2111e;
	border-right: 0px dotted #a2111e;
	}
	
.subject a, .subject a:link, .subject a:visited {
	color: #4a9923;
	}

.subject a:hover {
	color: #a63a49;
	}

.datesubject {
	background-color: transparent;
	padding: 0px;
	text-align: left;
	border-left: 0px dotted #a2111e;
	border-right: 0px dotted #a2111e;
	border-top: 0px dotted #a2111e;
        }

span.ljuser a b {
	padding: 2px 0 2px 0;
	color: #4a9923;
	font-weight: bold;
	}

span.ljuser a:hover b {
	padding-top: 2px;
	padding-bottom: 2px;
	color: #a63a49;
	font-weight: lighter;
	}

/*-----------------------
SECTION: Currents, tags, comment links
-------------------------*/

.ljtags {
	margin-top: 5px;
	color: #cccccc;
	font-weight: lighter;
	text-transform: lowercase;
        margin: 15px 0px 0px 0px;
        padding: 5px 0px 5px 17px;
        background: url(TAGS IMAGE URL) no-repeat center left;
	}
	
.currents strong, .currentmood strong, .currentmusic .currentlocation,

.ljtags strong

{
	font-family: "Silkscreen";
	font-size: 10px;
	color: #cccccc;
	font-weight: lighter;
	text-transform: lowercase;
	}

.currents, .currentmood, .currentmusic, .currentlocation {
	font-family: "Silkscreen";
	font-size: 10px;
	color: #cccccc;
	font-weight: lighter;
	text-transform: lowercase;
	}

.ljtags a, .ljtags a:link, .ljtags a:visited {
	font-family: "Silkscreen";
	font-size: 10px;
	color: #4a9923;
	text-transform: lowercase;
	font-weight: lighter;
	}

.currentlocation a, .currentlocation a:link, .currentlocation a:visited {
	font-family: "Silkscreen";
	font-size: 10px;
	color: #4a9923;
	text-transform: lowercase;
	font-weight: lighter;
	}
	
.currentlocation a:hover, .ljtags a:hover {
	font-family: "Silkscreen";
	font-size: 10px;
	color: #a63a49;
	font-weight: lighter;
	text-transform: lowercase;
	}

.comments {
	font-family: "king cool KC";
	font-size: 12px;
	text-align: center;
	padding: 5px 5px 5px 5px;
	position: relative;
	clear: center;
	margin-top: 5px;
	text-transform: lowercase;
	border-bottom: 1px #a2111e dotted;
	}
	
div.comments a, div.comments a:link, div.comments a:visited{
	color: #4a9923;
}

div.comments a:hover {
	color: #a63a49;
	text-decoration: none;
}

/*-----------------------
SECTION: Comments Page
-------------------------*/

.box {
	padding: 10px;
	margin-top: 0px;
	text-align: left;
        clear:right;
	}

form div.box {
	text-align:center;
}

.skiplinks {
	text-transform: normal;
	text-align: center;
	padding: 10px 0 10px 0;
	}

.datesubjectcomment {
	margin-top: 20px;
	text-align: right;
	padding: 5px;
        background-color: #ffffff;
        color: #AA4444;
	}	
	
.userpiccomment {
	background-color: #a2111e !important;
	position: relative;
	top: -30px;
	left: 0px;
	padding: 5px;
	margin: 20px 10px -20px 10px;
	z-index: 15;
	float: right;
	border: 1px #a2111e dotted;
	color: $cccccc;
	}

div#content input,
div#content textarea,
div#content select {
	color: #cccccc;
	border: 1px dotted #a2111e;
	background-color:#ffffff;
	}
	
textarea.textbox  {
	width: 100% !important;
	}

.reply	{
	position: relative;
	margin: 20px 30px 10px 30px;
	padding: 25px 10px 10px 10px;
	text-align: left;
	font-family: "Trebuchet ms", arial, verdana, sans-serif;
	font-size: 12px;
	line-height: 125%;
	color: #AA4444;
	}
	
.replytosubject {
	color: #AA4444;
	font-weight: bold;
	text-transform: normal;
        padding: 5px;
        background-color: #ffffff;
	}

.replytoposter {
        background-color: #ffffff;
	color: #AA4444;
	text-transform: normal;
        padding: 5px;
}

.commentreply {
        text-align: justify;
	position: relative;
	margin: 10px;
	font-family: "Trebuchet ms", arial, verdana, sans-serif;
	font-size: 12px;
	color: #b22a18;
	}
	
.commentbox {
	padding: 5px;
	margin: 10px;
	text-align: left;
        background-color: #ffffff;
	border: 1px dotted #a2111e;
	}
	
.datesubjectcomment a:link, .datesubjectcomment a:visited {
	color: #4a9923;
	}
	
.datesubjectcomment a:hover {
	color: #a63a49;
	}

.commentboxpartial {
	padding: 10px; 
	margin: 10px; 
        background-color: #ffffff;
	}

.commentinfo {
	margin-top: 10px; 
	width: 100%;
	}

/*-----------------------
SECTION: Year/Archive Page
-------------------------*/

ul.year {
	text-align: center;
	padding: 20px 0 20px 0;
	}

ul.year li {
	display: inline;		
	}

table.yeartable {
	margin-left: auto;
	margin-right: auto;
	}

table.yeartable td.yeardate, table.yeartable td.yearday {
	border: 1px dotted #a2111e;
	color: #cccccc;
	}

table.yeartable td.yearday {
	text-align: center;
	color: #cccccc;
	}

td.yearmonth {
	color: #cccccc;
	border-style: none;
	}

/*-----------------------
SECTION: Tags Page
-------------------------*/

ul.ljtaglist {
	color: #cccccc;
	font-family: "Trebuchet ms", arial, verdana, sans-serif;
	font-size: 10pt;
	padding-left: 12px;
	padding: 8px;
	}

ul.ljtaglist li  {
	list-style: none;
	}

/*-----------------------
SECTION: Tiny Icons
-------------------------*/

.subject img[src=http://stat.livejournal.com/img/icon_protected.gif]{
	width: 0px;
	height: 0px;
	padding: 12px 9px 0px 0px !important;
	background: url();
	}

.subject img[src=http://stat.livejournal.com/img/icon_private.gif]{
	width: 0px;
	height: 0px;
	padding: 12px 9px 0px 0px !important;
	background: url();
	}

.ljuser img { 
	width: 0px;
	height: 0px;
	background-repeat: no-repeat;
	background-color:transparent;
	background-image: url(); 
	padding: 12px !important;
	}

.ljuser img[src=http://stat.livejournal.com/img/userinfo.gif] {
	background-color:transparent;
	background-image: url(); 
	padding: 12px !important;
	}

.ljuser img[src=http://stat.livejournal.com/img/community.gif] {
	background-color:transparent;
	background-image: url(); 
	padding: 12px !important;
	}

.currentlocation
       {
       background: url() no-repeat left center;
       padding: 2px 0px 5px 18px;
       }

.currentmood 
       {
       background: url() no-repeat left center;
       padding: 2px 0px 5px 18px;
       }

.currentmusic 
       {
       background: url() no-repeat left center;
       padding: 2px 0px 5px 18px;
       }

/*-----------------------
SECTION: Mics
-------------------------*/

.clear {
	height: 7px;
	font-size: 0.01px;
	}
	
#lj_controlstrip td {
	font-family: georgia !important;
	font-size: 11px;
	background-color: #a2111e !important;
	border: 1px solid #ffffff;
	}

#lj_controlstrip a {
	font-family: georgia !important;
	font-size: 11px;
	color: #dddddd!important;
	text-transform: lowercase;
	}

.headerimage {
          position: relative;
	border-color: #444444;
	border-style: dotted;
	border-width: 1px 1px 0px 1px;
	 width: 750px;
	 height: 300px;
         padding-left: 0px;
         padding-right: 0x;
         padding-bottom: 0px;
         padding-top: 0px;
         margin-left: auto;
         margin-right: auto;
         margin-top: 1px;
         background-color: #ffffff;
	 background-image: 
url(HEADER URL);
	 background-position: center;         
         background-repeat: no-repeat;
            }

.separator {
          height: 20px;
         }

Headers can be found HERE.

Found Tiny Icons Credit NDesign Studios

Music: Photobucket - Video and Image Hosting

Locked Post: Photobucket - Video and Image Hosting

Private Post: Photobucket - Video and Image Hosting

Location:

Community: Photobucket - Video and Image Hosting

LJ User:

Mood:

Tags:

Background Layer (click to save):

Fonts to Download:
I've used fonts that you might not have on your computer which will mean your layout will look different when using it. So you will need these fonts:

Font's Used:
BlackJack
Pea Alesa
Anke Print
king cool KC

See Font Tutorial if you need help adding these fonts to your computer system.

Check out Using Layouts on the sidebar for any extra assistance.
Please direct people to

layout_lounge or

graffitigraphic.

Flat | Top-Level Comments Only

From:

unightfog.livejournal.com

awww...it's beautiful and the tiny icons are sooo sweet!!!

sireesanwar.livejournal.com

Thanks. Oh that icons is cool! I found the Tiny Icons and thought... well of course you have to use those. They are so awesome.

I'm glad you like the layout.

catcey.livejournal.com

Would love to use this, have tried, but the header isn't showing up and the tiny icons page won't come up to fix that url either.

Could you help the idiot, please?

Okay fixed the tiny icons link.

As for your journal...

You have it on Flexible Squares? Don't turn off the sidebar...

The questions above CSS shoudl be answered as follows...
Use Layout Stylesheet?: No
Custom external stylesheet?: No
Use external stylesheets?: No

If that didn't help then I'm not sure what is up because it is working for me over at my test journal.

Let me know and tomorrow we can work on the issue.

I have no idea what you're talking about, I looked for something saying flexible squares and couldn't find it.

I only have one question above CSS.

And I really have no idea how to use the tiny icons. Like I said I'm an idiot with no clue how to do this stuff and tried following your directions, including looking at the trouble with headers thing. I can't get it to go back to the one I had it on in the first place, which totally sucks since I can't get it to be all pretty with yours.

GRRRRR, sorry for being so stupid. This is why I haven't messed with a layout on here. It's much easier on myspace!

Okay so I'm thinking this is where your problem lies. Okay here I'm going to do a step by step...

http://community.livejournal.com/layout_lounge/8638.html

Danke, danke! Helped mostly. Totally appreciate it.

You are more than welcome!

colonoscarpeay.livejournal.com

Snagged this for use. Will credit you!
I'm so ready for Christmas!!!
Thanks!

You're welcome! Enjoy!

stuffy34.livejournal.com

Snagging this! I'm looking to change my layout to a Christmas one and this is perfect! <3

Great. I'm glad you like it. Enjoy.

Am I allowed to change the header and layout colurs? I love the header that's already in the layout but the blue "Let it snow" one is really nice as well. If I can't I understand :) I just wanted to check first.

Go for it. Enjoy.

Thank you :)

charleygirl.livejournal.com

Hello, I've just come across this while searching for Christmas layouts and it's beautiful. Have snagged and will credit, naturally. Many thanks! :)

I'm glad you like it. Enjoy.

Layout Lounge

Layouts, Tutorials, Help, and more

27. Christmas Time

(no subject)

(no subject)

(no subject)

(no subject)

(no subject)

(no subject)

(no subject)

(no subject)

(no subject)

(no subject)

(no subject)

(no subject)

(no subject)

(no subject)

(no subject)

(no subject)

(no subject)

About

Links

Tags

Summary

April 2025