home.css 3.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141
  1. @charset "UTF-8";
  2. html, body {
  3. font-family: "Helvetica Neue", "Hiragino Sans GB", "Microsoft YaHei", "榛戜綋", Arial, sans-serif;
  4. height: 100%;
  5. background-color: #1C1C20; }
  6. ul {
  7. list-style: none;
  8. margin: 0;
  9. padding: 0; }
  10. .flex-container {
  11. display: flex;
  12. flex-direction: column;
  13. flex-wrap: wrap;
  14. height: 100%;
  15. width: 100%; }
  16. .flex-container section {
  17. box-sizing: border-box;
  18. padding: 3px 2px;
  19. color: #eeeeee; }
  20. .flex-container section div.wrapper {
  21. width: 100%;
  22. height: 100%;
  23. background-color: #23262d; }
  24. .flex-container section div.wrapper #chartA, .flex-container section div.wrapper #chartB, .flex-container section div.wrapper #chartC {
  25. flex: 1; }
  26. .secA {
  27. width: 30%;
  28. height: 33.3%; }
  29. .secB {
  30. width: 30%;
  31. height: 33.3%; }
  32. .secC {
  33. width: 30%;
  34. height: 33.3%; }
  35. .secD {
  36. width: 70%;
  37. height: 75%; }
  38. .secD .triggerMap {
  39. display: block;
  40. color: #ccc;
  41. font-size: 14px;
  42. top: 11px;
  43. position: absolute;
  44. right: 9px;
  45. padding: 3px;
  46. border: 1px solid;
  47. cursor: pointer; }
  48. .secD .mapGif {
  49. overflow: hidden; }
  50. .secE {
  51. width: 70%;
  52. height: 25%; }
  53. .title {
  54. font-weight: 600;
  55. font-size: large;
  56. padding: 8px;
  57. color: #ffe;
  58. word-spacing: 8px;
  59. letter-spacing: 2px; }
  60. .title li {
  61. margin-right: 5px;
  62. color: #4a6893;
  63. cursor: pointer; }
  64. .title li.active {
  65. color: #fff; }
  66. #headline {
  67. padding: 3px;
  68. background-color: #0055a6;
  69. color: #ffffff;
  70. text-align: center;
  71. font-weight: bolder;
  72. font-size: x-large; }
  73. .example {
  74. width: 100%;
  75. margin: 0 auto;
  76. height: 100%; }
  77. .example .frame {
  78. margin: 0 auto;
  79. width: 100%;
  80. height: 100%;
  81. overflow: hidden;
  82. text-shadow: none; }
  83. .example .frame ul {
  84. list-style: none;
  85. margin: 0;
  86. padding: 0;
  87. height: 100%;
  88. color: #ffffff; }
  89. .example .frame ul li {
  90. float: left;
  91. width: 180px;
  92. height: 100%;
  93. margin: 0 1px 0 0;
  94. background: #eee;
  95. text-align: center;
  96. cursor: pointer;
  97. justify-content: center;
  98. display: flex;
  99. flex-direction: column;
  100. flex-wrap: wrap; }
  101. .example .frame ul li:nth-child(odd) {
  102. background-color: #23262d; }
  103. .example .frame ul li:nth-child(even) {
  104. background-color: #3f4656; }
  105. .example .frame ul li.active {
  106. color: #fff;
  107. border: 1px solid cyan;
  108. background-color: #3A577f; }
  109. .example .frame ul li div.cellName {
  110. height: 50px;
  111. line-height: 50px;
  112. width: 100%;
  113. font-size: larger;
  114. font-weight: bold; }
  115. .example .frame ul li div.cellName span {
  116. color: red; }
  117. .example .frame ul li dl {
  118. height: 75px;
  119. -webkit-margin-before: 0;
  120. -webkit-margin-after: 0; }
  121. .example .frame ul li dl dt, .example .frame ul li dl dd {
  122. padding-top: 3px;
  123. padding-bottom: 3px; }
  124. .example .frame ul li dl dt {
  125. text-align: right;
  126. padding-right: 3px; }
  127. .example .frame ul li dl dd {
  128. text-align: left;
  129. padding-left: 3px; }
  130. /*# sourceMappingURL=home.css.map */