From 420a30683365ca409559d4e2fbfed65a65d02d49 Mon Sep 17 00:00:00 2001 From: Jesse Cardone Date: Wed, 19 Sep 2018 18:19:12 -0400 Subject: [PATCH] CSS cleanup, remove prefixes --- src/scss/_misc.scss | 40 ++++----------------------------- src/scss/_slides.scss | 19 ++++++++++------ webroot/css/weatherscan.css | 2 +- webroot/css/weatherscan.css.map | 2 +- 4 files changed, 18 insertions(+), 45 deletions(-) diff --git a/src/scss/_misc.scss b/src/scss/_misc.scss index 5f8a8dc..950eef4 100644 --- a/src/scss/_misc.scss +++ b/src/scss/_misc.scss @@ -28,8 +28,6 @@ body { top: 50%; left: 50%; overflow: hidden; - -webkit-transform: translate(-50%, -50%); - -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 1440px; height: 1080px; @@ -58,10 +56,7 @@ body { padding: 6px 0 6px 6px; box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.35); background-color: #001668; - background: -moz-linear-gradient(-45deg, rgba(0, 22, 104, 1) 0%, rgba(0, 13, 40, 1) 100%); - background: -webkit-linear-gradient(-45deg, rgba(0, 22, 104, 1) 0%, rgba(0, 13, 40, 1) 100%); background: linear-gradient(135deg, rgba(0, 22, 104, 1) 0%, rgba(0, 13, 40, 1) 100%); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#001668', endColorstr='#000d28', GradientType=1); } #info-slides-header, @@ -85,11 +80,8 @@ body { #info-slides-header .hscroller { position: relative; display: inline-block; - transform: scale(1.2, 1); transform-origin: left center; top: 50%; - -webkit-transform: scale(1.1, 1) translateY(-50%); - -ms-transform: scale(1.1, 1) translateY(-50%); transform: scale(1.1, 1) translateY(-50%); } @@ -125,20 +117,14 @@ body { flex-direction: column; box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.35); background-color: #001668; - background: -moz-linear-gradient(-45deg, rgba(0, 22, 104, 1) 0%, rgba(0, 13, 40, 1) 100%); - background: -webkit-linear-gradient(-45deg, rgba(0, 22, 104, 1) 0%, rgba(0, 13, 40, 1) 100%); background: linear-gradient(135deg, rgba(0, 22, 104, 1) 0%, rgba(0, 13, 40, 1) 100%); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#001668', endColorstr='#000d28', GradientType=1); } #radar-1 { flex: 1; box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.35); background-color: #001668; - background: -moz-linear-gradient(-45deg, rgba(0, 22, 104, 1) 0%, rgba(0, 13, 40, 1) 100%); - background: -webkit-linear-gradient(-45deg, rgba(0, 22, 104, 1) 0%, rgba(0, 13, 40, 1) 100%); background: linear-gradient(135deg, rgba(0, 22, 104, 1) 0%, rgba(0, 13, 40, 1) 100%); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#001668', endColorstr='#000d28', GradientType=1); } .info-slide { @@ -164,8 +150,6 @@ body { .info-slide .info-subheader span { position: absolute; top: 50%; - -webkit-transform: translateY(-50%); - -ms-transform: translateY(-50%); transform: translateY(-50%); } @@ -179,7 +163,7 @@ body { .city-info-slide { position: relative; - background: transparent url('../images/bluebuildings.jpg') no-repeat bottom; + background: transparent url("/images/bluebuildings.jpg") no-repeat bottom; background-size: cover; } @@ -209,7 +193,7 @@ body { } .city-info-slide .yellow { - background-image: url(../images/yellow-curve.svg); + background-image: url("/images/yellow-curve.svg"); filter: drop-shadow(4px 0px 4px rgba(0, 0, 0, 0.75)); } @@ -231,7 +215,7 @@ body { } .city-info-slide .blue { - background-image: url(../images/blue-curve.svg); + background-image: url("/images/blue-curve.svg"); background-size: 200% 100%; width: 22%; height: 120%; @@ -242,8 +226,7 @@ body { } .city-info-slide .white { - background-image: url(../images/white-curve.svg); - background-image: url(../images/white-curve.svg); + background-image: url("/images/white-curve.svg"); background-size: 200% 100%; background-position: 100% 0; width: 22%; @@ -440,10 +423,7 @@ body { .forecast-tile { position: relative; background: #5681BE; - background: -moz-linear-gradient(left, #5783CC 0%, #C4D9FF 100%); - background: -webkit-linear-gradient(left, #5783CC 0%, #C4D9FF 100%); background: linear-gradient(to right, #5783CC 0%, #C4D9FF 100%); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5783cc', endColorstr='#c4d9ff', GradientType=1); } .forecast-tile:last-child { @@ -471,19 +451,13 @@ body { } .forecast-tile.daily .header { - background: -moz-linear-gradient(left, #001668 0%, #4564C4 100%); - background: -webkit-linear-gradient(left, #001668 0%, #4564C4 100%); background: linear-gradient(to right, #001668 0%, #4564C4 100%); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#001668', endColorstr='#4564c4', GradientType=1); background-color: #001668; } .forecast-tile.daily.weekend .header { color: #001668; - background: -moz-linear-gradient(left, #8CAAEA 0%, #C4D9FF 100%); - background: -webkit-linear-gradient(left, #8CAAEA 0%, #C4D9FF 100%); background: linear-gradient(to right, #8CAAEA 0%, #C4D9FF 100%); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8caaea', endColorstr='#c4d9ff', GradientType=1); background-color: #8CAAEA; } @@ -564,10 +538,7 @@ body { flex: 1; position: relative; bottom: 7%; - background: -moz-linear-gradient(left, #656565 0%, #FCFCFC 50%, #656565 100%); - background: -webkit-linear-gradient(left, #656565 0%, #FCFCFC 50%, #656565 100%); background: linear-gradient(to right, #656565 0%, #FCFCFC 50%, #656565 100%); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#656565', endColorstr='#656565', GradientType=1); background-color: #656565; } @@ -580,10 +551,7 @@ body { bottom: 0; z-index: 0; color: white; - background: -moz-linear-gradient(left, #4B411E 0%, #AE9B57 100%); - background: -webkit-linear-gradient(left, #4B411E 0%, #AE9B57 100%); background: linear-gradient(to right, #4B411E 0%, #AE9B57 100%); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4b411e', endColorstr='#ae9b57', GradientType=1); background-color: #4B411E; } diff --git a/src/scss/_slides.scss b/src/scss/_slides.scss index 668d87c..b54f049 100644 --- a/src/scss/_slides.scss +++ b/src/scss/_slides.scss @@ -8,16 +8,18 @@ top: 10%; font-size: 110%; } + .frost-pane { - color: #fff; - font-family:"Zemestro Std"; + color: #FFFFFF; + font-family: "Zemestro Std"; font-size: 32px; - text-shadow:#000 2px 2px 4px; + text-shadow: #000000 2px 2px 4px; min-height: 100%; - background: rgba(18,75,238,0.7); + background: rgba(18, 75, 238, 0.7); z-index: 388686; - flex:1; + flex: 1; } + .city-info .frost-pane:first-of-type { width: 55%; margin-right: 0.8%; @@ -30,7 +32,7 @@ } .frost-pane .labels { - color: #d8c422; + color: #D8C422; left: 9%; } @@ -53,6 +55,7 @@ width: 70%; height: 40%; } + .city-info .frost-pane .temp { font-size: 76px; margin-top: 20%; @@ -65,9 +68,10 @@ } .frost-pane .title { - color: #d8c422; + color: #D8C422; font-size: 40px; } + .frost-pane .content { font-size: 50px; } @@ -75,6 +79,7 @@ .info-slide-content.forecast .frost-pane { max-height: 500px; } + .info-slide-content.forecast .content { height: 400px; max-height: 400px; diff --git a/webroot/css/weatherscan.css b/webroot/css/weatherscan.css index c36e588..1b9d9e5 100644 --- a/webroot/css/weatherscan.css +++ b/webroot/css/weatherscan.css @@ -1,2 +1,2 @@ -@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:scale(1.2,1);transform:scale(1.2,1);-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%;-webkit-transform:translateY(-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-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} +@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%;-webkit-transform:translateY(-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 */ diff --git a/webroot/css/weatherscan.css.map b/webroot/css/weatherscan.css.map index 0cb80f0..089503d 100644 --- a/webroot/css/weatherscan.css.map +++ b/webroot/css/weatherscan.css.map @@ -1 +1 @@ -{"version":3,"sources":["_fonts.scss","_slides.scss","weatherscan.css","_misc.scss"],"names":[],"mappings":"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","file":"weatherscan.css","sourcesContent":["@font-face {\r\n font-family: 'Interstate';\r\n src: url('/fonts/Interstate-Bold.woff2') format('woff2'),\r\n url('/fonts/Interstate-Bold.woff') format('woff');\r\n font-weight: bold;\r\n font-style: normal;\r\n}\r\n\r\n@font-face {\r\n font-family: 'Interstate Mono';\r\n src: url('/fonts/InterstateMono.woff2') format('woff2'),\r\n url('/fonts/InterstateMono.woff') format('woff');\r\n font-weight: normal;\r\n font-style: normal;\r\n}\r\n\r\n@font-face {\r\n font-family: 'Interstate';\r\n src: url('/fonts/Interstate-Regular.woff2') format('woff2'),\r\n url('/fonts/Interstate-Regular.woff') format('woff');\r\n font-weight: normal;\r\n font-style: normal;\r\n}\r\n\r\n@font-face {\r\n font-family: 'Zemestro Std';\r\n src: url('/fonts/ZemestroStd.woff2') format('woff2'),\r\n url('/fonts/ZemestroStd.woff') format('woff');\r\n font-weight: normal;\r\n font-style: normal;\r\n}\r\n\r\n","/* Slide 1*/\r\n\r\n.city-info,\r\n.info-slide-content {\r\n display: flex;\r\n flex-direction: row;\r\n width: 100%;\r\n top: 10%;\r\n font-size: 110%;\r\n}\r\n.frost-pane {\r\n color: #fff;\r\n font-family:\"Zemestro Std\";\r\n font-size: 32px;\r\n text-shadow:#000 2px 2px 4px;\r\n min-height: 100%;\r\n background: rgba(18,75,238,0.7);\r\n z-index: 388686;\r\n flex:1;\r\n}\r\n.city-info .frost-pane:first-of-type {\r\n width: 55%;\r\n margin-right: 0.8%;\r\n}\r\n\r\n.city-info .frost-pane.left * {\r\n position: absolute;\r\n padding-top: 15px;\r\n line-height: 220%;\r\n}\r\n\r\n.frost-pane .labels {\r\n color: #d8c422;\r\n left: 9%;\r\n}\r\n\r\n.city-info .frost-pane .data {\r\n left: 35%;\r\n text-align: right;\r\n}\r\n\r\n.city-info .frost-pane.right {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n padding-top: 30px;\r\n}\r\n\r\n.city-info .frost-pane .icon {\r\n background-repeat: no-repeat;\r\n background-size: contain;\r\n background-position: center center;\r\n width: 70%;\r\n height: 40%;\r\n}\r\n.city-info .frost-pane .temp {\r\n font-size: 76px;\r\n margin-top: 20%;\r\n}\r\n\r\n.forecast .frost-pane {\r\n padding-left: 9%;\r\n padding-top: 2%;\r\n padding: 2% 2% 1% 9%;\r\n}\r\n\r\n.frost-pane .title {\r\n color: #d8c422;\r\n font-size: 40px;\r\n}\r\n.frost-pane .content {\r\n font-size: 50px;\r\n}\r\n\r\n.info-slide-content.forecast .frost-pane {\r\n max-height: 500px;\r\n}\r\n.info-slide-content.forecast .content {\r\n height: 400px;\r\n max-height: 400px;\r\n}",null,"html,\r\nbody,\r\ndiv,\r\nh1,\r\np,\r\na {\r\n margin: 0;\r\n padding: 0;\r\n font-family: 'Zemestro Std';\r\n font-weight: normal;\r\n font-style: normal;\r\n}\r\n\r\nhtml * {\r\n box-sizing: border-box;\r\n font-size: 100%\r\n}\r\n\r\nhtml,\r\nbody {\r\n height: 100%;\r\n background-color: #000000;\r\n font-size: 100%\r\n}\r\n\r\n#main {\r\n position: relative;\r\n top: 50%;\r\n left: 50%;\r\n overflow: hidden;\r\n -webkit-transform: translate(-50%, -50%);\r\n -ms-transform: translate(-50%, -50%);\r\n transform: translate(-50%, -50%);\r\n width: 1440px;\r\n height: 1080px;\r\n}\r\n\r\n#main > #template {\r\n display: block;\r\n max-height: 100%;\r\n max-width: 100%;\r\n}\r\n\r\n.leaflet-top,\r\n.leaflet-bottom {\r\n display: none;\r\n}\r\n\r\n#info-slides-container {\r\n display: flex;\r\n flex-direction: column;\r\n position: absolute;\r\n right: 0;\r\n top: 92px;\r\n width: 963px;\r\n height: 572px;\r\n z-index: 1;\r\n padding: 6px 0 6px 6px;\r\n box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.35);\r\n background-color: #001668;\r\n background: -moz-linear-gradient(-45deg, rgba(0, 22, 104, 1) 0%, rgba(0, 13, 40, 1) 100%);\r\n background: -webkit-linear-gradient(-45deg, rgba(0, 22, 104, 1) 0%, rgba(0, 13, 40, 1) 100%);\r\n background: linear-gradient(135deg, rgba(0, 22, 104, 1) 0%, rgba(0, 13, 40, 1) 100%);\r\n filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#001668', endColorstr='#000d28', GradientType=1);\r\n}\r\n\r\n#info-slides-header,\r\n.info-slide .info-subheader {\r\n position: relative;\r\n color: white;\r\n width: 100%;\r\n padding: 0 7px;\r\n}\r\n\r\n#info-slides-header {\r\n flex: 1;\r\n background-color: #2267B7;\r\n height: 34px;\r\n max-height: 34px;\r\n font-size: 22px;\r\n overflow: hidden;\r\n white-space: nowrap;\r\n}\r\n\r\n#info-slides-header .hscroller {\r\n position: relative;\r\n display: inline-block;\r\n transform: scale(1.2, 1);\r\n transform-origin: left center;\r\n top: 50%;\r\n -webkit-transform: scale(1.1, 1) translateY(-50%);\r\n -ms-transform: scale(1.1, 1) translateY(-50%);\r\n transform: scale(1.1, 1) translateY(-50%);\r\n}\r\n\r\n#info-slides-header .divider-arrow {\r\n font-size: 22px;\r\n display: inline-block;\r\n transform: scale(.7, 1);\r\n transform-origin: left center;\r\n font-weight: bold;\r\n padding: 0 7px;\r\n}\r\n\r\n#info-slides-header span.city {\r\n letter-spacing: 1px;\r\n text-transform: uppercase;\r\n}\r\n\r\n#info-slides-header span.city,\r\n#info-slides-header span.divider-arrow {\r\n opacity: 0.5;\r\n}\r\n\r\n#info-slides-header span.city.current {\r\n opacity: 1;\r\n}\r\n\r\n#info-slide-container {\r\n flex: 1;\r\n}\r\n\r\n#radar-container {\r\n display: flex;\r\n flex-direction: column;\r\n box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.35);\r\n background-color: #001668;\r\n background: -moz-linear-gradient(-45deg, rgba(0, 22, 104, 1) 0%, rgba(0, 13, 40, 1) 100%);\r\n background: -webkit-linear-gradient(-45deg, rgba(0, 22, 104, 1) 0%, rgba(0, 13, 40, 1) 100%);\r\n background: linear-gradient(135deg, rgba(0, 22, 104, 1) 0%, rgba(0, 13, 40, 1) 100%);\r\n filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#001668', endColorstr='#000d28', GradientType=1);\r\n}\r\n\r\n#radar-1 {\r\n flex: 1;\r\n box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.35);\r\n background-color: #001668;\r\n background: -moz-linear-gradient(-45deg, rgba(0, 22, 104, 1) 0%, rgba(0, 13, 40, 1) 100%);\r\n background: -webkit-linear-gradient(-45deg, rgba(0, 22, 104, 1) 0%, rgba(0, 13, 40, 1) 100%);\r\n background: linear-gradient(135deg, rgba(0, 22, 104, 1) 0%, rgba(0, 13, 40, 1) 100%);\r\n filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#001668', endColorstr='#000d28', GradientType=1);\r\n}\r\n\r\n.info-slide {\r\n width: 100%;\r\n min-height: 100%;\r\n overflow: hidden;\r\n display: flex;\r\n flex-flow: column;\r\n}\r\n\r\n.info-slide .info-subheader {\r\n display: flex;\r\n flex-flow: row nowrap;\r\n justify-content: space-between;\r\n background-color: #0018CC;\r\n font-size: 32px;\r\n height: 55px;\r\n box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.75);\r\n z-index: 4;\r\n text-shadow: 2px 2px 4px #000000;\r\n}\r\n\r\n.info-slide .info-subheader span {\r\n position: absolute;\r\n top: 50%;\r\n -webkit-transform: translateY(-50%);\r\n -ms-transform: translateY(-50%);\r\n transform: translateY(-50%);\r\n}\r\n\r\n.info-slide-content br {\r\n position: relative !important;\r\n}\r\n\r\n.radar-slide {\r\n z-index: 5;\r\n}\r\n\r\n.city-info-slide {\r\n position: relative;\r\n background: transparent url('../images/bluebuildings.jpg') no-repeat bottom;\r\n background-size: cover;\r\n}\r\n\r\n.city-info-slide .info-subheader {\r\n padding-right: 10%;\r\n}\r\n\r\n.city-info-slide #subhead-city {\r\n font-size: 28px;\r\n padding-top: 3px;\r\n right: 98px;\r\n}\r\n\r\n.info-slide-content {\r\n height: 100%;\r\n min-height: 100%;\r\n width: 100%;\r\n flex: 1;\r\n z-index: 0;\r\n}\r\n\r\n.city-info-slide .curve {\r\n position: absolute;\r\n background-position: 0 0;\r\n background-repeat: no-repeat;\r\n background-size: 200% 200%;\r\n}\r\n\r\n.city-info-slide .yellow {\r\n background-image: url(../images/yellow-curve.svg);\r\n filter: drop-shadow(4px 0px 4px rgba(0, 0, 0, 0.75));\r\n}\r\n\r\n.city-info-slide .yellow.left {\r\n top: 5%;\r\n left: -10.6%;\r\n z-index: 3;\r\n width: 20%;\r\n height: 100%;\r\n}\r\n\r\n.city-info-slide .yellow.right {\r\n background-position: 100% 0;\r\n top: -15%;\r\n right: -19%;\r\n width: 50%;\r\n height: 100%;\r\n z-index: 5;\r\n}\r\n\r\n.city-info-slide .blue {\r\n background-image: url(../images/blue-curve.svg);\r\n background-size: 200% 100%;\r\n width: 22%;\r\n height: 120%;\r\n top: 1%;\r\n left: -6%;\r\n opacity: 0.7;\r\n z-index: 2;\r\n}\r\n\r\n.city-info-slide .white {\r\n background-image: url(../images/white-curve.svg);\r\n background-image: url(../images/white-curve.svg);\r\n background-size: 200% 100%;\r\n background-position: 100% 0;\r\n width: 22%;\r\n height: 120%;\r\n top: 2.3%;\r\n right: -6.7%;\r\n opacity: 0.2;\r\n z-index: 2;\r\n}\r\n\r\n.radar-color-legend {\r\n font-size: 18px;\r\n position: absolute;\r\n text-align: right;\r\n right: 5%;\r\n top: 1.2%;\r\n}\r\n\r\n.radar-color-legend > img {\r\n width: 45%;\r\n height: 13px;\r\n box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.75);\r\n}\r\n\r\n.leaflet-overlay-pane canvas {\r\n filter: drop-shadow(0px 2px 2px #000000);\r\n}\r\n\r\n#date-time,\r\n#city,\r\n#current-conditions *,\r\n#date-time * {\r\n font-family: 'Interstate';\r\n font-weight: bold;\r\n text-shadow: none;\r\n text-align: right;\r\n color: #1B1B1B;\r\n}\r\n\r\n#date-time {\r\n position: absolute;\r\n top: 98px;\r\n width: 457px;\r\n}\r\n\r\n#date-time * {\r\n font-family: 'Interstate Mono';\r\n font-size: 25px;\r\n line-height: 33px;\r\n}\r\n\r\n#time {\r\n text-transform: lowercase;\r\n}\r\n\r\n#city {\r\n font-size: 37px;\r\n padding-top: 26px;\r\n position: absolute;\r\n text-align: left;\r\n margin-left: 140px;\r\n width: 311px;\r\n height: 91px;\r\n top: 284px;\r\n left: 0;\r\n line-height: 100%;\r\n white-space: nowrap;\r\n overflow: hidden;\r\n}\r\n\r\n#current-conditions {\r\n font-family: 'Interstate';\r\n position: absolute;\r\n top: 376px;\r\n left: 0;\r\n width: 452px;\r\n text-align: left;\r\n}\r\n\r\n#conditions-icon {\r\n position: absolute;\r\n left: 300px;\r\n background-size: 100% 100%;\r\n width: 144px;\r\n height: 145px;\r\n background-repeat: no-repeat;\r\n top: 394px;\r\n z-index: 0;\r\n}\r\n\r\n#now {\r\n font-size: 49px;\r\n margin: 1.6% 0 0 31%;\r\n text-align: left;\r\n}\r\n\r\n#current-temp {\r\n font-size: 70px;\r\n margin: 4.4% 0 0 0;\r\n text-align: center;\r\n width: 100%;\r\n}\r\n\r\n#current-info {\r\n font-size: 27px;\r\n margin: 4.2% 0 0 31%;\r\n text-align: left;\r\n width: 66%;\r\n}\r\n\r\n#minimap-title {\r\n font-family: 'Interstate';\r\n font-weight: bold;\r\n position: absolute;\r\n width: 31.4%;\r\n top: 638px;\r\n text-align: right;\r\n color: #FFFFFF;\r\n font-size: 25px;\r\n padding: 7px 15px 0 0;\r\n text-shadow: 2px 2px 4px #000000;\r\n}\r\n\r\n#minimap {\r\n position: absolute;\r\n width: 31.35%;\r\n height: 20.5%;\r\n left: 0;\r\n top: 677px;\r\n background: #333333;\r\n z-index: 1;\r\n box-shadow: 0px 8px 15px 0px rgba(0, 0, 0, 0.35);\r\n}\r\n\r\n#forecast-shadow {\r\n position: absolute;\r\n height: 18.85%;\r\n width: 66.87%;\r\n right: 0;\r\n top: 63%;\r\n overflow: hidden;\r\n background: #8CADD1;\r\n box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.35);\r\n}\r\n\r\n#forecast-header {\r\n width: 100%;\r\n min-height: 20.5%;\r\n font-size: 28px;\r\n padding-left: 1%;\r\n background: #EED76B;\r\n}\r\n\r\n#forecast-header * {\r\n font-family: 'Interstate';\r\n font-weight: bold;\r\n text-transform: uppercase;\r\n display: inline-block;\r\n line-height: 150%;\r\n}\r\n\r\n#forecast-city {\r\n padding-right: 2%;\r\n}\r\n\r\n#forecast-title {\r\n color: #001668;\r\n}\r\n\r\n#forecast-text,\r\n#forecast-text * {\r\n font-family: 'Interstate';\r\n font-size: 40px;\r\n}\r\n\r\n#forecast-text {\r\n position: absolute;\r\n padding: 0.1% 1%;\r\n min-height: 75%;\r\n max-height: 75%;\r\n height: 75%;\r\n width: 100%;\r\n margin-top: 0.4%;\r\n overflow: hidden;\r\n}\r\n\r\n#forecast-tiles {\r\n font-weight: bold;\r\n position: absolute;\r\n width: 100%;\r\n height: 79.6%;\r\n}\r\n\r\n.forecast-tile {\r\n position: relative;\r\n background: #5681BE;\r\n background: -moz-linear-gradient(left, #5783CC 0%, #C4D9FF 100%);\r\n background: -webkit-linear-gradient(left, #5783CC 0%, #C4D9FF 100%);\r\n background: linear-gradient(to right, #5783CC 0%, #C4D9FF 100%);\r\n filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5783cc', endColorstr='#c4d9ff', GradientType=1);\r\n}\r\n\r\n.forecast-tile:last-child {\r\n flex-grow: 100;\r\n border-right: none !important;\r\n}\r\n\r\n.forecast-tile .width-sizer {\r\n width: 100%;\r\n height: 100%;\r\n position: relative;\r\n}\r\n\r\n.forecast-tile .header,\r\n.forecast-tile .footer {\r\n font-size: 24px;\r\n color: white;\r\n height: 25%;\r\n padding: 5px 11px;\r\n text-transform: uppercase;\r\n}\r\n\r\n.forecast-tile.daily {\r\n width: 18%;\r\n}\r\n\r\n.forecast-tile.daily .header {\r\n background: -moz-linear-gradient(left, #001668 0%, #4564C4 100%);\r\n background: -webkit-linear-gradient(left, #001668 0%, #4564C4 100%);\r\n background: linear-gradient(to right, #001668 0%, #4564C4 100%);\r\n filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#001668', endColorstr='#4564c4', GradientType=1);\r\n background-color: #001668;\r\n}\r\n\r\n.forecast-tile.daily.weekend .header {\r\n color: #001668;\r\n background: -moz-linear-gradient(left, #8CAAEA 0%, #C4D9FF 100%);\r\n background: -webkit-linear-gradient(left, #8CAAEA 0%, #C4D9FF 100%);\r\n background: linear-gradient(to right, #8CAAEA 0%, #C4D9FF 100%);\r\n filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8caaea', endColorstr='#c4d9ff', GradientType=1);\r\n background-color: #8CAAEA;\r\n}\r\n\r\n.forecast-tile.daily .icon {\r\n display: block;\r\n position: absolute;\r\n height: 65%;\r\n bottom: 0;\r\n left: 0;\r\n margin-left: 3%;\r\n}\r\n\r\n.forecast-tile.daily:last-child .icon {\r\n margin-left: 1%;\r\n}\r\n\r\n.forecast-tile .high,\r\n.forecast-tile .low {\r\n font-family: 'Interstate';\r\n text-align: right;\r\n position: absolute;\r\n right: 5%;\r\n font-weight: bold;\r\n top: 10%;\r\n}\r\n\r\n.forecast-tile:last-child .high,\r\n.forecast-tile:last-child .low {\r\n padding-right: 30%;\r\n}\r\n\r\n.forecast-tile .high {\r\n top: 30%;\r\n font-size: 48px;\r\n}\r\n\r\n.forecast-tile.daily .low {\r\n color: rgba(0, 0, 0, 0.5);\r\n top: 63%;\r\n font-size: 32px;\r\n}\r\n\r\n.forecast-tile.hourly {\r\n width: 22.3%;\r\n border-right: solid 4px #FFFFFF;\r\n}\r\n\r\n.forecast-tile.hourly .icon {\r\n display: block;\r\n position: absolute;\r\n height: 50%;\r\n top: 12%;\r\n left: 10%;\r\n}\r\n\r\n.forecast-tile.hourly .hourly-high {\r\n position: absolute;\r\n right: 5.5%;\r\n bottom: 0;\r\n width: 28%;\r\n height: 0;\r\n padding-top: 1%;\r\n display: flex;\r\n flex-flow: column;\r\n z-index: 1;\r\n}\r\n\r\n.forecast-tile.hourly .high {\r\n top: 0;\r\n position: relative;\r\n padding-bottom: 15%;\r\n opacity: 0;\r\n text-align: center;\r\n}\r\n\r\n.forecast-tile.hourly .temp-bar {\r\n width: 100%;\r\n flex: 1;\r\n position: relative;\r\n bottom: 7%;\r\n background: -moz-linear-gradient(left, #656565 0%, #FCFCFC 50%, #656565 100%);\r\n background: -webkit-linear-gradient(left, #656565 0%, #FCFCFC 50%, #656565 100%);\r\n background: linear-gradient(to right, #656565 0%, #FCFCFC 50%, #656565 100%);\r\n filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#656565', endColorstr='#656565', GradientType=1);\r\n background-color: #656565;\r\n}\r\n\r\n.forecast-tile.hourly .footer {\r\n font-size: 23px;\r\n text-transform: lowercase;\r\n padding-top: 1.9%;\r\n position: absolute;\r\n width: 100%;\r\n bottom: 0;\r\n z-index: 0;\r\n color: white;\r\n background: -moz-linear-gradient(left, #4B411E 0%, #AE9B57 100%);\r\n background: -webkit-linear-gradient(left, #4B411E 0%, #AE9B57 100%);\r\n background: linear-gradient(to right, #4B411E 0%, #AE9B57 100%);\r\n filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4b411e', endColorstr='#ae9b57', GradientType=1);\r\n background-color: #4B411E;\r\n}\r\n\r\n.forecast-tile.hourly:last-child .footer {\r\n padding-top: 1%;\r\n}\r\n\r\n.forecast-tile.hourly:last-child .width-sizer {\r\n width: 66%\r\n}\r\n\r\n#logo-area {\r\n position: absolute;\r\n width: 31.528%;\r\n height: 9.398%;\r\n left: 0;\r\n top: 83.4%;\r\n}\r\n\r\n#logo-area img {\r\n display: block;\r\n position: absolute;\r\n width: 65%;\r\n top: 19%;\r\n right: 5%;\r\n}\r\n\r\n#arrow-img {\r\n display: block;\r\n position: absolute;\r\n height: 3.7%;\r\n left: 31.35%;\r\n top: 897px;\r\n z-index: 2;\r\n}\r\n\r\n#marquee1 {\r\n position: absolute;\r\n color: #FFFFFF;\r\n left: 32%;\r\n top: 898px;\r\n width: 68.507%;\r\n height: 43px;\r\n margin-top: 2px;\r\n font-size: 30px;\r\n text-shadow: 2px 2px 4px #000000;\r\n}\r\n\r\n#marquee > div {\r\n display: inline-block;\r\n white-space: nowrap;\r\n width: auto;\r\n}\r\n\r\n#marquee1 span {\r\n padding-right: 3vw;\r\n}\r\n\r\n#marquee2 {\r\n position: absolute;\r\n left: 31.35%;\r\n top: 87.2%;\r\n width: 68.507%;\r\n height: 5.602%;\r\n font-size: 43px;\r\n font-weight: normal;\r\n}\r\n\r\n.marquee {\r\n overflow: hidden;\r\n}"]} \ No newline at end of file +{"version":3,"sources":["_fonts.scss","_slides.scss","weatherscan.css","_misc.scss"],"names":[],"mappings":"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","file":"weatherscan.css","sourcesContent":["@font-face {\r\n font-family: 'Interstate';\r\n src: url('/fonts/Interstate-Bold.woff2') format('woff2'),\r\n url('/fonts/Interstate-Bold.woff') format('woff');\r\n font-weight: bold;\r\n font-style: normal;\r\n}\r\n\r\n@font-face {\r\n font-family: 'Interstate Mono';\r\n src: url('/fonts/InterstateMono.woff2') format('woff2'),\r\n url('/fonts/InterstateMono.woff') format('woff');\r\n font-weight: normal;\r\n font-style: normal;\r\n}\r\n\r\n@font-face {\r\n font-family: 'Interstate';\r\n src: url('/fonts/Interstate-Regular.woff2') format('woff2'),\r\n url('/fonts/Interstate-Regular.woff') format('woff');\r\n font-weight: normal;\r\n font-style: normal;\r\n}\r\n\r\n@font-face {\r\n font-family: 'Zemestro Std';\r\n src: url('/fonts/ZemestroStd.woff2') format('woff2'),\r\n url('/fonts/ZemestroStd.woff') format('woff');\r\n font-weight: normal;\r\n font-style: normal;\r\n}\r\n\r\n","/* Slide 1*/\r\n\r\n.city-info,\r\n.info-slide-content {\r\n display: flex;\r\n flex-direction: row;\r\n width: 100%;\r\n top: 10%;\r\n font-size: 110%;\r\n}\r\n\r\n.frost-pane {\r\n color: #FFFFFF;\r\n font-family: \"Zemestro Std\";\r\n font-size: 32px;\r\n text-shadow: #000000 2px 2px 4px;\r\n min-height: 100%;\r\n background: rgba(18, 75, 238, 0.7);\r\n z-index: 388686;\r\n flex: 1;\r\n}\r\n\r\n.city-info .frost-pane:first-of-type {\r\n width: 55%;\r\n margin-right: 0.8%;\r\n}\r\n\r\n.city-info .frost-pane.left * {\r\n position: absolute;\r\n padding-top: 15px;\r\n line-height: 220%;\r\n}\r\n\r\n.frost-pane .labels {\r\n color: #D8C422;\r\n left: 9%;\r\n}\r\n\r\n.city-info .frost-pane .data {\r\n left: 35%;\r\n text-align: right;\r\n}\r\n\r\n.city-info .frost-pane.right {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n padding-top: 30px;\r\n}\r\n\r\n.city-info .frost-pane .icon {\r\n background-repeat: no-repeat;\r\n background-size: contain;\r\n background-position: center center;\r\n width: 70%;\r\n height: 40%;\r\n}\r\n\r\n.city-info .frost-pane .temp {\r\n font-size: 76px;\r\n margin-top: 20%;\r\n}\r\n\r\n.forecast .frost-pane {\r\n padding-left: 9%;\r\n padding-top: 2%;\r\n padding: 2% 2% 1% 9%;\r\n}\r\n\r\n.frost-pane .title {\r\n color: #D8C422;\r\n font-size: 40px;\r\n}\r\n\r\n.frost-pane .content {\r\n font-size: 50px;\r\n}\r\n\r\n.info-slide-content.forecast .frost-pane {\r\n max-height: 500px;\r\n}\r\n\r\n.info-slide-content.forecast .content {\r\n height: 400px;\r\n max-height: 400px;\r\n}",null,"html,\r\nbody,\r\ndiv,\r\nh1,\r\np,\r\na {\r\n margin: 0;\r\n padding: 0;\r\n font-family: 'Zemestro Std';\r\n font-weight: normal;\r\n font-style: normal;\r\n}\r\n\r\nhtml * {\r\n box-sizing: border-box;\r\n font-size: 100%\r\n}\r\n\r\nhtml,\r\nbody {\r\n height: 100%;\r\n background-color: #000000;\r\n font-size: 100%\r\n}\r\n\r\n#main {\r\n position: relative;\r\n top: 50%;\r\n left: 50%;\r\n overflow: hidden;\r\n transform: translate(-50%, -50%);\r\n width: 1440px;\r\n height: 1080px;\r\n}\r\n\r\n#main > #template {\r\n display: block;\r\n max-height: 100%;\r\n max-width: 100%;\r\n}\r\n\r\n.leaflet-top,\r\n.leaflet-bottom {\r\n display: none;\r\n}\r\n\r\n#info-slides-container {\r\n display: flex;\r\n flex-direction: column;\r\n position: absolute;\r\n right: 0;\r\n top: 92px;\r\n width: 963px;\r\n height: 572px;\r\n z-index: 1;\r\n padding: 6px 0 6px 6px;\r\n box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.35);\r\n background-color: #001668;\r\n background: linear-gradient(135deg, rgba(0, 22, 104, 1) 0%, rgba(0, 13, 40, 1) 100%);\r\n}\r\n\r\n#info-slides-header,\r\n.info-slide .info-subheader {\r\n position: relative;\r\n color: white;\r\n width: 100%;\r\n padding: 0 7px;\r\n}\r\n\r\n#info-slides-header {\r\n flex: 1;\r\n background-color: #2267B7;\r\n height: 34px;\r\n max-height: 34px;\r\n font-size: 22px;\r\n overflow: hidden;\r\n white-space: nowrap;\r\n}\r\n\r\n#info-slides-header .hscroller {\r\n position: relative;\r\n display: inline-block;\r\n transform-origin: left center;\r\n top: 50%;\r\n transform: scale(1.1, 1) translateY(-50%);\r\n}\r\n\r\n#info-slides-header .divider-arrow {\r\n font-size: 22px;\r\n display: inline-block;\r\n transform: scale(.7, 1);\r\n transform-origin: left center;\r\n font-weight: bold;\r\n padding: 0 7px;\r\n}\r\n\r\n#info-slides-header span.city {\r\n letter-spacing: 1px;\r\n text-transform: uppercase;\r\n}\r\n\r\n#info-slides-header span.city,\r\n#info-slides-header span.divider-arrow {\r\n opacity: 0.5;\r\n}\r\n\r\n#info-slides-header span.city.current {\r\n opacity: 1;\r\n}\r\n\r\n#info-slide-container {\r\n flex: 1;\r\n}\r\n\r\n#radar-container {\r\n display: flex;\r\n flex-direction: column;\r\n box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.35);\r\n background-color: #001668;\r\n background: linear-gradient(135deg, rgba(0, 22, 104, 1) 0%, rgba(0, 13, 40, 1) 100%);\r\n}\r\n\r\n#radar-1 {\r\n flex: 1;\r\n box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.35);\r\n background-color: #001668;\r\n background: linear-gradient(135deg, rgba(0, 22, 104, 1) 0%, rgba(0, 13, 40, 1) 100%);\r\n}\r\n\r\n.info-slide {\r\n width: 100%;\r\n min-height: 100%;\r\n overflow: hidden;\r\n display: flex;\r\n flex-flow: column;\r\n}\r\n\r\n.info-slide .info-subheader {\r\n display: flex;\r\n flex-flow: row nowrap;\r\n justify-content: space-between;\r\n background-color: #0018CC;\r\n font-size: 32px;\r\n height: 55px;\r\n box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.75);\r\n z-index: 4;\r\n text-shadow: 2px 2px 4px #000000;\r\n}\r\n\r\n.info-slide .info-subheader span {\r\n position: absolute;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n}\r\n\r\n.info-slide-content br {\r\n position: relative !important;\r\n}\r\n\r\n.radar-slide {\r\n z-index: 5;\r\n}\r\n\r\n.city-info-slide {\r\n position: relative;\r\n background: transparent url(\"/images/bluebuildings.jpg\") no-repeat bottom;\r\n background-size: cover;\r\n}\r\n\r\n.city-info-slide .info-subheader {\r\n padding-right: 10%;\r\n}\r\n\r\n.city-info-slide #subhead-city {\r\n font-size: 28px;\r\n padding-top: 3px;\r\n right: 98px;\r\n}\r\n\r\n.info-slide-content {\r\n height: 100%;\r\n min-height: 100%;\r\n width: 100%;\r\n flex: 1;\r\n z-index: 0;\r\n}\r\n\r\n.city-info-slide .curve {\r\n position: absolute;\r\n background-position: 0 0;\r\n background-repeat: no-repeat;\r\n background-size: 200% 200%;\r\n}\r\n\r\n.city-info-slide .yellow {\r\n background-image: url(\"/images/yellow-curve.svg\");\r\n filter: drop-shadow(4px 0px 4px rgba(0, 0, 0, 0.75));\r\n}\r\n\r\n.city-info-slide .yellow.left {\r\n top: 5%;\r\n left: -10.6%;\r\n z-index: 3;\r\n width: 20%;\r\n height: 100%;\r\n}\r\n\r\n.city-info-slide .yellow.right {\r\n background-position: 100% 0;\r\n top: -15%;\r\n right: -19%;\r\n width: 50%;\r\n height: 100%;\r\n z-index: 5;\r\n}\r\n\r\n.city-info-slide .blue {\r\n background-image: url(\"/images/blue-curve.svg\");\r\n background-size: 200% 100%;\r\n width: 22%;\r\n height: 120%;\r\n top: 1%;\r\n left: -6%;\r\n opacity: 0.7;\r\n z-index: 2;\r\n}\r\n\r\n.city-info-slide .white {\r\n background-image: url(\"/images/white-curve.svg\");\r\n background-size: 200% 100%;\r\n background-position: 100% 0;\r\n width: 22%;\r\n height: 120%;\r\n top: 2.3%;\r\n right: -6.7%;\r\n opacity: 0.2;\r\n z-index: 2;\r\n}\r\n\r\n.radar-color-legend {\r\n font-size: 18px;\r\n position: absolute;\r\n text-align: right;\r\n right: 5%;\r\n top: 1.2%;\r\n}\r\n\r\n.radar-color-legend > img {\r\n width: 45%;\r\n height: 13px;\r\n box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.75);\r\n}\r\n\r\n.leaflet-overlay-pane canvas {\r\n filter: drop-shadow(0px 2px 2px #000000);\r\n}\r\n\r\n#date-time,\r\n#city,\r\n#current-conditions *,\r\n#date-time * {\r\n font-family: 'Interstate';\r\n font-weight: bold;\r\n text-shadow: none;\r\n text-align: right;\r\n color: #1B1B1B;\r\n}\r\n\r\n#date-time {\r\n position: absolute;\r\n top: 98px;\r\n width: 457px;\r\n}\r\n\r\n#date-time * {\r\n font-family: 'Interstate Mono';\r\n font-size: 25px;\r\n line-height: 33px;\r\n}\r\n\r\n#time {\r\n text-transform: lowercase;\r\n}\r\n\r\n#city {\r\n font-size: 37px;\r\n padding-top: 26px;\r\n position: absolute;\r\n text-align: left;\r\n margin-left: 140px;\r\n width: 311px;\r\n height: 91px;\r\n top: 284px;\r\n left: 0;\r\n line-height: 100%;\r\n white-space: nowrap;\r\n overflow: hidden;\r\n}\r\n\r\n#current-conditions {\r\n font-family: 'Interstate';\r\n position: absolute;\r\n top: 376px;\r\n left: 0;\r\n width: 452px;\r\n text-align: left;\r\n}\r\n\r\n#conditions-icon {\r\n position: absolute;\r\n left: 300px;\r\n background-size: 100% 100%;\r\n width: 144px;\r\n height: 145px;\r\n background-repeat: no-repeat;\r\n top: 394px;\r\n z-index: 0;\r\n}\r\n\r\n#now {\r\n font-size: 49px;\r\n margin: 1.6% 0 0 31%;\r\n text-align: left;\r\n}\r\n\r\n#current-temp {\r\n font-size: 70px;\r\n margin: 4.4% 0 0 0;\r\n text-align: center;\r\n width: 100%;\r\n}\r\n\r\n#current-info {\r\n font-size: 27px;\r\n margin: 4.2% 0 0 31%;\r\n text-align: left;\r\n width: 66%;\r\n}\r\n\r\n#minimap-title {\r\n font-family: 'Interstate';\r\n font-weight: bold;\r\n position: absolute;\r\n width: 31.4%;\r\n top: 638px;\r\n text-align: right;\r\n color: #FFFFFF;\r\n font-size: 25px;\r\n padding: 7px 15px 0 0;\r\n text-shadow: 2px 2px 4px #000000;\r\n}\r\n\r\n#minimap {\r\n position: absolute;\r\n width: 31.35%;\r\n height: 20.5%;\r\n left: 0;\r\n top: 677px;\r\n background: #333333;\r\n z-index: 1;\r\n box-shadow: 0px 8px 15px 0px rgba(0, 0, 0, 0.35);\r\n}\r\n\r\n#forecast-shadow {\r\n position: absolute;\r\n height: 18.85%;\r\n width: 66.87%;\r\n right: 0;\r\n top: 63%;\r\n overflow: hidden;\r\n background: #8CADD1;\r\n box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.35);\r\n}\r\n\r\n#forecast-header {\r\n width: 100%;\r\n min-height: 20.5%;\r\n font-size: 28px;\r\n padding-left: 1%;\r\n background: #EED76B;\r\n}\r\n\r\n#forecast-header * {\r\n font-family: 'Interstate';\r\n font-weight: bold;\r\n text-transform: uppercase;\r\n display: inline-block;\r\n line-height: 150%;\r\n}\r\n\r\n#forecast-city {\r\n padding-right: 2%;\r\n}\r\n\r\n#forecast-title {\r\n color: #001668;\r\n}\r\n\r\n#forecast-text,\r\n#forecast-text * {\r\n font-family: 'Interstate';\r\n font-size: 40px;\r\n}\r\n\r\n#forecast-text {\r\n position: absolute;\r\n padding: 0.1% 1%;\r\n min-height: 75%;\r\n max-height: 75%;\r\n height: 75%;\r\n width: 100%;\r\n margin-top: 0.4%;\r\n overflow: hidden;\r\n}\r\n\r\n#forecast-tiles {\r\n font-weight: bold;\r\n position: absolute;\r\n width: 100%;\r\n height: 79.6%;\r\n}\r\n\r\n.forecast-tile {\r\n position: relative;\r\n background: #5681BE;\r\n background: linear-gradient(to right, #5783CC 0%, #C4D9FF 100%);\r\n}\r\n\r\n.forecast-tile:last-child {\r\n flex-grow: 100;\r\n border-right: none !important;\r\n}\r\n\r\n.forecast-tile .width-sizer {\r\n width: 100%;\r\n height: 100%;\r\n position: relative;\r\n}\r\n\r\n.forecast-tile .header,\r\n.forecast-tile .footer {\r\n font-size: 24px;\r\n color: white;\r\n height: 25%;\r\n padding: 5px 11px;\r\n text-transform: uppercase;\r\n}\r\n\r\n.forecast-tile.daily {\r\n width: 18%;\r\n}\r\n\r\n.forecast-tile.daily .header {\r\n background: linear-gradient(to right, #001668 0%, #4564C4 100%);\r\n background-color: #001668;\r\n}\r\n\r\n.forecast-tile.daily.weekend .header {\r\n color: #001668;\r\n background: linear-gradient(to right, #8CAAEA 0%, #C4D9FF 100%);\r\n background-color: #8CAAEA;\r\n}\r\n\r\n.forecast-tile.daily .icon {\r\n display: block;\r\n position: absolute;\r\n height: 65%;\r\n bottom: 0;\r\n left: 0;\r\n margin-left: 3%;\r\n}\r\n\r\n.forecast-tile.daily:last-child .icon {\r\n margin-left: 1%;\r\n}\r\n\r\n.forecast-tile .high,\r\n.forecast-tile .low {\r\n font-family: 'Interstate';\r\n text-align: right;\r\n position: absolute;\r\n right: 5%;\r\n font-weight: bold;\r\n top: 10%;\r\n}\r\n\r\n.forecast-tile:last-child .high,\r\n.forecast-tile:last-child .low {\r\n padding-right: 30%;\r\n}\r\n\r\n.forecast-tile .high {\r\n top: 30%;\r\n font-size: 48px;\r\n}\r\n\r\n.forecast-tile.daily .low {\r\n color: rgba(0, 0, 0, 0.5);\r\n top: 63%;\r\n font-size: 32px;\r\n}\r\n\r\n.forecast-tile.hourly {\r\n width: 22.3%;\r\n border-right: solid 4px #FFFFFF;\r\n}\r\n\r\n.forecast-tile.hourly .icon {\r\n display: block;\r\n position: absolute;\r\n height: 50%;\r\n top: 12%;\r\n left: 10%;\r\n}\r\n\r\n.forecast-tile.hourly .hourly-high {\r\n position: absolute;\r\n right: 5.5%;\r\n bottom: 0;\r\n width: 28%;\r\n height: 0;\r\n padding-top: 1%;\r\n display: flex;\r\n flex-flow: column;\r\n z-index: 1;\r\n}\r\n\r\n.forecast-tile.hourly .high {\r\n top: 0;\r\n position: relative;\r\n padding-bottom: 15%;\r\n opacity: 0;\r\n text-align: center;\r\n}\r\n\r\n.forecast-tile.hourly .temp-bar {\r\n width: 100%;\r\n flex: 1;\r\n position: relative;\r\n bottom: 7%;\r\n background: linear-gradient(to right, #656565 0%, #FCFCFC 50%, #656565 100%);\r\n background-color: #656565;\r\n}\r\n\r\n.forecast-tile.hourly .footer {\r\n font-size: 23px;\r\n text-transform: lowercase;\r\n padding-top: 1.9%;\r\n position: absolute;\r\n width: 100%;\r\n bottom: 0;\r\n z-index: 0;\r\n color: white;\r\n background: linear-gradient(to right, #4B411E 0%, #AE9B57 100%);\r\n background-color: #4B411E;\r\n}\r\n\r\n.forecast-tile.hourly:last-child .footer {\r\n padding-top: 1%;\r\n}\r\n\r\n.forecast-tile.hourly:last-child .width-sizer {\r\n width: 66%\r\n}\r\n\r\n#logo-area {\r\n position: absolute;\r\n width: 31.528%;\r\n height: 9.398%;\r\n left: 0;\r\n top: 83.4%;\r\n}\r\n\r\n#logo-area img {\r\n display: block;\r\n position: absolute;\r\n width: 65%;\r\n top: 19%;\r\n right: 5%;\r\n}\r\n\r\n#arrow-img {\r\n display: block;\r\n position: absolute;\r\n height: 3.7%;\r\n left: 31.35%;\r\n top: 897px;\r\n z-index: 2;\r\n}\r\n\r\n#marquee1 {\r\n position: absolute;\r\n color: #FFFFFF;\r\n left: 32%;\r\n top: 898px;\r\n width: 68.507%;\r\n height: 43px;\r\n margin-top: 2px;\r\n font-size: 30px;\r\n text-shadow: 2px 2px 4px #000000;\r\n}\r\n\r\n#marquee > div {\r\n display: inline-block;\r\n white-space: nowrap;\r\n width: auto;\r\n}\r\n\r\n#marquee1 span {\r\n padding-right: 3vw;\r\n}\r\n\r\n#marquee2 {\r\n position: absolute;\r\n left: 31.35%;\r\n top: 87.2%;\r\n width: 68.507%;\r\n height: 5.602%;\r\n font-size: 43px;\r\n font-weight: normal;\r\n}\r\n\r\n.marquee {\r\n overflow: hidden;\r\n}"]} \ No newline at end of file