o2o-site-AEO/solution/site/scripts/mockup/build3/assets/css/noscript.css
Mina Choi 29af37f158 [chore] site/mockup: 목업 스크립트·벤더 번들 정리 — stay2/stay3 빌드 도구 추가
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>
2026-09-17 13:02:11 +09:00

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;
}