layoutlounge | 40. 2 Star Trek Geektastic Layouts

Layout Style: S2 Flexible Squares
Features: Sidebar, Scrolling Tags, Custom Page Summary
Layout Width: 800px
Requested By:

Click to see larger image - Live Preview

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

body{
	background-color: #000000;
        background-image: url(BACKGROUND IMAGE URL);
        background-repeat: repeat;
	color: #f9e7b5;
	font-family: "Verdana", arial, verdana, sans-serif;
	font-size: 12px;
        margin: 10px 0 20px 0;
	}

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

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

blockquote {
		width: 400px;
                padding: 15px; 
		border: 0px solid #e6d6b7; 
		color: #f9e7b5;
		font-size: 12px;
		line-height: 100%;
		font-family: "Verdana", arial, verdana, sans-serif;
		background: #333333;
		text-align: left;
 -moz-border-radius: 35px;
 border-radius: 35px;
 -webkit-border-radius: 35px;
 -khtml-border-radius: 35px;
		}

b, strong {
color: #246ca6;
}

i, em {
color: #ffffff;
}

s, u {
color: #9363c6;
}

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

/*-----------------------
SECTION: In General
-------------------------*/
	
#content {  	
	width: 800px;	
	margin-left: auto; 
        margin-right: auto;  
	text-align: left;
        padding: 0px;
        background-color: transparent !important;
	border-color: #888888;
	border-style: solid;
	border-width: 0px;
}

#maincontent {
	width: 565px;
	float: right;
	margin: 0px 0px 0px 0px;
	font-family: "Verdana", arial, verdana, sans-serif;
	font-size: 12px;
	color: #888888;
	text-align: center;
	}

.subcontent {
        background-color: #000000;
        width: 563px;
	border: 0px solid #cccccc;
	margin-right: 0px;
}

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

#header {		
	position: relative;
	line-height: 25px;
	text-align: right;
        color: #000000;
	font-family: "Swiss911 XCm BT", Arial;
	font-size: 20px;
	width: 100%;
	padding: 0px 0px 10px 0px;
	margin-bottom: 0px;
	letter-spacing: 1px;
        text-transform: uppercase;
	border-bottom: 0px solid #cccccc;
	background-color: #000000;
        background-image: url(HEADER LINK IMAGE);
        background-repeat: no-repeat;

}

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: 13px 5px 14px 5px;
	font-family: "Swiss911 XCm BT", Arial;
	font-size: 20px;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #DC9D30;
	text-align: left;
	background-color: #000000;
}

div#header a:hover {
	padding: 13px 5px 14px 5px;
	color: #246ca6;
	background-color: #000000;
	border-bottom: 0px solid;
        play-during: url("http://layout-lounge.weebly.com/files/theme/214.wav");
}

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

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

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

#footer {			
	width: 100%;
	margin: 0px;
	text-align: center;
	font-family: "Swiss911 XCm BT", Arial;
	text-transform: uppercase;
	font-size: 15px;
	color: #ffffff;
	z-index: 100;
	}

div#footer a {
	padding: 5px;
	font-family: "Swiss911 XCm BT", Arial;
	font-size: 15px;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: -1px;
	color: #000000;
	text-align: center;
        background-color: #c9dcea;
 -moz-border-radius: 35px;
 border-radius: 35px;
 -webkit-border-radius: 35px;
 -khtml-border-radius: 35px;
}

div#footer a:hover {
	padding: 5px;
	color: #ffffff;
	border-bottom: 0px solid;
        background-color: #79b0cf;
 -moz-border-radius: 35px;
 border-radius: 35px;
 -webkit-border-radius: 35px;
 -khtml-border-radius: 35px;
}

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

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

.clearfoot {		
        height: 0px;
	clear: both;
	}

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

#sidebar {
	padding: 0px 0 10px 0; 
        background-color: #000000;
	margin-left: 0px;
	font-family: "Verdana", arial, verdana, sans-serif;
	font-size: 10px;
	color: #f9e7b5;
	width: 215px;
	float: left;
	text-align: right;
        text-transform: normal;
	border: 0px solid #cccccc;
	}

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

.sbarcalendarposts

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

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

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

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

.defaultuserpic {
	text-align: center;
	}

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

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

.sbarbody2 {
	padding: 0 5px 0 5px;
	}
		
table.calendar {
	margin-right: auto;
	margin-left: auto;
        text-align: right;
	}
	
.sbarcalendar {
	padding: 1px;
	border: 0px solid #cccccc;
	text-align: right;
	font-family: "Verdana", arial, verdana, sans-serif;
	font-size: 9px;
	}

.sbarcalendarposts {
	padding: 1px;
        border: 0px solid #cccccc;
	background-color: #000000;
	text-align: right;
	font-family: "Verdana", arial, verdana, sans-serif;
	font-size: 9px;
	}
	
ul.sbarlist {
	padding-left: 0px;
	margin-left: 0px;		
        list-style: none;
        text-align: right;
	}

li.sbaritem {
	padding-right: 5px;
        border-bottom: 0px solid #cccccc;
	list-style: none;
        }

li.sbaritem a {
	padding: 3px 3px 3px 3px;
        margin: 0px 2px 5px 0px;
	list-style: none;
        text-transform: lowercase;
        border-right: 5px #000000 solid;
	}

li.sbaritem a:hover 
        {
        border-right: solid 5px #f9e7b5;
        background-color: #000000;
        }

li.sbartitle {
	padding: 3px 5px 3px 5px;
	margin: 10px 0 10px 0;
	list-style: none;
	text-align: center;
	color: #000000;
        border-bottom: 0px solid #cccccc;
        text-transform: uppercase;
	font-weight: none;
	font-family: "Swiss911 XCm BT", Arial;
	font-size: 25px;
        background-color: #2c9486;
 -moz-border-radius: 35px;
 border-radius: 35px;
 -webkit-border-radius: 35px;
 -khtml-border-radius: 35px;
		}

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

#sidebar_summary li.sbaritem {
	color: #ffffff;
	border: 0px solid #cccccc;
	background-color: #000000;
 -moz-border-radius: 35px;
 border-radius: 35px;
 -webkit-border-radius: 35px;
 -khtml-border-radius: 35px;
	padding: 3px;
	text-transform: normal;
	margin: 3px 0px;
	}

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

#sidebar_summary li.sbaritem a: hover{
	text-decoration: none;
	color: #ffffff;
	border: 0px solid #333333;
 -moz-border-radius: 35px;
 border-radius: 35px;
 -webkit-border-radius: 35px;
 -khtml-border-radius: 35px;
	background-color: transparent !important;
	}

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

.entry	{
        padding: 10px;
	margin: 0px;
	color: #f9e7b5;
	font-family: "Verdana", Arial;
	font-size: 12px;
	text-align: left;
	}
	
hr {
	color: transparent;
	height: 1px;
	border-style : none; 
	border-bottom: 2px solid #cccccc;
	}

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

.userpic {
	background-color: #accde0 !important;
	position: relative;
	float: right;
	padding: 5px;
	margin: 10px;
	z-index: 15;
        color: #000000 !important;
	border: 0px #e6d6b7 solid;
 -moz-border-radius: 10px;
 border-radius: 10px;
 -webkit-border-radius: 10px;
 -khtml-border-radius: 10px;
	}

.userpicfriends {
	background-color: #accde0 !important;
	position: relative;
	float: right;
	padding: 5px;
	margin: 10px;
	text-align: right;
	font-family: "Verdana", arial, verdana, sans-serif;
	font-size: 12px;
	z-index: 15;
	border: 0px #e6d6b7 solid;
 -moz-border-radius: 10px;
 border-radius: 10px;
 -webkit-border-radius: 10px;
 -khtml-border-radius: 10px;
	}

.userpicfriends a font {
	color: #ffffff;
}

.date {
	margin: 5px 0 0 5px;
	text-align: right;
        color: #555555;
	top: 5px;
	font-family: "Swiss911 UCm BT", arial, verdana, sans-serif;
	font-size: 14px;
        letter-spacing: 1px;
	text-transform: uppercase;
	}

.subject {
        background-color: #7d79b7;
	font-weight: none;
	padding-bottom: 5px;
	padding-top: 5px;
        padding-left: 10px;
        margin-right: 130px;
	color: #000000;
	font-family: "Swiss911 XCm BT", Arial;
	font-size: 25px;
	text-transform: uppercase;
        text-decoration: normal;
	border-bottom: 0px solid #cccccc;
 -moz-border-radius: 35px;
 border-radius: 35px;
 -webkit-border-radius: 35px;
 -khtml-border-radius: 35px;
	}
	
.subject a, .subject a:link, .subject a:visited {
	color: #ffffff;
	}

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

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

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

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

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

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

.ljtags strong

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

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

.ljtags a, .ljtags a:link, .ljtags a:visited {
	font-family: "Verdana", arial;
	font-size: 10px;
	color: #246ca6;
	text-transform: lowercase;
	font-weight: lighter;
	}

.currentlocation a, .currentlocation a:link, .currentlocation a:visited {
	font-family: "Verdana", arial;
	font-size: 10px;
	color: #246ca6;
	text-transform: lowercase;
	font-weight: lighter;
	}
	
.currentlocation a:hover, .ljtags a:hover {
	font-family: "Verdana", arial;
	font-size: 10px;
	color: #414144;
	font-weight: lighter;
	text-transform: lowercase;
	}

.comments {
	font-family: "Verdana", arial;
	font-size: 10px;
	font-weight: normal;
	text-align: right;
	padding: 5px 5px 5px 5px;
	position: relative;
	clear: center;
	margin-top: 5px;
        margin-left: 200px;
	text-transform: lowercase;
	border-bottom: 0px #e6d6b7 solid;
        background-color: #c9dcea;
 -moz-border-radius: 35px;
 border-radius: 35px;
 -webkit-border-radius: 35px;
 -khtml-border-radius: 35px;
	}
	
div.comments a, div.comments a:link, div.comments a:visited{
	color: #414144;
}

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

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

.box {
	padding: 5px;
	margin-top: 0px;
	text-align: left;
        clear:right;
	background-color: #000000;
	width: 557px;
	}

form div.box {
	text-align:center;
	background-color: #000000;
	width: 557px;
}

.skiplinks {
	text-align: right;
	margin-bottom: 3px;
	font-family: "Verdana", arial;
	padding: 10px;
	font-size: 9px;
	letter-spacing: 1px;
	color: #dddddd;
	background-color: #000000;
	border: 0px solid #cccccc;
	}

.datesubjectcomment {
	margin-top: 20px;
	text-align: right;
	padding: 5px;
        background-color: #333333;
        color: #f9e7b5;
	}	
	
.userpiccomment {
	background-color: #accde0 !important;
	position: relative;
	top: -30px;
	left: 0px;
	padding: 5px;
	margin: 20px 10px -20px 10px;
	z-index: 15;
	float: right;
	border: 0px #e6d6b7 solid;
	color: #f9e7b5;
 -moz-border-radius: 10px;
 border-radius: 10px;
 -webkit-border-radius: 10px;
 -khtml-border-radius: 10px;
	}

div#content input,
div#content textarea,
div#content select {
        padding: 10px;
        margin: 10px;
	color: #96abac;
	border: 0px solid #cccccc;
	background-color:#333333;
 -moz-border-radius: 35px;
 border-radius: 35px;
 -webkit-border-radius: 35px;
 -khtml-border-radius: 35px;
	}
	
textarea.textbox  {
	width: 100% !important;
	}

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

.replytoposter {
        background-color: #000000;
	color: #246ca6;
	text-transform: normal;
        padding: 5px;
}

.commentreply {
        text-align: left;
	position: relative;
	margin: 10px;
	font-family: "Verdana", arial, verdana, sans-serif;
	font-size: 10px;
	color: #f9e7b5;
	}
	
.commentbox {
	padding: 5px;
	margin: 10px;
	text-align: left;
        background-color: #333333;
	border: 0px solid #cccccc;
 -moz-border-radius: 35px;
 border-radius: 35px;
 -webkit-border-radius: 35px;
 -khtml-border-radius: 35px;
	}
	
.datesubjectcomment a:link, .datesubjectcomment a:visited {
	color: #96abac;
	}
	
.datesubjectcomment a:hover {
	color: #414144;
	}

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

.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 solid #cccccc;
	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: "Verdana", arial, verdana, sans-serif;
	font-size: 12px;
	padding-left: 12px;
	padding: 8px;
	}

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

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

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

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

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

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

.clear {
	height: 0px;
	font-size: 0.01px;
	}
	
#lj_controlstrip td {
	font-family: "Verdana", arial !important;
	font-size: 12px;
	background-color: #226086 !important;
	border: 0px solid #eeeeee;
	}

#lj_controlstrip a, .lj_controlstrip a:link, .lj_controlstrip a:visited, {
	font-family: "Verdana", arial !important;
	font-size: 12px;
	color: #e6d6b7 !important;
	text-transform: lowercase;
	}

.headerimage {
          position: relative;
	border-color: #888888;
	border-style: solid;
	border-width: 0px;
	 width: 800px;
	 height: 241px;
         padding-left: 0px;
         padding-right: 0x;
         padding-bottom: 0px;
         padding-top: 0px;
         margin-left: auto;
         margin-right: auto;
         margin-top: 1px;
         background-color: #000000;
	 background-image: url(HEADER IMAGE URL);
	 background-position: center;         
         background-repeat: no-repeat;
            }

.separator {
          height: 20px;
         }

Header 800 x 241

Header Link Background

Click to see larger image - Live Preview

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

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

blockquote {
		width: 400px;
                padding: 10px; 
		border: 0px solid #e6d6b7; 
		color: #f9e7b5;
		font-size: 12px;
		line-height: 100%;
		font-family: "Verdana", arial, verdana, sans-serif;
		background: #333333;
		text-align: left;
-moz-border-radius: 35px; -webkit-border-radius: 35px; border-radius: 35px; -khtml-border-radius: 35px; 
		}

b, strong {
color: #246ca6;
}

i, em {
color: #ffffff;
}

s, u {
color: #9363c6;
}

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

#maincontent {
	width: 565px;
	float: right;
	margin: 0px 0px 0px 0px;
	font-family: "Verdana", arial, verdana, sans-serif;
	font-size: 12px;
	color: #888888;
	text-align: center;
	}

.subcontent {
        background-color: #000000;
        width: 563px;
	border: 0px solid #cccccc;
	margin-right: 0px;
}

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

#header {		
	position: relative;
	line-height: 25px;
	text-align: center;
        color: #000000;
	font-family: "Swiss911 XCm BT", Arial;
	font-size: 20px;
	width: 100%;
	padding: 0px 0px 10px 0px;
	margin: 5px 0 0 20px;
	letter-spacing: 1px;
        text-transform: uppercase;
	border-bottom: 0px solid #cccccc;
	background-color: #000000;
        background-image: url(HEADER LINK IMAGE);
        background-repeat: no-repeat;

}

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

div#footer

div#header a:hover {
	padding: 13px 5px 14px 5px;
	color: #ffffff;
	border-bottom: 0px solid;
        play-during: url("http://layout-lounge.weebly.com/files/theme/214.wav");
}

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

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

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

#footer {			
	width: 100%;
	margin: 0px;
	text-align: center;
	font-family: "Swiss911 XCm BT", Arial;
	text-transform: uppercase;
	font-size: 15px;
	color: #ffffff;
	z-index: 100;
	}

div#footer a {
	padding: 5px;
	font-family: "Swiss911 XCm BT", Arial;
	font-size: 15px;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: -1px;
	color: #000000;
	text-align: center;
        background-color: #c9dcea;
-moz-border-radius: 35px; -webkit-border-radius: 35px; border-radius: 35px; -khtml-border-radius: 35px; 
}

div#footer a:hover {
	padding: 5px;
	color: #ffffff;
	border-bottom: 0px solid;
        background-color: #79b0cf;
-moz-border-radius: 35px; -webkit-border-radius: 35px; border-radius: 35px; -khtml-border-radius: 35px; 
}

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

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

.clearfoot {		
        height: 0px;
	clear: both;
	}

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

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

.sbarcalendarposts

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

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

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

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

.defaultuserpic {
	text-align: center;
	}

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

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

li.sbaritem {
	padding-right: 5px;
        border-bottom: 0px solid #cccccc;
	list-style: none;
        }

li.sbaritem a {
	padding: 3px 3px 3px 3px;
        margin: 0px 2px 5px 0px;
	list-style: none;
        text-transform: lowercase;
        border-right: 5px #000000 solid;
	}

li.sbaritem a:hover 
        {
        border-right: solid 5px #f9e7b5;
        background-color: #000000;
        }

li.sbartitle {
	padding: 3px 5px 3px 5px;
	margin: 10px 0 10px 0;
	list-style: none;
	text-align: center;
	color: #000000;
        border-bottom: 0px solid #cccccc;
        text-transform: uppercase;
	font-weight: none;
	font-family: "Swiss911 XCm BT", Arial;
	font-size: 25px;
        background-color: #2c9486;
-moz-border-radius: 35px; -webkit-border-radius: 35px; border-radius: 35px; -khtml-border-radius: 35px; 
		}

#sidebar_summary li.sbaritem {
	color: #ffffff;
	border: 0px solid #cccccc;
	background-color: #000000;
-moz-border-radius: 35px; -webkit-border-radius: 35px; border-radius: 35px; -khtml-border-radius: 35px; 
	padding: 3px;
	text-transform: normal;
	margin: 3px 0px;
	}

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

#sidebar_summary li.sbaritem a: hover{
	text-decoration: none;
	color: #ffffff;
	border: 0px solid #333333;
-moz-border-radius: 35px; -webkit-border-radius: 35px; border-radius: 35px; -khtml-border-radius: 35px; 
	background-color: transparent !important;
	}

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

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

.userpic {
	background-color: #accde0 !important;
	position: relative;
	float: right;
	padding: 5px;
	margin: 10px;
	z-index: 15;
        color: #000000 !important;
	border: 0px #e6d6b7 solid;
-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -khtml-border-radius: 10px; 
	}

.userpicfriends {
	background-color: #accde0 !important;
	position: relative;
	float: right;
	padding: 5px;
	margin: 10px;
	text-align: right;
	font-family: "Verdana", arial, verdana, sans-serif;
	font-size: 12px;
	z-index: 15;
	border: 0px #e6d6b7 solid;
-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -khtml-border-radius: 10px; 
	}

.userpicfriends a font {
	color: #ffffff;
}

.subject {
        background-color: #7d79b7;
	font-weight: none;
	padding-bottom: 5px;
	padding-top: 5px;
        padding-left: 10px;
        margin-right: 130px;
	color: #000000;
	font-family: "Swiss911 XCm BT", Arial;
	font-size: 25px;
	text-transform: uppercase;
        text-decoration: normal;
	border-bottom: 0px solid #cccccc;
-moz-border-radius: 35px; -webkit-border-radius: 35px; border-radius: 35px; -khtml-border-radius: 35px; 
	}
	
.subject a, .subject a:link, .subject a:visited {
	color: #ffffff;
	}

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

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

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

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

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

.ljtags strong

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

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

.ljtags a, .ljtags a:link, .ljtags a:visited {
	font-family: "Verdana", arial;
	font-size: 10px;
	color: #246ca6;
	text-transform: lowercase;
	font-weight: lighter;
	}

.comments {
	font-family: "Verdana", arial;
	font-size: 10px;
	font-weight: normal;
	text-align: right;
	padding: 5px 5px 5px 5px;
	position: relative;
	clear: center;
	margin-top: 5px;
        margin-left: 200px;
	text-transform: lowercase;
	border-bottom: 0px #e6d6b7 solid;
        background-color: #c9dcea;
-moz-border-radius: 35px; -webkit-border-radius: 35px; border-radius: 35px; -khtml-border-radius: 35px; 
	}
	
div.comments a, div.comments a:link, div.comments a:visited{
	color: #414144;
}

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

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

.box {
	padding: 5px;
	margin-top: 0px;
	text-align: left;
        clear:right;
	background-color: #000000;
	width: 557px;
	}

form div.box {
	text-align:center;
	background-color: #000000;
	width: 557px;
}

.datesubjectcomment {
	margin-top: 20px;
	text-align: right;
	padding: 5px;
        background-color: #333333;
        color: #f9e7b5;
	}	
	
.userpiccomment {
	background-color: #accde0 !important;
	position: relative;
	top: -30px;
	left: 0px;
	padding: 5px;
	margin: 20px 10px -20px 10px;
	z-index: 15;
	float: right;
	border: 0px #e6d6b7 solid;
	color: #f9e7b5;
-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -khtml-border-radius: 10px; 
	}

div#content input,
div#content textarea,
div#content select {
        padding: 10px;
        margin: 10px;
	color: #96abac;
	border: 0px solid #cccccc;
	background-color:#333333;
-moz-border-radius: 35px; -webkit-border-radius: 35px; border-radius: 35px; -khtml-border-radius: 35px; 
	}
	
textarea.textbox  {
	width: 100% !important;
	}

.replytoposter {
        background-color: #000000;
	color: #246ca6;
	text-transform: normal;
        padding: 5px;
}

.commentreply {
        text-align: left;
	position: relative;
	margin: 10px;
	font-family: "Verdana", arial, verdana, sans-serif;
	font-size: 10px;
	color: #f9e7b5;
	}
	
.commentbox {
	padding: 5px;
	margin: 10px;
	text-align: left;
        background-color: #333333;
	border: 0px solid #cccccc;
-moz-border-radius: 35px; -webkit-border-radius: 35px; border-radius: 35px; -khtml-border-radius: 35px; 
	}
	
.datesubjectcomment a:link, .datesubjectcomment a:visited {
	color: #96abac;
	}
	
.datesubjectcomment a:hover {
	color: #414144;
	}

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

.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 solid #cccccc;
	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: "Verdana", arial, verdana, sans-serif;
	font-size: 12px;
	padding-left: 12px;
	padding: 8px;
	}

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

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

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

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

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

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

#lj_controlstrip a, .lj_controlstrip a:link, .lj_controlstrip a:visited, {
	font-family: "Verdana", arial !important;
	font-size: 12px;
	color: #e6d6b7 !important;
	text-transform: lowercase;
	}

.headerimage {
          position: relative;
	border-color: #888888;
	border-style: solid;
	border-width: 0px;
	 width: 800px;
	 height: 184px;
         padding-left: 0px;
         padding-right: 0x;
         padding-bottom: 0px;
         padding-top: 0px;
         margin-left: auto;
         margin-right: auto;
         margin-top: 1px;
         background-color: #000000;
	 background-image: url(HEADER IMAGE URL);
	 background-position: center;         
         background-repeat: no-repeat;
            }

.separator {
          height: 20px;
         }

Header 800 x 184

Header Link Background

Fonts Used:
Swiss911 XCm BT
Swiss911 UCm BT

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 or

graffitigraphic.

Flat | Top-Level Comments Only

From:

sireesanwar.livejournal.com

I'm so glad! I'm glad you like the header. I preferred that one too so I kind of made the layout match. The other headers don't look bad with it but I like the flickering light.

That is okay. I just wanted you to have the option of a friends only banner. When I make a layout with artwork I try for that. I saw that you liked the icon. I really thought it would look neat. Glad you like it.

Where people comment on the entries, could the wording be changed from "leave a comment" to "let out a scream" and "# comments" to "# screams" See Here (http://community.livejournal.com/layout_lounge/15658.html)

The text at the top as well for the example Layout Lounge, Recent Entries etc (I know thats mainly because its your journal) but could I have those changed as well to match the theme? I'm not sure what they should be though.

The link above will help you change all of these things. The Layout Lounge link is simply my profile link. Yours will be different when you implement this layout.

They are things you will change yourself. As for the page summary. If you don't have it working currently it will not be displayed. I'm simply showing you that if you use the Page Summary it has been customized.

The blurb is also something you will go into the Customization and add on your own.

As for the mood theme. I just didn't use it on this journal much but it will show up. I also found a moodtheme at another community for you...
http://community.livejournal.com/engravedicons/912.html

You don't sound bad. This is exactly why I created this comm.

Also, I plan on posting these images to

graffitigraphic which is the graphic sister comm to this one. All graphics posted are for the enjoyment of others... and the main rule is to take as much as you like as long as you give credit.

In other words... go for it! *lol*

shinjifukushima.livejournal.com

Thank you for the theme! I will have to look into using that.

I also completely understand that you will put your work out there for others besides myself to use. I would expect it. :)

I wouldn't want to deprive others of such an amazing layout and graphics. Especially as hard as it is to find around LJ. :D

Thanks. I appreciated that. I will get your layout posted as soon as I make your adjustments.

Layout Lounge

Layouts, Tutorials, Help, and more

40. 2 Star Trek Geektastic Layouts

(no subject)

(no subject)

(no subject)

About

Links

Tags

Summary

April 2025