미디어위키:Citizen.css

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

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

/* Pretendard */
@import url("https://cdn.jsdelivr.net/gh/orioncactus/[email protected]/dist/web/static/pretendard-dynamic-subset.min.css");

body.skin-citizen,
body.skin-citizen input,
body.skin-citizen button,
body.skin-citizen textarea,
body.skin-citizen select {
    font-family:
        "Pretendard Variable",
        Pretendard,
        -apple-system,
        BlinkMacSystemFont,
        "Apple SD Gothic Neo",
        "Noto Sans KR",
        "Malgun Gothic",
        sans-serif;
}

/* =========================================
   Citizen + WimaAdvertising
   광고 라벨 제거 + 상/하단 광고 크기 조정
   ========================================= */

/* Advertising 라벨 제거 */
body.skin-citizen #siteNotice > div > p {
    display: none !important;
}

/* 상단/하단 광고 영역 */
body.skin-citizen #siteNotice {
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
}

/* 광고 컨테이너 */
body.skin-citizen #siteNotice > div {
    margin: 0 auto !important;
    padding: 0 !important;
    text-align: center !important;
}

/* Google 광고 */
body.skin-citizen #siteNotice ins.adsbygoogle {
    display: block !important;
    width: 100% !important;
    max-width: 728px !important;
    height: 90px !important;
    max-height: 90px !important;
    margin: 0 auto !important;
}

/* Google이 생성하는 iframe */
body.skin-citizen #siteNotice iframe {
    width: 100% !important;
    max-width: 728px !important;
    height: 90px !important;
    max-height: 90px !important;
}

/* 모바일 */
@media screen and (max-width: 500px) {
    body.skin-citizen #siteNotice ins.adsbygoogle {
        width: 100% !important;
        max-width: 320px !important;
        height: 100px !important;
        max-height: 100px !important;
    }

    body.skin-citizen #siteNotice iframe {
        width: 100% !important;
        max-width: 320px !important;
        height: 100px !important;
        max-height: 100px !important;
    }
}