MediaWiki:Common.css: відмінності між версіями
Drawer: About → big banner at top; Disclaimer → below Settings
(Login button: coral CTA color from logo; pin Settings to drawer bottom) |
(Drawer: About → big banner at top; Disclaimer → below Settings) |
||
| Рядок 649: | Рядок 649: | ||
border-top: 1px solid #eaecf0; | border-top: 1px solid #eaecf0; | ||
padding-top: 4px; | padding-top: 4px; | ||
} | |||
/* Disclaimer (єдиний пункт у ul.hlist після видалення About) — під налаштуваннями */ | |||
.skin-minerva #mw-mf-page-left ul.hlist { | |||
order: 100; | |||
margin: 0 0 8px; | |||
padding: 0; | |||
list-style: none; | |||
} | |||
.skin-minerva #mw-mf-page-left ul.hlist .toggle-list-item__anchor { | |||
font-size: 13px; | |||
color: #72777d; | |||
padding: 8px 16px; | |||
} | |||
/* MinervaNeue — баннер "Про Країнопедію" зверху drawer */ | |||
.skin-minerva .drawer-about-banner { | |||
display: flex; | |||
align-items: center; | |||
justify-content: space-between; | |||
margin: 12px; | |||
padding: 20px 18px; | |||
background: linear-gradient(135deg, #001028 0%, #1a2240 55%, #1070b0 100%); | |||
border-radius: 14px; | |||
color: #ffffff !important; | |||
text-decoration: none !important; | |||
font-family: "Manrope", sans-serif; | |||
position: relative; | |||
overflow: hidden; | |||
box-shadow: 0 4px 14px rgba(0, 16, 40, 0.18); | |||
order: -10; | |||
} | |||
.skin-minerva .drawer-about-banner::before { | |||
content: ""; | |||
position: absolute; | |||
left: 0; top: 0; bottom: 0; | |||
width: 5px; | |||
background: linear-gradient( | |||
to bottom, | |||
#00b898 0% 25%, | |||
#f8b020 25% 50%, | |||
#1070b0 50% 75%, | |||
#f84840 75% 100% | |||
); | |||
} | |||
.skin-minerva .drawer-about-banner__title { | |||
font-weight: 700; | |||
font-size: 18px; | |||
letter-spacing: -0.01em; | |||
line-height: 1.25; | |||
padding-left: 6px; | |||
} | |||
.skin-minerva .drawer-about-banner__arrow { | |||
font-size: 22px; | |||
line-height: 1; | |||
opacity: 0.75; | |||
transition: transform .15s ease, opacity .15s ease; | |||
flex-shrink: 0; | |||
margin-left: 12px; | |||
} | |||
.skin-minerva .drawer-about-banner:hover, | |||
.skin-minerva .drawer-about-banner:active { | |||
text-decoration: none !important; | |||
color: #ffffff !important; | |||
} | |||
.skin-minerva .drawer-about-banner:hover .drawer-about-banner__arrow, | |||
.skin-minerva .drawer-about-banner:active .drawer-about-banner__arrow { | |||
transform: translateX(4px); | |||
opacity: 1; | |||
} | } | ||