미디어위키:Vector-2022.css
참고: 설정을 저장한 후에 바뀐 점을 확인하기 위해서는 브라우저의 캐시를 새로 고쳐야 합니다.
- 파이어폭스 / 사파리: Shift 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5 또는 Ctrl-R을 입력 (Mac에서는 ⌘-R)
- 구글 크롬: Ctrl-Shift-R키를 입력 (Mac에서는 ⌘-Shift-R)
- 인터넷 익스플로러 / 엣지: Ctrl 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5를 입력.
- 오페라: Ctrl-F5를 입력.
@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;
overflow-x: hidden;
}
.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;
}
}
/* 폭이 매우 작으면 심볼 로고만 표시 (있다면) */
@media screen and (max-width: 400px) {
.mw-header #mw-sidebar-button {
margin-right: 0.25em;
}
.mw-logo-icon {
display: block;
}
.mw-logo-container:not(:only-child) {
display: none;
}
}