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

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

/* 이 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;
}

/* 모바일에서 섹션이 자동으로 접히는 것을 방지 */
@media screen and (max-width: 768px) {
    .mw-parser-output h2, 
    .mw-parser-output h3 {
        pointer-events: none; /* 접기 클릭 동작 차단 */
    }
    .mw-parser-output h2 .mw-editsection,
    .mw-parser-output h3 .mw-editsection {
        pointer-events: auto; /* 편집 버튼은 클릭 가능하게 유지 */
    }
}

/* 벡터 스킨의 접기 화살표 숨기기 */
.mw-indicators {
    display: none !important;
}