미디어위키: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;
    }
}

/* 벡터 스킨의 섹션 밑줄을 회색으로 통일 */
.mw-parser-output h2 {
    border-bottom: 1px solid #cccccc !important;
    padding-bottom: 5px !important;
}

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