미디어위키:Citizen.css
위키앙
다른 명령
참고: 설정을 저장한 후에 바뀐 점을 확인하기 위해서는 브라우저의 캐시를 새로 고쳐야 합니다.
- 파이어폭스 / 사파리: Shift 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5 또는 Ctrl-R을 입력 (Mac에서는 ⌘-R)
- 구글 크롬: Ctrl-Shift-R키를 입력 (Mac에서는 ⌘-Shift-R)
- 엣지: Ctrl 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5를 입력.
/* 위키앙 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;
}
/* 카테고리 표시 개선 */
- 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);
}