layoutlounge | 40. 2 Star Trek Geektastic Layouts

sireesanwar.livejournal.com posting in

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 can look around first. If I can't come up with a header then I will let you know. Sometimes the muse works and sometimes she's a little lazy.

Cool. Just Jack... I'll get looking. It might be a bit but I will get back to you.

From:

shinjifukushima.livejournal.com

THANK YOU SO MUCH!

Yeah just let me know if you can't find it and I'll look for something. I really appreciate you willing to look into it for me.

:D:D

*gives a basket full of cookies*

From:

shinjifukushima.livejournal.com

Oh! And I don't know if it makes a different but I have a paid account so ads are no problem :D

From:

sireesanwar.livejournal.com

Good to know.

From:

sireesanwar.livejournal.com

I'm currently going through images. Thanks for the cookies they come in hand while I'm working. *lol*

From:

shinjifukushima.livejournal.com

Sounds great. Glad I could be of at least some service! *grins*

From:

sireesanwar.livejournal.com

Okay... I've made something. I also made several headers, a friends banner and 1 icon...

You can see the layout live here

workshop_rees

Artwork:

(http://s77.photobucket.com/albums/j49/SireesAnwar/?action=view&current=sireesanwar-tnbc004.jpg)
(http://s77.photobucket.com/albums/j49/SireesAnwar/?action=view&current=sireesanwar-tnbc005.jpg)
(http://s77.photobucket.com/albums/j49/SireesAnwar/?action=view&current=sireesanwar-tnbc006.jpg)
(http://s77.photobucket.com/albums/j49/SireesAnwar/?action=view&current=sireesanwar-tnbc007.gif)
(http://s77.photobucket.com/albums/j49/SireesAnwar/FriendsBanners/?action=view&current=sireesanwar-tnbc003.jpg)
(http://s77.photobucket.com/albums/j49/SireesAnwar/FriendsBanners/?action=view&current=sireesanwar-tnbc002.jpg)
(http://s77.photobucket.com/albums/j49/SireesAnwar/LJ-IconsByMe/Disney/?action=view&current=sireesanwar-tnbc001.jpg)

Please be brutally honest because I want you to like it. I can change just about anything.

Edited Date: 2009-08-29 12:04 am (UTC)

From:

shinjifukushima.livejournal.com

I ABSOLUTELY LOVE IT!

I also think I prefer the header banner that you have in the preview. I love the little flickering light.

I don't have my journal friends only but I will definitely use the banners you made if I do ever go that way. The icon is perfect as well.

The only thing I wonder if you could change, I got he idea from the friends banner with "scare to be added"...

Where people comment on the entries, could the wording be changed from "leave a comment" to "let out a scream" and "# comments" to "# screams"

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.

I also don't know if these things are things I have to change myself because they may be. I know that when I applied the theme I have now I had to go in and change some of those, so it may just be I have to change them once it is applied.

I don't think I need the page summary, if that could be removed. I do want a little blurb or blob on the side so I can welcome people to the journal.

I can't see if the mood theme works since you don't have any on the entries, but I wanted to make sure they were there as well.

I hope I don't sound bad by asking all this!

Thank you so much though, I really do love it.

...Is is possible that I can save all the headers and switch them in and out on the layout?

From:

shinjifukushima.livejournal.com

Also, would it be possible to incorporate the background into the rest of it a bit more?

I mean like instead of the line under links you could have a strip that is like the background. I remember seeing a similar request when I was looking through your layouts and comments but I can't remember which one to show you exactly what I mean.

From:

sireesanwar.livejournal.com

Hmmm.... you mean like a regular link that ends up underlined? Most underlining should be turned off. It might be that your browser is showing the underline. I can add the background in other places though I'm not sure I can make it be an underline.

Be as specific as you can because it is hard to convey what we are thinking... point out specific places on the layout you would want to see this....

I don't remember anyone asking for something like that in the past.

From:

shinjifukushima.livejournal.com

Hmm, perhaps I read things wrong. It could also be that I've looked on so many different communities that I am confusing them now.

AHA! I found the layout that made me think of it. Here (http://i407.photobucket.com/albums/pp157/scholarslayouts/wedding/preview.jpg)

I want something similar but not exactly the same. I don't want it on the comments. I took a screen shot to show you what I mean. You can see it here (http://i725.photobucket.com/albums/ww256/bouncytime20/NBC.jpg).

You were right. It wasn't the line underneath it was the entire word. So hopefully that explains it a bit better. :D

Also, like in the preview, is it possible to put the default icon on the sidebar or is that another one of those customizations I can do?

Thank you for the link for figuring all that stuff out! You've been a real help and you explain things very well.

Once I have the layout up and running I'm going to do a post that shows the friends only banners because even though I won't be using them right away I want others to be able to see them. From that post I will be letting everyone know, as well as my profile, who made them and the layout and leaving links to your graphics comm and here so they might be able to request from you as well. :)

Which reminds me, do you have a specific way you want to be credited in the profile?

From:

sireesanwar.livejournal.com

Check out what I've got going on now.
http://community.livejournal.com/workshop_rees/

The default icon is the same as the page summary. It will be something you change and add in the sidebar customizations.

I send people to

graffitigraphic for images and

layoutlounge for the actual layouts.

From:

shinjifukushima.livejournal.com

That's perfect!

I love it. I don't think there is anything else that needs to be changed about it.

From:

sireesanwar.livejournal.com

Okay. I'll do the new layout post here very soon.

I'm so glad you like it.

FYI for the moodtheme I suggested... there is a quick upload moodtheme tutorial in this journal.

From:

shinjifukushima.livejournal.com

Awesome. I do know a bit more about the mood themes. I had to put my Harry Potter one on and it took FOREVER soooo many emotions. There more emotions on that list then I think I actually feel in a year!

Thank you so much again. After I get everything settled I'll be doing the post that points people in the right direction to you. I'll also be directing them to your help/request desk so that you don't have something like this on your layout comments again lol.

Thank you again, I can't wait to see how it looks on my journal. And just to be sure, you want all images saved to my separate photobucket and then placed in the code stuff...right? I'm really crap at html and stuff lol.

*huggles*!

From:

sireesanwar.livejournal.com

Well my walk through is a faster way of doing it. It only takes a couple of minutes once you have the layout in your PhotoBucket.

Thanks!

Yes, all images saved to your photobucket. You will see in the coding places that say (BACKGROUND IMAGE) or (SIDEBAR TITLE IMAGE) or (HEADER IMAGE). These are what you want to change but make sure to leave the ( ).

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*

From:

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

From:

sireesanwar.livejournal.com

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

Flat | Top-Level Comments Only

About

Welcome to the Lounge. Our tutorials are saved here. These are currently all for LJ and Flexible Squares. Should you have general questions about us check out our FAQ. I do NOT customize layouts for individuals.

Layout Change Quick Guide

If you like Flexible Squares, I have tons of layouts for you, and still create them.

I've been creating Layouts for DW's Transmogrified. Here's how to use them:
1. Go to Transmogrified Layouts.
2. Choose Basic.
3. Go to Custom CSS.
4. Make sure all boxes are unchecked
5. Copy Coding to Stylesheet Box.
6. Make sure to update with your own images/image urls. Imgur images are okay to be used.
7.Click Save.

Tips Welcome:

You can also find layout_lounge at LiveJournal.

Summary

sireesanwar.livejournal.com - (no subject)

April 2025

S	M	T	W	T	F	S
		1	2	3	4	5
6	7	8	9	10	11	12
13	14	15	16	17	18	19
20	21	22	23	24	25	26
27	28	29	30

Layout Lounge

Layouts, Tutorials, Help, and more

40. 2 Star Trek Geektastic Layouts

(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)

(no subject)

(no subject)

About

Links

Tags

Summary

April 2025