patch_stay.py·inject.js/css·audit-all.mjs 갱신, 벤더 번들 교체(index-D9cPXCE3 → index-D4jgGFP4 등), stay3 백업 스냅샷과 stay2/stay3 빌드 스크립트(build_stay2.py· build_stay3.py) 및 원본 템플릿(tpl-story·tpl-creative) 추가. 옛 번들은 vendor/retired/ 에 보관. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
387 lines
7.9 KiB
CSS
387 lines
7.9 KiB
CSS
/*
|
|
Story by HTML5 UP
|
|
html5up.net | @ajlkn
|
|
Free for personal and commercial use under the CCA 3.0 license (html5up.net/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;
|
|
} |