5494
редагування
MediaWiki:Common.css: відмінності між версіями
нема опису редагування
Admin (обговорення | внесок) Немає опису редагування |
Admin (обговорення | внесок) Немає опису редагування |
||
| Рядок 923: | Рядок 923: | ||
overflow: hidden; | overflow: hidden; | ||
position: relative; | position: relative; | ||
box-shadow: 0 4px 8px rgba(0, 0, 0, 0. | box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); | ||
background-color: #333; | background-color: #333; | ||
transition: box-shadow 0.3s ease-in-out, transform 0.3s ease-in-out; | transition: box-shadow 0.3s ease-in-out, transform 0.3s ease-in-out; | ||
| Рядок 930: | Рядок 930: | ||
.mcc-hero-card:hover { | .mcc-hero-card:hover { | ||
box-shadow: 0 | box-shadow: 0 8px 20px rgba(0, 0, 0, 0.6); | ||
transform: | transform: scale(1.01); | ||
} | } | ||
| Рядок 941: | Рядок 941: | ||
text-decoration: none; | text-decoration: none; | ||
color: white; | color: white; | ||
z-index: | z-index: 100; /* Встановлюємо високий Z-index для посилання */ | ||
overflow: hidden; | overflow: hidden; | ||
cursor: pointer; | cursor: pointer; | ||
} | } | ||
/* --- ГРАДІЄНТНЕ ПОКРИТТЯ ВИДАЛЕНО (mcc-hero-link::after) --- */ | |||
/* Контейнер зображення */ | |||
.mcc-hero-card .hero-image-wiki { | .mcc-hero-card .hero-image-wiki { | ||
position: absolute; | position: absolute; | ||
| Рядок 968: | Рядок 971: | ||
} | } | ||
/* Інформаційний блок (текст) */ | |||
.mcc-hero-info { | .mcc-hero-info { | ||
position: absolute; | position: absolute; | ||
| Рядок 987: | Рядок 979: | ||
padding: 0 5px; | padding: 0 5px; | ||
box-sizing: border-box; | box-sizing: border-box; | ||
z-index: 3; | z-index: 3; | ||
pointer-events: none; | /* pointer-events: none; залишаємо, щоб текст не перехоплював клік */ | ||
pointer-events: none; | |||
} | } | ||
| Рядок 996: | Рядок 989: | ||
font-weight: bold; | font-weight: bold; | ||
line-height: 1.2; | line-height: 1.2; | ||
text-shadow: | /* Збільшуємо тінь, щоб текст був помітнішим без градієнта */ | ||
text-shadow: 0 0 5px rgba(0, 0, 0, 1), 0 0 10px rgba(0, 0, 0, 0.8); | |||
} | } | ||
| Рядок 1004: | Рядок 998: | ||
opacity: 0.9; | opacity: 0.9; | ||
line-height: 1.2; | line-height: 1.2; | ||
text-shadow: | text-shadow: 0 0 5px rgba(0, 0, 0, 1), 0 0 10px rgba(0, 0, 0, 0.8); | ||
} | } | ||
.mcc-champion-card { | .mcc-champion-card { | ||
border: | border: 1px solid yellow; | ||
} | } | ||
@media (max-width: 768px) { | @media (max-width: 768px) { | ||
.mcc-heroes-list { | .mcc-heroes-list { | ||
| Рядок 1022: | Рядок 1014: | ||
margin-bottom: 10px; | margin-bottom: 10px; | ||
} | } | ||
} | } | ||