sand-signika.css 14 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865
  1. @import 'https://fonts.googleapis.com/css?family=Signika:400,700';
  2. .highcharts-container {
  3. background: url(http://www.highcharts.com/samples/graphics/sand.png);
  4. }
  5. .highcharts-boxplot-box {
  6. fill: #505053;
  7. }
  8. .highcharts-navigator-xaxis .highcharts-grid-line {
  9. stroke: #D0D0D8;
  10. }
  11. .highcharts-scrollbar-track {
  12. stroke: #C0C0C8;
  13. }
  14. .highcharts-title {
  15. font-weight: bold;
  16. }
  17. .highcharts-button-box {
  18. stroke-width: 1px;
  19. }
  20. /**
  21. * @license Highcharts
  22. *
  23. * (c) 2009-2016 Torstein Honsi
  24. *
  25. * License: www.highcharts.com/license
  26. */
  27. .highcharts-container {
  28. position: relative;
  29. overflow: hidden;
  30. width: 100%;
  31. height: 100%;
  32. text-align: left;
  33. line-height: normal;
  34. z-index: 0;
  35. /* #1072 */
  36. -webkit-tap-highlight-color: transparent;
  37. font-family: "Signika", Arial, Helvetica, sans-serif;
  38. font-size: 12px;
  39. }
  40. .highcharts-root {
  41. display: block;
  42. }
  43. .highcharts-root text {
  44. stroke-width: 0;
  45. }
  46. .highcharts-strong {
  47. font-weight: bold;
  48. }
  49. .highcharts-emphasized {
  50. font-style: italic;
  51. }
  52. .highcharts-anchor {
  53. cursor: pointer;
  54. }
  55. .highcharts-background {
  56. fill: none;
  57. }
  58. .highcharts-plot-border, .highcharts-plot-background {
  59. fill: none;
  60. }
  61. .highcharts-label-box {
  62. fill: none;
  63. }
  64. .highcharts-button-box {
  65. fill: inherit;
  66. }
  67. /* Titles */
  68. .highcharts-title {
  69. fill: #000;
  70. font-size: 16px;
  71. }
  72. .highcharts-subtitle {
  73. fill: #666666;
  74. }
  75. /* Axes */
  76. .highcharts-axis-line {
  77. fill: none;
  78. stroke: #ccd6eb;
  79. }
  80. .highcharts-yaxis .highcharts-axis-line {
  81. stroke-width: 0;
  82. }
  83. .highcharts-axis-title {
  84. fill: #666666;
  85. }
  86. .highcharts-axis-labels {
  87. fill: #666666;
  88. cursor: default;
  89. font-size: 12px;
  90. }
  91. .highcharts-grid-line {
  92. fill: none;
  93. stroke: #e6e6e6;
  94. }
  95. .highcharts-xaxis-grid .highcharts-grid-line {
  96. stroke-width: 0px;
  97. }
  98. .highcharts-tick {
  99. stroke: #ccd6eb;
  100. }
  101. .highcharts-yaxis .highcharts-tick {
  102. stroke-width: 0;
  103. }
  104. .highcharts-minor-grid-line {
  105. stroke: #f2f2f2;
  106. }
  107. .highcharts-crosshair-thin {
  108. stroke-width: 1px;
  109. stroke: #cccccc;
  110. }
  111. .highcharts-crosshair-category {
  112. stroke: #ccd6eb;
  113. stroke-opacity: 0.25;
  114. }
  115. /* Credits */
  116. .highcharts-credits {
  117. cursor: pointer;
  118. fill: #999999;
  119. font-size: 0.7em;
  120. transition: fill 250ms, font-size 250ms;
  121. }
  122. .highcharts-credits:hover {
  123. fill: black;
  124. font-size: 1em;
  125. }
  126. /* Tooltip */
  127. .highcharts-tooltip {
  128. cursor: default;
  129. pointer-events: none;
  130. white-space: nowrap;
  131. transition: stroke 150ms;
  132. }
  133. .highcharts-tooltip text {
  134. fill: #000;
  135. }
  136. .highcharts-tooltip .highcharts-header {
  137. font-size: 0.85em;
  138. }
  139. .highcharts-tooltip-box {
  140. stroke-width: 0px;
  141. fill: #fff;
  142. fill-opacity: 0.85;
  143. }
  144. .highcharts-tooltip-box .highcharts-label-box {
  145. fill: #fff;
  146. fill-opacity: 0.85;
  147. }
  148. .highcharts-selection-marker {
  149. fill: #335cad;
  150. fill-opacity: 0.25;
  151. }
  152. .highcharts-graph {
  153. fill: none;
  154. stroke-width: 2px;
  155. stroke-linecap: round;
  156. stroke-linejoin: round;
  157. }
  158. .highcharts-state-hover .highcharts-graph {
  159. stroke-width: 3;
  160. }
  161. .highcharts-state-hover path {
  162. transition: stroke-width 50;
  163. /* quick in */
  164. }
  165. .highcharts-state-normal path {
  166. transition: stroke-width 250ms;
  167. /* slow out */
  168. }
  169. /* Legend hover affects points and series */
  170. g.highcharts-series,
  171. .highcharts-point,
  172. .highcharts-markers,
  173. .highcharts-data-labels {
  174. transition: opacity 250ms;
  175. }
  176. .highcharts-legend-series-active g.highcharts-series:not(.highcharts-series-hover),
  177. .highcharts-legend-point-active .highcharts-point:not(.highcharts-point-hover),
  178. .highcharts-legend-series-active .highcharts-markers:not(.highcharts-series-hover),
  179. .highcharts-legend-series-active .highcharts-data-labels:not(.highcharts-series-hover) {
  180. opacity: 0.2;
  181. }
  182. /* Series options */
  183. /* Default colors */
  184. .highcharts-color-0 {
  185. fill: #f45b5b;
  186. stroke: #f45b5b;
  187. }
  188. .highcharts-color-1 {
  189. fill: #8085e9;
  190. stroke: #8085e9;
  191. }
  192. .highcharts-color-2 {
  193. fill: #8d4654;
  194. stroke: #8d4654;
  195. }
  196. .highcharts-color-3 {
  197. fill: #7798BF;
  198. stroke: #7798BF;
  199. }
  200. .highcharts-color-4 {
  201. fill: #aaeeee;
  202. stroke: #aaeeee;
  203. }
  204. .highcharts-color-5 {
  205. fill: #ff0066;
  206. stroke: #ff0066;
  207. }
  208. .highcharts-color-6 {
  209. fill: #eeaaee;
  210. stroke: #eeaaee;
  211. }
  212. .highcharts-color-7 {
  213. fill: #55BF3B;
  214. stroke: #55BF3B;
  215. }
  216. .highcharts-color-8 {
  217. fill: #DF5353;
  218. stroke: #DF5353;
  219. }
  220. .highcharts-color-9 {
  221. fill: #7798BF;
  222. stroke: #7798BF;
  223. }
  224. .highcharts-color-10 {
  225. fill: #aaeeee;
  226. stroke: #aaeeee;
  227. }
  228. .highcharts-area {
  229. fill-opacity: 0.75;
  230. stroke-width: 0;
  231. }
  232. .highcharts-markers {
  233. stroke-width: 1px;
  234. stroke: none;
  235. }
  236. .highcharts-point {
  237. stroke-width: 1px;
  238. }
  239. .highcharts-dense-data .highcharts-point {
  240. stroke-width: 0;
  241. }
  242. .highcharts-data-label {
  243. font-size: 0.9em;
  244. font-weight: bold;
  245. }
  246. .highcharts-data-label-box {
  247. fill: none;
  248. stroke-width: 0;
  249. }
  250. .highcharts-data-label text, text.highcharts-data-label {
  251. fill: #000;
  252. }
  253. .highcharts-data-label-connector {
  254. fill: none;
  255. }
  256. .highcharts-halo {
  257. fill-opacity: 0.25;
  258. stroke-width: 0;
  259. }
  260. .highcharts-series:not(.highcharts-pie-series) .highcharts-point-select {
  261. fill: #cccccc;
  262. stroke: #fff;
  263. }
  264. .highcharts-column-series rect.highcharts-point {
  265. stroke: none;
  266. }
  267. .highcharts-column-series .highcharts-point {
  268. transition: fill-opacity 250ms;
  269. }
  270. .highcharts-column-series .highcharts-point-hover {
  271. fill-opacity: 0.75;
  272. transition: fill-opacity 50ms;
  273. }
  274. .highcharts-pie-series .highcharts-point {
  275. stroke-linejoin: round;
  276. stroke: none;
  277. }
  278. .highcharts-pie-series .highcharts-point-hover {
  279. fill-opacity: 0.75;
  280. transition: fill-opacity 50ms;
  281. }
  282. .highcharts-funnel-series .highcharts-point {
  283. stroke-linejoin: round;
  284. stroke: none;
  285. }
  286. .highcharts-funnel-series .highcharts-point-hover {
  287. fill-opacity: 0.75;
  288. transition: fill-opacity 50ms;
  289. }
  290. .highcharts-funnel-series .highcharts-point-select {
  291. fill: inherit;
  292. stroke: inherit;
  293. }
  294. .highcharts-pyramid-series .highcharts-point {
  295. stroke-linejoin: round;
  296. stroke: none;
  297. }
  298. .highcharts-pyramid-series .highcharts-point-hover {
  299. fill-opacity: 0.75;
  300. transition: fill-opacity 50ms;
  301. }
  302. .highcharts-pyramid-series .highcharts-point-select {
  303. fill: inherit;
  304. stroke: inherit;
  305. }
  306. .highcharts-solidgauge-series .highcharts-point {
  307. stroke-width: 0;
  308. }
  309. .highcharts-treemap-series .highcharts-point {
  310. stroke-width: 1px;
  311. stroke: #e6e6e6;
  312. transition: stroke 250ms, fill 250ms, fill-opacity 250ms;
  313. }
  314. .highcharts-treemap-series .highcharts-point-hover {
  315. stroke: #999999;
  316. transition: stroke 25ms, fill 25ms, fill-opacity 25ms;
  317. }
  318. .highcharts-treemap-series .highcharts-above-level {
  319. display: none;
  320. }
  321. .highcharts-treemap-series .highcharts-internal-node {
  322. fill: none;
  323. }
  324. .highcharts-treemap-series .highcharts-internal-node-interactive {
  325. fill-opacity: 0.15;
  326. cursor: pointer;
  327. }
  328. .highcharts-treemap-series .highcharts-internal-node-interactive:hover {
  329. fill-opacity: 0.75;
  330. }
  331. /* Legend */
  332. .highcharts-legend-box {
  333. fill: none;
  334. stroke-width: 0;
  335. }
  336. .highcharts-legend-item text {
  337. fill: #000;
  338. font-weight: bold;
  339. font-size: 13px;
  340. cursor: pointer;
  341. stroke-width: 0;
  342. }
  343. .highcharts-legend-item:hover text {
  344. fill: #fff;
  345. }
  346. .highcharts-legend-item-hidden * {
  347. fill: #cccccc !important;
  348. stroke: #cccccc !important;
  349. transition: fill 250ms;
  350. }
  351. .highcharts-legend-nav-active {
  352. fill: #003399;
  353. cursor: pointer;
  354. }
  355. .highcharts-legend-nav-inactive {
  356. fill: #cccccc;
  357. }
  358. .highcharts-legend-title-box {
  359. fill: none;
  360. stroke-width: 0;
  361. }
  362. /* Loading */
  363. .highcharts-loading {
  364. position: absolute;
  365. background-color: none;
  366. opacity: 0.5;
  367. text-align: center;
  368. z-index: 10;
  369. transition: opacity 250ms;
  370. }
  371. .highcharts-loading-hidden {
  372. height: 0 !important;
  373. opacity: 0;
  374. overflow: hidden;
  375. transition: opacity 250ms, height 250ms step-end;
  376. }
  377. .highcharts-loading-inner {
  378. font-weight: bold;
  379. position: relative;
  380. top: 45%;
  381. }
  382. /* Plot bands and polar pane backgrounds */
  383. .highcharts-plot-band, .highcharts-pane {
  384. fill: #fff;
  385. fill-opacity: 0.05;
  386. }
  387. .highcharts-plot-line {
  388. fill: none;
  389. stroke: #999999;
  390. stroke-width: 1px;
  391. }
  392. /* Highcharts More and modules */
  393. .highcharts-boxplot-box {
  394. fill: none;
  395. }
  396. .highcharts-boxplot-median {
  397. stroke-width: 2px;
  398. }
  399. .highcharts-bubble-series .highcharts-point {
  400. fill-opacity: 0.5;
  401. }
  402. .highcharts-errorbar-series .highcharts-point {
  403. stroke: #fff;
  404. }
  405. .highcharts-gauge-series .highcharts-data-label-box {
  406. stroke: #cccccc;
  407. stroke-width: 1px;
  408. }
  409. .highcharts-gauge-series .highcharts-dial {
  410. fill: #fff;
  411. stroke-width: 0;
  412. }
  413. .highcharts-polygon-series .highcharts-graph {
  414. fill: inherit;
  415. stroke-width: 0;
  416. }
  417. .highcharts-waterfall-series .highcharts-graph {
  418. stroke: #000;
  419. stroke-dasharray: 1, 3;
  420. }
  421. .highcharts-sankey-series .highcharts-point {
  422. stroke-width: 0;
  423. }
  424. .highcharts-sankey-series .highcharts-link {
  425. transition: fill 250ms, fill-opacity 250ms;
  426. fill-opacity: 0.5;
  427. }
  428. .highcharts-sankey-series .highcharts-point-hover.highcharts-link {
  429. transition: fill 50ms, fill-opacity 50ms;
  430. fill-opacity: 1;
  431. }
  432. /* Highstock */
  433. .highcharts-navigator-mask-outside {
  434. fill-opacity: 0;
  435. }
  436. .highcharts-navigator-mask-inside {
  437. fill: #6685c2;
  438. /* navigator.maskFill option */
  439. fill-opacity: 0.25;
  440. cursor: ew-resize;
  441. }
  442. .highcharts-navigator-outline {
  443. stroke: #cccccc;
  444. fill: none;
  445. }
  446. .highcharts-navigator-handle {
  447. stroke: #cccccc;
  448. fill: #f2f2f2;
  449. cursor: ew-resize;
  450. }
  451. .highcharts-navigator-series {
  452. fill: #f45b5b;
  453. stroke: #f45b5b;
  454. }
  455. .highcharts-navigator-series .highcharts-graph {
  456. stroke-width: 1px;
  457. }
  458. .highcharts-navigator-series .highcharts-area {
  459. fill-opacity: 0.05;
  460. }
  461. .highcharts-navigator-xaxis .highcharts-axis-line {
  462. stroke-width: 0;
  463. }
  464. .highcharts-navigator-xaxis .highcharts-grid-line {
  465. stroke-width: 1px;
  466. stroke: #e6e6e6;
  467. }
  468. .highcharts-navigator-xaxis.highcharts-axis-labels {
  469. fill: #999999;
  470. }
  471. .highcharts-navigator-yaxis .highcharts-grid-line {
  472. stroke-width: 0;
  473. }
  474. .highcharts-scrollbar-thumb {
  475. fill: #cccccc;
  476. stroke: #cccccc;
  477. stroke-width: 1px;
  478. }
  479. .highcharts-scrollbar-button {
  480. fill: #e6e6e6;
  481. stroke: #cccccc;
  482. stroke-width: 1px;
  483. }
  484. .highcharts-scrollbar-arrow {
  485. fill: #666666;
  486. }
  487. .highcharts-scrollbar-rifles {
  488. stroke: #666666;
  489. stroke-width: 1px;
  490. }
  491. .highcharts-scrollbar-track {
  492. fill: #f2f2f2;
  493. stroke: #C0C0C8;
  494. stroke-width: 1px;
  495. }
  496. .highcharts-button {
  497. fill: #fff;
  498. stroke: #C0C0C8;
  499. cursor: default;
  500. stroke-width: 1px;
  501. transition: fill 250ms;
  502. }
  503. .highcharts-button text {
  504. fill: #000;
  505. }
  506. .highcharts-button-hover {
  507. transition: fill 0ms;
  508. fill: #e6e6e6;
  509. stroke: #cccccc;
  510. }
  511. .highcharts-button-hover text {
  512. fill: #000;
  513. }
  514. .highcharts-button-pressed {
  515. font-weight: bold;
  516. fill: #D0D0D8;
  517. stroke: #cccccc;
  518. }
  519. .highcharts-button-pressed text {
  520. fill: #000;
  521. font-weight: bold;
  522. }
  523. .highcharts-button-disabled text {
  524. fill: #000;
  525. }
  526. .highcharts-range-selector-buttons .highcharts-button {
  527. stroke-width: 0px;
  528. }
  529. .highcharts-range-label rect {
  530. fill: none;
  531. }
  532. .highcharts-range-label text {
  533. fill: #666666;
  534. }
  535. .highcharts-range-input rect {
  536. fill: none;
  537. }
  538. .highcharts-range-input text {
  539. fill: #000;
  540. }
  541. .highcharts-range-input {
  542. stroke-width: 1px;
  543. stroke: #cccccc;
  544. }
  545. input.highcharts-range-selector {
  546. position: absolute;
  547. border: 0;
  548. width: 1px;
  549. /* Chrome needs a pixel to see it */
  550. height: 1px;
  551. padding: 0;
  552. text-align: center;
  553. left: -9em;
  554. /* #4798 */
  555. }
  556. .highcharts-crosshair-label text {
  557. fill: none;
  558. font-size: 1.1em;
  559. }
  560. .highcharts-crosshair-label .highcharts-label-box {
  561. fill: inherit;
  562. }
  563. .highcharts-candlestick-series .highcharts-point {
  564. stroke: #fff;
  565. stroke-width: 1px;
  566. }
  567. .highcharts-candlestick-series .highcharts-point-up {
  568. fill: none;
  569. }
  570. .highcharts-ohlc-series .highcharts-point-hover {
  571. stroke-width: 3px;
  572. }
  573. .highcharts-flags-series .highcharts-point .highcharts-label-box {
  574. stroke: #999999;
  575. fill: none;
  576. transition: fill 250ms;
  577. }
  578. .highcharts-flags-series .highcharts-point-hover .highcharts-label-box {
  579. stroke: #fff;
  580. fill: #ccd6eb;
  581. }
  582. .highcharts-flags-series .highcharts-point text {
  583. fill: #fff;
  584. font-size: 0.9em;
  585. font-weight: bold;
  586. }
  587. /* Highmaps */
  588. .highcharts-map-series .highcharts-point {
  589. transition: fill 500ms, fill-opacity 500ms, stroke-width 250ms;
  590. stroke: #cccccc;
  591. }
  592. .highcharts-map-series .highcharts-point-hover {
  593. transition: fill 0ms, fill-opacity 0ms;
  594. fill-opacity: 0.5;
  595. stroke-width: 2px;
  596. }
  597. .highcharts-mapline-series .highcharts-point {
  598. fill: none;
  599. }
  600. .highcharts-heatmap-series .highcharts-point {
  601. stroke-width: 0;
  602. }
  603. .highcharts-map-navigation {
  604. font-size: 1.3em;
  605. font-weight: bold;
  606. text-align: center;
  607. }
  608. .highcharts-coloraxis {
  609. stroke-width: 0;
  610. }
  611. .highcharts-coloraxis-marker {
  612. fill: #999999;
  613. }
  614. .highcharts-null-point {
  615. fill: #f7f7f7;
  616. }
  617. /* 3d charts */
  618. .highcharts-3d-frame {
  619. fill: transparent;
  620. }
  621. /* Exporting module */
  622. .highcharts-contextbutton {
  623. fill: #fff;
  624. /* needed to capture hover */
  625. stroke: none;
  626. stroke-linecap: round;
  627. }
  628. .highcharts-contextbutton:hover {
  629. fill: #e6e6e6;
  630. stroke: #e6e6e6;
  631. }
  632. .highcharts-button-symbol {
  633. stroke: #666666;
  634. stroke-width: 3px;
  635. }
  636. .highcharts-menu {
  637. border: 1px solid #999999;
  638. background: none;
  639. padding: 5px 0;
  640. box-shadow: 3px 3px 10px #888;
  641. }
  642. .highcharts-menu-item {
  643. padding: 0.5em 1em;
  644. background: none;
  645. color: #000;
  646. cursor: pointer;
  647. transition: background 250ms, color 250ms;
  648. }
  649. .highcharts-menu-item:hover {
  650. background: #335cad;
  651. color: none;
  652. }
  653. /* Drilldown module */
  654. .highcharts-drilldown-point {
  655. cursor: pointer;
  656. }
  657. .highcharts-drilldown-data-label text,
  658. text.highcharts-drilldown-data-label,
  659. .highcharts-drilldown-axis-label {
  660. cursor: pointer;
  661. fill: #003399;
  662. font-weight: bold;
  663. text-decoration: underline;
  664. }
  665. /* No-data module */
  666. .highcharts-no-data text {
  667. font-weight: bold;
  668. font-size: 12px;
  669. fill: #666666;
  670. }
  671. /* Drag-panes module */
  672. .highcharts-axis-resizer {
  673. cursor: ns-resize;
  674. stroke: black;
  675. stroke-width: 2px;
  676. }
  677. /* Bullet type series */
  678. .highcharts-bullet-target {
  679. stroke-width: 0;
  680. }
  681. /* Lineargauge type series */
  682. .highcharts-lineargauge-target {
  683. stroke-width: 1px;
  684. stroke: #000;
  685. }
  686. .highcharts-lineargauge-target-line {
  687. stroke-width: 1px;
  688. stroke: #000;
  689. }
  690. /* Annotations module */
  691. .highcharts-annotation-label-box {
  692. stroke-width: 1px;
  693. stroke: #fff;
  694. fill: #fff;
  695. fill-opacity: 0.75;
  696. }
  697. .highcharts-annotation-label text {
  698. fill: #e6e6e6;
  699. }