미디어위키:Vector-2022.css

/**
 *
 * 특정 이름공간 문서의 배경을 하늘색, 토론 이름공간 문서의 배경을 노란색,
 * 프로젝트 이름공간 문서의 배경을 초록색으로 지정합니다.
 */
#content > :not(.vector-column-end) {
	background-color: var(--background);
}

/* 본문 여백 넓히기 (가독성 향상) */
#bodyContent {
    padding: 0 1em 1em;
}
.vector-page-titlebar {
	padding: 1em 1em 0;
}
.vector-page-titlebar::after {
	left: 1em;
	right: 1em;
}
.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;*/
/*}*/

/* 작은 화면에서 화면 폭 늘리기 */
.mw-page-container {
     padding-left: min(calc(calc(100vw - 400px) / 13.25), 1.5rem);
     padding-right: min(calc(calc(100vw - 400px) / 13.25), 1.5rem);
}

/* 최소 너비 해제 */
@media screen and (max-width: 999px) {
	.vector-header-container .mw-header {
		min-width: 0;
	}
	.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";
	}
}