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;
    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 {
    background-color: rgba(81, 29, 129, 0.733);
    color: white;
}

/* Hover для ячеек — старый эффект */
.fancy-table td:hover {
    box-shadow: inset 0px 0px 15px rgba(0,0,0,0.3);
    transition: linear 0.3s;
}

/* Нижняя линия при 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*/