Dashboard sipadu mbip
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

nv.d3.css 12KB

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