Mercurial > hg > index.fcgi > www > www-1

annotate gtc/nv.d3.css @ 89:18f8c214169f

find changesets by author, revision, files, or words in the commit message
add gtc
author paulo
date Sun, 19 Feb 2017 19:45:31 -0800
parents
children
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 }