미디어위키: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;
}
/* Advertising 라벨 제거 */
body.skin-citizen #siteNotice > 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;
}

/* ========================================
   HamWiki 무전기 둘러보기
   Citizen 가로형 접기 틀
   ======================================== */

.hamwiki-rig-nav {
	display: block !important;
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
	margin: 12px 0 !important;
	box-sizing: border-box !important;
}

/* 숨기기 틀이 만들어내는 바깥쪽 박스 */
.hamwiki-rig-nav > div,
.hamwiki-rig-nav > table {
	display: block !important;
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
	box-sizing: border-box !important;
}

/* 중첩된 숨기기 박스 */
.hamwiki-rig-nav .mw-collapsible {
	display: block !important;
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
	box-sizing: border-box !important;
}

/* 혹시 숨기기 틀에서 inline-block을 사용하는 경우 강제 해제 */
.hamwiki-rig-nav div[style*="inline-block"],
.hamwiki-rig-nav span[style*="inline-block"],
.hamwiki-rig-nav table[style*="inline-block"] {
	display: block !important;
	width: 100% !important;
	max-width: 100% !important;
	box-sizing: border-box !important;
}

/* width가 fit-content / max-content 등으로 지정된 경우 */
.hamwiki-rig-nav div[style*="fit-content"],
.hamwiki-rig-nav div[style*="max-content"],
.hamwiki-rig-nav table[style*="fit-content"],
.hamwiki-rig-nav table[style*="max-content"] {
	width: 100% !important;
	max-width: 100% !important;
}

/* 제목줄 */
.hamwiki-rig-nav .mw-collapsible > :first-child {
	display: block !important;
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
	box-sizing: border-box !important;
	white-space: nowrap;
}

/* 펼치기 / 접기 버튼 */
.hamwiki-rig-nav .mw-collapsible-toggle {
	float: right !important;
	margin-left: 12px !important;
	white-space: nowrap !important;
}

/* 펼쳐지는 본문 */
.hamwiki-rig-nav .mw-collapsible-content {
	display: block !important;
	width: 100% !important;
	max-width: 100% !important;
	box-sizing: border-box !important;
}

/* 내부 표 */
.hamwiki-rig-nav .mw-collapsible-content table {
	display: table !important;
	width: 100% !important;
	max-width: 100% !important;
	table-layout: auto !important;
	box-sizing: border-box !important;
}

/* 내부 셀 */
.hamwiki-rig-nav td {
	box-sizing: border-box !important;
	border-top: 1px solid #eaecf0;
}

.hamwiki-rig-nav tr:first-child td {
	border-top: 0;
}


/* 모바일 */
@media screen and (max-width: 720px) {

	.hamwiki-rig-nav {
		width: 100% !important;
		max-width: 100% !important;
	}

	.hamwiki-rig-nav .mw-collapsible-content table,
	.hamwiki-rig-nav .mw-collapsible-content tbody,
	.hamwiki-rig-nav .mw-collapsible-content tr,
	.hamwiki-rig-nav .mw-collapsible-content td {
		display: block !important;
		width: 100% !important;
	}

	.hamwiki-rig-nav td:first-child {
		padding-bottom: 4px !important;
	}

	.hamwiki-rig-nav td:last-child {
		padding-top: 4px !important;
	}
}