MediaWiki:Common.css: различия между версиями

Версия от 19:20, 9 сентября 2025

/*** Импорты ***/
/* Extra - страница с новыми селекторами */
@import "/index.php?ctype=text/css&action=raw&title=MediaWiki:Extra.css";
/* Template - страница с новыми селекторами для шаблонов */
@import "/index.php?ctype=text/css&action=raw&title=MediaWiki:Template.css";
/* Pages - страница с новыми селекторами для отдельных страниц */
@import "/index.php?ctype=text/css&action=raw&title=MediaWiki:Pages.css";
/* Tooltips - страница с новыми селекторами для шаблона Tooltips */
@import "/index.php?ctype=text/css&action=raw&title=MediaWiki:Tooltips.css";

@font-face {
  font-family: "Boxfont_Round";
  src: url("/images/d/db/Boxfont_Round.ttf") format("truetype");
}

/*** Описание и изменение встроенных и существующих стилей данного скина ***/
/* Общий стиль таблиц статей */
.citizen-table-wrapper td {
	padding: 6px 4px;
}

/* Первая строка-заголовок таблиц */
tr:first-child:has(th):not(:has(td)) {
    background-color: var(--color-surface-4);
}

select option {
    background: var(--color-surface-0);
}

/* Кастомизация для дополнительных логотипов */
.citizen-header__logo {
    border-bottom: none;
}

/*ADD M&B*/

/* Табличка start */
.fancy-table {
    border-collapse: collapse;
    width: 100%;
    font-family: Arial, sans-serif;
}

.fancy-table th,
.fancy-table td {
    border: 1px solid;
    padding: 6px;
    position: relative;
    transition: background-color 0.3s, box-shadow 0.3s;
}

/* Hover для заголовков */
.fancy-table th:hover {
    filter: brightness(85%);
}

/* Hover для ячеек */
.fancy-table td:hover {
    box-shadow: inset 0 0 10px rgba(255, 255, 255, 0.2);
}

/* Нижняя линия при hover */
.fancy-table td::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: currentColor;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.3s ease;
}

.fancy-table td:hover::before {
    transform: scaleX(1);
}
/* Табличка end */

/*END M&B*/

@@ Строка 37: / Строка 37: @@
 /* Табличка start */
-/* Основные настройки таблицы */
 .fancy-table {
      border-collapse: collapse;
-    border: 1px solid white;
      width: 100%;
      font-family: Arial, sans-serif;
-    background-color: #1a1a1a;
-    color: white;
 }
-/* Настройка заголовка таблицы */
+.fancy-table th,
-.guide-table {
+.fancy-table td {
-    border-collapse: collapse;
+     border: 1px solid;
-    border: 1px solid white;
-}
-/* Стиль заголовков таблицы */
-.guide-table th {
-    background-color: rgba(137, 43, 226, 0.418);
-     border: 1px solid white;
      padding: 6px;
-     color: white;
+     position: relative;
-     transition: background-color 0.3s, color 0.3s;
+     transition: background-color 0.3s, box-shadow 0.3s;
-}
-/* Эффект при наведении на заголовок */
-.guide-table th:hover {
-    background-color: rgba(81, 29, 129, 0.733);
-    color: #ffffcc;
 }
-/* Стиль обычных ячеек таблицы */
+/* Hover для заголовков */
-.guide-table td {
+.fancy-table th:hover {
-     border: 1px solid white;
+     filter: brightness(85%);
-    padding: 6px;
-    position: relative;
-    transition: background-color 0.3s, box-shadow 0.3s;
 }
-/* Hover эффект для ячеек */
+/* Hover для ячеек */
 .fancy-table td:hover {
      box-shadow: inset 0 0 10px rgba(255, 255, 255, 0.2);
 }
-/* Нижняя линия при наведении */
+/* Нижняя линия при hover */
 .fancy-table td::before {
      content: "";
@@ Строка 89: / Строка 69: @@
      width: 100%;
      height: 3px;
-     background-color: white;
+     background-color: currentColor;
      transform: scaleX(0);
      transform-origin: left;
@@ Строка 95: / Строка 75: @@
 }
-/* Анимация нижней линии при ховере */
 .fancy-table td:hover::before {
      transform: scaleX(1);