Citizen.css

/* 위키앙 Citizen 스킨 전용 스타일 /
/ 유지보수: /home/wiki/css-versions/citizen.css */

/* Citizen 스킨 한국어 최적화 */

root {
--fonts-body: "Noto Serif KR", "Libertinus Serif", "Times New Roman", serif;
--fonts-heading: "Noto Sans KR", "Libertinus Sans", sans-serif;
--fonts-monospace: "Nanum Gothic Coding", "Courier New", monospace;
}

/* 사이드바 폰트 조정 */
.citizen-drawer {
font-family: "Noto Sans KR", sans-serif;
}

/* 헤더 스타일 개선 */
.citizen-header {
font-family: "Noto Sans KR", sans-serif;
}

/* 검색창 스타일 */
.citizen-search__input {
font-family: "Noto Sans KR", sans-serif;
}

/* 페이지 제목 스타일 강화 */
.page-title {
font-family: "Noto Sans KR", sans-serif;
font-weight: 600;
color: #000;
border-bottom: 2px solid #a2a9b1;
padding-bottom: 0.25em;
margin-bottom: 1em;
}

/* 본문 콘텐츠 영역 */
.citizen-body-main {
font-family: "Noto Serif KR", serif;
line-height: 1.7;
}

/* 목차(TOC) 스타일 개선 */
.citizen-toc {
font-family: "Noto Sans KR", sans-serif;
font-size: 0.875rem;
}

.citizen-toc__link {
color: #54595d;
padding: 0.25rem 0;
}

.citizen-toc__link:hover {
color: #0645ad;
text-decoration: none;
}

/* 정보박스 Citizen 스킨 최적화 */
.infobox {
border-radius: 8px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03), 0 1px 2px rgba(0, 0, 0, 0.06);
border: 1px solid var(--border-color-base, #c8ccd1);
}

/* 푸터 스타일 */
.citizen-footer {
font-family: "Noto Sans KR", sans-serif;
font-size: 0.875rem;
}

/* 다크 모드 지원 */
@media (prefers-color-scheme: dark) {
.citizen-body-main {
color: #e8eaed;
}

.page-title {
color: #e8eaed;
border-bottom-color: #54595d;
}

table {
background-color: #1f1f1f;
border-color: #54595d;
}

th {
background-color: #2b2b2b;
border-color: #54595d;
}

td {
border-color: #54595d;
}

.infobox {
background-color: #1f1f1f;
border-color: #54595d;
}
}

/* 모바일 최적화 */
@media (max-width: 720px) {
.citizen-body-main {
font-size: 1rem;
line-height: 1.6;
}

.page-title {
font-size: 1.5rem;
}

/* 모바일에서 테이블 스크롤 */
.citizen-body table {
display: block;
max-width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
}

/* 편집 버튼 스타일 */
.citizen-editsection {
font-family: "Noto Sans KR", sans-serif;
font-size: 0.8rem;
}

/* 알림 메시지 스타일 개선 */
.citizen-messageBox {
border-radius: 8px;
font-family: "Noto Sans KR", sans-serif;
}

/* 카테고리 표시 개선 */

1. catlinks {
   font-family: "Noto Sans KR", sans-serif;
   font-size: 0.875rem;
   border-radius: 8px;
   padding: 0.75rem;
   background-color: var(--color-surface-2, #f8f9fa);
   }