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

MediaWiki:Common.css (переглянути вихідний код)

Версія за 09:41, 22 листопада 2025

172 байти вилучено , 22 листопад

нема опису редагування

Admin

Бюрократи, Адміністратори інтерфейсу, Адміністратори

5494

редагування

@@ Рядок 900: / Рядок 900: @@
      background-color: #1957FF !important;
      color: black !important;
-}
-/* --- ОСНОВНИЙ КОНТЕЙНЕР СПИСКУ --- */
-.mcc-heroes-list {
-    display: flex;
-    flex-wrap: wrap;
-    justify-content: space-between;
-    list-style: none;
-    padding: 0;
-    margin: 20px 0;
-}
-.mcc-heroes-list li {
-    width: 18.5%;
-    margin-bottom: 20px;
 }
@@ Рядок 923: / Рядок 908: @@
      border-radius: 0px;
      overflow: hidden;
-     position: relative;
+     position: relative; /* ВАЖЛИВО: забезпечує контекст для дочірніх absolute */
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
      background-color: #333;
      transition: box-shadow 0.3s ease-in-out;
      border: 1px solid rgba(255, 255, 255, 0.1);
-}
-.mcc-hero-card:hover {
-    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.6);
 }
@@ Рядок 939: / Рядок 920: @@
      height: 100%;
      width: 100%;
-     position: relative;
+     position: relative; /* Додаємо position: relative для створення стекового контексту */
      text-decoration: none;
      color: white;
      /* ЗНАЧЕННЯ ГАРАНТІЇ: Завжди має бути клікабельним */
-     z-index: 100;
+     z-index: 2; /* Зменшуємо z-index, щоб дочірні елементи могли бути вище, але залишаємо його, якщо потрібно. */
      overflow: hidden;
-}
+     cursor: pointer; /* Додаємо, щоб підтвердити клікабельність */
-/* --- КОНТЕЙНЕР ЗОБРАЖЕННЯ (Елемент вікі) --- */
-.mcc-hero-card .hero-image-wiki {
-    position: absolute;
-    top: 0;
-     left: 0;
-    width: 100%;
-    height: 100%;
-    z-index: 0;
-    overflow: hidden;
-}
-/* --- ЗОБРАЖЕННЯ IMG: ПЛАВНІСТЬ ТА МАСШТАБУВАННЯ --- */
-.mcc-hero-card .hero-image-wiki img {
-    width: 100%;
-    height: 100%;
-    object-fit: cover;
-    transform: scale(1);
-    transition: transform 0.3s ease-in-out, filter 0.3s ease-in-out, opacity 0.3s ease-in-out;
-}
-.mcc-hero-card:hover .hero-image-wiki img {
-    transform: scale(1.1);
 }
@@ Рядок 980: / Рядок 938: @@
      height: 100%;
      background: linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.0) 50%);
-     z-index: 1;
+     z-index: 1; /* Градієнт над зображенням, але під текстом */
+    pointer-events: none; /* ВИРІШАЛЬНИЙ МОМЕНТ: Дозволяє кліку проходити крізь цей елемент до батьківського <a> */
 }
@@ Рядок 991: / Рядок 950: @@
      padding: 0 5px;
      box-sizing: border-box;
-     z-index: 3;
+     z-index: 3; /* Текст над градієнтом */
+    pointer-events: none; /* ВИРІШАЛЬНИЙ МОМЕНТ: Дозволяє кліку проходити крізь цей елемент до батьківського <a> */
 }
-.mcc-hero-nickname {
+/* --- КОНТЕЙНЕР ЗОБРАЖЕННЯ --- */
-    font-size: 14px;
+.mcc-hero-card .hero-image-wiki {
-    color: white;
+     position: absolute;
-    font-weight: bold;
+     top: 0;
-    line-height: 1.2;
+     left: 0;
-    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.7);
+     width: 100%;
-}
+    height: 100%;
+     z-index: 0; /* Зображення під усім */
-.mcc-hero-date {
+     overflow: hidden;
-     font-size: 14px;
-     color: yellow;
-     opacity: 0.9;
-     line-height: 1.2;
-     text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.7);
-}
-/* --- КАРТКА ЧЕМПІОНА --- */
-.mcc-champion-card {
-     border: 1px solid yellow;
 }