미디어위키:Common.css: 두 판 사이의 차이

편집 요약 없음
편집 요약 없음
1번째 줄: 1번째 줄:
/* 이 CSS 설정은 모든 스킨에 적용됩니다 */
/* Monochrome for Timeless */
/* Monochrome for Timeless */
body.skin-timeless .mw-header,
body.skin-timeless .mw-header,
33번째 줄: 31번째 줄:
.skin-vector-2022 .vector-sticky-header-logo { display: none !important; }
.skin-vector-2022 .vector-sticky-header-logo { display: none !important; }


/* 여백 정리 (선택) */
.skin-vector-2022 .mw-logo-wordmark { margin-left: 0 !important; }
.skin-vector-2022 .mw-logo-wordmark { margin-left: 0 !important; }


/* 배경(히어로) 영역 */
.main-hero {
.main-hero {
   position: relative;
   position: relative;
43번째 줄: 39번째 줄:
}
}


/* 배경 이미지를 쓰고 싶다면(선택) — 이미지 경로만 바꾸면 됩니다 */
.main-hero {
.main-hero {
   background: url(/images/site/hero.jpg) center/cover no-repeat fixed;
   background: url(/images/site/hero.jpg) center/cover no-repeat fixed;
}
}


/* 가운데 카드 박스(본문) */
.main-card {
.main-card {
   max-width: 980px;              /* 카드 최대 가로 폭 */
   max-width: 980px;              /* 카드 최대 가로 폭 */
59번째 줄: 53번째 줄:
}
}


/* 다크 모드 대응(선택) */
@media (prefers-color-scheme: dark) {
@media (prefers-color-scheme: dark) {
   .main-card {
   .main-card {
68번째 줄: 61번째 줄:
}
}


/* 반응형(선택) — 모바일은 여백만 살짝 줄이기 */
@media (max-width: 720px) {
@media (max-width: 720px) {
   .main-hero { padding: 28px 12px; }
   .main-hero { padding: 28px 12px; }
   .main-card { padding: 20px; border-radius: 12px; }
   .main-card { padding: 20px; border-radius: 12px; }
}
}