미디어위키:Vector-2022.css: 두 판 사이의 차이
둘러보기로 이동
검색으로 이동
편집 요약 없음 |
편집 요약 없음 태그: 수동 되돌리기 |
||
(같은 사용자의 중간 판 9개는 보이지 않습니다) | |||
4번째 줄: | 4번째 줄: | ||
* 프로젝트 이름공간 문서의 배경을 초록색으로 지정합니다. | * 프로젝트 이름공간 문서의 배경을 초록색으로 지정합니다. | ||
*/ | */ | ||
#content > :not(.vector-column-end) | #content > :not(.vector-column-end) { | ||
background-color: var(--background); | background-color: var(--background); | ||
} | } | ||
10번째 줄: | 10번째 줄: | ||
/* 본문 여백 넓히기 (가독성 향상) */ | /* 본문 여백 넓히기 (가독성 향상) */ | ||
#bodyContent { | #bodyContent { | ||
padding: 0 | padding: 0 1em 1em; | ||
} | } | ||
.mw-body-header | .mw-body-header { | ||
padding: 0 | padding: 1em 1em 0; | ||
box-shadow: 0 calc(1em + 1px) 0 -1em #a2a9b1; | |||
} | |||
.vector-page-toolbar { | |||
padding: 0 1em 1px; | |||
} | } | ||
#ca-addsection { | #ca-addsection { | ||
margin-right: - | margin-right: -0.5em; | ||
} | } | ||
#vector-page-titlebar-toc-label { | #vector-page-titlebar-toc-label { | ||
margin-left: | margin-left: 0.5em; | ||
} | |||
#siteNotice { | |||
padding: 0 1em; | |||
} | |||
#footer { | |||
padding: 1em; | |||
} | } | ||
/* | /* 작은 화면에서 화면 폭 늘리기 (720px~400px 사이에서 줄어듦) */ | ||
.vector-feature-zebra-design-disabled .mw-page-container { | |||
padding-left: min(calc(calc(100vw - 400px) / 13.25), 1.5em); | |||
padding-right: min(calc(calc(100vw - 400px) / 13.25), 1.5em); | |||
} | |||
@media screen and (max-width: 999px) { | @media screen and (max-width: 999px) { | ||
56번째 줄: | 43번째 줄: | ||
min-width: 0; | min-width: 0; | ||
} | } | ||
} | } | ||
/* 모바일에서 검색할 때 다른 거 치우기 */ | /* 모바일에서 검색할 때 다른 거 치우기 */ | ||
102번째 줄: | 58번째 줄: | ||
/* 폭이 매우 작으면 심볼 로고만 표시 (있다면) */ | /* 폭이 매우 작으면 심볼 로고만 표시 (있다면) */ | ||
@media screen and (max-width: 400px) { | @media screen and (max-width: 400px) { | ||
/* 숨겨진 심볼 로고 표시 */ | /* 숨겨진 심볼 로고 표시 */ | ||
.mw-logo-icon { | .mw-logo-icon { | ||
117번째 줄: | 68번째 줄: | ||
} | } | ||
} | } | ||
/* CSS 우선순위 테스트 */ | /* CSS 우선순위 테스트 */ |
2024년 10월 2일 (수) 18:12 기준 최신판
/**
*
* 특정 이름공간 문서의 배경을 하늘색, 토론 이름공간 문서의 배경을 노란색,
* 프로젝트 이름공간 문서의 배경을 초록색으로 지정합니다.
*/
#content > :not(.vector-column-end) {
background-color: var(--background);
}
/* 본문 여백 넓히기 (가독성 향상) */
#bodyContent {
padding: 0 1em 1em;
}
.mw-body-header {
padding: 1em 1em 0;
box-shadow: 0 calc(1em + 1px) 0 -1em #a2a9b1;
}
.vector-page-toolbar {
padding: 0 1em 1px;
}
#ca-addsection {
margin-right: -0.5em;
}
#vector-page-titlebar-toc-label {
margin-left: 0.5em;
}
#siteNotice {
padding: 0 1em;
}
#footer {
padding: 1em;
}
/* 작은 화면에서 화면 폭 늘리기 (720px~400px 사이에서 줄어듦) */
.vector-feature-zebra-design-disabled .mw-page-container {
padding-left: min(calc(calc(100vw - 400px) / 13.25), 1.5em);
padding-right: min(calc(calc(100vw - 400px) / 13.25), 1.5em);
}
@media screen and (max-width: 999px) {
/* 최소 너비 해제 */
.vector-feature-zebra-design-disabled .vector-header-container, .mw-logo {
min-width: 0;
}
}
/* 모바일에서 검색할 때 다른 거 치우기 */
@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-logo-icon {
display: block;
}
/* 심볼 로고가 없고 텍스트 로고만 있지 않은 이상, 텍스트 로고 숨기기 */
.mw-logo-container:not(:only-child) {
display: none;
}
}
/* CSS 우선순위 테스트 */
@layer gadget-Vector-2022 {
html {
--gadget-Vector-2022: 1;
--top: "gadget.Vector-2022";
}
}