diff --git a/package.json b/package.json index 3adedcb..ada3c80 100644 --- a/package.json +++ b/package.json @@ -5,7 +5,7 @@ "cors": "node ./webroot/js/cors.js", "http-server": "http-server ./webroot", "dev-server": "live-server ./webroot", - "start": "npm-run-all --parallel cors http-server" + "start": "npm-run-all --parallel cors dev-server" }, "repository": { "type": "git", diff --git a/webroot/css/weatherscan.css b/webroot/css/weatherscan.css index e1c1974..de42e1f 100644 --- a/webroot/css/weatherscan.css +++ b/webroot/css/weatherscan.css @@ -88,6 +88,15 @@ src: url(/fonts/newfonts/FrutigerCondensedBQ-Black.woff) format("woff"); font-style: normal; } +.mapboxgl-ctrl-attrib { + display:none; +} +.maplibregl-canvas { + filter: drop-shadow(3px 3px 0px rgba(23, 23, 23, 1)); +} +.mapboxgl-ctrl-logo { + display:none !important; +} .info-slide .nodata { transform: translate(0, 60px) scale(115.25%,100%); transform-origin: left; @@ -130,13 +139,32 @@ text-shadow: #000 2px 2px 4px; z-index: 2000 } +.info-slide-content.severe-weatherstatement .frost-pane { + background-color: rgba(0, 0, 0, 0); + background: url(/images/newbg/sev_wx_statement.png); + background-repeat: no-repeat; + background-position: -65px 0px; + background-size: 1007px 511px; + max-height: 100%; + transform: translate(0,0px); +} +.info-slide-content.severe-weatherstatement .frost-pane .statement { + font-family: 'Frutiger 57 Condensed'; + font-size: 43px; + color: #fff; + text-shadow: #000 2px 2px 4px; + line-height: 170%; + text-align: center; + width: 95%; + padding-left: 9%; + padding-right: 8%; + padding-top: 79px; + transform: scale(104%,100%); +} .severe-city-info .frost-pane:first-of-type { min-width: 55.5%; margin-right: .8%; - background: linear-gradient(to right, rgba(183, 183, 183, 1) 0, rgba(183, 183, 183, 0.6975) 100%); -} -.severe-city-info .frost-pane.right { - background: linear-gradient(to right, rgba(183, 183, 183, 0.6931) 0, rgba(183, 183, 183, 0.45) 100%); + background-position: -72px -329px; } .severe-city-info .frost-pane.left * { position: absolute; @@ -164,6 +192,7 @@ } .severe-city-info .frost-pane.right { + background-position: -570px -329px; display: flex; flex-direction: column; align-items: center; @@ -214,6 +243,7 @@ max-height: 411.25px; padding-left: 62.5px; display: flex; + background-position: -72px -364px; flex-direction: row; transform: translate(0px, 45px); } @@ -222,32 +252,64 @@ align-items: center; margin-right: 58px; } - -.info-slide-content.severe-daypart .hour.ii .thing { - background: #3e3d3e; - height: 35px; - width: 198px; - transform: translate(0px, -35px); -} -.info-slide-content.severe-daypart .hour.iii .thing { - background: #3e3d3e; - height: 35px; - width: 198px; - transform: translate(0px, -35px); -} .info-slide-content.severe-daypart .hour.i .thing { - background: #3e3d3e; height: 35px; width: 240px; padding-left: 40px; transform: translate(-40px, -35px); } -.info-slide-content.severe-daypart .hour.iv .thing { +.info-slide-content.severe-daypart .hour.i .thingbg { + position: absolute; + right: 0px; + height: 35px; + width: 100%; background: #3e3d3e; + -webkit-mask-image: url(/images/newbg/severefrostpane.svg); + -webkit-mask-position: -94.5px -329px; + -webkit-mask-size: 1065px 1164px; +} +.info-slide-content.severe-daypart .hour.ii .thing { + height: 35px; + width: 198px; + transform: translate(0px, -35px); +} +.info-slide-content.severe-daypart .hour.ii .thingbg { + position: absolute; + height: 35px; + width: 100%; + background: #3e3d3e; + -webkit-mask-image: url(/images/newbg/severefrostpane.svg); + -webkit-mask-position: -334.5px -329px; + -webkit-mask-size: 1065px 1164px; +} +.info-slide-content.severe-daypart .hour.iii .thing { + height: 35px; + width: 198px; + transform: translate(0px, -35px); +} +.info-slide-content.severe-daypart .hour.iii .thingbg { + position: absolute; + height: 35px; + width: 100%; + background: #3e3d3e; + -webkit-mask-image: url(/images/newbg/severefrostpane.svg); + -webkit-mask-position: -532.5px -329px; + -webkit-mask-size: 1065px 1164px; +} +.info-slide-content.severe-daypart .hour.iv .thing { height: 35px; width: 240px; transform: translate(0px, -35px); } +.info-slide-content.severe-daypart .hour.iv .thingbg { + position: absolute; + height: 35px; + width: 100%; + background: #3e3d3e; + -webkit-mask-image: url(/images/newbg/frostpane.svg); + -webkit-mask-position: -730.5px -329px; + -webkit-mask-size: 1065px 1164px; +} .info-slide-content.severe-daypart .hour .thing .thingtext { color: #fff; font-family: Frutiger; @@ -327,6 +389,7 @@ } .info-slide-content.severe-forecast .frost-pane { max-height: 446.25px; + background-position: -72px -329px; } .info-slide-content.severe-forecast .content { @@ -347,19 +410,21 @@ min-width: 165px } .info-slide-content.severe-extended-forecast .frost-pane.iw { - background: linear-gradient(to right, rgba(183, 183, 183, 1) 0, rgba(183, 183, 183, 0.89715) 100%); + background-position: -72px -364px; } .info-slide-content.severe-extended-forecast .frost-pane.iiw { - background: linear-gradient(to right, rgba(183, 183, 183, 0.8933) 0, rgba(183, 183, 183, 0.79045) 100%); + background-position: -243.5px -364px; } .info-slide-content.severe-extended-forecast .frost-pane.iiiw { - background: linear-gradient(to right, rgba(183, 183, 183, 0.7866) 0, rgba(183, 183, 183, 0.68485) 100%); + background-position: -415px -364px; + transform: translate(0px, 45px); min-width: 164px; max-width: 164px } .info-slide-content.severe-extended-forecast .frost-pane.ivw { - background: linear-gradient(to right, rgba(183, 183, 183, 0.6799) 0, rgba(183, 183, 183, 0.57815) 100%); + background-position: -586.5px -364px; 757 + transform: translate(0px, 45px); min-width: 164px; max-width: 164px } @@ -371,7 +436,7 @@ background-repeat: no-repeat; background-size: contain; background-position: center center; - height: 130px; + height: 115px; width: 100%; transform: translate(0px, 10px); } @@ -379,7 +444,7 @@ background-repeat: no-repeat; background-size: contain; background-position: center center; - height: 130px; + height: 115px; width: 83.55%; transform: translate(0px, 10px); } @@ -388,7 +453,6 @@ font-family: Frutiger; font-size: 30px; text-shadow: #000 2px 2px 4px; - background: #3e3d3e; height: 35px; width: 100%; position: absolute; @@ -397,6 +461,15 @@ z-index: 388688; text-align: center; } +.info-slide-content.severe-extended-forecast .thingbg { + position: absolute; + height: 35px; + width: 100%; + background: #3e3d3e; + -webkit-mask-image: url(/images/newbg/severefrostpane.svg); + -webkit-mask-position: -72px -329px; + -webkit-mask-size: 1065px 1164px; +} .info-slide-content.severe-extended-forecast .thingg .thingday { color: #fff; font-family: 'Frutiger 57 condensed'; @@ -413,6 +486,7 @@ } .info-slide-content.severe-extended-forecast .thingg .thingday.iw { margin-left: 0px; + padding-left: 5px; } .info-slide-content.severe-extended-forecast .thingg .thingday.iiiw { min-width: 164px; @@ -473,13 +547,12 @@ } .info-slide-content.severe-extended-forecast .frost-pane .templow { - color: #fff; font-family: Frutiger; font-size: 58.5px; text-shadow: #000 2px 2px 2px; height: 75px; - width: 100%; + width: 83.55%; display: flex; align-items: center; justify-content: center; @@ -489,7 +562,7 @@ .info-slide-content.severe-extended-forecast .lfrost-pane .templow { color: #fff; font-family: 'Frutiger 57 Condensed'; - font-size: 27px; + font-size: 58.5px; text-shadow: #000 2px 2px 2px; height: 113px; line-height: 132.5%; @@ -516,10 +589,10 @@ .info-slide-content.severe-extended-forecast .lfrost-pane .conditions { color: #fff; font-family: Frutiger; - font-size: 25px; + font-size: 27px; line-height: 125%; text-shadow: #000 2px 2px 2px; - height: 100px; + height: 113px; width: 83.55%; padding: 20px; padding-top: 7px; @@ -538,7 +611,10 @@ } .info-slide-content.severe-extended-forecast .lfrost-pane.vw { min-height: 100%; - background: linear-gradient(to right, rgba(183, 183, 183, 0.5732) 0, rgba(183, 183, 183, 0.45) 100%); + background: url(/images/newbg/severefrostpane.svg); + background-repeat: no-repeat; + background-size: 1065px 1164px; + background-position: -757px -364px; z-index: 388686; flex: 1.4 } @@ -547,7 +623,9 @@ flex-direction: column; } .info-slide-content.severe-almanac .frost-pane.half { - max-height: 239.725px; + max-height: 204.725px; + transform: translate(0,45px); + background-position: -72px -364px; } .info-slide-content.severe-almanac .frost-pane.half .averagetitle { @@ -566,7 +644,7 @@ color: #fff; font-size: 31px; left: 132.5px; - top: 122.5px; + top: 87.5px; transform: scale(108%,100%); transform-origin: left; } @@ -576,7 +654,7 @@ color: #fff; font-size: 54px; left: 266px; - top: 109px; + top: 74px; transform: scale(102.5%,100%); } @@ -586,7 +664,7 @@ color: #fff; font-size: 31px; left: 132.5px; - top: 183.5px; + top: 148.5px; transform: scale(108%,100%); transform-origin: left; } @@ -597,7 +675,7 @@ color: #fff; font-size: 54px; left: 266px; - top: 172.5px; + top: 137.5px; transform: scale(102.5%,100%); } @@ -607,7 +685,7 @@ color: #d8c422; font-size: 35px; left: 398px; - top: 60px; + top: 25px; transform: scale(108%,100%); transform-origin: left; } @@ -618,7 +696,7 @@ color: #fff; font-size: 31px; left: 457.5px; - top: 122.5px; + top: 87.5px; transform: scale(106%,100%); transform-origin: left; } @@ -628,7 +706,7 @@ color: #fff; font-size: 54px; left: 567.5px; - top: 109px; + top: 74px; transform: scale(102.5%,100%); transform-origin: left; } @@ -639,7 +717,7 @@ color: #fff; font-size: 36px; left: 663px; - top: 119px; + top: 84px; } .info-slide-content.severe-almanac .frost-pane.half .rlow { @@ -648,7 +726,7 @@ color: #fff; font-size: 31px; left: 457.5px; - top: 183.5px; + top: 148.5px; transform: scale(108%,100%); transform-origin: left; } @@ -659,7 +737,7 @@ color: #fff; font-size: 54px; left: 567.5px; - top: 172.5px; + top: 147.5px; transform: scale(102.5%,100%); transform-origin: left; } @@ -670,27 +748,45 @@ color: #fff; font-size: 37.5px; left: 667.5px; - top: 182.5px; + top: 147.5px; } -.info-slide-content.severe-almanac .frost-pane.half .thing { - color: #fff; - font-family: Frutiger; - font-size: 33px; - background: rgb(42, 58, 138); +.info-slide-content.severe-almanac .thing { + position: absolute; + top: 70px; height: 35px; width: 100%; - transform: scale(104%,100%); transform-origin: left; padding-top: 5px; padding-left: 65px; } - +.info-slide-content.severe-almanac .thing .thingtext { + width: 100%; + padding-left: 2.5px; + color: #fff; + font-family: Frutiger; + font-size: 33px; + text-shadow: #000 2px 2px 4px; + transform: scale(104%,100%); + transform-origin: left; +} +.info-slide-content.severe-almanac .thing .thingbg { + position: absolute; + right: 0; + top: 0; + background: #3e3d3e; + height: 35px; + width: 100%; + -webkit-mask-image: url(/images/newbg/severefrostpane.svg); + -webkit-mask-position: -72px -329px; + -webkit-mask-size: 1065px 1164px; +} .info-slide-content.severe-almanac .frost-pane.purple { + transform: translate(0,45px); max-height: 203.725px; - background-color: rgb(42, 58, 138); - background: linear-gradient(to right, rgb(42, 58, 138, 0) 0, rgb(42, 58, 138, .75) 100%) + background-color: rgb(62, 61, 62); + background: linear-gradient(to right, rgb(62, 61, 62, 0) 0, rgb(62, 61, 62, .75) 100%) } @@ -809,13 +905,25 @@ background-image: url(/images/icons/moonphases/new.png); } .info-slide-content.severe-aroundcityinfo .frost-pane { width: 100%; + background-size: 1065px 1150px; margin-top: 6px; max-height: 105.7px; display: flex; flex-direction: row; + transform: translate(0px, 12px); } .info-slide-content.severe-aroundcityinfo .frost-pane.city.i { margin-top: 0px; + background-position: -72px -330px; +} +.info-slide-content.severe-aroundcityinfo .frost-pane.city.ii { + background-position: -72px -439.5px; +} +.info-slide-content.severe-aroundcityinfo .frost-pane.city.iii { + background-position: -72px -551.5px; +} +.info-slide-content.severe-aroundcityinfo .frost-pane.city.iv { + background-position: -72px -661px; } .info-slide-content.severe-aroundcityinfo .frost-pane.city .cityname { font-family: 'Frutiger 57 condensed'; @@ -824,6 +932,7 @@ background-image: url(/images/icons/moonphases/new.png); font-size: 33.5px; left: 10px; top: 50%; + width: 40%; transform: translate(0,-23.5%) scale(115%,100%); transform-origin: left; } @@ -838,8 +947,9 @@ background-image: url(/images/icons/moonphases/new.png); color: #fff; position: absolute; font-size: 51px; - left: 415px; + left: 395px; top: 50%; + width: 10%; transform: translate(0,-41%) scale(112%,100%); } .info-slide-content.severe-aroundcityinfo .frost-pane.city .icon { @@ -879,30 +989,30 @@ background-image: url(/images/icons/moonphases/new.png); font-size: 36px; text-shadow: #000 2px 2px 4px; max-height: 446.25px; - background: linear-gradient(to right, rgba(42, 82, 188, 1) 0, rgba(42, 82, 188, .45) 100%); + background: url(/images/newbg/frostpane.svg); + background-repeat: no-repeat; + background-size: 1065px 1164px; + /*background: linear-gradient(to right, rgba(42, 82, 188, 1) 0, rgba(42, 82, 188, .45) 100%);*/ transform: translate(0px, 10px); z-index: 388686; flex: 1 } .severe-city-info-slide .frost-pane { - background: linear-gradient(to right, rgba(183, 183, 183, 1) 0, rgba(183, 183, 183, .45) 100%); + background: url(/images/newbg/severefrostpane.svg); + background-repeat: no-repeat; + background-size: 1065px 1164px; } .city-info .frost-pane:first-of-type { min-width: 55.5%; - margin-right: .8%; - background: linear-gradient(to right, rgba(42, 82, 188, 1) 0, rgba(42, 82, 188, 0.6951) 100%); -} -.city-info .frost-pane.right { - background: linear-gradient(to right, rgba(42, 82, 188, 0.6905) 0, rgba(42, 82, 188, 0.45) 100%); + margin-right: 0.8%; + background-position: -72px -329px; } .city-info .frost-pane.left * { position: absolute; - min-width: 55.5%; padding-top: 5px; - line-height: 182.5% + line-height: 182.5%; } - .frost-pane .labels { font-family: 'Frutiger 57 Condensed'; color: #d8c422; @@ -922,6 +1032,7 @@ background-image: url(/images/icons/moonphases/new.png); } .city-info .frost-pane.right { + background-position: -570px -329px; display: flex; flex-direction: column; align-items: center; @@ -983,6 +1094,7 @@ background-image: url(/images/icons/moonphases/new.png); max-height: 411.25px; padding-left: 62.5px; display: flex; + background-position: -72px -364px; flex-direction: row; transform: translate(0px, 45px); } @@ -991,32 +1103,64 @@ background-image: url(/images/icons/moonphases/new.png); 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 { +.info-slide-content.daypart .hour.i .thingbg { + position: absolute; + right: 0px; + height: 35px; + width: 100%; background: #2a3a8a; + -webkit-mask-image: url(/images/newbg/frostpane.svg); + -webkit-mask-position: -94.5px -329px; + -webkit-mask-size: 1065px 1164px; +} +.info-slide-content.daypart .hour.ii .thing { + height: 35px; + width: 198px; + transform: translate(0px, -35px); +} +.info-slide-content.daypart .hour.ii .thingbg { + position: absolute; + height: 35px; + width: 100%; + background: #2a3a8a; + -webkit-mask-image: url(/images/newbg/frostpane.svg); + -webkit-mask-position: -334.5px -329px; + -webkit-mask-size: 1065px 1164px; +} +.info-slide-content.daypart .hour.iii .thing { + height: 35px; + width: 198px; + transform: translate(0px, -35px); +} +.info-slide-content.daypart .hour.iii .thingbg { + position: absolute; + height: 35px; + width: 100%; + background: #2a3a8a; + -webkit-mask-image: url(/images/newbg/frostpane.svg); + -webkit-mask-position: -532.5px -329px; + -webkit-mask-size: 1065px 1164px; +} +.info-slide-content.daypart .hour.iv .thing { height: 35px; width: 240px; transform: translate(0px, -35px); } +.info-slide-content.daypart .hour.iv .thingbg { + position: absolute; + height: 35px; + width: 100%; + background: #2a3a8a; + -webkit-mask-image: url(/images/newbg/frostpane.svg); + -webkit-mask-position: -730.5px -329px; + -webkit-mask-size: 1065px 1164px; +} .info-slide-content.daypart .hour .thing .thingtext { color: #fff; font-family: Frutiger; @@ -1086,6 +1230,7 @@ background-image: url(/images/icons/moonphases/new.png); .forecast .frost-pane { padding: 1% 18% 1% 7%; height: 446.25px; + background-position: -72px -329px; } .forecast .frost-pane .title { font-family: 'Frutiger 57 Condensed'; @@ -1116,20 +1261,20 @@ background-image: url(/images/icons/moonphases/new.png); min-width: 165px } .info-slide-content.extended-forecast .frost-pane.iw { - background: linear-gradient(to right, rgba(42, 82, 188, 1) 0, rgba(42, 82, 188, 0.89715) 100%); + background-position: -72px -364px; } .info-slide-content.extended-forecast .frost-pane.iiw { - background: linear-gradient(to right, rgba(42, 82, 188, 0.8933) 0, rgba(42, 82, 188, 0.79045) 100%); + background-position: -243.5px -364px; } .info-slide-content.extended-forecast .frost-pane.iiiw { - background: linear-gradient(to right, rgba(42, 82, 188, 0.7866) 0, rgba(42, 82, 188, 0.68485) 100%); + background-position: -415px -364px; transform: translate(0px, 45px); min-width: 164px; max-width: 164px } .info-slide-content.extended-forecast .frost-pane.ivw { - background: linear-gradient(to right, rgba(42, 82, 188, 0.6799) 0, rgba(42, 82, 188, 0.57815) 100%); + background-position: -586.5px -364px; 757 transform: translate(0px, 45px); min-width: 164px; max-width: 164px @@ -1159,7 +1304,6 @@ background-image: url(/images/icons/moonphases/new.png); font-family: Frutiger; font-size: 30px; text-shadow: #000 2px 2px 4px; - background: #2a3a8a; height: 35px; width: 100%; position: absolute; @@ -1168,6 +1312,15 @@ background-image: url(/images/icons/moonphases/new.png); z-index: 388688; text-align: center; } +.info-slide-content.extended-forecast .thingbg { + position: absolute; + height: 35px; + width: 100%; + background: #2a3a8a; + -webkit-mask-image: url(/images/newbg/frostpane.svg); + -webkit-mask-position: -72px -329px; + -webkit-mask-size: 1065px 1164px; +} .info-slide-content.extended-forecast .thingg .thingday { color: #fff; font-family: 'Frutiger 57 condensed'; @@ -1184,6 +1337,7 @@ background-image: url(/images/icons/moonphases/new.png); } .info-slide-content.extended-forecast .thingg .thingday.iw { margin-left: 0px; + padding-left: 5px; } .info-slide-content.extended-forecast .thingg .thingday.iiiw { min-width: 164px; @@ -1309,7 +1463,10 @@ background-image: url(/images/icons/moonphases/new.png); } .info-slide-content.extended-forecast .lfrost-pane.vw { min-height: 100%; - background: linear-gradient(to right, rgba(42, 82, 188, 0.5732) 0, rgba(42, 82, 188, 0.45) 100%); + background: url(/images/newbg/frostpane.svg); + background-repeat: no-repeat; + background-size: 1065px 1164px; + background-position: -757px -364px; z-index: 388686; flex: 1.4 } @@ -1318,7 +1475,9 @@ background-image: url(/images/icons/moonphases/new.png); flex-direction: column; } .info-slide-content.almanac .frost-pane.half { - max-height: 239.725px; + max-height: 204.725px; + transform: translate(0,45px); + background-position: -72px -364px; } .info-slide-content.almanac .frost-pane.half .averagetitle { @@ -1337,7 +1496,7 @@ background-image: url(/images/icons/moonphases/new.png); color: #fff; font-size: 31px; left: 132.5px; - top: 122.5px; + top: 87.5px; transform: scale(108%,100%); transform-origin: left; } @@ -1347,7 +1506,7 @@ background-image: url(/images/icons/moonphases/new.png); color: #fff; font-size: 54px; left: 266px; - top: 109px; + top: 74px; transform: scale(102.5%,100%); } @@ -1357,7 +1516,7 @@ background-image: url(/images/icons/moonphases/new.png); color: #fff; font-size: 31px; left: 132.5px; - top: 183.5px; + top: 148.5px; transform: scale(108%,100%); transform-origin: left; } @@ -1368,7 +1527,7 @@ background-image: url(/images/icons/moonphases/new.png); color: #fff; font-size: 54px; left: 266px; - top: 172.5px; + top: 137.5px; transform: scale(102.5%,100%); } @@ -1378,7 +1537,7 @@ background-image: url(/images/icons/moonphases/new.png); color: #d8c422; font-size: 35px; left: 398px; - top: 60px; + top: 25px; transform: scale(108%,100%); transform-origin: left; } @@ -1389,7 +1548,7 @@ background-image: url(/images/icons/moonphases/new.png); color: #fff; font-size: 31px; left: 457.5px; - top: 122.5px; + top: 87.5px; transform: scale(106%,100%); transform-origin: left; } @@ -1399,7 +1558,7 @@ background-image: url(/images/icons/moonphases/new.png); color: #fff; font-size: 54px; left: 567.5px; - top: 109px; + top: 74px; transform: scale(102.5%,100%); transform-origin: left; } @@ -1410,7 +1569,7 @@ background-image: url(/images/icons/moonphases/new.png); color: #fff; font-size: 36px; left: 663px; - top: 119px; + top: 84px; } .info-slide-content.almanac .frost-pane.half .rlow { @@ -1419,7 +1578,7 @@ background-image: url(/images/icons/moonphases/new.png); color: #fff; font-size: 31px; left: 457.5px; - top: 183.5px; + top: 148.5px; transform: scale(108%,100%); transform-origin: left; } @@ -1430,7 +1589,7 @@ background-image: url(/images/icons/moonphases/new.png); color: #fff; font-size: 54px; left: 567.5px; - top: 172.5px; + top: 147.5px; transform: scale(102.5%,100%); transform-origin: left; } @@ -1441,24 +1600,44 @@ background-image: url(/images/icons/moonphases/new.png); color: #fff; font-size: 36px; left: 663px; - top: 182.5px; + top: 147.5px; } -.info-slide-content.almanac .frost-pane.half .thing { - color: #fff; - font-family: Frutiger; - font-size: 33px; - background: rgb(42, 58, 138); +.info-slide-content.almanac .thing { + position: absolute; + top: 70px; height: 35px; width: 100%; - transform: scale(104%,100%); transform-origin: left; padding-top: 5px; padding-left: 65px; + +} +.info-slide-content.almanac .thing .thingtext { + width: 100%; + padding-left: 2.5px; + color: #fff; + font-family: Frutiger; + font-size: 33px; + text-shadow: #000 2px 2px 4px; + transform: scale(104%,100%); + transform-origin: left; +} +.info-slide-content.almanac .thing .thingbg { + position: absolute; + right: 0; + top: 0; + background: #2a3a8a; + height: 35px; + width: 100%; + -webkit-mask-image: url(/images/newbg/frostpane.svg); + -webkit-mask-position: -72px -329px; + -webkit-mask-size: 1065px 1164px; } .info-slide-content.almanac .frost-pane.purple { + transform: translate(0,45px); max-height: 203.725px; background-color: rgb(42, 58, 138); background: linear-gradient(to right, rgb(42, 58, 138, 0) 0, rgb(42, 58, 138, .75) 100%) @@ -1580,13 +1759,25 @@ background-image: url(/images/icons/moonphases/new.png); } .info-slide-content.aroundcityinfo .frost-pane { width: 100%; + background-size: 1065px 1150px; margin-top: 6px; max-height: 105.7px; display: flex; flex-direction: row; + transform: translate(0px, 12px); } .info-slide-content.aroundcityinfo .frost-pane.city.i { margin-top: 0px; + background-position: -72px -330px; +} +.info-slide-content.aroundcityinfo .frost-pane.city.ii { + background-position: -72px -439.5px; +} +.info-slide-content.aroundcityinfo .frost-pane.city.iii { + background-position: -72px -551.5px; +} +.info-slide-content.aroundcityinfo .frost-pane.city.iv { + background-position: -72px -661px; } .info-slide-content.aroundcityinfo .frost-pane.city .cityname { font-family: 'Frutiger 57 condensed'; @@ -1595,6 +1786,7 @@ background-image: url(/images/icons/moonphases/new.png); font-size: 33.5px; left: 10px; top: 50%; + width: 40%; transform: translate(0,-23.5%) scale(115%,100%); transform-origin: left; } @@ -1609,8 +1801,10 @@ background-image: url(/images/icons/moonphases/new.png); color: #fff; position: absolute; font-size: 51px; - left: 415px; + left: 395px; top: 50%; + width: 10%; + text-align: center; transform: translate(0,-41%) scale(112%,100%); } .info-slide-content.aroundcityinfo .frost-pane.city .icon { @@ -1644,18 +1838,35 @@ background-image: url(/images/icons/moonphases/new.png); align-items: center; transform: translate(0px, 10px); } -.info-slide-content.airportpanel .leftpanel .thing { +.info-slide-content.airportpanel .thing { + top: 70px; + position: absolute; + padding-left: 75px; + padding-top: 5px; + height: 35px; + width: 105% +} +.info-slide-content.airportpanel .thing .thingtext { + width: 100%; + height: 35px; color: #fff; font-family: Frutiger; font-size: 30px; - transform: scale(105.5%, 100%); transform-origin: left; text-shadow: #000 2px 2px 4px; - padding-top: 5px; - padding-left: 70px; - background: rgba(36, 30, 149, .85); + transform: scale(105.5%,100%); + transform-origin: left; +} +.info-slide-content.airportpanel .thing .thingbg { + position: absolute; + right: 0; + top: 0; + background: rgba(36, 30, 149,1); height: 35px; - width: 105% + width: 100%; + -webkit-mask-image: url(/images/newbg/frostpane.svg); + -webkit-mask-position: -72px -329px; + -webkit-mask-size: 1065px 1164px; } .info-slide-content.airportpanel .leftpanel .frost-pane.top { @@ -1663,8 +1874,8 @@ background-image: url(/images/icons/moonphases/new.png); height: 188.125px; width: 100%; align-items: center; - transform: translate(0px, 0px); - background: linear-gradient(to right, rgba(42, 82, 188, 1) 0, rgba(42, 82, 188, 0.638) 100%) + transform: translate(0px, 35px); + background-position: -72px -364px; } .info-slide-content.airportpanel .leftpanel .frost-pane.top .title { position: absolute; @@ -1792,19 +2003,14 @@ background-image: url(/images/icons/moonphases/new.png); height: 216.062px; width: 100%; align-items: center; - transform: translate(0px, 0px); - background: linear-gradient(to right, rgba(42, 82, 188, 1) 0, rgba(42, 82, 188, 0.638) 100%) + transform: translate(0px, 35px); + background-position: -72px -559px; } .info-slide-content.airportpanel .frost-pane.right { + transform: translate(0px, 45px); max-height: 446.25px; - background: linear-gradient(to right, rgba(42, 82, 188, 0.637) 0, rgba(42, 82, 188, 0.45) 100%) -} -.info-slide-content.airportpanel .frost-pane.right .thing { - background: #241e95; - opacity: 85%; - height: 35px; - width: 100% + background-position: -618.5px -364px; } .info-slide-content.airportpanel .frost-pane.right .icon { background-repeat: no-repeat; @@ -1813,7 +2019,7 @@ background-image: url(/images/icons/moonphases/new.png); position: absolute; width: 100%; height: 45%; - top: 12.5px; + top: -22.5px; transform: translate(-1.5%, 0); } .info-slide-content.airportpanel .frost-pane.right .conditions { @@ -1831,7 +2037,7 @@ background-image: url(/images/icons/moonphases/new.png); text-align: center; transform: translate(-2.25%, 0) scale(104.5%, 100%); position: absolute; - top: 230px; + top: 195px; } .info-slide-content.airportpanel .frost-pane.right .temp { color: #fff; @@ -1840,7 +2046,7 @@ background-image: url(/images/icons/moonphases/new.png); font-weight: 600; width: 100%; position: absolute; - top: 350px; + top: 315px; text-align: center; letter-spacing: 2.5px; transform: translate(-1.5%, 0) scale(112.5%, 100%); @@ -1851,16 +2057,35 @@ background-image: url(/images/icons/moonphases/new.png); top: 70px; height: 35px; font-family: Frutiger; - transform: scale(104%,100%); font-weight: 600; - opacity: 85%; font-size: 26px; - background-color: #241e95; color: #d8c422; text-shadow: #000 2px 2px 4px; - padding-left: 305px; line-height: 150%; } +.info-slide-content.otherairports .thing .thingtext { + width: 100%; + height: 35px; + font-family: Frutiger; + transform: scale(104%,100%); + font-weight: 600; + font-size: 26px; + color: #d8c422; + line-height: 150%; + padding-left: 305px; + text-shadow: #000 2px 2px 4px; +} +.info-slide-content.otherairports .thing .thingbg { + position: absolute; + right: 0; + top: 0; + background: rgba(36, 30, 149,1); + height: 35px; + width: 100%; + -webkit-mask-image: url(/images/newbg/frostpane.svg); + -webkit-mask-position: -72px -329px; + -webkit-mask-size: 1065px 1164px; +} .info-slide-content.otherairports .thing .temp { position: absolute; right: 370px; @@ -1873,6 +2098,7 @@ background-image: url(/images/icons/moonphases/new.png); max-height: 411.25px; transform: translate(0, 45px); flex-direction: column; + background-position: -72px -364px; } .info-slide-content.otherairports .airport { width: 100%; @@ -1956,171 +2182,231 @@ background-image: url(/images/icons/moonphases/new.png); right: 89px; } -.info-slide-content.surfreport .leftpanel { - max-height: 451.25px; - max-width: 60%; - min-width: 60%; +.info-slide-content.surfreport .frost-pane.left { + max-width: 60.8%; + min-width: 60.8%; margin-right: .8%; align-items: center; - transform: translate(0px, 5px); + transform: translate(0px, 45px); + max-height: 411.25px; + align-items: center; + background-position: -72px -364px; } -.info-slide-content.surfreport .leftpanel .thing { +.info-slide-content.surfreport .thing { + position: absolute; + width: 100%; + height: 40px; +} +.info-slide-content.surfreport .thingbg { + position: absolute; + right: 0; + top: 5px; + background: #2a3a8a; + height: 40px; + width: 100%; + -webkit-mask-image: url(/images/newbg/frostpane.svg); + -webkit-mask-position: -72px -393px; + -webkit-mask-size: 1065px 1385px; +} +.info-slide-content.surfreport .thingtext { + position: absolute; color: #fff; font-family: Frutiger; - font-size: 32.5px; + font-size: 33px; text-shadow: #000 2px 2px 4px; - padding-top: 5px; - padding-left: 60px; - background: #2a3a8a; + padding-top: 13.5px; + padding-left: 67.5px; height: 40px; width: 105% } -.info-slide-content.surfreport .leftpanel .watertemp { - font-size: 35px; +.info-slide-content.surfreport .frost-pane.left .watertemp { + font-size: 34px; position: absolute; - top: 235px; - left: 52.5px; + top: 232.5px; + left: 46px; + transform: scale(106%, 100%); + transform-origin: left; } -.info-slide-content.surfreport .leftpanel .wind { - font-size: 35px; +.info-slide-content.surfreport .frost-pane.left .wind { + font-size: 34px; position: absolute; - top: 62.5px; - left: 52.6px; + top: 62px; + left: 46px; + transform: scale(107%, 100%); + transform-origin: left; } -.info-slide-content.surfreport .leftpanel .waveperiod { - font-size: 35px; +.info-slide-content.surfreport .frost-pane.left .waveperiod { + font-size: 34px; position: absolute; - top: 147.5px; - left: 52.5px; + top: 147px; + left: 46px; + transform: scale(107%, 100%); + transform-origin: left; } -.info-slide-content.surfreport .leftpanel .windvalue { - font-size: 39px; +.info-slide-content.surfreport .frost-pane.left .windvalue { + font-size: 40px; position: absolute; - top: 60px; - left: 172.5px; + top: 57.5px; + left: 167.5px; + transform: scale(103%, 100%); + transform-origin: left; } -.info-slide-content.surfreport .leftpanel .waveperiodvalue { - font-size: 39px; +.info-slide-content.surfreport .frost-pane.left .waveperiodvalue { + font-size: 40px; position: absolute; - top: 145px; - left: 282.5px; + top: 142px; + left: 280px; + transform: scale(103%, 100%); + transform-origin: left; } -.info-slide-content.surfreport .leftpanel .watertempbar { +.info-slide-content.surfreport .frost-pane.left .watertempbar { position: absolute; - bottom: 31px; - left: 57.5px; + bottom: 29.5px; + left: 53px; height: 48px; - width: 430px; + width: 441px; + background: linear-gradient(to right, #6aa3f2 0, #2f4aa7 28%, #84806c 41%,#e1d226 58%, #df9705 76%, #d34308 87%, #710002 99%) +} +.info-slide-content.surfreport .frost-pane.left .watertempbar .temps { + position: absolute; + top:0; font-family: Frutiger; font-size: 35.5px; color: #171717; text-shadow: #000 0px 0px 0px; - word-spacing: 13.5px; + word-spacing: 13.25px; text-align: center; - line-height: 53.75px; - background: linear-gradient(to right, #6aa3f2 0, #2f4aa7 28%, #84806c 41%,#e1d226 58%, #df9705 76%, #d34308 87%, #710002 99%) + padding-top: 11.5px; + padding-left: 0px; + transform: scale(103%, 100%); + width: 100%; } -.info-slide-content.surfreport .leftpanel .watertempbar .temparrow { +.info-slide-content.surfreport .frost-pane.left .watertempbar .temparrow { position: absolute; - bottom: 22.5px; - left: 317px; + bottom: 20.5px; + left: 325px; width: 0; height: 0; - border-left: 13px solid transparent; - border-right: 13px solid transparent; - border-top: 29.5px solid #fff; - -webkit-filter: drop-shadow(4px 0 4px rgba(0, 0, 0, .75)); - filter: drop-shadow(4px 0 4px rgba(0, 0, 0, .75)) + border-left: 13.5px solid transparent; + border-right: 13.5px solid transparent; + border-top: 31.5px solid #fff; + -webkit-filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 1)); + filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 1)) } -.info-slide-content.surfreport .leftpanel .watertempbar .temp { +.info-slide-content.surfreport .frost-pane.left .watertempbar .temp { font-family: Frutiger; - font-size: 40px; + font-size: 45px; color: #fff; - text-shadow: #000 2px 2px 4px; + text-shadow: #000 0px 0px 0px; position: absolute; - top: -75px; + top: -77.5px; left: -17.5px; + transform: scale(105%, 100%); } .info-slide-content.surfreport .title { font-size: 32px } -.info-slide-content.surfreport .leftpanel .frost-pane { +.info-slide-content.surfreport .frost-pane.right { + transform: translate(0px, 45px); height: 411.25px; width: 100%; - align-items: center; - transform: translate(0px, 0px); - background: linear-gradient(to right, rgba(42, 82, 188, 1) 0, rgba(42, 82, 188, 0.66) 100%); + background-position: -617px -364px; } -.info-slide-content.surfreport .frost-pane.right { - max-height: 451.25px; - transform: translate(0px, 5px); - background: linear-gradient(to right, rgba(42, 82, 188, 0.6656) 0, rgba(42, 82, 188, 0.45) 100%); -} -.info-slide-content.surfreport .frost-pane.right .thing { - background: #2a3a8a; - height: 40px; - width: 100%; - z-index: 1; -} - .info-slide-content.surfreport .frost-pane.right .title.waveheight { position: absolute; font-size: 35px; width: 100%; text-align: center; - top: 52.5px; - padding-left: 65px; + top: 14px; + padding-left: 61px; padding-right: 70px; - line-height: 115%; + line-height: 110%; + transform: scale(105%, 100%); } .info-slide-content.surfreport .frost-pane.right .wavebar { position: absolute; - width: 130px; - height: 112.5px; + width: 125px; + height: 110px; text-align: center; bottom: 31px; left: 110px; color: #171717; text-shadow: #000 0px 0px 0px; background: linear-gradient(to top, #5f6c55 0, #16c0dd 65%); - padding-top: 10px; + padding-top: 10.5px; } .info-slide-content.surfreport .frost-pane.right .wavebar .wavevalue { -font-size: 40.5px; + font-size: 42px; + transform: scale(103.5%, 100%); } .info-slide-content.surfreport .frost-pane.right .wavebar .feet { -font-size: 28px; + font-size: 28px; + transform: scale(103.5%, 100%); } .info-slide-content.coastalwaters .thing { - color: #fff; - font-family: Frutiger; - font-size: 22.5px; - text-shadow: #000 2px 2px 4px; - padding-top: 5px; - padding-left: 60px; - background: #2a3a8a; - height: 40px; + height: 35px; width: 100%; - line-height: 162%; - transform: translate(0px, 5px); + position: absolute; + top: 70px; + z-index: 388687; +} +.info-slide-content.coastalwaters .thing .thingbg { + position: absolute; + right: 0; + top: 0; + background: #2a3a8a; + height: 35px; + width: 100%; + -webkit-mask-image: url(/images/newbg/frostpane.svg); + -webkit-mask-position: -72px -329px; + -webkit-mask-size: 1065px 1164px; +} +.info-slide-content.coastalwaters .thing .thingtext { + height: 35px; + width: 100%; + color: #fff; + font-size: 23px; + text-shadow: #000 2px 2px 4px; + padding-top: 9px; + padding-left: 63px; + transform: scale(107%,100%); + transform-origin: left; } .info-slide-content.coastalwaters .frost-pane.content { position: absolute; width: 100%; height: 411.25px; top: 95px; - padding-top: 11px; - padding-left: 45px; - line-height: 115% + padding-top: 10px; + padding-left: 52px; + background-position: -72px -364px; } -.info-slide-content.coastalwaters.warnings .frost-pane.content { - font-family: Frutiger; +.info-slide-content.coastalwaters.warnings .frost-pane.content .warningtext { + font-family: 'Frutiger 57 Condensed'; font-size: 40px; color: #d8c422; + width: 100%; + height: 100%; + transform: scale(115%, 100%); + transform-origin: left; + padding-right: 200px; + line-height: 114%; +} +.info-slide-content.coastalwaters.forecasts .frost-pane.content .title.day { + font-family: 'Frutiger 57 Condensed'; + font-size: 40px; + line-height: 114%; + transform: scale(115%, 100%); + transform-origin: left; } .info-slide-content.coastalwaters.forecasts .frost-pane.content .forecasttext { - font-family: Frutiger; + font-family: 'Frutiger 57 Condensed'; font-size: 40px; + line-height: 114%; + transform: scale(115%, 100%); + transform-origin: left; + padding-right: 200px; + margin-bottom: 46px; } .info-slide-content.tides { width: 100%; @@ -2128,75 +2414,119 @@ font-size: 28px; flex-direction: column; } .info-slide-content.tides .thingnotpurple { - margin-top: 5px; + margin-top: 7px; height: 40px; font-family: Frutiger; font-size: 28.5px; color: #d8c422; filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, .75)); - padding-left: 305px; line-height: 150%; font-weight: 600; + +} +.info-slide-content.tides .thingnotpurple .hightide { + transform: scale(105%, 100%); + display: block; + position: absolute; + left: 301px; } .info-slide-content.tides .thingnotpurple .lowtide { - margin-left: 155px; -} -.info-slide-content.tides .frost-pane { - font-size: 32.5px; + left: 596px; + display: block; + position: absolute; + transform: scale(105%, 100%); } .info-slide-content.tides .frost-pane.top { - min-height: 140px; + min-height: 139px; transform: translate(0,0); + background-position: -72px -364px; } .info-slide-content.tides .frost-pane .place { - margin-top: 15px; - margin-left: 40px; + margin-top: 14px; + margin-left: 48px; + font-size: 33px; + font-family: 'Frutiger 57 Condensed'; + transform: scale(114%, 100%); + transform-origin: left; } .info-slide-content.tides .frost-pane .hightide { position: absolute; - left: 300px; - top: 37.5px; - line-height: 130%; + left: 290px; + top: 45px; + line-height: 127%; + font-size: 32.7px; + font-family: 'Frutiger 57 Condensed'; + transform: scale(114%, 100%); + transform-origin: left; } .info-slide-content.tides .frost-pane .lowtide { position: absolute; - left: 600px; - top: 37.5px; - line-height: 130%; + left: 575px; + top: 45px; + line-height: 126%; + font-size: 32.7px; + font-family: 'Frutiger 57 Condensed'; + transform: scale(114%, 100%); + transform-origin: left; +} +.info-slide-content.tides .frost-pane.mid .place { + margin-top: 14px; +} +.info-slide-content.tides .frost-pane.bottom .place { + margin-top: 9px; +} +.info-slide-content.tides .frost-pane.mid .hightide { + top: 44px; +} +.info-slide-content.tides .frost-pane.mid .lowtide { + top: 44px; } .info-slide-content.tides .frost-pane .sunrise { position: absolute; - left: 40px; - top: 50px; - font-size: 32.5px; + left: 48px; + top: 64px; + font-size: 35.5px; + font-family: Frutiger; + transform: scale(105%, 100%); + transform-origin: left; } .info-slide-content.tides .frost-pane .sunset { position: absolute; - left: 475px; - top: 50px; - font-size: 32.5px; + left: 470px; + top: 64px; + font-size: 35.5px; + font-family: Frutiger; + transform: scale(105%, 100%); + transform-origin: left; } .info-slide-content.tides .frost-pane .sunrisetext { position: absolute; - left: 170px; - top: 50px; - font-size: 32.5px; + left: 200px; + top: 62.5px; + font-size: 32.7px; + font-family: 'Frutiger 57 Condensed'; + transform: scale(115%, 100%); } .info-slide-content.tides .frost-pane .sunsettext { position: absolute; - left: 600px; - top: 50px; - font-size: 32.5px; + left: 617.5px; + top: 62.5px; + font-size: 32.7px; + font-family: 'Frutiger 57 Condensed'; + transform: scale(115%, 100%); + transform-origin: left; } .info-slide-content.tides .frost-pane.mid { min-height: 140px; - margin-top: 5px; + margin-top: 4px; transform: translate(0,0); + background-position: -72px -507px; } .info-slide-content.tides .frost-pane.bottom { - height: 200px; - margin-top: 15px; + height: 204px; + margin-top: 13px; transform: translate(0,0); + background-position: -72px -660px; } .info-slide-content.health-forecast { flex-direction: row; @@ -2208,21 +2538,39 @@ flex-direction: row; color: #fff; font-family: Frutiger; font-size: 33px; - padding-top: 4px; text-shadow: 2px 2px 4px #000; height: 35px; - background: #241e95; width: 100%; position: absolute; top: 70px; - padding-left: 62.5px; +} +.info-slide-content.health-forecast .thing .thingtext { + width: 100%; + padding-left: 2.5px; + color: #fff; + font-family: Frutiger; + font-size: 33px; + padding-top: 4px; + text-shadow: 2px 2px 4px #000; transform: scale(105%,100%); + padding-left: 62.5px; transform-origin: left; } +.info-slide-content.health-forecast .thing .thingbg { + position: absolute; + right: 0; + top: 0; + background: #241e95; + height: 35px; + width: 100%; + -webkit-mask-image: url(/images/newbg/frostpane.svg); + -webkit-mask-position: -72px -329px; + -webkit-mask-size: 1065px 1164px; +} .info-slide-content.health-forecast .frost-pane.mainforecast { margin-top: 35px; max-width: 41.25%; - background: linear-gradient(to right, rgba(42, 82, 188, 1) 0, rgba(42, 82, 188, 0.72) 100%); + background-position: -72px -364px; } .info-slide-content.health-forecast .frost-pane.mainforecast .icon { background-repeat: no-repeat; @@ -2282,7 +2630,7 @@ flex-direction: row; .info-slide-content.health-forecast .frost-pane.forecastdetails { margin-top: 35px; margin-left: 5px; - background: linear-gradient(to right, rgba(42, 82, 188, 0.7756) 0, rgba(42, 82, 188, 0.45) 100%); + background-position: -442px -364px; } .info-slide-content.health-forecast .frost-pane.forecastdetails .title { width: 100%; @@ -2343,21 +2691,52 @@ flex-direction: row; transform: scale(104.5%,100%); transform-origin: left; } -.info-slide-content.allergy .frost-pane.pollen { +.info-slide-content.allergy .leftpanel { + max-height: 446.25px; + transform: translate(0,10px); min-width: 62.5%; - background: linear-gradient(to right, rgba(42, 82, 188, 1) 0, rgba(42, 82, 188, 0.656) 100%); + } -.info-slide-content.allergy .frost-pane.pollen .thing { +.info-slide-content.allergy .frost-pane.pollen { + height: 411.25px; + transform: translate(0,35px); + background-position: -72px -364px; + width: 100%; +} +.info-slide-content.allergy .leftpanel .thing { + color: #fff; + font-family: Frutiger; + font-size: 33px; + text-shadow: 2px 2px 4px #000; + height: 35px; + width: 100%; + position: absolute; + padding-left: 68px; +} +.info-slide-content.allergy .leftpanel .thing .thingbg { + position: absolute; + right: 0; + top: 0; + background: #241e95; + height: 35px; + width: 100%; + -webkit-mask-image: url(/images/newbg/frostpane.svg); + -webkit-mask-position: -72px -329px; + -webkit-mask-size: 1065px 1164px; + z-index: 0; +} +.info-slide-content.allergy .leftpanel .thing .thingtext { + position: absolute; + width: 100%; color: #fff; font-family: Frutiger; font-size: 33px; padding-top:4px; text-shadow: 2px 2px 4px #000; height: 35px; - background: #241e95; - width: 100%; - position: absolute; - padding-left: 68px; + text-shadow: #000 2px 2px 4px; + transform-origin: left; + z-index: 1 } .info-slide-content.allergy .frost-pane.pollen .thing span{ transform: scale(105%,100%); @@ -2427,58 +2806,77 @@ flex-direction: row; filter: drop-shadow(4px 0 4px rgba(0, 0, 0, .75)) } .info-slide-content.allergy .frost-pane.pollen .pollenbar.tree { - top: 89px; + top: 54px; left: 30px; } .info-slide-content.allergy .frost-pane.pollen .pollenbar.grass { - top: 180px; + top: 145px; left: 0px; } .info-slide-content.allergy .frost-pane.pollen .pollenbar.grass .bar { left: 232.5px; } .info-slide-content.allergy .frost-pane.pollen .pollenbar.weed { - top: 268px; + top: 233px; left: 0px; } .info-slide-content.allergy .frost-pane.pollen .pollenbar.weed .bar { left: 232.5px; } .info-slide-content.allergy .frost-pane.pollen .pollenbar.mold { - top: 358px; + top: 333px; left: 27.5px; } -.info-slide-content.allergy .frost-pane.totalpollen { +.info-slide-content.allergy .rightpanel { margin-left: 5px; - background: linear-gradient(to right, rgba(42, 82, 188, 0.6518) 0, rgba(42, 82, 188, 0.45) 100%); + max-height: 446.25px; + transform: translate(0,10px); + width: 100%; } -.info-slide-content.allergy .frost-pane.totalpollen .thing { +.info-slide-content.allergy .frost-pane.totalpollen { + width: 100%; + height: 411.25px; + transform: translate(0,102.5px); + background-position: -630px -431.5px; +} +.info-slide-content.allergy .rightpanel .thing { + height: 102.5px; + width: 100%; + position: absolute; + text-align: center; +} +.info-slide-content.allergy .rightpanel .thing .thingtext { display: flex; color: #fff; font-family: 'Frutiger 57 Condensed'; font-size: 32.5px; line-height: 125%; text-shadow: 2px 2px 4px #000; - height: 102.5px; - background: #241e95; - width: 100%; - position: absolute; - padding-left: 60px; + padding-left: 52.5px; padding-top: 7.5px; - text-align: center; -} -.info-slide-content.allergy .frost-pane.totalpollen .thing .thingtext { + height: 35px; + text-shadow: #000 2px 2px 4px; transform: scale(113.5%,100%); transform-origin: left; } - +.info-slide-content.allergy .rightpanel .thing .thingbg { + position: absolute; + right: 0; + top: 0; + background: #241e95; + height: 102.5px; + width: 100%; + -webkit-mask-image: url(/images/newbg/frostpane.svg); + -webkit-mask-position: -630px -329px; + -webkit-mask-size: 1065px 1164px; +} .info-slide-content.allergy .frost-pane.totalpollen .cat { font-family: 'Frutiger 57 Condensed'; font-size: 61.5px; width: 92%; position: absolute; - top: 175px; + top: 72.5px; text-align: center; transform: scale(114%,100%) } @@ -2487,7 +2885,7 @@ flex-direction: row; font-size: 42.5px; width: 92%; position: absolute; - top: 272.5px; + top: 170px; text-align: center; transform: scale(115%,100%) } @@ -2497,30 +2895,55 @@ flex-direction: row; width: 93%; line-height: 144%; position: absolute; - top: 122px; + top: 19.5px; text-align: center; } .info-slide-content.Aches-Breath { flex-direction: column; } .info-slide-content.Aches-Breath .thing { + height: 35px; + width: 100%; + transform: translate(0, 10px); +} +.info-slide-content.Aches-Breath .thing .thingbg { + position: absolute; + right: 0; + top: 0; + background: #241e95; + height: 35px; + width: 100%; + -webkit-mask-image: url(/images/newbg/frostpane.svg); + -webkit-mask-position: -72px -329px; + -webkit-mask-size: 1065px 1164px; +} +.info-slide-content.Aches-Breath .thing .thingtext { + position: absolute; + width: 100%; color: #fff; font-family: Frutiger; font-size: 33px; - padding-top: 4px; + padding-top:4px; text-shadow: 2px 2px 4px #000; height: 35px; - background: #241e95; - width: 100%; padding-left: 67.5px; - transform: translate(0, 10px); + text-shadow: #000 2px 2px 4px; + transform-origin: left; } .info-slide-content.Aches-Breath .frost-pane { transform: translate(0, 10px); } .info-slide-content.Aches-Breath .frost-pane.aches { max-height: 212.725px; - background: linear-gradient(to right, rgba(19, 116, 241, 1), rgb(21, 111, 228, .45) 100%); +} +.info-slide-content.Aches-Breath .frost-pane.aches .frost-panebg { + position: absolute; + height: 100%; + width: 100%; + -webkit-mask-image: url(/images/newbg/frostpane.svg); + -webkit-mask-position: -72px -364px; + -webkit-mask-size: 1065px 1164px; + background: rgba(19, 116, 241, 1); } .info-slide-content.Aches-Breath .frost-pane .whitetitle { font-size: 33px; @@ -2559,9 +2982,17 @@ flex-direction: row; } .info-slide-content.Aches-Breath .frost-pane.breath { - background: linear-gradient(to right, rgba(23, 24, 215, 1), rgb(23, 24, 215, .45) 100%); max-height: 211.225px; } +.info-slide-content.Aches-Breath .frost-pane.breath .frost-panebg { + position: absolute; + height: 100%; + width: 100%; + -webkit-mask-image: url(/images/newbg/frostpane.svg); + -webkit-mask-position: -72px -577px; + -webkit-mask-size: 1065px 1164px; + background: rgba(23, 24, 215, 1); +} .info-slide-content.Aches-Breath .frost-pane .bar { height: 23px; @@ -2599,20 +3030,46 @@ flex-direction: row; transform: scale(107%,100%); text-align: center; } -.info-slide-content.airquality .frost-pane.airforecast { +.info-slide-content.airquality .leftpanel { min-width: 52.5%; - background: linear-gradient(to right, rgba(42, 82, 188, 1) 0, rgba(42, 82, 188, 0.71125) 100%); + max-height: 446.25px; + transform: translate(0,10px); } -.info-slide-content.airquality .frost-pane.airforecast .thing { +.info-slide-content.airquality .frost-pane.airforecast { + width: 100%; + height: 411.25px; + position: absolute; + top:0; + transform: translate(0,35px); + background-position: -72px -364px; +} +.info-slide-content.airquality .leftpanel .thing { + height: 35px; + width: 100%; +} +.info-slide-content.airquality .leftpanel .thing .thingbg { + position: absolute; + right: 0; + top: 0; + background: #2a3a8a; + height: 35px; + width: 100%; + -webkit-mask-image: url(/images/newbg/frostpane.svg); + -webkit-mask-position: -72px -329px; + -webkit-mask-size: 1065px 1164px; +} +.info-slide-content.airquality .leftpanel .thing .thingtext { + position: absolute; + width: 100%; color: #fff; font-family: Frutiger; font-size: 33px; padding-top: 4px; text-shadow: 2px 2px 4px #000; height: 35px; - background: #2a3a8a; - width: 100%; padding-left: 67.5px; + text-shadow: #000 2px 2px 4px; + transform-origin: left; } .info-slide-content.allergy .frost-pane.airforecast .thing span{ transform: scale(105%,100%); @@ -2654,30 +3111,50 @@ flex-direction: row; -webkit-filter: drop-shadow(-4px 2px 4px rgba(0, 0, 0, .75)); filter: drop-shadow(-4px 2px 4px rgba(0, 0, 0, .75)) } -.info-slide-content.airquality .frost-pane.primarypolute { +.info-slide-content.airquality .rightpanel { margin-left: 5px; - background: linear-gradient(to right, rgba(42, 82, 188, 0.70685) 0, rgba(42, 82, 188, 0.45) 100%); + max-height: 446.25px; + width: 100%; + transform: translate(0,10px); } -.info-slide-content.airquality .frost-pane.primarypolute .thing { +.info-slide-content.airquality .frost-pane.primarypolute { + width: 100%; + height: 356.25px; + background-position: -541.359px -419px; + transform: translate(0,90px); +} +.info-slide-content.airquality .rightpanel .thing { display: flex; - color: #fff; - font-family: 'Frutiger 57 Condensed'; - font-size: 35px; - line-height: 115%; - text-shadow: 2px 2px 4px #000; - height: 90px; - background: #2a3a8a; width: 100%; position: absolute; padding-left: 60px; padding-top: 1px; text-align: center; } -.info-slide-content.airquality .frost-pane.primarypolute .thing .pollutetext { - width: 88%; +.info-slide-content.airquality .rightpanel .thing .thingbg { position: absolute; + right: 0; + top: 0; + background: #2a3a8a; + height: 90px; + width: 100%; + -webkit-mask-image: url(/images/newbg/frostpane.svg); + -webkit-mask-position: -541.359px -329px; + -webkit-mask-size: 1065px 1164px; +} +.info-slide-content.airquality .rightpanel .thing .thingtext { + position: absolute; + width: 88%; + color: #fff; + font-family: 'Frutiger 57 Condensed'; + font-size: 35px; + line-height: 115%; + text-shadow: 2px 2px 4px #000; + height: 90px; left: 0; transform: scale(112.5%,100%); + height: 35px; + text-shadow: #000 2px 2px 4px; } .info-slide-content.airquality .frost-pane.primarypolute .source { color: #fff; @@ -2704,12 +3181,20 @@ flex-direction: row; font-family: 'Frutiger 57 condensed'; text-shadow: 2px 2px 4px #000; position: absolute; - top: 148px; + top: 58px; font-size: 42.5px; text-align: center; width: 89%; transform: scale(113.5%,100%); } +.info-slide-content.airquality .frost-pane.primarypolute .ozoneaction { + background-image: url(/images/newbg/ozoneActionLogo.png); + background-size: 200px 80px; + width: 220px; + height: 100px; + background-position: 15px -1px; + background-repeat: no-repeat; +} .info-slide-content.airquality .frost-pane.primarypolute .ozoneaction .icon { color: #fff; font-family: Frutiger; @@ -2746,16 +3231,23 @@ flex-direction: row; } .info-slide-content.uvindex .weatherreadyheader { position: absolute; - top: 70px; + top: 72px; width: 100%; - height: 111px; + height: 109px; z-index: 2; - background: linear-gradient(to right, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 0.45) 100%); +} +.info-slide-content.uvindex .weatherreadyheader .weatherreadyheaderbg { + width: 100%; + height: 100%; + -webkit-mask-image: url(/images/newbg/frostpane.svg); + -webkit-mask-position: -72px -329px; + -webkit-mask-size: 1065px 1164px; + background: linear-gradient(to right, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 1) 100%); } .info-slide-content.uvindex .weatherreadyheader .icon { position: absolute; left: 130px; - top: 7px; + top: 5.5px; width: 115px; height: 103px; background: url(/images/check.svg); @@ -2769,7 +3261,7 @@ flex-direction: row; height: 115px; position: absolute; left: 182.5px; - top: 51px; + top: 49px; font-weight: 600; font-style: italic; font-size: 62px; @@ -2781,7 +3273,7 @@ flex-direction: row; height: 115px; position: absolute; left: 241px; - top: 54px; + top: 52px; font-weight: bold; font-size: 51.5px; transform: scale(99%,112%); @@ -2795,7 +3287,7 @@ flex-direction: row; height: 80px; position: absolute; left: 406px; - top: 36px; + top: 34px; font-size: 62px; transform: scale(109%,100%); color: rgb(223, 69, 65); @@ -2807,13 +3299,23 @@ flex-direction: row; padding-top: 8px; text-shadow: 2px 2px 4px #000; height: 42.5px; - background: #241e95; width: 100%; padding-left: 37.5px; position: absolute; top: 181px; z-index: 2; } +.info-slide-content.uvindex .thing .thingbg { + position: absolute; + right: 0; + top: 0; + background: #241e95; + height: 42.5px; + width: 100%; + -webkit-mask-image: url(/images/newbg/frostpane.svg); + -webkit-mask-position: -72px -440px; + -webkit-mask-size: 1065px 1164px; +} .info-slide-content.uvindex .thing .currentlytext { font-size: 35px; transform: scale(106%,100%); @@ -2845,11 +3347,13 @@ flex-direction: row; } .info-slide-content.uvindex .frost-pane { z-index: 0; + max-height: 292.75px; + transform: translate(0,163.5px); } .info-slide-content.uvindex .frost-pane.currentuv { z-index: 0; max-width: 25%; - background: linear-gradient(to right, rgba(42, 82, 188, 1) 0, rgba(42, 82, 188, 0.8625) 100%); + background-position: -72px -482.5px; } .info-slide-content.uvindex .frost-pane.currentuv .bar { position: absolute; @@ -2881,7 +3385,7 @@ flex-direction: row; .info-slide-content.uvindex .frost-pane.forecastuv { z-index: 0; margin-left: 5px; - background: linear-gradient(to right, rgba(42, 82, 188, 0.8581) 0, rgba(42, 82, 188, 0.45) 100%); + background-position: -293px -482.5px; } .info-slide-content.uvindex .frost-pane.forecastuv .bar { position: absolute; @@ -2953,16 +3457,23 @@ flex-direction: row; } .info-slide-content.healthtip .weatherreadyheader { position: absolute; - top: 72.5px; + top: 70px; width: 100%; height: 111px; z-index: 2; - background: linear-gradient(to right, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 0.45) 100%); +} +.info-slide-content.healthtip .weatherreadyheader .weatherreadyheaderbg { + width: 100%; + height: 100%; + -webkit-mask-image: url(/images/newbg/frostpane.svg); + -webkit-mask-position: -72px -336px; + -webkit-mask-size: 1064px 1174px; + background: linear-gradient(to right, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 1) 100%); } .info-slide-content.healthtip .weatherreadyheader .icon { position: absolute; left: 145px; - top: 6px; + top: 8.5px; width: 115px; height: 103px; background: url(/images/check.svg); @@ -2976,7 +3487,7 @@ flex-direction: row; height: 115px; position: absolute; left: 197.5px; - top: 49.5px; + top: 52px; font-weight: 600; font-style: italic; font-size: 62px; @@ -2988,7 +3499,7 @@ flex-direction: row; height: 115px; position: absolute; left: 256px; - top: 53px; + top: 56.5px; font-weight: bold; font-size: 51.5px; transform: scale(99%,112%); @@ -3002,7 +3513,7 @@ flex-direction: row; height: 80px; position: absolute; left: 421px; - top: 36px; + top: 38.5px; font-size: 62px; transform: scale(109%,100%); color: rgb(223, 69, 65); @@ -3010,11 +3521,13 @@ flex-direction: row; .info-slide-content.healthtip .frost-pane { font-family: 'Frutiger 57 Condensed'; z-index: 0; - padding-top: 127.5px; + padding-top: 16.5px; padding-left: 59px; font-size: 34.5px; line-height: 115%; - + background-size: 1064px 1174px; + background-position: -72px -447px; + transform: translate(0,121px); } .info-slide-content.healthtip .frost-pane span { display: block; @@ -3023,9 +3536,10 @@ flex-direction: row; } .info-slide-content.moreinfoimage .frost-pane { background-color: rgba(0, 0, 0, 0); - background: url(/images/moreinfohealth.png); + background: url(/images/newbg/health_promo.png); background-repeat: no-repeat; - background-size: contain; + background-position: -19px 0; + background-size: 955px 446px; } .info-slide-content.moreinfoimage .frost-pane .moreinfotext { font-size: 32px; @@ -3041,13 +3555,24 @@ flex-direction: row; flex-direction: row } .info-slide-content.teetime .thing { - background: #2a3a8a; height: 35px; width: 100%; position: absolute; top: 70px; } +.info-slide-content.teetime .thing .thingbg { + position: absolute; + right: 0; + top: 0; + background: #2a3a8a; + height: 35px; + width: 100%; + -webkit-mask-image: url(/images/newbg/frostpane.svg); + -webkit-mask-position: -72px -329px; + -webkit-mask-size: 1065px 1164px; +} .info-slide-content.teetime .frost-pane { + background-position: -72px -364px; max-height: 411.25px; padding-left: 55px; display: flex; @@ -3136,19 +3661,34 @@ flex-direction: row; transform: scale(104.5%,100%); } .info-slide-content.golfforecast .thing { - color: #fff; - font-family: Frutiger; - font-size: 33px; - background: #2a3a8a; height: 35px; width: 100%; position: absolute; top: 70px; + z-index: 388687; +} +.info-slide-content.golfforecast .thing .thingbg { + position: absolute; + right: 0; + top: 0; + background: #2a3a8a; + height: 35px; + width: 100%; + -webkit-mask-image: url(/images/newbg/frostpane.svg); + -webkit-mask-position: -72px -329px; + -webkit-mask-size: 1065px 1164px; +} +.info-slide-content.golfforecast .thing .thingtext { + height: 35px; + width: 100%; + color: #fff; + font-family: Frutiger; + font-size: 33px; padding-top: 5px; padding-left: 57px; + text-shadow: 2px 2px 4px #000; transform: scale(105%,100%); transform-origin: left; - z-index: 388687; } .info-slide-content.golfforecast .frost-pane { max-height: 411.25px; @@ -3159,36 +3699,36 @@ flex-direction: row; margin-left: 0px; max-width: 33%; padding-left: 31px; - background: linear-gradient(to right, rgba(42, 82, 188, 1) 0, rgba(42, 82, 188, .8185) 100%); + background-position: -72px -364px; } .info-slide-content.golfforecast .frost-pane.mid { max-width: 29.5%; - background: linear-gradient(to right, rgba(42, 82, 188, .8141) 0, rgba(42, 82, 188, .6546) 100%); + background-position: -371px -364px; } .info-slide-content.golfforecast .frost-pane.right { width: 40%; - background: linear-gradient(to right, rgba(42, 82, 188, 0.6502) 0, rgba(42, 82, 188, .45) 100%); + background-position: -639px -364px; } .info-slide-content.golfforecast .frost-pane.left .purplefooter { width: 100%; position: absolute; bottom: 0; height: 122.5px; - background: linear-gradient(to right, rgba(42, 58, 138, 0) 0, rgba(42, 58, 138, .33) 100%) + background: linear-gradient(to right, rgba(42, 58, 138, 0) 0, rgba(42, 58, 138, .281) 100%) } .info-slide-content.golfforecast .frost-pane.mid .purplefooter { width: 100%; position: absolute; bottom: 0; height: 122.5px; - background: linear-gradient(to right, rgba(42, 58, 138, .338) 0, rgba(42, 58, 138, .628) 100%) + background: linear-gradient(to right, rgba(42, 58, 138, .287) 0, rgba(42, 58, 138, .534) 100%) } .info-slide-content.golfforecast .frost-pane.right .purplefooter { width: 100%; position: absolute; bottom: 0; height: 122.5px; - background: linear-gradient(to right, rgba(42, 58, 138, .636) 0, rgba(42, 58, 138, 1) 100%) + background: linear-gradient(to right, rgba(42, 58, 138, .636) 0, rgba(42, 58, 138, .85) 100%) } .info-slide-content.golfforecast .forecontainer { position: absolute; @@ -3286,9 +3826,10 @@ flex-direction: row; } .info-slide-content.golfmoreinfoimage .frost-pane { background-color: rgba(0, 0, 0, 0); - background: url(/images/golffinalimage.png); + background: url(/images/newbg/golf_promo.png); background-repeat: no-repeat; - background-size: contain; + background-position: -19px 0; + background-size: 958px 446px; } .info-slide-content.golfmoreinfoimage .frost-pane .moreinfotext { font-size: 33px; @@ -3304,16 +3845,33 @@ flex-direction: row; color: #fff; font-family: Frutiger; font-size: 33px; - background: rgba(42, 58, 138, .85); height: 40px; width: 100%; position: absolute; top: 65px; + z-index: 388687; +} +.info-slide-content.gardenindex .thing .thingtext { + width: 100%; + color: #fff; + font-family: Frutiger; + font-size: 33px; + text-shadow: 2px 2px 4px #000; + transform: scale(105%,100%); padding-top: 5px; padding-left: 57px; - transform: scale(105%,100%); transform-origin: left; - z-index: 388687; +} +.info-slide-content.gardenindex .thing .thingbg { + position: absolute; + right: 0; + top: 0; + background: rgba(42, 58, 138, 1); + height: 40px; + width: 100%; + -webkit-mask-image: url(/images/newbg/frostpane.svg); + -webkit-mask-position: -72px -393px; + -webkit-mask-size: 1065px 1385px; } .info-slide-content.gardenindex .frost-pane { max-height: 411.25px; @@ -3334,11 +3892,11 @@ flex-direction: row; } .info-slide-content.gardenindex .frost-pane.left { max-width: 41.5%; - background: linear-gradient(to right, rgba(42, 82, 188, 1) 0, rgba(42, 82, 188, .7718) 100%); + background-position: -72px -364px; } .info-slide-content.gardenindex .frost-pane.right { margin-left: 7px; - background: linear-gradient(to right, rgba(42, 82, 188, .7674) 0, rgba(42, 82, 188, .45) 100%); + background-position: -446px -364px; } .info-slide-content.gardenindex .frost-pane.left .forecastcontainer { width: 95%; @@ -3472,10 +4030,10 @@ flex-direction: row; } .info-slide-content.gardenmoreinfoimage .frost-pane { background-color: rgba(0, 0, 0, 0); - background: url(/images/gardenfinalimage.png); + background: url(/images/newbg/garden_promo.png); background-repeat: no-repeat; - background-size: 123% 115%; - background-position: 55% 93%; + background-position: -19px 0; + background-size: 958px 451px; max-height: 446.25px; min-height: 446.25px; transform: translate(0, 5px); @@ -3493,34 +4051,422 @@ flex-direction: row; .info-slide-content.skireport { flex-direction: column; } -.info-slide-content.skireport .skilocation { - width: 100%; - height: 130px; - margin-top: 10px; -} -.info-slide-content.skireport .skilocation .i { - margin-top: 10px; -} .info-slide-content.skireport .thing { - color: #fff; - font-family: Frutiger; - font-size: 33px; - background: rgba(36, 30, 149, .85); - height: 35px; + height: 40px; width: 100%; - padding-top: 5px; - padding-left: 57px; - transform: scale(105%,100%); - transform-origin: left; z-index: 388687; } -.info-slide-content.skireport .frost-pane { - background: linear-gradient(to right, rgba(42, 82, 188, 1) 0, rgba(42, 82, 188, .45) 100%); - height: 95px; +.info-slide-content.skireport .thing .thingbg { + background: #241e95; + height: 40px; + width: 100%; + -webkit-mask-image: url(/images/newbg/frostpane.svg); + -webkit-mask-position: -72px -329px; + -webkit-mask-size: 1065px 1164px; +} +.info-slide-content.skireport .skilocation.ii .thing .thingbg { + -webkit-mask-position: -72px -481.5px; +} +.info-slide-content.skireport .skilocation.iii .thing .thingbg { + -webkit-mask-position: -72px -634px; +} +.info-slide-content.skireport .thing .thingtext { + position: relative; + top: -32px; + color: #fff; + font-family: Frutiger; + font-size: 34px; + padding-top: 0px; + padding-left: 57px; + height: 40px; + width: 100%; + transform: scale(105%,100%); + transform-origin: left; + text-shadow: #000 2px 2px 4px; +} +.info-slide-content.skireport .thing .thingtext .trails { + font-size: 31px; + position: absolute; + display:block; + right: 100px; + top: 0px; + text-align: right; +} +.info-slide-content.skireport .title { + font-size: 26px; + transform: scale(107%,100%); + transform-origin: left; + position: absolute; +} +.info-slide-content.skireport .newsnow { + top: 10px; + left: 64px; +} +.info-slide-content.skireport .basesnow { + top: 10px; + left: 310px; +} +.info-slide-content.skireport .value { + font-size: 33px; + width: 150px; + transform: scale(106%,100%); + text-align: center; + position: absolute; +} +.info-slide-content.skireport .newsnowv { + top: 51px; + left: 63px; +} +.info-slide-content.skireport .basesnowv { + top: 51px; + left: 310px; +} +.info-slide-content.skireport .snowcondition { + font-size: 33px; + position: absolute; + top: 51px; + right: 52px; + transform: scale(106%,100%); + transform-origin: right; +} + +.info-slide-content.skireport .skilocation { + width: 100%; + min-height: 150px; + margin-top: 10px; +} +.info-slide-content.skireport .skilocation.i .frost-pane { + height: 105px; + background-position: -72px -369px; transform: translate(0,0); } +.info-slide-content.skireport .skilocation.i { + +} +.info-slide-content.skireport .skilocation.ii { + margin-top: 2.5px; +} +.info-slide-content.skireport .skilocation.ii .frost-pane { + height: 105px; + background-position: -72px -521.5px; + transform: translate(0,0); +} +.info-slide-content.skireport .skilocation.iii { + margin-top: 2.5px; +} +.info-slide-content.skireport .skilocation.iii .frost-pane { + height: 105px; + background-position: -72px -674px; + transform: translate(0,0); +} + + +.info-slide-content.destinationforecast { + flex-direction: column; +} +.info-slide-content.destinationforecast .thing { + position: absolute; + top: 70px; + height: 40px; + width: 100%; + z-index: 388687; +} +.info-slide-content.destinationforecast .thing .thingbg { + background: #241e95; + height: 52.5px; + width: 100%; + -webkit-mask-image: url(/images/newbg/frostpane.svg); + -webkit-mask-position: -72px -329px; + -webkit-mask-size: 1065px 1164px; +} +.info-slide-content.destinationforecast .thing .thingtext { + position: relative; + top: -52.5px; + color: #d8c422; + font-family: Frutiger; + font-size: 27px; + padding-top: 17px; + height: 52.5px; + width: 100%; + text-shadow: #000 2px 2px 4px; +} +.info-slide-content.destinationforecast .thing .thingtext .daytitle.i{ + position: absolute; + display: block; + left: 405px; + width: 70px; + text-align: left; + transform: scale(104%,100%); + transform-origin: left; +} +.info-slide-content.destinationforecast .thing .thingtext .daytitle.ii{ + position: absolute; + display: block; + left: 574px; + width: 70px; + text-align: left; + transform: scale(104%,100%); + transform-origin: left; +} +.info-slide-content.destinationforecast .thing .thingtext .daytitle.iii{ + position: absolute; + display: block; + left: 747.5px; + width: 70px; + text-align: left; + transform: scale(104%,100%); + transform-origin: left; +} +.info-slide-content.destinationforecast .frost-pane { + margin-top: 52.5px; + max-height: 125px; + width: 100%; +} +.info-slide-content.destinationforecast .frost-pane .cityname { + position: absolute; + top: 47.5px; + font-size: 36.5px; + transform: scale(103.5%,100%); + transform-origin: left; +} +.info-slide-content.destinationforecast .frost-pane.toploc .cityname { + left: 25px; +} +.info-slide-content.destinationforecast .frost-pane.midloc .cityname { + left: 11.5px; + top: 46px; +} +.info-slide-content.destinationforecast .frost-pane.botloc .cityname { + left: 24.5px; + top: 46px; +} +.info-slide-content.destinationforecast .day { + position: absolute; + height: 100%; + width: 200px; +} +.info-slide-content.destinationforecast .day.i { + right: 382.5px; +} +.info-slide-content.destinationforecast .day.ii { + right: 206.75px; +} +.info-slide-content.destinationforecast .day.iii { + right: 31px; +} +.info-slide-content.destinationforecast .hightemp { + font-family: 'Frutiger 57 Condensed'; + font-size: 41px; + position: absolute; + top: 20px; + right: 0; + width: 60px; + transform: scale(104%,100%); + transform-origin: left; +} +.info-slide-content.destinationforecast .midloc .hightemp { + top: 24px; +} +.info-slide-content.destinationforecast .botloc .hightemp { + top: 19px; +} +.info-slide-content.destinationforecast .lowtemp { + font-family: 'Frutiger 57 Condensed'; + font-size: 41px; + position: absolute; + top: 68px; + right: 0; + width: 60px; + transform: scale(104%,100%); + transform-origin: left; +} +.info-slide-content.destinationforecast .botloc .lowtemp { + top: 65px; +} +.info-slide-content.destinationforecast .day .icon { + background-repeat: no-repeat; + background-size: contain; + background-position: center center; + background-image: url(/images/icons2010/28.png); + position: absolute; + height: 123px; + width: 115px; + left: 27.5px; +} +.info-slide-content.destinationforecast .botloc .icon { + height: 118.5px; +} +.info-slide-content.destinationforecast .frost-pane.toploc { + background-position: -72px -381.5px; + margin-top: 52.5px; +} +.info-slide-content.destinationforecast .frost-pane.midloc { + background-position: -72px -516.5px; + margin-top: 10px; +} +.info-slide-content.destinationforecast .frost-pane.botloc { + margin-top: 10px; + min-height: 124px; + max-height: 124px; + background-position: -72px -646.5px; +} + +.info-slide-content.internationalforecast { + flex-direction: column; +} +.info-slide-content.internationalforecast .thing { + position: absolute; + top: 70px; + height: 40px; + width: 100%; + z-index: 388687; +} +.info-slide-content.internationalforecast .thing .thingbg { + background: #241e95; + height: 52.5px; + width: 100%; + -webkit-mask-image: url(/images/newbg/frostpane.svg); + -webkit-mask-position: -72px -329px; + -webkit-mask-size: 1065px 1164px; +} +.info-slide-content.internationalforecast .thing .thingtext { + position: relative; + top: -52.5px; + color: #d8c422; + font-family: Frutiger; + font-size: 27px; + padding-top: 17px; + height: 52.5px; + width: 100%; + text-shadow: #000 2px 2px 4px; +} +.info-slide-content.internationalforecast .thing .thingtext .daytitle.i{ + position: absolute; + display: block; + left: 405px; + width: 70px; + text-align: left; + transform: scale(104%,100%); + transform-origin: left; +} +.info-slide-content.internationalforecast .thing .thingtext .daytitle.ii{ + position: absolute; + display: block; + left: 574px; + width: 70px; + text-align: left; + transform: scale(104%,100%); + transform-origin: left; +} +.info-slide-content.internationalforecast .thing .thingtext .daytitle.iii{ + position: absolute; + display: block; + left: 747.5px; + width: 70px; + text-align: left; + transform: scale(104%,100%); + transform-origin: left; +} +.info-slide-content.internationalforecast .frost-pane { + margin-top: 52.5px; + max-height: 125px; + width: 100%; +} +.info-slide-content.internationalforecast .frost-pane .cityname { + position: absolute; + top: 47.5px; + font-size: 36.5px; + transform: scale(103.5%,100%); + transform-origin: left; +} +.info-slide-content.internationalforecast .frost-pane.toploc .cityname { + left: 24px; + top: 49px; +} +.info-slide-content.internationalforecast .frost-pane.midloc .cityname { + left: 11.5px; + top: 48px; +} +.info-slide-content.internationalforecast .frost-pane.botloc .cityname { + left: 24.5px; + top: 48.5px; +} +.info-slide-content.internationalforecast .day { + position: absolute; + height: 100%; + width: 200px; +} +.info-slide-content.internationalforecast .day.i { + right: 382.5px; +} +.info-slide-content.internationalforecast .day.ii { + right: 206.75px; +} +.info-slide-content.internationalforecast .day.iii { + right: 31px; +} +.info-slide-content.internationalforecast .hightemp { + font-family: 'Frutiger 57 Condensed'; + font-size: 41px; + position: absolute; + top: 20px; + right: 0; + width: 60px; + transform: scale(104%,100%); + transform-origin: left; +} +.info-slide-content.internationalforecast .midloc .hightemp { + top: 24px; +} +.info-slide-content.internationalforecast .botloc .hightemp { + top: 19px; +} +.info-slide-content.internationalforecast .lowtemp { + font-family: 'Frutiger 57 Condensed'; + font-size: 41px; + position: absolute; + top: 68px; + right: 0; + width: 60px; + transform: scale(104%,100%); + transform-origin: left; +} +.info-slide-content.internationalforecast .botloc .lowtemp { + top: 65px; +} +.info-slide-content.internationalforecast .day .icon { + background-repeat: no-repeat; + background-size: contain; + background-position: center center; + background-image: url(/images/icons2010/28.png); + position: absolute; + height: 123px; + width: 115px; + left: 27.5px; +} +.info-slide-content.internationalforecast .botloc .icon { + height: 118.5px; +} +.info-slide-content.internationalforecast .frost-pane.toploc { + background-position: -72px -381.5px; + margin-top: 52.5px; +} +.info-slide-content.internationalforecast .frost-pane.midloc { + background-position: -72px -516.5px; + margin-top: 10px; +} +.info-slide-content.internationalforecast .frost-pane.botloc { + margin-top: 10px; + min-height: 124px; + max-height: 124px; + background-position: -72px -646.5px; +} + .bulletin .frost-pane { - background: linear-gradient(to right, rgba(224, 97, 47, .85) 0, rgba(252, 97, 47, .45) 100%); + background: url(/images/newbg/bulletinfrostpane.svg); + background-position: -72px -329px; + background-repeat: no-repeat; + background-size: 1065px 1164px; z-index: 1; margin-top: 60px; } @@ -3988,10 +4934,56 @@ label{ flex-direction: column; overflow: hidden; } +.radar-overlay { + position: absolute; + right:0; + width: 884.5px; + height: 520.82px; + z-index: 4; + background: transparent url(/images/newbg/map_banner_bg.png) no-repeat; + background-position: 69% 41.5%; + background-size: 120.3% 150.9%; +} -#radar-1 { +.mapcon { flex: 1; } +#radar-1 { + position: absolute; + width: 884.5px; + height: 460.8px; +} +#radar-2 { + position: absolute; + width: 884.5px; + height: 460.8px; +} +#radar-3 { + position: absolute; + width: 884.5px; + height: 460.8px; +} +#satrad-1 { + position: absolute; + width: 884.5px; + height: 460.8px; +} +#minimap-1 { + position: absolute; + width: 451.5px; + height: 222px; + overflow: hidden; +} +#minimap-2 { + position: absolute; + width: 451.5px; + height: 222px; +} +#minimap-3 { + position: absolute; + width: 451.5px; + height: 222px; +} .info-slide { width: 100%; @@ -4007,11 +4999,8 @@ label{ display: flex; flex-flow: row nowrap; justify-content: space-between; - background-color: #0018cc; - background: linear-gradient(to right, #2f3eb8 0, #1b29aa 75%); font-size: 39px; height: 60px; - box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .75); z-index: 4; text-shadow: 2px 2px 3px #000; line-height: 24.5px; @@ -4021,8 +5010,6 @@ label{ display: flex; flex-flow: row nowrap; justify-content: space-between; - background-color: #ac2e0d; - background: linear-gradient(to right, #ac2e0d 0, #ac2e0d 75%); font-size: 40.5px; height: 60px; text-shadow: 2px 2px 5px #000; @@ -4053,306 +5040,29 @@ label{ } - - +.city-info-slidetest { + position: relative; + background: transparent url(/images/newbg/core_bgreference.png) no-repeat; + background-position: 69% 41.5%; + background-size: 120.3% 150.9%; +} .city-info-slide .info-subheader { - padding-right: 10% + padding-right: 10%; } .city-info-slide { position: relative; - background: transparent url(/images/bluebuildings.jpg) no-repeat; - background-position: 0% 100%; - background-size: 103% 106%; -} -.city-info-slide .curve { - position: absolute; - background-position: 0 0; - background-repeat: no-repeat; - background-size: 200% 200%; + background: transparent url(/images/newbg/core_bg.png) no-repeat; + background-position: 69% 41.5%; + background-size: 120.3% 150.9%; } - -.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: 7.5%; - left: -11.25%; - z-index: 3; - width: 21%; - height: 80%; - z-index: 5 -} - -.city-info-slide .yellow.right { - background: url(/images/bluebuildings.jpg) no-repeat; - background-size: 200% 135%; - background-position: 128% -27%; - top: -15%; - right: -18%; - width: 51%; - height: 85%; - z-index: 7; - -webkit-mask-image: url(/images/yellow-curve.svg); - -webkit-mask-position: 100% 0; - -webkit-mask-size: 200% 200%; - filter: drop-shadow(-2px 0 4px rgba(0, 0, 0, .75)); -} - - -.city-info-slide .yellow.right2 { - background-position: 100% 0%; - opacity: 80%; - top: -15%; - right: -18%; - width: 51%; - height: 85%; - z-index: 8; - filter: drop-shadow(-2px 0 4px rgba(0, 0, 0, .75)) brightness(1.225) saturate(1.17); -} - - -.city-info-slide .blue.left { - -webkit-mask-image: url(/images/blue-curve.svg); - -webkit-mask-size: 200% 100%; - background-image: url(/images/bluebuildings.jpg); - background-size: 465% 71%; - background-position: -10% -27.75%; - width: 22%; - height: 150%; - top: 6%; - left: -8%; - opacity: 1; - z-index: 2; -} - - -.city-info-slide .blue.bottom { - -webkit-mask-image: url(/images/blue-curve.svg); - -webkit-mask-size: 200% 100%; - background-image: url(/images/bluebuildings.jpg); - background-size: 465% 70.5%; - background-position: -11.5% 71.6%; - width: 22%; - height: 150%; - top: -37.5%; - left: -9.25%; - opacity: 1; - 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: 7%; - right: -8.8%; - 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: -39.25%; - right: -9.9%; - opacity: .2; - z-index: 2; -} -.severe-city-info-slide .curve { - position: absolute; - background-position: 0 0; - background-repeat: no-repeat; - background-size: 200% 200%; -} -.severe-city-info-slide .yellow { - background-image: url(/images/red-curve-dark.svg); - -webkit-filter: drop-shadow(4px 0 4px rgba(0, 0, 0, .75)); - filter: drop-shadow(4px 0 4px rgba(0, 0, 0, .75)); -} -.severe-city-info-slide .yellow.left { - top: 7.5%; - left: -11.25%; - z-index: 3; - width: 21%; - height: 80%; - z-index: 5 -} -.severe-city-info-slide .yellow.right { - background: url(/images/severebuildings.png) no-repeat; - background-size: 200% 135%; - background-position: 128% -27%; - top: -15%; - right: -18%; - width: 51%; - height: 85%; - z-index: 7; - -webkit-mask-image: url(/images/red-curve-severe.svg); - -webkit-mask-position: 100% 0; - -webkit-mask-size: 200% 200%; - filter: drop-shadow(-2px 0 4px rgba(0, 0, 0, .75)); -} -.severe-city-info-slide .yellow.right2 { - background-position: 100% 0%; - opacity: 80%; - top: -15%; - right: -18%; - width: 51%; - height: 85%; - z-index: 8; - filter: drop-shadow(-2px 0 4px rgba(0, 0, 0, .75)) brightness(1.05) saturate(1.1); -} - - -.severe-city-info-slide .blue.left { - background-image: url(/images/grey-curve.svg); - background-size: 200% 100%; - width: 22%; - height: 150%; - top: 6%; - left: -8%; - opacity: .7; - z-index: 2; -} -.severe-city-info-slide .blue.bottom { - background-image: url(/images/grey-curve.svg); - background-size: 200% 100%; - width: 22%; - height: 150%; - top: -37.5%; - left: -9.25%; - opacity: .7; - z-index: 2; -} -.severe-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: 7%; - right: -8.8%; - opacity: .2; - z-index: 2; -} -.severe-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: -39.25%; - right: -9.9%; - opacity: .2; - z-index: 2; -} .severe-city-info-slide { position: relative; - background: transparent url(/images/severebuildings.png) no-repeat; - background-position: 0% 100%; - background-size: 103% 106%; + background: transparent url(/images/newbg/severe_core_bg.png) no-repeat; + background-position: 69% 41.5%; + background-size: 120.3% 150.9%; } - -.bulletin .curve { - position: absolute; - background-position: 0 0; - background-repeat: no-repeat; - background-size: 200% 200%; -} - - -.bulletin .yellow { - background-image: url(/images/red-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)); -} - -.bulletin .yellow.left { - top: 7.5%; - left: -11.25%; - z-index: 3; - width: 21%; - height: 80%; - z-index: 2 -} - -.bulletin .yellow.right { - background-position: 100% 0; - top: -15%; - right: -18%; - width: 51%; - height: 85%; - z-index: 7; - filter: brightness(0) saturate(100%); - filter: invert(22%) sepia(50%) saturate(1872%) hue-rotate(341deg) brightness(109%) contrast(107%); - -webkit-filter: drop-shadow(-2px 0 4px rgba(0, 0, 0, .65)); - filter: drop-shadow(-2px 0 4px rgba(0, 0, 0, .75)) -} - - -.bulletin .blue.left { - background-image: url(/images/red-curve-dark.svg); - background-size: 200% 100%; - width: 22%; - height: 150%; - top: 6%; - left: -8%; - opacity: .7; - z-index: 2 -} -.bulletin .blue.bottom { - background: transparent url(/images/warning.png) no-repeat; - background-position: -6.1% -30%; - width: 22%; - height: 150%; - top: -37.5%; - left: -9.25%; - opacity: 1; - z-index: 2; - -webkit-mask-image: url(/images/red-curve-dark.svg); - mask-image: url(/images/red-curve-dark.svg); - -webkit-mask-size: 200% 100%; -} - -.bulletin .white.right { - background-image: url(/images/white-curve.svg); - background-size: 200% 100%; - background-position: 100% 100%; - width: 22%; - height: 150%; - top: 7%; - right: -8.8%; - opacity: .1; - z-index: 2 -} -.bulletin .white.bottom { - background-image: url(/images/white-curve.svg); - background-size: 200% 100%; - background-position: 100% 0; - width: 22%; - height: 150%; - top: -39.25%; - right: -9.9%; - opacity: .1; - z-index: 2 -} - -.bulletin { - position: relative; - background: transparent url(/images/warning.png) no-repeat; - background-position: 70% 100%; - background-size: 101%; -} - - - .city-info-slide .info-subheader { padding-right: 10% } @@ -4382,12 +5092,7 @@ label{ flex: 1; z-index: 0 } -.airport-slide-intro { - position: relative; - background: transparent url(/images/airportintroslide.png) no-repeat bottom; - background-position: 0% 92%; - background-size: 100% 122%; -} + .info-slide .curve { position: absolute; background-position: 0 0; @@ -4532,10 +5237,31 @@ label{ height:157.5%; bottom:-22.25%; left:-20.25%; - opacity: .6; + opacity: 0; z-index: 5; animation: accentmoveviii 5s linear normal forwards; } +@keyframes accentmoveix { + 100% {transform: translate(-2.8%, 8%);} +} +.info-slide .accent.ix { + background-color: #6b8bc1; + -webkit-mask-image: url(/images/airport-curve.svg); + mask-image: url(/images/airport-curve.svg); + -webkit-mask-size:200% 200%; + -webkit-mask-position: 0% 100%; + mask-position: 0% 100%; + mask-repeat: no-repeat; + -webkit-mask-repeat: no-repeat; + mask-size:200% 100%; + width:67.5%; + height:80.5%; + bottom: -38.7%; + left: -16.8%; + opacity: .7; + z-index: 4; + animation: accentmoveix 5s linear normal forwards; +} .info-slide .segment { color: #fff; @@ -4574,10 +5300,17 @@ label{ display: block; transform: scale(106%,100%); } +.airport-slide-intro { + position: relative; + background: transparent url(/images/newbg/airport_intro_bg.png) no-repeat bottom; + background-size: 1068px 788px; + background-position: -127px -112px; +} .health-slide-intro { position: relative; - background: transparent url(/images/healthintroimage.png) no-repeat bottom; - background-size: cover + background: transparent url(/images/newbg/health_intro_bg.png) no-repeat bottom; + background-size: 1068px 788px; + background-position: -127px -112px; } .health-slide-intro .accent.i { background-color: #189cc5; @@ -4604,12 +5337,13 @@ label{ background-color: #588fe8; } .health-slide-intro .accent.ix { - background-color: #fff; + background-color: #189cc5; } .beach-slide-intro { position: relative; - background: transparent url(/images/beachslideintro5.png) no-repeat 100%; - background-size: 105% 100%; + background: transparent url(/images/newbg/boatbeach_intro_bg.png) no-repeat bottom; + background-size: 1068px 788px; + background-position: -127px -112px; } .beach-slide-intro .accent.i { background-color: #218912; @@ -4639,13 +5373,14 @@ label{ opacity: 100%; } .beach-slide-intro .accent.ix { - background-color: #fff; + background-color: #12780d; + opacity: .3; } .golf-slide-intro { position: relative; - background: transparent url(/images/golfintro.png) no-repeat 100%; - background-size: 135% 160%; - background-position: 45% 40%; + background: transparent url(/images/newbg/boatbeach_intro_bg.png) no-repeat bottom; + background-size: 1068px 788px; + background-position: -127px -112px; } .golf-slide-intro .accent.i { background-color: #218912; @@ -4675,13 +5410,14 @@ label{ opacity: 100%; } .golf-slide-intro .accent.ix { - background-color: #fff; + background-color: #12780d; + opacity: .3; } .garden-slide-intro { position: relative; - background: transparent url(/images/gardenintro.png) no-repeat 100%; - background-size: 120.7% 101%; - background-position: 69.1% 0%; + background: transparent url(/images/newbg/garden_intro_bg.png) no-repeat bottom; + background-size: 1068px 788px; + background-position: -127px -112px; } .garden-slide-intro .accent.i { background-color: #218912; @@ -4711,13 +5447,14 @@ label{ opacity: 100%; } .garden-slide-intro .accent.ix { - background-color: #fff; + background-color: #12780d; + opacity: .3; } .ski-slide-intro { position: relative; - background: transparent url(/images/skiintro.png) no-repeat 100%; - background-size: 107% 107%; - background-position: 110.1% 50%; + background: transparent url(/images/newbg/ski_intro_bg.png) no-repeat bottom; + background-size: 1068px 788px; + background-position: -127px -112px; } .ski-slide-intro .accent.i { background-color: #9e59a2; @@ -4747,7 +5484,50 @@ label{ opacity: 100%; } .ski-slide-intro .accent.ix { - background-color: #fff; + background-color: #7847a2; + opacity: .5; +} +.travel-slide-intro { + position: relative; + background: transparent url(/images/newbg/travel_intro_bg.png) no-repeat bottom; + background-size: 1068px 788px; + background-position: -127px -112px; +} +.international-slide-intro { + position: relative; + background: transparent url(/images/newbg/international_intro_bg.png) no-repeat bottom; + background-size: 1068px 788px; + background-position: -127px -112px; +} +.international-slide-intro .accent.i { + background-color: #909294; +} +.international-slide-intro .accent.ii { + background-color: #909294; +} +.international-slide-intro .accent.iii { + background-color: #9fa1a3; +} +.international-slide-intro .accent.iv { + background-color: #909294; + opacity: .5; +} +.international-slide-intro .accent.v { + background-color: #9fa1a3; + opacity: .6; +} +.international-slide-intro .accent.vi { + background-color: #909294; +} +.international-slide-intro .accentvii { + background-color: #9fa1a3; +} +.international-slide-intro .accent.viii { + background-color: #909294; + opacity: 100%; +} +.international-slide-intro .accent.ix { + background-color: #909294; } .city-slide-intro .segment { color: #fff; @@ -4788,8 +5568,9 @@ label{ } .city-slide-intro { position: relative; - background: transparent url(/images/city1.jpg) no-repeat bottom; - background-size: cover + background: transparent url(/images/newbg/city_bg.png) no-repeat bottom; + background-size: 1068px 788px; + background-position: -127px -112px; } .city-slide-intro .weatherscancopyright { color: #fff; @@ -4965,621 +5746,60 @@ label{ } .airport-slide { position: relative; - background-image: url(/images/airplaneslide.png); - background-position: -3% -100%; - background-size: 103% 109%; + background: transparent url(/images/newbg/airport_bg.png) no-repeat; + background-position: 69% 41.5%; + background-size: 120.3% 150.9%; } - -.airport-slide .curve { - position: absolute; - background-position: 0 0; - background-repeat: no-repeat; - background-size: 200% 200%; -} - - -.airport-slide .yellow { - background-image: url(/images/airport-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)); -} - -.airport-slide .yellow.left { - top: 7.5%; - left: -11.25%; - z-index: 3; - width: 21%; - height: 80%; - z-index: 5 -} - -.airport-slide .yellow.right { - background-position: 100% 0; - top: -15%; - right: -18%; - width: 51%; - height: 85%; - z-index: 7; - opacity: 80%; - -webkit-filter: drop-shadow(-2px 0 4px rgba(0, 0, 0, .65)); - filter: drop-shadow(-4px 0 4px rgba(0, 0, 0, .65)) brightness(113%); -} - - -.airport-slide .blue.left { - -webkit-mask-image: url(/images/blue-curve.svg); - -webkit-mask-size: 200% 100%; - background-image: url(/images/airplaneslide.png); - background-size: 500% 73.2%; - background-position: -8.7% 7.2%; - width: 22%; - height: 150%; - top: 6%; - left: -8%; - opacity: 1; - z-index: 2; -} - - -.airport-slide .blue.bottom { - -webkit-mask-image: url(/images/blue-curve.svg); - -webkit-mask-size: 200% 100%; - background-image: url(/images/airplaneslide.png); - background-size: 500% 73.2%; - background-position: -10.5% 114%; - width: 22%; - height: 150%; - top: -37.5%; - left: -9.25%; - opacity: 1; - z-index: 2; -} - - -.airport-slide .white.right { - background-image: url(/images/white-curve.svg); - background-size: 200% 100%; - background-position: 100% 0; - width: 22%; - height: 150%; - top: 7%; - right: -8.8%; - opacity: .2; - z-index: 2; -} - - -.airport-slide .white.bottom { - background-image: url(/images/white-curve.svg); - background-size: 200% 100%; - background-position: 100% 0; - width: 22%; - height: 150%; - top: -39.25%; - right: -9.9%; - opacity: .2; - z-index: 2; -} - - .beach-slide { position: relative; - background: transparent url(/images/beachbbgslide3.jpg) no-repeat bottom; - background-size: 100% 90%; + background: transparent url(/images/newbg/boatbeach_bg.png) no-repeat; + background-position: 69% 41.5%; + background-size: 120.3% 150.9%; } - -.beach-slide .curve { - position: absolute; - background-position: 0 0; - background-repeat: no-repeat; - background-size: 200% 200%; -} - - -.beach-slide .yellow { - background-image: url(/images/beach-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)); -} - -.beach-slide .yellow.left { - top: 7.5%; - left: -11.25%; - z-index: 3; - width: 21%; - height: 80%; - z-index: 5 -} - -.beach-slide .yellow.right { - background-position: 100% 0; - top: -15%; - right: -18%; - width: 51%; - height: 85%; - z-index: 7; - -webkit-filter: drop-shadow(-2px 0 4px rgba(0, 0, 0, .65)); - filter: drop-shadow(-4px 0 4px rgba(0, 0, 0, .75)); -} - - -.beach-slide .blue.left { - background-image: url(/images/blue-curve.svg); - background-size: 200% 100%; - width: 22%; - height: 150%; - top: 6%; - left: -8%; - opacity: .7; - z-index: 2; -} - - -.beach-slide .blue.bottom { - background-image: url(/images/blue-curve.svg); - background-size: 200% 100%; - width: 22%; - height: 150%; - top: -37.5%; - left: -9.25%; - opacity: .7; - z-index: 2; -} - - -.beach-slide .white.right { - background-image: url(/images/white-curve.svg); - background-size: 200% 100%; - background-position: 100% 0; - width: 22%; - height: 150%; - top: 7%; - right: -8.8%; - opacity: .2; - z-index: 2; -} - - -.beach-slide .white.bottom { - background-image: url(/images/white-curve.svg); - background-size: 200% 100%; - background-position: 100% 0; - width: 22%; - height: 150%; - top: -39.25%; - right: -9.9%; - opacity: .2; - z-index: 2; -} - - .health { position: relative; - background: transparent url(/images/trees.png) no-repeat; - background-size: 125% 95%; - background-position: 60% 100%; -} - - -.health .curve { - position: absolute; - background-position: 0 0; - background-repeat: no-repeat; - background-size: 200% 200%; -} - - -.health .yellow { - background-image: url(/images/health-curve.svg); - -webkit-filter: drop-shadow(40x 0 4px rgba(0, 0, 0, .75)); - filter: drop-shadow(4px 0 4px rgba(0, 0, 0, .75)); -} - -.health .yellow.left { - top: 7.5%; - left: -11.25%; - z-index: 3; - width: 21%; - height: 80%; - z-index: 5 -} - -.health .yellow.right { - background-position: 100% 0; - top: -15%; - right: -18%; - width: 51%; - height: 85%; - z-index: 7; - -webkit-filter: drop-shadow(-2px 0 4px rgba(0, 0, 0, .65)); - filter: drop-shadow(-4px 0 4px rgba(0, 0, 0, .75)); -} - - -.health .blue.left { - -webkit-mask-image: url(/images/blue-curve.svg); - -webkit-mask-size: 200% 100%; - background-image: url(/images/trees.png); - background-size: 570% 63.3%; - background-position: 6.8% -2%; - width: 22%; - height: 150%; - top: 6%; - left: -8%; - opacity: 1; - z-index: 2; -} - - -.health .blue.bottom { - -webkit-mask-image: url(/images/blue-curve.svg); - -webkit-mask-size: 200% 100%; - background-image: url(/images/trees.png); - background-size: 570% 63.3%; - background-position: 5.6% 77.6%; - width: 22%; - height: 150%; - top: -37.5%; - left: -9.25%; - opacity: 1; - z-index: 2; -} - - -.health .white.right { - background-image: url(/images/white-curve.svg); - background-size: 200% 100%; - background-position: 100% 0; - width: 22%; - height: 150%; - top: 7%; - right: -8.8%; - opacity: .2; - z-index: 2; -} - - -.health .white.bottom { - background-image: url(/images/white-curve.svg); - background-size: 200% 100%; - background-position: 100% 0; - width: 22%; - height: 150%; - top: -39.25%; - right: -9.9%; - opacity: .2; - z-index: 2; + background: transparent url(/images/newbg/health_bg.png) no-repeat; + background-position: 69% 41.5%; + background-size: 120.3% 150.9%; } .golf { position: relative; - background: transparent url(/images/golfslide.png) no-repeat; - background-size: 110% 92%; - background-position: 90% 100%; -} - - -.golf .curve { - position: absolute; - background-position: 0 0; - background-repeat: no-repeat; - background-size: 200% 200%; -} - - -.golf .yellow { - background-image: url(/images/golf-curve.svg); - -webkit-filter: drop-shadow(40x 0 4px rgba(0, 0, 0, .75)); - filter: drop-shadow(4px 0 4px rgba(0, 0, 0, .75)); -} - -.golf .yellow.left { - top: 7.5%; - left: -11.25%; - z-index: 3; - width: 21%; - height: 80%; - z-index: 5 -} - -.golf .yellow.right { - background: url(/images/golfslide.png) no-repeat; - background-size: 200% 135%; - background-position: 100% -30%; - top: -15%; - right: -18%; - width: 51%; - height: 85%; - z-index: 7; - -webkit-mask-image: url(/images/golf-curve.svg); - -webkit-mask-position: 100% 0; - -webkit-mask-size: 200% 200%; - filter: drop-shadow(-4px 0 4px rgba(0, 0, 0, .75)) saturate(.2); -} -.golf .yellow.right2 { - background-position: 100% 0; - opacity: 50%; - top: -15%; - right: -18%; - width: 51%; - height: 85%; - z-index: 89; - filter: drop-shadow(-2px 0 4px rgba(0, 0, 0, .75)) brightness(1.57) saturate(1.3); -} - - -.golf .blue.left { - -webkit-mask-image: url(/images/blue-curve.svg); - -webkit-mask-size: 200% 100%; - background-image: url(/images/golfslide.png); - background-size: 500% 60.2%; - background-position: 1.1% 4%; - width: 22%; - height: 150%; - top: 6%; - left: -8%; - z-index: 2; -} - - -.golf .blue.bottom { - -webkit-mask-image: url(/images/blue-curve.svg); - -webkit-mask-size: 200% 100%; - background-image: url(/images/golfslide.png); - background-size: 500% 60.2%; - background-position: 0% 79.1%; - width: 22%; - height: 150%; - top: -37.5%; - left: -9.25%; - z-index: 2; -} - - -.golf .white.right { - background-image: url(/images/white-curve.svg); - background-size: 200% 100%; - background-position: 100% 0; - width: 22%; - height: 150%; - top: 7%; - right: -8.8%; - opacity: .2; - z-index: 2; -} - - -.golf .white.bottom { - background-image: url(/images/white-curve.svg); - background-size: 200% 100%; - background-position: 100% 0; - width: 22%; - height: 150%; - top: -39.25%; - right: -9.9%; - opacity: .2; - z-index: 2; + background: transparent url(/images/newbg/golf_bg.png) no-repeat; + background-position: 69% 41.5%; + background-size: 120.3% 150.9%; } .garden { position: relative; - background: transparent url(/images/gardenbackground.png) no-repeat; - background-size: 120.7% 101%; - background-position: 69.1% 0%; + background: transparent url(/images/newbg/garden_bg.png) no-repeat; + background-position: 69% 41.5%; + background-size: 120.3% 150.9%; } - -.garden .curve { - position: absolute; - background-position: 0 0; - background-repeat: no-repeat; - background-size: 200% 200%; -} - - -.garden .yellow { - background-image: url(/images/beach-curve.svg); - -webkit-filter: drop-shadow(40x 0 4px rgba(0, 0, 0, .75)); - filter: drop-shadow(4px 0 4px rgba(0, 0, 0, .75)); -} - -.garden .yellow.left { - top: 7.5%; - left: -11.25%; - z-index: 3; - width: 21%; - height: 80%; - z-index: 5 -} - -.garden .yellow.right { - background: url(/images/gardenbackground.png) no-repeat; - background-size: 240% 120%; - background-position: 115.5% -87%; - top: -15%; - right: -18%; - width: 51%; - height: 85%; - z-index: 7; - -webkit-mask-image: url(/images/beach-curve.svg); - -webkit-mask-position: 100% 0; - -webkit-mask-size: 200% 200%; - filter: drop-shadow(-4px 0 4px rgba(0, 0, 0, .75)) saturate(.2) brightness(2); -} -.garden .yellow.right2 { - background-position: 100% 0; - opacity: 60%; - top: -15%; - right: -18%; - width: 51%; - height: 85%; - z-index: 89; - filter: drop-shadow(-2px 0 4px rgba(0, 0, 0, .75)) brightness(1.23) saturate(1.4); -} - - -.garden .blue.left { - -webkit-mask-image: url(/images/blue-curve.svg); - -webkit-mask-size: 200% 100%; - background-image: url(/images/gardenbackground.png); - background-size: 550% 65.7%; - background-position: 6.5% -10.2%; - width: 22%; - height: 150%; - top: 6%; - left: -8%; - z-index: 2; -} - - -.garden .blue.bottom { - -webkit-mask-image: url(/images/blue-curve.svg); - -webkit-mask-size: 200% 100%; - background-image: url(/images/gardenbackground.png); - background-size: 546% 67.3%; - background-position: 5.1% 76.3%; - width: 22%; - height: 150%; - top: -37.5%; - left: -9.25%; - z-index: 2; -} - - -.garden .white.right { - background-image: url(/images/white-curve.svg); - background-size: 200% 100%; - background-position: 100% 0; - width: 22%; - height: 150%; - top: 7%; - right: -8.8%; - opacity: .2; - z-index: 2; -} - - -.garden .white.bottom { - background-image: url(/images/white-curve.svg); - background-size: 200% 100%; - background-position: 100% 0; - width: 22%; - height: 150%; - top: -39.25%; - right: -9.9%; - opacity: .2; - z-index: 2; -} .ski { position: relative; - background: transparent url(/images/skibackground.png) no-repeat; - background-size: 120% 114%; - background-position: 71.1% -58.6%; - filter: brightness(.95); + background: transparent url(/images/newbg/ski_bg.png) no-repeat; + background-position: 69% 41.5%; + background-size: 120.3% 150.9%; } - -.ski .curve { - position: absolute; - background-position: 0 0; - background-repeat: no-repeat; - background-size: 200% 200%; +.travel { + position: relative; + background: transparent url(/images/newbg/travel_bg.png) no-repeat; + background-position: 69% 41.5%; + background-size: 120.3% 150.9%; } - -.ski .yellow { - background-image: url(/images/ski-curve.svg); - -webkit-filter: drop-shadow(40x 0 4px rgba(0, 0, 0, .75)); - filter: drop-shadow(4px 0 4px rgba(0, 0, 0, .75)); +.international { + position: relative; + background: transparent url(/images/newbg/international_bg.png) no-repeat; + background-position: 69% 41.5%; + background-size: 120.3% 150.9%; } -.ski .yellow.left { - top: 7.5%; - left: -11.25%; - z-index: 3; - width: 21%; - height: 80%; - z-index: 5 -} - -.ski .yellow.right { - background: url(/images/skibackground.png) no-repeat; - background-size: 260% 120%; - background-position: 110% 87%; - top: -15%; - right: -18%; - width: 51%; - height: 85%; - z-index: 7; - -webkit-mask-image: url(/images/ski-curve.svg); - -webkit-mask-position: 100% 0; - -webkit-mask-size: 200% 200%; - filter: drop-shadow(-4px 0 4px rgba(0, 0, 0, .75)) saturate(.2); -} -.ski .yellow.right2 { - background-position: 100% 0; - opacity: 50%; - top: -15%; - right: -18%; - width: 51%; - height: 85%; - z-index: 89; - filter: drop-shadow(-2px 0 4px rgba(0, 0, 0, .75)) brightness(1.57) saturate(1.3); -} - - -.ski .blue.left { - -webkit-mask-image: url(/images/blue-curve.svg); - -webkit-mask-size: 200% 100%; - background-image: url(/images/skibackground.png); - background-size: 525% 74.9%; - background-position: 5.67% 8.5%; - width: 22%; - height: 150%; - top: 6%; - left: -8%; - z-index: 2; -} - - -.ski .blue.bottom { - -webkit-mask-image: url(/images/blue-curve.svg); - -webkit-mask-size: 200% 100%; - background-image: url(/images/skibackground.png); - background-size: 525% 74.9%; - background-position: 4.4% 124%; - width: 22%; - height: 150%; - top: -37.5%; - left: -9.25%; - z-index: 2; -} -.ski .white.right { - background-image: url(/images/white-curve.svg); - background-size: 200% 100%; - background-position: 100% 0; - width: 22%; - height: 150%; - top: 7%; - right: -8.8%; - opacity: 0; - z-index: 2; -} -.ski .white.bottom { - background-image: url(/images/white-curve.svg); - background-size: 200% 100%; - background-position: 100% 0; - width: 22%; - height: 150%; - top: -39.25%; - right: -9.9%; - opacity: .2; - z-index: 2; -} - - .radar-color-legend { display: block; font-size: 24px; @@ -6164,7 +6384,7 @@ label{ height: 3.7%; left: 31.3%; top: 896px; - z-index: 2 + z-index: 6; } #marquee1 { @@ -6243,71 +6463,6 @@ label{ overflow: hidden; } -.bulletin .blue.left { - -webkit-mask-image: url(/images/red-curve-dark.svg); - -webkit-mask-size: 200% 100%; - background-image: url(/images/warning.png); - background-size: 470% 60.4%; - background-position: -8.8% 7.7%; - width: 22%; - height: 150%; - top: 6%; - left: -8%; - opacity: 1; - z-index: 2; -} - - -.bulletin .blue.bottom { - background-image: url(/images/warning.png); - background-size: 470% 60.4%; - background-position: -10.5% 80%; - width: 22%; - height: 150%; - top: -37.5%; - left: -9.25%; - opacity: 1; - z-index: 2; - /*-webkit-mask-image: url(/images/red-curve-dark.svg); - mask-image: url(/images/red-curve-dark.svg); - -webkit-mask-size: 200% 100%;*/ -} - - -.bulletin .white.right { - background-image: url(/images/white-curve.svg); - background-size: 200% 100%; - background-position: 100% 100%; - width: 22%; - height: 150%; - top: 7%; - right: -8.8%; - opacity: .1; - z-index: 2; -} - - -.bulletin .white.bottom { - background-image: url(/images/white-curve.svg); - background-size: 200% 100%; - background-position: 100% 0; - width: 22%; - height: 150%; - top: -39.25%; - right: -9.9%; - opacity: .1; - z-index: 2; -} - - -.bulletin { - position: relative; - background: transparent url(/images/warning.png) no-repeat; - background-position: 70% 105%; - background-size: 101% 90%; -} - - .info-slide .info-subheadershadowfix { font-weight: 400; font-family: 'Frutiger 57 Condensed'; @@ -6315,8 +6470,6 @@ label{ display: flex; flex-flow: row nowrap; justify-content: space-between; - background-color: #0018cc; - background: linear-gradient(to right, #2f3eb8 0, #2a39b5 100%); font-size: 39px; height: 60px; z-index: 6; @@ -6326,10 +6479,8 @@ label{ min-width: 20%; } .severe-city-info-slide .info-subheadershadowfix { - background: linear-gradient(to top, #868686 0, #868686 100%); } .severe-city-info-slide .info-subheader { - background: linear-gradient(to top, #868686 0, #868686 100%); } @@ -6358,6 +6509,12 @@ label{ font-stretch: semi-expanded; } +.bulletin { + position: relative; + background: transparent url(/images/newbg/weather_bulletin_bg.png) no-repeat; + background-position: 69% 41.5%; + background-size: 120.3% 150.9%; +} .bulletin #subhead-noaa { font-size: 22.5px; @@ -6383,7 +6540,7 @@ label{ width: 68.7%; height: 56px; font-size: 46px; - padding-top: .3%; + padding-top: .25%; background-color: #510d08; color: #DDDDDD; background: linear-gradient(to right, #510d08 0, #b41a08 100%); @@ -6398,7 +6555,8 @@ label{ text-shadow: 2px 2px 4px #000; font-synthesis: weight; font-weight: 600; - font-size: 46px; + font-size: 44.5px; + letter-spacing: 1px; line-height: 100%; color: #DDDDDD; } diff --git a/webroot/fonts/Frutiger.ttf b/webroot/fonts/Frutiger.ttf new file mode 100644 index 0000000..d0f54ae Binary files /dev/null and b/webroot/fonts/Frutiger.ttf differ diff --git a/webroot/fonts/FrutigerBold.ttf b/webroot/fonts/FrutigerBold.ttf new file mode 100644 index 0000000..31f6348 Binary files /dev/null and b/webroot/fonts/FrutigerBold.ttf differ diff --git a/webroot/fonts/newfonts/Interstate-Bold.ttf b/webroot/fonts/newfonts/Interstate-Bold.ttf new file mode 100644 index 0000000..6f56e31 Binary files /dev/null and b/webroot/fonts/newfonts/Interstate-Bold.ttf differ diff --git a/webroot/images/icons/01.png b/webroot/images/icons2010/01.png similarity index 100% rename from webroot/images/icons/01.png rename to webroot/images/icons2010/01.png diff --git a/webroot/images/icons/02.png b/webroot/images/icons2010/02.png similarity index 100% rename from webroot/images/icons/02.png rename to webroot/images/icons2010/02.png diff --git a/webroot/images/icons/03.png b/webroot/images/icons2010/03.png similarity index 100% rename from webroot/images/icons/03.png rename to webroot/images/icons2010/03.png diff --git a/webroot/images/icons/04.png b/webroot/images/icons2010/04.png similarity index 100% rename from webroot/images/icons/04.png rename to webroot/images/icons2010/04.png diff --git a/webroot/images/icons/05.png b/webroot/images/icons2010/05.png similarity index 100% rename from webroot/images/icons/05.png rename to webroot/images/icons2010/05.png diff --git a/webroot/images/icons/06.png b/webroot/images/icons2010/06.png similarity index 100% rename from webroot/images/icons/06.png rename to webroot/images/icons2010/06.png diff --git a/webroot/images/icons/07.png b/webroot/images/icons2010/07.png similarity index 100% rename from webroot/images/icons/07.png rename to webroot/images/icons2010/07.png diff --git a/webroot/images/icons/08.png b/webroot/images/icons2010/08.png similarity index 100% rename from webroot/images/icons/08.png rename to webroot/images/icons2010/08.png diff --git a/webroot/images/icons/09.png b/webroot/images/icons2010/09.png similarity index 100% rename from webroot/images/icons/09.png rename to webroot/images/icons2010/09.png diff --git a/webroot/images/icons/10.png b/webroot/images/icons2010/10.png similarity index 100% rename from webroot/images/icons/10.png rename to webroot/images/icons2010/10.png diff --git a/webroot/images/icons/11.png b/webroot/images/icons2010/11.png similarity index 100% rename from webroot/images/icons/11.png rename to webroot/images/icons2010/11.png diff --git a/webroot/images/icons/12.png b/webroot/images/icons2010/12.png similarity index 100% rename from webroot/images/icons/12.png rename to webroot/images/icons2010/12.png diff --git a/webroot/images/icons/13.png b/webroot/images/icons2010/13.png similarity index 100% rename from webroot/images/icons/13.png rename to webroot/images/icons2010/13.png diff --git a/webroot/images/icons/14.png b/webroot/images/icons2010/14.png similarity index 100% rename from webroot/images/icons/14.png rename to webroot/images/icons2010/14.png diff --git a/webroot/images/icons/15.png b/webroot/images/icons2010/15.png similarity index 100% rename from webroot/images/icons/15.png rename to webroot/images/icons2010/15.png diff --git a/webroot/images/icons/16.png b/webroot/images/icons2010/16.png similarity index 100% rename from webroot/images/icons/16.png rename to webroot/images/icons2010/16.png diff --git a/webroot/images/icons/17.png b/webroot/images/icons2010/17.png similarity index 100% rename from webroot/images/icons/17.png rename to webroot/images/icons2010/17.png diff --git a/webroot/images/icons/18.png b/webroot/images/icons2010/18.png similarity index 100% rename from webroot/images/icons/18.png rename to webroot/images/icons2010/18.png diff --git a/webroot/images/icons/19.png b/webroot/images/icons2010/19.png similarity index 100% rename from webroot/images/icons/19.png rename to webroot/images/icons2010/19.png diff --git a/webroot/images/icons/20.png b/webroot/images/icons2010/20.png similarity index 100% rename from webroot/images/icons/20.png rename to webroot/images/icons2010/20.png diff --git a/webroot/images/icons/21.png b/webroot/images/icons2010/21.png similarity index 100% rename from webroot/images/icons/21.png rename to webroot/images/icons2010/21.png diff --git a/webroot/images/icons/22.png b/webroot/images/icons2010/22.png similarity index 100% rename from webroot/images/icons/22.png rename to webroot/images/icons2010/22.png diff --git a/webroot/images/icons/23.png b/webroot/images/icons2010/23.png similarity index 100% rename from webroot/images/icons/23.png rename to webroot/images/icons2010/23.png diff --git a/webroot/images/icons/24.png b/webroot/images/icons2010/24.png similarity index 100% rename from webroot/images/icons/24.png rename to webroot/images/icons2010/24.png diff --git a/webroot/images/icons/25.png b/webroot/images/icons2010/25.png similarity index 100% rename from webroot/images/icons/25.png rename to webroot/images/icons2010/25.png diff --git a/webroot/images/icons/26.png b/webroot/images/icons2010/26.png similarity index 100% rename from webroot/images/icons/26.png rename to webroot/images/icons2010/26.png diff --git a/webroot/images/icons/27.png b/webroot/images/icons2010/27.png similarity index 100% rename from webroot/images/icons/27.png rename to webroot/images/icons2010/27.png diff --git a/webroot/images/icons/28.png b/webroot/images/icons2010/28.png similarity index 100% rename from webroot/images/icons/28.png rename to webroot/images/icons2010/28.png diff --git a/webroot/images/icons/29.png b/webroot/images/icons2010/29.png similarity index 100% rename from webroot/images/icons/29.png rename to webroot/images/icons2010/29.png diff --git a/webroot/images/icons/30.png b/webroot/images/icons2010/30.png similarity index 100% rename from webroot/images/icons/30.png rename to webroot/images/icons2010/30.png diff --git a/webroot/images/icons/31.png b/webroot/images/icons2010/31.png similarity index 100% rename from webroot/images/icons/31.png rename to webroot/images/icons2010/31.png diff --git a/webroot/images/icons/32.png b/webroot/images/icons2010/32.png similarity index 100% rename from webroot/images/icons/32.png rename to webroot/images/icons2010/32.png diff --git a/webroot/images/icons/33.png b/webroot/images/icons2010/33.png similarity index 100% rename from webroot/images/icons/33.png rename to webroot/images/icons2010/33.png diff --git a/webroot/images/icons/34.png b/webroot/images/icons2010/34.png similarity index 100% rename from webroot/images/icons/34.png rename to webroot/images/icons2010/34.png diff --git a/webroot/images/icons/35.png b/webroot/images/icons2010/35.png similarity index 100% rename from webroot/images/icons/35.png rename to webroot/images/icons2010/35.png diff --git a/webroot/images/icons/36.png b/webroot/images/icons2010/36.png similarity index 100% rename from webroot/images/icons/36.png rename to webroot/images/icons2010/36.png diff --git a/webroot/images/icons/37.png b/webroot/images/icons2010/37.png similarity index 100% rename from webroot/images/icons/37.png rename to webroot/images/icons2010/37.png diff --git a/webroot/images/icons/38.png b/webroot/images/icons2010/38.png similarity index 100% rename from webroot/images/icons/38.png rename to webroot/images/icons2010/38.png diff --git a/webroot/images/icons/39.png b/webroot/images/icons2010/39.png similarity index 100% rename from webroot/images/icons/39.png rename to webroot/images/icons2010/39.png diff --git a/webroot/images/icons/40.png b/webroot/images/icons2010/40.png similarity index 100% rename from webroot/images/icons/40.png rename to webroot/images/icons2010/40.png diff --git a/webroot/images/icons/41.png b/webroot/images/icons2010/41.png similarity index 100% rename from webroot/images/icons/41.png rename to webroot/images/icons2010/41.png diff --git a/webroot/images/icons/42.png b/webroot/images/icons2010/42.png similarity index 100% rename from webroot/images/icons/42.png rename to webroot/images/icons2010/42.png diff --git a/webroot/images/icons/44.png b/webroot/images/icons2010/44.png similarity index 100% rename from webroot/images/icons/44.png rename to webroot/images/icons2010/44.png diff --git a/webroot/images/icons/45.png b/webroot/images/icons2010/45.png similarity index 100% rename from webroot/images/icons/45.png rename to webroot/images/icons2010/45.png diff --git a/webroot/images/icons/46.png b/webroot/images/icons2010/46.png similarity index 100% rename from webroot/images/icons/46.png rename to webroot/images/icons2010/46.png diff --git a/webroot/images/icons/47.png b/webroot/images/icons2010/47.png similarity index 100% rename from webroot/images/icons/47.png rename to webroot/images/icons2010/47.png diff --git a/webroot/images/icons/48.png b/webroot/images/icons2010/48.png similarity index 100% rename from webroot/images/icons/48.png rename to webroot/images/icons2010/48.png diff --git a/webroot/images/icons/49.png b/webroot/images/icons2010/49.png similarity index 100% rename from webroot/images/icons/49.png rename to webroot/images/icons2010/49.png diff --git a/webroot/images/icons/50.png b/webroot/images/icons2010/50.png similarity index 100% rename from webroot/images/icons/50.png rename to webroot/images/icons2010/50.png diff --git a/webroot/images/icons/moonphases/full.png b/webroot/images/icons2010/moonphases/full.png similarity index 100% rename from webroot/images/icons/moonphases/full.png rename to webroot/images/icons2010/moonphases/full.png diff --git a/webroot/images/icons/moonphases/half1.png b/webroot/images/icons2010/moonphases/half1.png similarity index 100% rename from webroot/images/icons/moonphases/half1.png rename to webroot/images/icons2010/moonphases/half1.png diff --git a/webroot/images/icons/moonphases/half2.png b/webroot/images/icons2010/moonphases/half2.png similarity index 100% rename from webroot/images/icons/moonphases/half2.png rename to webroot/images/icons2010/moonphases/half2.png diff --git a/webroot/images/icons/moonphases/new.png b/webroot/images/icons2010/moonphases/new.png similarity index 100% rename from webroot/images/icons/moonphases/new.png rename to webroot/images/icons2010/moonphases/new.png diff --git a/webroot/images/newbg/airport_bg.png b/webroot/images/newbg/airport_bg.png new file mode 100644 index 0000000..e8128d9 Binary files /dev/null and b/webroot/images/newbg/airport_bg.png differ diff --git a/webroot/images/newbg/airport_intro_bg.png b/webroot/images/newbg/airport_intro_bg.png new file mode 100644 index 0000000..fed26ca Binary files /dev/null and b/webroot/images/newbg/airport_intro_bg.png differ diff --git a/webroot/images/newbg/atlanta_bg.png b/webroot/images/newbg/atlanta_bg.png new file mode 100644 index 0000000..0828e3d Binary files /dev/null and b/webroot/images/newbg/atlanta_bg.png differ diff --git a/webroot/images/newbg/baltimore_bg.png b/webroot/images/newbg/baltimore_bg.png new file mode 100644 index 0000000..8180de2 Binary files /dev/null and b/webroot/images/newbg/baltimore_bg.png differ diff --git a/webroot/images/newbg/boatbeach_bg.png b/webroot/images/newbg/boatbeach_bg.png new file mode 100644 index 0000000..2ee2f5e Binary files /dev/null and b/webroot/images/newbg/boatbeach_bg.png differ diff --git a/webroot/images/newbg/boatbeach_intro_bg.png b/webroot/images/newbg/boatbeach_intro_bg.png new file mode 100644 index 0000000..af9c32f Binary files /dev/null and b/webroot/images/newbg/boatbeach_intro_bg.png differ diff --git a/webroot/images/newbg/boston_bg.png b/webroot/images/newbg/boston_bg.png new file mode 100644 index 0000000..f7cac21 Binary files /dev/null and b/webroot/images/newbg/boston_bg.png differ diff --git a/webroot/images/newbg/bulletinfrostpane.svg b/webroot/images/newbg/bulletinfrostpane.svg new file mode 100644 index 0000000..8f6bc17 --- /dev/null +++ b/webroot/images/newbg/bulletinfrostpane.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/webroot/images/newbg/charlotte_bg.png b/webroot/images/newbg/charlotte_bg.png new file mode 100644 index 0000000..b0229f2 Binary files /dev/null and b/webroot/images/newbg/charlotte_bg.png differ diff --git a/webroot/images/newbg/chicago_bg.png b/webroot/images/newbg/chicago_bg.png new file mode 100644 index 0000000..ad532c2 Binary files /dev/null and b/webroot/images/newbg/chicago_bg.png differ diff --git a/webroot/images/newbg/city_bg.png b/webroot/images/newbg/city_bg.png new file mode 100644 index 0000000..88d3b66 Binary files /dev/null and b/webroot/images/newbg/city_bg.png differ diff --git a/webroot/images/newbg/cleveland_bg.png b/webroot/images/newbg/cleveland_bg.png new file mode 100644 index 0000000..22a8245 Binary files /dev/null and b/webroot/images/newbg/cleveland_bg.png differ diff --git a/webroot/images/newbg/core_bg.png b/webroot/images/newbg/core_bg.png new file mode 100644 index 0000000..62978b2 Binary files /dev/null and b/webroot/images/newbg/core_bg.png differ diff --git a/webroot/images/newbg/core_city_bg.png b/webroot/images/newbg/core_city_bg.png new file mode 100644 index 0000000..52f12f3 Binary files /dev/null and b/webroot/images/newbg/core_city_bg.png differ diff --git a/webroot/images/newbg/core_forest_bg.png b/webroot/images/newbg/core_forest_bg.png new file mode 100644 index 0000000..3a31138 Binary files /dev/null and b/webroot/images/newbg/core_forest_bg.png differ diff --git a/webroot/images/newbg/core_mountain_bg.png b/webroot/images/newbg/core_mountain_bg.png new file mode 100644 index 0000000..2e18086 Binary files /dev/null and b/webroot/images/newbg/core_mountain_bg.png differ diff --git a/webroot/images/newbg/core_neighborhood_bg.png b/webroot/images/newbg/core_neighborhood_bg.png new file mode 100644 index 0000000..6f4db78 Binary files /dev/null and b/webroot/images/newbg/core_neighborhood_bg.png differ diff --git a/webroot/images/newbg/core_ocean_bg.png b/webroot/images/newbg/core_ocean_bg.png new file mode 100644 index 0000000..1c44b48 Binary files /dev/null and b/webroot/images/newbg/core_ocean_bg.png differ diff --git a/webroot/images/newbg/core_southwest_bg.png b/webroot/images/newbg/core_southwest_bg.png new file mode 100644 index 0000000..0eab767 Binary files /dev/null and b/webroot/images/newbg/core_southwest_bg.png differ diff --git a/webroot/images/newbg/dallas_bg.png b/webroot/images/newbg/dallas_bg.png new file mode 100644 index 0000000..a52d926 Binary files /dev/null and b/webroot/images/newbg/dallas_bg.png differ diff --git a/webroot/images/newbg/denver_bg.png b/webroot/images/newbg/denver_bg.png new file mode 100644 index 0000000..38fe4de Binary files /dev/null and b/webroot/images/newbg/denver_bg.png differ diff --git a/webroot/images/newbg/detroit_bg.png b/webroot/images/newbg/detroit_bg.png new file mode 100644 index 0000000..9ce7813 Binary files /dev/null and b/webroot/images/newbg/detroit_bg.png differ diff --git a/webroot/images/newbg/forest_bg.png b/webroot/images/newbg/forest_bg.png new file mode 100644 index 0000000..7f1f63e Binary files /dev/null and b/webroot/images/newbg/forest_bg.png differ diff --git a/webroot/images/newbg/frostpane.svg b/webroot/images/newbg/frostpane.svg new file mode 100644 index 0000000..dccb90e --- /dev/null +++ b/webroot/images/newbg/frostpane.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/webroot/images/newbg/ftworth_bg.png b/webroot/images/newbg/ftworth_bg.png new file mode 100644 index 0000000..1c4f3da Binary files /dev/null and b/webroot/images/newbg/ftworth_bg.png differ diff --git a/webroot/images/newbg/garden_bg.png b/webroot/images/newbg/garden_bg.png new file mode 100644 index 0000000..07f1bf2 Binary files /dev/null and b/webroot/images/newbg/garden_bg.png differ diff --git a/webroot/images/newbg/garden_intro_bg.png b/webroot/images/newbg/garden_intro_bg.png new file mode 100644 index 0000000..fc6ebb8 Binary files /dev/null and b/webroot/images/newbg/garden_intro_bg.png differ diff --git a/webroot/images/newbg/garden_promo.png b/webroot/images/newbg/garden_promo.png new file mode 100644 index 0000000..87f0cae Binary files /dev/null and b/webroot/images/newbg/garden_promo.png differ diff --git a/webroot/images/newbg/golf_bg.png b/webroot/images/newbg/golf_bg.png new file mode 100644 index 0000000..aa83b2a Binary files /dev/null and b/webroot/images/newbg/golf_bg.png differ diff --git a/webroot/images/newbg/golf_intro_bg.png b/webroot/images/newbg/golf_intro_bg.png new file mode 100644 index 0000000..3f4eaea Binary files /dev/null and b/webroot/images/newbg/golf_intro_bg.png differ diff --git a/webroot/images/newbg/golf_promo.png b/webroot/images/newbg/golf_promo.png new file mode 100644 index 0000000..d17865f Binary files /dev/null and b/webroot/images/newbg/golf_promo.png differ diff --git a/webroot/images/newbg/hartford_bg.png b/webroot/images/newbg/hartford_bg.png new file mode 100644 index 0000000..19272fb Binary files /dev/null and b/webroot/images/newbg/hartford_bg.png differ diff --git a/webroot/images/newbg/health_bg.png b/webroot/images/newbg/health_bg.png new file mode 100644 index 0000000..22fa5e5 Binary files /dev/null and b/webroot/images/newbg/health_bg.png differ diff --git a/webroot/images/newbg/health_bgreference.png b/webroot/images/newbg/health_bgreference.png new file mode 100644 index 0000000..8d67271 Binary files /dev/null and b/webroot/images/newbg/health_bgreference.png differ diff --git a/webroot/images/newbg/health_intro_bg.png b/webroot/images/newbg/health_intro_bg.png new file mode 100644 index 0000000..6955c77 Binary files /dev/null and b/webroot/images/newbg/health_intro_bg.png differ diff --git a/webroot/images/newbg/health_promo.png b/webroot/images/newbg/health_promo.png new file mode 100644 index 0000000..45df863 Binary files /dev/null and b/webroot/images/newbg/health_promo.png differ diff --git a/webroot/images/newbg/houston_bg.png b/webroot/images/newbg/houston_bg.png new file mode 100644 index 0000000..7874635 Binary files /dev/null and b/webroot/images/newbg/houston_bg.png differ diff --git a/webroot/images/newbg/indianapolis_bg.png b/webroot/images/newbg/indianapolis_bg.png new file mode 100644 index 0000000..20beb31 Binary files /dev/null and b/webroot/images/newbg/indianapolis_bg.png differ diff --git a/webroot/images/newbg/international_bg.png b/webroot/images/newbg/international_bg.png new file mode 100644 index 0000000..2b89401 Binary files /dev/null and b/webroot/images/newbg/international_bg.png differ diff --git a/webroot/images/newbg/international_intro_bg.png b/webroot/images/newbg/international_intro_bg.png new file mode 100644 index 0000000..193974f Binary files /dev/null and b/webroot/images/newbg/international_intro_bg.png differ diff --git a/webroot/images/newbg/los_angeles_bg.png b/webroot/images/newbg/los_angeles_bg.png new file mode 100644 index 0000000..c15dcf7 Binary files /dev/null and b/webroot/images/newbg/los_angeles_bg.png differ diff --git a/webroot/images/newbg/map_banner_bg.png b/webroot/images/newbg/map_banner_bg.png new file mode 100644 index 0000000..d09d672 Binary files /dev/null and b/webroot/images/newbg/map_banner_bg.png differ diff --git a/webroot/images/newbg/miami_bg.png b/webroot/images/newbg/miami_bg.png new file mode 100644 index 0000000..928d66a Binary files /dev/null and b/webroot/images/newbg/miami_bg.png differ diff --git a/webroot/images/newbg/middle_white.png b/webroot/images/newbg/middle_white.png new file mode 100644 index 0000000..9716fab Binary files /dev/null and b/webroot/images/newbg/middle_white.png differ diff --git a/webroot/images/newbg/minneapolis_bg.png b/webroot/images/newbg/minneapolis_bg.png new file mode 100644 index 0000000..d2399ab Binary files /dev/null and b/webroot/images/newbg/minneapolis_bg.png differ diff --git a/webroot/images/newbg/mountain_bg.png b/webroot/images/newbg/mountain_bg.png new file mode 100644 index 0000000..d7f6a43 Binary files /dev/null and b/webroot/images/newbg/mountain_bg.png differ diff --git a/webroot/images/newbg/nashville_bg.png b/webroot/images/newbg/nashville_bg.png new file mode 100644 index 0000000..842960e Binary files /dev/null and b/webroot/images/newbg/nashville_bg.png differ diff --git a/webroot/images/newbg/neighborhood_bg.png b/webroot/images/newbg/neighborhood_bg.png new file mode 100644 index 0000000..99c076e Binary files /dev/null and b/webroot/images/newbg/neighborhood_bg.png differ diff --git a/webroot/images/newbg/new_haven_bg.png b/webroot/images/newbg/new_haven_bg.png new file mode 100644 index 0000000..34f8006 Binary files /dev/null and b/webroot/images/newbg/new_haven_bg.png differ diff --git a/webroot/images/newbg/new_york_bg.png b/webroot/images/newbg/new_york_bg.png new file mode 100644 index 0000000..d4d1e05 Binary files /dev/null and b/webroot/images/newbg/new_york_bg.png differ diff --git a/webroot/images/newbg/north_carolina_bg.png b/webroot/images/newbg/north_carolina_bg.png new file mode 100644 index 0000000..7846bbb Binary files /dev/null and b/webroot/images/newbg/north_carolina_bg.png differ diff --git a/webroot/images/newbg/ocean_bg.png b/webroot/images/newbg/ocean_bg.png new file mode 100644 index 0000000..5b31ee7 Binary files /dev/null and b/webroot/images/newbg/ocean_bg.png differ diff --git a/webroot/images/newbg/oklahoma_city_bg.png b/webroot/images/newbg/oklahoma_city_bg.png new file mode 100644 index 0000000..5ea9088 Binary files /dev/null and b/webroot/images/newbg/oklahoma_city_bg.png differ diff --git a/webroot/images/newbg/orange_county_bg.png b/webroot/images/newbg/orange_county_bg.png new file mode 100644 index 0000000..8638b69 Binary files /dev/null and b/webroot/images/newbg/orange_county_bg.png differ diff --git a/webroot/images/newbg/orlando_bg.png b/webroot/images/newbg/orlando_bg.png new file mode 100644 index 0000000..f0588ce Binary files /dev/null and b/webroot/images/newbg/orlando_bg.png differ diff --git a/webroot/images/newbg/ozoneActionLogo.png b/webroot/images/newbg/ozoneActionLogo.png new file mode 100644 index 0000000..ae764d6 Binary files /dev/null and b/webroot/images/newbg/ozoneActionLogo.png differ diff --git a/webroot/images/newbg/philadelphia_bg.png b/webroot/images/newbg/philadelphia_bg.png new file mode 100644 index 0000000..3d983aa Binary files /dev/null and b/webroot/images/newbg/philadelphia_bg.png differ diff --git a/webroot/images/newbg/phoenix_bg.png b/webroot/images/newbg/phoenix_bg.png new file mode 100644 index 0000000..249af57 Binary files /dev/null and b/webroot/images/newbg/phoenix_bg.png differ diff --git a/webroot/images/newbg/pittsburgh_bg.png b/webroot/images/newbg/pittsburgh_bg.png new file mode 100644 index 0000000..d5b7269 Binary files /dev/null and b/webroot/images/newbg/pittsburgh_bg.png differ diff --git a/webroot/images/newbg/portland_bg.png b/webroot/images/newbg/portland_bg.png new file mode 100644 index 0000000..d24a5b6 Binary files /dev/null and b/webroot/images/newbg/portland_bg.png differ diff --git a/webroot/images/newbg/sacramento_bg.png b/webroot/images/newbg/sacramento_bg.png new file mode 100644 index 0000000..b6043f4 Binary files /dev/null and b/webroot/images/newbg/sacramento_bg.png differ diff --git a/webroot/images/newbg/san_diego_bg.png b/webroot/images/newbg/san_diego_bg.png new file mode 100644 index 0000000..09c0870 Binary files /dev/null and b/webroot/images/newbg/san_diego_bg.png differ diff --git a/webroot/images/newbg/san_francisco_bg.png b/webroot/images/newbg/san_francisco_bg.png new file mode 100644 index 0000000..c706fee Binary files /dev/null and b/webroot/images/newbg/san_francisco_bg.png differ diff --git a/webroot/images/newbg/seattle_bg.png b/webroot/images/newbg/seattle_bg.png new file mode 100644 index 0000000..7ec638a Binary files /dev/null and b/webroot/images/newbg/seattle_bg.png differ diff --git a/webroot/images/newbg/sev_wx_statement.png b/webroot/images/newbg/sev_wx_statement.png new file mode 100644 index 0000000..5647623 Binary files /dev/null and b/webroot/images/newbg/sev_wx_statement.png differ diff --git a/webroot/images/newbg/severe_core_bg.png b/webroot/images/newbg/severe_core_bg.png new file mode 100644 index 0000000..3284eb5 Binary files /dev/null and b/webroot/images/newbg/severe_core_bg.png differ diff --git a/webroot/images/newbg/severe_map_banner_bg.png b/webroot/images/newbg/severe_map_banner_bg.png new file mode 100644 index 0000000..d29c48a Binary files /dev/null and b/webroot/images/newbg/severe_map_banner_bg.png differ diff --git a/webroot/images/newbg/severefrostpane.svg b/webroot/images/newbg/severefrostpane.svg new file mode 100644 index 0000000..1f53179 --- /dev/null +++ b/webroot/images/newbg/severefrostpane.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/webroot/images/newbg/ski_bg.png b/webroot/images/newbg/ski_bg.png new file mode 100644 index 0000000..b5d1674 Binary files /dev/null and b/webroot/images/newbg/ski_bg.png differ diff --git a/webroot/images/newbg/ski_intro_bg.png b/webroot/images/newbg/ski_intro_bg.png new file mode 100644 index 0000000..2d8ae6f Binary files /dev/null and b/webroot/images/newbg/ski_intro_bg.png differ diff --git a/webroot/images/newbg/southwest_bg.png b/webroot/images/newbg/southwest_bg.png new file mode 100644 index 0000000..b183754 Binary files /dev/null and b/webroot/images/newbg/southwest_bg.png differ diff --git a/webroot/images/newbg/stlouis_bg.png b/webroot/images/newbg/stlouis_bg.png new file mode 100644 index 0000000..a684d9d Binary files /dev/null and b/webroot/images/newbg/stlouis_bg.png differ diff --git a/webroot/images/newbg/tampa_bg.png b/webroot/images/newbg/tampa_bg.png new file mode 100644 index 0000000..62e58b6 Binary files /dev/null and b/webroot/images/newbg/tampa_bg.png differ diff --git a/webroot/images/newbg/traffic_bg.png b/webroot/images/newbg/traffic_bg.png new file mode 100644 index 0000000..b3452db Binary files /dev/null and b/webroot/images/newbg/traffic_bg.png differ diff --git a/webroot/images/newbg/traffic_intro_bg.png b/webroot/images/newbg/traffic_intro_bg.png new file mode 100644 index 0000000..6fc2a69 Binary files /dev/null and b/webroot/images/newbg/traffic_intro_bg.png differ diff --git a/webroot/images/newbg/travel_bg.png b/webroot/images/newbg/travel_bg.png new file mode 100644 index 0000000..d10a6ea Binary files /dev/null and b/webroot/images/newbg/travel_bg.png differ diff --git a/webroot/images/newbg/travel_intro_bg.png b/webroot/images/newbg/travel_intro_bg.png new file mode 100644 index 0000000..305a6e6 Binary files /dev/null and b/webroot/images/newbg/travel_intro_bg.png differ diff --git a/webroot/images/newbg/video_banner_bg.png b/webroot/images/newbg/video_banner_bg.png new file mode 100644 index 0000000..5212890 Binary files /dev/null and b/webroot/images/newbg/video_banner_bg.png differ diff --git a/webroot/images/newbg/washington_dc_bg.png b/webroot/images/newbg/washington_dc_bg.png new file mode 100644 index 0000000..e0382bb Binary files /dev/null and b/webroot/images/newbg/washington_dc_bg.png differ diff --git a/webroot/images/newbg/weather_bulletin_bg.png b/webroot/images/newbg/weather_bulletin_bg.png new file mode 100644 index 0000000..d098c85 Binary files /dev/null and b/webroot/images/newbg/weather_bulletin_bg.png differ diff --git a/webroot/index.html b/webroot/index.html index 15c412a..f5e271f 100644 --- a/webroot/index.html +++ b/webroot/index.html @@ -11,7 +11,10 @@ - + + + + @@ -29,8 +32,10 @@ + + @@ -41,7 +46,6 @@ -
@@ -505,12 +509,6 @@
WEATHER BULLETINFROM THE NATIONAL WEATHER SERVICE
-
-
-
-
-
-
- + +