body { margin: 20px 0 0 0; } .intro { margin: 10px 0 40px 0; } .status-icon { width: 128px; height: 128px; display: block; } .status-icon-false { background-image: url("/img/red.png"); } .status-icon-true { background-image: url("/img/green.png"); } .status-icon-unknown { background-image: url("/img/yellow.png"); } h2 { font-weight: bold; color: #555; font-size: 13pt; margin-bottom: 0.7em; } #graph { max-width: 400px; height: 200px; margin-top: 0; } #gauge { width: 290px; height: 200px; display: inline-block; margin: 0; } .btn-block { margin-top: 5px; } .btn-danger.focus, .btn-danger:focus { color: #FFF; background-color: #C9302C; border-color: #761C19; } .btn.focus, .btn:focus, .btn:hover { color: #333; text-decoration: none; } .btn.active.focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn:active:focus, .btn:focus { outline: thin dotted; outline-offset: -2px; } a:focus { outline: thin dotted; outline-offset: -2px; } a:focus, a:hover { color: #23527C; text-decoration: underline; } .btn-block { display: block; width: 100%; } .btn-danger { color: #FFF; background-color: #D9534F; border-color: #D43F3A; } .btn-success { color: #FFF; background-color: #5CB85C; border-color: #4CAE4C; } .btn { display: inline-block; padding: 6px 12px; margin-bottom: 0px; font-size: 14px; font-weight: 400; line-height: 1.42857; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; -moz-user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; }