2206
редагувань
MediaWiki:Common.css: відмінності між версіями
нема опису редагування
Admin (обговорення | внесок) Немає опису редагування |
Admin (обговорення | внесок) Немає опису редагування |
||
| Рядок 11: | Рядок 11: | ||
.banner-wrapper { | .banner-wrapper { | ||
width: 960px; | width: 960px; | ||
max-width: 100%; | |||
height: 240px; | |||
overflow: hidden; | overflow: hidden; | ||
margin: 0 auto; | margin: 0 auto; | ||
position: relative; | |||
} | } | ||
.banner- | .banner-img { | ||
width: 960px; | width: 960px; | ||
height: auto; | height: auto; | ||
display: block; | display: block; | ||
position: relative; | |||
left: 0; | |||
transition: left 0.3s ease-in-out; | |||
} | } | ||
/* | /* На вузьких екранах — зсуваємо картинку вліво для обрізки */ | ||
@media screen and (max-width: 600px) { | @media screen and (max-width: 600px) { | ||
.banner-wrapper { | .banner-wrapper { | ||
width: | width: 400px; | ||
height: 240px; | |||
} | } | ||
.banner- | .banner-img { | ||
position: relative; | |||
left: -280px; /* центрований фрагмент (960 - 400)/2 = 280px */ | |||
} | } | ||
} | } | ||