2014-07-23 00:16:15 +00:00
|
|
|
body {
|
|
|
|
margin: 20px 0 0 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.intro {
|
|
|
|
margin: 10px 0 40px 0;
|
|
|
|
}
|
|
|
|
|
2013-10-20 22:04:58 +00:00
|
|
|
.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");
|
2013-10-21 20:02:41 +00:00
|
|
|
}
|
|
|
|
|
2013-10-21 23:40:57 +00:00
|
|
|
h2 {
|
|
|
|
font-weight: bold;
|
|
|
|
color: #555;
|
|
|
|
font-size: 13pt;
|
|
|
|
margin-bottom: 0.7em;
|
2013-10-21 20:02:41 +00:00
|
|
|
}
|
2013-10-21 23:40:57 +00:00
|
|
|
|
|
|
|
#graph {
|
|
|
|
max-width: 400px;
|
|
|
|
height: 200px;
|
|
|
|
margin-top: 0;
|
2014-07-23 00:16:15 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
#gauge {
|
|
|
|
width: 290px;
|
|
|
|
height: 200px;
|
|
|
|
display: inline-block;
|
|
|
|
margin: 0;
|
2013-10-21 23:40:57 +00:00
|
|
|
}
|