mirror of
https://github.com/pvvx/RTL00_WEB.git
synced 2024-11-21 21:44:21 +00:00
119 lines
2.6 KiB
CSS
119 lines
2.6 KiB
CSS
/**
|
|
* Default styles for the dygraphs charting library.
|
|
*/
|
|
|
|
.dygraph-legend {
|
|
position: relative;
|
|
font-size: 12px;
|
|
z-index: 10;
|
|
width: 250px; /* labelsDivWidth */
|
|
/*
|
|
dygraphs determines these based on the presence of chart labels.
|
|
It might make more sense to create a wrapper div around the chart proper.
|
|
top: 0px;
|
|
right: 2px;
|
|
*/
|
|
background: white;
|
|
line-height: normal;
|
|
text-align: center;
|
|
overflow: hidden;
|
|
}
|
|
|
|
/* styles for a solid line in the legend */
|
|
.dygraph-legend-line {
|
|
display: inline-block;
|
|
position: relative;
|
|
bottom: .5ex;
|
|
padding-left: 1em;
|
|
height: 1px;
|
|
border-bottom-width: 2px;
|
|
border-bottom-style: solid;
|
|
/* border-bottom-color is set based on the series color */
|
|
}
|
|
|
|
/* styles for a dashed line in the legend, e.g. when strokePattern is set */
|
|
.dygraph-legend-dash {
|
|
display: inline-block;
|
|
position: relative;
|
|
bottom: .5ex;
|
|
height: 1px;
|
|
border-bottom-width: 2px;
|
|
border-bottom-style: solid;
|
|
/* border-bottom-color is set based on the series color */
|
|
/* margin-right is set based on the stroke pattern */
|
|
/* padding-left is set based on the stroke pattern */
|
|
}
|
|
|
|
.dygraph-roller {
|
|
position: absolute;
|
|
z-index: 10;
|
|
}
|
|
|
|
/* This class is shared by all annotations, including those with icons */
|
|
.dygraph-annotation {
|
|
position: absolute;
|
|
z-index: 10;
|
|
overflow: hidden;
|
|
}
|
|
|
|
/* This class only applies to annotations without icons */
|
|
/* Old class name: .dygraphDefaultAnnotation */
|
|
.dygraph-default-annotation {
|
|
border: 1px solid black;
|
|
background-color: white;
|
|
text-align: center;
|
|
}
|
|
|
|
.dygraph-axis-label {
|
|
/* position: absolute; */
|
|
/* font-size: 14px; */
|
|
z-index: 10;
|
|
line-height: normal;
|
|
overflow: hidden;
|
|
color: black; /* replaces old axisLabelColor option */
|
|
}
|
|
|
|
.dygraph-axis-label-x {
|
|
}
|
|
|
|
.dygraph-axis-label-y {
|
|
color: rgb(51,204,204);
|
|
}
|
|
|
|
.dygraph-axis-label-y2 {
|
|
color: rgb(255,100,100);
|
|
}
|
|
|
|
.dygraph-title {
|
|
font-weight: bold;
|
|
z-index: 10;
|
|
text-align: center;
|
|
/* font-size: based on titleHeight option */
|
|
}
|
|
|
|
.dygraph-xlabel {
|
|
text-align: center;
|
|
/* font-size: based on xLabelHeight option */
|
|
}
|
|
|
|
/* For y-axis label */
|
|
.dygraph-label-rotate-left {
|
|
text-align: center;
|
|
/* See http://caniuse.com/#feat=transforms2d */
|
|
transform: rotate(90deg);
|
|
-webkit-transform: rotate(90deg);
|
|
-moz-transform: rotate(90deg);
|
|
-o-transform: rotate(90deg);
|
|
-ms-transform: rotate(90deg);
|
|
}
|
|
|
|
/* For y2-axis label */
|
|
.dygraph-label-rotate-right {
|
|
text-align: center;
|
|
/* See http://caniuse.com/#feat=transforms2d */
|
|
transform: rotate(-90deg);
|
|
-webkit-transform: rotate(-90deg);
|
|
-moz-transform: rotate(-90deg);
|
|
-o-transform: rotate(-90deg);
|
|
-ms-transform: rotate(-90deg);
|
|
}
|