미디어위키:Gadget-Vector-2022.css: 두 판 사이의 차이
imported>Hsl0 편집 요약 없음 |
imported>Hsl0 편집 요약 없음 |
||
3번째 줄: | 3번째 줄: | ||
body { | body { | ||
overflow-x: hidden; | overflow-x: hidden; | ||
overflow-y: auto; | |||
} | } | ||
.mw-page-container { | .mw-page-container { | ||
8번째 줄: | 9번째 줄: | ||
padding-right: clamp(0px, calc(50vw - 14.6875em), 0.9375em); | padding-right: clamp(0px, calc(50vw - 14.6875em), 0.9375em); | ||
min-width: auto; | min-width: auto; | ||
} | } | ||
.mw-header { | .mw-header { |
2022년 7월 1일 (금) 05:04 판
@media screen and (max-width: 999px) {
/* 추가 스크롤 생성 방지 */
body {
overflow-x: hidden;
overflow-y: auto;
}
.mw-page-container {
padding-left: clamp(0px, calc(50vw - 14.6875em), 0.9375em);
padding-right: clamp(0px, calc(50vw - 14.6875em), 0.9375em);
min-width: auto;
}
.mw-header {
padding-left: clamp(0px, calc(0.9375em + 50% - 50vw), 0.46875em);
padding-right: clamp(0px, calc(0.9375em + 50% - 50vw), 0.46875em);
}
/* 불필요한 여백 제거 */
.mw-footer-container {
padding-top: 0;
}
.mw-footer-container {
padding-bottom: 10px;
}
/* 공지 폭 조정 */
.mw-dismissable-notice .mw-dismissable-notice-body {
margin-left: max(0px, min(5em, calc(50% - 13.75rem)));
margin-right: max(0px, min(20%, calc(50% - 13.75rem)));
}
}
/* 본문 여백 넓히기 */
#content, #footer {
padding-right: 0.9375em;
padding-left: 0.9375em;
overflow-x: auto;
}
/* 사이드바 펼칠 때 항상 애니메이션 */
.mw-checkbox-hack-checkbox ~ .mw-workspace-container #mw-panel {
transition: transform 100ms ease-out,opacity 100ms ease-out,visibility 100ms ease-out;
}
/* 모바일에서 검색할 때 다른 거 치우기 */
@media screen and (max-width: 500px) {
.vector-header-search-toggled .vector-user-links {
display: none;
}
}