5494
редагування
MediaWiki:Common.css: відмінності між версіями
нема опису редагування
Admin (обговорення | внесок) Немає опису редагування |
Admin (обговорення | внесок) Немає опису редагування |
||
| Рядок 456: | Рядок 456: | ||
} | } | ||
/* Список героїв - 5 в рядок */ | |||
/* Список героїв */ | |||
.mcc-heroes-list { | .mcc-heroes-list { | ||
display: flex; | display: flex; | ||
flex-wrap: wrap; | flex-wrap: wrap; | ||
gap: | gap: 8px; | ||
list-style: none; | list-style: none; | ||
padding: 0; | padding: 0; | ||
| Рядок 472: | Рядок 468: | ||
.mcc-heroes-list li { | .mcc-heroes-list li { | ||
margin: 0; | margin: 0; | ||
padding: 0; | |||
} | } | ||
| Рядок 477: | Рядок 474: | ||
.mcc-hero-card { | .mcc-hero-card { | ||
position: relative; | position: relative; | ||
display: | display: block; | ||
width: | width: 185px; | ||
max-width: 100%; | max-width: 100%; | ||
border-radius: | border-radius: 0; | ||
overflow: hidden; | overflow: hidden; | ||
background: #1a1a2e; | background: #1a1a2e; | ||
transition: transform 0.2s ease, box-shadow 0.2s ease; | |||
} | |||
/* Hover анімація */ | |||
.mcc-hero-card:hover { | |||
transform: translateY(-4px); | |||
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4); | |||
} | } | ||
| Рядок 510: | Рядок 513: | ||
} | } | ||
.mcc-hero-nickname a { | /* Білий колір посилання без іконки */ | ||
color: #fff; | .mcc-hero-nickname a, | ||
.mcc-hero-nickname a:visited { | |||
color: #fff !important; | |||
text-decoration: none; | text-decoration: none; | ||
background: none !important; | |||
padding-right: 0 !important; | |||
} | } | ||
.mcc-hero-nickname a:hover { | .mcc-hero-nickname a:hover { | ||
text-decoration: underline; | text-decoration: underline; | ||
color: #fff !important; | |||
} | |||
/* Прибираємо іконку зовнішнього посилання */ | |||
.mcc-hero-nickname a.external, | |||
.mcc-hero-nickname a.external:after, | |||
.mcc-hero-nickname a.extiw, | |||
.mcc-hero-nickname a.extiw:after { | |||
background-image: none !important; | |||
padding-right: 0 !important; | |||
} | |||
.mcc-hero-nickname a.external::after, | |||
.mcc-hero-nickname a.extiw::after { | |||
content: none !important; | |||
display: none !important; | |||
} | } | ||
| Рядок 533: | Рядок 556: | ||
.mcc-champion-card { | .mcc-champion-card { | ||
box-shadow: 0 0 0 2px #ffd700; | box-shadow: 0 0 0 2px #ffd700; | ||
} | |||
.mcc-champion-card:hover { | |||
box-shadow: 0 0 0 2px #ffd700, 0 8px 24px rgba(0, 0, 0, 0.4); | |||
} | |||
/* Mobile responsive */ | |||
@media (max-width: 768px) { | |||
.mcc-hero-card { | |||
width: calc(33.333% - 6px); | |||
min-width: 100px; | |||
} | |||
} | |||
@media (max-width: 480px) { | |||
.mcc-hero-card { | |||
width: calc(50% - 4px); | |||
} | |||
} | } | ||