String style() { String ptr = "html { font-family: 'Open Sans', sans-serif; display: block; margin: 0px auto; text-align: center;color: #333333;}\n"; ptr += "body{margin-top: 50px;}\n"; ptr += "h1 {margin: 50px auto 30px;}\n"; ptr += ".superscript{font-size: 17px;font-weight: 600;position: absolute;right: -20px;top: 15px;}\n"; ptr += ".data{padding: 10px;}\n"; ptr += ".side-by-side{display: inline-block;vertical-align: middle;position: relative;}\n"; ptr += ".humidity-text, .temperature-text, .switch-text{font-weight: 600;padding-left: 15px;font-size: 19px;width: 160px;text-align: left;}\n"; ptr += "a {text-decoration: none; margin-top:50px; margin-bottom:50px;}\n"; ptr += ".setting_row{padding: 20px;}\n"; ptr += "label.setting{padding-bottom: 10px; font-weight: bold;}\n"; ptr += ".center { margin-left: auto; margin-right: auto;}\n"; ptr += "td {padding: 5px;}\n"; ptr += "div.foot{margin-top: 80px;}"; ptr += "fieldset {width: 200px; margin: auto; border-radius: 10px;}"; //ptr += "legend {padding-left: 10px; padding-right: 10px; font-weight: bold;"; // vlhkost ptr += ".humidity-icon{background-color: #3498db;width: 30px;height: 30px;border-radius: 50%;line-height: 36px;}\n"; ptr += ".humidity{font-weight: 300;font-size: 60px;color: #3498db;}\n"; // teplota ptr += ".temperature-icon{background-color: #f39c12;width: 30px;height: 30px;border-radius: 50%;line-height: 40px;}\n"; ptr += ".temperature{font-weight: 300;font-size: 60px;color: #f39c12;}\n"; // switch ptr += ".switch input{display:none;}\n"; ptr += ".switch{display:inline-block; width: 60px; /*=w*/ height: 30px; /*=h*/ margin:8px; transform:translateY(50%); position:relative;}\n"; ptr += ".slider{position:absolute; top:0; bottom:0; left:0; right:0; border-radius:30px; box-shadow:0 0 0 2px #777,0 0 4px #777; cursor:pointer; border:4px solid transparent; overflow:hidden; transition:0.4s; text-align: left;}\n"; ptr += ".slider:before{position:absolute; content:\"\"; width:100%; height:100%; background-color:#777; border-radius:30px; transform:translateX(-30px); /*translateX(-(w-h))*/ transition:0.4s;}\n"; ptr += "input:checked + .slider:before{transform:translateX(30px); /*translateX(w-h)*/ background-color:limeGreen;}\n"; ptr += "input:checked + .slider{box-shadow:0 0 0 2px limeGreen,0 0 8px limeGreen;} .switch200 .slider:before{width:200%; transform:translateX(-82px); /*translateX(-(w-h))*/ }\n"; ptr += ".switch200 input:checked + .slider:before{background-color:red;}\n"; ptr += ".switch200 input:checked + .slider{box-shadow:0 0 0 2px red,0 0 8px red;}\n"; return ptr; }