Pusher - Realtime Web Apps: With HTML5 WebSocket, PHP, and jQuery - page 44

label input {
display: block;
width: 378px;
border: 1px solid #dfdfef;
padding: 4px 10px;
font-size: 18px;
line-height: 20px;
/* Creates an inner shadow */
-webkit-box-shadow: inset 0 1px 4px #88a;
-moz-box-shadow: inset 0 1px 4px #88a;
-o-box-shadow: inset 0 1px 4px #88a;
-ms-box-shadow: inset 0 1px 4px #88a;
box-shadow: inset 0 1px 4px #88a;
}
/* These MUST be separate rules to work */
input::-webkit-input-placeholder { color: #aac; text-shadow: none; }
input:-moz-placeholder { color: #aac; text-shadow: none; }
input:-ms-input-placeholder { color: #aac; text-shadow: none; }
input.input-submit {
padding: 4px 30px 5px;
background: #446;
border: 1px solid #88a;
color: #dfdfef;
font: bold 18px/20px georgia,serif;
text-transform: uppercase;
/* Creates two shadow effects: outer and inner */
-webkit-box-shadow: 0 1px 6px #88a, inset 0 -1px 10px white;
-moz-box-shadow: 0 1px 6px #88a, inset 0 -1px 10px white;
-o-box-shadow: 0 1px 6px #88a, inset 0 -1px 10px white;
-ms-box-shadow: 0 1px 6px #88a, inset 0 -1px 10px white;
box-shadow: 0 1px 6px #88a, inset 0 -1px 10px white;
}
aside h2,aside ul {
margin: 0 0 10px;
}
aside ul {
padding: 10px 0 0;
border-top: 1px solid #dfdfef;
}
aside li {
padding: 0 5px 10px;
border-bottom: 1px solid #dfdfef;
}