미디어위키:Vector-2022.css
참고: 설정을 저장한 후에 바뀐 점을 확인하기 위해서는 브라우저의 캐시를 새로 고쳐야 합니다.
- 파이어폭스 / 사파리: Shift 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5 또는 Ctrl-R을 입력 (Mac에서는 ⌘-R)
- 구글 크롬: Ctrl-Shift-R키를 입력 (Mac에서는 ⌘-Shift-R)
- 인터넷 익스플로러 / 엣지: Ctrl 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5를 입력.
- 오페라: Ctrl-F5를 입력.
/**
*
* 특정 이름공간 문서의 배경을 하늘색, 토론 이름공간 문서의 배경을 노란색,
* 프로젝트 이름공간 문서의 배경을 초록색으로 지정합니다.
*/
#content > :not(.vector-column-end), #p-cactions li a:hover, #p-cactions li.selected a {
background-color: var(--background);
}
/* 본문 여백 넓히기 (가독성 향상) */
#bodyContent {
padding: 0 10px 10px;
}
.mw-body-header, .vector-page-toolbar {
padding: 0 10px;
}
#ca-addsection {
margin-right: -6px;
}
#vector-page-titlebar-toc-label {
margin-left: 6px;
}
/* 공지 숨기기 버튼이 공지 내용을 침범하지 않도록 위로 올리기 */
/*.mw-dismissable-notice-close {*/
/* float: none;*/
/* text-align: right;*/
/* margin-top: -1.75em;*/
/* margin-right: 0.5em;*/
/*}*/
/* 공지 폭 조정 (화면 폭이 좁은 모바일에서 더 줄이면 안보이므로 점차 비율을 늘림) */
/*.mw-dismissable-notice .mw-dismissable-notice-body {*/
/* 0 < (100vw - 600px) / 2 < (default margin) */
/* margin-left: clamp(1em, calc(50vw - 300px), 5em);*/
/* margin-right: clamp(1em, calc(50vw - 300px), 20%);*/
/*}*/
/*@media screen and (max-width: 799.9px) {*/
/* 작은 화면에서 화면 폭 늘리기 */
/* .mw-page-container {*/
/* padding-left: 0.5em;*/
/* padding-right: 0.5em;*/
/* }*/
/* 공지 여백 넓히기 (가독성 향상) */
/* .vector-sitenotice-container {*/
/* padding: 0 0.25em;*/
/* }*/
/*}*/
@media screen and (max-width: 999px) {
/* 최소 너비 해제 */
.vector-feature-zebra-design-disabled .vector-header-container, .mw-logo {
min-width: 0;
}
/* 헤더 여백 늘리기 */
/* .mw-header {*/
/* margin-left: 0.5em;*/
/* margin-right: 0.5em;*/
/* }*/
/*}*/
/* 작은 화면에서 여백 최소화 */
/*@media screen and (max-width: 600px) {*/
/* .mw-page-container {*/
/* padding-left: 0;*/
/* padding-right: 0;*/
/* }*/
/* .mw-footer-container {*/
/* margin-left: 0.5em;*/
/* margin-right: 0.5em;*/
/* }*/
}
/* 가능한 한 옵션 펼쳐두기 */
/*@media screen and (min-width: 430px) {*/
/* .mw-article-toolbar-container .mw-portlet-views:not(.emptyPortlet) {*/
/* display: block;*/
/* }*/
/* .mw-article-toolbar-container .vector-more-collapsible-item {*/
/* display: none;*/
/* }*/
/*}*/
/* 모바일에서 검색할 때 다른 거 치우기 */
@media screen and (max-width: 500px) {
.vector-header-search-toggled .vector-user-links {
display: none;
}
.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width:not(.cdx-typeahead-search--expanded) {
margin-left: 0;
}
}
/* 폭이 매우 작으면 심볼 로고만 표시 (있다면) */
@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;
}
}
/*@media screen and (max-width: 999px) {*/
/* .mw-header {*/
/* .mw-page-container padding이 줄면 여기 padding이 절반까지 늘어남 */
/* 0 < 0.9375em(parent padding) - (100vw - 100%) / 2 < 0.9375em(parent padding) / 2 < 0.9375em(parent padding) / 2 */
/* 0.46875em(0.9375em / 2) < .mw-page-container padding + .mw-header padding < 0.9375em */
/* 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;*/
/* }*/
/*}*/
/* [X] viewport에 관계없이 사이드바 펼칠 때 항상 애니메이션 (벡터 코드에서 가져옴) */
/*.mw-checkbox-hack-checkbox ~ .mw-workspace-container #mw-panel {*/
/* transition: transform 100ms ease-out,opacity 100ms ease-out,visibility 100ms ease-out;*/
/*}*/
/*.client-darkmode {*/
/* height: initial;*/
/*}*/
/* CSS 우선순위 테스트 */
@layer gadget-Vector-2022 {
html {
--gadget-Vector-2022: 1;
--top: "gadget.Vector-2022";
}
}