| .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) */ |
| |
| 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; |
| |
| span { |
| display: block; |
| position: absolute; |
| left: 0; |
| top: 0; |
| width: 20px; |
| height: 20px; |
| border-radius: 5px; |
| } |
| } |
| } |