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

/* --------------------------------------------------------- */
/* 3. 비로그인 방문자(anon) 전용: 불필요한 위키 툴바 완벽 숨김 */
/* --------------------------------------------------------- */

/* 플로팅 메뉴 (공유, 역사, 편집/원본보기, 토론, 더보기 등) 숨기기 */
body.anon #p-views,
body.anon #p-cactions,
body.anon .citizen-page-actions,
body.anon .citizen-actions,
body.anon #ca-edit,
body.anon #ca-viewsource,
body.anon #ca-talk,
body.anon #ca-history {
    display: none !important;
}

/* 하단 네비게이션 우측의 '페이지 설정(슬라이더 모양)' 및 '사용자(사람 모양)' 아이콘 숨기기 */
body.anon #p-personal,
body.anon #p-page-settings,
body.anon .citizen-header__user,
body.anon .citizen-header__settings {
    display: none !important;
}