미디어위키: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;
  }
}