미디어위키:Common.css

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

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

/* Monochrome for Timeless */
body.skin-timeless .mw-header,
body.skin-timeless .mw-footer,
body.skin-timeless .site-header,
body.skin-timeless .sidebar { background:#f7f7f7 !important; border-color:#e5e5e5 !important; }

body.skin-timeless .mw-parser-output a,
body.skin-timeless a { color:#222 !important; }
body.skin-timeless a:visited { color:#555 !important; }
body.skin-timeless a:hover, body.skin-timeless a:focus { color:#000 !important; }

body.skin-timeless .mw-ui-button,
body.skin-timeless .mw-ui-button.mw-ui-progressive,
body.skin-timeless .mw-ui-button.mw-ui-destructive {
  background:#e6e6e6 !important; color:#111 !important; border-color:#cfcfcf !important;
}

body.skin-timeless .mw-message-box,
body.skin-timeless .mw-message-box-warning,
body.skin-timeless .mw-message-box-error,
body.skin-timeless .mw-message-box-success {
  background:#f3f3f3 !important; border-color:#dcdcdc !important; color:#111 !important;
}

body.skin-timeless input, body.skin-timeless select, body.skin-timeless textarea {
  background:#fff !important; color:#111 !important; border-color:#dcdcdc !important;
}

/* Vector 2022: 로고 아이콘 숨기고(작은 로고), 워드마크/텍스트만 표시 */
.skin-vector-2022 .mw-logo-icon,
.skin-vector-2022 .vector-sticky-header-logo { display: none !important; }

.skin-vector-2022 .mw-logo-wordmark { margin-left: 0 !important; }

.main-hero {
  position: relative;
  padding: 48px 16px;            /* 위아래 여백 */
  background: linear-gradient(180deg,#0f1220 0%, #171b29 100%); /* 배경색/그라데이션 */
}

.main-hero {
  background: url(/images/site/hero.jpg) center/cover no-repeat fixed;
}

.main-card {
  max-width: 980px;              /* 카드 최대 가로 폭 */
  margin: 0 auto;                /* 가운데 정렬 */
  background: #fff;              /* 박스 배경색(라이트) */
  border: 1px solid rgba(0,0,0,.06);
  border-radius: 16px;
  box-shadow: 0 8px 24px rgba(0,0,0,.12);
  padding: 28px;
}

@media (prefers-color-scheme: dark) {
  .main-card {
    background: #161a22;
    border-color: rgba(255,255,255,.06);
    box-shadow: 0 8px 24px rgba(0,0,0,.28);
  }
}

@media (max-width: 720px) {
  .main-hero { padding: 28px 12px; }
  .main-card { padding: 20px; border-radius: 12px; }
}