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

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

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

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

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

Admin

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

5494

редагування

@@ Рядок 902: / Рядок 902: @@
 }
-/* --- ГЛОБАЛЬНІ СТИЛІ СПИСКУ --- */
+/* --- ГЛОБАЛЬНІ СТИЛІ СПИСКУ (Сітка 5 колонок) --- */
 .mcc-heroes-list {
      display: flex;
@@ Рядок 913: / Рядок 913: @@
 .mcc-heroes-list li {
-     width: 18.5%; /* 5 колонок */
+     width: 18.5%;
      margin-bottom: 20px;
      box-sizing: border-box;
@@ Рядок 924: / Рядок 924: @@
      border-radius: 4px;
      overflow: hidden;
-     position: relative; /* Базовий контейнер для absolute позиціонування */
+     position: relative;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);
      background-color: #1a1a1a;
@@ Рядок 933: / Рядок 933: @@
 .mcc-hero-card:hover {
      box-shadow: 0 10px 25px rgba(0, 0, 0, 0.7);
-     transform: translateY(-3px); /* Легкий підйом */
+     transform: translateY(-3px);
 }
-/* --- КЛЮЧОВЕ РІШЕННЯ: ПОСИЛАННЯ-НАКЛАДКА --- */
+/* --- КОНТЕЙНЕР ЗОБРАЖЕННЯ --- */
-.mcc-hero-overlay-link {
-    display: block;
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-    text-decoration: none;
-    background: none; /* Прозоре, щоб бачити вміст */
-    z-index: 100; /* !!! НАЙВИЩИЙ ШАР: Гарантовано перехоплює клік !!! */
-    cursor: pointer;
-}
-/* --- КОНТЕЙНЕР ЗОБРАЖЕННЯ (Елемент MediaWiki) --- */
-/* Цей елемент тепер є прямим дочірнім елементом .mcc-hero-card */
 .mcc-hero-card .hero-image-wiki {
      position: absolute;
@@ Рядок 974: / Рядок 959: @@
 }
-/* --- ГРАДІЄНТНЕ ПОКРИТТЯ (Використовуємо ::before/::after на картці, а не на посиланні) --- */
+/* --- ІНФОРМАЦІЙНИЙ БЛОК (КОНТЕЙНЕР ДЛЯ ПОСИЛАННЯ) --- */
-.mcc-hero-card::after {
-    content: '';
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-    background: linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.0) 50%);
-    z-index: 1; /* Під посиланням */
-}
-/* --- ІНФОРМАЦІЙНИЙ БЛОК --- */
 .mcc-hero-info {
      position: absolute;
-     bottom: 15px;
+     bottom: 0; /* Притискаємо до нижнього краю */
      width: 100%;
      text-align: center;
-     padding: 0 5px;
+     padding: 15px 5px; /* Додаємо відступи навколо тексту */
      box-sizing: border-box;
-     z-index: 2; /* Над градієнтом, але під посиланням-накладкою */
+     z-index: 2;
+    /* Можна додати фон для кращої читабельності, якщо потрібно: */
+    /* background-color: rgba(0, 0, 0, 0.6); */
+}
+/* --- ПОСИЛАННЯ (НІКНЕЙМ ТА ДАТА) --- */
+.mcc-hero-text-link {
+    display: block;
+    text-decoration: none;
+    /* Знімаємо базовий колір посилання, щоб кольори нікнейма/дати діяли */
+    color: inherit;
+    cursor: pointer;
 }
+/* --- СТИЛІ ТЕКСТУ --- */
 .mcc-hero-nickname {
      font-size: 14px;
@@ Рядок 1002: / Рядок 987: @@
      font-weight: bold;
      line-height: 1.2;
-     text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.9);
+    /* Агресивна тінь для читабельності без градієнта */
+     text-shadow: 0 0 5px rgba(0, 0, 0, 1), 0 0 10px rgba(0, 0, 0, 0.8);
 }
@@ Рядок 1010: / Рядок 996: @@
      opacity: 0.9;
      line-height: 1.2;
-     text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.9);
+     text-shadow: 0 0 5px rgba(0, 0, 0, 1), 0 0 10px rgba(0, 0, 0, 0.8);
 }