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 var(--table-border, white);
    width: 100%;
    font-family: Arial, sans-serif;
    background-color: var(--table-bg, #1a1a1a);
    color: var(--table-color, white);
}

/* Заголовки */
.fancy-table th {
    background-color: var(--th-bg, rgba(137,43,226,0.418));
    border: 1px solid var(--table-border, white);
    color: var(--th-color, white);
    padding: 6px;
    transition: background-color 0.3s, color 0.3s;
}

/* Hover для заголовка */
.fancy-table th:hover {
    background-color: var(--th-hover-bg, rgba(81,29,129,0.733));
    color: var(--th-hover-color, #ffffcc);
}

/* Ячейки */
.fancy-table td {
    border: 1px solid var(--table-border, white);
    padding: 6px;
    position: relative;
    transition: background-color 0.3s, box-shadow 0.3s;
}

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

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

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

/*END M&B*/