From 1d7da26dcdd9cf016c9393d390df259489b07974 Mon Sep 17 00:00:00 2001 From: Dave Kliczbor Date: Tue, 27 Nov 2018 22:01:59 +0100 Subject: [PATCH] Input style now similar to switches, fixed max-width --- examples/gui/data/css/style.css | 23 +++++++++++++++++++++++ examples/gui/data/css/style.min.css | 2 +- src/dataStyleCSS.h | 4 ++-- 3 files changed, 26 insertions(+), 3 deletions(-) diff --git a/examples/gui/data/css/style.css b/examples/gui/data/css/style.css index 8dbe272..95a247d 100644 --- a/examples/gui/data/css/style.css +++ b/examples/gui/data/css/style.css @@ -786,3 +786,26 @@ } */ + +/* -------------------------------------------------------------- + * Text and number inputs + *--------------------------------------------------------------- */ + +input { + margin: 0 auto 1.2rem auto; + padding: 2px 5px; + width: 100%; + box-sizing: border-box; + border: none; + border-radius: 4px; + box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); + background: rgba(255, 255, 255, 0.8); +} + +input[id^="num"] { + max-width: 6em; + width:auto; + text-align: right; + font-weight: bold; + font-size: 115%; +} diff --git a/examples/gui/data/css/style.min.css b/examples/gui/data/css/style.min.css index 5766069..443d403 100644 --- a/examples/gui/data/css/style.min.css +++ b/examples/gui/data/css/style.min.css @@ -1 +1 @@ -.container{position:relative;width:79%;margin:20px;box-sizing:border-box}.column,.columns{width:100%;float:left}.card{margin-top:2%;border-radius:6px;box-shadow:0 4px 4px rgba(204,197,185,0.5);padding-left:20px;padding-right:20px;margin-bottom:10px;min-width:150px;color:#fff}.card-slider{padding-bottom:10px}.turquoise{background:#1abc9c;border-bottom:#16a085 3px solid}.emerald{background:#2ecc71;border-bottom:#27ae60 3px solid}.peterriver{background:#3498db;border-bottom:#2980b9 3px solid}.wetasphalt{background:#34495e;border-bottom:#2c3e50 3px solid}.sunflower{background:#f1c40f;border-bottom:#e6bb0f 3px solid}.carrot{background:#e67e22;border-bottom:#d35400 3px solid}.alizarin{background:#e74c3c;border-bottom:#c0392b 3px solid}.label{box-sizing:border-box;white-space:nowrap;border-radius:.2em;padding:.12em .4em .14em;text-align:center;color:#fff;font-weight:700;line-height:1;margin-bottom:5px;display:inline-block;white-space:nowrap;vertical-align:baseline;position:relative;top:-.15em;background-color:#999;margin-bottom:10px}.label-wrap{width:90%;white-space:pre-wrap;word-wrap:break-word}.label.color-blue{background-color:#6f9ad1}.label.color-red{background-color:#d37c7c}.label.color-green{background-color:#9bc268}.label.color-orange{background-color:#dea154}.label.color-yellow{background-color:#e9d641}.label.color-purple{background-color:#9f83d1}@media(min-width:400px){.container{width:84%}}@media(min-width:630px){.container{width:98%}.column,.columns{margin-right:2%}.column:first-child,.columns:first-child{margin-left:0}.one.column,.one.columns{width:4.66666666667%}.two.columns{width:13.3333333333%}.three.columns{width:22%}.four.columns{width:30.6666666667%}.five.columns{width:39.3333333333%}.six.columns{width:48%}.seven.columns{width:56.6666666667%}.eight.columns{width:65.3333333333%}.nine.columns{width:74.0%}.ten.columns{width:82.6666666667%}.eleven.columns{width:91.3333333333%}.twelve.columns{width:100%;margin-left:0}.one-third.column{width:30.6666666667%}.two-thirds.column{width:65.3333333333%}.one-half.column{width:48%}.offset-by-one.column,.offset-by-one.columns{margin-left:8.66666666667%}.offset-by-two.column,.offset-by-two.columns{margin-left:17.3333333333%}.offset-by-three.column,.offset-by-three.columns{margin-left:26%}.offset-by-four.column,.offset-by-four.columns{margin-left:34.6666666667%}.offset-by-five.column,.offset-by-five.columns{margin-left:43.3333333333%}.offset-by-six.column,.offset-by-six.columns{margin-left:52%}.offset-by-seven.column,.offset-by-seven.columns{margin-left:60.6666666667%}.offset-by-eight.column,.offset-by-eight.columns{margin-left:69.3333333333%}.offset-by-nine.column,.offset-by-nine.columns{margin-left:78.0%}.offset-by-ten.column,.offset-by-ten.columns{margin-left:86.6666666667%}.offset-by-eleven.column,.offset-by-eleven.columns{margin-left:95.3333333333%}.offset-by-one-third.column,.offset-by-one-third.columns{margin-left:34.6666666667%}.offset-by-two-thirds.column,.offset-by-two-thirds.columns{margin-left:69.3333333333%}.offset-by-one-half.column,.offset-by-one-half.columns{margin-left:52%}}html{font-size:62.5%}body{margin:0;font-size:1.5em;line-height:1.0;font-weight:400;font-family:'Open Sans',sans-serif;color:#222;background-color:#ecf0f1}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem;font-weight:300}h1{font-size:4.0rem;line-height:1.2;letter-spacing:-.1rem}h2{font-size:3.6rem;line-height:1.25;letter-spacing:-.1rem}h3{font-size:3.0rem;line-height:1.3;letter-spacing:-.1rem}h4{font-size:2.4rem;line-height:1.35;letter-spacing:-.08rem}h5{font-size:1.8rem;line-height:1.5;letter-spacing:-.05rem}h6{font-size:1.5rem;line-height:1.6;letter-spacing:0}@media(min-width:630px){h1{font-size:5.0rem}h2{font-size:4.2rem}h3{font-size:3.6rem}h4{font-size:3.0rem}h5{font-size:2.0rem}h6{font-size:1.5rem}}p{margin-top:0}a{color:#1eaedb}a:hover{color:#0fa0ce}button{display:inline-block;padding:10px;border-radius:3px;color:#fff;background-color:#999}#mainHeader{display:inline-block}#conStatus{position:inherit;font-size:.75em}button,.button{margin-bottom:1rem}.u-full-width{width:100%;box-sizing:border-box}.u-max-full-width{max-width:100%;box-sizing:border-box}.u-pull-right{float:right}.u-pull-left{float:left}.tcenter{text-align:center}hr{margin-top:.5rem;margin-bottom:1.2rem;border-width:0;border-top:1px solid #e1e1e1}.container:after,.row:after,.u-cf{content:"";display:table;clear:both}.control{background-color:#ddd;background-image:linear-gradient(hsla(0,0%,0%,.1),hsla(0,0%,100%,.1));border-radius:50%;box-shadow:inset 0 1px 1px 1px hsla(0,0%,100%,.5),0 0 1px 1px hsla(0,0%,100%,.75),0 0 1px 2px hsla(0,0%,100%,.25),0 0 1px 3px hsla(0,0%,100%,.25),0 0 1px 4px hsla(0,0%,100%,.25),0 0 1px 6px hsla(0,0%,0%,.75);height:9em;margin:3em auto;position:relative;width:9em}.control ul{height:100%;padding:0;transform:rotate(45deg)}.control li{border-radius:100% 0 0 0;box-shadow:inset -1px -1px 1px hsla(0,0%,100%,.5),0 0 1px hsla(0,0%,0%,.75);display:inline-block;height:50%;overflow:hidden;width:50%}.control ul li:nth-child(2){transform:rotate(90deg)}.control ul li:nth-child(3){transform:rotate(-90deg)}.control ul li:nth-child(4){transform:rotate(180deg)}.control ul a{height:200%;position:relative;transform:rotate(-45deg);width:200%}.control a:hover,.control a:focus{background-color:hsla(0,0%,100%,.25)}.control a{border-radius:50%;color:#333;display:block;font:bold 1em/3 sans-serif;text-align:center;text-decoration:none;text-shadow:0 1px 1px hsla(0,0%,100%,.4);transition:.15s}.control .confirm{background-color:#ddd;background-image:linear-gradient(hsla(0,0%,0%,.15),hsla(0,0%,100%,.25));box-shadow:inset 0 1px 1px 1px hsla(0,0%,100%,.5),0 0 1px 1px hsla(0,0%,100%,.25),0 0 1px 2px hsla(0,0%,100%,.25),0 0 1px 3px hsla(0,0%,100%,.25),0 0 1px 4px hsla(0,0%,100%,.25),0 0 1px 6px hsla(0,0%,0%,.85);left:50%;line-height:3;margin:-1.5em;position:absolute;top:50%;width:3em}.control .confirm:hover,.control .confirm:focus{background-color:#eee}.switch{display:inline-block !important;background-color:#bebebe;border-radius:4px;box-shadow:inset 0 0 6px rgba(0,0,0,0.3);color:#fff;cursor:pointer;display:block;font-size:14px;height:26px;margin-bottom:12px;position:relative;width:60px;-webkit-transition:background-color .2s ease-in-out;-moz-transition:background-color .2s ease-in-out;-o-transition:background-color .2s ease-in-out;-ms-transition:background-color .2s ease-in-out;transition:background-color .2s ease-in-out}.switch.checked{background-color:#76d21d}.switch input[type="checkbox"]{display:none;cursor:pointer;height:10px;left:12px;position:absolute;top:8px;width:10px}.in{position:absolute;top:8px;left:12px;-webkit-transition:left .08s ease-in-out;-moz-transition:left .08s ease-in-out;-o-transition:left .08s ease-in-out;-ms-transition:left .08s ease-in-out;transition:left .08s ease-in-out}.switch.checked div{left:38px}.switch .in:before{background:#fff;background:-moz-linear-gradient(top,#fff 0,#f0f0f0 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(100%,#f0f0f0));background:-webkit-linear-gradient(top,#fff 0,#f0f0f0 100%);background:-o-linear-gradient(top,#fff 0,#f0f0f0 100%);background:-ms-linear-gradient(top,#fff 0,#f0f0f0 100%);background:linear-gradient(to bottom,#fff 0,#f0f0f0 100%);border:1px solid #fff;border-radius:2px;box-shadow:0 0 4px rgba(0,0,0,0.3);content:'';height:18px;position:absolute;top:-5px;left:-9px;width:26px}.switch .in:after{background:#f0f0f0;background:-moz-linear-gradient(top,#f0f0f0 0,#fff 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#f0f0f0),color-stop(100%,#fff));background:-webkit-linear-gradient(top,#f0f0f0 0,#fff 100%);background:-o-linear-gradient(top,#f0f0f0 0,#fff 100%);background:-ms-linear-gradient(top,#f0f0f0 0,#fff 100%);background:linear-gradient(to bottom,#f0f0f0 0,#fff 100%);border-radius:10px;content:'';height:12px;margin:-1px 0 0 -1px;position:absolute;width:12px}.rkmd-slider{display:block;position:relative;font-size:16px;font-family:'Roboto',sans-serif}.rkmd-slider input[type="range"]{overflow:hidden;position:absolute;width:1px;height:1px;opacity:0}.rkmd-slider input[type="range"]+.slider{display:block;position:relative;width:100%;height:27px;border-radius:13px;background-color:#bebebe}@media(pointer:fine){.rkmd-slider input[type="range"]+.slider{height:4px;border-radius:0}}.rkmd-slider input[type="range"]+.slider .slider-fill{display:block;position:absolute;width:0;height:100%;user-select:none;z-index:1}.rkmd-slider input[type="range"]+.slider .slider-handle{cursor:pointer;position:absolute;top:12px;left:0;width:15px;height:15px;margin-left:-8px;border-radius:50%;transition:all .2s ease;user-select:none;z-index:2}@media(pointer:fine){.rkmd-slider input[type="range"]+.slider .slider-handle{top:-5.5px}}.rkmd-slider input[type="range"]:disabled+.slider{background-color:#b0b0b0 !important}.rkmd-slider input[type="range"]:disabled+.slider .slider-fill,.rkmd-slider input[type="range"]:disabled+.slider .slider-handle{cursor:default !important;background-color:#b0b0b0 !important}.rkmd-slider input[type="range"]:disabled+.slider .slider-fill .slider-label,.rkmd-slider input[type="range"]:disabled+.slider .slider-handle .slider-label{display:none;background-color:#b0b0b0 !important}.rkmd-slider input[type="range"]:disabled+.slider .slider-fill.is-active,.rkmd-slider input[type="range"]:disabled+.slider .slider-handle.is-active{top:-5.5px;width:15px;height:15px;margin-left:-8px}.rkmd-slider input[type="range"]:disabled+.slider .slider-fill.is-active .slider-label,.rkmd-slider input[type="range"]:disabled+.slider .slider-handle.is-active .slider-label{display:none;border-radius:50%;transform:none}.rkmd-slider input[type="range"]:disabled+.slider .slider-handle:active{box-shadow:none !important;transform:scale(1) !important}.rkmd-slider.slider-discrete .slider .slider-handle{position:relative;z-index:1}.rkmd-slider.slider-discrete .slider .slider-handle .slider-label{position:absolute;top:-17.5px;left:4px;width:30px;height:30px;-webkit-transform-origin:50% 100%;transform-origin:50% 100%;border-radius:50%;-webkit-transform:scale(1.0) rotate(-45deg);transform:scale(1.0) rotate(-45deg);-webkit-transition:all .2s ease;transition:all .2s ease}@media(pointer:fine){.rkmd-slider.slider-discrete .slider .slider-handle .slider-label{left:-2px;-webkit-transform:scale(0.5) rotate(-45deg);transform:scale(0.5) rotate(-45deg)}}.rkmd-slider.slider-discrete .slider .slider-handle .slider-label span{position:absolute;top:7px;left:0;width:100%;color:#fff;font-size:16px;text-align:center;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media(pointer:fine){.rkmd-slider.slider-discrete .slider .slider-handle .slider-label span{font-size:12px}}.rkmd-slider.slider-discrete .slider .slider-handle.is-active{top:0;margin-left:-2px;width:4px;height:4px}.rkmd-slider.slider-discrete .slider .slider-handle.is-active .slider-label{top:-15px;left:-2px;border-radius:15px 15px 15px 0;-webkit-transform:rotate(-45deg) translate(23px,-25px);transform:rotate(-45deg) translate(23px,-25px)}.rkmd-slider.slider-discrete .slider .slider-handle.is-active .slider-label span{opacity:1}.rkmd-slider.slider-discrete.slider-turquoise .slider-label{background-color:#16a085}.rkmd-slider.slider-discrete.slider-emerald .slider-label{background-color:#27ae60}.peterriver{background:#3498db;border-bottom:#2980b9 3px solid}.rkmd-slider.slider-discrete.slider-peterriver .slider-label{background-color:#2980b9}.wetasphalt{background:#34495e;border-bottom:#2c3e50 3px solid}.rkmd-slider.slider-discrete.slider-wetasphalt .slider-label{background-color:#2c3e50}.sunflower{background:#f1c40f;border-bottom:#e6bb0f 3px solid}.rkmd-slider.slider-discrete.slider-sunflower .slider-label{background-color:#e6bb0f}.carrot{background:#e67e22;border-bottom:#d35400 3px solid}.rkmd-slider.slider-discrete.slider-carrot .slider-label{background-color:#d35400}.alizarin{background:#e74c3c;border-bottom:#c0392b 3px solid}.rkmd-slider.slider-discrete.slider-alizarin .slider-label{background-color:#c0392b} \ No newline at end of file +.container{position:relative;width:79%;margin:20px;box-sizing:border-box}.column,.columns{width:100%;float:left}.card{margin-top:2%;border-radius:6px;box-shadow:0 4px 4px rgba(204,197,185,0.5);padding-left:20px;padding-right:20px;margin-bottom:10px;min-width:150px;color:#fff}.card-slider{padding-bottom:10px}.turquoise{background:#1abc9c;border-bottom:#16a085 3px solid}.emerald{background:#2ecc71;border-bottom:#27ae60 3px solid}.peterriver{background:#3498db;border-bottom:#2980b9 3px solid}.wetasphalt{background:#34495e;border-bottom:#2c3e50 3px solid}.sunflower{background:#f1c40f;border-bottom:#e6bb0f 3px solid}.carrot{background:#e67e22;border-bottom:#d35400 3px solid}.alizarin{background:#e74c3c;border-bottom:#c0392b 3px solid}.label{box-sizing:border-box;white-space:nowrap;border-radius:.2em;padding:.12em .4em .14em;text-align:center;color:#fff;font-weight:700;line-height:1;margin-bottom:5px;display:inline-block;white-space:nowrap;vertical-align:baseline;position:relative;top:-.15em;background-color:#999;margin-bottom:10px}.label-wrap{width:90%;white-space:pre-wrap;word-wrap:break-word}.label.color-blue{background-color:#6f9ad1}.label.color-red{background-color:#d37c7c}.label.color-green{background-color:#9bc268}.label.color-orange{background-color:#dea154}.label.color-yellow{background-color:#e9d641}.label.color-purple{background-color:#9f83d1}@media(min-width:400px){.container{width:84%}}@media(min-width:630px){.container{width:98%}.column,.columns{margin-right:2%}.column:first-child,.columns:first-child{margin-left:0}.one.column,.one.columns{width:4.66666666667%}.two.columns{width:13.3333333333%}.three.columns{width:22%}.four.columns{width:30.6666666667%}.five.columns{width:39.3333333333%}.six.columns{width:48%}.seven.columns{width:56.6666666667%}.eight.columns{width:65.3333333333%}.nine.columns{width:74.0%}.ten.columns{width:82.6666666667%}.eleven.columns{width:91.3333333333%}.twelve.columns{width:100%;margin-left:0}.one-third.column{width:30.6666666667%}.two-thirds.column{width:65.3333333333%}.one-half.column{width:48%}.offset-by-one.column,.offset-by-one.columns{margin-left:8.66666666667%}.offset-by-two.column,.offset-by-two.columns{margin-left:17.3333333333%}.offset-by-three.column,.offset-by-three.columns{margin-left:26%}.offset-by-four.column,.offset-by-four.columns{margin-left:34.6666666667%}.offset-by-five.column,.offset-by-five.columns{margin-left:43.3333333333%}.offset-by-six.column,.offset-by-six.columns{margin-left:52%}.offset-by-seven.column,.offset-by-seven.columns{margin-left:60.6666666667%}.offset-by-eight.column,.offset-by-eight.columns{margin-left:69.3333333333%}.offset-by-nine.column,.offset-by-nine.columns{margin-left:78.0%}.offset-by-ten.column,.offset-by-ten.columns{margin-left:86.6666666667%}.offset-by-eleven.column,.offset-by-eleven.columns{margin-left:95.3333333333%}.offset-by-one-third.column,.offset-by-one-third.columns{margin-left:34.6666666667%}.offset-by-two-thirds.column,.offset-by-two-thirds.columns{margin-left:69.3333333333%}.offset-by-one-half.column,.offset-by-one-half.columns{margin-left:52%}}html{font-size:62.5%}body{margin:0;font-size:1.5em;line-height:1.0;font-weight:400;font-family:'Open Sans',sans-serif;color:#222;background-color:#ecf0f1}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem;font-weight:300}h1{font-size:4.0rem;line-height:1.2;letter-spacing:-.1rem}h2{font-size:3.6rem;line-height:1.25;letter-spacing:-.1rem}h3{font-size:3.0rem;line-height:1.3;letter-spacing:-.1rem}h4{font-size:2.4rem;line-height:1.35;letter-spacing:-.08rem}h5{font-size:1.8rem;line-height:1.5;letter-spacing:-.05rem}h6{font-size:1.5rem;line-height:1.6;letter-spacing:0}@media(min-width:630px){h1{font-size:5.0rem}h2{font-size:4.2rem}h3{font-size:3.6rem}h4{font-size:3.0rem}h5{font-size:2.0rem}h6{font-size:1.5rem}}p{margin-top:0}a{color:#1eaedb}a:hover{color:#0fa0ce}button{display:inline-block;padding:10px;border-radius:3px;color:#fff;background-color:#999}#mainHeader{display:inline-block}#conStatus{position:inherit;font-size:.75em}button,.button{margin-bottom:1rem}.u-full-width{width:100%;box-sizing:border-box}.u-max-full-width{max-width:100%;box-sizing:border-box}.u-pull-right{float:right}.u-pull-left{float:left}.tcenter{text-align:center}hr{margin-top:.5rem;margin-bottom:1.2rem;border-width:0;border-top:1px solid #e1e1e1}.container:after,.row:after,.u-cf{content:"";display:table;clear:both}.control{background-color:#ddd;background-image:linear-gradient(hsla(0,0%,0%,.1),hsla(0,0%,100%,.1));border-radius:50%;box-shadow:inset 0 1px 1px 1px hsla(0,0%,100%,.5),0 0 1px 1px hsla(0,0%,100%,.75),0 0 1px 2px hsla(0,0%,100%,.25),0 0 1px 3px hsla(0,0%,100%,.25),0 0 1px 4px hsla(0,0%,100%,.25),0 0 1px 6px hsla(0,0%,0%,.75);height:9em;margin:3em auto;position:relative;width:9em}.control ul{height:100%;padding:0;transform:rotate(45deg)}.control li{border-radius:100% 0 0 0;box-shadow:inset -1px -1px 1px hsla(0,0%,100%,.5),0 0 1px hsla(0,0%,0%,.75);display:inline-block;height:50%;overflow:hidden;width:50%}.control ul li:nth-child(2){transform:rotate(90deg)}.control ul li:nth-child(3){transform:rotate(-90deg)}.control ul li:nth-child(4){transform:rotate(180deg)}.control ul a{height:200%;position:relative;transform:rotate(-45deg);width:200%}.control a:hover,.control a:focus{background-color:hsla(0,0%,100%,.25)}.control a{border-radius:50%;color:#333;display:block;font:bold 1em/3 sans-serif;text-align:center;text-decoration:none;text-shadow:0 1px 1px hsla(0,0%,100%,.4);transition:.15s}.control .confirm{background-color:#ddd;background-image:linear-gradient(hsla(0,0%,0%,.15),hsla(0,0%,100%,.25));box-shadow:inset 0 1px 1px 1px hsla(0,0%,100%,.5),0 0 1px 1px hsla(0,0%,100%,.25),0 0 1px 2px hsla(0,0%,100%,.25),0 0 1px 3px hsla(0,0%,100%,.25),0 0 1px 4px hsla(0,0%,100%,.25),0 0 1px 6px hsla(0,0%,0%,.85);left:50%;line-height:3;margin:-1.5em;position:absolute;top:50%;width:3em}.control .confirm:hover,.control .confirm:focus{background-color:#eee}.switch{display:inline-block !important;background-color:#bebebe;border-radius:4px;box-shadow:inset 0 0 6px rgba(0,0,0,0.3);color:#fff;cursor:pointer;display:block;font-size:14px;height:26px;margin-bottom:12px;position:relative;width:60px;-webkit-transition:background-color .2s ease-in-out;-moz-transition:background-color .2s ease-in-out;-o-transition:background-color .2s ease-in-out;-ms-transition:background-color .2s ease-in-out;transition:background-color .2s ease-in-out}.switch.checked{background-color:#76d21d}.switch input[type="checkbox"]{display:none;cursor:pointer;height:10px;left:12px;position:absolute;top:8px;width:10px}.in{position:absolute;top:8px;left:12px;-webkit-transition:left .08s ease-in-out;-moz-transition:left .08s ease-in-out;-o-transition:left .08s ease-in-out;-ms-transition:left .08s ease-in-out;transition:left .08s ease-in-out}.switch.checked div{left:38px}.switch .in:before{background:#fff;background:-moz-linear-gradient(top,#fff 0,#f0f0f0 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(100%,#f0f0f0));background:-webkit-linear-gradient(top,#fff 0,#f0f0f0 100%);background:-o-linear-gradient(top,#fff 0,#f0f0f0 100%);background:-ms-linear-gradient(top,#fff 0,#f0f0f0 100%);background:linear-gradient(to bottom,#fff 0,#f0f0f0 100%);border:1px solid #fff;border-radius:2px;box-shadow:0 0 4px rgba(0,0,0,0.3);content:'';height:18px;position:absolute;top:-5px;left:-9px;width:26px}.switch .in:after{background:#f0f0f0;background:-moz-linear-gradient(top,#f0f0f0 0,#fff 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#f0f0f0),color-stop(100%,#fff));background:-webkit-linear-gradient(top,#f0f0f0 0,#fff 100%);background:-o-linear-gradient(top,#f0f0f0 0,#fff 100%);background:-ms-linear-gradient(top,#f0f0f0 0,#fff 100%);background:linear-gradient(to bottom,#f0f0f0 0,#fff 100%);border-radius:10px;content:'';height:12px;margin:-1px 0 0 -1px;position:absolute;width:12px}.rkmd-slider{display:block;position:relative;font-size:16px;font-family:'Roboto',sans-serif}.rkmd-slider input[type="range"]{overflow:hidden;position:absolute;width:1px;height:1px;opacity:0}.rkmd-slider input[type="range"]+.slider{display:block;position:relative;width:100%;height:27px;border-radius:13px;background-color:#bebebe}@media(pointer:fine){.rkmd-slider input[type="range"]+.slider{height:4px;border-radius:0}}.rkmd-slider input[type="range"]+.slider .slider-fill{display:block;position:absolute;width:0;height:100%;user-select:none;z-index:1}.rkmd-slider input[type="range"]+.slider .slider-handle{cursor:pointer;position:absolute;top:12px;left:0;width:15px;height:15px;margin-left:-8px;border-radius:50%;transition:all .2s ease;user-select:none;z-index:2}@media(pointer:fine){.rkmd-slider input[type="range"]+.slider .slider-handle{top:-5.5px}}.rkmd-slider input[type="range"]:disabled+.slider{background-color:#b0b0b0 !important}.rkmd-slider input[type="range"]:disabled+.slider .slider-fill,.rkmd-slider input[type="range"]:disabled+.slider .slider-handle{cursor:default !important;background-color:#b0b0b0 !important}.rkmd-slider input[type="range"]:disabled+.slider .slider-fill .slider-label,.rkmd-slider input[type="range"]:disabled+.slider .slider-handle .slider-label{display:none;background-color:#b0b0b0 !important}.rkmd-slider input[type="range"]:disabled+.slider .slider-fill.is-active,.rkmd-slider input[type="range"]:disabled+.slider .slider-handle.is-active{top:-5.5px;width:15px;height:15px;margin-left:-8px}.rkmd-slider input[type="range"]:disabled+.slider .slider-fill.is-active .slider-label,.rkmd-slider input[type="range"]:disabled+.slider .slider-handle.is-active .slider-label{display:none;border-radius:50%;transform:none}.rkmd-slider input[type="range"]:disabled+.slider .slider-handle:active{box-shadow:none !important;transform:scale(1) !important}.rkmd-slider.slider-discrete .slider .slider-handle{position:relative;z-index:1}.rkmd-slider.slider-discrete .slider .slider-handle .slider-label{position:absolute;top:-17.5px;left:4px;width:30px;height:30px;-webkit-transform-origin:50% 100%;transform-origin:50% 100%;border-radius:50%;-webkit-transform:scale(1.0) rotate(-45deg);transform:scale(1.0) rotate(-45deg);-webkit-transition:all .2s ease;transition:all .2s ease}@media(pointer:fine){.rkmd-slider.slider-discrete .slider .slider-handle .slider-label{left:-2px;-webkit-transform:scale(0.5) rotate(-45deg);transform:scale(0.5) rotate(-45deg)}}.rkmd-slider.slider-discrete .slider .slider-handle .slider-label span{position:absolute;top:7px;left:0;width:100%;color:#fff;font-size:16px;text-align:center;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media(pointer:fine){.rkmd-slider.slider-discrete .slider .slider-handle .slider-label span{font-size:12px}}.rkmd-slider.slider-discrete .slider .slider-handle.is-active{top:0;margin-left:-2px;width:4px;height:4px}.rkmd-slider.slider-discrete .slider .slider-handle.is-active .slider-label{top:-15px;left:-2px;border-radius:15px 15px 15px 0;-webkit-transform:rotate(-45deg) translate(23px,-25px);transform:rotate(-45deg) translate(23px,-25px)}.rkmd-slider.slider-discrete .slider .slider-handle.is-active .slider-label span{opacity:1}.rkmd-slider.slider-discrete.slider-turquoise .slider-label{background-color:#16a085}.rkmd-slider.slider-discrete.slider-emerald .slider-label{background-color:#27ae60}.peterriver{background:#3498db;border-bottom:#2980b9 3px solid}.rkmd-slider.slider-discrete.slider-peterriver .slider-label{background-color:#2980b9}.wetasphalt{background:#34495e;border-bottom:#2c3e50 3px solid}.rkmd-slider.slider-discrete.slider-wetasphalt .slider-label{background-color:#2c3e50}.sunflower{background:#f1c40f;border-bottom:#e6bb0f 3px solid}.rkmd-slider.slider-discrete.slider-sunflower .slider-label{background-color:#e6bb0f}.carrot{background:#e67e22;border-bottom:#d35400 3px solid}.rkmd-slider.slider-discrete.slider-carrot .slider-label{background-color:#d35400}.alizarin{background:#e74c3c;border-bottom:#c0392b 3px solid}.rkmd-slider.slider-discrete.slider-alizarin .slider-label{background-color:#c0392b}input{margin:0 auto 1.2rem auto;padding:2px 5px;width:100%;box-sizing:border-box;border:0;border-radius:4px;box-shadow:inset 0 0 6px rgba(0,0,0,0.3);background:rgba(255,255,255,0.8)}input[id^="num"]{max-width:6em;width:auto;text-align:right;font-weight:bold;font-size:115%} \ No newline at end of file diff --git a/src/dataStyleCSS.h b/src/dataStyleCSS.h index abc20c8..bbdacdf 100644 --- a/src/dataStyleCSS.h +++ b/src/dataStyleCSS.h @@ -1,5 +1,5 @@ const char CSS_STYLE[] PROGMEM = R"=====( -.container{position:relative;width:79%;margin:20px;box-sizing:border-box}.column,.columns{width:100%;float:left}.card{margin-top:2%;border-radius:6px;box-shadow:0 4px 4px rgba(204,197,185,0.5);padding-left:20px;padding-right:20px;margin-bottom:10px;min-width:150px;color:#fff}.card-slider{padding-bottom:10px}.turquoise{background:#1abc9c;border-bottom:#16a085 3px solid}.emerald{background:#2ecc71;border-bottom:#27ae60 3px solid}.peterriver{background:#3498db;border-bottom:#2980b9 3px solid}.wetasphalt{background:#34495e;border-bottom:#2c3e50 3px solid}.sunflower{background:#f1c40f;border-bottom:#e6bb0f 3px solid}.carrot{background:#e67e22;border-bottom:#d35400 3px solid}.alizarin{background:#e74c3c;border-bottom:#c0392b 3px solid}.label{box-sizing:border-box;white-space:nowrap;border-radius:.2em;padding:.12em .4em .14em;text-align:center;color:#fff;font-weight:700;line-height:1;margin-bottom:5px;display:inline-block;white-space:nowrap;vertical-align:baseline;position:relative;top:-.15em;background-color:#999;margin-bottom:10px}.label-wrap{width:90%;white-space:pre-wrap;word-wrap:break-word}.label.color-blue{background-color:#6f9ad1}.label.color-red{background-color:#d37c7c}.label.color-green{background-color:#9bc268}.label.color-orange{background-color:#dea154}.label.color-yellow{background-color:#e9d641}.label.color-purple{background-color:#9f83d1}@media(min-width:400px){.container{width:84%}}@media(min-width:630px){.container{width:98%}.column,.columns{margin-right:2%}.column:first-child,.columns:first-child{margin-left:0}.one.column,.one.columns{width:4.66666666667%}.two.columns{width:13.3333333333%}.three.columns{width:22%}.four.columns{width:30.6666666667%}.five.columns{width:39.3333333333%}.six.columns{width:48%}.seven.columns{width:56.6666666667%}.eight.columns{width:65.3333333333%}.nine.columns{width:74.0%}.ten.columns{width:82.6666666667%}.eleven.columns{width:91.3333333333%}.twelve.columns{width:100%;margin-left:0}.one-third.column{width:30.6666666667%}.two-thirds.column{width:65.3333333333%}.one-half.column{width:48%}.offset-by-one.column,.offset-by-one.columns{margin-left:8.66666666667%}.offset-by-two.column,.offset-by-two.columns{margin-left:17.3333333333%}.offset-by-three.column,.offset-by-three.columns{margin-left:26%}.offset-by-four.column,.offset-by-four.columns{margin-left:34.6666666667%}.offset-by-five.column,.offset-by-five.columns{margin-left:43.3333333333%}.offset-by-six.column,.offset-by-six.columns{margin-left:52%}.offset-by-seven.column,.offset-by-seven.columns{margin-left:60.6666666667%}.offset-by-eight.column,.offset-by-eight.columns{margin-left:69.3333333333%}.offset-by-nine.column,.offset-by-nine.columns{margin-left:78.0%}.offset-by-ten.column,.offset-by-ten.columns{margin-left:86.6666666667%}.offset-by-eleven.column,.offset-by-eleven.columns{margin-left:95.3333333333%}.offset-by-one-third.column,.offset-by-one-third.columns{margin-left:34.6666666667%}.offset-by-two-thirds.column,.offset-by-two-thirds.columns{margin-left:69.3333333333%}.offset-by-one-half.column,.offset-by-one-half.columns{margin-left:52%}}html{font-size:62.5%}body{margin:0;font-size:1.5em;line-height:1.0;font-weight:400;font-family:'Open Sans',sans-serif;color:#222;background-color:#ecf0f1}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem;font-weight:300}h1{font-size:4.0rem;line-height:1.2;letter-spacing:-.1rem}h2{font-size:3.6rem;line-height:1.25;letter-spacing:-.1rem}h3{font-size:3.0rem;line-height:1.3;letter-spacing:-.1rem}h4{font-size:2.4rem;line-height:1.35;letter-spacing:-.08rem}h5{font-size:1.8rem;line-height:1.5;letter-spacing:-.05rem}h6{font-size:1.5rem;line-height:1.6;letter-spacing:0}@media(min-width:630px){h1{font-size:5.0rem}h2{font-size:4.2rem}h3{font-size:3.6rem}h4{font-size:3.0rem}h5{font-size:2.0rem}h6{font-size:1.5rem}}p{margin-top:0}a{color:#1eaedb}a:hover{color:#0fa0ce}button{display:inline-block;padding:10px;border-radius:3px;color:#fff;background-color:#999}#mainHeader{display:inline-block}#conStatus{position:inherit;font-size:.75em}button,.button{margin-bottom:1rem}.u-full-width{width:100%;box-sizing:border-box}.u-max-full-width{max-width:100%;box-sizing:border-box}.u-pull-right{float:right}.u-pull-left{float:left}.tcenter{text-align:center}hr{margin-top:.5rem;margin-bottom:1.2rem;border-width:0;border-top:1px solid #e1e1e1}.container:after,.row:after,.u-cf{content:"";display:table;clear:both}.control{background-color:#ddd;background-image:linear-gradient(hsla(0,0%,0%,.1),hsla(0,0%,100%,.1));border-radius:50%;box-shadow:inset 0 1px 1px 1px hsla(0,0%,100%,.5),0 0 1px 1px hsla(0,0%,100%,.75),0 0 1px 2px hsla(0,0%,100%,.25),0 0 1px 3px hsla(0,0%,100%,.25),0 0 1px 4px hsla(0,0%,100%,.25),0 0 1px 6px hsla(0,0%,0%,.75);height:9em;margin:3em auto;position:relative;width:9em}.control ul{height:100%;padding:0;transform:rotate(45deg)}.control li{border-radius:100% 0 0 0;box-shadow:inset -1px -1px 1px hsla(0,0%,100%,.5),0 0 1px hsla(0,0%,0%,.75);display:inline-block;height:50%;overflow:hidden;width:50%}.control ul li:nth-child(2){transform:rotate(90deg)}.control ul li:nth-child(3){transform:rotate(-90deg)}.control ul li:nth-child(4){transform:rotate(180deg)}.control ul a{height:200%;position:relative;transform:rotate(-45deg);width:200%}.control a:hover,.control a:focus{background-color:hsla(0,0%,100%,.25)}.control a{border-radius:50%;color:#333;display:block;font:bold 1em/3 sans-serif;text-align:center;text-decoration:none;text-shadow:0 1px 1px hsla(0,0%,100%,.4);transition:.15s}.control .confirm{background-color:#ddd;background-image:linear-gradient(hsla(0,0%,0%,.15),hsla(0,0%,100%,.25));box-shadow:inset 0 1px 1px 1px hsla(0,0%,100%,.5),0 0 1px 1px hsla(0,0%,100%,.25),0 0 1px 2px hsla(0,0%,100%,.25),0 0 1px 3px hsla(0,0%,100%,.25),0 0 1px 4px hsla(0,0%,100%,.25),0 0 1px 6px hsla(0,0%,0%,.85);left:50%;line-height:3;margin:-1.5em;position:absolute;top:50%;width:3em}.control .confirm:hover,.control .confirm:focus{background-color:#eee}.switch{display:inline-block !important;background-color:#bebebe;border-radius:4px;box-shadow:inset 0 0 6px rgba(0,0,0,0.3);color:#fff;cursor:pointer;display:block;font-size:14px;height:26px;margin-bottom:12px;position:relative;width:60px;-webkit-transition:background-color .2s ease-in-out;-moz-transition:background-color .2s ease-in-out;-o-transition:background-color .2s ease-in-out;-ms-transition:background-color .2s ease-in-out;transition:background-color .2s ease-in-out}.switch.checked{background-color:#76d21d}.switch input[type="checkbox"]{display:none;cursor:pointer;height:10px;left:12px;position:absolute;top:8px;width:10px}.in{position:absolute;top:8px;left:12px;-webkit-transition:left .08s ease-in-out;-moz-transition:left .08s ease-in-out;-o-transition:left .08s ease-in-out;-ms-transition:left .08s ease-in-out;transition:left .08s ease-in-out}.switch.checked div{left:38px}.switch .in:before{background:#fff;background:-moz-linear-gradient(top,#fff 0,#f0f0f0 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(100%,#f0f0f0));background:-webkit-linear-gradient(top,#fff 0,#f0f0f0 100%);background:-o-linear-gradient(top,#fff 0,#f0f0f0 100%);background:-ms-linear-gradient(top,#fff 0,#f0f0f0 100%);background:linear-gradient(to bottom,#fff 0,#f0f0f0 100%);border:1px solid #fff;border-radius:2px;box-shadow:0 0 4px rgba(0,0,0,0.3);content:'';height:18px;position:absolute;top:-5px;left:-9px;width:26px}.switch .in:after{background:#f0f0f0;background:-moz-linear-gradient(top,#f0f0f0 0,#fff 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#f0f0f0),color-stop(100%,#fff));background:-webkit-linear-gradient(top,#f0f0f0 0,#fff 100%);background:-o-linear-gradient(top,#f0f0f0 0,#fff 100%);background:-ms-linear-gradient(top,#f0f0f0 0,#fff 100%);background:linear-gradient(to bottom,#f0f0f0 0,#fff 100%);border-radius:10px;content:'';height:12px;margin:-1px 0 0 -1px;position:absolute;width:12px}.rkmd-slider{display:block;position:relative;font-size:16px;font-family:'Roboto',sans-serif}.rkmd-slider input[type="range"]{overflow:hidden;position:absolute;width:1px;height:1px;opacity:0}.rkmd-slider input[type="range"]+.slider{display:block;position:relative;width:100%;height:27px;border-radius:13px;background-color:#bebebe}@media(pointer:fine){.rkmd-slider input[type="range"]+.slider{height:4px;border-radius:0}}.rkmd-slider input[type="range"]+.slider .slider-fill{display:block;position:absolute;width:0;height:100%;user-select:none;z-index:1}.rkmd-slider input[type="range"]+.slider .slider-handle{cursor:pointer;position:absolute;top:12px;left:0;width:15px;height:15px;margin-left:-8px;border-radius:50%;transition:all .2s ease;user-select:none;z-index:2}@media(pointer:fine){.rkmd-slider input[type="range"]+.slider .slider-handle{top:-5.5px}}.rkmd-slider input[type="range"]:disabled+.slider{background-color:#b0b0b0 !important}.rkmd-slider input[type="range"]:disabled+.slider .slider-fill,.rkmd-slider input[type="range"]:disabled+.slider .slider-handle{cursor:default !important;background-color:#b0b0b0 !important}.rkmd-slider input[type="range"]:disabled+.slider .slider-fill .slider-label,.rkmd-slider input[type="range"]:disabled+.slider .slider-handle .slider-label{display:none;background-color:#b0b0b0 !important}.rkmd-slider input[type="range"]:disabled+.slider .slider-fill.is-active,.rkmd-slider input[type="range"]:disabled+.slider .slider-handle.is-active{top:-5.5px;width:15px;height:15px;margin-left:-8px}.rkmd-slider input[type="range"]:disabled+.slider .slider-fill.is-active .slider-label,.rkmd-slider input[type="range"]:disabled+.slider .slider-handle.is-active .slider-label{display:none;border-radius:50%;transform:none}.rkmd-slider input[type="range"]:disabled+.slider .slider-handle:active{box-shadow:none !important;transform:scale(1) !important}.rkmd-slider.slider-discrete .slider .slider-handle{position:relative;z-index:1}.rkmd-slider.slider-discrete .slider .slider-handle .slider-label{position:absolute;top:-17.5px;left:4px;width:30px;height:30px;-webkit-transform-origin:50% 100%;transform-origin:50% 100%;border-radius:50%;-webkit-transform:scale(1.0) rotate(-45deg);transform:scale(1.0) rotate(-45deg);-webkit-transition:all .2s ease;transition:all .2s ease}@media(pointer:fine){.rkmd-slider.slider-discrete .slider .slider-handle .slider-label{left:-2px;-webkit-transform:scale(0.5) rotate(-45deg);transform:scale(0.5) rotate(-45deg)}}.rkmd-slider.slider-discrete .slider .slider-handle .slider-label span{position:absolute;top:7px;left:0;width:100%;color:#fff;font-size:16px;text-align:center;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media(pointer:fine){.rkmd-slider.slider-discrete .slider .slider-handle .slider-label span{font-size:12px}}.rkmd-slider.slider-discrete .slider .slider-handle.is-active{top:0;margin-left:-2px;width:4px;height:4px}.rkmd-slider.slider-discrete .slider .slider-handle.is-active .slider-label{top:-15px;left:-2px;border-radius:15px 15px 15px 0;-webkit-transform:rotate(-45deg) translate(23px,-25px);transform:rotate(-45deg) translate(23px,-25px)}.rkmd-slider.slider-discrete .slider .slider-handle.is-active .slider-label span{opacity:1}.rkmd-slider.slider-discrete.slider-turquoise .slider-label{background-color:#16a085}.rkmd-slider.slider-discrete.slider-emerald .slider-label{background-color:#27ae60}.peterriver{background:#3498db;border-bottom:#2980b9 3px solid}.rkmd-slider.slider-discrete.slider-peterriver .slider-label{background-color:#2980b9}.wetasphalt{background:#34495e;border-bottom:#2c3e50 3px solid}.rkmd-slider.slider-discrete.slider-wetasphalt .slider-label{background-color:#2c3e50}.sunflower{background:#f1c40f;border-bottom:#e6bb0f 3px solid}.rkmd-slider.slider-discrete.slider-sunflower .slider-label{background-color:#e6bb0f}.carrot{background:#e67e22;border-bottom:#d35400 3px solid}.rkmd-slider.slider-discrete.slider-carrot .slider-label{background-color:#d35400}.alizarin{background:#e74c3c;border-bottom:#c0392b 3px solid}.rkmd-slider.slider-discrete.slider-alizarin .slider-label{background-color:#c0392b} +.container{position:relative;width:79%;margin:20px;box-sizing:border-box}.column,.columns{width:100%;float:left}.card{margin-top:2%;border-radius:6px;box-shadow:0 4px 4px rgba(204,197,185,0.5);padding-left:20px;padding-right:20px;margin-bottom:10px;min-width:150px;color:#fff}.card-slider{padding-bottom:10px}.turquoise{background:#1abc9c;border-bottom:#16a085 3px solid}.emerald{background:#2ecc71;border-bottom:#27ae60 3px solid}.peterriver{background:#3498db;border-bottom:#2980b9 3px solid}.wetasphalt{background:#34495e;border-bottom:#2c3e50 3px solid}.sunflower{background:#f1c40f;border-bottom:#e6bb0f 3px solid}.carrot{background:#e67e22;border-bottom:#d35400 3px solid}.alizarin{background:#e74c3c;border-bottom:#c0392b 3px solid}.label{box-sizing:border-box;white-space:nowrap;border-radius:.2em;padding:.12em .4em .14em;text-align:center;color:#fff;font-weight:700;line-height:1;margin-bottom:5px;display:inline-block;white-space:nowrap;vertical-align:baseline;position:relative;top:-.15em;background-color:#999;margin-bottom:10px}.label-wrap{width:90%;white-space:pre-wrap;word-wrap:break-word}.label.color-blue{background-color:#6f9ad1}.label.color-red{background-color:#d37c7c}.label.color-green{background-color:#9bc268}.label.color-orange{background-color:#dea154}.label.color-yellow{background-color:#e9d641}.label.color-purple{background-color:#9f83d1}@media(min-width:400px){.container{width:84%}}@media(min-width:630px){.container{width:98%}.column,.columns{margin-right:2%}.column:first-child,.columns:first-child{margin-left:0}.one.column,.one.columns{width:4.66666666667%}.two.columns{width:13.3333333333%}.three.columns{width:22%}.four.columns{width:30.6666666667%}.five.columns{width:39.3333333333%}.six.columns{width:48%}.seven.columns{width:56.6666666667%}.eight.columns{width:65.3333333333%}.nine.columns{width:74.0%}.ten.columns{width:82.6666666667%}.eleven.columns{width:91.3333333333%}.twelve.columns{width:100%;margin-left:0}.one-third.column{width:30.6666666667%}.two-thirds.column{width:65.3333333333%}.one-half.column{width:48%}.offset-by-one.column,.offset-by-one.columns{margin-left:8.66666666667%}.offset-by-two.column,.offset-by-two.columns{margin-left:17.3333333333%}.offset-by-three.column,.offset-by-three.columns{margin-left:26%}.offset-by-four.column,.offset-by-four.columns{margin-left:34.6666666667%}.offset-by-five.column,.offset-by-five.columns{margin-left:43.3333333333%}.offset-by-six.column,.offset-by-six.columns{margin-left:52%}.offset-by-seven.column,.offset-by-seven.columns{margin-left:60.6666666667%}.offset-by-eight.column,.offset-by-eight.columns{margin-left:69.3333333333%}.offset-by-nine.column,.offset-by-nine.columns{margin-left:78.0%}.offset-by-ten.column,.offset-by-ten.columns{margin-left:86.6666666667%}.offset-by-eleven.column,.offset-by-eleven.columns{margin-left:95.3333333333%}.offset-by-one-third.column,.offset-by-one-third.columns{margin-left:34.6666666667%}.offset-by-two-thirds.column,.offset-by-two-thirds.columns{margin-left:69.3333333333%}.offset-by-one-half.column,.offset-by-one-half.columns{margin-left:52%}}html{font-size:62.5%}body{margin:0;font-size:1.5em;line-height:1.0;font-weight:400;font-family:'Open Sans',sans-serif;color:#222;background-color:#ecf0f1}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem;font-weight:300}h1{font-size:4.0rem;line-height:1.2;letter-spacing:-.1rem}h2{font-size:3.6rem;line-height:1.25;letter-spacing:-.1rem}h3{font-size:3.0rem;line-height:1.3;letter-spacing:-.1rem}h4{font-size:2.4rem;line-height:1.35;letter-spacing:-.08rem}h5{font-size:1.8rem;line-height:1.5;letter-spacing:-.05rem}h6{font-size:1.5rem;line-height:1.6;letter-spacing:0}@media(min-width:630px){h1{font-size:5.0rem}h2{font-size:4.2rem}h3{font-size:3.6rem}h4{font-size:3.0rem}h5{font-size:2.0rem}h6{font-size:1.5rem}}p{margin-top:0}a{color:#1eaedb}a:hover{color:#0fa0ce}button{display:inline-block;padding:10px;border-radius:3px;color:#fff;background-color:#999}#mainHeader{display:inline-block}#conStatus{position:inherit;font-size:.75em}button,.button{margin-bottom:1rem}.u-full-width{width:100%;box-sizing:border-box}.u-max-full-width{max-width:100%;box-sizing:border-box}.u-pull-right{float:right}.u-pull-left{float:left}.tcenter{text-align:center}hr{margin-top:.5rem;margin-bottom:1.2rem;border-width:0;border-top:1px solid #e1e1e1}.container:after,.row:after,.u-cf{content:"";display:table;clear:both}.control{background-color:#ddd;background-image:linear-gradient(hsla(0,0%,0%,.1),hsla(0,0%,100%,.1));border-radius:50%;box-shadow:inset 0 1px 1px 1px hsla(0,0%,100%,.5),0 0 1px 1px hsla(0,0%,100%,.75),0 0 1px 2px hsla(0,0%,100%,.25),0 0 1px 3px hsla(0,0%,100%,.25),0 0 1px 4px hsla(0,0%,100%,.25),0 0 1px 6px hsla(0,0%,0%,.75);height:9em;margin:3em auto;position:relative;width:9em}.control ul{height:100%;padding:0;transform:rotate(45deg)}.control li{border-radius:100% 0 0 0;box-shadow:inset -1px -1px 1px hsla(0,0%,100%,.5),0 0 1px hsla(0,0%,0%,.75);display:inline-block;height:50%;overflow:hidden;width:50%}.control ul li:nth-child(2){transform:rotate(90deg)}.control ul li:nth-child(3){transform:rotate(-90deg)}.control ul li:nth-child(4){transform:rotate(180deg)}.control ul a{height:200%;position:relative;transform:rotate(-45deg);width:200%}.control a:hover,.control a:focus{background-color:hsla(0,0%,100%,.25)}.control a{border-radius:50%;color:#333;display:block;font:bold 1em/3 sans-serif;text-align:center;text-decoration:none;text-shadow:0 1px 1px hsla(0,0%,100%,.4);transition:.15s}.control .confirm{background-color:#ddd;background-image:linear-gradient(hsla(0,0%,0%,.15),hsla(0,0%,100%,.25));box-shadow:inset 0 1px 1px 1px hsla(0,0%,100%,.5),0 0 1px 1px hsla(0,0%,100%,.25),0 0 1px 2px hsla(0,0%,100%,.25),0 0 1px 3px hsla(0,0%,100%,.25),0 0 1px 4px hsla(0,0%,100%,.25),0 0 1px 6px hsla(0,0%,0%,.85);left:50%;line-height:3;margin:-1.5em;position:absolute;top:50%;width:3em}.control .confirm:hover,.control .confirm:focus{background-color:#eee}.switch{display:inline-block !important;background-color:#bebebe;border-radius:4px;box-shadow:inset 0 0 6px rgba(0,0,0,0.3);color:#fff;cursor:pointer;display:block;font-size:14px;height:26px;margin-bottom:12px;position:relative;width:60px;-webkit-transition:background-color .2s ease-in-out;-moz-transition:background-color .2s ease-in-out;-o-transition:background-color .2s ease-in-out;-ms-transition:background-color .2s ease-in-out;transition:background-color .2s ease-in-out}.switch.checked{background-color:#76d21d}.switch input[type="checkbox"]{display:none;cursor:pointer;height:10px;left:12px;position:absolute;top:8px;width:10px}.in{position:absolute;top:8px;left:12px;-webkit-transition:left .08s ease-in-out;-moz-transition:left .08s ease-in-out;-o-transition:left .08s ease-in-out;-ms-transition:left .08s ease-in-out;transition:left .08s ease-in-out}.switch.checked div{left:38px}.switch .in:before{background:#fff;background:-moz-linear-gradient(top,#fff 0,#f0f0f0 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(100%,#f0f0f0));background:-webkit-linear-gradient(top,#fff 0,#f0f0f0 100%);background:-o-linear-gradient(top,#fff 0,#f0f0f0 100%);background:-ms-linear-gradient(top,#fff 0,#f0f0f0 100%);background:linear-gradient(to bottom,#fff 0,#f0f0f0 100%);border:1px solid #fff;border-radius:2px;box-shadow:0 0 4px rgba(0,0,0,0.3);content:'';height:18px;position:absolute;top:-5px;left:-9px;width:26px}.switch .in:after{background:#f0f0f0;background:-moz-linear-gradient(top,#f0f0f0 0,#fff 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#f0f0f0),color-stop(100%,#fff));background:-webkit-linear-gradient(top,#f0f0f0 0,#fff 100%);background:-o-linear-gradient(top,#f0f0f0 0,#fff 100%);background:-ms-linear-gradient(top,#f0f0f0 0,#fff 100%);background:linear-gradient(to bottom,#f0f0f0 0,#fff 100%);border-radius:10px;content:'';height:12px;margin:-1px 0 0 -1px;position:absolute;width:12px}.rkmd-slider{display:block;position:relative;font-size:16px;font-family:'Roboto',sans-serif}.rkmd-slider input[type="range"]{overflow:hidden;position:absolute;width:1px;height:1px;opacity:0}.rkmd-slider input[type="range"]+.slider{display:block;position:relative;width:100%;height:27px;border-radius:13px;background-color:#bebebe}@media(pointer:fine){.rkmd-slider input[type="range"]+.slider{height:4px;border-radius:0}}.rkmd-slider input[type="range"]+.slider .slider-fill{display:block;position:absolute;width:0;height:100%;user-select:none;z-index:1}.rkmd-slider input[type="range"]+.slider .slider-handle{cursor:pointer;position:absolute;top:12px;left:0;width:15px;height:15px;margin-left:-8px;border-radius:50%;transition:all .2s ease;user-select:none;z-index:2}@media(pointer:fine){.rkmd-slider input[type="range"]+.slider .slider-handle{top:-5.5px}}.rkmd-slider input[type="range"]:disabled+.slider{background-color:#b0b0b0 !important}.rkmd-slider input[type="range"]:disabled+.slider .slider-fill,.rkmd-slider input[type="range"]:disabled+.slider .slider-handle{cursor:default !important;background-color:#b0b0b0 !important}.rkmd-slider input[type="range"]:disabled+.slider .slider-fill .slider-label,.rkmd-slider input[type="range"]:disabled+.slider .slider-handle .slider-label{display:none;background-color:#b0b0b0 !important}.rkmd-slider input[type="range"]:disabled+.slider .slider-fill.is-active,.rkmd-slider input[type="range"]:disabled+.slider .slider-handle.is-active{top:-5.5px;width:15px;height:15px;margin-left:-8px}.rkmd-slider input[type="range"]:disabled+.slider .slider-fill.is-active .slider-label,.rkmd-slider input[type="range"]:disabled+.slider .slider-handle.is-active .slider-label{display:none;border-radius:50%;transform:none}.rkmd-slider input[type="range"]:disabled+.slider .slider-handle:active{box-shadow:none !important;transform:scale(1) !important}.rkmd-slider.slider-discrete .slider .slider-handle{position:relative;z-index:1}.rkmd-slider.slider-discrete .slider .slider-handle .slider-label{position:absolute;top:-17.5px;left:4px;width:30px;height:30px;-webkit-transform-origin:50% 100%;transform-origin:50% 100%;border-radius:50%;-webkit-transform:scale(1.0) rotate(-45deg);transform:scale(1.0) rotate(-45deg);-webkit-transition:all .2s ease;transition:all .2s ease}@media(pointer:fine){.rkmd-slider.slider-discrete .slider .slider-handle .slider-label{left:-2px;-webkit-transform:scale(0.5) rotate(-45deg);transform:scale(0.5) rotate(-45deg)}}.rkmd-slider.slider-discrete .slider .slider-handle .slider-label span{position:absolute;top:7px;left:0;width:100%;color:#fff;font-size:16px;text-align:center;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media(pointer:fine){.rkmd-slider.slider-discrete .slider .slider-handle .slider-label span{font-size:12px}}.rkmd-slider.slider-discrete .slider .slider-handle.is-active{top:0;margin-left:-2px;width:4px;height:4px}.rkmd-slider.slider-discrete .slider .slider-handle.is-active .slider-label{top:-15px;left:-2px;border-radius:15px 15px 15px 0;-webkit-transform:rotate(-45deg) translate(23px,-25px);transform:rotate(-45deg) translate(23px,-25px)}.rkmd-slider.slider-discrete .slider .slider-handle.is-active .slider-label span{opacity:1}.rkmd-slider.slider-discrete.slider-turquoise .slider-label{background-color:#16a085}.rkmd-slider.slider-discrete.slider-emerald .slider-label{background-color:#27ae60}.peterriver{background:#3498db;border-bottom:#2980b9 3px solid}.rkmd-slider.slider-discrete.slider-peterriver .slider-label{background-color:#2980b9}.wetasphalt{background:#34495e;border-bottom:#2c3e50 3px solid}.rkmd-slider.slider-discrete.slider-wetasphalt .slider-label{background-color:#2c3e50}.sunflower{background:#f1c40f;border-bottom:#e6bb0f 3px solid}.rkmd-slider.slider-discrete.slider-sunflower .slider-label{background-color:#e6bb0f}.carrot{background:#e67e22;border-bottom:#d35400 3px solid}.rkmd-slider.slider-discrete.slider-carrot .slider-label{background-color:#d35400}.alizarin{background:#e74c3c;border-bottom:#c0392b 3px solid}.rkmd-slider.slider-discrete.slider-alizarin .slider-label{background-color:#c0392b}input{margin:0 auto 1.2rem auto;padding:2px 5px;width:100%;box-sizing:border-box;border:0;border-radius:4px;box-shadow:inset 0 0 6px rgba(0,0,0,0.3);background:rgba(255,255,255,0.8)}input[id^="num"]{max-width:6em;width:auto;text-align:right;font-weight:bold;font-size:115%} )====="; -const uint8_t CSS_STYLE_GZIP[2734] PROGMEM = { 31,139,8,0,56,43,252,91,2,255,197,90,89,143,171,202,17,254,43,228,140,70,103,172,0,105,86,27,80,164,60,230,45,82,238,227,85,30,26,104,6,52,24,28,150,235,153,99,249,191,167,23,150,222,24,123,150,171,28,159,153,49,77,85,117,45,95,85,87,55,216,89,219,12,176,106,80,119,57,181,125,53,84,109,19,119,168,134,67,245,7,74,206,85,62,148,241,62,122,76,142,176,123,174,154,216,5,167,215,36,109,95,173,190,250,85,53,207,113,218,118,57,234,44,60,114,181,179,182,30,143,141,57,253,237,47,140,217,1,224,49,41,234,22,14,113,141,138,1,147,193,46,191,48,113,214,208,158,98,247,49,153,164,116,48,175,198,62,14,231,41,74,152,183,231,24,24,254,233,149,254,116,207,41,124,114,129,111,58,209,222,116,14,129,9,236,96,151,156,96,158,99,85,44,34,157,233,55,143,116,213,115,57,13,77,243,165,237,48,180,71,172,19,25,194,215,147,138,1,185,198,106,183,93,252,80,20,5,211,209,234,235,42,39,94,153,164,113,188,87,123,24,187,255,142,109,213,163,75,10,179,151,231,174,29,155,60,126,112,96,154,69,89,178,56,133,50,60,56,33,4,135,192,240,176,5,125,139,101,94,109,116,68,29,172,115,129,215,69,89,182,119,100,94,119,15,81,8,120,222,19,26,80,215,225,224,116,2,187,231,71,135,60,85,216,163,3,72,35,158,253,140,6,216,159,74,88,15,18,187,31,5,72,97,207,60,20,8,179,247,99,131,99,121,150,38,47,156,204,7,133,204,141,194,52,5,5,207,141,221,218,181,226,196,40,220,35,215,149,89,115,47,240,129,48,49,172,171,95,176,171,26,145,121,239,103,158,226,239,12,120,145,155,242,204,53,76,81,125,209,194,54,57,151,213,128,172,254,4,51,20,55,237,185,131,39,9,142,182,139,142,51,164,98,219,193,87,134,237,147,95,14,254,157,12,232,117,176,176,114,207,77,156,161,6,135,134,195,81,82,224,212,178,206,136,194,112,15,64,82,227,52,179,74,118,237,72,152,12,48,4,243,170,63,213,240,45,174,26,74,153,214,109,246,162,83,16,7,127,168,50,88,79,19,167,176,71,132,33,81,19,152,36,152,101,59,1,214,116,117,156,53,169,24,69,145,38,49,38,119,89,100,166,41,135,35,156,194,188,26,167,14,209,219,201,25,123,138,126,139,211,14,193,23,139,92,79,252,54,157,4,219,48,242,57,50,79,29,22,17,204,29,145,180,67,185,134,50,247,246,217,62,19,41,159,59,132,26,13,109,148,102,110,120,16,105,219,14,54,207,58,21,114,4,157,192,23,137,223,80,141,209,173,33,70,81,30,250,146,190,167,177,59,213,58,201,81,113,240,176,113,255,56,162,188,130,79,107,157,193,144,62,189,238,46,246,90,113,217,248,193,127,188,170,212,161,167,167,142,14,143,106,173,157,194,56,85,188,133,32,46,170,174,31,172,172,172,234,124,33,230,7,103,70,90,60,193,213,110,27,180,200,94,191,207,181,220,183,195,229,223,30,79,50,156,91,185,218,123,182,183,252,35,20,37,14,149,68,227,18,253,138,118,236,164,113,15,216,130,244,2,3,88,38,137,68,241,125,245,42,171,72,188,211,163,63,80,35,221,8,66,81,58,205,66,137,38,12,68,241,77,165,184,96,239,219,128,216,165,200,63,184,146,252,90,163,68,228,72,238,57,163,90,49,146,174,152,106,92,172,161,172,186,124,162,221,112,25,14,8,35,235,69,58,217,48,34,14,175,1,133,72,69,125,215,22,69,143,6,43,125,179,4,44,104,70,123,1,60,7,9,27,43,199,138,18,83,59,42,202,113,246,146,170,43,7,135,37,115,99,92,148,229,134,130,0,14,115,166,126,88,100,247,124,123,195,36,14,154,166,126,88,148,228,123,91,70,173,8,54,181,163,162,156,192,21,153,57,136,153,27,227,162,128,16,108,153,196,231,131,185,49,46,201,138,182,140,226,242,198,212,15,139,146,246,7,154,84,92,72,181,102,13,27,70,29,194,77,163,234,13,15,73,217,201,75,139,130,45,179,228,36,52,223,185,119,47,146,148,140,53,223,187,121,111,0,164,252,54,183,111,169,248,186,150,195,177,190,208,214,5,119,75,40,14,93,59,120,188,166,109,254,54,145,198,32,89,239,58,54,233,45,132,198,198,6,66,227,131,87,61,118,93,192,99,85,191,197,63,255,117,66,141,241,27,108,250,159,102,143,127,99,180,118,85,49,183,77,46,105,6,213,229,55,43,64,225,92,75,199,44,93,179,244,204,210,55,203,192,44,67,126,31,1,164,94,198,14,58,172,25,175,137,7,0,22,193,153,134,107,121,167,104,239,38,53,26,112,35,71,123,29,210,243,225,254,9,83,93,75,151,227,244,236,80,195,25,108,177,122,2,171,102,82,111,139,211,231,56,93,219,215,112,106,38,5,7,202,27,92,248,56,29,84,94,29,107,64,89,67,129,53,80,89,67,153,21,108,118,48,130,203,3,106,189,232,76,223,118,53,94,10,21,251,189,137,55,16,124,2,54,20,190,94,79,2,60,174,240,50,161,201,65,16,229,233,21,198,101,75,182,81,211,40,40,32,200,208,53,29,49,122,154,139,182,21,159,119,1,14,219,5,243,187,4,79,216,65,234,155,237,235,195,17,55,114,255,68,144,108,43,117,19,92,31,112,179,247,219,0,135,177,95,55,227,85,83,226,4,25,184,156,179,247,56,231,38,69,77,123,82,88,106,228,137,3,236,209,42,198,186,102,209,224,155,139,141,13,252,104,29,225,43,207,66,46,239,97,59,17,22,218,123,94,216,78,159,126,95,238,144,210,114,225,143,0,6,182,85,186,40,155,167,107,217,241,49,99,192,147,44,163,96,153,189,207,180,3,243,37,97,114,230,125,159,241,128,28,242,185,174,45,116,12,11,60,139,105,119,237,121,254,58,90,89,113,33,4,88,129,248,199,143,101,15,54,192,180,70,73,86,35,216,97,107,135,146,73,233,218,90,183,149,200,115,62,226,213,17,62,163,152,132,21,146,189,10,6,8,150,253,84,246,53,124,2,38,120,36,255,109,103,103,174,3,196,187,100,104,39,129,42,152,157,206,78,66,170,6,215,112,3,24,196,194,249,71,22,18,236,76,192,145,200,183,247,220,125,87,115,223,229,238,123,55,238,251,55,238,135,194,253,105,246,100,170,32,209,18,216,216,195,155,105,56,14,109,178,117,254,20,17,44,79,222,55,198,250,50,23,33,130,201,57,37,65,50,224,141,94,95,180,221,49,238,90,156,66,232,201,15,114,244,188,91,57,235,234,34,186,151,8,48,136,182,64,245,178,69,44,176,238,240,178,106,161,182,116,76,58,147,136,146,162,67,14,81,226,178,202,115,212,76,70,6,224,145,55,18,107,27,55,67,201,118,105,79,238,238,162,152,23,1,209,60,153,199,211,240,88,183,152,124,13,147,115,80,153,224,28,4,151,6,65,61,119,80,102,102,209,152,140,37,92,171,188,169,16,155,220,64,209,102,184,6,42,153,166,129,27,39,230,162,102,207,148,160,184,63,90,194,194,226,65,170,41,206,235,58,55,28,116,252,155,103,112,157,136,122,164,67,71,114,148,181,29,164,102,54,184,137,98,131,203,25,229,22,82,252,29,243,5,243,143,237,4,253,170,48,249,130,247,226,199,111,170,40,129,90,82,176,127,118,223,92,65,220,255,107,5,57,224,252,98,157,42,14,46,223,145,120,115,53,177,88,71,186,64,18,166,120,49,24,7,118,20,70,184,166,157,51,95,83,230,64,200,56,92,198,55,224,248,128,16,186,218,253,185,26,178,82,187,160,27,127,169,142,167,182,27,96,51,104,90,130,20,145,143,84,243,125,241,244,123,142,24,160,206,160,39,224,216,25,228,99,123,59,190,227,200,198,174,199,223,79,109,69,33,171,162,125,234,141,136,252,57,119,67,245,100,220,37,231,231,27,117,56,36,109,15,110,166,211,151,106,176,56,84,203,150,25,182,219,27,8,246,200,194,130,219,113,72,172,99,251,235,99,12,237,7,229,247,31,162,255,0,237,28,94,59,43,81,246,162,61,161,220,135,185,235,228,51,161,81,53,167,113,248,125,120,59,161,191,255,160,76,56,154,63,254,179,192,131,214,14,41,88,203,130,134,253,203,14,65,132,48,8,16,62,224,59,115,79,70,14,107,171,230,178,77,184,10,211,132,141,220,52,240,94,225,253,88,109,80,181,247,72,234,111,19,221,34,144,253,111,228,213,31,23,182,167,62,16,243,39,167,99,55,196,41,194,11,142,248,64,70,108,197,99,106,155,92,69,177,175,76,66,104,0,252,7,144,143,65,42,209,78,96,156,188,183,48,49,33,38,85,153,8,160,95,88,14,153,236,116,184,199,195,79,128,74,222,241,67,180,202,77,19,237,180,147,124,74,193,246,115,108,56,68,159,225,83,121,102,227,245,156,180,194,241,157,57,13,140,80,247,92,249,169,31,88,159,249,9,21,143,117,234,63,127,46,89,115,216,204,21,43,152,115,192,138,150,180,33,85,79,192,13,221,8,136,176,161,202,223,137,28,102,40,139,244,247,34,135,97,68,3,30,12,169,15,32,231,134,130,237,231,216,54,145,243,62,223,123,200,209,113,74,13,59,221,101,43,8,112,151,117,44,166,45,59,1,15,249,162,129,197,84,58,93,130,129,238,229,184,60,229,21,215,75,117,5,228,86,80,178,106,10,7,90,255,110,177,9,45,127,154,37,200,22,86,4,250,52,10,47,7,242,38,96,83,211,117,185,38,95,91,114,218,50,188,145,71,2,55,102,248,171,125,167,101,220,6,127,238,11,246,202,241,134,67,206,55,182,58,152,249,228,103,90,206,226,2,199,120,119,185,91,193,105,86,95,153,20,92,239,182,210,152,254,90,69,85,215,91,38,75,174,5,9,191,145,28,123,114,152,133,106,148,13,108,141,254,133,87,160,28,189,198,206,199,149,40,97,147,215,232,34,173,242,250,26,69,193,203,30,243,204,161,8,184,152,7,107,139,198,10,217,65,113,19,105,106,185,101,20,214,245,210,196,108,91,229,126,45,104,178,169,172,218,218,88,219,219,49,139,113,120,200,225,74,190,32,64,3,44,64,62,92,251,252,113,169,2,36,204,207,179,139,193,204,81,1,199,122,184,209,216,127,179,246,203,5,125,252,252,101,91,68,113,98,103,250,231,27,99,87,189,5,51,82,122,190,108,200,42,138,3,224,189,89,244,109,102,124,115,116,182,4,75,113,210,151,0,122,228,66,8,174,95,85,35,158,28,203,245,100,68,46,15,252,117,198,62,131,53,122,114,118,91,40,153,69,227,57,179,14,13,139,101,114,146,169,171,147,190,10,223,41,79,114,224,70,147,232,236,237,165,79,244,23,252,144,103,23,51,126,60,101,227,75,172,182,218,174,34,45,7,118,62,237,86,146,237,59,106,180,20,105,179,15,109,176,51,164,51,179,123,104,52,251,59,97,33,216,24,191,189,10,124,206,213,44,203,92,157,219,38,35,200,187,123,183,12,213,208,92,191,142,3,163,63,193,173,77,243,94,89,140,193,122,138,184,188,210,181,246,129,234,89,161,106,175,112,28,189,117,76,189,118,118,139,4,101,237,166,155,16,205,104,175,14,202,3,127,82,156,153,43,57,159,184,114,3,112,167,88,169,146,3,177,90,187,75,86,114,167,87,190,84,194,63,60,147,4,89,86,11,214,29,163,171,54,193,1,57,19,93,126,129,237,88,79,96,53,232,141,154,140,184,184,129,54,45,23,243,237,146,143,145,127,167,145,44,94,51,212,222,175,169,243,245,242,170,171,228,47,181,83,96,47,186,222,37,116,122,3,246,166,72,246,254,235,151,223,122,189,67,163,117,134,219,74,81,249,95,126,151,246,14,165,214,25,110,43,69,229,127,245,13,221,59,116,90,38,184,169,18,19,255,165,215,126,239,208,135,73,191,169,12,147,253,197,23,137,239,80,103,150,127,83,33,38,253,250,63,16,229,254,23,128,47,0,0 }; +const uint8_t CSS_STYLE_GZIP[2816] PROGMEM = { 31,139,8,0,115,176,253,91,2,255,197,26,105,111,172,56,242,175,176,137,162,151,214,2,107,206,110,104,141,180,31,247,219,74,59,31,71,51,146,1,19,80,104,232,229,152,36,175,197,127,95,31,28,190,72,119,142,209,190,126,73,26,187,170,92,183,203,101,236,180,169,123,88,214,168,189,156,155,174,236,203,166,142,91,84,193,190,252,19,29,95,202,172,47,226,125,244,112,60,193,246,169,172,99,23,156,95,143,73,243,106,117,229,207,178,126,138,147,166,205,80,107,225,145,209,78,155,106,56,213,230,244,183,187,48,100,7,128,135,99,94,53,176,143,43,148,247,24,12,182,217,133,145,179,250,230,28,187,15,199,137,74,11,179,114,232,226,112,94,162,128,89,243,18,3,195,63,191,210,159,246,41,129,143,46,240,77,39,218,155,206,33,48,129,29,236,142,103,152,101,152,21,139,80,103,252,205,35,109,249,84,76,67,211,122,73,211,247,205,9,243,68,134,240,243,196,98,64,158,49,219,77,27,223,231,121,206,120,180,186,170,204,136,86,38,106,28,238,104,247,67,251,223,161,41,59,116,73,96,250,252,212,54,67,157,197,247,14,76,210,40,61,46,74,161,8,247,78,8,193,33,48,60,44,65,215,96,154,163,141,78,168,133,85,38,224,186,40,77,247,142,140,235,238,33,10,1,143,123,70,61,106,91,108,156,86,64,247,252,232,144,37,10,122,116,0,73,196,163,191,160,30,118,231,2,86,189,132,238,71,1,82,208,83,15,5,194,234,221,80,99,91,190,72,139,231,78,234,131,92,198,70,97,146,128,156,199,198,106,109,27,113,97,20,238,145,235,202,168,153,23,248,64,88,24,86,229,79,216,150,181,136,188,247,83,79,209,119,10,188,200,77,120,228,10,38,168,186,104,221,246,248,82,148,61,178,186,51,76,81,92,55,47,45,60,75,238,104,187,232,52,187,84,108,59,248,201,176,125,242,203,193,191,143,61,122,237,45,204,220,83,29,167,168,198,166,225,252,232,152,227,208,178,94,16,117,195,61,0,199,10,135,153,85,176,103,71,242,201,0,187,96,86,118,231,10,190,197,101,77,33,147,170,73,159,117,12,98,227,247,101,10,171,105,225,4,118,136,32,28,213,0,38,1,102,217,78,128,57,93,21,103,77,44,70,81,164,9,140,73,93,22,89,105,138,225,8,135,48,207,198,185,69,116,250,248,130,53,69,191,197,73,139,224,179,69,158,39,124,155,46,130,101,24,248,24,153,151,14,243,8,102,142,8,218,162,76,3,153,121,251,116,159,138,144,79,45,66,181,6,54,74,82,55,60,136,176,77,11,235,39,29,11,25,130,78,224,139,192,111,168,194,222,173,1,70,81,22,250,18,191,231,161,61,87,58,202,81,126,240,176,112,255,60,161,172,132,143,107,158,193,46,125,126,221,93,236,53,227,178,241,131,255,48,170,208,161,167,135,142,14,15,106,174,157,204,56,101,188,5,32,206,203,182,235,173,180,40,171,108,1,230,7,103,68,154,60,193,104,55,53,90,104,175,223,231,92,238,219,225,242,111,143,23,233,95,26,57,219,123,182,183,252,35,16,5,54,149,4,227,18,254,242,102,104,165,113,15,216,2,245,28,59,176,12,18,137,228,187,242,85,102,145,104,167,67,127,162,90,154,8,66,145,58,141,66,9,38,12,68,242,117,169,168,96,239,219,128,200,165,208,63,184,18,253,74,195,68,228,72,234,121,65,149,34,36,221,49,85,187,88,125,81,182,217,4,187,161,50,108,16,6,214,137,112,178,96,132,28,222,3,114,17,138,234,174,201,243,14,245,86,242,102,9,190,160,25,237,4,231,57,72,190,177,98,172,94,98,106,71,69,58,206,94,98,117,197,224,124,201,220,24,23,105,185,161,64,128,243,57,83,63,44,162,123,190,189,33,18,231,154,166,126,88,164,228,123,91,66,173,30,108,106,71,69,58,129,43,34,115,46,102,110,140,139,4,66,176,37,18,31,15,230,198,184,68,43,218,18,138,139,27,83,63,44,82,218,31,104,80,113,38,213,138,213,111,8,117,8,55,133,170,54,52,36,69,39,79,45,10,182,196,146,131,208,124,103,238,86,79,82,34,214,124,111,242,86,3,72,241,109,110,79,169,254,53,22,253,169,186,208,210,5,87,75,40,14,93,59,120,24,147,38,123,155,64,99,112,92,103,29,155,212,22,66,97,99,3,161,240,193,187,30,123,206,225,169,172,222,226,31,255,62,163,218,248,21,214,221,15,179,195,191,177,183,182,101,62,151,77,46,41,6,213,237,55,205,65,238,140,133,99,22,174,89,120,102,225,155,69,96,22,33,127,142,0,82,45,99,7,45,230,140,231,196,3,0,147,224,68,195,185,188,85,184,119,143,21,234,113,33,71,107,29,82,243,225,250,9,67,141,133,203,97,122,118,168,193,12,182,80,61,1,85,179,168,183,133,233,115,152,174,237,107,48,53,139,130,3,197,13,46,188,157,14,42,174,14,53,160,168,161,128,26,168,168,161,140,10,54,43,24,65,229,1,149,94,84,166,111,187,26,45,133,138,252,222,132,27,8,58,1,27,12,143,227,89,112,143,17,94,38,111,114,16,68,89,50,194,184,104,200,49,106,26,5,57,4,41,26,147,1,123,79,125,209,150,226,243,41,192,97,167,96,254,148,224,9,39,72,125,177,61,222,159,112,33,247,47,4,201,177,82,183,192,120,143,139,189,95,123,216,15,221,122,24,47,235,2,7,72,207,197,156,189,199,49,55,49,106,218,19,195,82,33,79,20,96,15,86,62,84,21,179,6,95,92,108,28,224,7,235,4,95,121,20,242,120,11,218,153,160,208,218,243,194,78,250,244,251,50,67,82,203,133,111,1,244,236,168,116,81,14,79,99,209,242,54,99,142,39,73,70,157,101,214,62,227,14,204,143,4,201,153,207,125,198,61,114,200,103,92,75,232,24,230,120,21,211,110,155,151,249,235,96,165,249,133,0,96,6,226,187,187,229,12,214,195,164,66,199,180,66,176,197,210,246,5,163,210,54,149,238,40,145,101,188,197,203,19,124,66,49,49,43,36,103,21,236,32,152,246,99,209,85,240,17,152,224,129,252,183,157,157,185,14,16,237,146,161,157,228,84,193,172,116,214,9,41,107,156,195,13,96,16,9,231,31,153,72,176,51,1,7,34,79,239,185,121,87,51,239,114,243,222,149,121,255,202,124,40,204,79,171,31,167,12,18,45,134,141,61,124,152,134,67,223,28,183,250,79,17,241,229,73,251,198,80,93,230,36,68,124,114,14,73,112,236,241,65,175,203,155,246,20,183,13,14,33,244,232,7,25,122,218,173,152,85,121,17,213,75,8,24,132,91,160,106,217,34,18,88,55,104,89,149,80,155,58,38,158,137,69,73,210,33,77,148,184,40,179,12,213,147,144,1,120,224,133,196,220,198,117,95,176,83,218,163,187,187,40,226,69,64,20,79,198,241,52,56,214,53,36,95,131,228,28,84,36,56,27,193,165,70,80,251,14,202,202,204,26,147,176,4,107,165,55,37,98,147,27,200,155,20,231,64,37,210,52,238,198,145,185,168,209,51,5,40,174,143,22,179,48,123,144,108,138,227,186,202,12,7,157,254,225,25,92,37,162,182,116,232,72,134,210,166,133,84,204,26,23,81,108,112,233,81,110,121,138,191,99,186,96,250,177,157,160,91,25,38,95,240,89,252,244,77,25,37,80,83,10,214,207,238,155,51,136,251,127,205,32,7,28,95,172,82,197,198,229,43,18,111,206,38,22,171,72,23,151,132,9,222,12,134,158,181,194,8,214,116,114,230,115,202,108,8,217,15,151,241,13,119,188,71,8,141,118,247,82,246,105,161,221,208,141,191,149,167,115,211,246,176,238,53,37,65,130,200,71,202,249,190,216,253,158,45,6,168,50,104,7,28,43,131,124,108,111,199,87,28,233,208,118,248,251,185,41,169,203,170,222,62,213,70,132,254,28,187,161,218,25,119,73,255,124,35,15,135,164,236,193,197,116,242,92,246,22,231,213,178,100,134,237,118,6,130,29,178,48,225,102,232,143,214,169,249,249,49,132,230,131,244,187,15,193,127,0,118,54,175,157,22,40,125,214,118,40,247,97,230,58,217,12,104,148,245,121,232,127,235,223,206,232,151,59,138,132,173,121,247,251,226,30,52,119,72,198,90,54,52,172,95,214,4,17,204,32,184,240,1,207,204,53,25,105,214,150,245,101,27,112,37,166,49,27,153,52,240,89,225,125,91,109,64,53,183,80,234,174,3,93,3,144,245,111,100,229,159,23,118,166,62,16,241,39,165,99,53,196,9,194,27,142,120,33,35,150,226,49,149,77,206,162,88,87,38,1,52,0,254,3,200,199,32,153,104,39,32,78,218,91,144,24,17,147,178,76,8,208,47,44,134,76,214,29,238,240,240,35,160,148,119,252,16,205,114,211,66,59,237,34,159,98,176,249,28,26,54,209,103,240,84,156,89,120,61,38,205,112,124,101,78,13,35,228,61,87,190,245,3,235,157,159,144,241,88,165,254,227,199,18,53,135,205,88,177,130,57,6,172,104,9,27,146,245,4,191,161,7,1,209,109,40,243,55,122,14,19,148,89,250,123,61,135,249,136,198,121,176,75,125,192,115,174,48,216,124,14,109,211,115,222,199,123,207,115,116,152,82,193,78,79,217,138,7,184,203,62,22,211,146,157,56,15,249,162,113,139,41,117,186,196,7,218,231,211,114,203,43,238,151,234,14,200,237,160,100,215,20,26,90,255,105,176,8,13,223,205,18,104,11,59,2,189,141,194,219,129,124,8,216,228,116,221,174,201,215,134,116,91,250,55,114,37,112,101,133,191,219,55,74,198,29,240,231,186,96,175,180,55,28,210,223,216,170,96,230,206,207,180,157,197,57,182,241,238,114,51,131,211,170,190,178,40,24,111,150,210,152,254,90,121,89,85,91,34,75,170,5,71,254,32,57,116,164,153,133,42,148,246,108,143,254,137,119,160,12,189,198,206,199,153,40,96,157,85,232,34,237,242,250,28,69,157,151,93,243,204,166,8,56,155,7,107,137,198,18,217,65,81,19,41,106,185,109,20,86,213,82,196,108,75,229,126,205,104,178,168,44,219,218,152,219,235,54,139,177,121,72,115,37,91,60,64,227,88,128,124,184,242,249,227,84,5,151,48,63,143,46,26,51,67,57,28,170,254,74,97,255,205,220,47,15,244,250,249,203,178,136,228,196,202,244,175,23,198,46,59,11,166,36,245,124,89,144,149,20,231,128,183,70,209,183,137,241,205,214,217,34,44,217,73,159,2,104,203,133,0,140,95,101,35,158,20,203,213,100,132,46,239,248,235,138,93,10,43,244,232,236,182,188,100,38,141,215,76,91,212,47,146,201,65,166,238,78,250,44,124,35,61,73,129,27,69,162,179,183,151,58,209,95,252,135,220,93,204,254,227,41,7,95,34,181,213,180,37,41,57,176,242,105,181,114,220,158,81,173,165,80,155,117,104,131,157,33,245,204,110,129,209,156,239,132,141,96,99,252,250,46,240,57,85,179,40,115,117,106,155,132,32,239,238,93,19,84,3,51,126,221,15,140,238,12,183,14,205,123,101,51,6,107,23,113,121,165,107,173,3,213,94,161,42,175,208,142,222,106,83,175,149,221,66,65,217,187,233,33,68,51,218,169,131,242,192,95,100,103,166,74,78,39,174,92,0,220,72,86,202,228,64,204,214,238,18,149,92,247,202,151,82,248,135,87,146,92,150,229,130,245,196,232,170,69,112,64,122,162,203,47,176,109,235,201,89,13,58,81,145,17,23,23,208,166,229,98,188,221,241,99,224,223,41,36,179,215,236,106,239,231,212,249,121,121,213,85,210,151,90,41,176,23,93,111,34,58,189,1,123,149,36,123,255,245,203,111,189,222,192,209,186,194,117,166,40,253,47,191,75,123,3,83,235,10,215,153,162,244,191,250,134,238,13,60,45,11,92,101,137,145,255,210,107,191,55,240,195,168,95,101,134,209,254,226,139,196,55,176,51,211,191,202,16,163,62,210,210,108,121,179,134,94,132,26,236,142,123,186,20,157,46,56,201,93,11,87,221,110,222,199,207,205,54,240,149,123,5,78,55,236,165,251,32,48,231,31,96,31,118,140,235,223,202,236,143,95,238,234,225,116,247,59,247,170,64,136,78,19,147,148,127,110,135,164,111,5,8,111,228,144,11,56,126,75,117,130,135,241,127,50,84,163,80,145,48,0,0 };