미디어위키:Minerva.css: 두 판 사이의 차이
새 문서: →All CSS here will be loaded for users of the MinervaNeue skin: →===== Minerva Monochrome Home =====: →링크/버튼 무채색: .skin-minerva .mw-parser-output a, .skin-minerva a { color:#222 !important; } .skin-minerva a:visited { color:#555 !important; } .skin-minerva a:hover, .skin-minerva a:focus { color:#000 !important; } .skin-minerva a.new, .skin-minerva a.new:visited { color:#777 !important; } →배너/알림/입력: .skin-minerva .banner { background... |
편집 요약 없음 |
||
| (같은 사용자의 중간 판 2개는 보이지 않습니다) | |||
| 37번째 줄: | 37번째 줄: | ||
/* (선택) 메인 페이지 제목 크기 살짝 줄이기 */ | /* (선택) 메인 페이지 제목 크기 살짝 줄이기 */ | ||
.skin-minerva #firstHeading { font-size:1.25rem; } | .skin-minerva #firstHeading { font-size:1.25rem; } | ||
/* ===== Home hero (Minerva) ===== */ | |||
/* A) 뷰포트 중앙 배치(첫 화면에서 정중앙) */ | |||
.skin-minerva .home-hero { | |||
min-height: 58vh; /* 화면 높이의 약 60% */ | |||
display: grid; | |||
place-content: center; /* 가로/세로 중앙 정렬 */ | |||
text-align: center; | |||
background: #f7f7f7; | |||
border: 1px solid #e5e5e5; | |||
border-radius: 12px; | |||
padding: 16px 18px; | |||
margin: 0 0 16px; | |||
} | |||
/* B) 스크롤해도 중간쯤에 들러붙게(sticky) | |||
top 값을 조절하면 고정되는 세로 위치가 바뀝니다. (예: 25vh ~ 50vh) */ | |||
@supports (position: sticky) { | |||
.skin-minerva .home-hero.sticky { | |||
position: sticky; | |||
top: 30vh; /* 대략 화면의 30% 지점에 '고정' */ | |||
z-index: 3; | |||
} | |||
} | |||
/* (선택) 글자가 너무 붙어 보이면 */ | |||
.skin-minerva .home-hero p { margin: .3rem 0 .6rem; } | |||
/* 대문 편집 버튼 */ | |||
.skin-minerva .mp-edit { text-align:right; margin:6px 0 12px; } | |||
.skin-minerva .mp-edit a { | |||
display:inline-block; padding:8px 12px; | |||
background:#e6e6e6; border:1px solid #cfcfcf; border-radius:10px; | |||
color:#111 !important; text-decoration:none; font-weight:600; | |||
} | |||
.skin-minerva .mp-edit a:hover { background:#d9d9d9; } | |||
/* 메인 소개글(영역에 .home-hero, 본문에 .intro 클래스를 쓴다는 가정) */ | |||
.skin-minerva .home-hero .intro { | |||
font-size: 1.6rem; /* 모바일 기준 */ | |||
font-weight: 800; /* 매우 굵게 */ | |||
line-height: 1.25; | |||
letter-spacing: .2px; | |||
color: #111; /* 기본 글자색 */ | |||
text-align: center; /* 가운데 정렬 */ | |||
margin: .2rem 0 .6rem; | |||
} | |||