2206
редагувань
MediaWiki:Common.css: відмінності між версіями
Hero: узагальнено на сторінки міст (page-has-hero)
Admin (обговорення | внесок) (sidebar: remove grey background) |
Admin (обговорення | внесок) (Hero: узагальнено на сторінки міст (page-has-hero)) |
||
| Рядок 275: | Рядок 275: | ||
} | } | ||
body:is(.page-🇷🇴_Румунія) .mw-page-container-inner { | body:is(.page-🇷🇴_Румунія, .page-has-hero) .mw-page-container-inner { | ||
position: relative; | position: relative; | ||
padding-top: calc(var(--page-hero-height) + 24px); /* hero + top offset (12) + bottom gap (12) — симетрично */ | padding-top: calc(var(--page-hero-height) + 24px); /* hero + top offset (12) + bottom gap (12) — симетрично */ | ||
| Рядок 294: | Рядок 294: | ||
/* Прибрати "Матеріал з Країнопедії" та інший pre-content шум, який створює | /* Прибрати "Матеріал з Країнопедії" та інший pre-content шум, який створює | ||
асиметрію між верхнім (24px) і нижнім (виглядав ~70px) відступом hero. */ | асиметрію між верхнім (24px) і нижнім (виглядав ~70px) відступом hero. */ | ||
body:is(.page-🇷🇴_Румунія) .vector-body-before-content, | body:is(.page-🇷🇴_Румунія, .page-has-hero) .vector-body-before-content, | ||
body:is(.page-🇷🇴_Румунія) #contentSub { | body:is(.page-🇷🇴_Румунія, .page-has-hero) #contentSub { | ||
display: none !important; | display: none !important; | ||
} | } | ||
body:is(.page-🇷🇴_Румунія) #mw-content-text > .mw-parser-output > :first-child { | body:is(.page-🇷🇴_Румунія, .page-has-hero) #mw-content-text > .mw-parser-output > :first-child { | ||
margin-top: 0 !important; | margin-top: 0 !important; | ||
} | } | ||
/* Vector-2022 додає власні top-paddings на content-обгортки — занулюємо | /* Vector-2022 додає власні top-paddings на content-обгортки — занулюємо | ||
щоб body-текст починався одразу під padding-top контейнера. */ | щоб body-текст починався одразу під padding-top контейнера. */ | ||
body:is(.page-🇷🇴_Румунія) main#content.mw-body, | body:is(.page-🇷🇴_Румунія, .page-has-hero) main#content.mw-body, | ||
body:is(.page-🇷🇴_Румунія) #bodyContent.vector-body, | body:is(.page-🇷🇴_Румунія, .page-has-hero) #bodyContent.vector-body, | ||
body:is(.page-🇷🇴_Румунія) #mw-content-text, | body:is(.page-🇷🇴_Румунія, .page-has-hero) #mw-content-text, | ||
body:is(.page-🇷🇴_Румунія) #mw-content-text > .mw-parser-output { | body:is(.page-🇷🇴_Румунія, .page-has-hero) #mw-content-text > .mw-parser-output { | ||
padding-top: 0 !important; | padding-top: 0 !important; | ||
margin-top: 0 !important; | margin-top: 0 !important; | ||
} | } | ||
body:is(.page-🇷🇴_Румунія) .vector-page-titlebar { | body:is(.page-🇷🇴_Румунія, .page-has-hero) .vector-page-titlebar { | ||
position: absolute; | position: absolute; | ||
top: 12px; | top: 12px; | ||
| Рядок 331: | Рядок 331: | ||
} | } | ||
body:is(.page-🇷🇴_Румунія) .vector-page-titlebar .firstHeading { | body:is(.page-🇷🇴_Румунія, .page-has-hero) .vector-page-titlebar .firstHeading { | ||
text-align: center; | text-align: center; | ||
font-size: 40px; | font-size: 40px; | ||
| Рядок 345: | Рядок 345: | ||
/* Mobile: коротший hero */ | /* Mobile: коротший hero */ | ||
@media screen and (max-width: 720px) { | @media screen and (max-width: 720px) { | ||
body:is(.page-🇷🇴_Румунія) { | body:is(.page-🇷🇴_Румунія, .page-has-hero) { | ||
--page-hero-height: 220px; | --page-hero-height: 220px; | ||
} | } | ||
body:is(.page-🇷🇴_Румунія) .vector-page-titlebar { | body:is(.page-🇷🇴_Румунія, .page-has-hero) .vector-page-titlebar { | ||
padding: 0 16px; | padding: 0 16px; | ||
} | } | ||
body:is(.page-🇷🇴_Румунія) .vector-page-titlebar .firstHeading { | body:is(.page-🇷🇴_Румунія, .page-has-hero) .vector-page-titlebar .firstHeading { | ||
font-size: 28px; | font-size: 28px; | ||
} | } | ||
| Рядок 358: | Рядок 358: | ||
/* MinervaNeue — hero для сторінок країн (картинка + заголовок, 60vh, з боковими відступами). | /* MinervaNeue — hero для сторінок країн (картинка + заголовок, 60vh, з боковими відступами). | ||
Верхній і нижній отступи рівні (12px). */ | Верхній і нижній отступи рівні (12px). */ | ||
.skin-minerva.page-🇷🇴_Румунія .pre-content.heading-holder { | :is(.skin-minerva.page-🇷🇴_Румунія, .skin-minerva.page-has-hero) .pre-content.heading-holder { | ||
position: relative; | position: relative; | ||
margin: 12px; | margin: 12px; | ||
| Рядок 373: | Рядок 373: | ||
overflow: hidden; | overflow: hidden; | ||
} | } | ||
.skin-minerva.page-🇷🇴_Румунія .pre-content.heading-holder .page-heading { | :is(.skin-minerva.page-🇷🇴_Румунія, .skin-minerva.page-has-hero) .pre-content.heading-holder .page-heading { | ||
position: relative; | position: relative; | ||
z-index: 1; | z-index: 1; | ||
| Рядок 380: | Рядок 380: | ||
text-align: center; | text-align: center; | ||
} | } | ||
.skin-minerva.page-🇷🇴_Румунія .pre-content.heading-holder .firstHeading { | :is(.skin-minerva.page-🇷🇴_Румунія, .skin-minerva.page-has-hero) .pre-content.heading-holder .firstHeading { | ||
font-family: "Manrope", sans-serif; | font-family: "Manrope", sans-serif; | ||
font-size: 36px; | font-size: 36px; | ||
| Рядок 392: | Рядок 392: | ||
letter-spacing: -0.01em; | letter-spacing: -0.01em; | ||
} | } | ||
.skin-minerva.page-🇷🇴_Румунія .pre-content.heading-holder .tagline { | :is(.skin-minerva.page-🇷🇴_Румунія, .skin-minerva.page-has-hero) .pre-content.heading-holder .tagline { | ||
display: none; | display: none; | ||
} | } | ||
/* На зовсім малих екранах — трохи менший заголовок */ | /* На зовсім малих екранах — трохи менший заголовок */ | ||
@media screen and (max-width: 360px) { | @media screen and (max-width: 360px) { | ||
.skin-minerva.page-🇷🇴_Румунія .pre-content.heading-holder .firstHeading { | :is(.skin-minerva.page-🇷🇴_Румунія, .skin-minerva.page-has-hero) .pre-content.heading-holder .firstHeading { | ||
font-size: 30px; | font-size: 30px; | ||
} | } | ||
| Рядок 460: | Рядок 460: | ||
/* Toolbar (Читати / Редагувати / ...) переміщається JS всередину hero | /* Toolbar (Читати / Редагувати / ...) переміщається JS всередину hero | ||
і ставиться на 24px від нижнього краю, по центру */ | і ставиться на 24px від нижнього краю, по центру */ | ||
body:is(.page-🇷🇴_Румунія) .vector-page-titlebar .vector-page-toolbar { | body:is(.page-🇷🇴_Румунія, .page-has-hero) .vector-page-titlebar .vector-page-toolbar { | ||
position: absolute; | position: absolute; | ||
bottom: 24px; | bottom: 24px; | ||
| Рядок 471: | Рядок 471: | ||
justify-content: center; | justify-content: center; | ||
} | } | ||
body:is(.page-🇷🇴_Румунія) .vector-page-titlebar .vector-page-toolbar-container { | body:is(.page-🇷🇴_Румунія, .page-has-hero) .vector-page-titlebar .vector-page-toolbar-container { | ||
width: auto !important; | width: auto !important; | ||
display: flex !important; | display: flex !important; | ||
| Рядок 477: | Рядок 477: | ||
gap: 24px; | gap: 24px; | ||
} | } | ||
body:is(.page-🇷🇴_Румунія) .vector-page-titlebar .vector-page-toolbar a { | body:is(.page-🇷🇴_Румунія, .page-has-hero) .vector-page-titlebar .vector-page-toolbar a { | ||
color: #ffffff !important; | color: #ffffff !important; | ||
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); | text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); | ||
| Рядок 484: | Рядок 484: | ||
/* Прибрати суцільну горизонтальну лінію під toolbar (box-shadow Vector), | /* Прибрати суцільну горизонтальну лінію під toolbar (box-shadow Vector), | ||
лишається лише підкреслення активної вкладки */ | лишається лише підкреслення активної вкладки */ | ||
body:is(.page-🇷🇴_Румунія) .vector-page-titlebar .vector-page-toolbar-container { | body:is(.page-🇷🇴_Румунія, .page-has-hero) .vector-page-titlebar .vector-page-toolbar-container { | ||
box-shadow: none !important; | box-shadow: none !important; | ||
} | } | ||