liftie 3.56.5 → 4.0.0

package/public/stylesheets/style.css

@@ -0,0 +1,864 @@
+@font-face {
+  font-family: "lift-status";
+  src: url("/OEQfOpxZ4A/stylesheets/fonts/lift-status.woff2") format("woff2");
+  font-weight: normal;
+  font-style: normal;
+}
+[class^="ls-"]:before,
+[class*=" ls-"]:before {
+  font-family: 'lift-status';
+  font-style: normal;
+  speak: none;
+  font-weight: normal;
+  line-height: 1;
+  -webkit-font-smoothing: antialiased;
+}
+.ls-scheduled:before {
+  content: "\e004";
+  color: #104aa8;
+}
+.ls-hold:before {
+  content: "\e005";
+  color: #ffa200;
+}
+.ls-closed:before {
+  content: "\e006";
+  color: #ff1e00;
+}
+.ls-open:before {
+  content: "\e007";
+  color: #00b831;
+}
+.ls-github:before {
+  content: "\e010";
+}
+.ls-twitter:before {
+  content: "\e011";
+}
+.ls-facebook:before {
+  content: "\e012";
+}
+.ls-google-plus:before {
+  content: "\e013";
+}
+.ls-furkot:before {
+  content: "\e020";
+}
+.ls-plus:before {
+  content: "\e031";
+}
+.ls-minus:before {
+  content: "\e032";
+}
+.ls-external:before {
+  content: "\e033";
+}
+.ls-deal:before {
+  content: "\e034";
+}
+.ls-star-full:before {
+  content: "\e035";
+}
+.ls-star-outline:before {
+  content: "\e036";
+}
+.ls-pie:before {
+  content: "\e000";
+}
+.ls-snowflake:before {
+  content: "\e001";
+}
+.ls-html:before {
+  content: "\f068";
+}
+.ls-liftie:before {
+  content: "\e002";
+}
+.ls-email:before {
+  content: "\f028";
+}
+@font-face {
+  font-family: "iconvault";
+  src: url("/qGg5C7akoM/stylesheets/fonts/iconvault_forecastfont.woff2") format("woff2");
+  font-weight: normal;
+  font-style: normal;
+}
+div.weather-icon ul li {
+  list-style: none;
+}
+div.weather-icon ul [class^="icon-"],
+div.weather-icon ul [class*=" icon-"] {
+  font-family: 'iconvault';
+  font-weight: normal;
+  font-style: normal;
+  text-decoration: inherit;
+  speak: none;
+  -webkit-font-smoothing: antialiased;
+  font-size: 4em;
+}
+div.weather-icon ul .basecloud:before {
+  font-family: 'iconvault';
+  font-size: 4em;
+  content: '\f105';
+  position: absolute;
+  color: #ccc;
+}
+div.weather-icon ul .windyraincloud:before {
+  font-family: 'iconvault';
+  font-size: 4em;
+  content: '\f111';
+  position: absolute;
+  color: #ccc;
+}
+div.weather-icon ul .windysnowcloud:before {
+  font-family: 'iconvault';
+  font-size: 4em;
+  content: '\f109';
+  position: absolute;
+  color: #ccc;
+}
+div.weather-icon ul .icon-thunder:before {
+  content: "\f114";
+  position: absolute;
+  color: #ffa500;
+}
+div.weather-icon ul .icon-sunny:after {
+  content: "\f101";
+  color: #ffa500;
+  position: absolute;
+}
+div.weather-icon ul .icon-drizzle:before {
+  content: "\f10a";
+  color: #82b2e4;
+  position: absolute;
+}
+div.weather-icon ul .icon-hail:before {
+  content: "\f10f";
+  position: absolute;
+  color: #ccc;
+}
+div.weather-icon ul .icon-showers:before {
+  content: "\f104";
+  position: absolute;
+  color: #82b2e4;
+}
+div.weather-icon ul .icon-rainy:before {
+  content: "\f107";
+  position: absolute;
+  color: #4681c3;
+}
+div.weather-icon ul .icon-snowy:before {
+  content: "\f10b";
+  position: absolute;
+  color: #acd3f3;
+}
+div.weather-icon ul .icon-frosty:before {
+  content: "\f102";
+  position: absolute;
+  color: #85d8f7;
+}
+div.weather-icon ul .icon-windy:before {
+  content: "\f115";
+  position: absolute;
+  color: #ccc;
+}
+div.weather-icon ul .icon-windyrain:before {
+  content: "\f10e";
+  position: absolute;
+  color: #acd3f3;
+}
+div.weather-icon ul .icon-windysnow:before {
+  content: "\f103";
+  position: absolute;
+  color: #acd3f3;
+}
+div.weather-icon ul .icon-sleet:before {
+  content: "\f10c";
+  position: absolute;
+  color: #acd3f3;
+}
+div.weather-icon ul .icon-moon:after {
+  content: "\f10d";
+  color: #ffa500;
+  position: absolute;
+}
+div.weather-icon ul .icon-night:after {
+  content: "\f100";
+  position: absolute;
+  color: #ffa500;
+}
+div.weather-icon ul .icon-sun:after {
+  content: "\f113";
+  color: #ffa500;
+  position: absolute;
+}
+div.weather-icon ul .icon-cloud:after {
+  content: "\f106";
+  color: #ccc;
+  position: absolute;
+}
+div.weather-icon ul .icon-sunrise:before {
+  content: '\f112';
+  color: #ffa500;
+  position: absolute;
+}
+div.weather-icon ul .icon-sunset:before {
+  content: '\f110';
+  color: #f96f23;
+  position: absolute;
+}
+div.weather-icon ul .icon-mist:before {
+  content: '\f108';
+  color: #ccc;
+  position: absolute;
+}
+* {
+  padding: 0;
+  margin: 0;
+}
+a,
+input,
+button {
+  -ms-touch-action: none !important;
+}
+/*
+ * Hide from both screenreaders and browsers: h5bp.com/u
+ */
+.hidden {
+  display: none !important;
+  visibility: hidden;
+}
+.visible:after {
+  content: " ";
+  display: block;
+  clear: both;
+}
+/*
+ * Hide only visually, but have it available for screenreaders: h5bp.com/v
+ */
+.visuallyhidden {
+  border: 0;
+  clip: rect(0 0 0 0);
+  height: 1px;
+  margin: -1px;
+  overflow: hidden;
+  padding: 0;
+  position: absolute;
+  width: 1px;
+}
+.icon-alone {
+  display: inline-block;
+  cursor: pointer;
+}
+.left {
+  float: left;
+}
+.right {
+  float: right;
+}
+body {
+  font-size: 1em;
+  font-family: Ubuntu, "Lucida Grande", Helvetica, Arial, sans-serif;
+  color: #333;
+}
+a {
+  color: #009ddb;
+  text-shadow: 0 1px #fff;
+  transition: color 0.3s ease;
+  text-decoration: none;
+  -webkit-user-select: none;
+  user-select: none;
+  -webkit-tap-highlight-color: rgba(0,0,0,0);
+  -webkit-tap-highlight-color: transparent;
+}
+a:hover,
+a:active {
+  color: #00a7f1;
+}
+.panel {
+  box-sizing: border-box;
+  margin: 0 8px 16px;
+  width: 320px;
+  padding: 0 12px;
+  float: left;
+  background-color: #f5f8ff;
+}
+.panel:after {
+  content: " ";
+  display: block;
+  clear: both;
+}
+.panel:last-child {
+  margin-bottom: 0;
+}
+header .ls-furkot {
+  font-size: 0.9em;
+}
+.add-to-trip {
+  cursor: pointer;
+  display: block;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+}
+.add-to-trip span + span {
+  margin-left: 0.2em;
+}
+.resort footer .add-to-trip {
+  margin-top: 0.3em;
+}
+.panel header,
+.panel footer {
+  transition: all 0.4s ease;
+}
+.panel header:after,
+.panel footer:after {
+  content: " ";
+  display: block;
+  clear: both;
+}
+.panel header {
+  padding: 0.7em 0 0.5em;
+}
+.panel footer {
+  padding: 0 0 0.7em;
+}
+.panel header {
+  font-size: 1.2em;
+  border-bottom: solid 2px transparent;
+  vertical-align: middle;
+  display: flex;
+  align-items: baseline;
+  gap: 0.2em;
+}
+.panel header a {
+  outline: none;
+}
+.panel.open header {
+  border-color: rgba(0,0,0,0.3);
+}
+.open .expandable {
+  opacity: 1;
+  max-height: 4500px;
+  min-height: 5em;
+}
+.open .expandable .lifts-status {
+  position: relative;
+}
+.open .expandable .lifts-status .opening-date {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  z-index: 1;
+  background-color: rgba(245,248,255,0.9);
+}
+.open .expandable .lifts-status .opening-date a {
+  position: absolute;
+  top: 50%;
+  margin-top: -0.6em;
+  font-size: 1.2em;
+  width: 100%;
+  text-align: center;
+}
+.expandable {
+  transition: all 0.4s ease;
+  max-height: 0;
+  overflow-y: hidden;
+  opacity: 0;
+}
+.lifts {
+  list-style: none;
+  margin: 0.2em 0;
+}
+.lifts .lift {
+  display: block;
+  line-height: 2;
+}
+.lifts .lift:after {
+  content: " ";
+  display: block;
+  clear: both;
+}
+.lifts .lift .name {
+  float: left;
+  max-width: 90%;
+  cursor: default;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+}
+.lifts .lift .status {
+  font-size: 1.1em;
+  float: right;
+  text-shadow: 1px 1px #fff;
+  padding-right: 2px;
+}
+.auto-refresh-reminder {
+  color: #707070;
+  font-style: italic;
+  text-align: right;
+  font-size: 0.8em;
+  padding-right: 2px;
+}
+.ls-minimax:before {
+  content: "\e031";
+}
+.open .ls-minimax:before {
+  content: "\e032";
+}
+.ls-star:before {
+  content: "\e036";
+}
+.starred .ls-star:before {
+  content: "\e035";
+}
+.resort-link {
+  font-size: 0.9em;
+}
+.resort-name {
+  flex: 1;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+}
+.summary {
+  list-style: none;
+  font-size: 0.8em;
+}
+.summary:after {
+  content: " ";
+  display: block;
+  clear: both;
+}
+.summary li {
+  float: left;
+  margin-right: 0.5em;
+}
+.summary li:last-child {
+  margin-right: 0;
+}
+.summary li [class^="ls-"],
+.summary li [class*=" ls-"],
+.summary li [class^="ls-"]:before,
+.summary li [class*=" ls-"]:before {
+  margin-right: 2px;
+}
+.summary li [class^="ls-"]:before,
+.summary li [class*=" ls-"]:before {
+  text-shadow: 1px 1px #fff;
+}
+.summary-color-bar {
+  width: 100%;
+  margin-bottom: 0.5em;
+}
+.summary-color-bar:after {
+  content: " ";
+  display: block;
+  clear: both;
+}
+.summary-color-bar .open,
+.summary-color-bar .hold,
+.summary-color-bar .scheduled,
+.summary-color-bar .closed {
+  height: 2px;
+  float: left;
+}
+.summary-color-bar .open {
+  background-color: #00b831;
+}
+.summary-color-bar .hold {
+  background-color: #ffa200;
+}
+.summary-color-bar .scheduled {
+  background-color: #104aa8;
+}
+.summary-color-bar .closed {
+  background-color: #ff1e00;
+}
+.extras {
+  padding-bottom: 0.7em;
+}
+.extras .tile {
+  font-size: 0.9em;
+  padding: 0.5em 0;
+}
+.extras .tile {
+  border-bottom: solid 2px rgba(0,0,0,0.3);
+}
+.extras .tile:last-child {
+  padding-bottom: 0;
+  border-bottom: none;
+}
+.extras .notice {
+  margin-top: 0.5em;
+  font-size: 0.8em;
+  font-style: italic;
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  gap: 0.5em;
+}
+.extras .weather .weather-icon {
+  float: left;
+  height: 70px;
+  margin-top: -10px;
+}
+.extras .weather .temperature {
+  float: right;
+  font-size: 1.5em;
+}
+.extras .weather .snow-conditions {
+  clear: right;
+  float: right;
+  font-size: 1.1em;
+  margin-left: 60px;
+  text-align: right;
+}
+.extras .weather .snowforecast {
+  margin-left: 0.5em;
+  font-weight: bold;
+}
+.extras .weather .text {
+  clear: both;
+}
+.extras .weather .notice img {
+  float: none;
+  width: 126px;
+  vertical-align: bottom;
+}
+.extras .webcams .swipe {
+  overflow: hidden;
+}
+.extras .webcams .swipe * {
+  touch-action: pan-y !important;
+}
+.extras .webcams .pager {
+  text-align: center;
+  font-weight: bold;
+  line-height: 1.3;
+}
+.extras .webcams .pager a {
+  margin: 0 2px;
+  padding: 0 0.3em;
+}
+.extras .webcams .pager .active:before {
+  content: '●';
+}
+.extras .webcams .pager .inactive:before {
+  content: '○';
+}
+.extras .webcams li {
+  list-style: none;
+  display: inline-block;
+  max-width: 296px;
+  vertical-align: top;
+}
+.extras .webcams .webcam {
+  max-width: 100%;
+  display: inline-block;
+}
+.extras .webcams .webcam >a {
+  display: block;
+  position: relative;
+  overflow-x: hidden;
+}
+.extras .webcams .webcam >a img {
+  margin: 0 auto;
+  -webkit-user-select: none;
+  user-select: none;
+  pointer-events: none;
+}
+.extras .webcams .webcam >a img.active {
+  display: block;
+}
+.extras .webcams .webcam >a img.inactive {
+  display: none;
+}
+.extras .webcams .webcam >a .title {
+  margin-bottom: 0.5em;
+  text-align: center;
+}
+.extras .snow .value {
+  display: inline-block;
+  min-width: 2em;
+  text-align: right;
+}
+.extras .deals {
+  padding-bottom: 0;
+}
+.extras .deals .deal {
+  padding: 0.4em 0;
+  line-height: 1.5;
+}
+.extras .deals .deal:after {
+  content: " ";
+  display: block;
+  clear: both;
+}
+.extras .deals .deal span {
+  float: left;
+}
+.extras .deals .deal a {
+  float: right;
+}
+.resort .deal {
+  font-size: 0.9em;
+  margin-bottom: 0.5em;
+  padding: 0.5em 0;
+  border-bottom: solid 2px rgba(0,0,0,0.3);
+}
+.resort .deal a {
+  float: right;
+}
+.stats .pie {
+  margin: 1em 0;
+  width: 294px;
+  height: 294px;
+  border-radius: 50%;
+  background-image: conic-gradient(#00b831 0 var(--open), #ffa200 0 var(--hold), #104aa8 0 var(--scheduled), #ff1e00 0);
+}
+.stats footer .summary li {
+  float: none;
+  clear: both;
+  line-height: 2;
+  text-align: right;
+  width: 55%;
+  margin: 0 auto;
+}
+.stats footer .summary li span:first-child {
+  float: left;
+}
+.stats footer .summary li span:first-child:before {
+  margin-right: 0.5em;
+}
+.stats footer .summary li span:last-child {
+  float: right;
+}
+body > footer {
+  clear: both;
+  margin-top: 1em;
+  padding: 0 0.2em;
+  line-height: 1;
+  text-align: center;
+}
+body > footer .text {
+  display: inline;
+  margin-left: 0.2em;
+}
+body > footer a {
+  margin: 0 0.2em;
+}
+body > footer a span {
+  color: #666;
+  transition: color 0.3s ease;
+}
+body > footer a:hover span {
+  color: #000;
+}
+body > footer a:hover .ls-twitter {
+  color: $twitter-color;
+}
+body > footer a:hover .ls-facebook {
+  color: #3b5998;
+}
+.about {
+  background-color: #f5f8ff;
+  background: linear-gradient(to bottom, #f6f9ff, #dde8fe);
+  box-sizing: border-box;
+  padding: 1em;
+}
+.about h1 {
+  font-size: 1.2em;
+}
+.about:after {
+  content: " ";
+  display: block;
+  clear: both;
+}
+.about p {
+  margin: 0.5em 0;
+  line-height: 1.5em;
+}
+.about p [class^="ls-"]:before,
+.about p [class*=" ls-"]:before {
+  color: #009ddb;
+  text-shadow: 1px 1px #fff;
+  margin-right: 0.2em;
+}
+.about footer a {
+  font-size: 0.9em;
+  color: #fff;
+  text-shadow: 0 -1px rgba(0,0,0,0.3);
+  display: block;
+  float: right;
+  padding: 0.3em 0.5em;
+  background-color: #009ddb;
+  background: linear-gradient(to bottom, #00a8ea, #0095d0);
+}
+.about footer a:hover {
+  background-color: #00b2f8;
+  background: linear-gradient(to bottom, #06b9ff, #00a9ec);
+}
+.tags {
+  list-style: none;
+  display: block;
+  margin: 0 8px;
+}
+.tags li {
+  display: block;
+  float: left;
+  position: relative;
+  font-size: 0.9em;
+  margin-right: 1.2em;
+  margin-bottom: 0.6em;
+}
+.tags li:last-child {
+  margin-right: 0;
+}
+.tags a,
+.tags .count {
+  display: block;
+  box-sizing: border-box;
+}
+.tags a {
+  color: #009ddb;
+  text-shadow: 0 1px #fff;
+  padding: 5px 6px 5px 7px;
+  background-color: #f5f8ff;
+  background: linear-gradient(to bottom, #f6f9ff, #dde8fe);
+}
+.tags a .count {
+  position: absolute;
+  top: 0;
+  left: 100%;
+  z-index: 2;
+  overflow: hidden;
+  max-width: 0;
+  padding: 5px 0 5px 2px;
+  color: #fff;
+  text-shadow: 0 -1px rgba(0,0,0,0.3);
+  background-color: #009ddb;
+  background: linear-gradient(to bottom, #00a8ea, #0095d0);
+  opacity: 0.95;
+  transition-duration: 0.3s;
+  transition-timing-function: ease-out;
+  transition-property: padding, max-width;
+}
+.tags a:hover .count {
+  padding: 5px 7px 5px 6px;
+  max-width: 40px;
+  box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
+}
+.content {
+  margin: 16px auto;
+  width: 2352px;
+}
+.content:after {
+  content: " ";
+  display: block;
+  clear: both;
+}
+.widget {
+  font-size: 0.8em;
+}
+.widget .panel {
+  width: 100%;
+  margin: 0;
+  display: block;
+  float: none;
+}
+.widget.naked .panel {
+  background-color: transparent;
+  padding: 0;
+}
+.content-4 {
+  max-width: 1344px;
+}
+@media screen and (max-width: 1680px) {
+  .content {
+    width: 1344px;
+  }
+}
+.content-3 {
+  max-width: 1008px;
+}
+@media screen and (max-width: 1344px) {
+  .content {
+    width: 1008px;
+  }
+}
+.content-2 {
+  max-width: 672px;
+}
+@media screen and (max-width: 1008px) {
+  .content {
+    width: 672px;
+  }
+}
+.content-1 {
+  max-width: 320px;
+}
+@media screen and (max-width: 672px) {
+  .content {
+    width: 320px;
+  }
+  .panel {
+    margin-right: 0;
+    margin-left: 0;
+  }
+  .tags {
+    margin: 0;
+  }
+}
+@media screen and (max-width: 720px) {
+  body > footer {
+    font-size: 1.3em;
+  }
+  body > footer .text {
+    display: none;
+  }
+}
+@media screen and (max-width: 400px) {
+  .extras.desktop {
+    display: none;
+  }
+  .extras.desktop img {
+    display: none;
+  }
+  .extras.mobile {
+    display: block;
+  }
+  .extras.mobile img {
+    display: block;
+  }
+}
+@media screen and (min-width: 500px) {
+  .widget .lift {
+    float: left;
+    margin-right: 3%;
+  }
+}
+@media screen and (min-width: 500px) and (max-width: 749px) {
+  .widget .lift {
+    width: 48.5%;
+  }
+  .widget .lift:nth-child(2n) {
+    margin-right: 0;
+  }
+}
+@media screen and (min-width: 750px) and (max-width: 999px) {
+  .widget .lift {
+    width: 31.333%;
+  }
+  .widget .lift:nth-child(3n) {
+    margin-right: 0;
+  }
+}
+@media screen and (min-width: 1000px) {
+  .widget .lift {
+    width: 22.75%;
+  }
+  .widget .lift:nth-child(4n) {
+    margin-right: 0;
+  }
+}