light-jjyx.css 3.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129
  1. #appBody.light .static-main {
  2. background: #fff;
  3. border-color: #36348e;
  4. border-radius: 12px;
  5. flex: 0 0 130px;
  6. margin-right: 5px;
  7. transition: 0.25s;
  8. }
  9. #appBody.light .static-main .icon i {
  10. background: #36348e;
  11. border-color: #808080;
  12. transition: 0.25s;
  13. }
  14. #appBody.light .static-main .icon i svg use {
  15. fill: #fff;
  16. transition: 0.25s;
  17. }
  18. #appBody.light .static-main .info .value {
  19. color: #36348e;
  20. transition: 0.25s;
  21. }
  22. #appBody.light .com-panel {
  23. background: #ffffff;
  24. }
  25. #appBody.light .static-items {
  26. background: #fff;
  27. margin-right: 4px;
  28. border-radius: 12px;
  29. transition: 0.25s;
  30. }
  31. #appBody.light .static-items .static-items-title {
  32. color: #36348e;
  33. font-weight: 700;
  34. transition: 0.25s;
  35. }
  36. #appBody.light .static-items .items .item {
  37. margin-left: 4px;
  38. border-radius: 12px;
  39. background: rgba(128, 128, 128, 0.15);
  40. transition: 0.25s;
  41. font-weight: 700;
  42. }
  43. #appBody.light .static-items .items .item .title {
  44. color: #36348e;
  45. font-weight: 700;
  46. transition: 0.25s;
  47. }
  48. #appBody.light .power-benchmarking-page .top .top-left .top-left-header .header-right > div.active,
  49. #appBody.light .power-benchmarking-page .top .top-left .top-left-header .header-right > div:hover {
  50. background: rgba(54, 52, 142, 0.2);
  51. border-color: #36348e;
  52. color: #36348e;
  53. transition: 0.25s;
  54. }
  55. #appBody.light .power-benchmarking-page .top .top-right .rank-title::before {
  56. background: linear-gradient(135deg, rgba(54, 52, 142, 0.4), transparent, transparent, transparent, rgba(54, 52, 142, 0.4));
  57. }
  58. #appBody.light .power-benchmarking-page .top .top-right .rank-title {
  59. border-color: #36348e;
  60. color: #36348e;
  61. transition: 0.25s;
  62. }
  63. #appBody.light .power-benchmarking-page .top .top-right .rank-title .border {
  64. border-color: #36348e;
  65. transition: 0.25s;
  66. }
  67. #appBody.light .power-benchmarking-page .top .top-right .rank-table.el-table thead tr th {
  68. background: #F0F0F0;
  69. color: #000;
  70. font-weight: 700;
  71. transition: 0.25s;
  72. }
  73. #appBody.light .power-benchmarking-page .top .top-right .rank-block {
  74. border-color: #36348e;
  75. background: rgba(54, 52, 142, 0.2);
  76. transition: 0.25s;
  77. }
  78. #appBody.light .power-benchmarking-page .top .top-right .rank-table {
  79. border-color: #36348e;
  80. transition: 0.25s;
  81. }
  82. #appBody.light .top-right .el-table__body-wrapper {
  83. background: #fff;
  84. transition: 0.25s;
  85. }
  86. #appBody.light .main-body .el-table td,
  87. #appBody.light .main-body .custom-table.el-table td {
  88. color: #000;
  89. font-weight: 700;
  90. transition: 0.25s;
  91. }
  92. #appBody.light .main-body .el-table tr:hover td,
  93. #appBody.light .main-body .custom-table.el-table tr:hover td {
  94. color: #36348e;
  95. font-weight: 700;
  96. transition: 0.25s;
  97. }
  98. #appBody.light .power-benchmarking-page .top .top-right .rank-table.el-table.el-table--striped .el-table__body tr.el-table__row--striped td {
  99. background: rgba(54, 52, 142, 0.1);
  100. transition: 0.25s;
  101. }
  102. #appBody.light .power-benchmarking-page .top .top-right .rank-table.el-table.el-table--striped .el-table__body tr.el-table__row--striped:hover td {
  103. background: rgba(54, 52, 142, 0.1) !important;
  104. transition: 0.25s;
  105. }
  106. #appBody.light .top-left .el-table table {
  107. background: #fff;
  108. transition: 0.25s;
  109. }
  110. #appBody.light .top-left .el-table th,
  111. #appBody.light .top-left .el-table td {
  112. font-weight: bold;
  113. font-weight: 700;
  114. }
  115. #appBody.light .top-left .el-table thead tr:first-child th {
  116. background: #F0F0F0;
  117. color: #000;
  118. transition: 0.25s;
  119. }
  120. #appBody.light .top-left .el-table thead tr:last-child th {
  121. background: #F0F0F0;
  122. color: #000;
  123. transition: 0.25s;
  124. }
  125. #appBody.light .top-left .el-table th.light,
  126. #appBody.light .top-left .el-table td.light {
  127. color: #36348e !important;
  128. transition: 0.25s;
  129. }