d

dev.less

@@ -30,10 +30,10 @@ body::before {
 
 /*
 .nav-1 .submenu.level0{
-    display: flex !important;
+display: flex !important;
 }
 .nav-1-4 .submenu.level1{
-    display: block !important;
+display: block !important;
 }
 */
 
@@ -92,22 +92,23 @@ body::before {
     max-width: auto !important;
     min-width: auto !important;
     width: auto !important;
-    }
+}
-    */
+*/
-    .submenu.level0>li{
+.submenu.level0>li{
     max-width: auto !important;
     min-width: auto !important;
     width: 15% !important;
-    }
+}
 
 }
 
 /*** calc ***/
 
-#heatcalc, #heatcalc input{
+#heatcalc, #heatcalc
-    font-family: arial !important;
-}
 
+#hc_table td{
+    padding:2px !important;
+}
 #hc_table th{
     background: #f0f0f0 !important;
 }
@@ -123,3 +124,103 @@ body::before {
     color:#fff !important;
     border-color: #fff;
 }
+
+---
+
+#heatcalc{
+    width: auto;
+
+    *{
+        position: relative;
+        font-family: arial;
+    }
+
+    #hc_table{
+        border-top:1px solid black;
+        border-left:1px solid black;
+        text-align: center;
+        border-collapse: separate;
+        td,th{
+            padding: 2px 5px;
+            text-align: center;
+            border-bottom:1px solid black;
+            border-right:1px solid black;
+        }
+        th{
+            background: #bbb;
+            z-index: 150;
+        }
+        tbody th{
+            z-index: 100;
+        }
+        thead th:nth-child(1){
+            z-index: 200;
+        }
+        td.hover, tr.hover td{
+            background-color:#990000;
+            color:#fff;
+        }
+        .filtered{
+            color:#aaa;
+        }
+    }
+
+    label{
+        text-align: right;
+    }
+    fieldset{
+        text-align: center;
+    }
+    body>fieldset{
+        margin-bottom:10px;
+    }
+    legend{
+        margin: 0 auto;
+    }
+    #filters input,#temps input{
+        width:50px;
+    }
+    #filters fieldset{
+        display: inline;
+    }
+
+    #button_container{
+        position: relative;
+     button{
+        margin-top:100px;
+        font-size: 50px;
+        background-color: rgba(153, 0, 0, 0.75);
+        color:#fff;
+        z-index: 250;
+        position: absolute;
+        top: 0;
+    &#left{
+        left: 8%;
+    }
+    &#right{
+        right: 8%;
+    }}}
+
+    #table_container{
+        overflow: auto;
+        overflow-y: hidden;
+        overflow-scrolling: touch;
+    }
+
+    .field{
+        white-space: nowrap;
+    }
+
+
+
+
+    #heatcalc td, #heatcalc th{
+    }
+    select{
+        width:auto;
+    }
+    fieldset{
+        border:1px solid #888;
+        padding:5px;
+        margin:5px;
+    }