html, body { display: block; margin: 0; } body { padding: 20px; } body > h1 { display: none; } #help, #lights { display: none; } #open { position: static; display: inline-block; outline: none; font-weight: bold; text-align: center; vertical-align: middle; cursor: pointer; border: 1px solid transparent; white-space: nowrap; padding: 6px 12px; font-size: 16px; line-height: 1.5; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; color: #ffffff; background-color: #5bc0de; border-color: #28a4c9; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); background-image: linear-gradient(to bottom, #5bc0de 0%, #2aabd2 100%); filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); background-repeat: repeat-x; } #open:hover { background-color: #2aabd2; border-color: #269abc; background-position: 0 -15px; } #open:active { -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); background-color: #2aabd2; border-color: #28a4c9; } .window { margin-left: 20px; margin-top: 20px; }