디즈니 작업 중
This commit is contained in:
@@ -3906,7 +3906,7 @@
|
||||
}
|
||||
.displayThemeDesney.comp_content .comp_wide {
|
||||
max-width: 192rem;
|
||||
height: 337.4rem;
|
||||
height: 377.4rem;
|
||||
padding: 12rem 0 0;
|
||||
background: url(../images/kia/pdp/display_theme_disney/bg_design.jpg) no-repeat center top/100% auto;
|
||||
text-align: center;
|
||||
@@ -3931,6 +3931,10 @@
|
||||
max-width: 120rem;
|
||||
}
|
||||
.displayThemeDesney.comp_content .comp_wide .tab-wrap .tab-menu {
|
||||
position: -webkit-sticky;
|
||||
position: sticky;
|
||||
top: 7rem;
|
||||
z-index: 10;
|
||||
margin-bottom: 4.8rem;
|
||||
}
|
||||
.displayThemeDesney.comp_content .comp_wide .tab-wrap .tab-menu ul {
|
||||
@@ -3939,6 +3943,8 @@
|
||||
column-gap: 0.8rem;
|
||||
}
|
||||
.displayThemeDesney.comp_content .comp_wide .tab-wrap .tab-menu ul li button {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
height: 4.3rem;
|
||||
padding: 0 1.6rem 0 1.2rem;
|
||||
font-size: 1.6rem;
|
||||
@@ -3948,15 +3954,29 @@
|
||||
border-radius: 2.2rem;
|
||||
border: 0.2rem solid rgba(255, 255, 255, 0.2);
|
||||
}
|
||||
.displayThemeDesney.comp_content .comp_wide .tab-wrap .tab-menu ul li button:before {
|
||||
content: "";
|
||||
display: block;
|
||||
width: 2.2rem;
|
||||
height: 2.2rem;
|
||||
margin-right: 0.6rem;
|
||||
background: url(../images/kia/pdp/display_theme_disney/ico_tab.png) no-repeat center top/100% auto;
|
||||
}
|
||||
.displayThemeDesney.comp_content .comp_wide .tab-wrap .tab-menu ul li.active button {
|
||||
color: #fff;
|
||||
border: 0;
|
||||
background: linear-gradient(90deg, #ed1c24 0%, #b51016 100%);
|
||||
}
|
||||
.displayThemeDesney.comp_content .comp_wide .tab-wrap .tab-menu ul li.active button:before {
|
||||
background-image: url(../images/kia/pdp/display_theme_disney/ico_tab_active.png);
|
||||
}
|
||||
.displayThemeDesney.comp_content .comp_wide .tab-wrap .text_area {
|
||||
margin-top: 2rem;
|
||||
text-align: left;
|
||||
}
|
||||
.displayThemeDesney.comp_content .comp_wide .tab-wrap .tab-box .item {
|
||||
margin-bottom: 6.4rem;
|
||||
}
|
||||
.displayThemeDesney.comp_content .comp_wide .tab-wrap h4 {
|
||||
font-size: 2.4rem;
|
||||
font-weight: 600;
|
||||
@@ -3970,6 +3990,64 @@
|
||||
.displayThemeDesney .welcome-goodbye .image_area + .image_area {
|
||||
margin-top: 2rem;
|
||||
}
|
||||
.displayThemeDesney .welcome-goodbye .image_area video {
|
||||
width: 100%;
|
||||
}
|
||||
.displayThemeDesney .inner {
|
||||
max-width: 120rem;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.displayThemeDesney .three-reasons .tit-area h3 {
|
||||
width: 35.4rem;
|
||||
height: 6.4rem;
|
||||
padding: 0 0.8rem;
|
||||
font-size: 4.8rem;
|
||||
color: #fff;
|
||||
font-weight: 600;
|
||||
background-color: #ed1c24;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.displayThemeDesney .three-reasons .tit-area p {
|
||||
margin: 1.2rem 0 7.2rem;
|
||||
font-size: 4.8rem;
|
||||
color: #000;
|
||||
font-weight: 600;
|
||||
}
|
||||
.displayThemeDesney .three-reasons .reasons {
|
||||
height: 84.7rem;
|
||||
background: linear-gradient(176.68deg, #3f3e3e 23.87%, #060606 97.26%);
|
||||
}
|
||||
.displayThemeDesney .three-reasons .reasons li {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.displayThemeDesney .three-reasons .reasons li:nth-child(2) p {
|
||||
background: url(../images/kia/pdp/display_theme_disney/number2.png) no-repeat left center/5.1rem auto;
|
||||
}
|
||||
.displayThemeDesney .three-reasons .reasons li:nth-child(3) p {
|
||||
background: url(../images/kia/pdp/display_theme_disney/number3.png) no-repeat left center/4.9rem auto;
|
||||
}
|
||||
.displayThemeDesney .three-reasons .reasons li strong {
|
||||
display: block;
|
||||
font-size: 2.4rem;
|
||||
font-weight: 600;
|
||||
color: #fff;
|
||||
}
|
||||
.displayThemeDesney .three-reasons .reasons li p {
|
||||
max-width: 50%;
|
||||
margin-top: 1.2rem;
|
||||
padding-left: 6.2rem;
|
||||
font-size: 1.6rem;
|
||||
color: #fff;
|
||||
line-height: 1.5;
|
||||
background: url(../images/kia/pdp/display_theme_disney/number1.png) no-repeat left center/3.1rem auto;
|
||||
}
|
||||
.displayThemeDesney .three-reasons .reasons li .img-area {
|
||||
width: 50%;
|
||||
}
|
||||
.displayThemeDesney .three-reasons .reasons li .img-area img {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.desktop .displayThemeDesney .mobile {
|
||||
display: none;
|
||||
|
||||
Reference in New Issue
Block a user