ABOUT
SUBMIT

cascading

style sheets

created in 1996

	<div class="textzone classic">
      		<h1>cascading</h1>
      		<h2>style sheets</h2>
      		<h3>created in 1996</h3>
	</div>
#logo a {
	background-color:#a77b2b;
}
article{
	height:100%;
	min-height:100%;
	background: -webkit-gradient(radial, center center, 100, center center, 1000, from(#ffffff), to(#bdbbb8));
	font-size:1.2em;
	
	}
@font-face {
	font-family: 'BebasRegular';
	src: url('../fonts/bebas/BEBAS___-webfont.eot');
	src: local('-'), url('../fonts/bebas/BEBAS___-webfont.woff') format('woff'), url('../fonts/bebas/BEBAS___-webfont.ttf') format('truetype'), url('../fonts/bebas/BEBAS___-webfont.svg#webfontSRj8j0PE') format('svg');
	font-weight: normal;
	font-style: normal;
}
.textzone {
	display:block;
	padding-top:100px;
}


.classic h1, .classic h2, .classic h3 {
	/* FONT 3D */
	font-family:'BebasRegular', Arial, sans-serif;
		text-align:center;
		clear:both;
	/* Left - Top - Grossir*/
	position: relative;
	font-weight: 100;
}
.classic h1 {
	font-size:0.9em;
	letter-spacing: 0.4em;
display:block;
margin:0 auto;
background-color: #1e1e1e;
width:120px;top:14px;
z-index:10;
padding:4px;
color:#fff;
	-webkit-transform:skew(9deg);

}
.classic h1:hover {
-webkit-transform:skew(-9deg);
cursor:pointer;
}

.classic h2:before {
	content:"style sheets";
	position: absolute;
	width:100%;
	-webkit-mask-image:url(../img/classic-mask-bg.png) ;
	-webkit-mask-repeat:repeat; 
	color:black;
	text-shadow:none;	
	opacity:0.7
}
.classic h2 {

border-top:1px solid #aaa;
width:620px;
margin:0 auto;
padding-top:16px;
	font-size:7em;
	letter-spacing: -O.1em;
	color:#c7bdac;

	text-shadow:
		11px 12px 12px rgba(0,0,0,0.2),

	-1px -1px 1px #000000,
	1px 1px 0#000000,
	3px 3px 0#000000,
	4px 4px 0 #000000,
	5px 5px 0 #000000,
	6px 6px 0 #000000,
	7px 7px 0 #000000,
	8px 8px 0 #000000,
	9px 9px 0 #000000,
	10px 10px 0 #000000,
	11px 11px 0 #000000;
	
}
.classic h2:hover {

	cursor:pointer;
	font-size:7em;
	text-shadow:-11px 12px 12px rgba(0,0,0,0.2),-1px -1px 0px #000,-2px 2px 0 #000,-3px 3px 0 #000,-4px 4px 0 #000,-5px 5px 0 #000,-6px 6px 0 #000,-7px 7px 0 #000,-8px 8px 0 #000,-9px 9px 0 #000;
}

.classic h3 {
	display:block;
	color:#fff;
	font-size:1em;
	letter-spacing:0.25em;
	padding:1.2em 0 40px 0;
	width:100%;
	background:url(../img/classic-banner-bg.png) transparent center 0 no-repeat;
	text-shadow:	
	-1px -1px 0 #aa7e2d
	;	
}