미디어위키:Common.css

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

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

/* 이 CSS 설정은 모든 스킨에 적용됩니다 */
/* === Reflist (legacy #css replacement) === */

.reflist {
  font-size: 90%;
  margin-bottom: 0.5em;
  list-style-type: decimal;
}

.reflist .references {
  font-size: 100%;
  margin-bottom: 0;
  list-style-type: inherit;
}

/* column layout */
.reflist-columns-2 {
  column-width: 30em;
}

.reflist-columns-3 {
  column-width: 25em;
}

.reflist-columns {
  margin-top: 0.3em;
}

.reflist-columns ol {
  margin-top: 0;
}

/* avoid column breaks */
.reflist-columns li {
  page-break-inside: avoid;
  break-inside: avoid-column;
}

/* list-style variants */
.reflist-upper-alpha  { list-style-type: upper-alpha; }
.reflist-upper-roman  { list-style-type: upper-roman; }
.reflist-lower-alpha  { list-style-type: lower-alpha; }
.reflist-lower-greek  { list-style-type: lower-greek; }
.reflist-lower-roman  { list-style-type: lower-roman; }

/* default references list */
ol.references {
  font-size: 90%;
  margin-bottom: 0.5em;
}

/* nowrap helpers */
.nowrap,
.nowraplinks a,
.nowraplinks .selflink,
sup.reference a {
  white-space: nowrap;
}

/* 다크모드에서 인라인으로 '밝은 배경'을 강제한 th/td는 글자색을 어둡게 */
html[data-theme="dark"] .mw-parser-output th[style*="background-color: #F3F3F3"],
html[data-theme="dark"] .mw-parser-output td[style*="background-color: #F3F3F3"] {
  color: #202122 !important;
}

/* 혹시 #F3F3F3 말고 rgb(243, 243, 243) 형태도 있을 수 있어서 같이 */
html[data-theme="dark"] .mw-parser-output th[style*="background-color: rgb(243, 243, 243)"],
html[data-theme="dark"] .mw-parser-output td[style*="background-color: rgb(243, 243, 243)"] {
  color: #202122 !important;
}

/* 공지 박스 기본 */
.mw-parser-output table.noticebox {
  width: 100%;
  border: 1px solid #ddd;
  margin: 10px 0 0 0;
  border-collapse: collapse;
}

.mw-parser-output .noticebox-title {
  text-align: left;
  padding: 10px;
  border-bottom: 1px solid #ddd;
}

/* 라이트 기본 */
.mw-parser-output table.noticebox { background: transparent; }
.mw-parser-output .noticebox-title { background: #f3f3f3; color: #202122; }
.mw-parser-output .noticebox-body { padding: 10px; color: inherit; }

/* 다크모드에서만 헤더 배경/글자 최적화 */
@media (prefers-color-scheme: dark) {
  .mw-parser-output .noticebox-title {
    background: #2a2f36;
    color: #eaecf0;
    border-bottom-color: #54595d;
  }
  .mw-parser-output table.noticebox {
    border-color: #54595d;
  }
}

/* NovaWiki: 메인 공지/박스 공통 스타일 */
.mw-parser-output table.nw-box {
  width: 100%;
  border: 1px solid #ddd;
  margin: 10px 0 0 0;
  border-collapse: collapse;
}

.mw-parser-output .nw-box-title {
  text-align: left;
  padding: 10px;
  border-bottom: 1px solid #ddd;
  font-weight: 700;
}

/* 본문 */
.mw-parser-output .nw-box-body {
  padding: 10px;
}

/* 2열 레이아웃 */
.mw-parser-output table.nw-two-col {
  width: 100%;
  border-collapse: collapse;
}

.mw-parser-output .nw-col {
  width: 49%;
  vertical-align: top;
}

.mw-parser-output .nw-gap {
  width: 2%;
}

/* 주요 문서 표 */
.mw-parser-output table.nw-major {
  width: 100%;
  border: 1px solid #ddd;
  margin: 10px 0 0 0;
  border-collapse: collapse;
}

.mw-parser-output table.nw-major td,
.mw-parser-output table.nw-major th {
  padding: 8px 10px;
  border-top: 1px solid #ddd;
  vertical-align: top;
}

.mw-parser-output .nw-major-head {
  font-weight: 700;
  white-space: nowrap;
}

/* 줄무늬(라이트 기본) */
.mw-parser-output table.nw-zebra tr:nth-child(even) td {
  background: #f9f9f9;
}

/* 다크모드 대응: prefers-color-scheme 기반 (Citizen 토글이랑 무관하게 먹음) */
@media (prefers-color-scheme: dark) {
  .mw-parser-output table.nw-box,
  .mw-parser-output table.nw-major {
    border-color: #54595d;
  }

  .mw-parser-output .nw-box-title {
    background: #2a2f36;
    color: #eaecf0;
    border-bottom-color: #54595d;
  }

  .mw-parser-output table.nw-major td,
  .mw-parser-output table.nw-major th {
    border-top-color: #54595d;
  }

  .mw-parser-output table.nw-zebra tr:nth-child(even) td {
    background: rgba(255,255,255,0.06);
  }
}