swingometer/resources/public/css/rsvggraph.css

74 lines
1.3 KiB
CSS

/***************************************************************************\
* *
* rsvggraph.css *
* *
* CSS styling for the radial svg graph itself. *
* *
\***************************************************************************/
svg {
border: thin solid gray;
object-fit: contain;
}
.rsvggraph-cursor {
stroke:#ff8500;
stroke-width: 3%;
stroke-opacity: 0.5;
}
.rsvggraph-frame {
fill: none;
stroke: none;
}
.rsvggraph-gradation path {
stroke: black;
stroke-width: 1;
}
.rsvggraph-gradation text {
font-size: 200%;
font-weight: lighter;
}
.rsvggraph-hub {
fill: #444444;
}
.rsvggraph-graph {
height: 50%;
width: auto;
}
.rsvggraph-needle {
stroke: black;
stroke-width: 1;
}
.rsvggraph-redzone {
fill:none;
stroke: maroon;
stroke-width: 10%;
}
.rsvggraph-scale {
fill: none;
stroke: silver;
stroke-width: 10%;
}
.rsvggraph-target .rsvggraph-frame {
stroke: green;
}
.rsvggraph-value {
font-size: 400%;
font-weight: bold;
text-align: center;
}
.rsvggraph-warning .rsvggraph-frame {
stroke: maroon;
}