MediaWiki:Dark.css: відмінності між версіями
Wiki (обговорення | внесок) Немає опису редагування |
Wiki (обговорення | внесок) Немає опису редагування |
||
| Рядок 332: | Рядок 332: | ||
border-left: 5px solid #4d4dff !important; | border-left: 5px solid #4d4dff !important; | ||
padding-left: 15px !important; | padding-left: 15px !important; | ||
} | |||
/* ========================= | |||
СТИЛІ ДЛЯ БАНЕРІВ | |||
========================= */ | |||
.bottom-banner { | |||
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important; | |||
color: white !important; | |||
padding: 25px 0 !important; | |||
margin-top: 40px !important; | |||
font-family: Arial, sans-serif !important; | |||
display: block !important; | |||
width: 100% !important; | |||
box-sizing: border-box !important; | |||
position: relative !important; | |||
z-index: 10000 !important; | |||
} | |||
.banner-content { | |||
max-width: 1200px !important; | |||
margin: 0 auto !important; | |||
text-align: center !important; | |||
} | |||
.banner-title { | |||
font-size: 24px !important; | |||
margin-bottom: 10px !important; | |||
font-weight: bold !important; | |||
color: white !important; | |||
} | |||
.banner-buttons { | |||
margin-top: 15px !important; | |||
} | |||
.banner-btn { | |||
background: rgba(255,255,255,0.2) !important; | |||
color: white !important; | |||
border: 1px solid white !important; | |||
padding: 10px 20px !important; | |||
margin: 0 10px !important; | |||
text-decoration: none !important; | |||
border-radius: 25px !important; | |||
display: inline-block !important; | |||
transition: all 0.3s !important; | |||
} | |||
.banner-btn:hover { | |||
background: white !important; | |||
color: #667eea !important; | |||
} | |||
/* footer */ | |||
#footer .bottom-banner, | |||
.mw-footer .bottom-banner, | |||
.footer .bottom-banner { | |||
display: block !important; | |||
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important; | |||
} | |||
/* accessibility mode */ | |||
body.accessibility-mode .bottom-banner { | |||
border: 3px solid #ffff00 !important; | |||
background: #000000 !important; | |||
} | |||
body.accessibility-mode .banner-btn { | |||
border: 3px solid #ffffff !important; | |||
background: #4d4dff !important; | |||
color: #ffffff !important; | |||
font-size: 16px !important; | |||
padding: 14px 20px !important; | |||
} | } | ||