blob: e6598ee41b4fa0724f92fca2fbd68a7342b73012 [file] [log] [blame]
Jian Lid7a5a742016-02-12 13:51:18 -08001.chart-legend,
2.bar-legend,
3.line-legend,
4.pie-legend,
5.radar-legend,
6.polararea-legend,
7.doughnut-legend {
8 list-style-type: none;
9 margin-top: 5px;
10 text-align: center;
11 /* NOTE: Browsers automatically add 40px of padding-left to all lists, so we should offset that, otherwise the legend is off-center */
12 -webkit-padding-start: 0;
13 /* Webkit */
14 -moz-padding-start: 0;
15 /* Mozilla */
16 padding-left: 0;
17 /* IE (handles all cases, really, but we should also include the vendor-specific properties just to be safe) */
18}
19.chart-legend li,
20.bar-legend li,
21.line-legend li,
22.pie-legend li,
23.radar-legend li,
24.polararea-legend li,
25.doughnut-legend li {
26 display: inline-block;
27 white-space: nowrap;
28 position: relative;
29 margin-bottom: 4px;
30 border-radius: 5px;
31 padding: 2px 8px 2px 28px;
32 font-size: smaller;
33 cursor: default;
34}
35.chart-legend li span,
36.bar-legend li span,
37.line-legend li span,
38.pie-legend li span,
39.radar-legend li span,
40.polararea-legend li span,
41.doughnut-legend li span {
42 display: block;
43 position: absolute;
44 left: 0;
45 top: 0;
46 width: 20px;
47 height: 20px;
48 border-radius: 5px;
49}