raumstatus/public/css/style.css

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;

}