style.css 1.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576
  1. html,body {
  2. width: 100%;
  3. height: 100%;
  4. margin: 0;
  5. padding: 0;
  6. overflow: hidden;
  7. }
  8. body {
  9. font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  10. font-size: 14px;
  11. line-height: 1.428571429;
  12. color: #333333;
  13. }
  14. *, *:before, *:after {
  15. -webkit-box-sizing: border-box;
  16. -moz-box-sizing: border-box;
  17. box-sizing: border-box;
  18. }
  19. #chart-container {
  20. overflow-x: auto;
  21. position: relative;
  22. margin-bottom: -120px;
  23. height: 100%;
  24. text-align: center;
  25. }
  26. .chart-switch {
  27. position: absolute;
  28. top: 60px;
  29. right: 30px;
  30. z-index: 1111;
  31. }
  32. /* styles of background map */
  33. .backgroundMap {
  34. position: absolute;
  35. opacity: 0.3;
  36. }
  37. .map-stroke {
  38. fill: none;
  39. }
  40. .map-fill {
  41. fill: #fff;
  42. }
  43. .map-land {
  44. fill: #90bbfd;
  45. }
  46. .map-boundary {
  47. fill: none;
  48. stroke: #fff;
  49. }
  50. .mask {
  51. position: absolute;
  52. top: 0px;
  53. right: 0px;
  54. bottom: 0px;
  55. left: 0px;
  56. z-index: 9999;
  57. text-align: center;
  58. background-color: #000;
  59. opacity: 0.3;
  60. }
  61. .mask p {
  62. position: absolute;
  63. top: 40%;
  64. left: 45%;
  65. color: #fff;
  66. font-size: 24px;
  67. }