* new structure

* slim definitions of fields and units
* prepared multi inverter setup (not finished now)

tools/esp8266/html/style.css

@@ -20,9 +20,15 @@ p {
 }
 
 .des {
+    margin-top: 35px;
     font-size: 14pt;
     color: #006ec0;
-    padding-bottom: 0px !important;
+}
+
+.subdes {
+    font-size: 13pt;
+    color: #006ec0;
+    margin-left: 7px;
 }
 
 .fw {
@@ -74,26 +80,23 @@ a:hover, a:focus {
     color: #fff;
 }
 
-#footer a:hover {
-    color: #f00;
-}
-
 div.content {
     background-color: #fff;
     padding-bottom: 65px;
     overflow: hidden;
 }
 
-span.warn {
-    display: inline-block;
-    padding-left: 20px;
-    color: #ff9900;
-    font-style: italic;
+input {
+    padding: 7px;
+    font-size: 13pt;
 }
 
-input {
-    padding: 10px;
-    font-size: 13pt;
+input.text, input.password {
+    width: 70%;
+    box-sizing: border-box;
+    margin-bottom: 10px;
+    /*float: right;*/
+    border: 1px solid #ccc;
 }
 
 input.button {
@@ -109,7 +112,11 @@ input.cb {
 }
 
 label {
-    font-size: 14pt;
+    width: 20%;
+    display: inline-block;
+    font-size: 12pt;
+    padding-right: 10px;
+    margin-left: 10px;
 }
 
 .left {
@@ -120,36 +127,6 @@ label {
     float: right;
 }
 
-.inputWrp {
-    position: relative;
-}
-
-.inputWrp .inputText {
-    height: 35px;
-    width: 90%;
-    margin-bottom: 20px;
-    border: 1px solid #ccc;
-    border-top: none;
-    border-right: none;
-}
-
-.inputWrp .floating_label {
-    position: absolute;
-    pointer-events: none;
-    top: 20px;
-    left: 10px;
-    transition: 0.2s ease all;
-}
-
-.inputWrp input:focus ~ .floating_label,
-.inputWrp input:not(:focus):valid ~ .floating_label {
-    top: 0px;
-    left: 20px;
-    font-size: 10px;
-    color:  blue;
-    opacity: 1;
-}
-
 div.module {
     display: block;
     width: 250px;