3 Default CSS for an svg element nvd3 used
6 -webkit-touch-callout: none;
7 -webkit-user-select: none;
8 -khtml-user-select: none;
10 -moz-user-select: none;
16 Box shadow and border radius styling
18 .nvtooltip.with-3d-shadow, .with-3d-shadow .nvtooltip {
19 -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
20 -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
21 box-shadow: 0 5px 10px rgba(0,0,0,.2);
23 -webkit-border-radius: 5px;
24 -moz-border-radius: 5px;
34 background-color: rgba(255,255,255,1.0);
36 border: 1px solid rgba(0,0,0,.2);
46 -webkit-touch-callout: none;
47 -webkit-user-select: none;
48 -khtml-user-select: none;
49 -moz-user-select: none;
50 -ms-user-select: none;
54 /*Give tooltips that old fade in transition by
55 putting a "with-transitions" class on the container div.
57 .nvtooltip.with-transitions, .with-transitions .nvtooltip {
58 transition: opacity 50ms linear;
59 -moz-transition: opacity 50ms linear;
60 -webkit-transition: opacity 50ms linear;
62 transition-delay: 200ms;
63 -moz-transition-delay: 200ms;
64 -webkit-transition-delay: 200ms;
67 .nvtooltip.x-nvtooltip,
68 .nvtooltip.y-nvtooltip {
77 background-color: rgba(247,247,247,0.75);
80 border-bottom: 1px solid #ebebeb;
82 -webkit-border-radius: 5px 5px 0 0;
83 -moz-border-radius: 5px 5px 0 0;
84 border-radius: 1px 5px 0 0;
94 display: inline-block;
104 .nvtooltip table td {
105 padding: 2px 9px 2px 0;
106 vertical-align: middle;
109 .nvtooltip table td.key {
112 .nvtooltip table td.value {
117 .nvtooltip table tr.highlight td {
118 padding: 1px 9px 1px 0;
119 border-bottom-style: solid;
120 border-bottom-width: 1px;
121 border-top-style: solid;
122 border-top-width: 1px;
125 .nvtooltip table td.legend-color-guide div {
128 vertical-align: middle;
136 .nvtooltip-pending-removal {
138 pointer-events: none;
142 font: normal 12px Arial;
145 .nvd3 .nv-background {
162 shape-rendering: crispEdges;
170 .nvd3 .nv-legend .nv-series {
174 .nvd3 .nv-legend .nv-disabled circle {
195 .nvd3 .nv-axis path {
199 shape-rendering: crispEdges;
202 .nvd3 .nv-axis path.domain {
206 .nvd3 .nv-axis.nv-x path.domain {
210 .nvd3 .nv-axis line {
213 shape-rendering: crispEdges;
216 .nvd3 .nv-axis .zero line,
217 /*this selector may not be necessary*/ .nvd3 .nv-axis line.zero {
221 .nvd3 .nv-axis .nv-axisMaxMin text {
225 .nvd3 .x .nv-axis .nv-axisMaxMin text,
226 .nvd3 .x2 .nv-axis .nv-axisMaxMin text,
227 .nvd3 .x3 .nv-axis .nv-axisMaxMin text {
236 .nv-brush .resize path {
246 .nvd3 .nv-bars .negative rect {
250 .nvd3 .nv-bars rect {
254 transition: fill-opacity 250ms linear;
255 -moz-transition: fill-opacity 250ms linear;
256 -webkit-transition: fill-opacity 250ms linear;
259 .nvd3 .nv-bars rect.hover {
263 .nvd3 .nv-bars .hover rect {
267 .nvd3 .nv-bars text {
271 .nvd3 .nv-bars .hover text {
280 .nvd3 .nv-multibar .nv-groups rect,
281 .nvd3 .nv-multibarHorizontal .nv-groups rect,
282 .nvd3 .nv-discretebar .nv-groups rect {
285 transition: fill-opacity 250ms linear;
286 -moz-transition: fill-opacity 250ms linear;
287 -webkit-transition: fill-opacity 250ms linear;
290 .nvd3 .nv-multibar .nv-groups rect:hover,
291 .nvd3 .nv-multibarHorizontal .nv-groups rect:hover,
292 .nvd3 .nv-discretebar .nv-groups rect:hover {
296 .nvd3 .nv-discretebar .nv-groups text,
297 .nvd3 .nv-multibarHorizontal .nv-groups text {
300 stroke: rgba(0,0,0,0);
309 transition: fill-opacity 250ms linear, stroke-width 250ms linear, stroke-opacity 250ms linear;
310 -moz-transition: fill-opacity 250ms linear, stroke-width 250ms linear, stroke-opacity 250ms linear;
311 -webkit-transition: fill-opacity 250ms linear, stroke-width 250ms linear, stroke-opacity 250ms linear;
315 .nvd3.nv-pie .nv-pie-title {
317 fill: rgba(19, 196, 249, 0.59);
320 .nvd3.nv-pie .nv-slice text {
331 .nvd3.nv-pie .hover path {
334 .nvd3.nv-pie .nv-label {
335 pointer-events: none;
337 .nvd3.nv-pie .nv-label rect {
346 .nvd3 .nv-groups path.nv-line {
351 .nvd3 .nv-groups path.nv-line.nv-thin-line {
356 .nvd3 .nv-groups path.nv-area {
360 .nvd3 .nv-line.hover path {
364 .nvd3.nv-line .nvd3.nv-scatter .nv-groups .nv-point {
369 .nvd3.nv-scatter.nv-single-point .nv-groups .nv-point {
370 fill-opacity: .5 !important;
371 stroke-opacity: .5 !important;
375 .with-transitions .nvd3 .nv-groups .nv-point {
376 transition: stroke-width 250ms linear, stroke-opacity 250ms linear;
377 -moz-transition: stroke-width 250ms linear, stroke-opacity 250ms linear;
378 -webkit-transition: stroke-width 250ms linear, stroke-opacity 250ms linear;
382 .nvd3.nv-scatter .nv-groups .nv-point.hover,
383 .nvd3 .nv-groups .nv-point.hover {
385 fill-opacity: .95 !important;
386 stroke-opacity: .95 !important;
390 .nvd3 .nv-point-paths path {
399 .nvd3 .nv-indexLine {
408 .nvd3 .nv-distribution {
409 pointer-events: none;
417 .nvd3 .nv-groups .nv-point.hover {
422 .nvd3 .nv-scatter .nv-point.hover {
431 .nvd3.nv-stackedarea path.nv-area {
434 transition: fill-opacity 250ms linear, stroke-opacity 250ms linear;
435 -moz-transition: fill-opacity 250ms linear, stroke-opacity 250ms linear;
436 -webkit-transition: fill-opacity 250ms linear, stroke-opacity 250ms linear;
439 .nvd3.nv-stackedarea path.nv-area.hover {
444 .nvd3.nv-stackedarea .nv-groups .nv-point {
454 .nvd3.nv-linePlusBar .nv-bar rect {
458 .nvd3.nv-linePlusBar .nv-bar rect:hover {
467 .nvd3.nv-bullet { font: 10px sans-serif; }
468 .nvd3.nv-bullet .nv-measure { fill-opacity: .8; }
469 .nvd3.nv-bullet .nv-measure:hover { fill-opacity: 1; }
470 .nvd3.nv-bullet .nv-marker { stroke: #000; stroke-width: 2px; }
471 .nvd3.nv-bullet .nv-markerTriangle { stroke: #000; fill: #fff; stroke-width: 1.5px; }
472 .nvd3.nv-bullet .nv-tick line { stroke: #666; stroke-width: .5px; }
473 .nvd3.nv-bullet .nv-range.nv-s0 { fill: #eee; }
474 .nvd3.nv-bullet .nv-range.nv-s1 { fill: #ddd; }
475 .nvd3.nv-bullet .nv-range.nv-s2 { fill: #ccc; }
476 .nvd3.nv-bullet .nv-title { font-size: 14px; font-weight: bold; }
477 .nvd3.nv-bullet .nv-subtitle { fill: #999; }
480 .nvd3.nv-bullet .nv-range {
484 .nvd3.nv-bullet .nv-range:hover {
493 .nvd3.nv-sparkline path {
497 .nvd3.nv-sparklineplus g.nv-hoverValue {
498 pointer-events: none;
501 .nvd3.nv-sparklineplus .nv-hoverValue line {
506 .nvd3.nv-sparklineplus,
507 .nvd3.nv-sparklineplus g {
511 .nvd3 .nv-hoverArea {
516 .nvd3.nv-sparklineplus .nv-xValue,
517 .nvd3.nv-sparklineplus .nv-yValue {
523 .nvd3.nv-sparklineplus .nv-yValue {
527 .nvd3.nv-sparklineplus .nv-maxValue {
532 .nvd3.nv-sparklineplus .nv-minValue {
537 .nvd3.nv-sparklineplus .nv-currentValue {
546 .nvd3.nv-ohlcBar .nv-ticks .nv-tick {
550 .nvd3.nv-ohlcBar .nv-ticks .nv-tick.hover {
554 .nvd3.nv-ohlcBar .nv-ticks .nv-tick.positive {
558 .nvd3.nv-ohlcBar .nv-ticks .nv-tick.negative {
562 .nvd3.nv-historicalStockChart .nv-axis .nv-axislabel {
566 .nvd3.nv-historicalStockChart .nv-dragTarget {
572 .nvd3 .nv-brush .extent {
573 fill-opacity: 0 !important;
576 .nvd3 .nv-brushBackground rect {
585 * Parallel Coordinates
588 .nvd3 .background path {
592 shape-rendering: crispEdges;
595 .nvd3 .foreground path {
600 .nvd3 .brush .extent {
603 shape-rendering: crispEdges;
606 .nvd3 .axis line, .axis path {
609 shape-rendering: crispEdges;
613 text-shadow: 0 1px 0 #fff;
619 .nvd3 .nv-interactiveGuideLine {
622 .nvd3 line.nv-guideline {