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

1차 수정

Browse Source
This commit is contained in:
hyeonggil
2024-07-16 19:15:49 +09:00
parent e23edf4960
commit f5f0f5cb38
19 changed files with 2115 additions and 1367 deletions
Download Patch File Download Diff File Expand all files Collapse all files

41
assets/css/pdp_detail.css
View File

@@ -398,7 +398,8 @@
.comp_1x_b_n_n_e1 .youtubeArea {
position: relative;
margin-top: 3.5rem;
padding-bottom: 56.25%; /* 16:9 비율인 경우 */
padding-bottom: 56.25%;
/* 16:9 비율인 경우 */
/* padding-bottom값은 4:3 비율인 경우 75%로 설정합니다 */
padding-top: 25px;
height: 0;
@@ -445,7 +446,8 @@
.comp_1x_b_n_n_e2 .mp4area {
position: relative;
margin-top: 3.5rem;
padding-bottom: 56.25%; /* 16:9 비율인 경우 */
padding-bottom: 56.25%;
/* 16:9 비율인 경우 */
/* padding-bottom값은 4:3 비율인 경우 75%로 설정합니다 */
padding-top: 25px;
height: 0;
@@ -2153,6 +2155,9 @@
.displayTheme.comp_wide.playing .displayThemeDtl {
filter: blur(2px);
}
.displayTheme.comp_wide.playing .displayThemeDtl {
opacity: 0;
}
@media (max-width: 1700px) {
.displayTheme.comp_wide.playing .displayThemeDtl {
filter: blur(0);
@@ -2248,13 +2253,35 @@
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
background-color: #000;
border: 2.5rem solid #000;
border-bottom-width: 5.65rem;
}
.displayTheme .comp_md.video_wrap .video-area .video video {
display: block;
width: 100%;
height: 100%;
visibility: visible;
}
.displayTheme .comp_md.video_wrap .video-area .video .btn-play {
display: none;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 8rem;
height: 8rem;
background: url(../images/kia/pdp/display_theme/ico_play.png) no-repeat center/100% auto;
text-indent: -9999em;
}
.displayTheme .comp_md.video_wrap .video-area .video .btn-play.pause {
display: none;
background: url(../images/kia/pdp/display_theme/ico_pause.png) no-repeat center/100% auto;
}
.displayTheme .comp_md.video_wrap .video-area .video .btn-play.play {
display: block;
}
@media (hover: hover) {
.displayTheme .comp_md.video_wrap .video-area .video:hover .btn-play.pause {
display: block;
}
}
@media (max-width: 768px) {
.displayTheme .comp_md.video_wrap .video-area {
@@ -3113,4 +3140,8 @@
height: 3rem;
}
}
.comp_wide.title-only + .comp_wide {
margin-top: 4rem;
}
/*# sourceMappingURL=pdp_detail.css.map */