MediaWiki:Common.css: відмінності між версіями
Mobile Minerva: country page hero (50vh background image with overlaid title)
(Drawer: lighter bg, hide scrollbar, slimmer banner padding) |
(Mobile Minerva: country page hero (50vh background image with overlaid title)) |
||
| Рядок 322: | Рядок 322: | ||
body:is(.page-🇷🇴_Румунія) .vector-page-titlebar .firstHeading { | body:is(.page-🇷🇴_Румунія) .vector-page-titlebar .firstHeading { | ||
font-size: 28px; | font-size: 28px; | ||
} | |||
} | |||
/* MinervaNeue — hero для сторінок країн (картинка + заголовок зверху, 50vh) */ | |||
.skin-minerva.page-🇷🇴_Румунія .pre-content.heading-holder { | |||
position: relative; | |||
margin: 0 0 16px; | |||
padding: 0; | |||
height: 50vh; | |||
min-height: 240px; | |||
background-image: var(--page-hero-bg); | |||
background-size: cover; | |||
background-position: center; | |||
display: flex; | |||
align-items: center; | |||
justify-content: center; | |||
border-radius: 0; | |||
overflow: hidden; | |||
} | |||
/* Темний градієнт знизу — для читабельності тексту на світлих фото */ | |||
.skin-minerva.page-🇷🇴_Румунія .pre-content.heading-holder::after { | |||
content: ""; | |||
position: absolute; | |||
inset: 0; | |||
background: linear-gradient( | |||
180deg, | |||
rgba(0, 0, 0, 0) 40%, | |||
rgba(0, 16, 40, 0.55) 100% | |||
); | |||
pointer-events: none; | |||
} | |||
.skin-minerva.page-🇷🇴_Румунія .pre-content.heading-holder .page-heading { | |||
position: relative; | |||
z-index: 1; | |||
width: 100%; | |||
padding: 0 20px; | |||
text-align: center; | |||
} | |||
.skin-minerva.page-🇷🇴_Румунія .pre-content.heading-holder .firstHeading { | |||
font-family: "Manrope", sans-serif; | |||
font-size: 36px; | |||
font-weight: 700; | |||
color: var(--page-hero-fg, #ffffff); | |||
margin: 0; | |||
border: none; | |||
padding: 0; | |||
line-height: 1.15; | |||
text-shadow: 0 2px 12px rgba(0, 0, 0, 0.35); | |||
letter-spacing: -0.01em; | |||
} | |||
.skin-minerva.page-🇷🇴_Румунія .pre-content.heading-holder .tagline { | |||
display: none; | |||
} | |||
/* На зовсім малих екранах — трохи менший заголовок */ | |||
@media screen and (max-width: 360px) { | |||
.skin-minerva.page-🇷🇴_Румунія .pre-content.heading-holder .firstHeading { | |||
font-size: 30px; | |||
} | } | ||
} | } | ||