HTML5 APIs - HTML5 Advertising - page 137

border: 1px solid black;
text-align: center;
}
#name {
font-size: 60px;
z-index: 20;
color: white;
}
#usersName {
font-size: 50px;
z-index: 20;
font-weight: bold;
}
#cta {
z-index: 10;
-moz-box-shadow: 0px 0px 0px 0px #caefab;
-webkit-box-shadow: 0px 0px 0px 0px #caefab;
box-shadow: 0px 0px 0px 0px #caefab;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #77d42a),
color-stop(1, #5cb811) );
background:-moz-linear-gradient( center top, #77d42a 5%, #5cb811 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77d42a',
endColorstr='#5cb811');
background-color:#77d42a;
-moz-border-radius:42px;
-webkit-border-radius:42px;
border-radius:42px;
border:3px solid #268a16;
display:inline-block;
color:#306108;
font-family:arial;
font-size:28px;
font-weight:bold;
padding:20px;
text-decoration:none;
text-shadow:1px 1px 0px #aade7c;
}
#cta:hover {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #5cb811),
color-stop(1, #77d42a) );
background:-moz-linear-gradient( center top, #5cb811 5%, #77d42a 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5cb811',
endColorstr='#77d42a');
background-color:#5cb811;
}
#cta:active {
position:relative;
top:1px;
}
#background {
z-index: 0;