github.com/Azareal/Gosora@v0.0.0-20210729070923-553e66b59003/public/chartist/chartist-plugin-legend.css (about) 1 .ct-legend { 2 position: relative; 3 z-index: 10; 4 list-style: none; 5 text-align: center; 6 } 7 .ct-legend li { 8 position: relative; 9 padding-left: 23px; 10 margin-right: 10px; 11 margin-bottom: 3px; 12 cursor: pointer; 13 display: inline-block; 14 } 15 .ct-legend li:before { 16 width: 12px; 17 height: 12px; 18 position: absolute; 19 left: 0; 20 content: ''; 21 border: 3px solid transparent; 22 border-radius: 2px; 23 } 24 .ct-legend li.inactive:before { 25 background: transparent; 26 } 27 .ct-legend.ct-legend-inside { 28 position: absolute; 29 top: 0; 30 right: 0; 31 } 32 .ct-legend.ct-legend-inside li{ 33 display: block; 34 margin: 0; 35 } 36 .ct-legend .ct-series-0:before { 37 background-color: #d70206; 38 border-color: #d70206; 39 } 40 .ct-legend .ct-series-1:before { 41 background-color: #f05b4f; 42 border-color: #f05b4f; 43 } 44 .ct-legend .ct-series-2:before { 45 background-color: #f4c63d; 46 border-color: #f4c63d; 47 } 48 .ct-legend .ct-series-3:before { 49 background-color: #d17905; 50 border-color: #d17905; 51 } 52 .ct-legend .ct-series-4:before { 53 background-color: #453d3f; 54 border-color: #453d3f; 55 } 56 .ct-legend .ct-series-5:before { 57 background-color: #59922b; 58 border-color: #59922b; 59 } 60 .ct-legend .ct-series-6:before { 61 background-color: #0544d3; 62 border-color: #0544d3; 63 } 64 65 .ct-chart-line-multipleseries .ct-legend .ct-series-0:before { 66 background-color: #d70206; 67 border-color: #d70206; 68 } 69 .ct-chart-line-multipleseries .ct-legend .ct-series-1:before { 70 background-color: #f4c63d; 71 border-color: #f4c63d; 72 } 73 .ct-chart-line-multipleseries .ct-legend li.inactive:before { 74 background: transparent; 75 }