MediaWiki:Common.css: відмінності між версіями
About banner: lighter, taller, no fill — only colored accent stripe
(Drawer: About → big banner at top; Disclaimer → below Settings) |
(About banner: lighter, taller, no fill — only colored accent stripe) |
||
| Рядок 663: | Рядок 663: | ||
} | } | ||
/* MinervaNeue — баннер "Про Країнопедію" зверху drawer */ | /* MinervaNeue — баннер "Про Країнопедію" зверху drawer (легкий, без заливки) */ | ||
.skin-minerva .drawer-about-banner { | .skin-minerva .drawer-about-banner { | ||
display: flex; | display: flex; | ||
| Рядок 669: | Рядок 669: | ||
justify-content: space-between; | justify-content: space-between; | ||
margin: 12px; | margin: 12px; | ||
padding: 20px | padding: 44px 20px 44px 24px; | ||
background: | background: transparent; | ||
border: 1px solid #eaecf0; | |||
border-radius: 14px; | border-radius: 14px; | ||
color: # | color: #1a2240 !important; | ||
text-decoration: none !important; | text-decoration: none !important; | ||
font-family: "Manrope", sans-serif; | font-family: "Manrope", sans-serif; | ||
position: relative; | position: relative; | ||
overflow: hidden; | overflow: hidden; | ||
order: -10; | order: -10; | ||
transition: border-color .15s ease, background .15s ease; | |||
} | } | ||
.skin-minerva .drawer-about-banner::before { | .skin-minerva .drawer-about-banner::before { | ||
| Рядок 684: | Рядок 685: | ||
position: absolute; | position: absolute; | ||
left: 0; top: 0; bottom: 0; | left: 0; top: 0; bottom: 0; | ||
width: | width: 4px; | ||
background: linear-gradient( | background: linear-gradient( | ||
to bottom, | to bottom, | ||
| Рядок 695: | Рядок 696: | ||
.skin-minerva .drawer-about-banner__title { | .skin-minerva .drawer-about-banner__title { | ||
font-weight: 700; | font-weight: 700; | ||
font-size: | font-size: 20px; | ||
letter-spacing: -0.01em; | letter-spacing: -0.01em; | ||
line-height: 1.25; | line-height: 1.25; | ||
color: #1a2240; | |||
} | } | ||
.skin-minerva .drawer-about-banner__arrow { | .skin-minerva .drawer-about-banner__arrow { | ||
font-size: 22px; | font-size: 22px; | ||
line-height: 1; | line-height: 1; | ||
color: #72777d; | |||
transition: transform .15s ease, | transition: transform .15s ease, color .15s ease; | ||
flex-shrink: 0; | flex-shrink: 0; | ||
margin-left: 12px; | margin-left: 12px; | ||
| Рядок 711: | Рядок 712: | ||
.skin-minerva .drawer-about-banner:active { | .skin-minerva .drawer-about-banner:active { | ||
text-decoration: none !important; | text-decoration: none !important; | ||
color: # | color: #1a2240 !important; | ||
border-color: #c8ccd1; | |||
background: #fafbfc; | |||
} | } | ||
.skin-minerva .drawer-about-banner:hover .drawer-about-banner__arrow, | .skin-minerva .drawer-about-banner:hover .drawer-about-banner__arrow, | ||
.skin-minerva .drawer-about-banner:active .drawer-about-banner__arrow { | .skin-minerva .drawer-about-banner:active .drawer-about-banner__arrow { | ||
transform: translateX(4px); | transform: translateX(4px); | ||
color: #1a2240; | |||
} | } | ||