energy_consumption.css 2.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164
  1. *{
  2. /*border:1px dashed black;*/
  3. }
  4. /* change to black */
  5. body{
  6. background-color: black;
  7. }
  8. #bottomPart{
  9. border-color: #8A8E9B;
  10. border-style: solid solid solid solid;
  11. border-width: 2px 1px 1px 1px;
  12. border-radius: 3px 3px 0 0;
  13. }
  14. #title{
  15. width: 75%;
  16. display: inline-block;
  17. height: 38px;
  18. /*绉佹湁灞炴��*/
  19. border-left: 5px solid #67CEF7;
  20. font-size: 32px;
  21. color: white;
  22. padding-left: 10px;
  23. }
  24. #title_btn{
  25. width: 25%;
  26. display: inline-block;
  27. float: right;
  28. }
  29. #graphViewBtn,
  30. #dataViewBtn{
  31. margin-right: 5px;
  32. float: right;
  33. color:white;
  34. }
  35. #graphViewBtn{
  36. background-color: #E64E67;
  37. }
  38. #dataViewBtn{
  39. background-color: #515A7B;
  40. }
  41. #graphViewBtn>i,#dataViewBtn>i{
  42. padding-right: 2px;
  43. }
  44. div.left-region{
  45. width: 28%;
  46. display: inline-block;
  47. background-color: #FAB051;
  48. }
  49. #leftInfo{
  50. margin: 40% 5% auto 10%;
  51. color: white;
  52. }
  53. div.right-region{
  54. width: 72%;
  55. display: inline-block;
  56. float:right;
  57. background-color: white;
  58. }
  59. #graphOne,#graphTwo{
  60. height: 400px;
  61. width: 100%;
  62. }
  63. span{
  64. margin-left: 5px;
  65. margin-right: 0px;
  66. }
  67. #toSpan{
  68. margin-left: 0px;
  69. /*margin-right: 1px;*/
  70. }
  71. #btnGroup{
  72. float: right;
  73. right: 5px;
  74. color:white;
  75. }
  76. button > .hideI{
  77. display: none;
  78. }
  79. #searchBtn{
  80. background-color: #505A7B;
  81. margin-right:0px;
  82. }
  83. #downBtn{
  84. background-color: #0EA7A9;
  85. }
  86. #startDate,#endDate{
  87. width: 120px;
  88. }
  89. #myTab{
  90. color: white;
  91. background-color: #323A55;
  92. text-align: center;
  93. }
  94. #myTab>li{
  95. width: 19.82%; /*debug*/
  96. }
  97. .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover{
  98. background-color: #323A55;
  99. }
  100. #myTab>li>a{
  101. color:white;
  102. }
  103. #myTab>li.active>a{
  104. border-top: 3px solid #12A4A0!important;
  105. }
  106. #conditionRow{
  107. /*margin-top: 10px;*/
  108. margin:10px 0px auto 0px!important;
  109. }
  110. #conditionRow>span{
  111. background-color: #ADB2CE;
  112. display: inline-block;
  113. height: 33px;
  114. line-height: 33px;
  115. color:white;
  116. }
  117. #conditionRow>input{
  118. line-height: 28px;
  119. /*color:#ADB2CE;*/
  120. color:black;
  121. }
  122. button.selectpicker{
  123. border-radius: 0 0 0 0!important;
  124. /*color:#ADB2CE;*/
  125. color:black;
  126. }
  127. div.graphTitle{
  128. margin-top: 5px;
  129. font-size: 14px;
  130. color:black;
  131. }
  132. table>caption{
  133. color:black;
  134. text-align: center;
  135. font-size: 14px;
  136. }
  137. table{
  138. color:black;
  139. }
  140. /* 瀛椾綋鍥炬爣 */
  141. i.fa{
  142. font-size: 20px;
  143. }
  144. /* i.fa-table,i.fa-bar-chart-o{
  145. margin-left: 8px;
  146. } */
  147. /*璋冩暣榛樿甯冨眬*/
  148. div.container{
  149. width: 100%;
  150. }
  151. div.graphTitle{
  152. text-align: center;
  153. }
  154. div.col-md-6{
  155. padding-left: 0px;
  156. padding-right: 0px;
  157. }
  158. div.tab-content{
  159. padding:0;
  160. }
  161. div.graph,div.data{
  162. margin-left: 0px;
  163. }