dark-jsc.css 3.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178
  1. #appBody.dark {
  2. transition: 0.25s;
  3. }
  4. #appBody.dark .el-popper.is-light {
  5. border: none;
  6. }
  7. #appBody.dark .gray {
  8. transition: 0.25s;
  9. }
  10. #appBody.dark .green {
  11. transition: 0.25s;
  12. }
  13. #appBody.dark .white {
  14. transition: 0.25s;
  15. }
  16. #appBody.dark #app {
  17. transition: 0.25s;
  18. }
  19. #appBody.dark .panel-title {
  20. transition: 0.25s;
  21. }
  22. #appBody.dark .panel-tools {
  23. transition: 0.25s;
  24. }
  25. #appBody.dark .weather .other-info .text {
  26. transition: 0.25s;
  27. }
  28. #appBody.dark .weather .other-info div.svg-icon svg use {
  29. transition: 0.25s;
  30. }
  31. #appBody.dark .security-days .text {
  32. transition: 0.25s;
  33. }
  34. #appBody.dark .security-days .num {
  35. transition: 0.25s;
  36. }
  37. #appBody.dark .tab-box .tab-item span svg use {
  38. transition: 0.25s;
  39. }
  40. #appBody.dark . .header-title svg g:nth-child(1) path,
  41. #appBody.dark . .header-title svg g:nth-child(1) polygon {
  42. transition: 0.25s;
  43. }
  44. #appBody.dark .weather-info span svg use {
  45. transition: 0.25s;
  46. }
  47. #appBody.dark .map .tab-box .tab-item.active {
  48. transition: 0.25s;
  49. }
  50. #appBody.dark .map .tab-box .tab-item.active::after {
  51. transition: 0.25s;
  52. }
  53. #appBody.dark .header-menu .header-menu-list .header-menu-item.active::after {
  54. transition: 0.25s;
  55. }
  56. #appBody.dark .header-menu .header-menu-list .header-menu-item.active {
  57. background: linear-gradient(to top, rgba(5, 187, 76, 0.5), rgba(5, 187, 76, 0));
  58. border: 1px solid #05bb4c;
  59. transition: color 0.25s ease-in-out;
  60. }
  61. #appBody.dark .coulometric-analysis .card-1 .card-icon svg use {
  62. transition: 0.25s;
  63. }
  64. #appBody.dark .map .compass svg g:nth-child(3) g g path {
  65. transition: 0.25s;
  66. }
  67. #appBody.dark .map .compass svg g:nth-child(4) g g path {
  68. transition: 0.25s;
  69. }
  70. #appBody.dark .map .compass::after {
  71. transition: 0.25s;
  72. }
  73. #appBody.dark .name-box-period-label {
  74. transition: 0.25s;
  75. }
  76. #appBody.dark .name-box-period-value {
  77. transition: 0.25s;
  78. }
  79. #appBody.dark .svg-map-nx .item-label rect {
  80. transition: 0.25s;
  81. }
  82. #appBody.dark .svg-map-nx .item-label .mapKey {
  83. transition: 0.25s;
  84. }
  85. #appBody.dark .svg-map-nx .popup-layer-svg .mapKey {
  86. transition: 0.25s;
  87. }
  88. #appBody.dark .svg-map-nx #popup-box-svg rect {
  89. transition: 0.25s;
  90. }
  91. #appBody.dark .com-panel-3,
  92. #appBody.dark .com-panel,
  93. #appBody.dark . {
  94. transition: 0.25s;
  95. }
  96. #appBody.dark .com-panel-3 .dot,
  97. #appBody.dark .com-panel.line:before {
  98. transition: 0.25s;
  99. }
  100. #appBody.dark .panel-header {
  101. transition: 0.25s;
  102. }
  103. #appBody.dark .fengji-icon svg use {
  104. transition: 0.25s;
  105. }
  106. #appBody.dark .modal.el-dialog {
  107. transition: 0.25s;
  108. }
  109. #appBody.dark .modal.el-dialog .el-dialog__title {
  110. transition: 0.25s;
  111. }
  112. #appBody.dark .situation-body .value span:nth-child(2) {
  113. transition: 0.25s;
  114. }
  115. #appBody.dark .coulometric-analysis .card-title {
  116. transition: 0.25s;
  117. }
  118. #appBody.dark .com-panel,
  119. #appBody.dark .panel-header,
  120. #appBody.dark .home .table-card,
  121. #appBody.dark .com-panel-3.situation,
  122. #appBody.dark .el-menu--collapse,
  123. #appBody.dark .el-sub-menu,
  124. #appBody.dark .el-sub-menu__title,
  125. #appBody.dark .el-menu--popup,
  126. #appBody.dark .el-menu-item {
  127. transition: 0.25s;
  128. }
  129. #appBody.dark .com-panel.line::before {
  130. transition: 0.25s;
  131. }
  132. #appBody.dark .lightMenu {
  133. width: 0;
  134. height: calc(100% - 71px);
  135. position: absolute;
  136. left: 0;
  137. top: 57px;
  138. z-index: 100;
  139. border-radius: 20px;
  140. border: 0;
  141. overflow: hidden;
  142. transition: 0.25s;
  143. }
  144. #appBody.dark .lightMenu.hidden {
  145. width: 0;
  146. transition: 0.25s;
  147. }
  148. #appBody.dark .main-body {
  149. margin-left: 0;
  150. transition: 0.25s;
  151. }
  152. #appBody.dark .dot.top-left {
  153. transition: 0.25s;
  154. }
  155. #appBody.dark .dot.bottom-left {
  156. transition: 0.25s;
  157. }
  158. #appBody.dark .dot.top-rignt {
  159. transition: 0.25s;
  160. }
  161. #appBody.dark .dot.bottom-right {
  162. transition: 0.25s;
  163. }
  164. #appBody.dark .lightMenu .el-menu--collapse {
  165. transition: 0.25s;
  166. }
  167. #appBody.dark .lightMenu .el-menu--collapse {
  168. height: 100%;
  169. }
  170. #appBody.dark .lightMenu .el-sub-menu__title {
  171. transition: 0.25s;
  172. }
  173. #appBody.dark .lightMenu .el-sub-menu__title i {
  174. transition: 0.25s;
  175. }
  176. .left {
  177. margin-top: 5px;
  178. }