rev |
line source |
paulo@89
|
1 /* nvd3 version 1.8.1 (https://github.com/novus/nvd3) 2015-06-15 */
|
paulo@89
|
2 .nvd3 .nv-axis {
|
paulo@89
|
3 pointer-events:none;
|
paulo@89
|
4 opacity: 1;
|
paulo@89
|
5 }
|
paulo@89
|
6
|
paulo@89
|
7 .nvd3 .nv-axis path {
|
paulo@89
|
8 fill: none;
|
paulo@89
|
9 stroke: #000;
|
paulo@89
|
10 stroke-opacity: .75;
|
paulo@89
|
11 shape-rendering: crispEdges;
|
paulo@89
|
12 }
|
paulo@89
|
13
|
paulo@89
|
14 .nvd3 .nv-axis path.domain {
|
paulo@89
|
15 stroke-opacity: .75;
|
paulo@89
|
16 }
|
paulo@89
|
17
|
paulo@89
|
18 .nvd3 .nv-axis.nv-x path.domain {
|
paulo@89
|
19 stroke-opacity: 0;
|
paulo@89
|
20 }
|
paulo@89
|
21
|
paulo@89
|
22 .nvd3 .nv-axis line {
|
paulo@89
|
23 fill: none;
|
paulo@89
|
24 stroke: #e5e5e5;
|
paulo@89
|
25 shape-rendering: crispEdges;
|
paulo@89
|
26 }
|
paulo@89
|
27
|
paulo@89
|
28 .nvd3 .nv-axis .zero line,
|
paulo@89
|
29 /*this selector may not be necessary*/ .nvd3 .nv-axis line.zero {
|
paulo@89
|
30 stroke-opacity: .75;
|
paulo@89
|
31 }
|
paulo@89
|
32
|
paulo@89
|
33 .nvd3 .nv-axis .nv-axisMaxMin text {
|
paulo@89
|
34 font-weight: bold;
|
paulo@89
|
35 }
|
paulo@89
|
36
|
paulo@89
|
37 .nvd3 .x .nv-axis .nv-axisMaxMin text,
|
paulo@89
|
38 .nvd3 .x2 .nv-axis .nv-axisMaxMin text,
|
paulo@89
|
39 .nvd3 .x3 .nv-axis .nv-axisMaxMin text {
|
paulo@89
|
40 text-anchor: middle
|
paulo@89
|
41 }
|
paulo@89
|
42
|
paulo@89
|
43 .nvd3 .nv-axis.nv-disabled {
|
paulo@89
|
44 opacity: 0;
|
paulo@89
|
45 }
|
paulo@89
|
46
|
paulo@89
|
47 .nvd3 .nv-bars rect {
|
paulo@89
|
48 fill-opacity: .75;
|
paulo@89
|
49
|
paulo@89
|
50 transition: fill-opacity 250ms linear;
|
paulo@89
|
51 -moz-transition: fill-opacity 250ms linear;
|
paulo@89
|
52 -webkit-transition: fill-opacity 250ms linear;
|
paulo@89
|
53 }
|
paulo@89
|
54
|
paulo@89
|
55 .nvd3 .nv-bars rect.hover {
|
paulo@89
|
56 fill-opacity: 1;
|
paulo@89
|
57 }
|
paulo@89
|
58
|
paulo@89
|
59 .nvd3 .nv-bars .hover rect {
|
paulo@89
|
60 fill: lightblue;
|
paulo@89
|
61 }
|
paulo@89
|
62
|
paulo@89
|
63 .nvd3 .nv-bars text {
|
paulo@89
|
64 fill: rgba(0,0,0,0);
|
paulo@89
|
65 }
|
paulo@89
|
66
|
paulo@89
|
67 .nvd3 .nv-bars .hover text {
|
paulo@89
|
68 fill: rgba(0,0,0,1);
|
paulo@89
|
69 }
|
paulo@89
|
70
|
paulo@89
|
71 .nvd3 .nv-multibar .nv-groups rect,
|
paulo@89
|
72 .nvd3 .nv-multibarHorizontal .nv-groups rect,
|
paulo@89
|
73 .nvd3 .nv-discretebar .nv-groups rect {
|
paulo@89
|
74 stroke-opacity: 0;
|
paulo@89
|
75
|
paulo@89
|
76 transition: fill-opacity 250ms linear;
|
paulo@89
|
77 -moz-transition: fill-opacity 250ms linear;
|
paulo@89
|
78 -webkit-transition: fill-opacity 250ms linear;
|
paulo@89
|
79 }
|
paulo@89
|
80
|
paulo@89
|
81 .nvd3 .nv-multibar .nv-groups rect:hover,
|
paulo@89
|
82 .nvd3 .nv-multibarHorizontal .nv-groups rect:hover,
|
paulo@89
|
83 .nvd3 .nv-candlestickBar .nv-ticks rect:hover,
|
paulo@89
|
84 .nvd3 .nv-discretebar .nv-groups rect:hover {
|
paulo@89
|
85 fill-opacity: 1;
|
paulo@89
|
86 }
|
paulo@89
|
87
|
paulo@89
|
88 .nvd3 .nv-discretebar .nv-groups text,
|
paulo@89
|
89 .nvd3 .nv-multibarHorizontal .nv-groups text {
|
paulo@89
|
90 font-weight: bold;
|
paulo@89
|
91 fill: rgba(0,0,0,1);
|
paulo@89
|
92 stroke: rgba(0,0,0,0);
|
paulo@89
|
93 }
|
paulo@89
|
94
|
paulo@89
|
95 /* boxplot CSS */
|
paulo@89
|
96 .nvd3 .nv-boxplot circle {
|
paulo@89
|
97 fill-opacity: 0.5;
|
paulo@89
|
98 }
|
paulo@89
|
99
|
paulo@89
|
100 .nvd3 .nv-boxplot circle:hover {
|
paulo@89
|
101 fill-opacity: 1;
|
paulo@89
|
102 }
|
paulo@89
|
103
|
paulo@89
|
104 .nvd3 .nv-boxplot rect:hover {
|
paulo@89
|
105 fill-opacity: 1;
|
paulo@89
|
106 }
|
paulo@89
|
107
|
paulo@89
|
108 .nvd3 line.nv-boxplot-median {
|
paulo@89
|
109 stroke: black;
|
paulo@89
|
110 }
|
paulo@89
|
111
|
paulo@89
|
112 .nv-boxplot-tick:hover {
|
paulo@89
|
113 stroke-width: 2.5px;
|
paulo@89
|
114 }
|
paulo@89
|
115 /* bullet */
|
paulo@89
|
116 .nvd3.nv-bullet { font: 10px sans-serif; }
|
paulo@89
|
117 .nvd3.nv-bullet .nv-measure { fill-opacity: .8; }
|
paulo@89
|
118 .nvd3.nv-bullet .nv-measure:hover { fill-opacity: 1; }
|
paulo@89
|
119 .nvd3.nv-bullet .nv-marker { stroke: #000; stroke-width: 2px; }
|
paulo@89
|
120 .nvd3.nv-bullet .nv-markerTriangle { stroke: #000; fill: #fff; stroke-width: 1.5px; }
|
paulo@89
|
121 .nvd3.nv-bullet .nv-tick line { stroke: #666; stroke-width: .5px; }
|
paulo@89
|
122 .nvd3.nv-bullet .nv-range.nv-s0 { fill: #eee; }
|
paulo@89
|
123 .nvd3.nv-bullet .nv-range.nv-s1 { fill: #ddd; }
|
paulo@89
|
124 .nvd3.nv-bullet .nv-range.nv-s2 { fill: #ccc; }
|
paulo@89
|
125 .nvd3.nv-bullet .nv-title { font-size: 14px; font-weight: bold; }
|
paulo@89
|
126 .nvd3.nv-bullet .nv-subtitle { fill: #999; }
|
paulo@89
|
127
|
paulo@89
|
128
|
paulo@89
|
129 .nvd3.nv-bullet .nv-range {
|
paulo@89
|
130 fill: #bababa;
|
paulo@89
|
131 fill-opacity: .4;
|
paulo@89
|
132 }
|
paulo@89
|
133 .nvd3.nv-bullet .nv-range:hover {
|
paulo@89
|
134 fill-opacity: .7;
|
paulo@89
|
135 }
|
paulo@89
|
136
|
paulo@89
|
137 .nvd3.nv-candlestickBar .nv-ticks .nv-tick {
|
paulo@89
|
138 stroke-width: 1px;
|
paulo@89
|
139 }
|
paulo@89
|
140
|
paulo@89
|
141 .nvd3.nv-candlestickBar .nv-ticks .nv-tick.hover {
|
paulo@89
|
142 stroke-width: 2px;
|
paulo@89
|
143 }
|
paulo@89
|
144
|
paulo@89
|
145 .nvd3.nv-candlestickBar .nv-ticks .nv-tick.positive rect {
|
paulo@89
|
146 stroke: #2ca02c;
|
paulo@89
|
147 fill: #2ca02c;
|
paulo@89
|
148 }
|
paulo@89
|
149
|
paulo@89
|
150 .nvd3.nv-candlestickBar .nv-ticks .nv-tick.negative rect {
|
paulo@89
|
151 stroke: #d62728;
|
paulo@89
|
152 fill: #d62728;
|
paulo@89
|
153 }
|
paulo@89
|
154
|
paulo@89
|
155 .with-transitions .nv-candlestickBar .nv-ticks .nv-tick {
|
paulo@89
|
156 transition: stroke-width 250ms linear, stroke-opacity 250ms linear;
|
paulo@89
|
157 -moz-transition: stroke-width 250ms linear, stroke-opacity 250ms linear;
|
paulo@89
|
158 -webkit-transition: stroke-width 250ms linear, stroke-opacity 250ms linear;
|
paulo@89
|
159
|
paulo@89
|
160 }
|
paulo@89
|
161
|
paulo@89
|
162 .nvd3.nv-candlestickBar .nv-ticks line {
|
paulo@89
|
163 stroke: #333;
|
paulo@89
|
164 }
|
paulo@89
|
165
|
paulo@89
|
166
|
paulo@89
|
167 .nvd3 .nv-legend .nv-disabled rect {
|
paulo@89
|
168 /*fill-opacity: 0;*/
|
paulo@89
|
169 }
|
paulo@89
|
170
|
paulo@89
|
171 .nvd3 .nv-check-box .nv-box {
|
paulo@89
|
172 fill-opacity:0;
|
paulo@89
|
173 stroke-width:2;
|
paulo@89
|
174 }
|
paulo@89
|
175
|
paulo@89
|
176 .nvd3 .nv-check-box .nv-check {
|
paulo@89
|
177 fill-opacity:0;
|
paulo@89
|
178 stroke-width:4;
|
paulo@89
|
179 }
|
paulo@89
|
180
|
paulo@89
|
181 .nvd3 .nv-series.nv-disabled .nv-check-box .nv-check {
|
paulo@89
|
182 fill-opacity:0;
|
paulo@89
|
183 stroke-opacity:0;
|
paulo@89
|
184 }
|
paulo@89
|
185
|
paulo@89
|
186 .nvd3 .nv-controlsWrap .nv-legend .nv-check-box .nv-check {
|
paulo@89
|
187 opacity: 0;
|
paulo@89
|
188 }
|
paulo@89
|
189
|
paulo@89
|
190 /* line plus bar */
|
paulo@89
|
191 .nvd3.nv-linePlusBar .nv-bar rect {
|
paulo@89
|
192 fill-opacity: .75;
|
paulo@89
|
193 }
|
paulo@89
|
194
|
paulo@89
|
195 .nvd3.nv-linePlusBar .nv-bar rect:hover {
|
paulo@89
|
196 fill-opacity: 1;
|
paulo@89
|
197 }
|
paulo@89
|
198 .nvd3 .nv-groups path.nv-line {
|
paulo@89
|
199 fill: none;
|
paulo@89
|
200 }
|
paulo@89
|
201
|
paulo@89
|
202 .nvd3 .nv-groups path.nv-area {
|
paulo@89
|
203 stroke: none;
|
paulo@89
|
204 }
|
paulo@89
|
205
|
paulo@89
|
206 .nvd3.nv-line .nvd3.nv-scatter .nv-groups .nv-point {
|
paulo@89
|
207 fill-opacity: 0;
|
paulo@89
|
208 stroke-opacity: 0;
|
paulo@89
|
209 }
|
paulo@89
|
210
|
paulo@89
|
211 .nvd3.nv-scatter.nv-single-point .nv-groups .nv-point {
|
paulo@89
|
212 fill-opacity: .5 !important;
|
paulo@89
|
213 stroke-opacity: .5 !important;
|
paulo@89
|
214 }
|
paulo@89
|
215
|
paulo@89
|
216
|
paulo@89
|
217 .with-transitions .nvd3 .nv-groups .nv-point {
|
paulo@89
|
218 transition: stroke-width 250ms linear, stroke-opacity 250ms linear;
|
paulo@89
|
219 -moz-transition: stroke-width 250ms linear, stroke-opacity 250ms linear;
|
paulo@89
|
220 -webkit-transition: stroke-width 250ms linear, stroke-opacity 250ms linear;
|
paulo@89
|
221
|
paulo@89
|
222 }
|
paulo@89
|
223
|
paulo@89
|
224 .nvd3.nv-scatter .nv-groups .nv-point.hover,
|
paulo@89
|
225 .nvd3 .nv-groups .nv-point.hover {
|
paulo@89
|
226 stroke-width: 7px;
|
paulo@89
|
227 fill-opacity: .95 !important;
|
paulo@89
|
228 stroke-opacity: .95 !important;
|
paulo@89
|
229 }
|
paulo@89
|
230
|
paulo@89
|
231
|
paulo@89
|
232 .nvd3 .nv-point-paths path {
|
paulo@89
|
233 stroke: #aaa;
|
paulo@89
|
234 stroke-opacity: 0;
|
paulo@89
|
235 fill: #eee;
|
paulo@89
|
236 fill-opacity: 0;
|
paulo@89
|
237 }
|
paulo@89
|
238
|
paulo@89
|
239
|
paulo@89
|
240
|
paulo@89
|
241 .nvd3 .nv-indexLine {
|
paulo@89
|
242 cursor: ew-resize;
|
paulo@89
|
243 }
|
paulo@89
|
244
|
paulo@89
|
245 /********************
|
paulo@89
|
246 * SVG CSS
|
paulo@89
|
247 */
|
paulo@89
|
248
|
paulo@89
|
249 /********************
|
paulo@89
|
250 Default CSS for an svg element nvd3 used
|
paulo@89
|
251 */
|
paulo@89
|
252 svg.nvd3-svg {
|
paulo@89
|
253 -webkit-touch-callout: none;
|
paulo@89
|
254 -webkit-user-select: none;
|
paulo@89
|
255 -khtml-user-select: none;
|
paulo@89
|
256 -ms-user-select: none;
|
paulo@89
|
257 -moz-user-select: none;
|
paulo@89
|
258 user-select: none;
|
paulo@89
|
259 display: block;
|
paulo@89
|
260 width:100%;
|
paulo@89
|
261 height:100%;
|
paulo@89
|
262 }
|
paulo@89
|
263
|
paulo@89
|
264 /********************
|
paulo@89
|
265 Box shadow and border radius styling
|
paulo@89
|
266 */
|
paulo@89
|
267 .nvtooltip.with-3d-shadow, .with-3d-shadow .nvtooltip {
|
paulo@89
|
268 -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
|
paulo@89
|
269 -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
|
paulo@89
|
270 box-shadow: 0 5px 10px rgba(0,0,0,.2);
|
paulo@89
|
271
|
paulo@89
|
272 -webkit-border-radius: 5px;
|
paulo@89
|
273 -moz-border-radius: 5px;
|
paulo@89
|
274 border-radius: 5px;
|
paulo@89
|
275 }
|
paulo@89
|
276
|
paulo@89
|
277
|
paulo@89
|
278 .nvd3 text {
|
paulo@89
|
279 font: normal 12px Arial;
|
paulo@89
|
280 }
|
paulo@89
|
281
|
paulo@89
|
282 .nvd3 .title {
|
paulo@89
|
283 font: bold 14px Arial;
|
paulo@89
|
284 }
|
paulo@89
|
285
|
paulo@89
|
286 .nvd3 .nv-background {
|
paulo@89
|
287 fill: white;
|
paulo@89
|
288 fill-opacity: 0;
|
paulo@89
|
289 }
|
paulo@89
|
290
|
paulo@89
|
291 .nvd3.nv-noData {
|
paulo@89
|
292 font-size: 18px;
|
paulo@89
|
293 font-weight: bold;
|
paulo@89
|
294 }
|
paulo@89
|
295
|
paulo@89
|
296
|
paulo@89
|
297 /**********
|
paulo@89
|
298 * Brush
|
paulo@89
|
299 */
|
paulo@89
|
300
|
paulo@89
|
301 .nv-brush .extent {
|
paulo@89
|
302 fill-opacity: .125;
|
paulo@89
|
303 shape-rendering: crispEdges;
|
paulo@89
|
304 }
|
paulo@89
|
305
|
paulo@89
|
306 .nv-brush .resize path {
|
paulo@89
|
307 fill: #eee;
|
paulo@89
|
308 stroke: #666;
|
paulo@89
|
309 }
|
paulo@89
|
310
|
paulo@89
|
311
|
paulo@89
|
312 /**********
|
paulo@89
|
313 * Legend
|
paulo@89
|
314 */
|
paulo@89
|
315
|
paulo@89
|
316 .nvd3 .nv-legend .nv-series {
|
paulo@89
|
317 cursor: pointer;
|
paulo@89
|
318 }
|
paulo@89
|
319
|
paulo@89
|
320 .nvd3 .nv-legend .nv-disabled circle {
|
paulo@89
|
321 fill-opacity: 0;
|
paulo@89
|
322 }
|
paulo@89
|
323
|
paulo@89
|
324 /* focus */
|
paulo@89
|
325 .nvd3 .nv-brush .extent {
|
paulo@89
|
326 fill-opacity: 0 !important;
|
paulo@89
|
327 }
|
paulo@89
|
328
|
paulo@89
|
329 .nvd3 .nv-brushBackground rect {
|
paulo@89
|
330 stroke: #000;
|
paulo@89
|
331 stroke-width: .4;
|
paulo@89
|
332 fill: #fff;
|
paulo@89
|
333 fill-opacity: .7;
|
paulo@89
|
334 }
|
paulo@89
|
335
|
paulo@89
|
336
|
paulo@89
|
337 .nvd3.nv-ohlcBar .nv-ticks .nv-tick {
|
paulo@89
|
338 stroke-width: 1px;
|
paulo@89
|
339 }
|
paulo@89
|
340
|
paulo@89
|
341 .nvd3.nv-ohlcBar .nv-ticks .nv-tick.hover {
|
paulo@89
|
342 stroke-width: 2px;
|
paulo@89
|
343 }
|
paulo@89
|
344
|
paulo@89
|
345 .nvd3.nv-ohlcBar .nv-ticks .nv-tick.positive {
|
paulo@89
|
346 stroke: #2ca02c;
|
paulo@89
|
347 }
|
paulo@89
|
348
|
paulo@89
|
349 .nvd3.nv-ohlcBar .nv-ticks .nv-tick.negative {
|
paulo@89
|
350 stroke: #d62728;
|
paulo@89
|
351 }
|
paulo@89
|
352
|
paulo@89
|
353
|
paulo@89
|
354 .nvd3 .background path {
|
paulo@89
|
355 fill: none;
|
paulo@89
|
356 stroke: #EEE;
|
paulo@89
|
357 stroke-opacity: .4;
|
paulo@89
|
358 shape-rendering: crispEdges;
|
paulo@89
|
359 }
|
paulo@89
|
360
|
paulo@89
|
361 .nvd3 .foreground path {
|
paulo@89
|
362 fill: none;
|
paulo@89
|
363 stroke-opacity: .7;
|
paulo@89
|
364 }
|
paulo@89
|
365
|
paulo@89
|
366 .nvd3 .nv-parallelCoordinates-brush .extent
|
paulo@89
|
367 {
|
paulo@89
|
368 fill: #fff;
|
paulo@89
|
369 fill-opacity: .6;
|
paulo@89
|
370 stroke: gray;
|
paulo@89
|
371 shape-rendering: crispEdges;
|
paulo@89
|
372 }
|
paulo@89
|
373
|
paulo@89
|
374 .nvd3 .nv-parallelCoordinates .hover {
|
paulo@89
|
375 fill-opacity: 1;
|
paulo@89
|
376 stroke-width: 3px;
|
paulo@89
|
377 }
|
paulo@89
|
378
|
paulo@89
|
379
|
paulo@89
|
380 .nvd3 .missingValuesline line {
|
paulo@89
|
381 fill: none;
|
paulo@89
|
382 stroke: black;
|
paulo@89
|
383 stroke-width: 1;
|
paulo@89
|
384 stroke-opacity: 1;
|
paulo@89
|
385 stroke-dasharray: 5, 5;
|
paulo@89
|
386 }
|
paulo@89
|
387 .nvd3.nv-pie path {
|
paulo@89
|
388 stroke-opacity: 0;
|
paulo@89
|
389 transition: fill-opacity 250ms linear, stroke-width 250ms linear, stroke-opacity 250ms linear;
|
paulo@89
|
390 -moz-transition: fill-opacity 250ms linear, stroke-width 250ms linear, stroke-opacity 250ms linear;
|
paulo@89
|
391 -webkit-transition: fill-opacity 250ms linear, stroke-width 250ms linear, stroke-opacity 250ms linear;
|
paulo@89
|
392
|
paulo@89
|
393 }
|
paulo@89
|
394
|
paulo@89
|
395 .nvd3.nv-pie .nv-pie-title {
|
paulo@89
|
396 font-size: 24px;
|
paulo@89
|
397 fill: rgba(19, 196, 249, 0.59);
|
paulo@89
|
398 }
|
paulo@89
|
399
|
paulo@89
|
400 .nvd3.nv-pie .nv-slice text {
|
paulo@89
|
401 stroke: #000;
|
paulo@89
|
402 stroke-width: 0;
|
paulo@89
|
403 }
|
paulo@89
|
404
|
paulo@89
|
405 .nvd3.nv-pie path {
|
paulo@89
|
406 stroke: #fff;
|
paulo@89
|
407 stroke-width: 1px;
|
paulo@89
|
408 stroke-opacity: 1;
|
paulo@89
|
409 }
|
paulo@89
|
410
|
paulo@89
|
411 .nvd3.nv-pie .hover path {
|
paulo@89
|
412 fill-opacity: .7;
|
paulo@89
|
413 }
|
paulo@89
|
414 .nvd3.nv-pie .nv-label {
|
paulo@89
|
415 pointer-events: none;
|
paulo@89
|
416 }
|
paulo@89
|
417 .nvd3.nv-pie .nv-label rect {
|
paulo@89
|
418 fill-opacity: 0;
|
paulo@89
|
419 stroke-opacity: 0;
|
paulo@89
|
420 }
|
paulo@89
|
421
|
paulo@89
|
422 /* scatter */
|
paulo@89
|
423 .nvd3 .nv-groups .nv-point.hover {
|
paulo@89
|
424 stroke-width: 20px;
|
paulo@89
|
425 stroke-opacity: .5;
|
paulo@89
|
426 }
|
paulo@89
|
427
|
paulo@89
|
428 .nvd3 .nv-scatter .nv-point.hover {
|
paulo@89
|
429 fill-opacity: 1;
|
paulo@89
|
430 }
|
paulo@89
|
431 .nv-noninteractive {
|
paulo@89
|
432 pointer-events: none;
|
paulo@89
|
433 }
|
paulo@89
|
434
|
paulo@89
|
435 .nv-distx, .nv-disty {
|
paulo@89
|
436 pointer-events: none;
|
paulo@89
|
437 }
|
paulo@89
|
438
|
paulo@89
|
439 /* sparkline */
|
paulo@89
|
440 .nvd3.nv-sparkline path {
|
paulo@89
|
441 fill: none;
|
paulo@89
|
442 }
|
paulo@89
|
443
|
paulo@89
|
444 .nvd3.nv-sparklineplus g.nv-hoverValue {
|
paulo@89
|
445 pointer-events: none;
|
paulo@89
|
446 }
|
paulo@89
|
447
|
paulo@89
|
448 .nvd3.nv-sparklineplus .nv-hoverValue line {
|
paulo@89
|
449 stroke: #333;
|
paulo@89
|
450 stroke-width: 1.5px;
|
paulo@89
|
451 }
|
paulo@89
|
452
|
paulo@89
|
453 .nvd3.nv-sparklineplus,
|
paulo@89
|
454 .nvd3.nv-sparklineplus g {
|
paulo@89
|
455 pointer-events: all;
|
paulo@89
|
456 }
|
paulo@89
|
457
|
paulo@89
|
458 .nvd3 .nv-hoverArea {
|
paulo@89
|
459 fill-opacity: 0;
|
paulo@89
|
460 stroke-opacity: 0;
|
paulo@89
|
461 }
|
paulo@89
|
462
|
paulo@89
|
463 .nvd3.nv-sparklineplus .nv-xValue,
|
paulo@89
|
464 .nvd3.nv-sparklineplus .nv-yValue {
|
paulo@89
|
465 stroke-width: 0;
|
paulo@89
|
466 font-size: .9em;
|
paulo@89
|
467 font-weight: normal;
|
paulo@89
|
468 }
|
paulo@89
|
469
|
paulo@89
|
470 .nvd3.nv-sparklineplus .nv-yValue {
|
paulo@89
|
471 stroke: #f66;
|
paulo@89
|
472 }
|
paulo@89
|
473
|
paulo@89
|
474 .nvd3.nv-sparklineplus .nv-maxValue {
|
paulo@89
|
475 stroke: #2ca02c;
|
paulo@89
|
476 fill: #2ca02c;
|
paulo@89
|
477 }
|
paulo@89
|
478
|
paulo@89
|
479 .nvd3.nv-sparklineplus .nv-minValue {
|
paulo@89
|
480 stroke: #d62728;
|
paulo@89
|
481 fill: #d62728;
|
paulo@89
|
482 }
|
paulo@89
|
483
|
paulo@89
|
484 .nvd3.nv-sparklineplus .nv-currentValue {
|
paulo@89
|
485 font-weight: bold;
|
paulo@89
|
486 font-size: 1.1em;
|
paulo@89
|
487 }
|
paulo@89
|
488 /* stacked area */
|
paulo@89
|
489 .nvd3.nv-stackedarea path.nv-area {
|
paulo@89
|
490 fill-opacity: .7;
|
paulo@89
|
491 stroke-opacity: 0;
|
paulo@89
|
492 transition: fill-opacity 250ms linear, stroke-opacity 250ms linear;
|
paulo@89
|
493 -moz-transition: fill-opacity 250ms linear, stroke-opacity 250ms linear;
|
paulo@89
|
494 -webkit-transition: fill-opacity 250ms linear, stroke-opacity 250ms linear;
|
paulo@89
|
495 }
|
paulo@89
|
496
|
paulo@89
|
497 .nvd3.nv-stackedarea path.nv-area.hover {
|
paulo@89
|
498 fill-opacity: .9;
|
paulo@89
|
499 }
|
paulo@89
|
500
|
paulo@89
|
501
|
paulo@89
|
502 .nvd3.nv-stackedarea .nv-groups .nv-point {
|
paulo@89
|
503 stroke-opacity: 0;
|
paulo@89
|
504 fill-opacity: 0;
|
paulo@89
|
505 }
|
paulo@89
|
506
|
paulo@89
|
507
|
paulo@89
|
508 .nvtooltip {
|
paulo@89
|
509 position: absolute;
|
paulo@89
|
510 background-color: rgba(255,255,255,1.0);
|
paulo@89
|
511 color: rgba(0,0,0,1.0);
|
paulo@89
|
512 padding: 1px;
|
paulo@89
|
513 border: 1px solid rgba(0,0,0,.2);
|
paulo@89
|
514 z-index: 10000;
|
paulo@89
|
515 display: block;
|
paulo@89
|
516
|
paulo@89
|
517 font-family: Arial;
|
paulo@89
|
518 font-size: 13px;
|
paulo@89
|
519 text-align: left;
|
paulo@89
|
520 pointer-events: none;
|
paulo@89
|
521
|
paulo@89
|
522 white-space: nowrap;
|
paulo@89
|
523
|
paulo@89
|
524 -webkit-touch-callout: none;
|
paulo@89
|
525 -webkit-user-select: none;
|
paulo@89
|
526 -khtml-user-select: none;
|
paulo@89
|
527 -moz-user-select: none;
|
paulo@89
|
528 -ms-user-select: none;
|
paulo@89
|
529 user-select: none;
|
paulo@89
|
530 }
|
paulo@89
|
531
|
paulo@89
|
532 .nvtooltip {
|
paulo@89
|
533 background: rgba(255,255,255, 0.8);
|
paulo@89
|
534 border: 1px solid rgba(0,0,0,0.5);
|
paulo@89
|
535 border-radius: 4px;
|
paulo@89
|
536 }
|
paulo@89
|
537
|
paulo@89
|
538 /*Give tooltips that old fade in transition by
|
paulo@89
|
539 putting a "with-transitions" class on the container div.
|
paulo@89
|
540 */
|
paulo@89
|
541 .nvtooltip.with-transitions, .with-transitions .nvtooltip {
|
paulo@89
|
542 transition: opacity 50ms linear;
|
paulo@89
|
543 -moz-transition: opacity 50ms linear;
|
paulo@89
|
544 -webkit-transition: opacity 50ms linear;
|
paulo@89
|
545
|
paulo@89
|
546 transition-delay: 200ms;
|
paulo@89
|
547 -moz-transition-delay: 200ms;
|
paulo@89
|
548 -webkit-transition-delay: 200ms;
|
paulo@89
|
549 }
|
paulo@89
|
550
|
paulo@89
|
551 .nvtooltip.x-nvtooltip,
|
paulo@89
|
552 .nvtooltip.y-nvtooltip {
|
paulo@89
|
553 padding: 8px;
|
paulo@89
|
554 }
|
paulo@89
|
555
|
paulo@89
|
556 .nvtooltip h3 {
|
paulo@89
|
557 margin: 0;
|
paulo@89
|
558 padding: 4px 14px;
|
paulo@89
|
559 line-height: 18px;
|
paulo@89
|
560 font-weight: normal;
|
paulo@89
|
561 background-color: rgba(247,247,247,0.75);
|
paulo@89
|
562 color: rgba(0,0,0,1.0);
|
paulo@89
|
563 text-align: center;
|
paulo@89
|
564
|
paulo@89
|
565 border-bottom: 1px solid #ebebeb;
|
paulo@89
|
566
|
paulo@89
|
567 -webkit-border-radius: 5px 5px 0 0;
|
paulo@89
|
568 -moz-border-radius: 5px 5px 0 0;
|
paulo@89
|
569 border-radius: 5px 5px 0 0;
|
paulo@89
|
570 }
|
paulo@89
|
571
|
paulo@89
|
572 .nvtooltip p {
|
paulo@89
|
573 margin: 0;
|
paulo@89
|
574 padding: 5px 14px;
|
paulo@89
|
575 text-align: center;
|
paulo@89
|
576 }
|
paulo@89
|
577
|
paulo@89
|
578 .nvtooltip span {
|
paulo@89
|
579 display: inline-block;
|
paulo@89
|
580 margin: 2px 0;
|
paulo@89
|
581 }
|
paulo@89
|
582
|
paulo@89
|
583 .nvtooltip table {
|
paulo@89
|
584 margin: 6px;
|
paulo@89
|
585 border-spacing:0;
|
paulo@89
|
586 }
|
paulo@89
|
587
|
paulo@89
|
588
|
paulo@89
|
589 .nvtooltip table td {
|
paulo@89
|
590 padding: 2px 9px 2px 0;
|
paulo@89
|
591 vertical-align: middle;
|
paulo@89
|
592 }
|
paulo@89
|
593
|
paulo@89
|
594 .nvtooltip table td.key {
|
paulo@89
|
595 font-weight:normal;
|
paulo@89
|
596 }
|
paulo@89
|
597 .nvtooltip table td.value {
|
paulo@89
|
598 text-align: right;
|
paulo@89
|
599 font-weight: bold;
|
paulo@89
|
600 }
|
paulo@89
|
601
|
paulo@89
|
602 .nvtooltip table tr.highlight td {
|
paulo@89
|
603 padding: 1px 9px 1px 0;
|
paulo@89
|
604 border-bottom-style: solid;
|
paulo@89
|
605 border-bottom-width: 1px;
|
paulo@89
|
606 border-top-style: solid;
|
paulo@89
|
607 border-top-width: 1px;
|
paulo@89
|
608 }
|
paulo@89
|
609
|
paulo@89
|
610 .nvtooltip table td.legend-color-guide div {
|
paulo@89
|
611 width: 8px;
|
paulo@89
|
612 height: 8px;
|
paulo@89
|
613 vertical-align: middle;
|
paulo@89
|
614 }
|
paulo@89
|
615
|
paulo@89
|
616 .nvtooltip table td.legend-color-guide div {
|
paulo@89
|
617 width: 12px;
|
paulo@89
|
618 height: 12px;
|
paulo@89
|
619 border: 1px solid #999;
|
paulo@89
|
620 }
|
paulo@89
|
621
|
paulo@89
|
622 .nvtooltip .footer {
|
paulo@89
|
623 padding: 3px;
|
paulo@89
|
624 text-align: center;
|
paulo@89
|
625 }
|
paulo@89
|
626
|
paulo@89
|
627 .nvtooltip-pending-removal {
|
paulo@89
|
628 pointer-events: none;
|
paulo@89
|
629 display: none;
|
paulo@89
|
630 }
|
paulo@89
|
631
|
paulo@89
|
632
|
paulo@89
|
633 /****
|
paulo@89
|
634 Interactive Layer
|
paulo@89
|
635 */
|
paulo@89
|
636 .nvd3 .nv-interactiveGuideLine {
|
paulo@89
|
637 pointer-events:none;
|
paulo@89
|
638 }
|
paulo@89
|
639 .nvd3 line.nv-guideline {
|
paulo@89
|
640 stroke: #ccc;
|
paulo@89
|
641 } |