global.css 2.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137
  1. /* 全局样式表 */
  2. html,
  3. body,
  4. #app {
  5. height: 100%;
  6. margin: 0px;
  7. padding: 0px;
  8. min-width: 1366px;
  9. }
  10. .el-breadcrumb {
  11. padding: 15px 0 15px 10px;
  12. font-size: 13px;
  13. }
  14. .el-card {
  15. box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15) !important;
  16. }
  17. .el-footer {
  18. background-color: #444c5b;
  19. display: flex;
  20. justify-content: space-around;
  21. align-items: center;
  22. font-size: 12px;
  23. color: #ffffff;
  24. }
  25. .el-form {
  26. margin-top: 12px;
  27. }
  28. .divi {
  29. display: block;
  30. height: 1px;
  31. width: 100%;
  32. margin: 24px 0;
  33. background-color: #dcdfe6;
  34. position: relative;
  35. }
  36. .centered {
  37. margin: 0 auto;
  38. }
  39. .coalblock {
  40. width: 115px;
  41. height: 77px;
  42. border: solid 1px #dcdfe6;
  43. padding-top: 20px;
  44. margin-left: 25px;
  45. text-align: center;
  46. display: inline-block;
  47. }
  48. .el-select {
  49. margin-bottom: 10px;
  50. }
  51. .com-container {
  52. width: 100%;
  53. height: 100%;
  54. overflow: hidden;
  55. }
  56. .com-chart {
  57. width: 60%;
  58. height: 100%;
  59. overflow: hidden;
  60. }
  61. .el-tabs__item {
  62. width: 166px;
  63. height: 47px;
  64. line-height: 47px;
  65. text-align: center;
  66. font-size: 16px;
  67. font-weight: bold;
  68. }
  69. .el-tabs__nav-scroll {
  70. background-color: #696969;
  71. /* color: #eceef3; */
  72. /* background-color: rgba(255, 255, 255, 100); */
  73. }
  74. .el-tabs--card > .el-tabs__header .el-tabs__nav {
  75. border: none;
  76. }
  77. .el-tabs__item {
  78. /* color: #4adefe; */
  79. color:#FFFFFF;
  80. }
  81. .el-tabs__header {
  82. padding: 0;
  83. position: relative;
  84. margin: 0;
  85. }
  86. .el-tabs--card>.el-tabs__header .el-tabs__item {
  87. border-left: 0px;
  88. }
  89. .el-tabs--card>.el-tabs__header .el-tabs__item.is-active {
  90. /* border-bottom-color: #FFF; */
  91. border-bottom-color: #696969;
  92. }
  93. .el-tabs--card > .el-tabs__header .el-tabs__item.is-active {
  94. /* background-color: rgba(255, 255, 255, 100); */
  95. background-color: #696969;
  96. border-bottom-color: none;
  97. /* color: rgba(97, 154, 241, 100); */
  98. /* color: #FDD000; */
  99. }
  100. .areatitle {
  101. border-bottom: #5ddcf8 1px solid;
  102. height: 40px;
  103. width: 100%;
  104. font-size: 20px;
  105. line-height: 2;
  106. padding: 5px;
  107. font-weight: 500;
  108. color: #4adefe;
  109. margin-left: 20px;
  110. }
  111. .top_title {
  112. border-bottom: #5ddcf8 1px solid;
  113. height: 40px;
  114. font-size: 18px;
  115. line-height: 2;
  116. padding: 5px;
  117. font-weight: 500;
  118. color: #4adefe;
  119. }