미디어위키:Citizen.css

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

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

/* 여기의 모든 CSS는 시티즌 스킨을 사용하는 사용자에게 로드됩니다 */
/* NovaWiki: wikitable dark/light friendly */
:root {
  --nv-wikitable-bg: #ffffff;
  --nv-wikitable-border: #c8ccd1;
  --nv-wikitable-header-bg: #eaecf0;
  --nv-wikitable-header-fg: #202122;
  --nv-wikitable-row-alt: #f8f9fa;
}

/* OS/브라우저 다크모드 */
@media (prefers-color-scheme: dark) {
  :root {
    --nv-wikitable-bg: #1b1f23;
    --nv-wikitable-border: #3a3f45;
    --nv-wikitable-header-bg: #2a2f36;
    --nv-wikitable-header-fg: #e6e6e6;
    --nv-wikitable-row-alt: #20252b;
  }
}

/* base */
table.wikitable {
  background: var(--nv-wikitable-bg);
  border: 1px solid var(--nv-wikitable-border);
  color: inherit;
  border-collapse: collapse;
}

/* cells */
table.wikitable > tr > th,
table.wikitable > * > tr > th,
table.wikitable > tr > td,
table.wikitable > * > tr > td {
  border: 1px solid var(--nv-wikitable-border);
}

/* header */
table.wikitable > tr > th,
table.wikitable > * > tr > th {
  background: var(--nv-wikitable-header-bg);
  color: var(--nv-wikitable-header-fg);
}

/* optional: zebra rows */
table.wikitable > tbody > tr:nth-child(even) > td {
  background: var(--nv-wikitable-row-alt);
}

/* Citizen 다크 토글 대응 (둘 중 하나가 맞을 가능성 높음) */
html.skin-citizen.theme-dark,
html.skin-citizen.skin-theme-clientpref-night,
html.skin-citizen.clientpref-night {
  --nv-wikitable-bg: #1b1f23;
  --nv-wikitable-border: #3a3f45;
  --nv-wikitable-header-bg: #2a2f36;
  --nv-wikitable-header-fg: #e6e6e6;
  --nv-wikitable-row-alt: #20252b;
}

/* nw-box + wikitable 조합 충돌 방지: table 성질 복구 */
table.wikitable.nw-box {
  width: 100% !important;
  max-width: 100% !important;
  table-layout: fixed;
  display: table !important;
  float: none !important;
  clear: both;
  box-sizing: border-box;
}

/* VisualEditor에서만 폭이 줄어드는 현상 보정 */
.ve-ce-documentNode table.wikitable.nw-box {
  width: 100% !important;
  max-width: 100% !important;
  display: table !important;
}