20 background-color: rgba(255,255,255,1);
22 border: 1px solid #ddd;
28 transition: opacity 500ms linear;
29 -moz-transition: opacity 500ms linear;
30 -webkit-transition: opacity 500ms linear;
32 transition-delay: 500ms;
33 -moz-transition-delay: 500ms;
34 -webkit-transition-delay: 500ms;
36 -moz-box-shadow: 4px 4px 8px rgba(0,0,0,.5);
37 -webkit-box-shadow: 4px 4px 8px rgba(0,0,0,.5);
38 box-shadow: 4px 4px 8px rgba(0,0,0,.5);
40 -moz-border-radius: 10px;
45 -webkit-touch-callout: none;
46 -webkit-user-select: none;
47 -khtml-user-select: none;
48 -moz-user-select: none;
49 -ms-user-select: none;
66 display: inline-block;
70 .nvtooltip-pending-removal {
82 -webkit-touch-callout: none;
83 -webkit-user-select: none;
84 -khtml-user-select: none;
85 -moz-user-select: none;
86 -ms-user-select: none;
88 /* Trying to get SVG to act like a greedy block in all browsers */
96 font: normal 12px Arial;
100 font: bold 14px Arial;
103 .nvd3 .nv-background {
107 pointer-events: none;
123 shape-rendering: crispEdges;
132 .nvd3 .nv-legend .nv-series {
136 .nvd3 .nv-legend .disabled circle {
146 .nvd3 .nv-axis path {
150 shape-rendering: crispEdges;
153 .nvd3 .nv-axis path.domain {
157 .nvd3 .nv-axis.nv-x path.domain {
161 .nvd3 .nv-axis line {
165 shape-rendering: crispEdges;
168 .nvd3 .nv-axis line.zero {
172 .nvd3 .nv-axis .nv-axisMaxMin text {
176 .nvd3 .x .nv-axis .nv-axisMaxMin text,
177 .nvd3 .x2 .nv-axis .nv-axisMaxMin text,
178 .nvd3 .x3 .nv-axis .nv-axisMaxMin text {
188 .nv-brush .resize path {
199 .nvd3 .nv-bars .negative rect {
203 .nvd3 .nv-bars rect {
207 transition: fill-opacity 250ms linear;
208 -moz-transition: fill-opacity 250ms linear;
209 -webkit-transition: fill-opacity 250ms linear;
212 .nvd3 .nv-bars rect:hover {
216 .nvd3 .nv-bars .hover rect {
220 .nvd3 .nv-bars text {
224 .nvd3 .nv-bars .hover text {
233 .nvd3 .nv-multibar .nv-groups rect,
234 .nvd3 .nv-multibarHorizontal .nv-groups rect,
235 .nvd3 .nv-discretebar .nv-groups rect {
238 transition: fill-opacity 250ms linear;
239 -moz-transition: fill-opacity 250ms linear;
240 -webkit-transition: fill-opacity 250ms linear;
243 .nvd3 .nv-multibar .nv-groups rect:hover,
244 .nvd3 .nv-multibarHorizontal .nv-groups rect:hover,
245 .nvd3 .nv-discretebar .nv-groups rect:hover {
249 .nvd3 .nv-discretebar .nv-groups text,
250 .nvd3 .nv-multibarHorizontal .nv-groups text {
253 stroke: rgba(0,0,0,0);
263 transition: fill-opacity 250ms linear, stroke-width 250ms linear, stroke-opacity 250ms linear;
264 -moz-transition: fill-opacity 250ms linear, stroke-width 250ms linear, stroke-opacity 250ms linear;
265 -webkit-transition: fill-opacity 250ms linear, stroke-width 250ms linear, stroke-opacity 250ms linear;
269 .nvd3.nv-pie .nv-slice text {
280 .nvd3.nv-pie .hover path {
288 .nvd3.nv-pie .nv-label rect {
297 .nvd3 .nv-groups path.nv-line {
301 stroke-linecap: round;
302 shape-rendering: geometricPrecision;
304 transition: stroke-width 250ms linear;
305 -moz-transition: stroke-width 250ms linear;
306 -webkit-transition: stroke-width 250ms linear;
308 transition-delay: 250ms
309 -moz-transition-delay: 250ms;
310 -webkit-transition-delay: 250ms;
314 .nvd3 .nv-groups path.nv-area {
317 stroke-linecap: round;
318 shape-rendering: geometricPrecision;
321 transition: stroke-width 250ms linear;
322 -moz-transition: stroke-width 250ms linear;
323 -webkit-transition: stroke-width 250ms linear;
325 transition-delay: 250ms
326 -moz-transition-delay: 250ms;
327 -webkit-transition-delay: 250ms;
331 .nvd3 .nv-line.hover path {
336 .nvd3.scatter .groups .point {
342 .nvd3.nv-line .nvd3.nv-scatter .nv-groups .nv-point {
347 .nvd3.nv-scatter.nv-single-point .nv-groups .nv-point {
348 fill-opacity: .5 !important;
349 stroke-opacity: .5 !important;
353 .nvd3 .nv-groups .nv-point {
354 transition: stroke-width 250ms linear, stroke-opacity 250ms linear;
355 -moz-transition: stroke-width 250ms linear, stroke-opacity 250ms linear;
356 -webkit-transition: stroke-width 250ms linear, stroke-opacity 250ms linear;
359 .nvd3.nv-scatter .nv-groups .nv-point.hover,
360 .nvd3 .nv-groups .nv-point.hover {
362 fill-opacity: .5 !important;
363 stroke-opacity: .5 !important;
367 .nvd3 .nv-point-paths path {
376 .nvd3 .nv-indexLine {
385 .nvd3 .nv-distribution {
386 pointer-events: none;
395 /* **Attempting to remove this for useVoronoi(false), need to see if it's required anywhere
396 .nvd3 .nv-groups .nv-point {
397 pointer-events: none;
401 .nvd3 .nv-groups .nv-point.hover {
406 .nvd3 .nv-scatter .nv-point.hover {
411 .nv-group.hover .nv-point {
421 .nvd3.nv-stackedarea path.nv-area {
429 transition: fill-opacity 250ms linear, stroke-opacity 250ms linear;
430 -moz-transition: fill-opacity 250ms linear, stroke-opacity 250ms linear;
431 -webkit-transition: fill-opacity 250ms linear, stroke-opacity 250ms linear;
434 transition-delay: 500ms;
435 -moz-transition-delay: 500ms;
436 -webkit-transition-delay: 500ms;
441 .nvd3.nv-stackedarea path.nv-area.hover {
448 .d3stackedarea .groups path {
455 .nvd3.nv-stackedarea .nv-groups .nv-point {
460 .nvd3.nv-stackedarea .nv-groups .nv-point.hover {
472 .nvd3.nv-linePlusBar .nv-bar rect {
476 .nvd3.nv-linePlusBar .nv-bar rect:hover {
485 .nvd3.nv-bullet { font: 10px sans-serif; }
486 .nvd3.nv-bullet .nv-measure { fill-opacity: .8; }
487 .nvd3.nv-bullet .nv-measure:hover { fill-opacity: 1; }
488 .nvd3.nv-bullet .nv-marker { stroke: #000; stroke-width: 2px; }
489 .nvd3.nv-bullet .nv-markerTriangle { stroke: #000; fill: #fff; stroke-width: 1.5px; }
490 .nvd3.nv-bullet .nv-tick line { stroke: #666; stroke-width: .5px; }
491 .nvd3.nv-bullet .nv-range.nv-s0 { fill: #eee; }
492 .nvd3.nv-bullet .nv-range.nv-s1 { fill: #ddd; }
493 .nvd3.nv-bullet .nv-range.nv-s2 { fill: #ccc; }
494 .nvd3.nv-bullet .nv-title { font-size: 14px; font-weight: bold; }
495 .nvd3.nv-bullet .nv-subtitle { fill: #999; }
498 .nvd3.nv-bullet .nv-range {
502 .nvd3.nv-bullet .nv-range:hover {
512 .nvd3.nv-sparkline path {
516 .nvd3.nv-sparklineplus g.nv-hoverValue {
517 pointer-events: none;
520 .nvd3.nv-sparklineplus .nv-hoverValue line {
525 .nvd3.nv-sparklineplus,
526 .nvd3.nv-sparklineplus g {
530 .nvd3 .nv-hoverArea {
535 .nvd3.nv-sparklineplus .nv-xValue,
536 .nvd3.nv-sparklineplus .nv-yValue {
545 .nvd3.nv-sparklineplus .nv-yValue {
549 .nvd3.nv-sparklineplus .nv-maxValue {
554 .nvd3.nv-sparklineplus .nv-minValue {
559 .nvd3.nv-sparklineplus .nv-currentValue {
572 .nvd3.nv-ohlcBar .nv-ticks .nv-tick {
576 .nvd3.nv-ohlcBar .nv-ticks .nv-tick.hover {
580 .nvd3.nv-ohlcBar .nv-ticks .nv-tick.positive {
584 .nvd3.nv-ohlcBar .nv-ticks .nv-tick.negative {
588 .nvd3.nv-historicalStockChart .nv-axis .nv-axislabel {
592 .nvd3.nv-historicalStockChart .nv-dragTarget {
598 .nvd3 .nv-brush .extent {
600 cursor: ew-resize !important;
602 fill-opacity: 0 !important;
605 .nvd3 .nv-brushBackground rect {
620 * TODO: the following 3 selectors are based on classes used in the example. I should either make them standard and leave them here, or move to a CSS file not included in the library
622 .nvd3.nv-indentedtree .name {
626 .nvd3.nv-indentedtree .clickable {
631 .nvd3.nv-indentedtree span.clickable:hover {
633 text-decoration: underline;
637 .nvd3.nv-indentedtree .nv-childrenCount {
638 display: inline-block;
642 .nvd3.nv-indentedtree .nv-treeicon {
649 .nvd3.nv-indentedtree .nv-treeicon.nv-folded {