MediaWiki:Common.css: відмінності між версіями

нема опису редагування
Немає опису редагування
Немає опису редагування
Рядок 1019: Рядок 1019:
.mcc-hero-card:hover {
.mcc-hero-card:hover {
   box-shadow: 0 8px 20px rgba(0, 0, 0, 0.6); /* Більш виражена тінь при наведенні */
   box-shadow: 0 8px 20px rgba(0, 0, 0, 0.6); /* Більш виражена тінь при наведенні */
}
/* 1. Стиль для no page: Чорно-біле зображення */
.mcc-hero-card.no-page-card .hero-image-wiki {
    filter: grayscale(100%); /* Робить зображення чорно-білим */
    opacity: 0.7; /* Трохи зменшуємо прозорість для підкреслення */
}
/* 2. Стиль для no page: Прибираємо типовий курсор посилання */
.mcc-hero-card.no-page-card .mcc-hero-link {
    cursor: default; /* Робимо курсор звичайним, щоб візуально прибрати посилання */
}
/* 3. Опціонально: Прибираємо тінь при наведенні для no page */
.mcc-hero-card.no-page-card:hover {
    transform: none; /* Відміняємо анімацію збільшення картки, якщо вона є */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); /* Залишаємо стандартну тінь */
}
.mcc-hero-card.no-page-card:hover .hero-image-wiki {
    transform: scale(1); /* Відміняємо анімацію масштабування зображення */
}
/* 1. Стиль для Champion: Інша рамка (наприклад, золота/фіолетова) */
.mcc-hero-card .champion-card {
    border: 3px solid #FFD700; /* Золота рамка навколо посилання */
    border-radius: 12px;
    box-shadow: 0 0 15px rgba(255, 215, 0, 0.5); /* Світіння */
}
/* 2. Стиль для Champion: Краща анімація (більше збільшення при наведенні) */
.mcc-hero-card:hover .champion-card .hero-image-wiki {
    transform: scale(1.15); /* Більше масштабування, ніж стандартне (1.1) */
}
/* 3. Стиль для Champion: Краща анімація (посилене світіння) */
.mcc-hero-card:hover .champion-card {
    box-shadow: 0 0 25px rgba(255, 215, 0, 0.9); /* Яскравіше світіння */
}
}