mirror of https://github.com/jeelabs/esp-link.git
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.
1 lines
7.1 KiB
1 lines
7.1 KiB
html,button,input,select,textarea,.pure-g [class *= "pure-u"]{font-family:sans-serif}input[type="text"],input[type="password"],textarea{width:100%}input[type=checkbox]{float:left;margin:.35em .4em}body{color:#777}a:visited,a:link{color:#009}a:hover{color:#00c}.card{background-color:#eee;padding:1em;margin:.5em;border-radius:.5em;border:0 solid #000}.click-to-edit{position:relative}.edit-off{cursor:pointer}.click-to-edit input,.click-to-edit textarea{color:black;background-color:#eee;width:100%}.click-to-edit span,.click-to-edit div{padding:.3em;width:100%;color:#444;color:rgba(0,0,0,0.80);border:1px solid #999;border:none rgba(0,0,0,0);background-color:#e6e6e6;text-decoration:none;border-radius:2px}.click-to-edit span:hover,.click-to-edit div:hover,.click-to-edit span:focus,.click-to-edit div:focus{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#1a000000',GradientType=0);background-image:-webkit-gradient(linear,0 0,0 100%,from(transparent),color-stop(40%,rgba(0,0,0,0.05)),to(rgba(0,0,0,0.10)));background-image:-webkit-linear-gradient(transparent,rgba(0,0,0,0.05) 40%,rgba(0,0,0,0.10));background-image:-moz-linear-gradient(top,rgba(0,0,0,0.05) 0,rgba(0,0,0,0.10));background-image:-o-linear-gradient(transparent,rgba(0,0,0,0.05) 40%,rgba(0,0,0,0.10));background-image:linear-gradient(transparent,rgba(0,0,0,0.05) 40%,rgba(0,0,0,0.10))}.click-to-edit span:focus,.click-to-edit div:focus{outline:0}.click-to-edit span:active,.click-to-edit div:active{box-shadow:0 0 0 1px rgba(0,0,0,0.15) inset,0 0 6px rgba(0,0,0,0.20) inset;border-color:#000\9}.click-to-edit span::-moz-focus-inner,.click-to-edit div::-moz-focus-inner{padding:0;border:0}.popup-hidden{display:none}.popup,div.popup{position:absolute;bottom:125%;background-color:#fff0b3;border-radius:5px;border:1px solid #e6b800;color:#333;font-size:80%;line-height:110%;z-index:100;padding:5px;min-width:20em}.popup:not(.pop-left){left:20px}.popup.pop-left{right:20px}.popup-target:hover .popup{display:block}.popup-target{position:relative}#aps label div{display:inline-block;margin:0 .2em}fieldset.radios{border:0;padding-left:0}fieldset fields{clear:both}#pin-mux input{display:block;margin-top:.4em;float:left}#pin-mux label{display:block;margin:0 .2em 0 1em;width:90%}.pure-table td,.pure-table th{padding:.5em .5em}.pure-form-aligned.form-narrow .pure-control-group label{text-align:left;width:6em}.pure-form-aligned.form-narrow input[type=checkbox],.pure-form-aligned.form-narrow input[type=radio]{float:none}.xx-pure-img-responsive{max-width:100%;height:auto}#layout,#menu,.menu-link{-webkit-transition:all .2s ease-out;transition:all .2s ease-out}#layout{position:relative;padding-left:0}#layout.active #menu{left:150px;width:150px}#layout.active .menu-link{left:150px}div.tt{font-family:monospace;font-size:120%;color:#390;background-color:#ddd;padding:2px;margin:2px 0;line-height:100%}.content{margin:0 auto;padding:0 2em;max-width:800px;margin-bottom:20px;line-height:1.6em;width:100%;box-sizing:border-box;overflow:auto}.header{margin:0;color:#333;text-align:center;padding:2.5em 2em 0;border-bottom:1px solid #eee;background-color:#fc0}.header h1{margin:.2em 0;font-size:3em;font-weight:300}.header h1 .esp{font-size:1.25em}.jl{font:normal 800 1.5em sans-serif;position:relative;bottom:19px;color:#9d1414;margin-left:3px}.content-subhead{margin:50px 0 20px 0;font-weight:300;color:#888}form button{margin-top:.5em}.button-primary{background-color:#99f}.button-selected{background-color:#fc6}select.pure-button{padding:.465em 1em;color:#009}.button-small{font-size:75%;background:#ccc}input.inline{float:none;margin-right:0;margin-left:.5em}pre.console{background-color:#630;border-radius:5px;border:0 solid #000;color:#6f6;padding:5px;overflow:scroll;margin:0}pre.console a{color:#6f6}.console-in{background-color:#fff0b3;border-radius:5px;border:0 solid #630;color:#0c0;padding:5px;width:100%;height:100%;box-sizing:border-box}.console-in option:checked{background-image:-webkit-linear-gradient(#fc0,#fc0);background-image:linear-gradient(#fc0,#fc0)}.flex-hbox,.flex-vbox{display:-webkit-box;display:flex;display:-ms-flexbox;display:-webkit-flex}.flex-hbox{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;ms-flex-direction:row;webkit-flex-direction:row}.flex-vbox{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;ms-flex-direction:column;webkit-flex-direction:column}.flex-fill{-webkit-box-flex:1;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;ms-flex:1 1 auto;webkit-flex:1 1 auto}.height100{height:100%}.dbg-btn,#refresh-button{vertical-align:baseline}.lock-icon{background-image:url("/wifi/icons.png");background-color:transparent;width:32px;height:32px;display:inline-block}#menu{margin-left:-150px;width:150px;position:fixed;top:0;left:0;bottom:0;z-index:1000;background:#191818;overflow:visible;-webkit-overflow-scrolling:touch}#menu a{color:#999;border:0;padding:.6em 0 .6em .6em}#menu .pure-menu,#menu .pure-menu ul{border:0;background:transparent}#menu .pure-menu ul,#menu .pure-menu .menu-item-divided{border-top:1px solid #333}#menu .pure-menu li a:hover,#menu .pure-menu li a:focus{background:#333}#menu .pure-menu-selected,#menu .pure-menu-heading{background:#9d1414}#menu .pure-menu-selected a{color:#fff}#menu .pure-menu-heading{font-size:110%;color:#fff;margin:0;text-transform:none}#menu .pure-menu-heading img{vertical-align:middle;top:-1px;position:relative}#menu .pure-menu-item{height:2em}.menu-link{position:fixed;display:block;top:0;left:0;background:#000;background:rgba(0,0,0,0.7);font-size:10px;z-index:10;width:2em;height:auto;padding:2.1em 1.6em}.menu-link:hover,.menu-link:focus{background:#000}.menu-link span{position:relative;display:block}.menu-link span,.menu-link span:before,.menu-link span:after{background-color:#fff;width:100%;height:.2em}.menu-link span:before,.menu-link span:after{position:absolute;margin-top:-0.6em;content:" "}.menu-link span:after{margin-top:.6em}@media(min-width:56em){.header,.content{padding-left:2em;padding-right:2em}#layout{padding-left:150px;left:0}#menu{left:150px}.menu-link{position:fixed;left:150px;display:none}#layout.active .menu-link{left:150px}}@media(max-width:56em){#layout.active{position:relative;left:150px}}#messages{position:absolute;left:25%;width:50%;top:10;z-index:200;font-size:110%;text-align:center}#warning{background-color:#933;color:#fcc;padding:.1em .4em}#notification{background-color:#693;color:#cfc;padding:.1em .4em}#spinner{position:absolute;right:10%;top:20;z-index:1000}.spinner{height:50px;width:50px;-webkit-animation:rotation 1s infinite linear;animation:rotation 1s infinite linear;border-left:10px solid rgba(204,51,0,0.15);border-right:10px solid rgba(204,51,0,0.15);border-bottom:10px solid rgba(204,51,0,0.15);border-top:10px solid rgba(204,51,0,0.8);border-radius:100%}.spinner-small{display:inline-block;height:1em;width:1em;border-width:4px}@-webkit-keyframes rotation{from{-webkit-transform:rotate(0)}to{-webkit-transform:rotate(359deg)}}@keyframes rotation{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}} |