| .chart-legend, |
| .bar-legend, |
| .line-legend, |
| .pie-legend, |
| .radar-legend, |
| .polararea-legend, |
| .doughnut-legend { |
| list-style-type: none; |
| margin-top: 5px; |
| text-align: center; |
| /* NOTE: Browsers automatically add 40px of padding-left to all lists, so we should offset that, otherwise the legend is off-center */ |
| -webkit-padding-start: 0; |
| /* Webkit */ |
| -moz-padding-start: 0; |
| /* Mozilla */ |
| padding-left: 0; |
| /* IE (handles all cases, really, but we should also include the vendor-specific properties just to be safe) */ |
| } |
| .chart-legend li, |
| .bar-legend li, |
| .line-legend li, |
| .pie-legend li, |
| .radar-legend li, |
| .polararea-legend li, |
| .doughnut-legend li { |
| display: inline-block; |
| white-space: nowrap; |
| position: relative; |
| margin-bottom: 4px; |
| border-radius: 5px; |
| padding: 2px 8px 2px 28px; |
| font-size: smaller; |
| cursor: default; |
| } |
| .chart-legend-icon, |
| .bar-legend-icon, |
| .line-legend-icon, |
| .pie-legend-icon, |
| .radar-legend-icon, |
| .polararea-legend-icon, |
| .doughnut-legend-icon { |
| display: block; |
| position: absolute; |
| left: 0; |
| top: 0; |
| width: 20px; |
| height: 20px; |
| border-radius: 5px; |
| } |