6202
редагування
MediaWiki:Common.css: відмінності між версіями
нема опису редагування
Admin (обговорення | внесок) Немає опису редагування |
Admin (обговорення | внесок) Немає опису редагування Мітка: Ручний відкіт |
||
| (Не показано 6 проміжних версій цього користувача) | |||
| Рядок 1478: | Рядок 1478: | ||
padding: 20px 30px; | padding: 20px 30px; | ||
margin-bottom: 20px; | margin-bottom: 20px; | ||
background-image: url('/images/ | background-image: url('/images/4/44/Searchbackground.png'); | ||
background-size: cover; | background-size: cover; | ||
background-position: center; | background-position: center; | ||
| Рядок 1503: | Рядок 1503: | ||
position: relative; | position: relative; | ||
z-index: 1; | z-index: 1; | ||
display: flex; | |||
align-items: center; | |||
gap: 12px; | |||
} | |||
.header-banner__logo span[typeof="mw:File"], | |||
.header-banner__logo > span:first-child { | |||
display: flex; | |||
align-items: center; | |||
} | |||
.header-banner__logo > span:last-child { | |||
font-size: 24px; | |||
font-weight: 700; | |||
color: #fff !important; | |||
letter-spacing: 1px; | |||
text-shadow: 0 2px 4px rgba(0,0,0,0.5); | |||
white-space: nowrap; | |||
} | } | ||
| Рядок 1535: | Рядок 1553: | ||
.header-banner__search input { | .header-banner__search input { | ||
width: | width: 360px; | ||
margin-right: 16px; | |||
padding: 12px 16px; | padding: 12px 16px; | ||
font-size: 14px; | font-size: 14px; | ||
border: none; | border: none; | ||
border-radius: | border-radius: 6px; | ||
background: #fff; | background: #fff; | ||
color: #333; | color: #333; | ||
| Рядок 1558: | Рядок 1577: | ||
font-weight: 600; | font-weight: 600; | ||
border: none; | border: none; | ||
border-radius: | border-radius: 6px; | ||
background: #3b82f6; | background: #3b82f6; | ||
color: #fff; | color: #fff; | ||
| Рядок 1589: | Рядок 1608: | ||
flex: 1; | flex: 1; | ||
width: auto; | width: auto; | ||
} | |||
} | |||
@media (max-width: 768px) { | |||
.header-banner__logo > span:last-child { | |||
font-size: 16px; | |||
letter-spacing: 0.5px; | |||
} | |||
} | |||
@media (max-width: 480px) { | |||
.header-banner__logo > span:last-child { | |||
display: none; | |||
} | } | ||
} | } | ||