미디어위키:Common.css

참고: 설정을 저장한 후에 바뀐 점을 확인하기 위해서는 브라우저의 캐시를 새로 고쳐야 합니다.

파이어폭스 / 사파리: Shift 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5 또는 Ctrl-R을 입력 (Mac에서는 ⌘-R)
구글 크롬: Ctrl-Shift-R키를 입력 (Mac에서는 ⌘-Shift-R)
엣지: Ctrl 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5를 입력.

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

/* 2. 제목 아래 회색선 및 여백 자동 생성 (나무위키 스타일) */
.mw-parser-output h2 {
    border-bottom: 1px solid #cccccc !important;
    padding-bottom: 8px !important;
    margin-bottom: 20px !important;
}