미디어위키:Mobile.css

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

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

/* 여기의 모든 CSS는 모바일 사이트를 사용하는 사용자에게 로드됩니다 */
/* 모바일에서 표는 가로 스크롤 허용 + 글자/간격 개선 */
.content table {
  display: block;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  max-width: 100%;
}

.content table th,
.content table td {
  padding: 8px 10px;
  white-space: nowrap;
}

/* 모바일 전용: 본문 가독성 */
.content {
  line-height: 1.6;
  font-size: 16px;
}

/* (다크모드에서) 표 테두리/배경 대비가 너무 죽으면 이걸로 완화 */
@media (prefers-color-scheme: dark) {
  .content table,
  .content table th,
  .content table td {
    border-color: rgba(255,255,255,0.15);
  }
}

/* MobileFrontend(대개 Minerva) 다크모드: 시스템 다크모드 따라가기 */
@media (prefers-color-scheme: dark) {
  /* 전체 배경/글자 */
  html, body, .mw-body, .content, .content .mw-parser-output {
    background: #0f1115 !important;
    color: #e6e6e6 !important;
  }

  /* 링크 */
  a, .mw-parser-output a {
    color: #8ab4ff !important;
  }
  a:visited {
    color: #c58af9 !important;
  }

  /* 표 */
  .content table {
    background: #141824 !important;
    color: #e6e6e6 !important;
  }
  .content table th, .content table td {
    border-color: rgba(255,255,255,0.15) !important;
  }
  .content table th {
    background: rgba(255,255,255,0.06) !important;
  }

  /* 인포박스/박스류(있을 때) */
  .infobox, .mbox, .navbox, .wikitable {
    background: #141824 !important;
    border-color: rgba(255,255,255,0.15) !important;
  }
}