Fork of the espurna firmware for `mhsw` switches
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

310 lines
5.3 KiB

7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
6 years ago
  1. /* -----------------------------------------------------------------------------
  2. General
  3. -------------------------------------------------------------------------- */
  4. #menu .pure-menu-heading {
  5. font-size: 100%;
  6. padding: .5em .5em;
  7. white-space: normal;
  8. }
  9. .pure-g {
  10. margin-bottom: 0;
  11. }
  12. .pure-form legend {
  13. font-weight: bold;
  14. letter-spacing: 0;
  15. margin: 10px 0 1em 0;
  16. }
  17. .pure-form .pure-g > label {
  18. margin: .4em 0 .2em;
  19. }
  20. .pure-form input {
  21. margin-bottom: 10px;
  22. }
  23. .pure-form input[type=text][disabled] {
  24. color: #777777;
  25. }
  26. h2 {
  27. font-size: 1em;
  28. }
  29. .panel {
  30. display: none;
  31. }
  32. .block {
  33. display: block;
  34. }
  35. .content {
  36. margin: 0;
  37. }
  38. .page {
  39. margin-top: 10px;
  40. }
  41. .hint {
  42. color: #ccc;
  43. font-size: 80%;
  44. margin: -10px 0 10px 0;
  45. }
  46. .hint a {
  47. color:inherit;
  48. }
  49. legend.module,
  50. .module {
  51. display: none;
  52. }
  53. .template {
  54. display: none;
  55. }
  56. input[name=upgrade] {
  57. display: none;
  58. }
  59. select {
  60. margin-bottom: 10px;
  61. width: 100%;
  62. }
  63. input.center {
  64. margin-bottom: 0;
  65. }
  66. div.center {
  67. margin: .5em 0 1em;
  68. }
  69. .webmode {
  70. display: none;
  71. }
  72. #credentials {
  73. font-size: 200%;
  74. height: 100px;
  75. left: 50%;
  76. margin-left: -200px;
  77. margin-top: -50px;
  78. position: fixed;
  79. text-align: center;
  80. top: 50%;
  81. width: 400px;
  82. }
  83. div.state {
  84. border-top: 1px solid #eee;
  85. margin-top: 20px;
  86. padding-top: 30px;
  87. }
  88. .state div {
  89. font-size: 80%;
  90. }
  91. .state span {
  92. font-size: 80%;
  93. font-weight: bold;
  94. }
  95. .right {
  96. text-align: right;
  97. }
  98. .terminal {
  99. font-family: 'Courier New', monospace !important;
  100. font-size: 80% !important;
  101. line-height: 100% !important;
  102. background-color: #000 !important;
  103. color: #0F0 !important;
  104. }
  105. /* -----------------------------------------------------------------------------
  106. Buttons
  107. -------------------------------------------------------------------------- */
  108. .pure-button {
  109. border-radius: 4px;
  110. color: white;
  111. letter-spacing: 0;
  112. margin-bottom: 10px;
  113. padding: 8px 8px;
  114. text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  115. }
  116. .main-buttons {
  117. margin: 20px auto;
  118. text-align: center;
  119. }
  120. .main-buttons button {
  121. width: 100px;
  122. }
  123. .button-reboot,
  124. .button-reconnect,
  125. .button-ha-del,
  126. .button-rfb-forget,
  127. .button-del-network,
  128. .button-del-schedule,
  129. .button-upgrade,
  130. .button-settings-factory {
  131. background: rgb(192, 0, 0); /* redish */
  132. }
  133. .button-update,
  134. .button-update-password,
  135. .button-add-network,
  136. .button-rfb-learn,
  137. .button-upgrade-browse,
  138. .button-ha-add,
  139. .button-ha-config,
  140. .button-settings-backup,
  141. .button-settings-restore,
  142. .button-dbgcmd,
  143. .button-apikey {
  144. background: rgb(0, 192, 0); /* green */
  145. }
  146. .button-add-switch-schedule,
  147. .button-add-light-schedule {
  148. background: rgb(0, 192, 0); /* green */
  149. display: none;
  150. }
  151. .button-more-network,
  152. .button-more-schedule,
  153. .button-wifi-scan,
  154. .button-rfb-send {
  155. background: rgb(255, 128, 0); /* orange */
  156. }
  157. .button-upgrade-browse,
  158. .button-dbgcmd,
  159. .button-ha-add,
  160. .button-apikey,
  161. .button-upgrade {
  162. margin-left: 5px;
  163. }
  164. /* -----------------------------------------------------------------------------
  165. Sliders
  166. -------------------------------------------------------------------------- */
  167. input.slider {
  168. margin-top: 10px;
  169. }
  170. span.slider {
  171. font-size: 70%;
  172. letter-spacing: 0;
  173. margin-left: 10px;
  174. margin-top: 7px;
  175. }
  176. /* -----------------------------------------------------------------------------
  177. Loading
  178. -------------------------------------------------------------------------- */
  179. .loading {
  180. background-image: url('images/loading.gif');
  181. display: none;
  182. height: 20px;
  183. margin: 8px 0 0 10px;
  184. width: 20px;
  185. }
  186. /* -----------------------------------------------------------------------------
  187. Menu
  188. -------------------------------------------------------------------------- */
  189. #menu .small {
  190. font-size: 60%;
  191. padding-left: 9px;
  192. }
  193. #menu div.footer {
  194. color: #999;
  195. font-size: 80%;
  196. padding: 10px;
  197. }
  198. #menu div.footer a {
  199. padding: 0;
  200. text-decoration: none;
  201. }
  202. /* -----------------------------------------------------------------------------
  203. RF Bridge panel
  204. -------------------------------------------------------------------------- */
  205. #panel-rfb fieldset {
  206. margin: 10px 2px;
  207. padding: 20px;
  208. }
  209. #panel-rfb input {
  210. margin-right: 5px;
  211. }
  212. #panel-rfb label {
  213. padding-top: 5px;
  214. }
  215. #panel-rfb input {
  216. text-align: center;
  217. }
  218. /* -----------------------------------------------------------------------------
  219. Admin panel
  220. -------------------------------------------------------------------------- */
  221. #upgrade-progress {
  222. display: none;
  223. height: 20px;
  224. margin-top: 10px;
  225. width: 100%;
  226. }
  227. #uploader,
  228. #downloader {
  229. display: none;
  230. }
  231. /* -----------------------------------------------------------------------------
  232. Wifi panel
  233. -------------------------------------------------------------------------- */
  234. #networks .pure-g,
  235. #schedules .pure-g {
  236. border-bottom: 1px solid #eee;
  237. margin-bottom: 10px;
  238. padding: 10px 0 10px 0;
  239. }
  240. #networks .more {
  241. display: none;
  242. }
  243. #haConfig,
  244. #scanResult {
  245. margin-top: 10px;
  246. display: none;
  247. padding: 10px;
  248. }
  249. /* -----------------------------------------------------------------------------
  250. Logs
  251. -------------------------------------------------------------------------- */
  252. #weblog {
  253. height: 400px;
  254. }