2018-09-19 22:19:12 +00:00
|
|
|
@font-face{font-family:Interstate;src:url(/fonts/Interstate-Bold.woff2) format("woff2"),url(/fonts/Interstate-Bold.woff) format("woff");font-weight:700;font-style:normal}@font-face{font-family:'Interstate Mono';src:url(/fonts/InterstateMono.woff2) format("woff2"),url(/fonts/InterstateMono.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:Interstate;src:url(/fonts/Interstate-Regular.woff2) format("woff2"),url(/fonts/Interstate-Regular.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:'Zemestro Std';src:url(/fonts/ZemestroStd.woff2) format("woff2"),url(/fonts/ZemestroStd.woff) format("woff");font-weight:400;font-style:normal}.city-info,.info-slide-content{display:flex;flex-direction:row;width:100%;top:10%;font-size:110%}.frost-pane{color:#fff;font-family:"Zemestro Std";font-size:32px;text-shadow:#000 2px 2px 4px;min-height:100%;background:rgba(18,75,238,.7);z-index:388686;flex:1}.city-info .frost-pane:first-of-type{width:55%;margin-right:.8%}.city-info .frost-pane.left *{position:absolute;padding-top:15px;line-height:220%}.frost-pane .labels{color:#d8c422;left:9%}.city-info .frost-pane .data{left:35%;text-align:right}.city-info .frost-pane.right{display:flex;flex-direction:column;align-items:center;padding-top:30px}.city-info .frost-pane .icon{background-repeat:no-repeat;background-size:contain;background-position:center center;width:70%;height:40%}.city-info .frost-pane .temp{font-size:76px;margin-top:20%}.forecast .frost-pane{padding-left:9%;padding-top:2%;padding:2% 2% 1% 9%}.frost-pane .title{color:#d8c422;font-size:40px}.frost-pane .content{font-size:50px}.info-slide-content.forecast .frost-pane{max-height:500px}.info-slide-content.forecast .content{height:400px;max-height:400px}a,body,div,h1,html,p{margin:0;padding:0;font-family:'Zemestro Std';font-weight:400;font-style:normal}html *{box-sizing:border-box;font-size:100%}body,html{height:100%;background-color:#000;font-size:100%}#main{position:relative;top:50%;left:50%;overflow:hidden;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:1440px;height:1080px}#main>#template{display:block;max-height:100%;max-width:100%}.leaflet-bottom,.leaflet-top{display:none}#info-slides-container{display:flex;flex-direction:column;position:absolute;right:0;top:92px;width:963px;height:572px;z-index:1;padding:6px 0 6px 6px;box-shadow:0 3px 10px 0 rgba(0,0,0,.35);background-color:#001668;background:linear-gradient(135deg,#001668 0,#000d28 100%)}#info-slides-header,.info-slide .info-subheader{position:relative;color:#fff;width:100%;padding:0 7px}#info-slides-header{flex:1;background-color:#2267b7;height:34px;max-height:34px;font-size:22px;overflow:hidden;white-space:nowrap}#info-slides-header .hscroller{position:relative;display:inline-block;-webkit-transform-origin:left center;transform-origin:left center;top:50%;-webkit-transform:scale(1.1,1) translateY(-50%);transform:scale(1.1,1) translateY(-50%)}#info-slides-header .divider-arrow{font-size:22px;display:inline-block;-webkit-transform:scale(.7,1);transform:scale(.7,1);-webkit-transform-origin:left center;transform-origin:left center;font-weight:700;padding:0 7px}#info-slides-header span.city{letter-spacing:1px;text-transform:uppercase}#info-slides-header span.city,#info-slides-header span.divider-arrow{opacity:.5}#info-slides-header span.city.current{opacity:1}#info-slide-container{flex:1}#radar-container{display:flex;flex-direction:column;box-shadow:0 3px 10px 0 rgba(0,0,0,.35);background-color:#001668;background:linear-gradient(135deg,#001668 0,#000d28 100%)}#radar-1{flex:1;box-shadow:0 3px 10px 0 rgba(0,0,0,.35);background-color:#001668;background:linear-gradient(135deg,#001668 0,#000d28 100%)}.info-slide{width:100%;min-height:100%;overflow:hidden;display:flex;flex-flow:column}.info-slide .info-subheader{display:flex;flex-flow:row nowrap;justify-content:space-between;background-color:#0018cc;font-size:32px;height:55px;box-shadow:0 2px 5px 0 rgba(0,0,0,.75);z-index:4;text-shadow:2px 2px 4px #000}.info-slide .info-subheader span{position:absolute;top:50%;
|
