Return to Snippet

Revision: 1975
at December 7, 2006 12:05 by kevinhorek


Updated Code
/* CSS Document */

/* ---------------------------------------------------- 
Layout Formatting
---------------------------------------------------- */ 

html 
	{ 
	height : 100%; 
	margin : 0 auto; 
	padding : 0;
	background-color : #BDAAA0;
	}

body 
	{ 
	margin : 0 auto; 
	padding : 0;
	width : 100%; 
	font-size : 11px;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	color : #403A25;
	line-height : 18px;
	text-align : left;
	background-color : #BDAAA0;
	}
	
p 
	{
	margin: 0px;
	}
	
div#headerBg
	{
	margin : 0 auto; 
	padding : 0;
	background-repeat : repeat-x;
	background-color : #BD1B21;
	width : 760px;
	height : 107px;
	border-top-width : 1px;
	border-right-width : 1px;
	border-bottom-width : 1px;
	border-left-width : 1px;
	border-top-style : none;
	border-right-style : solid;
	border-bottom-style : none;
	border-left-style : solid;
	border-top-color : #000000;
	border-right-color : #000000;
	border-bottom-color : #000000;
	border-left-color : #000000;
	}
	
div#header 
	{
	width : 760px;
	height : 107px;
	margin : 0 auto; 
	padding : 0;
	}
	
div#headerLeft
	{
	float : left;
	width : 214px;
	height : 107px;
	background-color : #9D8D85;
	}

div#headerRight 
	{
	float : right;
	width : 534px;
	padding-top : 28px;
	padding-left : 12px;
	height : 79px;
	background-color : #BD1B21;
	}
	
div#nav
	{
	margin : 0 auto; 
	padding : 0;
	background-repeat : repeat-x;
	background-color : #000;
	width : 760px;
	height : 25px;
	border-top-width : 1px;
	border-right-width : 1px;
	border-bottom-width : 1px;
	border-left-width : 1px;
	border-top-style : none;
	border-right-style : solid;
	border-bottom-style : none;
	border-left-style : solid;
	border-top-color : #000000;
	border-right-color : #000000;
	border-bottom-color : #000000;
	border-left-color : #000000;
	}
	
div#navContent
	{
	width : 760px;
	margin : 0 auto;
	padding : 0;
	}

div#navLeft
	{
	float : left;
	width : 214px;
	height : 25px;
	background-color : #000;
	}

div#navRight 
	{
	float : right;
	width : 546px;
	height : 25px;
	background-color : #000;
	}
	
div#wrapper 
	{
	margin: 0px auto 0px auto;
	padding : 0px;
	width : 760px;
	background : url(/img/inner-background.gif) repeat;
	overflow : auto;
	border-top-width : 1px;
	border-right-width : 1px;
	border-bottom-width : 1px;
	border-left-width : 1px;
	border-top-style : none;
	border-right-style : solid;
	border-bottom-style : none;
	border-left-style : solid;
	border-top-color : #000000;
	border-right-color : #000000;
	border-bottom-color : #000000;
	border-left-color : #000000;
	}
	
div#wrapperColor
	{
	margin: 0px auto 0px auto;
	padding : 0px;
	width : 760px;
	background : url(/img/inner-background-black.gif) repeat;
	overflow : auto;
	}
	
div#contentLeft
	{
	float : left;
	width : 214px;
	}

div#contentLeftSizes
	{
	width : 155px;
	height : 270px;
	padding-top : 27px;
	padding-left : 54px;
	padding-right : 5px;
	background-color : #BD1B21;
	text-align: right;
	}

div#contentRight 
	{
	float : right;
	width : 546px;
	margin-bottom: 15px;
	}
	
div#footer
	{
	width : 760px;
	margin : 0 auto; 
	padding : 0;
	border-top-width : 1px;
	border-right-width : 1px;
	border-bottom-width : 1px;
	border-left-width : 1px;
	border-top-style : solid;
	border-right-style : none;
	border-bottom-style : none;
	border-left-style : none;
	border-top-color : #000000;
	border-right-color : #000000;
	border-bottom-color : #000000;
	border-left-color : #000000;
	background-color : #BDAAA0;
	}
	
div#footerContent
	{
	margin : 0px auto;
	width : 760px;
	font-size : 9px;
	text-align : center;
	line-height : 23px;
	clear : both;
	}
	
/* ---------------------------------------------------- 
Buttons
---------------------------------------------------- */ 

#home
	{ 
	width : 39px; 
	height : 25px; 
	padding-left : 16px;
	margin-left : 12px;
	overflow : hidden; 
	background : url(/img/b-home.gif) top left no-repeat;
	display : block;
	float : left;
	text-indent : -99999px;
	} 
  
#home:hover
	{ 
	background-position : bottom left; 
	}
	
#location
	{ 
	width : 58px; 
	height : 25px; 
	padding-left : 16px;
	overflow : hidden; 
	background : url(/img/b-location.gif) top left no-repeat;
	display : block;
	float : left;
	text-indent : -99999px;
	} 
  
#location:hover
	{ 
	background-position : bottom left; 
	}
	
#availabilites
	{ 
	width : 87px; 
	height : 25px; 
	padding-left : 16px;
	overflow : hidden; 
	background : url(/img/b-availabilities.gif) top left no-repeat;
	display : block;
	float : left;
	text-indent : -99999px;
	} 
  
#availabilites:hover
	{ 
	background-position : bottom left; 
	}
	
#financing
	{ 
	width : 67px; 
	height : 25px; 
	padding-left : 16px;
	overflow : hidden; 
	background : url(/img/b-financing.gif) top left no-repeat;
	display : block;
	float : left;
	text-indent : -99999px;
	} 
  
#financing:hover
	{ 
	background-position : bottom left; 
	}
	
#contact
	{ 
	width : 54px; 
	height : 25px; 
	padding-left : 16px;
	overflow : hidden; 
	background : url(/img/b-contact.gif) top left no-repeat;
	display : block;
	float : left;
	text-indent : -99999px;
	} 
  
#contact:hover
	{ 
	background-position : bottom left; 
	}
	
#brochure
	{ 
	width : 63px; 
	height : 25px; 
	padding-left : 16px;
	overflow : hidden; 
	background : url(/img/b-brochure.gif) top left no-repeat;
	display : block;
	float : left;
	text-indent : -99999px;
	} 
  
#brochure:hover
	{ 
	background-position : bottom left; 
	}

/* ---------------------------------------------------- 
Link Formatting
---------------------------------------------------- */ 

div#contentRight a:link 
	{
	color : #BD1B21;
	background-color : transparent;
	text-decoration : underline;
	}

div#contentRight a:visited
	{
	color : #BD1B21;
	background-color : transparent;
	text-decoration : underline;
	}

div#contentRight a:hover
	{
	color : #403A25;
	background-color : transparent;
	text-decoration : underline;
	}

div#footerContent a:link 
	{
	color : #403A25;
	background-color : transparent;
	text-decoration : none;
	padding : 2px;
	}

div#footerContent a:visited
	{
	color : #403A25;
	background-color : transparent;
	text-decoration : none;
	padding : 2px;
	}

div#footerContent a:hover
	{
	color : #FFD400;
	background-color : #BD1B21;
	text-decoration : none;
	padding : 2px;
	}

#directions
	{
	width : 142px; 
	height : 31px; 
	overflow : hidden; 
	background : url(/img/b-getdirections.gif) top right no-repeat;
	display : block;
	float : left;
	text-indent : -99999px;
	} 
  
#directions:hover
	{ 
	background-position : bottom right; 
	}

/* ---------------------------------------------------- 
Content Formatting
---------------------------------------------------- */ 

.turnerLogo
	{
	padding-top : 10px;
	}
	
.leeLogo
	{
	padding-top : 20px;
	padding-bottom : 20px;
	}
	
#homeHeader
	{
	clear : both;
	width : 534px;
	height : 17px;
	padding-top : 7px;
	padding-left : 12px;
	background-color : #000;
	}
	
div#homeBulletsLeft
	{
	width : 253px;
	float : left;
	padding-top : 5px;
	padding-left : 15px;
	}

div#homeBulletsLeft p
	{
	padding-left : 22px;
	padding-bottom: 15px;
	}

div#homeBulletsLeft p a
	{
	color : #BD1B21;
	}
	
div#homeBulletsright
	{
	width : 253px;
	float : right;
	padding-top : 5px;
	padding-right : 20px;
	}
	
ul
	{
	list-style-type : square;
	list-style-image : url(/img/bullet.gif);
	margin-left : 26px;
	padding-left : 6px;
	}
	
#flashcontent 
	{
	width : 546px;
	}

#contactInfo 
	{
	float : left;
	padding-top : 75px;
	padding-left : 163px;
	}

.textButton 
	{
	font-weight : bold;
	text-transform : uppercase;
	text-align : center;
	cursor : pointer;
	}
	
.textButtonOvr
	{
	color : #BD1B21;
	font-weight : bold;
	text-transform : uppercase;
	text-align : center;
	cursor : pointer;
	}

Revision: 1974
at December 7, 2006 12:01 by kevinhorek


Initial Code
CSS - http://turner.quickspace.com/index.asp
http://turner.quickspace.com/index.asp
http://turner.quickspace.com/css/web.css

/* CSS Document */



/* ---------------------------------------------------- 

Layout Formatting

---------------------------------------------------- */ 



html 

	{ 

	height : 100%; 

	margin : 0 auto; 

	padding : 0;

	background-color : #BDAAA0;

	}



body 

	{ 

	margin : 0 auto; 

	padding : 0;

	width : 100%; 

	font-size : 11px;

	font-family : Verdana, Arial, Helvetica, sans-serif;

	color : #403A25;

	line-height : 18px;

	text-align : left;

	background-color : #BDAAA0;

	}

	

p 

	{

	margin: 0px;

	}

	

div#headerBg

	{

	margin : 0 auto; 

	padding : 0;

	background-repeat : repeat-x;

	background-color : #BD1B21;

	width : 760px;

	height : 107px;

	border-top-width : 1px;

	border-right-width : 1px;

	border-bottom-width : 1px;

	border-left-width : 1px;

	border-top-style : none;

	border-right-style : solid;

	border-bottom-style : none;

	border-left-style : solid;

	border-top-color : #000000;

	border-right-color : #000000;

	border-bottom-color : #000000;

	border-left-color : #000000;

	}

	

div#header 

	{

	width : 760px;

	height : 107px;

	margin : 0 auto; 

	padding : 0;

	}

	

div#headerLeft

	{

	float : left;

	width : 214px;

	height : 107px;

	background-color : #9D8D85;

	}



div#headerRight 

	{

	float : right;

	width : 534px;

	padding-top : 28px;

	padding-left : 12px;

	height : 79px;

	background-color : #BD1B21;

	}

	

div#nav

	{

	margin : 0 auto; 

	padding : 0;

	background-repeat : repeat-x;

	background-color : #000;

	width : 760px;

	height : 25px;

	border-top-width : 1px;

	border-right-width : 1px;

	border-bottom-width : 1px;

	border-left-width : 1px;

	border-top-style : none;

	border-right-style : solid;

	border-bottom-style : none;

	border-left-style : solid;

	border-top-color : #000000;

	border-right-color : #000000;

	border-bottom-color : #000000;

	border-left-color : #000000;

	}

	

div#navContent

	{

	width : 760px;

	margin : 0 auto;

	padding : 0;

	}



div#navLeft

	{

	float : left;

	width : 214px;

	height : 25px;

	background-color : #000;

	}



div#navRight 

	{

	float : right;

	width : 546px;

	height : 25px;

	background-color : #000;

	}

	

div#wrapper 

	{

	margin: 0px auto 0px auto;

	padding : 0px;

	width : 760px;

	background : url(/img/inner-background.gif) repeat;

	overflow : auto;

	border-top-width : 1px;

	border-right-width : 1px;

	border-bottom-width : 1px;

	border-left-width : 1px;

	border-top-style : none;

	border-right-style : solid;

	border-bottom-style : none;

	border-left-style : solid;

	border-top-color : #000000;

	border-right-color : #000000;

	border-bottom-color : #000000;

	border-left-color : #000000;

	}

	

div#wrapperColor

	{

	margin: 0px auto 0px auto;

	padding : 0px;

	width : 760px;

	background : url(/img/inner-background-black.gif) repeat;

	overflow : auto;

	}

	

div#contentLeft

	{

	float : left;

	width : 214px;

	}



div#contentLeftSizes

	{

	width : 155px;

	height : 270px;

	padding-top : 27px;

	padding-left : 54px;

	padding-right : 5px;

	background-color : #BD1B21;

	text-align: right;

	}



div#contentRight 

	{

	float : right;

	width : 546px;

	margin-bottom: 15px;

	}

	

div#footer

	{

	width : 760px;

	margin : 0 auto; 

	padding : 0;

	border-top-width : 1px;

	border-right-width : 1px;

	border-bottom-width : 1px;

	border-left-width : 1px;

	border-top-style : solid;

	border-right-style : none;

	border-bottom-style : none;

	border-left-style : none;

	border-top-color : #000000;

	border-right-color : #000000;

	border-bottom-color : #000000;

	border-left-color : #000000;

	background-color : #BDAAA0;

	}

	

div#footerContent

	{

	margin : 0px auto;

	width : 760px;

	font-size : 9px;

	text-align : center;

	line-height : 23px;

	clear : both;

	}

	

/* ---------------------------------------------------- 

Buttons

---------------------------------------------------- */ 



#home

	{ 

	width : 39px; 

	height : 25px; 

	padding-left : 16px;

	margin-left : 12px;

	overflow : hidden; 

	background : url(/img/b-home.gif) top left no-repeat;

	display : block;

	float : left;

	text-indent : -99999px;

	} 

  

#home:hover

	{ 

	background-position : bottom left; 

	}

	

#location

	{ 

	width : 58px; 

	height : 25px; 

	padding-left : 16px;

	overflow : hidden; 

	background : url(/img/b-location.gif) top left no-repeat;

	display : block;

	float : left;

	text-indent : -99999px;

	} 

  

#location:hover

	{ 

	background-position : bottom left; 

	}

	

#availabilites

	{ 

	width : 87px; 

	height : 25px; 

	padding-left : 16px;

	overflow : hidden; 

	background : url(/img/b-availabilities.gif) top left no-repeat;

	display : block;

	float : left;

	text-indent : -99999px;

	} 

  

#availabilites:hover

	{ 

	background-position : bottom left; 

	}

	

#financing

	{ 

	width : 67px; 

	height : 25px; 

	padding-left : 16px;

	overflow : hidden; 

	background : url(/img/b-financing.gif) top left no-repeat;

	display : block;

	float : left;

	text-indent : -99999px;

	} 

  

#financing:hover

	{ 

	background-position : bottom left; 

	}

	

#contact

	{ 

	width : 54px; 

	height : 25px; 

	padding-left : 16px;

	overflow : hidden; 

	background : url(/img/b-contact.gif) top left no-repeat;

	display : block;

	float : left;

	text-indent : -99999px;

	} 

  

#contact:hover

	{ 

	background-position : bottom left; 

	}

	

#brochure

	{ 

	width : 63px; 

	height : 25px; 

	padding-left : 16px;

	overflow : hidden; 

	background : url(/img/b-brochure.gif) top left no-repeat;

	display : block;

	float : left;

	text-indent : -99999px;

	} 

  

#brochure:hover

	{ 

	background-position : bottom left; 

	}



/* ---------------------------------------------------- 

Link Formatting

---------------------------------------------------- */ 



div#contentRight a:link 

	{

	color : #BD1B21;

	background-color : transparent;

	text-decoration : underline;

	}



div#contentRight a:visited

	{

	color : #BD1B21;

	background-color : transparent;

	text-decoration : underline;

	}



div#contentRight a:hover

	{

	color : #403A25;

	background-color : transparent;

	text-decoration : underline;

	}



div#footerContent a:link 

	{

	color : #403A25;

	background-color : transparent;

	text-decoration : none;

	padding : 2px;

	}



div#footerContent a:visited

	{

	color : #403A25;

	background-color : transparent;

	text-decoration : none;

	padding : 2px;

	}



div#footerContent a:hover

	{

	color : #FFD400;

	background-color : #BD1B21;

	text-decoration : none;

	padding : 2px;

	}



#directions

	{

	width : 142px; 

	height : 31px; 

	overflow : hidden; 

	background : url(/img/b-getdirections.gif) top right no-repeat;

	display : block;

	float : left;

	text-indent : -99999px;

	} 

  

#directions:hover

	{ 

	background-position : bottom right; 

	}



/* ---------------------------------------------------- 

Content Formatting

---------------------------------------------------- */ 



.turnerLogo

	{

	padding-top : 10px;

	}

	

.leeLogo

	{

	padding-top : 20px;

	padding-bottom : 20px;

	}

	

#homeHeader

	{

	clear : both;

	width : 534px;

	height : 17px;

	padding-top : 7px;

	padding-left : 12px;

	background-color : #000;

	}

	

div#homeBulletsLeft

	{

	width : 253px;

	float : left;

	padding-top : 5px;

	padding-left : 15px;

	}



div#homeBulletsLeft p

	{

	padding-left : 22px;

	padding-bottom: 15px;

	}



div#homeBulletsLeft p a

	{

	color : #BD1B21;

	}

	

div#homeBulletsright

	{

	width : 253px;

	float : right;

	padding-top : 5px;

	padding-right : 20px;

	}

	

ul

	{

	list-style-type : square;

	list-style-image : url(/img/bullet.gif);

	margin-left : 26px;

	padding-left : 6px;

	}

	

#flashcontent 

	{

	width : 546px;

	}



#contactInfo 

	{

	float : left;

	padding-top : 75px;

	padding-left : 163px;

	}



.textButton 

	{

	font-weight : bold;

	text-transform : uppercase;

	text-align : center;

	cursor : pointer;

	}

	

.textButtonOvr

	{

	color : #BD1B21;

	font-weight : bold;

	text-transform : uppercase;

	text-align : center;

	cursor : pointer;

	}

Initial URL
http://turner.quickspace.com/index.asp

Initial Description


Initial Title
Turner Commerce Center - Small Industrial Condos Murrieta, California

Initial Tags


Initial Language
CSS