tamas_icons: [LAYOUT] Flexible Squares: #01 & #02: Reach Out/Touch Faith

Katie {a.k.a. Tama} (

tamas_icons) wrote,
@ 2009-06-11 20:29:00

Entry tags:

flexible squares, layout

[LAYOUT] Flexible Squares: #01 & #02: Reach Out/Touch Faith

reach out

click thumbnail for a bigger preview

body	{
		background-color: #333;
		background-image:url();
		text-align: center;
		color: #666666;
		font-family: "Verdana", sans-serif;
		font-size: 11px;
		margin: 20px 0 20px 0;
		}

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

a:hover {
		color: #00688B;
		text-decoration: ;
		}

p, td, blockquote {
	    	font-size: 10px; 
                font-color: #333;
                font-family:"Verdana", sans-serif;
                background-color:#f4f4f4;
                padding:5px; 
                border-left:15px;
                border-right: 0px;
                border-top: 0px;
                border-bottom: 0px;
                border-color: #87CEFA;
                border-style:solid;
                color:#3d3d3d; 
		}

code, kbd, pre, tt {
	    	font-family: monospace;
		}

/*---------------------------------------------------------------------
   General page alignment and width
------------------------------------------------------------------------*/

#content
	{
		width: 940px;
		margin-left: auto; margin-right: auto;
		background-color: #333;
		border-width: 0px;
		border-style: solid;
		border-color: #999999;
		padding: 20px;
	}

#maincontent {
		margin-top: 10px;
		font-family: "Verdana", sans-serif;
		font-size: 11px;
		background-color: #333;
		color: #000000;
		border-style: solid;
		border-color: #999999;
		border-width: 0px;
                margin-left: 190px;
		margin-right: 140px;
		text-align: left;
		}

#sidebar {
                padding: 10px 20px 10px
                padding-bottom: 1px;
                height: 180px;
		margin-top: 2px;
		background-color: #fff;
		border-color: #87CEFA;
                border-left: 0px;
                border-right: 0px;
                border-top: 0px;
                border-bottom: 0px;
		border-style: solid;
	  	font-size: 8px;
		font-family: "Verdana", Calibri, Tahoma, sans-serif;
                font-weight: none;
	  	font-color: #ededed;
                float: top; left;
                text-align: left;
                font-size: 9px;
                margin-left: 190px;
		margin-right: 140px;
                }

/*-----------------------------------------------------------------------------
   Header - you can add a header image with either #header or .headerimage
--------------------------------------------------------------------------------*/

#header {
                display: ;
		width: 100%;
                height: 1px;
		padding: 0px 0px 105px 0px;
		margin: 0px;
		text-align: center;
		text-transform:lowercase;
		font-family: Calibri, "Verdana", sans-serif;
		font-size: 38px;
		font-weight: bold;
                font-style: italic;
		letter-spacing: 0px;
		border-style: solid;
		border-color: #999999;
		border-width: 0px;
		background-color: #333;
		color: #87CEFA;
		}

.headerimage {
		/* for formatting header image */
		}

/*look  and color of links (also partly for footer)*/
	div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited {
		color: #F0FFFF;
                font-style: none;
	}

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

/*title and subtitle*/
	.title	{
	display:none;
		font-family: "Verdana", sans-serif;
		font-size: 11px;
		font-weight: normal;
		line-height: 200%;
		top: 0px;
		}

.subtitle{
	display:none;
		font-family: Calibri, "Verdana", sans-serif;
		font-size: 11px;
		font-weight: normal;
		top: 0px;
		}

/*-----------------------------------------------------------------------------
   Header - top navigation
--------------------------------------------------------------------------------*/

/* header -- links to views; title of journal; subtitle of journal */

ul.navheader
		{
		padding: 75px;
		margin-bottom: 0px;
		}

ul.navheader li  {
		display: inline;
		padding: 0 0px 0 0px;
		}

/*-----------------------------------------------------------------------------
   Entry stuff
------------------------------------------------------------------------*/

.subcontent {
                                    background-color: #333;
	}

.entry	{
		padding: 16px;
		background-color: #fff;
		color: #707070;
		font-family: "Verdana", sans-serif;
		font-size: 10px;
		text-align: left;
		border-width: 0px;
		border-color: #919bad;
		border-style: solid;
                margin-left: 5px
		}

.userpic {
		position: relative;
		float: left;
		background-color: #87CEFA;
		padding: 6px;
                margin: 39px 0px 0px -118px;
		z-index: 15;
		border-width: 0px;
		border-color: #cccccc;
		border-style: solid;
		}

.date {
		line-height: 200%;
		height: 16px;
		text-align:right;
		color: #999;
		font-family: "Verdana", sans-serif;
		font-size: 9px;
		font-style:italic;
		}

.subject {
                background-color: #616161;
                font-weight: bold;
                height: 13px;
		padding-top: 0px;
		color: #87CEFA;
		font-family: "Verdana", sans-serif;
		font-size: 14px;
                text-transform:uppercase;
                font-style: italic;
                text-align: left;
                margin-left: -2px;
                margin-right: -5px;
                }

.subject a, .subject a:link, .subject a:visited {
		color: #87CEFA;
		}

.subject a:hover {
		color: #87CEFA;
		}

.datesubject {
		background-color: #333;
		padding: 5px;
		}

.entry ul li
		{
		padding-left: 5px;
		margin-left: 15px;
		}

.entry ol li
		{
		padding-left: 5px;
		margin-left: 15px;
		font-size:10px;
		color:#666666
		}

/*---------------------------------------------------------------------
  Entry Stuff - Current Mood, Music and Location
------------------------------------------------------------------------*/

.currents, .currentmood, .currentmusic {
		font-family: "Verdana", sans-serif;
                text-transfrom: uppercase;
		font-size: 10px;
                font-color: #666666;
		}

/*---------------------------------------------------------------------
  Entry Stuff - Comments
------------------------------------------------------------------------*/

.comments {
                                    margin-bottom: 10px;
		font-family: Calibri, "Verdana", sans-serif;
		font-size: 16px;
                font-style: italic;
		text-align: right;
		background-color: #FFFFFF;
		padding: 0px 0px 0px 0px;
		position: relative;
		top: 15px;
                            }

div.comments a, div.comments a:link, div.comments a:visited{
  color: #009ACD;
 }
 
 div.comments a:hover {
  color: #00688B;
  text-decoration: none;
 }

/*---------------------------------------------------------------------
  Entry Stuff - Separator
------------------------------------------------------------------------*/

.separator{
		/* for formatting separators between entries */
		height: 4px;
	}

/*------------------------------------------------------------
  Special friends page customization
-------------------------------------------------------------------------------*/

.userpicfriends {
		position: relative;
		float: left;
		background-color: #87CEFA;
		padding: 7px;
                margin: 36px 0px 0px -118px;
		z-index: 15;
		border-width: 0px;
		border-color: #cccccc;
		border-style: solid;
		}

/*------------------------------------------------------------
  Sidebar
-------------------------------------------------------------------------------*/

.defaultuserpic {
	display:none;
		text-align: right;
		}

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

.sbarbody {
		padding: 10px 10px 10px 10px;
		}

.sbarbody2 {
		padding: 0 20px 0 20px;
	}

div#sidebar a, div#sidebar a:link, div#sidebar a:visited{
                 color: #ADADAD;
         }
 
         div#sidebar a:hover {
                 color: #404040;
                 text-decoration: none;
         }

/*------------------------------------------------------------
  Sidebar - Calendar
-------------------------------------------------------------------------------*/

table.calendar {
                display: none;
		margin-right: auto;
		margin-left: auto;
		}

.sbarcalendar {
		border-color: #000000;
		border-width: 0px;
		border-style: solid;
		background-color: #99cccc;
		text-align: center;
		font-family: "Verdana", sans-serif;
		font-size: 8px;
		}

.sbarcalendarposts {
		border-color:  #000000;
		border-width: 0px;
		border-style: solid;
		background-color: #99cccc;
		text-align: center;
		font-family: "Verdana", sans-serif;
		font-size: 8px;
		}

/*------------------------------------------------------------
  Sidebar - link box contents and sidebar box titles
-------------------------------------------------------------------------------*/

ul.sbarlist
	{
                background-color: ;
		padding: 0px 0px;
		margin-left: 0px;
		list-style: none;
                text-align: left;
                test-transform: uppercase;
                font-size: 8px;
                font-style: italic;
	}

li.sbaritem
	{
		padding: 0px 10px;
		list-style: none;
                display:inline;
                background-color: #FFFFFF;
	}

li.sbartitle
	{
		padding: 0 8px;
		list-style: none;
		border-style: solid;
		border-width: 0px;
		border-color: #999999;
		background-color: #99cccc;
		margin-bottom: 10px;
		margin-top: 10px;
                display:inline;
	}

/*----------------------------------------------------
  footer
----------------------------------------------------------------*/

#footer {
		width: 100%;
		text-align: right;
		font-family: "Verdana", sans-serif;
		font-size: 14px;
		font-weight: bold;
		letter-spacing: 0px;
		background-color: #333;
		color: #666666;
		border-color: #999999;
		border-width: 0px;
		border-style: solid;
		z-index: 100;
		clear: both;
		}

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

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

.clearfoot {
		clear: both;
		}

/*----------------------------------------------------
 Archive Pages
----------------------------------------------------------------*/

ul.year {
		text-align: center;
		padding-bottom: 40px;
		}

ul.year li {
		display: inline;
		}

table.yeartable {
		margin-left: auto;
		margin-right: auto;
		}

table.yeartable td.yeardate, table.yeartable td.yearday {
		border-width: 0px;
		border-style: solid;
		border-color: #999999;
		}

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

td.yearmonth {
		border-style: none;
		}

/*----------------------------------------------------
 Comments pages
----------------------------------------------------------------*/

.datesubjectcomment {
			background-color: #FFFFFF;
			padding: 5px;
			margin-top: 18px;
			}

.userpiccomment {
		position: relative;
		border-width: 0px;
		border-style: solid;
		border-color: #d4dce8;
		background-color: #d4dce8;
		top: -30px;
		left: 0px;
		padding: 5px;
		margin: 10px 10px -20px 10px;
		z-index: 15;
		float: left;
		border-width: 0px;
		border-color: #919bad;
		border-style: solid;
		}

.box {
		border-style: solid;
		border-width: 1px 0px 0px 0px;
		border-color: #00B2EE;
		padding: 10px;
		clear: left;
		}

input, textarea {
		background-color: #F0FFFF;
		color: #666666;
		}

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%;
		background-color: #F0FFFF;
		color: #000000;
		}

.replytosubject {
		font-weight: bold;
		}

.commentreply {
		position: relative;
		margin: 10px;
		font-size: 11px;
		font-family: "Verdana", sans-serif;
		color: #000000;
		}

.commentbox {

border-color: #999999;
		border-width: 0px;
		border-style: solid;
		padding: 10px;
		margin: 10px;
		background-color: #FFFFFF;
		}

.datesubjectcomment a:link, .datesubjectcomment a:visited {
		color: #009ACD;
		}

.datesubjectcomment a:hover {
		color: #00688B;
		}

.commentboxpartial {
		border-color: #FFFFFF;
		border-width: 0px;
		border-style: solid;
		padding: 10px;
		margin: 10px;
		background-color: #FFFFFF;
		}

.commentinfo {
		background-color: #d4dce8;
		margin-top: 10px;
		width: 100%;
		}

.skiplinks {
		text-align: center;
		}

/*--------------------------------------------
Misc
-----------------------------------------*/

.clear {
		height: 15px;
		}

.ljuser img {  
		width: 0; 
		height: 0; 
		background: transparent url(http://i56.photobucket.com/albums/g181/kt-san_2006/green3.png) no-repeat 0 0;  
		padding: 10px 10px 0 2px !important; vertical-align: baseline

!important;
		}

.ljuser img[src*="community.gif"] { 
		width: 0;  
		height: 0; 
		background: transparent url(http://i56.photobucket.com/albums/g181/kt-san_2006/star.png) no-repeat scroll 0 0 !important; 
		padding: 16px 16px 0 2px !important; 
		}

.subject img {
		vertical-align: middle !important;
		}

img[src*="icon_protected.gif"]{
		width: 0;
		height: 0; 
		padding: 16px 16px 0px 0px !important; 
		background: transparent url(http://i56.photobucket.com/albums/g181/kt-san_2006/locked2.gif)

no-repeat scroll 0 0; 
		}

touch faith

click thumbnail for bigger preview

body	{
		background-color: #b8b8b8;
		background-image:url();
		text-align: center;
		color: #666666;
		font-family: "Verdana", sans-serif;
		font-size: 11px;
		margin: 20px 0 20px 0;
		}

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

a:hover {
		color: #00688B;
		text-decoration: ;
		}

code, kbd, pre, tt {
	    	font-family: monospace;
		}

/*---------------------------------------------------------------------
   General page alignment and width
------------------------------------------------------------------------*/

#content
	{
		width: 940px;
		margin-left: auto; margin-right: auto;
		background-color: #b8b8b8;
		border-width: 0px;
		border-style: solid;
		border-color: #999999;
		padding: 20px;
	}

#maincontent {
		margin-top: 10px;
		font-family: "Verdana", sans-serif;
		font-size: 11px;
		background-color: #b8b8b8;
		color: #000000;
		border-style: solid;
		border-color: #999999;
		border-width: 0px;
                margin-left: 190px;
		margin-right: 140px;
		text-align: left;
		}

.headerimage {
		/* for formatting header image */
		}

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

/*title and subtitle*/
	.title	{
	display:none;
		font-family: "Verdana", sans-serif;
		font-size: 11px;
		font-weight: normal;
		line-height: 200%;
		top: 0px;
		}

.subtitle{
	display:none;
		font-family: Calibri, "Verdana", sans-serif;
		font-size: 11px;
		font-weight: normal;
		top: 0px;
		}

/*-----------------------------------------------------------------------------
   Header - top navigation
--------------------------------------------------------------------------------*/

/* header -- links to views; title of journal; subtitle of journal */

ul.navheader
		{
		padding: 75px;
		margin-bottom: 0px;
		}

ul.navheader li  {
		display: inline;
		padding: 0 0px 0 0px;
		}

/*-----------------------------------------------------------------------------
   Entry stuff
------------------------------------------------------------------------*/

.subcontent {
                                    background-color: #b8b8b8;
	}

.date {
		line-height: 200%;
		height: 16px;
		text-align:right;
		color: #999;
		font-family: "Verdana", sans-serif;
		font-size: 9px;
		font-style:italic;
		}

.subject {
                background-color: #f2f2f2;
                font-weight: bold;
                height: 13px;
		padding-top: 0px;
		color: #87CEFA;
		font-family: "Verdana", sans-serif;
		font-size: 14px;
                text-transform:uppercase;
                font-style: italic;
                text-align: left;
                margin-left: -2px;
                margin-right: -5px;
                }

.subject a, .subject a:link, .subject a:visited {
		color: #87CEFA;
		}

.subject a:hover {
		color: #87CEFA;
		}

.datesubject {
		background-color: #b8b8b8;
		padding: 5px;
		}