body {
background-color: white;
font-family: sans-serif;
margin-left: 32px;
}
table {
width: 100%;
}
th {
text-align: left;
background-color: lightgrey;
padding-left: 8px;
padding-top: 4px;
padding-bottom: 4px;
}
td {
padding-left: 8px;
padding-top: 4px;
padding-bottom: 4px;
}
h1 {
color: teal;
}
tr.OK {
background-color: #3CAEA3;
}
tr.ERROR {
background-color: #ED553B;
}
tr.WARN {
background-color: #F6D55C;
}
tr.INFO {
background-color: #20639B;
color: white;
}
tr.CRITICAL {
background-color: black;
color: white;
}
.tooltip {
position: relative;
}
.tooltip span[role=tooltip] {
display: none;
}
.tooltip:hover span[role=tooltip] {
display: block;
position: absolute;
bottom: 2em;
left: -6em;
width: 20em;
padding: 0.5 em;
z-index: 100;
color: #000;
background-color: #ffebe6;
border: solid 1px #c32e04;
border-radius: 0.2em;
}
versionInfo {
font-size: 9pt;
color: #666666;
}
footer {
border-top: solid 1px;
background: rgba(150, 150, 150, 0.5);
width: 100%;
height: 40px;
padding-top: 10px;
position: absolute;
bottom: 0;
left: 0;
text-align: center;
}