theworkshop | Jul. 10th, 2009

I can change anything you aren't fond of as long as you comment and let me know.
The Journal's Background of Pink?
The Header and Header Links pictures?
These will be pictures you will need to save to your own Photobucket and then replace the urls in this coding. This can be done as soon as you are satisfied with the layout.

/*------------------------------------------------------------------
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: #e6d6b7;
        background-image: url(http://i77.photobucket.com/albums/j49/SireesAnwar/Backgrounds/bg_page_cranberry.jpg);
        background-repeat: repeat;
	color: #555555;
	font-family: "Times New Roman", arial, Times New Roman, sans-serif;
	font-size: 11px;
        margin: 10px 0 20px 0;
	}

a, a:link, a:visited {
	color: #68a15c;
	text-decoration: none;
	letter-spacing: 1px;
	}

a:hover {
	color: #ce1f48;
	text-decoration: none;
	letter-spacing: 1px;
	}

blockquote {
		padding: 18px; 
		border: 1px solid #e6d6b7; 
		color: #555555;
		font-size: 11px;
		line-height: 100%;
		font-family: "Times New Roman", arial, Times New Roman, sans-serif;
		background: #f7f6f0;
		text-align: left;
		}
b, strong {
color: #1d9fed;
}

i, em {
color: #ce1f48;
}

s, u {
color: #9363c6;
}

p, td{
	}
	
code, kbd, pre, tt {
		font-family: "Times New Roman";
	}
	
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: left;
	margin: 0px 0px 0px 0px;
	font-family: "Times New Roman", arial, Times New Roman, sans-serif;
	font-size: 11px;
	color: #888888;
	text-align: center;
	}

.subcontent {
        background-color: #f7f6f0;
        width: 563px;
	border: 1px solid #cccccc;
	min-height: 200px;
	margin-right: 0px;
}

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

#header {		
	position: relative;
	line-height: 125%;
	text-align: right;
        color: #222222;
	font-family: "Times New Roman";
	font-size: 11px;
	width: 100%;
        height: 46px;
	padding: 0px 0px 0px 0px;
	margin-top: 0px;
	letter-spacing: 2px;
        text-transform: normal;
	border-bottom: 1px solid #cccccc;
	background-color: #2a2a2a;
        background-image: url(http://i77.photobucket.com/albums/j49/SireesAnwar/sireesanwar-pinkflowers-nav.jpg);
        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: 5px;
	font-family: "Times New Roman";
	font-size: 11px;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: -1px;
	color: #1d9fed;
	text-align: right;
	background-color: transparent !important;
}

div#header a:hover {
	padding: 5px;
	color: #9363c6;
	background-color: transparent !important;
	border-bottom: 0px solid;
}

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: "Times New Roman";
	font-size: 11px;
	color: #ffffff;
	z-index: 100;
	}

div#footer a {
	padding: 5px;
	font-family: "Times New Roman";
	font-size: 15px;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: -1px;
	color: #008797;
	text-align: center;
	background-color: transparent !important;
}

div#footer a:hover {
	padding: 5px;
	color: #D7D3CD;
	background-color: transparent !important;
	border-bottom: 0px solid;
}

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: #f7f6f0;
	margin-left: 0px;
	font-family: "Times New Roman", arial, Times New Roman, sans-serif;
	font-size: 11px;
	color: #555555;
	width: 215px;
	float: right;
	text-align: left;
        text-transform: normal;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	}

#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: 250px;
         overflow:auto;
}

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

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

.defaultuserpic {
	text-align: center;
	}

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

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

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

.sbarcalendarposts {
	padding: 1px;
        border: 1px solid #cccccc;
	background-color: #f7f6f0;
	text-align: center;
	font-family: "Times New Roman", arial, Times New Roman, sans-serif;
	font-size: 9px;
	}
	
ul.sbarlist {
	padding-left: 0px;
	margin-left: 0px;		
        list-style: none;
	}

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

li.sbartitle {
	padding: 3px 5px 3px 5px;
	margin: 10px 0 10px 0;
	list-style: none;
	text-align: center;
	color: #888888;
        border-bottom: 1px solid #cccccc;
        text-transform: normal;
	font-weight: none;
	font-family: "Times New Roman", Arial;
	font-size: 18px;
		}

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

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

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

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

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

.entry	{
        padding: 10px;
	margin: 0px;
	color: #555555;
	font-family: "Times New Roman";
	font-size: 11px;
	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: #f7f6f0 !important;
	position: relative;
	float: right;
	padding: 5px;
	margin: 10px;
	z-index: 15;
        color: #cccccc !important;
	border: 1px #e6d6b7 solid;
	}

.userpicfriends {
	background-color: #f7f6f0 !important;
	position: relative;
	float: right;
	padding: 5px;
	margin: 10px;
	text-align: right;
	font-family: "Times New Roman", arial, Times New Roman, sans-serif;
	font-size: 11px;
	z-index: 15;
	border: 1px #e6d6b7 solid;
	}

.userpicfriends a font {
	color: #dc9d30;
}

.date {
	margin: 5px 0 0 5px;
	text-align: left;
        color: #555555;
	top: 5px;
	font-family: "Times New Roman", arial, Times New Roman, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	}

.subject {
        background-color: #f7f6f0;
	font-weight: none;
	padding-bottom: 5px;
	padding-top: 5px;
        padding-left: 10px;
	color: #ce1f48;
	font-family: "Times New Roman", Times New Roman;
	font-size: 18px;
	text-transform: normal;
        text-decoration: underline;
	border-bottom: 1px solid #cccccc;
	}
	
.subject a, .subject a:link, .subject a:visited {
	color: #ce1f48;
	}

.subject a:hover {
	color: #68a15c;
	}

.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: #68a15c;
	font-weight: bold;
	}

span.ljuser a:hover b {
	padding-top: 2px;
	padding-bottom: 2px;
	color: #ce1f48;
	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() no-repeat center left;
	}
	
.currents strong, .currentmood strong, .currentmusic .currentlocation,

.ljtags strong

{
	font-family: "Times New Roman", arial;
	font-size: 11px;
	color: #cccccc;
	font-weight: lighter;
	text-transform: lowercase;
	}

.currents, .currentmood, .currentmusic, .currentlocation {
	font-family: "Times New Roman", arial;
	font-size: 11px;
	color: #555555;
	font-weight: lighter;
	text-transform: lowercase;
	}

.ljtags a, .ljtags a:link, .ljtags a:visited {
	font-family: "Times New Roman", arial;
	font-size: 11px;
	color: #68a15c;
	text-transform: lowercase;
	font-weight: lighter;
	}

.currentlocation a, .currentlocation a:link, .currentlocation a:visited {
	font-family: "Times New Roman", arial;
	font-size: 11px;
	color: #68a15c;
	text-transform: lowercase;
	font-weight: lighter;
	}
	
.currentlocation a:hover, .ljtags a:hover {
	font-family: "Times New Roman", arial;
	font-size: 11px;
	color: #ce1f48;
	font-weight: lighter;
	text-transform: lowercase;
	}

.comments {
	font-family: "Times New Roman", arial;
	font-size: 11px;
	font-weight: normal;
	text-align: right;
	padding: 5px 5px 5px 5px;
	position: relative;
	clear: center;
	margin-top: 5px;
	text-transform: lowercase;
	border-bottom: 1px #e6d6b7 solid;
	}
	
div.comments a, div.comments a:link, div.comments a:visited{
	color: #1d9fed;
}

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

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

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

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

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

.datesubjectcomment {
	margin-top: 20px;
	text-align: right;
	padding: 5px;
        background-color: #f7f6f0;
        color: #555555;
	}	
	
.userpiccomment {
	background-color: #f7f6f0 !important;
	position: relative;
	top: -30px;
	left: 0px;
	padding: 5px;
	margin: 20px 10px -20px 10px;
	z-index: 15;
	float: right;
	border: 1px #e6d6b7 solid;
	color: #555555;
	}

div#content input,
div#content textarea,
div#content select {
	color: #68a15c;
	border: 1px solid #cccccc;
	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: "Times New Roman", arial, Times New Roman, sans-serif;
	font-size: 11px;
	line-height: 125%;
	color: #555555;
	}
	
.replytosubject {
	color: #555555;
	font-weight: bold;
	text-transform: normal;
        padding: 5px;
        background-color: #f7f6f0;
	}

.replytoposter {
        background-color: #f7f6f0;
	color: #68a15c;
	text-transform: normal;
        padding: 5px;
}

.commentreply {
        text-align: left;
	position: relative;
	margin: 10px;
	font-family: "Times New Roman", arial, Times New Roman, sans-serif;
	font-size: 11px;
	color: #555555;
	}
	
.commentbox {
	padding: 5px;
	margin: 10px;
	text-align: left;
        background-color: #f7f6f0;
	border: 1px solid #cccccc;
	}
	
.datesubjectcomment a:link, .datesubjectcomment a:visited {
	color: #68a15c;
	}
	
.datesubjectcomment a:hover {
	color: #ce1f48;
	}

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

.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: "Times New Roman", arial, Times New Roman, sans-serif;
	font-size: 11px;
	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 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: 0px;
	font-size: 0.01px;
	}
	
#lj_controlstrip td {
	font-family: "Times New Roman" !important;
	font-size: 11px;
	background-color: #2a2a2a !important;
	border: 1px solid #eeeeee;
	}

#lj_controlstrip a, .lj_controlstrip a:link, .lj_controlstrip a:visited, {
	font-family: "Times New Roman" !important;
	font-size: 11px;
	color: #e6d6b7 !important;
	text-transform: lowercase;
	}

.headerimage {
          position: relative;
	border-color: #888888;
	border-style: solid;
	border-width: 0px;
	 width: 800px;
	 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: #f7f6f0;
	 background-image: url(http://i77.photobucket.com/albums/j49/SireesAnwar/sireesanwar-pinkflowers-head.jpg);
	 background-position: center;         
         background-repeat: no-repeat;
            }

.separator {
          height: 20px;
         }

( Images... )

Layout Lounge Workshop

just tinkering around

Jul. 10th, 2009

endless_reader's colorful layout

Links

About

Tags

Summary