web/static/c3.css

   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._expanded_ {
  67   stroke-width: 1px;
  68   stroke: white;
  69 }
  70
  71 .c3-selected-circle {
  72   fill: white;
  73   stroke-width: 2px;
  74 }
  75
  76 /*-- Bar --*/
  77 .c3-bar {
  78   stroke-width: 0;
  79 }
  80
  81 .c3-bar._expanded_ {
  82   fill-opacity: 1;
  83   fill-opacity: 0.75;
  84 }
  85
  86 /*-- Focus --*/
  87 .c3-target.c3-focused {
  88   opacity: 1;
  89 }
  90
  91 .c3-target.c3-focused path.c3-line, .c3-target.c3-focused path.c3-step {
  92   stroke-width: 2px;
  93 }
  94
  95 .c3-target.c3-defocused {
  96   opacity: 0.3 !important;
  97 }
  98
  99 /*-- Region --*/
 100 .c3-region {
 101   fill: steelblue;
 102   fill-opacity: 0.1;
 103 }
 104
 105 /*-- Brush --*/
 106 .c3-brush .extent {
 107   fill-opacity: 0.1;
 108 }
 109
 110 /*-- Select - Drag --*/
 111 /*-- Legend --*/
 112 .c3-legend-item {
 113   font-size: 12px;
 114 }
 115
 116 .c3-legend-item-hidden {
 117   opacity: 0.15;
 118 }
 119
 120 .c3-legend-background {
 121   opacity: 0.75;
 122   fill: white;
 123   stroke: lightgray;
 124   stroke-width: 1;
 125 }
 126
 127 /*-- Title --*/
 128 .c3-title {
 129   font: 14px sans-serif;
 130 }
 131
 132 /*-- Tooltip --*/
 133 .c3-tooltip-container {
 134   z-index: 10;
 135 }
 136
 137 .c3-tooltip {
 138   border-collapse: collapse;
 139   border-spacing: 0;
 140   background-color: #fff;
 141   empty-cells: show;
 142   -webkit-box-shadow: 7px 7px 12px -9px #777777;
 143   -moz-box-shadow: 7px 7px 12px -9px #777777;
 144   box-shadow: 7px 7px 12px -9px #777777;
 145   opacity: 0.9;
 146 }
 147
 148 .c3-tooltip tr {
 149   border: 1px solid #CCC;
 150 }
 151
 152 .c3-tooltip th {
 153   background-color: #aaa;
 154   font-size: 14px;
 155   padding: 2px 5px;
 156   text-align: left;
 157   color: #FFF;
 158 }
 159
 160 .c3-tooltip td {
 161   font-size: 13px;
 162   padding: 3px 6px;
 163   background-color: #fff;
 164   border-left: 1px dotted #999;
 165 }
 166
 167 .c3-tooltip td > span {
 168   display: inline-block;
 169   width: 10px;
 170   height: 10px;
 171   margin-right: 6px;
 172 }
 173
 174 .c3-tooltip td.value {
 175   text-align: right;
 176 }
 177
 178 /*-- Area --*/
 179 .c3-area {
 180   stroke-width: 0;
 181   opacity: 0.2;
 182 }
 183
 184 /*-- Arc --*/
 185 .c3-chart-arcs-title {
 186   dominant-baseline: middle;
 187   font-size: 1.3em;
 188 }
 189
 190 .c3-chart-arcs .c3-chart-arcs-background {
 191   fill: #e0e0e0;
 192   stroke: #FFF;
 193 }
 194
 195 .c3-chart-arcs .c3-chart-arcs-gauge-unit {
 196   fill: #000;
 197   font-size: 16px;
 198 }
 199
 200 .c3-chart-arcs .c3-chart-arcs-gauge-max {
 201   fill: #777;
 202 }
 203
 204 .c3-chart-arcs .c3-chart-arcs-gauge-min {
 205   fill: #777;
 206 }
 207
 208 .c3-chart-arc .c3-gauge-value {
 209   fill: #000;
 210   /*  font-size: 28px !important;*/
 211 }
 212
 213 .c3-chart-arc.c3-target g path {
 214   opacity: 1;
 215 }
 216
 217 .c3-chart-arc.c3-target.c3-focused g path {
 218   opacity: 1;
 219 }
 220
 221 /*-- Zoom --*/
 222 .c3-drag-zoom.enabled {
 223   pointer-events: all !important;
 224   visibility: visible;
 225 }
 226
 227 .c3-drag-zoom.disabled {
 228   pointer-events: none !important;
 229   visibility: hidden;
 230 }
 231
 232 .c3-drag-zoom .extent {
 233   fill-opacity: 0.1;
 234 }