gil/fod
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Enhance Disney display theme styles: add new Pixar theme styles, including responsive design adjustments, updated color schemes, and improved layout for better user experience. Update HTML content for clarity and consistency in Korean.

Browse Source
This commit is contained in:
NEW_GIL_HOME\hyeon
2025-10-21 23:44:33 +09:00
parent 63a5033128
commit 3b6a0cd82a
39 changed files with 364 additions and 231 deletions
Download Patch File Download Diff File Expand all files Collapse all files

67
kr/assets/css/pdp_detail.css
View File

@@ -4245,6 +4245,7 @@
padding: 0;
font-size: 1.6rem;
color: #b2b8bd;
line-height: 1.4;
}
}
.displayThemeDesney.discover-epic-design {
@@ -4290,6 +4291,37 @@
margin-bottom: 8rem;
}
}
.displayThemeDesney.discover-epic-design.pixar {
padding-top: 0;
background: #fff;
}
.displayThemeDesney.discover-epic-design.pixar .tab-box {
padding-top: 0;
}
.displayThemeDesney.discover-epic-design.pixar .tab-box .discover-area {
padding: 4rem 0 0;
background: url(../images/kia/pdp/display_theme_mickey/pixar/bg_design_m.jpg) no-repeat center top/100% auto;
}
@media (min-width: 768px) {
.displayThemeDesney.discover-epic-design.pixar .tab-box .discover-area {
padding: 12rem 0;
background: url(../images/kia/pdp/display_theme_mickey/pixar/bg_design.jpg) no-repeat center top/192rem auto;
}
}
.displayThemeDesney.discover-epic-design.pixar .tab-box .discover-area > .comp_top {
padding-bottom: 0;
}
.displayThemeDesney.discover-epic-design.pixar .tab-box .discover-area > .comp_top h3 {
margin-bottom: 4.8rem;
}
@media (min-width: 768px) {
.displayThemeDesney.discover-epic-design.pixar .tab-box .discover-area > .comp_top h3 {
margin-bottom: 8rem;
}
}
.displayThemeDesney.discover-epic-design.pixar .tab-box .discover-area > .comp_top h3.color-000 {
color: #000;
}
.displayThemeDesney.discover-epic-design .comp_top {
padding: 0 2rem 2.4rem;
}
@@ -4535,6 +4567,9 @@
color: #fff;
line-height: 1.25;
}
.displayThemeDesney.discover-epic-design .tab-wrap h4.color-000 {
color: #000;
}
@media (min-width: 768px) {
.displayThemeDesney.discover-epic-design .tab-wrap h4 {
font-size: 2.4rem;
@@ -4547,6 +4582,9 @@
line-height: 1.55;
letter-spacing: -0.025em;
}
.displayThemeDesney.discover-epic-design .tab-wrap p.color-000 {
color: #000;
}
@media (min-width: 768px) {
.displayThemeDesney.discover-epic-design .tab-wrap p {
margin-top: 1.4rem;
@@ -4613,12 +4651,34 @@
transform: translateX(-20%);
}
}
@media (min-width: 768px) {
.displayThemeDesney.mickey .available-theme .list ul li.stay-tuned-item {
width: 20rem;
height: 100%;
}
}
@media (min-width: 768px) {
.displayThemeDesney.mickey .available-theme .list ul li.stay-tuned-item strong {
text-align: center;
}
}
@media (min-width: 768px) {
.displayThemeDesney.mickey.discover-epic-design .tab-wrap {
padding-top: 6.4rem;
}
}
.displayThemeDesney.mickey.discover-epic-design .tab-wrap .tab-box {
padding-top: 0;
margin-top: 0;
}
@media (min-width: 768px) {
.displayThemeDesney.mickey.discover-epic-design .tab-wrap .tab-box {
margin-top: 6.4rem;
}
}
@media (min-width: 768px) {
.displayThemeDesney.mickey.discover-epic-design .tab-wrap .tab-menu {
padding: 8rem 2rem 6.4rem;
padding: 1.6rem 2rem 1.6rem;
}
}
.displayThemeDesney.mickey.discover-epic-design .tab-wrap .tab-menu .btn-select {
@@ -4792,6 +4852,9 @@
.displayThemeDesney .three-reasons .tit-area .inner:before {
width: 1.2rem;
height: 10rem;
top: 50%;
bottom: auto;
transform: translateY(-50%);
}
}
.displayThemeDesney .three-reasons .tit-area h3 {
@@ -4805,7 +4868,7 @@
@media (min-width: 768px) {
.displayThemeDesney .three-reasons .tit-area h3 {
height: 6.4rem;
padding: 0 0.8rem;
padding: 0;
font-size: 4.8rem;
line-height: 6.4rem;
}