5494
редагування
MediaWiki:Common.css: відмінності між версіями
нема опису редагування
Admin (обговорення | внесок) Немає опису редагування |
Admin (обговорення | внесок) Немає опису редагування |
||
| Рядок 902: | Рядок 902: | ||
} | } | ||
/* --- | /* --- ЗАСІБ АВАРІЙНОГО ВІДНОВЛЕННЯ --- */ | ||
/* | /* Цей код додасть фоновий колір до елемента, що відображає зображення, | ||
щоб ми бачили, чи він займає простір, навіть якщо зображення не завантажилося. */ | |||
.mcc-hero-card .hero-image-wiki { | |||
background-color: #333; /* Тимчасовий темний колір, щоб бачити контейнер */ | |||
} | |||
.mcc-hero-card .hero-image-wiki span { | |||
display: block; | |||
height: 100%; | |||
} | |||
/* ------------------------------------ */ | |||
.mcc-heroes-list { | .mcc-heroes-list { | ||
| Рядок 921: | Рядок 929: | ||
} | } | ||
/* --- | /* --- ПРИХОВУЄМО MediaWiki <pre> (Якщо вони є) --- */ | ||
.mcc-hero-card pre { | .mcc-hero-card pre { | ||
display: none !important; | display: none !important; | ||
| Рядок 935: | Рядок 938: | ||
line-height: 0 !important; | line-height: 0 !important; | ||
} | } | ||
.mcc-hero-card { | .mcc-hero-card { | ||
| Рядок 957: | Рядок 956: | ||
} | } | ||
/* --- КОНТЕЙНЕР ЗОБРАЖЕННЯ | /* --- КОНТЕЙНЕР ЗОБРАЖЕННЯ: Змінено позиціонування --- */ | ||
.mcc-hero-card .hero-image-wiki { | .mcc-hero-card .hero-image-wiki { | ||
/* ЗАЛИШАЄМО position: absolute; для перекриття */ | |||
position: absolute; | position: absolute; | ||
top: 0; | top: 0; | ||
left: 0; | left: 0; | ||
width: 100%; | width: 100%; | ||
height: 100%; | height: 100%; /* Гарантуємо, що він займає всю висоту картки */ | ||
z-index: 0; | z-index: 0; | ||
overflow: hidden; | overflow: hidden; | ||
| Рядок 970: | Рядок 969: | ||
.mcc-hero-card .hero-image-wiki img { | .mcc-hero-card .hero-image-wiki img { | ||
/* Змушуємо зображення розтягнутися */ | |||
width: 100%; | width: 100%; | ||
height: 100%; | height: 100%; | ||
object-fit: cover; | object-fit: cover; | ||
transform: scale(1); | transform: scale(1); | ||
transition: transform 0.3s ease-in-out; | transition: transform 0.3s ease-in-out, filter 0.3s ease-in-out; | ||
} | } | ||
| Рядок 981: | Рядок 981: | ||
} | } | ||
/* --- | /* --- СТИЛІ ТЕКСТУ (КЛІКАБЕЛЬНІСТЬ) --- */ | ||
.mcc-hero-info { | .mcc-hero-info { | ||
position: absolute; | position: absolute; | ||
| Рядок 993: | Рядок 990: | ||
box-sizing: border-box; | box-sizing: border-box; | ||
z-index: 2; | z-index: 2; | ||
background-color: rgba(0, 0, 0, 0.4); | background-color: rgba(0, 0, 0, 0.4); | ||
} | } | ||
| Рядок 1018: | Рядок 1014: | ||
line-height: 1.2; | line-height: 1.2; | ||
text-shadow: 0 0 5px rgba(0, 0, 0, 1), 0 0 10px rgba(0, 0, 0, 0.8); | text-shadow: 0 0 5px rgba(0, 0, 0, 1), 0 0 10px rgba(0, 0, 0, 0.8); | ||
} | } | ||
| Рядок 1030: | Рядок 1021: | ||
} | } | ||
/* --- | /* --- АДАПТИВНІСТЬ --- */ | ||
@media (max-width: 992px) { | @media (max-width: 992px) { | ||
.mcc-heroes-list li { | .mcc-heroes-list li { | ||