1/*-- Chart --*/ 2.c3 svg { 3 font: 10px sans-serif; 4 -webkit-tap-highlight-color: rgba(0, 0, 0, 0); 5} 6 7.c3 path, .c3 line { 8 fill: none; 9 stroke: #000; 10} 11 12.c3 text { 13 -webkit-user-select: none; 14 -moz-user-select: none; 15 user-select: none; 16} 17 18.c3-legend-item-tile, 19.c3-xgrid-focus, 20.c3-ygrid, 21.c3-event-rect, 22.c3-bars path { 23 shape-rendering: crispEdges; 24} 25 26.c3-chart-arc path { 27 stroke: #fff; 28} 29 30.c3-chart-arc rect { 31 stroke: white; 32 stroke-width: 1; 33} 34 35.c3-chart-arc text { 36 fill: #fff; 37 font-size: 13px; 38} 39 40/*-- Axis --*/ 41/*-- Grid --*/ 42.c3-grid line { 43 stroke: #aaa; 44} 45 46.c3-grid text { 47 fill: #aaa; 48} 49 50.c3-xgrid, .c3-ygrid { 51 stroke-dasharray: 3 3; 52} 53 54/*-- Text on Chart --*/ 55.c3-text.c3-empty { 56 fill: #808080; 57 font-size: 2em; 58} 59 60/*-- Line --*/ 61.c3-line { 62 stroke-width: 1px; 63} 64 65/*-- Point --*/ 66.c3-circle { 67 fill: currentColor; 68} 69 70.c3-circle._expanded_ { 71 stroke-width: 1px; 72 stroke: white; 73} 74 75.c3-selected-circle { 76 fill: white; 77 stroke-width: 2px; 78} 79 80/*-- Bar --*/ 81.c3-bar { 82 stroke-width: 0; 83} 84 85.c3-bar._expanded_ { 86 fill-opacity: 1; 87 fill-opacity: 0.75; 88} 89 90/*-- Focus --*/ 91.c3-target.c3-focused { 92 opacity: 1; 93} 94 95.c3-target.c3-focused path.c3-line, .c3-target.c3-focused path.c3-step { 96 stroke-width: 2px; 97} 98 99.c3-target.c3-defocused { 100 opacity: 0.3 !important; 101} 102 103/*-- Region --*/ 104.c3-region { 105 fill: steelblue; 106 fill-opacity: 0.1; 107} 108.c3-region text { 109 fill-opacity: 1; 110} 111 112/*-- Brush --*/ 113.c3-brush .extent { 114 fill-opacity: 0.1; 115} 116 117/*-- Select - Drag --*/ 118/*-- Legend --*/ 119.c3-legend-item { 120 font-size: 12px; 121} 122 123.c3-legend-item-hidden { 124 opacity: 0.15; 125} 126 127.c3-legend-background { 128 opacity: 0.75; 129 fill: white; 130 stroke: lightgray; 131 stroke-width: 1; 132} 133 134/*-- Title --*/ 135.c3-title { 136 font: 14px sans-serif; 137} 138 139/*-- Tooltip --*/ 140.c3-tooltip-container { 141 z-index: 10; 142} 143 144.c3-tooltip { 145 border-collapse: collapse; 146 border-spacing: 0; 147 background-color: #fff; 148 empty-cells: show; 149 -webkit-box-shadow: 7px 7px 12px -9px #777777; 150 -moz-box-shadow: 7px 7px 12px -9px #777777; 151 box-shadow: 7px 7px 12px -9px #777777; 152 opacity: 0.9; 153} 154 155.c3-tooltip tr { 156 border: 1px solid #CCC; 157} 158 159.c3-tooltip th { 160 background-color: #aaa; 161 font-size: 14px; 162 padding: 2px 5px; 163 text-align: left; 164 color: #FFF; 165} 166 167.c3-tooltip td { 168 font-size: 13px; 169 padding: 3px 6px; 170 background-color: #fff; 171 border-left: 1px dotted #999; 172} 173 174.c3-tooltip td > span { 175 display: inline-block; 176 width: 10px; 177 height: 10px; 178 margin-right: 6px; 179} 180 181.c3-tooltip .value { 182 text-align: right; 183} 184 185/*-- Area --*/ 186.c3-area { 187 stroke-width: 0; 188 opacity: 0.2; 189} 190 191/*-- Arc --*/ 192.c3-chart-arcs-title { 193 dominant-baseline: middle; 194 font-size: 1.3em; 195} 196 197.c3-chart-arcs .c3-chart-arcs-background { 198 fill: #e0e0e0; 199 stroke: #FFF; 200} 201 202.c3-chart-arcs .c3-chart-arcs-gauge-unit { 203 fill: #000; 204 font-size: 16px; 205} 206 207.c3-chart-arcs .c3-chart-arcs-gauge-max { 208 fill: #777; 209} 210 211.c3-chart-arcs .c3-chart-arcs-gauge-min { 212 fill: #777; 213} 214 215.c3-chart-arc .c3-gauge-value { 216 fill: #000; 217 /* font-size: 28px !important;*/ 218} 219 220.c3-chart-arc.c3-target g path { 221 opacity: 1; 222} 223 224.c3-chart-arc.c3-target.c3-focused g path { 225 opacity: 1; 226} 227 228/*-- Zoom --*/ 229.c3-drag-zoom.enabled { 230 pointer-events: all !important; 231 visibility: visible; 232} 233 234.c3-drag-zoom.disabled { 235 pointer-events: none !important; 236 visibility: hidden; 237} 238 239.c3-drag-zoom .extent { 240 fill-opacity: 0.1; 241} 242