75 lines
2.1 KiB
CSS
75 lines
2.1 KiB
CSS
|
.ct-legend {
|
||
|
position: relative;
|
||
|
z-index: 10;
|
||
|
list-style: none;
|
||
|
text-align: center;
|
||
|
}
|
||
|
.ct-legend li {
|
||
|
position: relative;
|
||
|
padding-left: 23px;
|
||
|
margin-right: 10px;
|
||
|
margin-bottom: 3px;
|
||
|
cursor: pointer;
|
||
|
display: inline-block;
|
||
|
}
|
||
|
.ct-legend li:before {
|
||
|
width: 12px;
|
||
|
height: 12px;
|
||
|
position: absolute;
|
||
|
left: 0;
|
||
|
content: '';
|
||
|
border: 3px solid transparent;
|
||
|
border-radius: 2px;
|
||
|
}
|
||
|
.ct-legend li.inactive:before {
|
||
|
background: transparent;
|
||
|
}
|
||
|
.ct-legend.ct-legend-inside {
|
||
|
position: absolute;
|
||
|
top: 0;
|
||
|
right: 0;
|
||
|
}
|
||
|
.ct-legend.ct-legend-inside li{
|
||
|
display: block;
|
||
|
margin: 0;
|
||
|
}
|
||
|
.ct-legend .ct-series-0:before {
|
||
|
background-color: #d70206;
|
||
|
border-color: #d70206;
|
||
|
}
|
||
|
.ct-legend .ct-series-1:before {
|
||
|
background-color: #f05b4f;
|
||
|
border-color: #f05b4f;
|
||
|
}
|
||
|
.ct-legend .ct-series-2:before {
|
||
|
background-color: #f4c63d;
|
||
|
border-color: #f4c63d;
|
||
|
}
|
||
|
.ct-legend .ct-series-3:before {
|
||
|
background-color: #d17905;
|
||
|
border-color: #d17905;
|
||
|
}
|
||
|
.ct-legend .ct-series-4:before {
|
||
|
background-color: #453d3f;
|
||
|
border-color: #453d3f;
|
||
|
}
|
||
|
.ct-legend .ct-series-5:before {
|
||
|
background-color: #59922b;
|
||
|
border-color: #59922b;
|
||
|
}
|
||
|
.ct-legend .ct-series-6:before {
|
||
|
background-color: #0544d3;
|
||
|
border-color: #0544d3;
|
||
|
}
|
||
|
|
||
|
.ct-chart-line-multipleseries .ct-legend .ct-series-0:before {
|
||
|
background-color: #d70206;
|
||
|
border-color: #d70206;
|
||
|
}
|
||
|
.ct-chart-line-multipleseries .ct-legend .ct-series-1:before {
|
||
|
background-color: #f4c63d;
|
||
|
border-color: #f4c63d;
|
||
|
}
|
||
|
.ct-chart-line-multipleseries .ct-legend li.inactive:before {
|
||
|
background: transparent;
|
||
|
}
|