You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
314 lines
7.9 KiB
314 lines
7.9 KiB
/* |
|
Hugo Story by CaressOfSteel |
|
A (modular, highly tweakable) responsive one-page theme for Hugo. |
|
Ported from Story by HTML5UP. |
|
This Hugo theme is licensed under the Creative Commons Attribution 3.0 License. |
|
*/ |
|
/* Banner (transitions) */ |
|
.banner.onload-content-fade-up .content { |
|
-moz-transition: none; |
|
-webkit-transition: none; |
|
-ms-transition: none; |
|
transition: none; } |
|
|
|
body.is-preload .banner.onload-content-fade-up .content { |
|
-moz-transform: none; |
|
-webkit-transform: none; |
|
-ms-transform: none; |
|
transform: none; |
|
opacity: 1; } |
|
|
|
.banner.onload-content-fade-down .content { |
|
-moz-transition: none; |
|
-webkit-transition: none; |
|
-ms-transition: none; |
|
transition: none; } |
|
|
|
body.is-preload .banner.onload-content-fade-down .content { |
|
-moz-transform: none; |
|
-webkit-transform: none; |
|
-ms-transform: none; |
|
transform: none; |
|
opacity: 1; } |
|
|
|
.banner.onload-content-fade-left .content { |
|
-moz-transition: none; |
|
-webkit-transition: none; |
|
-ms-transition: none; |
|
transition: none; } |
|
|
|
body.is-preload .banner.onload-content-fade-left .content { |
|
-moz-transform: none; |
|
-webkit-transform: none; |
|
-ms-transform: none; |
|
transform: none; |
|
opacity: 1; } |
|
|
|
.banner.onload-content-fade-right .content { |
|
-moz-transition: none; |
|
-webkit-transition: none; |
|
-ms-transition: none; |
|
transition: none; } |
|
|
|
body.is-preload .banner.onload-content-fade-right .content { |
|
-moz-transform: none; |
|
-webkit-transform: none; |
|
-ms-transform: none; |
|
transform: none; |
|
opacity: 1; } |
|
|
|
.banner.onload-content-fade-in .content { |
|
-moz-transition: none; |
|
-webkit-transition: none; |
|
-ms-transition: none; |
|
transition: none; } |
|
|
|
body.is-preload .banner.onload-content-fade-in .content { |
|
-moz-transform: none; |
|
-webkit-transform: none; |
|
-ms-transform: none; |
|
transform: none; |
|
opacity: 1; } |
|
|
|
.banner.onload-image-fade-up .image { |
|
-moz-transition: none; |
|
-webkit-transition: none; |
|
-ms-transition: none; |
|
transition: none; } |
|
.banner.onload-image-fade-up .image img { |
|
-moz-transition: none; |
|
-webkit-transition: none; |
|
-ms-transition: none; |
|
transition: none; } |
|
|
|
body.is-preload .banner.onload-image-fade-up .image { |
|
-moz-transform: none; |
|
-webkit-transform: none; |
|
-ms-transform: none; |
|
transform: none; |
|
opacity: 1; } |
|
body.is-preload .banner.onload-image-fade-up .image img { |
|
opacity: 1; } |
|
|
|
.banner.onload-image-fade-down .image { |
|
-moz-transition: none; |
|
-webkit-transition: none; |
|
-ms-transition: none; |
|
transition: none; } |
|
.banner.onload-image-fade-down .image img { |
|
-moz-transition: none; |
|
-webkit-transition: none; |
|
-ms-transition: none; |
|
transition: none; } |
|
|
|
body.is-preload .banner.onload-image-fade-down .image { |
|
-moz-transform: none; |
|
-webkit-transform: none; |
|
-ms-transform: none; |
|
transform: none; |
|
opacity: 1; } |
|
body.is-preload .banner.onload-image-fade-down .image img { |
|
opacity: 1; } |
|
|
|
.banner.onload-image-fade-left .image { |
|
-moz-transition: none; |
|
-webkit-transition: none; |
|
-ms-transition: none; |
|
transition: none; } |
|
.banner.onload-image-fade-left .image img { |
|
-moz-transition: none; |
|
-webkit-transition: none; |
|
-ms-transition: none; |
|
transition: none; } |
|
|
|
body.is-preload .banner.onload-image-fade-left .image { |
|
-moz-transform: none; |
|
-webkit-transform: none; |
|
-ms-transform: none; |
|
transform: none; |
|
opacity: 1; } |
|
body.is-preload .banner.onload-image-fade-left .image img { |
|
opacity: 1; } |
|
|
|
.banner.onload-image-fade-right .image { |
|
-moz-transition: none; |
|
-webkit-transition: none; |
|
-ms-transition: none; |
|
transition: none; } |
|
.banner.onload-image-fade-right .image img { |
|
-moz-transition: none; |
|
-webkit-transition: none; |
|
-ms-transition: none; |
|
transition: none; } |
|
|
|
body.is-preload .banner.onload-image-fade-right .image { |
|
-moz-transform: none; |
|
-webkit-transform: none; |
|
-ms-transform: none; |
|
transform: none; |
|
opacity: 1; } |
|
body.is-preload .banner.onload-image-fade-right .image img { |
|
opacity: 1; } |
|
|
|
.banner.onload-image-fade-in .image img { |
|
-moz-transition: none; |
|
-webkit-transition: none; |
|
-ms-transition: none; |
|
transition: none; } |
|
|
|
body.is-preload .banner.onload-image-fade-in .image img { |
|
opacity: 1; } |
|
|
|
.banner.onscroll-content-fade-up .content { |
|
-moz-transition: none; |
|
-webkit-transition: none; |
|
-ms-transition: none; |
|
transition: none; } |
|
|
|
.banner.onscroll-content-fade-up.is-inactive .content { |
|
-moz-transform: none; |
|
-webkit-transform: none; |
|
-ms-transform: none; |
|
transform: none; |
|
opacity: 1; } |
|
|
|
.banner.onscroll-content-fade-down .content { |
|
-moz-transition: none; |
|
-webkit-transition: none; |
|
-ms-transition: none; |
|
transition: none; } |
|
|
|
.banner.onscroll-content-fade-down.is-inactive .content { |
|
-moz-transform: none; |
|
-webkit-transform: none; |
|
-ms-transform: none; |
|
transform: none; |
|
opacity: 1; } |
|
|
|
.banner.onscroll-content-fade-left .content { |
|
-moz-transition: none; |
|
-webkit-transition: none; |
|
-ms-transition: none; |
|
transition: none; } |
|
|
|
.banner.onscroll-content-fade-left.is-inactive .content { |
|
-moz-transform: none; |
|
-webkit-transform: none; |
|
-ms-transform: none; |
|
transform: none; |
|
opacity: 1; } |
|
|
|
.banner.onscroll-content-fade-right .content { |
|
-moz-transition: none; |
|
-webkit-transition: none; |
|
-ms-transition: none; |
|
transition: none; } |
|
|
|
.banner.onscroll-content-fade-right.is-inactive .content { |
|
-moz-transform: none; |
|
-webkit-transform: none; |
|
-ms-transform: none; |
|
transform: none; |
|
opacity: 1; } |
|
|
|
.banner.onscroll-content-fade-in .content { |
|
-moz-transition: none; |
|
-webkit-transition: none; |
|
-ms-transition: none; |
|
transition: none; } |
|
|
|
.banner.onscroll-content-fade-in.is-inactive .content { |
|
-moz-transform: none; |
|
-webkit-transform: none; |
|
-ms-transform: none; |
|
transform: none; |
|
opacity: 1; } |
|
|
|
.banner.onscroll-image-fade-up .image { |
|
-moz-transition: none; |
|
-webkit-transition: none; |
|
-ms-transition: none; |
|
transition: none; } |
|
.banner.onscroll-image-fade-up .image img { |
|
-moz-transition: none; |
|
-webkit-transition: none; |
|
-ms-transition: none; |
|
transition: none; } |
|
|
|
.banner.onscroll-image-fade-up.is-inactive .image { |
|
-moz-transform: none; |
|
-webkit-transform: none; |
|
-ms-transform: none; |
|
transform: none; |
|
opacity: 1; } |
|
.banner.onscroll-image-fade-up.is-inactive .image img { |
|
opacity: 1; } |
|
|
|
.banner.onscroll-image-fade-down .image { |
|
-moz-transition: none; |
|
-webkit-transition: none; |
|
-ms-transition: none; |
|
transition: none; } |
|
.banner.onscroll-image-fade-down .image img { |
|
-moz-transition: none; |
|
-webkit-transition: none; |
|
-ms-transition: none; |
|
transition: none; } |
|
|
|
.banner.onscroll-image-fade-down.is-inactive .image { |
|
-moz-transform: none; |
|
-webkit-transform: none; |
|
-ms-transform: none; |
|
transform: none; |
|
opacity: 1; } |
|
.banner.onscroll-image-fade-down.is-inactive .image img { |
|
opacity: 1; } |
|
|
|
.banner.onscroll-image-fade-left .image { |
|
-moz-transition: none; |
|
-webkit-transition: none; |
|
-ms-transition: none; |
|
transition: none; } |
|
.banner.onscroll-image-fade-left .image img { |
|
-moz-transition: none; |
|
-webkit-transition: none; |
|
-ms-transition: none; |
|
transition: none; } |
|
|
|
.banner.onscroll-image-fade-left.is-inactive .image { |
|
-moz-transform: none; |
|
-webkit-transform: none; |
|
-ms-transform: none; |
|
transform: none; |
|
opacity: 1; } |
|
.banner.onscroll-image-fade-left.is-inactive .image img { |
|
opacity: 1; } |
|
|
|
.banner.onscroll-image-fade-right .image { |
|
-moz-transition: none; |
|
-webkit-transition: none; |
|
-ms-transition: none; |
|
transition: none; } |
|
.banner.onscroll-image-fade-right .image img { |
|
-moz-transition: none; |
|
-webkit-transition: none; |
|
-ms-transition: none; |
|
transition: none; } |
|
|
|
.banner.onscroll-image-fade-right.is-inactive .image { |
|
-moz-transform: none; |
|
-webkit-transform: none; |
|
-ms-transform: none; |
|
transform: none; |
|
opacity: 1; } |
|
.banner.onscroll-image-fade-right.is-inactive .image img { |
|
opacity: 1; } |
|
|
|
.banner.onscroll-image-fade-in .image img { |
|
-moz-transition: none; |
|
-webkit-transition: none; |
|
-ms-transition: none; |
|
transition: none; } |
|
|
|
.banner.onscroll-image-fade-in.is-inactive .image img { |
|
opacity: 1; }
|
|
|