(새 문서: @media screen and (max-width: 768px) { .novel-window { display: inline-block; width: 100%; height: 100%; background: white; position: absolute; top: -50%; right: 50%;...) |
편집 요약 없음 |
||
(같은 사용자의 중간 판 18개는 보이지 않습니다) | |||
1번째 줄: | 1번째 줄: | ||
@media screen and (max-width: 768px) { | @media screen and (max-width: 768px) { | ||
.novel-window { | .novel-window { | ||
width: 100%; | width: 100%; | ||
} | |||
.novel-window-indent { | |||
width: 100%; | |||
} | } | ||
.moblile-x-btn-margin { | .moblile-x-btn-margin { | ||
27번째 줄: | 15번째 줄: | ||
@media screen and (min-width: 768px) { | @media screen and (min-width: 768px) { | ||
.novel-window { | .novel-window { | ||
max-width: 700px; | max-width: 700px; | ||
top: -50%; | top: -50%; | ||
right: 50%; | right: 50%; | ||
transform: translate(50%, 50%); | transform: translate(50%, 50%); | ||
} | } | ||
.novel-window-indent { | |||
max-width: 700px; | |||
top: -50%; | |||
right: 50%; | |||
transform: translate(50%, 50%); | |||
} | |||
.moblile-x-btn-margin { | |||
display: none; | |||
} | |||
} | |||
.novel-window dl { | |||
margin: 0!important; | |||
padding: 0!important; | |||
} | |||
.novel-window dd { | |||
margin: 0!important; | |||
} | |||
.novel-window dd:before { | |||
content: ""; | |||
} | |||
.novel-window-indent dl { | |||
margin: 0!important; | |||
padding: 0!important; | |||
} | |||
.novel-window-indent dd { | |||
margin: 0!important; | |||
} | |||
.novel-window-indent dd:before { | |||
content: " "; | |||
} | } |
2024년 4월 3일 (수) 21:59 기준 최신판
@media screen and (max-width: 768px) {
.novel-window {
width: 100%;
}
.novel-window-indent {
width: 100%;
}
.moblile-x-btn-margin {
display: inline-block;
float: right;
width: 2.5em;
height: 1em;
}
}
@media screen and (min-width: 768px) {
.novel-window {
max-width: 700px;
top: -50%;
right: 50%;
transform: translate(50%, 50%);
}
.novel-window-indent {
max-width: 700px;
top: -50%;
right: 50%;
transform: translate(50%, 50%);
}
.moblile-x-btn-margin {
display: none;
}
}
.novel-window dl {
margin: 0!important;
padding: 0!important;
}
.novel-window dd {
margin: 0!important;
}
.novel-window dd:before {
content: "";
}
.novel-window-indent dl {
margin: 0!important;
padding: 0!important;
}
.novel-window-indent dd {
margin: 0!important;
}
.novel-window-indent dd:before {
content: " ";
}