119 lines
1.7 KiB
CSS
119 lines
1.7 KiB
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;
|
|
|
|
}
|