미디어위키: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... |
편집 요약 없음 |
||
| 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; } | |||