layoutlounge | 13. Free Float Purple (Reply)

Layout Style: S2 Flexible Squares - with sidebar
Use Layout Stylesheet?: No
Custom external stylesheet?: No
Use external stylesheets?: No
Other Info: This layout includes scrolling Tags and custom Page Summary.

Click to see larger image

body{
	background-color: #2f0b31;
        background-image: url();
         background-repeat: repeat;
	color: #f4a3e9
	font-family: Verdana, sans-serif;
	font-size: 11px;
             margin: 20px 0 20px 0;
	}

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

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

blockquote {
		padding: 18px; 
		border: 1px dashed #f4a3e9; 
		color: #f4a3e9;
		font-size: 8pt;
		line-height: 13px;
		font-family: Verdana, sans-serif;
		background: #a13ea7;
		text-align: justify;
		}

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

#content {  	
	width: 700px;	
	margin-left: auto; 
        margin-right: auto;  
	text-align: justify;
        padding: 8px;
        background-color: #2f0631;
	border-color: #f4a3e9;
	border-style: none;
	border-width: 0px 1px 1px 1px;
}

#maincontent {
		font-family: Verdana, sans-serif;
		font-size: 11px;
	color: #f4a3e9;
	margin-left: 185px;
	text-align: center;
	}

#sidebar {
	padding: 0px 0 15px 0; 
        background-color: #671368;
	margin-top: 0px;
	font-family: Verdana, sans-serif;
	font-size: 10px;
	color: #f4a3e9;
	width: 165px;
	float: left;
	text-align: left;
        text-transform: normal;
	border-top: 1px #f4a3e9 dashed;
	border-bottom: 1px #f4a3e9 dashed;
	border-left: 1px #f4a3e9 dashed;
	border-right: 1px #f4a3e9 dashed;
	}

#header {		
	position: relative;
	text-align: center;
        color: #f4a3e9;
	font-family: Verdana, sans-serif;
	font-size: 10px;
	width: 100%;
	padding: 0px 0px 10px 0px;
	margin-bottom: 10px;
	text-align: center;
	letter-spacing: 1px;
        text-transform: uppercase;
	border-bottom: 0px #f4a3e9 dashed;
}

#footer {			
	width: 100%;
	margin: 0px;
	text-align: center;
	font-family: Verdana, sans-serif;
	font-size: 10px;
	color: #dadada;
	z-index: 100;
	}
	
/* header -- links to views; title of journal; subtitle of journal */

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

div#footer

a:link, div#footer a:visited{
	color: #f4a3e9;
	text-decoration: none;
}

div#header a:hover, div#footer a:hover{
	color: #dc039d;
	text-decoration: none;
}

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

ul.navheader li  {
	display: inline;
	padding: 6px;
	margin: 0 2px;
	}
	
.title, .subtitle {
		display: none;
		}

/* sidebar */

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

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

div#sidebar a:hover {
	padding: 3px 3px 3px 0px;
	color: #dc039d;
}

.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 solid #671368;
	text-align: center;
	font-family: Verdana, sans-serif;
	font-size: 9px;
	}

.sbarcalendarposts {
	padding: 1px;
        border: 1px solid #671368;
	background-color: #2f0631;
	text-align: center;
	font-family: 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 dashed #f4a3e9;
	list-style: none;
        }

li.sbartitle {
	padding: 3px 5px 3px 5px;
	margin: 10px 0 10px 0;
        background-color: #9488d8;
	list-style: none;
	text-align: left;
	color: #dadada;
        text-transform: uppercase;
	font-family: Verdana, sans-serif;
	font-size: 10px;
		}
ul.tagList {width: 100%;}
    .tagBox {
      height: 200px;
      overflow-x: hidden;
      overflow-y: scroll; 
      scrollbar-arrow-color: #ab1b73;
      scrollbar-base-color: #671368;
      scrollbar-face-color: #671368;
      scrollbar-highlight-color: #671368;
      scrollbar-darkshadow-color: #f4a3e9;
      scrollbar-shadow-color: #f4a3e9;
}

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

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

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

/* maincontent */

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

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

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

ul.ljtaglist {
	color: #f4a3e9;
	font-family: Verdana, sans-serif;
	font-size: 10pt;
	padding-left: 12px;
	padding: 8px;
	}

.subcontent {
        background-color: #671368;
        width: 512px;
	border-top: 1px #f4a3e9 dashed;
	border-bottom: 1px #f4a3e9 dashed;
	border-left: 1px #f4a3e9 dashed;
	border-right: 1px #f4a3e9 dashed;
}

.entry	{
        padding: 10px;
	color: #f4a3e9;
	font-family: Verdana, sans-serif;
	font-size: 11px;
	text-align: justify;
	}
	
hr {
	color: transparent;
	height: 1px;
	border-style : none; 
	border-bottom: 2px solid #f4a3e9;
	}

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

.userpic {
	background-color: #671368;
	position: relative;
	float: right;
	padding: 5px;
	margin: 10px;
	z-index: 15;
	border: 2px #9488d8 solid;
	}
	
.userpicfriends {
	background-color:transparent !important;
	position: relative;
	float: right;
	padding: 5px;
	margin: 10px;
	text-align: center;
	font-family: Verdana, sans-serif;
	font-size: 11px;
	z-index: 15;
	border: 1px #9488d8 solid;
	}
	
.date {
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: right;
        color: #f4a3e9;
	top: 5px;
	font-family: Verdana, sans-serif;
	font-size: 10px;
	text-transform: uppercase;
	}

.subject {
        background-color: #9488d8;
	font-weight: none;
	padding-bottom: 5px;
	padding-top: 5px;
        padding-left: 10px;
	color: #dadada;
	font-family: Verdana, sans-serif;
	font-size: 12px;
	text-transform: normal;
	border-left: 0px #f4a3e9 dashed;
	border-right: 0px #f4a3e9 dashed;
	}
	
.subject a, .subject a:link, .subject a:visited {
	color: #f4a3e9;
	}

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

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

.ljtags {
	margin-top: 20px;
	color: #dadada;
	font-weight: lighter;
	text-transform: normal;
	}
	
.currents strong, .currentmood strong, .currentmusic .currentlocation,

.ljtags strong

{
	color: #dadada;
	font-weight: lighter;
	text-transform: normal;
	}

.currents, .currentmood, .currentmusic, .currentlocation {
	color: #dadada;
	font-weight: lighter;
	text-transform: normal;
	}

.ljtags a, .ljtags a:link, .ljtags a:visited {
	color: #f4a3e9;
	text-transform: normal;
	font-weight: lighter;
	}

.currentlocation a, .currentlocation a:link, .currentlocation a:visited {
	color: #f4a3e9;
	text-transform: normal;
	font-weight: lighter;
	}
	
.currentlocation a:hover, .ljtags a:hover {
	color: #f4a3e9;
	font-weight: lighter;
	text-transform: normal;
	}

.comments {
	font-family: Verdana, sans-serif;
	font-size: 10px;
	text-align: right;
	padding: 5px 5px 5px 5px;
	position: relative;
	clear: right;
	margin-top: 15px;
	text-transform: normal;
	border-bottom: 1px #9488d8 solid;
	}
	
div.comments a, div.comments a:link, div.comments a:visited{
	color: #f4a3e9;
}

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

/* maincontent --  entry, reply pages */

.datesubjectcomment {
	margin-top: 20px;
	text-align: right;
	padding: 5px;
        background-color: #9488d8;
        color: #ab1b73;
	}	
	
.userpiccomment {
	background-color: #671368;
	position: relative;
	top: -30px;
	left: 0px;
	padding: 5px;
	margin: 20px 10px -20px 10px;
	z-index: 15;
	float: right;
	border: 1px #9488d8 solid;
	}
	
.box {
	padding: 10px;
	margin-top: 0px;
	text-align: left;
        clear:right;
	}

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

div#content input,
div#content textarea,
div#content select {
	color: #f4a3e9;
	border: 1px #f4a3e9 dashed;
	background-color:#671368;
	}
	
textarea.textbox  {
	width: 100% !important;
	}

.reply	{
	position: relative;
	margin: 20px 30px 10px 30px;
	padding: 25px 10px 10px 10px;
	text-align: left;
	font-family: Verdana, sans-serif;
	font-size: 11px;
	line-height: 125%;
	color: #f4a3e9;
	}
	
.replytosubject {
	color: #ab1b73;
	font-weight: bold;
	text-transform: normal;
        padding: 5px;
        background-color: #9488d8;
	}

.replytoposter {
        background-color: #9488d8;
	color: #f4a3e9;
	text-transform: normal;
        padding: 5px;
}

.commentreply {
        text-align: justify;
	position: relative;
	margin: 10px;
	font-family: Verdana, sans-serif;
	font-size: 11px;
	color: #f4a3e9;
	}
	
.commentbox {
	padding: 5px;
	margin: 10px;
	text-align: left;
        background-color: #671368;
	border: 1px #f4a3e9 dashed;
	}
	
.datesubjectcomment a:link, .datesubjectcomment a:visited {
	color: #f4a3e9;
	}
	
.datesubjectcomment a:hover {
	color: #dc039d;
	}

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

.commentinfo {
	margin-top: 10px; 
	width: 100%;
	}
		
	
/* maincontent -- year/achive pages */
	
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 #f4a3e9 solid;
	color: #f4a3e9;
	}

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

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

/* footer */
	
ul.navfooter{
	padding: 0px;	
	margin: 0px;
	}

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

.clearfoot {		
	clear: both;
	}
	
	
/* misc  */
			
.clear {
	height: 7px;
	font-size: 0.01px;
	}
	
.skiplinks {
	text-transform: normal;
	text-align: center;
	padding: 10px 0 10px 0;
	}
	
.headerimage {
          position: relative;
	border-color: #f4a3e9;
	border-style: solid;
	border-width: 0px 0px 0px 0px;
	 width: 700px;
	 height: 170px;
         padding-left: 13px;
         padding-right: 13px;
         padding-bottom: 13px;
         padding-top: 13px;
         margin-left: auto;
         margin-right: auto;
         margin-top: 1px;
         background-color: #2f0631;
	 background-image:

url(YOUR HEADER);
	 background-position: center;         
         background-repeat: no-repeat;
            }

.separator {
          height: 20px;
         }

Check out Using Layouts under links for any extra assistance.

Please direct people HERE.
Art can be found at

graffitigraphic.

Layout Lounge

Layouts, Tutorials, Help, and more

13. Free Float Purple

About

Links

Tags

April 2025