diff --git a/webroot/css/weatherscan.css b/webroot/css/weatherscan.css index edf9c2a..bf07b45 100644 --- a/webroot/css/weatherscan.css +++ b/webroot/css/weatherscan.css @@ -1,2 +1,1096 @@ -@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;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;transform-origin:left center;top:50%;transform:scale(1.1,1) translateY(-50%)}#info-slides-header .divider-arrow{font-size:22px;display:inline-block;transform:scale(.7,1);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%;transform:translateY(-50%)}.info-slide-content br{position:relative!important}.radar-slide{z-index:5}.city-info-slide{position:relative;background:transparent url(/images/bluebuildings.jpg) no-repeat bottom;background-size:cover}.city-info-slide .info-subheader{padding-right:10%}.city-info-slide #subhead-city{font-size:28px;padding-top:3px;right:98px}.info-slide-content{height:100%;min-height:100%;width:100%;flex:1;z-index:0}.city-info-slide .curve{position:absolute;background-position:0 0;background-repeat:no-repeat;background-size:200% 200%}.city-info-slide .yellow{background-image:url(/images/yellow-curve.svg);-webkit-filter:drop-shadow(4px 0 4px rgba(0, 0, 0, .75));filter:drop-shadow(4px 0 4px rgba(0, 0, 0, .75))}.city-info-slide .yellow.left{top:5%;left:-10.6%;z-index:3;width:20%;height:100%}.city-info-slide .yellow.right{background-position:100% 0;top:-15%;right:-19%;width:50%;height:100%;z-index:5}.city-info-slide .blue{background-image:url(/images/blue-curve.svg);background-size:200% 100%;width:22%;height:120%;top:1%;left:-6%;opacity:.7;z-index:2}.city-info-slide .white{background-image:url(/images/white-curve.svg);background-size:200% 100%;background-position:100% 0;width:22%;height:120%;top:2.3%;right:-6.7%;opacity:.2;z-index:2}.radar-color-legend{font-size:18px;position:absolute;text-align:right;right:5%;top:1.2%}.radar-color-legend>img{width:45%;height:13px;box-shadow:0 2px 5px 0 rgba(0,0,0,.75)}.leaflet-overlay-pane canvas{-webkit-filter:drop-shadow(0 2px 2px #000);filter:drop-shadow(0 2px 2px #000)}#city,#current-conditions *,#date-time,#date-time *{font-family:Interstate;font-weight:700;text-shadow:none;text-align:right;color:#1b1b1b}#date-time{position:absolute;top:98px;width:457px}#date-time *{font-family:'Interstate Mono';font-size:25px;line-height:33px}#time{text-transform:lowercase}#city{font-size:37px;padding-top:26px;position:absolute;text-align:left;margin-left:140px;width:311px;height:91px;top:284px;left:0;line-height:100%;white-space:nowrap;overflow:hidden}#current-conditions{font-family:Interstate;position:absolute;top:376px;left:0;width:452px;text-align:left}#conditions-icon{position:absolute;left:300px;background-size:100% 100%;width:144px;height:145px;background-repeat:no-repeat;top:394px;z-index:0}#now{font-size:49px;margin:1.6% 0 0 31%;text-align:left}#current-temp{font-size:70px;margin:4.4% 0 0 0;text-align:center;width:100%}#current-info{font-size:27px;margin:4.2% 0 0 31%;text-align:left;width:66%}#minimap-title{font-family:Interstate;font-weight:700;position:absolute;width:31.4%;top:638px;text-align:right;color:#fff;font-size:25px;padding:7px 15px 0 0;text-shadow:2px 2px 4px #000}#minimap{position:absolute;width:31.35%;height:20.5%;left:0;top:677px;background:#333;z-index:1;box-shadow:0 8px 15px 0 rgba(0,0,0,.35)}#forecast-shadow{position:absolute;height:18.85%;width:66.87%;right:0;top:63%;overflow:hidden;background:#8cadd1;box-shadow:0 3px 10px 0 rgba(0,0,0,.35)}#forecast-header{width:100%;min-height:20.5%;font-size:28px;padding-left:1%;background:#eed76b}#forecast-header *{font-family:Interstate;font-weight:700;text-transform:uppercase;display:inline-block;line-height:150%}#forecast-city{padding-right:2%}#forecast-title{color:#001668}#forecast-text,#forecast-text *{font-family:Interstate;font-size:40px}#forecast-text{position:absolute;padding:.1% 1%;min-height:75%;max-height:75%;height:75%;width:100%;margin-top:.4%;overflow:hidden}#forecast-tiles{font-weight:700;position:absolute;width:100%;height:79.6%}.forecast-tile{position:relative;background:#5681be;background:linear-gradient(to right,#5783cc 0,#c4d9ff 100%)}.forecast-tile:last-child{flex-grow:100;border-right:none!important}.forecast-tile .width-sizer{width:100%;height:100%;position:relative}.forecast-tile .footer,.forecast-tile .header{font-size:24px;color:#fff;height:25%;padding:5px 11px;text-transform:uppercase}.forecast-tile.daily{width:18%}.forecast-tile.daily .header{background:linear-gradient(to right,#001668 0,#4564c4 100%);background-color:#001668}.forecast-tile.daily.weekend .header{color:#001668;background:linear-gradient(to right,#8caaea 0,#c4d9ff 100%);background-color:#8caaea}.forecast-tile.daily .icon{display:block;position:absolute;height:65%;bottom:0;left:0;margin-left:3%}.forecast-tile.daily:last-child .icon{margin-left:1%}.forecast-tile .high,.forecast-tile .low{font-family:Interstate;text-align:right;position:absolute;right:5%;font-weight:700;top:10%}.forecast-tile:last-child .high,.forecast-tile:last-child .low{padding-right:30%}.forecast-tile .high{top:30%;font-size:48px}.forecast-tile.daily .low{color:rgba(0,0,0,.5);top:63%;font-size:32px}.forecast-tile.hourly{width:22.3%;border-right:solid 4px #fff}.forecast-tile.hourly .icon{display:block;position:absolute;height:50%;top:12%;left:10%}.forecast-tile.hourly .hourly-high{position:absolute;right:5.5%;bottom:0;width:28%;height:0;padding-top:1%;display:flex;flex-flow:column;z-index:1}.forecast-tile.hourly .high{top:0;position:relative;padding-bottom:15%;opacity:0;text-align:center}.forecast-tile.hourly .temp-bar{width:100%;flex:1;position:relative;bottom:7%;background:linear-gradient(to right,#656565 0,#fcfcfc 50%,#656565 100%);background-color:#656565}.forecast-tile.hourly .footer{font-size:23px;text-transform:lowercase;padding-top:1.9%;position:absolute;width:100%;bottom:0;z-index:0;color:#fff;background:linear-gradient(to right,#4b411e 0,#ae9b57 100%);background-color:#4b411e}.forecast-tile.hourly:last-child .footer{padding-top:1%}.forecast-tile.hourly:last-child .width-sizer{width:66%}#logo-area{position:absolute;width:31.528%;height:9.398%;left:0;top:83.4%}#logo-area img{display:block;position:absolute;width:65%;top:19%;right:5%}#arrow-img{display:block;position:absolute;height:3.7%;left:31.35%;top:897px;z-index:2}#marquee1{position:absolute;color:#fff;left:32%;top:898px;width:68.507%;height:43px;margin-top:2px;font-size:30px;text-shadow:2px 2px 4px #000}#marquee>div{display:inline-block;white-space:nowrap;width:auto}#marquee1 span{padding-right:3vw}#marquee2{position:absolute;left:31.35%;top:87.2%;width:68.507%;height:5.602%;font-size:43px;font-weight:400}.marquee{overflow:hidden} -/*# sourceMappingURL=weatherscan.css.map */ +@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: 36px; + text-shadow: #000 2px 2px 4px; + max-height: 453.75px; + background: rgba(51, 103, 245, .45); + transform: translate(0px, 10px); + z-index: 388686; + flex: 1 +} + +.city-info .frost-pane:first-of-type { + min-width: 55%; + margin-right: .8% +} + +.city-info .frost-pane.left * { + position: absolute; + min-width: 55%; + padding-top: 15px; + line-height: 193% +} + +.frost-pane .labels { + color: #d8c422; + left: 12.5% +} + +.city-info .frost-pane .data { + right: 10%; + 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: 47.5%; + position: absolute; + transform: translate(0, -47.5px); +} + +.city-info .frost-pane .conditions { + display:flex; + align-items: center; + justify-content: center; + position: absolute; + font-size: 36px; + font-weight: 500; + top: 235px; + text-align: center; + text-transform: capitalize; + overflow-wrap: break-word; + width: 25%; + height: 50px +} +.city-info .frost-pane .temp { + font-size: 68px; + font-weight: 700; + position: absolute; + top: 355px; + letter-spacing: 2.5px; +} + +.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; + line-height: 150% +} +.info-slide-content.daypart { + flex-direction: row +} +.info-slide-content.daypart .frost-pane { + max-height: 418.75px; + padding-left: 62.5px; + display: flex; + flex-direction: row; + transform: translate(0px, 45px); +} +.info-slide-content.daypart .hour { + width: 140px; + align-items: center; + margin-right: 58px; +} + +.info-slide-content.daypart .hour.ii .thing { + background: #2a3a8a; + height: 35px; + width: 198px; + transform: translate(0px, -35px); +} +.info-slide-content.daypart .hour.iii .thing { + background: #2a3a8a; + height: 35px; + width: 198px; + transform: translate(0px, -35px); +} +.info-slide-content.daypart .hour.i .thing { + background: #2a3a8a; + height: 35px; + width: 240px; + padding-left: 40px; + transform: translate(-40px, -35px); +} +.info-slide-content.daypart .hour.iv .thing { + background: #2a3a8a; + height: 35px; + width: 240px; + transform: translate(0px, -35px); +} +.info-slide-content.daypart .hour .thing .thingtext { + color: #fff; + font-family: "Zemestro Std"; + font-size: 28px; + width: 140px; + height: 100%; + text-shadow: #000 0px 0px 0px; + transform: translate(0px, 2.5px); + display: flex; + align-items: center; + justify-content: center; +} +.info-slide-content.daypart .tempbar { + position: absolute; + width: 140px; + height: 0; + background-color: #fefd5d; + background: linear-gradient(to top, #fffe21 0, #db5a14 100%); + bottom: 17.5px +} +.info-slide-content.daypart .icon { + width: 140px; + height: 120px; + background-repeat: no-repeat; + background-size: contain; + background-position: center center; + position: absolute; + top: 10px +} +.info-slide-content.daypart .condition { + color: #fff; + font-family: "Zemestro Std"; + font-size: 28px; + text-shadow: #000 2px 2px 2px; + height: 30px; + width: 100%; + text-align: center; + transform: translate(0px, 100px); + padding: 10px, 0px; + overflow-wrap: break-word; +} +.info-slide-content.daypart .tempbar .temp { + color: #fff; + font-family: "Zemestro Std"; + font-size: 52px; + text-shadow: #000 2px 2px 2px; + height: 30px; + width: 100%; + text-align: center; + transform: translate(0px, 15px); + opacity: 0; +} +.info-slide-content.daypart .tempbar .wind { + color: #24346f; + position: absolute; + font-family: "Zemestro Std"; + font-size: 28px; + text-shadow: #000 0px 0px 0px; + height: 30px; + width: 100%; + text-align: center; + bottom: 2.5px; + opacity: 0; +} +.info-slide-content.forecast .frost-pane { + max-height: 500px +} + +.info-slide-content.forecast .content { + height: 400px; + max-height: 400px +} +.info-slide-content.extended-forecast { + width: 100%; +} + +.info-slide-content.extended-forecast .frost-pane { + transform: translate(0px, 10px); + max-height: 453.75px; + min-width: 165px +} +.info-slide-content.extended-forecast .frost-pane.iiiw { + transform: translate(0px, 10px); + max-height: 453.75px; + min-width: 164px; + max-width: 164px +} +.info-slide-content.extended-forecast .frost-pane.ivw { + transform: translate(0px, 10px); + max-height: 453.75px; + min-width: 164px; + max-width: 164px +} +.info-slide-content.extended-forecast .lfrost-pane { + transform: translate(0px, 10px); + max-height: 453.75px +} +.info-slide-content.extended-forecast .frost-pane .icon { + background-repeat: no-repeat; + background-size: contain; + background-position: center center; + height: 120px; + width: 100%; + transform: translate(0px, 10px); +} +.info-slide-content.extended-forecast .lfrost-pane .icon { + background-repeat: no-repeat; + background-size: contain; + background-position: center center; + height: 120px; + width: 83.55%; + transform: translate(0px, 10px); +} +.info-slide-content.extended-forecast .frost-pane .thing { + color: #fff; + font-family: "Zemestro Std"; + font-size: 30px; + text-shadow: #000 2px 2px 4px; + background: #2a3a8a; + height: 35px; + width: 100%; + padding-top: 5px; + text-align: center; +} +.info-slide-content.extended-forecast .lfrost-pane .thing { + background: #2a3a8a; + height: 35px; + width: 100%; +} +.info-slide-content.extended-forecast .lfrost-pane .thing .thingtext { + color: #fff; + font-family: "Zemestro Std"; + font-size: 30px; + text-shadow: #000 2px 2px 4px; + width: 83.55%; + padding-top: 5px; + text-align: center; +} +.info-slide-content.extended-forecast .linebreak .thing { + color: #fff; + font-family: "Zemestro Std"; + font-size: 52px; + text-shadow: #000 2px 2px 4px; + background: #2a3a8a; + height: 35px; + width: 100%; +} +.info-slide-content.extended-forecast .frost-pane .temphigh { + color: #fff; + font-family: "Zemestro Std"; + font-size: 52px; + text-shadow: #000 2px 2px 2px; + height: 70px; + width: 100%; + background: #5a8aec; + box-shadow: 0 2px 1px 0 rgba(0, 0, 0, .35); + display: flex; + align-items: center; + justify-content: center; + transform: translate(0px, 40px); +} +.info-slide-content.extended-forecast .lfrost-pane .temphigh { + height: 70px; + width: 100%; + background: #5a8aec; + box-shadow: 0 2px 1px 0 rgba(0, 0, 0, .35); + transform: translate(0px, 40px); +} +.info-slide-content.extended-forecast .lfrost-pane .temphigh .temphightext { + color: #fff; + font-family: "Zemestro Std"; + font-size: 52px; + text-shadow: #000 2px 2px 2px; + height: 100%; + font-weight: 700; + width: 83.55%; + display: flex; + align-items: center; + justify-content: center; +} + +.info-slide-content.extended-forecast .frost-pane .templow { + color: #fff; + font-family: "Zemestro Std"; + font-size: 52px; + text-shadow: #000 2px 2px 2px; + height: 75px; + width: 100%; + background: rgba(51, 103, 245, .1); + display: flex; + align-items: center; + justify-content: center; + text-align: center; + transform: translate(0px, 50px); +} +.info-slide-content.extended-forecast .lfrost-pane .templow { + color: #fff; + font-family: "Zemestro Std"; + font-size: 52px; + text-shadow: #000 2px 2px 2px; + height: 75px; + width: 83.55%; + background: rgba(51, 103, 245, .1); + display: flex; + align-items: center; + justify-content: center; + text-align: center; + transform: translate(0px, 50px); +} +.info-slide-content.extended-forecast .frost-pane .conditions { + color: #fff; + font-family: "Zemestro Std"; + font-size: 28px; + text-shadow: #000 2px 2px 2px; + height: 100px; + width: 100%; + padding: 10px; + text-align: center; + transform: translate(0px, 12.5px); + overflow-wrap: break-word; +} +.info-slide-content.extended-forecast .lfrost-pane .conditions { + color: #fff; + font-family: "Zemestro Std"; + font-size: 28px; + text-shadow: #000 2px 2px 2px; + height: 100px; + width: 83.55%; + padding: 10px; + display: flex; + align-items: center; + justify-content: center; + text-align: center; + transform: translate(0px, 12.5px); + overflow-wrap: break-word; +} +.info-slide-content.extended-forecast .linebreak { + transform: translate(0px, 10px); + height: 453.75px; + width: 6.5px +} +.info-slide-content.extended-forecast .linebreak.iii { + height: 453.75px; + width: 7.5px +} +.info-slide-content.extended-forecast .lfrost-pane.vw { + min-height: 100%; + background: rgba(51, 103, 245, .45); + z-index: 388686; + flex: 1.4 +} + +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; + 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: 75px; + top: 92px; + width: 887px; + height: 569px; + z-index: 1; + padding: 2.5px 0 2.5px 2.5px; +} +#info-slides-bg { + position: absolute; + right: 75px; + top: 92px; + width: 963px; + height: 569px; + z-index: 1; + padding: 2.5px 0 2.5px 2.5px; + margin-right: -75px; + box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .35); + background-color: #001668; + background: radial-gradient(farthest-corner at 963px 569px, #000d28, #001668) +} + +#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: 40px; + max-height: 40px; + font-size: 26px; + white-space: nowrap; + min-width: 125%; + overflow: hidden; +} + +#info-slides-header .hscroller { + position: relative; + display: inline-block; + transform-origin: left center; + top: 50%; + transform: scale(1.1, 1) translateY(-50%); + line-height: 17px; +} +#info-slides-header .gradientthing { + position: absolute; + width: 125px; + top: 0; + background: linear-gradient(to right, rgba(147, 156, 171,0), rgba(147, 156, 171,.97)); + height: 100%; + right: 125px + +} + +#info-slides-header .divider-arrow { + font-size: 22px; + display: inline-block; + transform: scale(.7, 1); + transform: translate(0, -2.5px); + 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; +} + +#radar-1 { + flex: 1; +} + +.info-slide { + width: 100%; + min-height: 99.87%; + 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: 36px; + height: 55px; + box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .75); + z-index: 4; + text-shadow: 2px 2px 4px #000; + line-height: 24.5px; +} + +.info-slide .info-subheader span { + position: absolute; + top: 50%; + transform: translateY(-42.5%) +} + +.info-slide-content br { + position: relative !important +} + +.radar-slide { + z-index: 5 +} + +.city-info-slide { + position: relative; + background: transparent url(/images/bluebuildings.jpg) no-repeat bottom; + background-size: cover +} + +.info-slide .info-subheadershadowfix { + color: #fff; + display: flex; + flex-flow: row nowrap; + justify-content: space-between; + background-color: #0018cc; + font-size: 36px; + height: 55px; + z-index: 6; + text-shadow: 2px 2px 2px #000; + position: absolute; + min-width: 20%; +} +.info-slide .info-subheadershadowfix span { + position: absolute; + top: 51%; + transform: translateY(-42.5%); + left: 7px; + width: 200% +} + +.city-info-slide .info-subheader { + padding-right: 10% +} + + +.city-info-slide #subhead-city { + font-size: 28px; + padding-top: 3px; + right: 98px; + font-stretch: semi-expanded; +} + +.info-slide-content { + height: 100%; + min-height: 100%; + width: 100%; + flex: 1; + z-index: 0 +} + +.city-info-slide .curve { + position: absolute; + background-position: 0 0; + background-repeat: no-repeat; + background-size: 200% 200% +} + +.city-info-slide .yellow { + background-image: url(/images/yellow-curve.svg); + -webkit-filter: drop-shadow(4px 0 4px rgba(0, 0, 0, .75)); + filter: drop-shadow(4px 0 4px rgba(0, 0, 0, .75)) +} + +.city-info-slide .yellow.left { + top: 6.1%; + left: -11.5%; + z-index: 3; + width: 21%; + height: 80%; + z-index: 5 +} + +.city-info-slide .yellow.right { + background-position: 100% 0; + top: -15%; + right: -19%; + width: 51%; + height: 85%; + z-index: 7; + -webkit-filter: drop-shadow(-4px 0 4px rgba(0, 0, 0, .75)); + filter: drop-shadow(-4px 0 4px rgba(0, 0, 0, .75)) +} + +.city-info-slide .blue.left { + background-image: url(/images/blue-curve.svg); + background-size: 200% 100%; + width: 22%; + height: 150%; + top: 4.8%; + left: -8.9%; + opacity: .7; + z-index: 2 +} +.city-info-slide .blue.bottom { + background-image: url(/images/blue-curve.svg); + background-size: 200% 100%; + width: 22%; + height: 150%; + top: -36.75%; + left: -9.25%; + opacity: .7; + z-index: 2 +} + +.city-info-slide .white.right { + background-image: url(/images/white-curve.svg); + background-size: 200% 100%; + background-position: 100% 0; + width: 22%; + height: 150%; + top: 3.1%; + right: -9.45%; + opacity: .2; + z-index: 2 +} +.city-info-slide .white.bottom { + background-image: url(/images/white-curve.svg); + background-size: 200% 100%; + background-position: 100% 0; + width: 22%; + height: 150%; + top: -37.5%; + right: -10.1%; + opacity: .2; + z-index: 2 +} + +.radar-color-legend { + font-size: 18px; + position: absolute; + text-align: right; + right: 5%; + top: 1.2% +} + +.radar-color-legend>img { + width: 45%; + height: 13px; + box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .75) +} + +.leaflet-overlay-pane canvas { + -webkit-filter: drop-shadow(0 2px 2px #000); + filter: drop-shadow(0 2px 2px #000) +} + +#city, #current-conditions *, #date-time, #date-time * { + font-family: Interstate; + font-weight: 700; + text-shadow: none; + text-align: right; + color: #1b1b1b +} + +#date-time { + position: absolute; + top: 98px; + width: 457px +} + +#date-time * { + font-family: 'Interstate Mono'; + font-size: 25px; + line-height: 33px +} + +#time { + text-transform: lowercase +} + +#city { + font-size: 37px; + padding-top: 26px; + position: absolute; + text-align: left; + margin-left: 140px; + width: 311px; + height: 91px; + top: 284px; + left: 0; + line-height: 100%; + white-space: nowrap; + overflow: hidden +} + +#current-conditions { + font-family: Interstate; + position: absolute; + top: 376px; + left: 0; + width: 452px; + text-align: left +} + +#conditions-icon { + position: absolute; + left: 290px; + background-size: 100% 100%; + width: 155px; + height: 155px; + background-repeat: no-repeat; + top: 400px; + z-index: 0 +} + +#now { + font-size: 49px; + margin: 1.6% 0 0 31%; + text-align: left +} + +#current-temp { + font-size: 70px; + margin: 5.4% 0 0 0; + text-align: center; + width: 100% +} + +#current-info { + font-size: 27px; + margin: 5.4% 0 0 31%; + text-align: left; + width: 66% +} + +#minimap-title { + font-family: Interstate; + font-weight: 700; + position: absolute; + width: 31.4%; + top: 638px; + text-align: right; + color: #fff; + font-size: 25px; + padding: 7px 15px 0 0; + text-shadow: 2px 2px 4px #000 +} + +#minimap { + position: absolute; + width: 31.35%; + height: 20.5%; + left: 0; + top: 677px; + background: #333; + z-index: 1; + box-shadow: 0 8px 15px 0 rgba(0, 0, 0, .35) +} + +#forecast-shadow { + position: absolute; + height: 18.85%; + width: 66.87%; + right: 0; + top: 63%; + overflow: hidden; + background: #8cadd1; + box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .35) +} + +#forecast-header { + width: 100%; + min-height: 20.5%; + max-height: 20.5%; + font-size: 28px; + padding-left: 1%; + background: #eed76b +} + +#forecast-header * { + font-family: Interstate; + font-weight: 700; + text-transform: uppercase; + display: inline-block; + line-height: 169%; +} + +#forecast-city { + padding-right: 2% +} + +#forecast-title { + color: #001668 +} + +#forecast-text, #forecast-text * { + font-family: Interstate; + font-size: 40px +} + +#forecast-text { + position: absolute; + padding: .75% .75%; + min-height: 75%; + max-height: 75%; + height: 75%; + width: 100%; + margin-top: .4%; + overflow: hidden +} + +#forecast-tiles { + font-weight: 700; + position: absolute; + width: 100%; + height: 79.6% +} + +.forecast-tile { + position: relative; + background: #5681be; + background: linear-gradient(to right, #5783cc 0, #c4d9ff 100%) +} + +.forecast-tile:last-child { + flex-grow: 100; + border-right: none !important +} + +.forecast-tile .width-sizer { + width: 100%; + height: 100%; + position: relative +} + +.forecast-tile .footer, .forecast-tile .header { + font-size: 28px; + color: #fff; + height: 25%; + padding: 10px 11px; + text-transform: uppercase +} + +.forecast-tile.daily { + width: 18% +} + +.forecast-tile.daily .header { + background: linear-gradient(to right, #001668 0, #4564c4 100%); + background-color: #001668 +} + +.forecast-tile.daily.weekend .header { + color: #001668; + background: linear-gradient(to right, #8caaea 0, #c4d9ff 100%); + background-color: #8caaea +} + +.forecast-tile.daily .icon { + display: block; + position: absolute; + height: 65%; + bottom: 0; + left: 0; + margin-left: .5% +} + +.forecast-tile.daily:last-child .icon { + margin-left: 1% +} + +.forecast-tile .high, .forecast-tile .low { + font-family: Interstate; + text-align: right; + position: absolute; + right: 5%; + font-weight: 700; + top: 10% +} + +.forecast-tile:last-child .high, .forecast-tile:last-child .low { + padding-right: 30% +} + +.forecast-tile .high { + top: 30%; + font-size: 48px +} + +.forecast-tile.daily .low { + color: rgba(0, 0, 0, .5); + top: 63%; + font-size: 32px +} + +.forecast-tile.hourly { + width: 22.3%; + border-right: solid 4px #fff +} + +.forecast-tile.hourly .icon { + display: block; + position: absolute; + height: 65%; + top: 3.5%; + left: 4% +} + +.forecast-tile.hourly .hourly-high { + position: absolute; + right: 5.5%; + bottom: 0; + width: 28%; + height: 0; + padding-top: 1%; + display: flex; + flex-flow: column; + z-index: 1 +} + +.forecast-tile.hourly .high { + top: 0; + position: relative; + padding-bottom: 15%; + opacity: 0; + text-align: center +} + +.forecast-tile.hourly .temp-bar { + width: 100%; + flex: 1; + position: relative; + bottom: 7%; + background: linear-gradient(to right, #656565 0, #fcfcfc 50%, #656565 100%); + background-color: #656565 +} + +.forecast-tile.hourly .footer { + font-size: 26px; + text-transform: lowercase; + padding-top: 10px; + position: absolute; + width: 100%; + bottom: 0; + z-index: 0; + color: #fff; + background: linear-gradient(to right, #4b411e 0, #ae9b57 100%); + background-color: #4b411e +} + +.forecast-tile.hourly:last-child .footer { + padding-top: 10px +} + +.forecast-tile.hourly:last-child .width-sizer { + width: 66% +} + +#logo-area { + position: absolute; + width: 31.528%; + height: 9.398%; + left: 0; + top: 83.4% +} + +#logo-area img { + display: block; + position: absolute; + width: 65%; + top: 19%; + right: 5% +} + +#arrow-img { + display: block; + position: absolute; + height: 3.7%; + left: 31.35%; + top: 897px; + z-index: 2 +} + +#marquee1 { + position: absolute; + color: #fff; + left: 32%; + top: 898px; + width: 68.507%; + height: 43px; + margin-top: 2px; + font-size: 30px; + text-shadow: 2px 2px 4px #000; + padding-top: .25% +} + +#marquee>div { + display: inline-block; + white-space: nowrap; + width: auto +} + +#marquee1 span { + padding-right: 3vw +} + +#marquee2 { + position: absolute; + left: 31.35%; + top: 87.2%; + width: 68.507%; + height: 5.602%; + font-size: 43px; + font-weight: 400; + padding-top: .75%; + font-stretch: expanded; +} + +.marquee { + overflow: hidden +}/*# sourceMappingURL=weatherscan.css.map */