layoutlounge | 29. Twilight Red Layout

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

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: #222222;
        background-image: url(IMAGE URL);
         background-repeat: repeat;
	color: #ffffff;
	font-family: "Trebuchet ms", arial, verdana, sans-serif;
	font-size: 12px;
             margin: 20px 0 20px 0;
	}

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

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

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

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: #222222;
	border-color: #444444;
	border-style: dotted;
	border-width: 0px 1px 1px 1px;
}

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

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

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

#header {		
	position: relative;
	line-height: 35px;
	text-align: center;
        color: #666666;
	font-family: "Twilight", arial, sans-serif;
	font-size: 11px;
	width: 100%;
	padding: 0px 0px 10px 0px;
	margin-bottom: 20px;
	text-align: center;
	letter-spacing: 1px;
        text-transform: uppercase;
	border-bottom: 0px dotted #821d2b;
}

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: "Twilight", arial, sans-serif;
	font-size: 15px;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: -1px;
	color: #999999;
	text-align: center;
	background-color: #000000;
}

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

ul.navheader 
	{	
	padding: 10px 0px 0px 0px;
        background-color: #000000;	
	margin: 0px;
	}

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

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

#footer {			
	width: 100%;
	margin: 0px;
	text-align: center;
	font-family: "Twilight", arial, verdana, sans-serif;
	font-size: 11px;
	color: #ffffff;
	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: #222222;
	margin-left: 5px;
	font-family: "Trebuchet ms", arial, verdana, sans-serif;
	font-size: 11px;
	color: #ffffff;
	width: 200px;
	float: left;
	text-align: left;
        text-transform: normal;
	border-top: 0px dotted #821d2b;
	border-bottom: 1px dotted #821d2b;
	border-left: 0px dotted #821d2b;
	border-right: 1px dotted #821d2b;
	}

#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: #d60014;
	display: block;
	padding: 1px 1px 1px 0px;
	text-decoration: none;
		}

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

.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 #821d2b;
	text-align: center;
	font-family: "Trebuchet ms", arial, verdana, sans-serif;
	font-size: 9px;
	}

.sbarcalendarposts {
	padding: 1px;
        border: 1px dotted #821d2b;
	background-color: #222222;
	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 #821d2b;
	list-style: none;
        }

li.sbartitle {
	padding: 3px 5px 3px 5px;
	margin: 10px 0 10px 0;
        background-color: #000000;
	list-style: none;
	text-align: left;
	color: #dddddd;
        border-top: 0px dotted #821d2b;
        text-transform: normal;
	font-family: "Twilight", arial, verdana, sans-serif;
	font-size: 13px;
		}

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

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

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

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

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

.entry	{
        padding: 10px;
	color: #ffffff;
	font-family: "Trebuchet ms", arial, verdana, sans-serif;
	font-size: 12px;
	text-align: justify;
	}
	
hr {
	color: transparent;
	height: 1px;
	border-style : none; 
	border-bottom: 2px dotted #821d2b;
	}

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

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

.userpicfriends {
	background-color: #222222 !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 #cccccc dotted;
	}

.userpicfriends a font {
	color: #d60014;
}
	
.date {
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: left;
        color: #ffffff;
	top: 5px;
	font-family: "Trebuchet ms", arial, verdana, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	}

.subject {
        background-color: #222222;
	font-weight: none;
	padding-bottom: 5px;
	padding-top: 5px;
        padding-left: 10px;
	color: #d60014;
	font-family: "Twilight", arial, verdana, sans-serif;
	font-size: 22px;
	text-transform: normal;
        text-decoration: underline;
	border-bottom: 0px dotted #821d2b;
	border-right: 0px dotted #821d2b;
	}
	
.subject a, .subject a:link, .subject a:visited {
	color: #d60014;
	}

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

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

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

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

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

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

.ljtags strong

{
	font-family: "Twilight", arial, verdana, sans-serif;
	font-size: 12px;
	color: #777777;
	font-weight: lighter;
	text-transform: lowercase;
	}

.currents, .currentmood, .currentmusic, .currentlocation {
	font-family: "Twilight", arial, verdana, sans-serif;
	font-size: 12px;
	color: #777777;
	font-weight: lighter;
	text-transform: lowercase;
	}

.ljtags a, .ljtags a:link, .ljtags a:visited {
	font-family: "Twilight", arial, verdana, sans-serif;
	font-size: 12px;
	color: #d60014;
	text-transform: lowercase;
	font-weight: lighter;
	}

.currentlocation a, .currentlocation a:link, .currentlocation a:visited {
	font-size: 12px;
	font-family: "Twilight", arial, verdana, sans-serif;
	color: #d60014;
	text-transform: lowercase;
	font-weight: lighter;
	}
	
.currentlocation a:hover, .ljtags a:hover {
	font-family: "Twilight", arial, verdana, sans-serif;
	font-size: 12px;
	color: #777777;
	font-weight: lighter;
	text-transform: lowercase;
	}

.comments {
	font-family: "Twilight", arial, verdana, sans-serif;
	font-size: 12px;
	font-size: 11px;
	text-align: center;
	padding: 5px 5px 5px 5px;
	position: relative;
	clear: right;
	margin-top: 5px;
	text-transform: lowercase;
	border-bottom: 1px #222222 dotted;
	}
	
div.comments a, div.comments a:link, div.comments a:visited{
	color: #d60014;
}

div.comments a:hover {
	color: #777777;
	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: #333333;
        color: #dddddd;
	}	
	
.userpiccomment {
	background-color: #222222 !important;
	position: relative;
	top: -30px;
	left: 0px;
	padding: 5px;
	margin: 20px 10px -20px 10px;
	z-index: 15;
	float: right;
	border: 1px #cccccc dotted;
	}

div#content input,
div#content textarea,
div#content select {
	color: #ffffff;
	border: 1px dotted #821d2b;
	background-color:#222222;
	}
	
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: #ffffff;
	}
	
.replytosubject {
	color: #ab1b73;
	font-weight: bold;
	text-transform: normal;
        padding: 5px;
        background-color: #222222;
	}

.replytoposter {
        background-color: #222222;
	color: #ffffff;
	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: #ffffff;
	}
	
.commentbox {
	padding: 5px;
	margin: 10px;
	text-align: left;
        background-color: #333333;
	border: 1px dotted #821d2b;
	}
	
.datesubjectcomment a:link, .datesubjectcomment a:visited {
	color: #d60014;
	}
	
.datesubjectcomment a:hover {
	color: #777777;
	}

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

.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 #821d2b;
	color: #ffffff;
	}

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

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

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

ul.ljtaglist {
	color: #ffffff;
	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
-------------------------*/

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

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

.currentmusic 
       {
       background: url(IMAGE 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: #222222 !important;
	border: 1px solid #222222;
	}

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

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

.separator {
          height: 20px;
         }

Header made by

charmingways
Found Here

Fonts Used:
Twilight

Background Image:

Tiny Icons:
Tags: Photobucket - Video and Image Hosting

Location:

Music:

Mood:

See the 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.

Flat | Top-Level Comments Only

From:

chevellechik70.livejournal.com

Ahhh! Totally snagging this one just because I LOVE the quote!!! *does a happy dance*

sireesanwar.livejournal.com

Either way. I really liked this one too!

It is hard to give up the Edward Love... just like Jamie.

Edward is not quite Jamie...but he's wonderful. :)

Well no... no one is Jamie. Jamie is in a league all by himself but I've noticed a few men who come close... in books at least...

Edward... Gilbert... close but no cigar.

Yes, I've just finished the 3rd Green Gables book... I'm so glad she finally realized she wanted to be with Gilbert!

I LOVE Gilbert so much. It's ridiculous. He's my original fictional character crush. And I'll always love him best. :)

You can have him... I'll gladly take Jamie. *lol*

I'm reading a new Vamp series and it is so fluffy but great. It isn't like Dark Hunters or Brotherhood. It is rather funny and has a really hot Vamp King in it. *shudders*

Link...
http://astore.amazon.com/sireesanwar-20?_encoding=UTF8&node=45

77mrsbrooks.livejournal.com

hey. it's adorable. i'm taking it and will credit you as always:) thanks for sharing, it's awesome!

You are welcome!

micholover.livejournal.com

taking this one, using. credit in my bio. :)

Glad you like it. Enjoy it.

myvampireeyes.livejournal.com

Hi, I snagged this one, with credit. :)

Thanks.

(deleted comment)

I'm glad you like it. Enjoy!

Layout Lounge

Layouts, Tutorials, Help, and more

29. Twilight Red Layout

(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