tankDetail.css 3.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224
  1. 
  2. .tank-body {
  3. position: absolute;
  4. top: 0;
  5. bottom: 0;
  6. left: 0;
  7. right: 0;
  8. background-color: transparent;
  9. }
  10. .tank-container {
  11. position: absolute;
  12. top: 0;
  13. bottom: 9%;
  14. left: 0;
  15. right: 0;
  16. background-color: transparent;
  17. }
  18. .tank-footer {
  19. position: absolute;
  20. top: 91%;
  21. bottom: 0;
  22. left: 1.9%;
  23. right: 0%;
  24. background-color: transparent;
  25. display: flex;
  26. align-items: center;
  27. }
  28. .tank-content {
  29. position: absolute;
  30. top: 0%;
  31. bottom: 0%;
  32. left: 0%;
  33. right: 0%;
  34. background-color: transparent;
  35. }
  36. ::-webkit-scrollbar {
  37. width: 0px;
  38. height: 0px;
  39. }
  40. .tank-subcontent {
  41. position: absolute;
  42. top: 0%;
  43. bottom: 0%;
  44. left: 0%;
  45. right: 0%;
  46. background-color: transparent;
  47. }
  48. .tank-footer-fnav {
  49. margin: 0 0.8%;
  50. width: 10%;
  51. height: 60%;
  52. font-size: 1.6rem;
  53. display: flex;
  54. align-items: center;
  55. justify-content: center;
  56. background-color: transparent;
  57. }
  58. .tank-footer-fnav-image {
  59. margin: 0 0.8%;
  60. width: 10%;
  61. height: 60%;
  62. color: white;
  63. background-size: 100% 100%;
  64. background-repeat: no-repeat;
  65. background-image: url(/images/config/ConfigSelected.png);
  66. }
  67. .tank_form_div {
  68. position: absolute;
  69. top: 0.6%;
  70. bottom: 9%;
  71. left: 0.8%;
  72. right: 6%;
  73. overflow: auto;
  74. background-color: transparent;
  75. text-align: center;
  76. }
  77. .tank_filter_div {
  78. position: absolute;
  79. top: 0.6%;
  80. bottom: 86%;
  81. left: 94%;
  82. right: 0.1%;
  83. background-color: transparent;
  84. background-size: 85% 75%;
  85. background-repeat: no-repeat;
  86. background-image: url(/images/device/filter.png);
  87. }
  88. .tank_form_head {
  89. margin: 2.8% 0 2.1% 0;
  90. width: 100%;
  91. font-size: 1.5rem;
  92. }
  93. .tank_form_body {
  94. margin: 1.8% 0 1.8% 0;
  95. width: 100%;
  96. font-size: 1.3rem;
  97. }
  98. .tank_form_label {
  99. margin: 0;
  100. display: inline-block;
  101. background-color: transparent;
  102. }
  103. .delivery_button {
  104. margin-bottom: 6%;
  105. width: 60.5%;
  106. outline: none;
  107. font-size: 1.2rem;
  108. text-align: center;
  109. border: none;
  110. color: white;
  111. background-color: transparent;
  112. background-size: contain;
  113. background-repeat: no-repeat;
  114. }
  115. .tank_form_delivery {
  116. margin: 0;
  117. text-align: left;
  118. background-color: transparent;
  119. }
  120. .tank_color_transparent {
  121. margin: 0;
  122. display: inline-block;
  123. color: transparent;
  124. background-color: transparent;
  125. }
  126. ::-webkit-scrollbar {
  127. width: 0px;
  128. height: 0px;
  129. }
  130. .config-right-navigation {
  131. position: absolute;
  132. top: 0%;
  133. bottom: 15%;
  134. left: 88%;
  135. right: 0%;
  136. background-color: transparent;
  137. }
  138. .config-topright-tab {
  139. font-size: 1.8rem;
  140. background-color: transparent;
  141. }
  142. .config-topright-settingselect {
  143. margin: 8% 0;
  144. font-size: 1.3rem;
  145. }
  146. .config-topright-rnav {
  147. margin: 8% 0;
  148. padding-left: 18%;
  149. display: block;
  150. font-size: 1.5rem;
  151. }
  152. .config-topright-rnav-image {
  153. margin: 8% 0;
  154. padding-left: 18%;
  155. display: block;
  156. font-size: 1.5rem;
  157. background-color: rgb(44, 125, 190);
  158. }
  159. input[type=date]::-webkit-datetime-edit {
  160. display: none;
  161. }
  162. input[type=date]::-webkit-clear-button {
  163. display: none;
  164. }
  165. input[type=date]::-webkit-inner-spin-button {
  166. display: none;
  167. }
  168. input[type="date"]::-webkit-calendar-picker-indicator {
  169. width: 100%;
  170. /* background-color: rgb(255, 0, 0); */
  171. }
  172. input[type="date"]:hover::-webkit-calendar-picker-indicator {
  173. color: red;
  174. }
  175. .config-form-input {
  176. width: 78%;
  177. border: 0;
  178. font-size: 1.3rem;
  179. font-weight: normal;
  180. background-color: transparent;
  181. }
  182. .config-form-date {
  183. width: 13%;
  184. border: 1px solid #ccc;
  185. font-size: 1.4rem;
  186. background-color: transparent;
  187. }
  188. .config-form-select {
  189. width: 90%;
  190. border: 0;
  191. font-size: 1.3rem;
  192. -webkit-appearance: none;
  193. background-color: transparent;
  194. }