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

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

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

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

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

Admin

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

5494

редагування

@@ Рядок 902: / Рядок 902: @@
 }
-/* --- ГЛОБАЛЬНІ СТИЛІ СПИСКУ (Сітка 5 колонок) --- */
 .mcc-heroes-list {
      display: flex;
@@ Рядок 918: / Рядок 917: @@
 }
-/* --- БАЗОВА КАРТКА --- */
 .mcc-hero-card {
      height: 242px;
@@ Рядок 936: / Рядок 934: @@
 }
-/* --- КОНТЕЙНЕР ЗОБРАЖЕННЯ --- */
+/* --- КОНТЕЙНЕР ЗОБРАЖЕННЯ (НЕМАЄ ГРАДІЄНТА) --- */
 .mcc-hero-card .hero-image-wiki {
      position: absolute;
@@ Рядок 962: / Рядок 960: @@
 .mcc-hero-info {
      position: absolute;
-     bottom: 0; /* Притискаємо до нижнього краю */
+     bottom: 0;
      width: 100%;
      text-align: center;
-     padding: 15px 5px; /* Додаємо відступи навколо тексту */
+     padding: 15px 5px; /* Забезпечуємо відступи для тексту */
      box-sizing: border-box;
      z-index: 2;
-    /* Можна додати фон для кращої читабельності, якщо потрібно: */
-    /* background-color: rgba(0, 0, 0, 0.6); */
 }
 /* --- ПОСИЛАННЯ (НІКНЕЙМ ТА ДАТА) --- */
 .mcc-hero-text-link {
-     display: block;
+     display: block; /* Посилання повинно бути блоковим, щоб вміщувати текст */
-     text-decoration: none;
+     text-decoration: none; /* Прибираємо підкреслення */
-    /* Знімаємо базовий колір посилання, щоб кольори нікнейма/дати діяли */
      color: inherit;
      cursor: pointer;
@@ Рядок 984: / Рядок 979: @@
 .mcc-hero-nickname {
      font-size: 14px;
-     color: white;
+     color: white!important; /* Перезаписуємо колір, якщо він успадковується від a:visited */
      font-weight: bold;
      line-height: 1.2;
-    /* Агресивна тінь для читабельності без градієнта */
      text-shadow: 0 0 5px rgba(0, 0, 0, 1), 0 0 10px rgba(0, 0, 0, 0.8);
 }
@@ Рядок 993: / Рядок 987: @@
 .mcc-hero-date {
      font-size: 14px;
-     color: yellow;
+     color: yellow!important; /* Перезаписуємо колір */
      opacity: 0.9;
      line-height: 1.2;
@@ Рядок 999: / Рядок 993: @@
 }
-/* --- КАРТКА ЧЕМПІОНА --- */
+.mcc-hero-text-link:hover .mcc-hero-nickname,
-.mcc-champion-card {
+.mcc-hero-text-link:hover .mcc-hero-date {
-    border: 2px solid yellow;
+    /* Додаємо невеликий ефект наведення на текст */
-    box-shadow: 0 4px 10px rgba(255, 204, 0, 0.5);
+     text-decoration: underline;
-}
-/* --- АДАПТИВНІСТЬ --- */
-@media (max-width: 992px) {
-    .mcc-heroes-list li {
-        width: calc(33.333% - 13.333px); /* 3 в ряд */
-    }
-}
-@media (max-width: 768px) {
-    .mcc-heroes-list li {
-        width: calc(50% - 10px); /* 2 в ряд */
-        margin-bottom: 10px;
-     }
-}
-@media (max-width: 576px) {
-    .mcc-heroes-list li {
-        width: 100%; /* 1 в ряд */
-        margin-bottom: 10px;
-    }
 }