paulo@89: /* nvd3 version 1.8.1 (https://github.com/novus/nvd3) 2015-06-15 */ paulo@89: .nvd3 .nv-axis { paulo@89: pointer-events:none; paulo@89: opacity: 1; paulo@89: } paulo@89: paulo@89: .nvd3 .nv-axis path { paulo@89: fill: none; paulo@89: stroke: #000; paulo@89: stroke-opacity: .75; paulo@89: shape-rendering: crispEdges; paulo@89: } paulo@89: paulo@89: .nvd3 .nv-axis path.domain { paulo@89: stroke-opacity: .75; paulo@89: } paulo@89: paulo@89: .nvd3 .nv-axis.nv-x path.domain { paulo@89: stroke-opacity: 0; paulo@89: } paulo@89: paulo@89: .nvd3 .nv-axis line { paulo@89: fill: none; paulo@89: stroke: #e5e5e5; paulo@89: shape-rendering: crispEdges; paulo@89: } paulo@89: paulo@89: .nvd3 .nv-axis .zero line, paulo@89: /*this selector may not be necessary*/ .nvd3 .nv-axis line.zero { paulo@89: stroke-opacity: .75; paulo@89: } paulo@89: paulo@89: .nvd3 .nv-axis .nv-axisMaxMin text { paulo@89: font-weight: bold; paulo@89: } paulo@89: paulo@89: .nvd3 .x .nv-axis .nv-axisMaxMin text, paulo@89: .nvd3 .x2 .nv-axis .nv-axisMaxMin text, paulo@89: .nvd3 .x3 .nv-axis .nv-axisMaxMin text { paulo@89: text-anchor: middle paulo@89: } paulo@89: paulo@89: .nvd3 .nv-axis.nv-disabled { paulo@89: opacity: 0; paulo@89: } paulo@89: paulo@89: .nvd3 .nv-bars rect { paulo@89: fill-opacity: .75; paulo@89: paulo@89: transition: fill-opacity 250ms linear; paulo@89: -moz-transition: fill-opacity 250ms linear; paulo@89: -webkit-transition: fill-opacity 250ms linear; paulo@89: } paulo@89: paulo@89: .nvd3 .nv-bars rect.hover { paulo@89: fill-opacity: 1; paulo@89: } paulo@89: paulo@89: .nvd3 .nv-bars .hover rect { paulo@89: fill: lightblue; paulo@89: } paulo@89: paulo@89: .nvd3 .nv-bars text { paulo@89: fill: rgba(0,0,0,0); paulo@89: } paulo@89: paulo@89: .nvd3 .nv-bars .hover text { paulo@89: fill: rgba(0,0,0,1); paulo@89: } paulo@89: paulo@89: .nvd3 .nv-multibar .nv-groups rect, paulo@89: .nvd3 .nv-multibarHorizontal .nv-groups rect, paulo@89: .nvd3 .nv-discretebar .nv-groups rect { paulo@89: stroke-opacity: 0; paulo@89: paulo@89: transition: fill-opacity 250ms linear; paulo@89: -moz-transition: fill-opacity 250ms linear; paulo@89: -webkit-transition: fill-opacity 250ms linear; paulo@89: } paulo@89: paulo@89: .nvd3 .nv-multibar .nv-groups rect:hover, paulo@89: .nvd3 .nv-multibarHorizontal .nv-groups rect:hover, paulo@89: .nvd3 .nv-candlestickBar .nv-ticks rect:hover, paulo@89: .nvd3 .nv-discretebar .nv-groups rect:hover { paulo@89: fill-opacity: 1; paulo@89: } paulo@89: paulo@89: .nvd3 .nv-discretebar .nv-groups text, paulo@89: .nvd3 .nv-multibarHorizontal .nv-groups text { paulo@89: font-weight: bold; paulo@89: fill: rgba(0,0,0,1); paulo@89: stroke: rgba(0,0,0,0); paulo@89: } paulo@89: paulo@89: /* boxplot CSS */ paulo@89: .nvd3 .nv-boxplot circle { paulo@89: fill-opacity: 0.5; paulo@89: } paulo@89: paulo@89: .nvd3 .nv-boxplot circle:hover { paulo@89: fill-opacity: 1; paulo@89: } paulo@89: paulo@89: .nvd3 .nv-boxplot rect:hover { paulo@89: fill-opacity: 1; paulo@89: } paulo@89: paulo@89: .nvd3 line.nv-boxplot-median { paulo@89: stroke: black; paulo@89: } paulo@89: paulo@89: .nv-boxplot-tick:hover { paulo@89: stroke-width: 2.5px; paulo@89: } paulo@89: /* bullet */ paulo@89: .nvd3.nv-bullet { font: 10px sans-serif; } paulo@89: .nvd3.nv-bullet .nv-measure { fill-opacity: .8; } paulo@89: .nvd3.nv-bullet .nv-measure:hover { fill-opacity: 1; } paulo@89: .nvd3.nv-bullet .nv-marker { stroke: #000; stroke-width: 2px; } paulo@89: .nvd3.nv-bullet .nv-markerTriangle { stroke: #000; fill: #fff; stroke-width: 1.5px; } paulo@89: .nvd3.nv-bullet .nv-tick line { stroke: #666; stroke-width: .5px; } paulo@89: .nvd3.nv-bullet .nv-range.nv-s0 { fill: #eee; } paulo@89: .nvd3.nv-bullet .nv-range.nv-s1 { fill: #ddd; } paulo@89: .nvd3.nv-bullet .nv-range.nv-s2 { fill: #ccc; } paulo@89: .nvd3.nv-bullet .nv-title { font-size: 14px; font-weight: bold; } paulo@89: .nvd3.nv-bullet .nv-subtitle { fill: #999; } paulo@89: paulo@89: paulo@89: .nvd3.nv-bullet .nv-range { paulo@89: fill: #bababa; paulo@89: fill-opacity: .4; paulo@89: } paulo@89: .nvd3.nv-bullet .nv-range:hover { paulo@89: fill-opacity: .7; paulo@89: } paulo@89: paulo@89: .nvd3.nv-candlestickBar .nv-ticks .nv-tick { paulo@89: stroke-width: 1px; paulo@89: } paulo@89: paulo@89: .nvd3.nv-candlestickBar .nv-ticks .nv-tick.hover { paulo@89: stroke-width: 2px; paulo@89: } paulo@89: paulo@89: .nvd3.nv-candlestickBar .nv-ticks .nv-tick.positive rect { paulo@89: stroke: #2ca02c; paulo@89: fill: #2ca02c; paulo@89: } paulo@89: paulo@89: .nvd3.nv-candlestickBar .nv-ticks .nv-tick.negative rect { paulo@89: stroke: #d62728; paulo@89: fill: #d62728; paulo@89: } paulo@89: paulo@89: .with-transitions .nv-candlestickBar .nv-ticks .nv-tick { paulo@89: transition: stroke-width 250ms linear, stroke-opacity 250ms linear; paulo@89: -moz-transition: stroke-width 250ms linear, stroke-opacity 250ms linear; paulo@89: -webkit-transition: stroke-width 250ms linear, stroke-opacity 250ms linear; paulo@89: paulo@89: } paulo@89: paulo@89: .nvd3.nv-candlestickBar .nv-ticks line { paulo@89: stroke: #333; paulo@89: } paulo@89: paulo@89: paulo@89: .nvd3 .nv-legend .nv-disabled rect { paulo@89: /*fill-opacity: 0;*/ paulo@89: } paulo@89: paulo@89: .nvd3 .nv-check-box .nv-box { paulo@89: fill-opacity:0; paulo@89: stroke-width:2; paulo@89: } paulo@89: paulo@89: .nvd3 .nv-check-box .nv-check { paulo@89: fill-opacity:0; paulo@89: stroke-width:4; paulo@89: } paulo@89: paulo@89: .nvd3 .nv-series.nv-disabled .nv-check-box .nv-check { paulo@89: fill-opacity:0; paulo@89: stroke-opacity:0; paulo@89: } paulo@89: paulo@89: .nvd3 .nv-controlsWrap .nv-legend .nv-check-box .nv-check { paulo@89: opacity: 0; paulo@89: } paulo@89: paulo@89: /* line plus bar */ paulo@89: .nvd3.nv-linePlusBar .nv-bar rect { paulo@89: fill-opacity: .75; paulo@89: } paulo@89: paulo@89: .nvd3.nv-linePlusBar .nv-bar rect:hover { paulo@89: fill-opacity: 1; paulo@89: } paulo@89: .nvd3 .nv-groups path.nv-line { paulo@89: fill: none; paulo@89: } paulo@89: paulo@89: .nvd3 .nv-groups path.nv-area { paulo@89: stroke: none; paulo@89: } paulo@89: paulo@89: .nvd3.nv-line .nvd3.nv-scatter .nv-groups .nv-point { paulo@89: fill-opacity: 0; paulo@89: stroke-opacity: 0; paulo@89: } paulo@89: paulo@89: .nvd3.nv-scatter.nv-single-point .nv-groups .nv-point { paulo@89: fill-opacity: .5 !important; paulo@89: stroke-opacity: .5 !important; paulo@89: } paulo@89: paulo@89: paulo@89: .with-transitions .nvd3 .nv-groups .nv-point { paulo@89: transition: stroke-width 250ms linear, stroke-opacity 250ms linear; paulo@89: -moz-transition: stroke-width 250ms linear, stroke-opacity 250ms linear; paulo@89: -webkit-transition: stroke-width 250ms linear, stroke-opacity 250ms linear; paulo@89: paulo@89: } paulo@89: paulo@89: .nvd3.nv-scatter .nv-groups .nv-point.hover, paulo@89: .nvd3 .nv-groups .nv-point.hover { paulo@89: stroke-width: 7px; paulo@89: fill-opacity: .95 !important; paulo@89: stroke-opacity: .95 !important; paulo@89: } paulo@89: paulo@89: paulo@89: .nvd3 .nv-point-paths path { paulo@89: stroke: #aaa; paulo@89: stroke-opacity: 0; paulo@89: fill: #eee; paulo@89: fill-opacity: 0; paulo@89: } paulo@89: paulo@89: paulo@89: paulo@89: .nvd3 .nv-indexLine { paulo@89: cursor: ew-resize; paulo@89: } paulo@89: paulo@89: /******************** paulo@89: * SVG CSS paulo@89: */ paulo@89: paulo@89: /******************** paulo@89: Default CSS for an svg element nvd3 used paulo@89: */ paulo@89: svg.nvd3-svg { paulo@89: -webkit-touch-callout: none; paulo@89: -webkit-user-select: none; paulo@89: -khtml-user-select: none; paulo@89: -ms-user-select: none; paulo@89: -moz-user-select: none; paulo@89: user-select: none; paulo@89: display: block; paulo@89: width:100%; paulo@89: height:100%; paulo@89: } paulo@89: paulo@89: /******************** paulo@89: Box shadow and border radius styling paulo@89: */ paulo@89: .nvtooltip.with-3d-shadow, .with-3d-shadow .nvtooltip { paulo@89: -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2); paulo@89: -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2); paulo@89: box-shadow: 0 5px 10px rgba(0,0,0,.2); paulo@89: paulo@89: -webkit-border-radius: 5px; paulo@89: -moz-border-radius: 5px; paulo@89: border-radius: 5px; paulo@89: } paulo@89: paulo@89: paulo@89: .nvd3 text { paulo@89: font: normal 12px Arial; paulo@89: } paulo@89: paulo@89: .nvd3 .title { paulo@89: font: bold 14px Arial; paulo@89: } paulo@89: paulo@89: .nvd3 .nv-background { paulo@89: fill: white; paulo@89: fill-opacity: 0; paulo@89: } paulo@89: paulo@89: .nvd3.nv-noData { paulo@89: font-size: 18px; paulo@89: font-weight: bold; paulo@89: } paulo@89: paulo@89: paulo@89: /********** paulo@89: * Brush paulo@89: */ paulo@89: paulo@89: .nv-brush .extent { paulo@89: fill-opacity: .125; paulo@89: shape-rendering: crispEdges; paulo@89: } paulo@89: paulo@89: .nv-brush .resize path { paulo@89: fill: #eee; paulo@89: stroke: #666; paulo@89: } paulo@89: paulo@89: paulo@89: /********** paulo@89: * Legend paulo@89: */ paulo@89: paulo@89: .nvd3 .nv-legend .nv-series { paulo@89: cursor: pointer; paulo@89: } paulo@89: paulo@89: .nvd3 .nv-legend .nv-disabled circle { paulo@89: fill-opacity: 0; paulo@89: } paulo@89: paulo@89: /* focus */ paulo@89: .nvd3 .nv-brush .extent { paulo@89: fill-opacity: 0 !important; paulo@89: } paulo@89: paulo@89: .nvd3 .nv-brushBackground rect { paulo@89: stroke: #000; paulo@89: stroke-width: .4; paulo@89: fill: #fff; paulo@89: fill-opacity: .7; paulo@89: } paulo@89: paulo@89: paulo@89: .nvd3.nv-ohlcBar .nv-ticks .nv-tick { paulo@89: stroke-width: 1px; paulo@89: } paulo@89: paulo@89: .nvd3.nv-ohlcBar .nv-ticks .nv-tick.hover { paulo@89: stroke-width: 2px; paulo@89: } paulo@89: paulo@89: .nvd3.nv-ohlcBar .nv-ticks .nv-tick.positive { paulo@89: stroke: #2ca02c; paulo@89: } paulo@89: paulo@89: .nvd3.nv-ohlcBar .nv-ticks .nv-tick.negative { paulo@89: stroke: #d62728; paulo@89: } paulo@89: paulo@89: paulo@89: .nvd3 .background path { paulo@89: fill: none; paulo@89: stroke: #EEE; paulo@89: stroke-opacity: .4; paulo@89: shape-rendering: crispEdges; paulo@89: } paulo@89: paulo@89: .nvd3 .foreground path { paulo@89: fill: none; paulo@89: stroke-opacity: .7; paulo@89: } paulo@89: paulo@89: .nvd3 .nv-parallelCoordinates-brush .extent paulo@89: { paulo@89: fill: #fff; paulo@89: fill-opacity: .6; paulo@89: stroke: gray; paulo@89: shape-rendering: crispEdges; paulo@89: } paulo@89: paulo@89: .nvd3 .nv-parallelCoordinates .hover { paulo@89: fill-opacity: 1; paulo@89: stroke-width: 3px; paulo@89: } paulo@89: paulo@89: paulo@89: .nvd3 .missingValuesline line { paulo@89: fill: none; paulo@89: stroke: black; paulo@89: stroke-width: 1; paulo@89: stroke-opacity: 1; paulo@89: stroke-dasharray: 5, 5; paulo@89: } paulo@89: .nvd3.nv-pie path { paulo@89: stroke-opacity: 0; paulo@89: transition: fill-opacity 250ms linear, stroke-width 250ms linear, stroke-opacity 250ms linear; paulo@89: -moz-transition: fill-opacity 250ms linear, stroke-width 250ms linear, stroke-opacity 250ms linear; paulo@89: -webkit-transition: fill-opacity 250ms linear, stroke-width 250ms linear, stroke-opacity 250ms linear; paulo@89: paulo@89: } paulo@89: paulo@89: .nvd3.nv-pie .nv-pie-title { paulo@89: font-size: 24px; paulo@89: fill: rgba(19, 196, 249, 0.59); paulo@89: } paulo@89: paulo@89: .nvd3.nv-pie .nv-slice text { paulo@89: stroke: #000; paulo@89: stroke-width: 0; paulo@89: } paulo@89: paulo@89: .nvd3.nv-pie path { paulo@89: stroke: #fff; paulo@89: stroke-width: 1px; paulo@89: stroke-opacity: 1; paulo@89: } paulo@89: paulo@89: .nvd3.nv-pie .hover path { paulo@89: fill-opacity: .7; paulo@89: } paulo@89: .nvd3.nv-pie .nv-label { paulo@89: pointer-events: none; paulo@89: } paulo@89: .nvd3.nv-pie .nv-label rect { paulo@89: fill-opacity: 0; paulo@89: stroke-opacity: 0; paulo@89: } paulo@89: paulo@89: /* scatter */ paulo@89: .nvd3 .nv-groups .nv-point.hover { paulo@89: stroke-width: 20px; paulo@89: stroke-opacity: .5; paulo@89: } paulo@89: paulo@89: .nvd3 .nv-scatter .nv-point.hover { paulo@89: fill-opacity: 1; paulo@89: } paulo@89: .nv-noninteractive { paulo@89: pointer-events: none; paulo@89: } paulo@89: paulo@89: .nv-distx, .nv-disty { paulo@89: pointer-events: none; paulo@89: } paulo@89: paulo@89: /* sparkline */ paulo@89: .nvd3.nv-sparkline path { paulo@89: fill: none; paulo@89: } paulo@89: paulo@89: .nvd3.nv-sparklineplus g.nv-hoverValue { paulo@89: pointer-events: none; paulo@89: } paulo@89: paulo@89: .nvd3.nv-sparklineplus .nv-hoverValue line { paulo@89: stroke: #333; paulo@89: stroke-width: 1.5px; paulo@89: } paulo@89: paulo@89: .nvd3.nv-sparklineplus, paulo@89: .nvd3.nv-sparklineplus g { paulo@89: pointer-events: all; paulo@89: } paulo@89: paulo@89: .nvd3 .nv-hoverArea { paulo@89: fill-opacity: 0; paulo@89: stroke-opacity: 0; paulo@89: } paulo@89: paulo@89: .nvd3.nv-sparklineplus .nv-xValue, paulo@89: .nvd3.nv-sparklineplus .nv-yValue { paulo@89: stroke-width: 0; paulo@89: font-size: .9em; paulo@89: font-weight: normal; paulo@89: } paulo@89: paulo@89: .nvd3.nv-sparklineplus .nv-yValue { paulo@89: stroke: #f66; paulo@89: } paulo@89: paulo@89: .nvd3.nv-sparklineplus .nv-maxValue { paulo@89: stroke: #2ca02c; paulo@89: fill: #2ca02c; paulo@89: } paulo@89: paulo@89: .nvd3.nv-sparklineplus .nv-minValue { paulo@89: stroke: #d62728; paulo@89: fill: #d62728; paulo@89: } paulo@89: paulo@89: .nvd3.nv-sparklineplus .nv-currentValue { paulo@89: font-weight: bold; paulo@89: font-size: 1.1em; paulo@89: } paulo@89: /* stacked area */ paulo@89: .nvd3.nv-stackedarea path.nv-area { paulo@89: fill-opacity: .7; paulo@89: stroke-opacity: 0; paulo@89: transition: fill-opacity 250ms linear, stroke-opacity 250ms linear; paulo@89: -moz-transition: fill-opacity 250ms linear, stroke-opacity 250ms linear; paulo@89: -webkit-transition: fill-opacity 250ms linear, stroke-opacity 250ms linear; paulo@89: } paulo@89: paulo@89: .nvd3.nv-stackedarea path.nv-area.hover { paulo@89: fill-opacity: .9; paulo@89: } paulo@89: paulo@89: paulo@89: .nvd3.nv-stackedarea .nv-groups .nv-point { paulo@89: stroke-opacity: 0; paulo@89: fill-opacity: 0; paulo@89: } paulo@89: paulo@89: paulo@89: .nvtooltip { paulo@89: position: absolute; paulo@89: background-color: rgba(255,255,255,1.0); paulo@89: color: rgba(0,0,0,1.0); paulo@89: padding: 1px; paulo@89: border: 1px solid rgba(0,0,0,.2); paulo@89: z-index: 10000; paulo@89: display: block; paulo@89: paulo@89: font-family: Arial; paulo@89: font-size: 13px; paulo@89: text-align: left; paulo@89: pointer-events: none; paulo@89: paulo@89: white-space: nowrap; paulo@89: paulo@89: -webkit-touch-callout: none; paulo@89: -webkit-user-select: none; paulo@89: -khtml-user-select: none; paulo@89: -moz-user-select: none; paulo@89: -ms-user-select: none; paulo@89: user-select: none; paulo@89: } paulo@89: paulo@89: .nvtooltip { paulo@89: background: rgba(255,255,255, 0.8); paulo@89: border: 1px solid rgba(0,0,0,0.5); paulo@89: border-radius: 4px; paulo@89: } paulo@89: paulo@89: /*Give tooltips that old fade in transition by paulo@89: putting a "with-transitions" class on the container div. paulo@89: */ paulo@89: .nvtooltip.with-transitions, .with-transitions .nvtooltip { paulo@89: transition: opacity 50ms linear; paulo@89: -moz-transition: opacity 50ms linear; paulo@89: -webkit-transition: opacity 50ms linear; paulo@89: paulo@89: transition-delay: 200ms; paulo@89: -moz-transition-delay: 200ms; paulo@89: -webkit-transition-delay: 200ms; paulo@89: } paulo@89: paulo@89: .nvtooltip.x-nvtooltip, paulo@89: .nvtooltip.y-nvtooltip { paulo@89: padding: 8px; paulo@89: } paulo@89: paulo@89: .nvtooltip h3 { paulo@89: margin: 0; paulo@89: padding: 4px 14px; paulo@89: line-height: 18px; paulo@89: font-weight: normal; paulo@89: background-color: rgba(247,247,247,0.75); paulo@89: color: rgba(0,0,0,1.0); paulo@89: text-align: center; paulo@89: paulo@89: border-bottom: 1px solid #ebebeb; paulo@89: paulo@89: -webkit-border-radius: 5px 5px 0 0; paulo@89: -moz-border-radius: 5px 5px 0 0; paulo@89: border-radius: 5px 5px 0 0; paulo@89: } paulo@89: paulo@89: .nvtooltip p { paulo@89: margin: 0; paulo@89: padding: 5px 14px; paulo@89: text-align: center; paulo@89: } paulo@89: paulo@89: .nvtooltip span { paulo@89: display: inline-block; paulo@89: margin: 2px 0; paulo@89: } paulo@89: paulo@89: .nvtooltip table { paulo@89: margin: 6px; paulo@89: border-spacing:0; paulo@89: } paulo@89: paulo@89: paulo@89: .nvtooltip table td { paulo@89: padding: 2px 9px 2px 0; paulo@89: vertical-align: middle; paulo@89: } paulo@89: paulo@89: .nvtooltip table td.key { paulo@89: font-weight:normal; paulo@89: } paulo@89: .nvtooltip table td.value { paulo@89: text-align: right; paulo@89: font-weight: bold; paulo@89: } paulo@89: paulo@89: .nvtooltip table tr.highlight td { paulo@89: padding: 1px 9px 1px 0; paulo@89: border-bottom-style: solid; paulo@89: border-bottom-width: 1px; paulo@89: border-top-style: solid; paulo@89: border-top-width: 1px; paulo@89: } paulo@89: paulo@89: .nvtooltip table td.legend-color-guide div { paulo@89: width: 8px; paulo@89: height: 8px; paulo@89: vertical-align: middle; paulo@89: } paulo@89: paulo@89: .nvtooltip table td.legend-color-guide div { paulo@89: width: 12px; paulo@89: height: 12px; paulo@89: border: 1px solid #999; paulo@89: } paulo@89: paulo@89: .nvtooltip .footer { paulo@89: padding: 3px; paulo@89: text-align: center; paulo@89: } paulo@89: paulo@89: .nvtooltip-pending-removal { paulo@89: pointer-events: none; paulo@89: display: none; paulo@89: } paulo@89: paulo@89: paulo@89: /**** paulo@89: Interactive Layer paulo@89: */ paulo@89: .nvd3 .nv-interactiveGuideLine { paulo@89: pointer-events:none; paulo@89: } paulo@89: .nvd3 line.nv-guideline { paulo@89: stroke: #ccc; paulo@89: }