미디어위키:Common.css: 두 판 사이의 차이

2026년 5월 29일 (금) 08:14 판

/* 이 CSS 설정은 모든 스킨에 적용됩니다 */
/* 1. PC/모바일 반응형 정보상자 (나무위키 스타일) */
.m4-infobox {
    float: right;
    clear: right;
    width: 330px;
    margin: 0 0 20px 20px;
    border: 1px solid #cccccc;
    background-color: #f9f9f9;
    font-size: 0.9em;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
    border-collapse: collapse;
}

/* 모바일 화면일 때 표를 100% 꽉 차게 위로 올림 */
@media screen and (max-width: 768px) {
    .m4-infobox {
        float: none;
        width: 100%;
        margin: 0 0 20px 0;
    }
}


/* 사이트 전체 폰트를 Noto Sans KR로 설정 */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&display=swap');

body, 
.mw-body, 
h1, h2, h3, h4, h5, h6, 
.vector-body, 
#mw-content-text {
    font-family: 'Noto Sans KR', sans-serif !important;
}

/* 사이드바 목차 깔끔하게 정리 */
#toc {
    background: #f8f9fa;
    border: 1px solid #ccc;
    padding: 10px;
}