Weatherscan/webroot/css/weatherscan.css.map

1 line
20 KiB
Plaintext

{"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}"]}