1 line
1.6 KiB
CSS
1 line
1.6 KiB
CSS
body{color:#fff;width:100%;height:100%;background:#000}.wrap{position:absolute;bottom:0;width:100%}.centered.alert{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#map,#pano{position:relative}#pano{float:right}img#panoImg{width:100%;height:100%}#notset{display:none}.map-logo{margin-left:-75px;background:rgba(0,0,0,.7);padding:0 10px 0 75px;font-size:2em}.map-logo a{color:#fbc93d}.tim{color:#000;font-size:12px;padding-left:5px;padding-right:5px;background-color:rgba(255,255,255,.7)}.spd-sign,.alt-sign{text-align:center;padding:2%;border-radius:3px;margin:3%}.spd-sign{color:#000;background-color:#FFF;border:2px solid #000}.alt-sign{color:#FFF;background-color:#009800;border:2px solid #FFF}@media (min-width:400px){.spd,.alt{height:40px;font-size:32px}.alt-unit,.spd-unit{font-size:12px}.alt-label,.spd-label{font-size:18px;height:18px}}@media (min-width:350px) and (max-width:400px){.spd,.alt{height:30px;font-size:28px}.alt-unit,.spd-unit{font-size:10px}.alt-label,.spd-label{font-size:14px;height:14px}}@media (min-width:300px) and (max-width:350px){.spd,.alt{height:22px;font-size:20px}.alt-unit,.spd-unit{font-size:9px}.alt-label,.spd-label{font-size:11px;height:11px}}@media (min-width:0) and (max-width:300px){.spd,.alt{height:20px;font-size:18px}.alt-unit,.spd-unit{font-size:8px}.alt-label,.spd-label{font-size:9px;height:9px}}#controls{width:100vw;position:absolute;bottom:50px;display:flex;justify-content:space-around}#controls .btn{z-index:50;background:#222;height:10vh;padding:2vh 0}#controls .btn:hover{background:#333}#controls .btn.set,#controls .btn.clear{width:30vw}#controls .btn.track{width:35vw} |