MediaWiki:Common.css

From Erakh Codex
Revision as of 20:26, 17 October 2026 by Juoh-6738 (talk | contribs) (문서 가독성 단계 B)
Jump to navigation Jump to search

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
/* ═══════════════════════════════════════════════════════════════
   문서 가독성 개편 — 단계 B (2026-10-17)
   적용 범위: 문서 보기 화면(네임스페이스 0)에서 Main_Page 제외.
   롤백: 이 주석 블록 전체를 삭제하면 이전 상태로 돌아간다.
   ═══════════════════════════════════════════════════════════════ */

/* 본문 크기·행간 (Vector 기본 14px/1.6 → 16px/1.75) */
body.ns-0.action-view:not(.page-Main_Page) #bodyContent {
  font-size: 16px;
  line-height: 1.75;
}

/* 본문 줄 폭 제한 + 가운데 정렬 (약 90자) */
body.ns-0.action-view:not(.page-Main_Page) #mw-content-text .mw-parser-output {
  max-width: 44rem;
  margin-left: auto;
  margin-right: auto;
}

/* 문단 간격 */
body.ns-0.action-view:not(.page-Main_Page) #bodyContent .mw-parser-output p {
  margin: 0 0 0.85em;
}

/* 제목 위계: h2 굵은 선 / h3 얇은 선 / h4 선 없음 */
body.ns-0.action-view:not(.page-Main_Page) #bodyContent .mw-parser-output h2 {
  font-size: 1.5em;
  line-height: 1.3;
  margin: 1.6em 0 0.6em;
  padding: 0 0 0.35em;
  border-bottom: 2px solid #cdb685 !important;
}
body.ns-0.action-view:not(.page-Main_Page) #bodyContent .mw-parser-output h3 {
  font-size: 1.2em;
  line-height: 1.35;
  margin: 1.6em 0 0.6em;
  padding: 0 0 0.3em;
  border-bottom: 1px solid #e2d9c8 !important;
}
body.ns-0.action-view:not(.page-Main_Page) #bodyContent .mw-parser-output h4 {
  font-size: 1.0625em;
  line-height: 1.4;
  margin: 1.6em 0 0.4em;
  border-bottom: 0 !important;
}

/* 본문 링크: 대비 5.5:1 이상의 진한 갈색 + 가는 밑줄 (헤더·목차 링크에는 영향 없음) */
body.ns-0.action-view:not(.page-Main_Page) #bodyContent .mw-parser-output a,
body.ns-0.action-view:not(.page-Main_Page) #bodyContent .mw-parser-output a:visited {
  color: #7a5420 !important;
  text-decoration: underline !important;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
  text-decoration-color: #cdb685;
}
body.ns-0.action-view:not(.page-Main_Page) #bodyContent .mw-parser-output a:hover {
  color: #2a2218 !important;
  text-decoration-color: #7a5420;
}

/* 좌우 칸 15% 대칭 — 900px 이하에서는 기존 반응형 규칙을 그대로 사용 */
@media (min-width: 901px) {
  .erakh-layout {
    grid-template-columns: 15% minmax(0, 1fr) 15% !important;
  }
  .erakh-layout.no-toc {
    grid-template-columns: minmax(0, 1fr) 15% !important;
  }
}