123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354 |
- page-page1 {
- }
- .gauge-container {
- /* width: 150px;
- height: 150px; */
- display: block;
- /* padding: 10px; */
- }
- .gauge-container > .gauge > .dial {
- stroke: #eee;
- stroke-width: 20;
- fill: rgba(0,0,0,0);
- }
- .gauge-container > .gauge > .value {
- stroke: rgb(47, 227, 255);
- stroke-width: 20;
- fill: rgba(0,0,0,0);
- }
- .gauge-container > .gauge > .value-text {
- fill: rgb(47, 227, 255);
- font-family: sans-serif;
- font-weight: bold;
- font-size: 10em;
- }
- .gauge-container > .gauge > .title {
- fill: rgb(47, 227, 255);
- font-family: sans-serif;
- font-weight: bold;
- font-size: 5em;
- }
- /* ------- Alternate Style ------- */
- .gauge-container.two {
- }
- .gauge-container.two > .gauge > .dial {
- stroke: #334455;
- stroke-width: 100;
- }
- .gauge-container.two > .gauge > .value {
- stroke: orange;
- stroke-dasharray: none;
- stroke-width: 130;
- }
- .gauge-container.two > .gauge > .value-text {
- fill: orange;
- }
- .gauge-container.two > .gauge > .title {
- fill: orange;
- }
|