138 lines
1.9 KiB
CSS
138 lines
1.9 KiB
CSS
|
/* General text style */
|
||
|
text {
|
||
|
font-family: sans-serif;
|
||
|
font-size: 11px;
|
||
|
}
|
||
|
|
||
|
/* Colors for text representing states */
|
||
|
text.up {
|
||
|
fill: rgb(0, 128, 0);
|
||
|
}
|
||
|
text.down {
|
||
|
fill: rgb(255, 0, 0);
|
||
|
}
|
||
|
text.unreachable {
|
||
|
fill: rgb(128, 0, 0);
|
||
|
}
|
||
|
text.ok {
|
||
|
fill: rgb(0, 128, 0);
|
||
|
}
|
||
|
text.warning {
|
||
|
fill: rgb(176, 178, 20);
|
||
|
}
|
||
|
text.unknown {
|
||
|
fill: rgb(255, 100, 25);
|
||
|
}
|
||
|
text.critical {
|
||
|
fill: rgb(255, 0, 0);
|
||
|
}
|
||
|
|
||
|
/* Colors for text representing states */
|
||
|
path.up {
|
||
|
stroke: rgb(0, 128, 0);
|
||
|
}
|
||
|
path.down {
|
||
|
stroke: rgb(255, 0, 0);
|
||
|
}
|
||
|
path.unreachable {
|
||
|
stroke: rgb(128, 0, 0);
|
||
|
}
|
||
|
path.ok {
|
||
|
stroke: rgb(0, 128, 0);
|
||
|
}
|
||
|
path.warning {
|
||
|
stroke: rgb(176, 178, 20);
|
||
|
}
|
||
|
path.unknown {
|
||
|
stroke: rgb(255, 100, 25);
|
||
|
}
|
||
|
path.critical {
|
||
|
stroke: rgb(255, 0, 0);
|
||
|
}
|
||
|
|
||
|
/* Class to hide elements */
|
||
|
.hidden {
|
||
|
display: none;
|
||
|
}
|
||
|
|
||
|
/* Trend SVG style */
|
||
|
div#histogramsvg {
|
||
|
position: absolute;
|
||
|
z-index: 10;
|
||
|
left: 0;
|
||
|
top: 0;
|
||
|
}
|
||
|
|
||
|
/* Center header text */
|
||
|
g#header text,
|
||
|
g#yaxis-label text {
|
||
|
text-anchor: middle;
|
||
|
}
|
||
|
|
||
|
/* Anchor the y-axis text to the end of the text */
|
||
|
g#xaxis text,
|
||
|
g#yaxis text {
|
||
|
text-anchor: end;
|
||
|
}
|
||
|
|
||
|
/* Draw grid lines as dashed lines */
|
||
|
g#xaxis line,
|
||
|
g#yaxis line {
|
||
|
stroke-width: 1;
|
||
|
stroke: #c0c0c0;
|
||
|
stroke-dasharray: 2,4;
|
||
|
pointer-events: none;
|
||
|
}
|
||
|
|
||
|
/* Hide the axes path */
|
||
|
g#xaxis path,
|
||
|
g#yaxis path {
|
||
|
display: none;
|
||
|
}
|
||
|
|
||
|
/* Styles for data lines */
|
||
|
g#grid path {
|
||
|
fill: none;
|
||
|
stroke-width: 1;
|
||
|
}
|
||
|
|
||
|
/* Styles for grid spinner */
|
||
|
div#gridspinner {
|
||
|
position: absolute;
|
||
|
top: 74px;
|
||
|
left: 355px;
|
||
|
height: 50px;
|
||
|
width: 50px;
|
||
|
z-index: 40;
|
||
|
}
|
||
|
|
||
|
/* Styles for the summary table */
|
||
|
g.summary .label {
|
||
|
text-anchor: left;
|
||
|
}
|
||
|
|
||
|
g.summary .value {
|
||
|
text-anchor: end;
|
||
|
}
|
||
|
|
||
|
g.summary line {
|
||
|
stroke-width: 1;
|
||
|
stroke: black;
|
||
|
}
|
||
|
|
||
|
/* Styles for menu button */
|
||
|
div#menubutton {
|
||
|
position: absolute;
|
||
|
top: 5px;
|
||
|
left: 871px;
|
||
|
height: 25px;
|
||
|
width: 22px;
|
||
|
z-index: 40;
|
||
|
}
|
||
|
|
||
|
div#menubutton button {
|
||
|
padding: 0px;
|
||
|
border: none;
|
||
|
background-color: white;
|
||
|
}
|