미디어위키:Common.css

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

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

/* 이 CSS 설정은 모든 스킨에 적용됩니다 */
/* p 안에 br 하나만 있을 때 br 숨기기 */
.mw-parser-output > p > br:only-child {
    display: none;
}

@media screen and (max-width: 768px) {

    /* 모바일에서는 플로팅을 풀고 본문 폭에 맞춰 위쪽에 배치 */
    .infobox {
        float: none;
        clear: both;
        width: auto;
        max-width: 100%;
        margin: 0 0 10px 0;   /* 좌우 여백 제거, 아래만 여백 */
    }

    /* 모바일에서는 글자를 조금 키워도 됨 */
    .infobox-table {
        font-size: 95%;
    }

    /* 좁은 화면에서는 라벨 줄바꿈 허용 */
    .infobox-label {
        white-space: normal;
    }
}