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

/*** Импорты ***/
/* 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;
    border: 1px solid black;
    width: 100%;
    font-family: Arial, sans-serif;
}

/* Настройка заголовка таблицы */
.fancy-table th {
    background-color: rgba(137, 43, 226, 0.42);
    border: 1px solid black;
    padding: 6px;
    text-align: left;
    transition: background-color 0.3s, color 0.3s;
}

/* Hover эффект для заголовков */
.fancy-table th:hover {
    background-color: rgba(81, 29, 129, 0.73);
    color: white;
}

/* Обычные ячейки */
.fancy-table td {
    border: 1px solid black;
    padding: 6px;
    position: relative;
    transition: background-color 0.3s, box-shadow 0.3s;
}

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

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

/* Анимация нижней линии при ховере */
.fancy-table td:hover::before {
    transform: scaleX(1);
}
/* Табличка end */

/*END M&B*/