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

Страница интерфейса MediaWiki
(Повышение специфичности правила)
м (Добавлен импорт на стили Tooltips)
 
(не показано 9 промежуточных версий 1 участника)
Строка 1: Строка 1:
/* Временный общий импорт стиля для шаблона */
/*** Импорты ***/
/* Extra - страница с новыми селекторами */
@import "/index.php?ctype=text/css&action=raw&title=MediaWiki:Extra.css";
@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";
@media(max-width: 700px) {
  src: url("/images/d/db/Boxfont_Round.ttf") format("truetype");
div.infobox {
float: none;
margin: 16px;
width: auto;
}
}
 
/* Чередование строк в таблице */
.skin-citizen-dark .alternation tr:nth-child(even) {
background-color: #ffffff1a;
}
 
.skin-citizen-light .alternation tr:nth-child(even) {
background-color: #0000001a;
}
}


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


/* Костыль с использованием image url для Шаблона:Заголовок */
/* Первая строка-заголовок таблиц */
.home-header:before {
tr:first-child:has(th):not(:has(td)) {
    content: "";
     background-color: var(--color-surface-4);
    position: absolute;
    top: 1rem;
    bottom: 4.75rem;
    left: 0;
    right: 0;
    opacity: 0.1;
    background-image: url("https://wiki.adventurestation.space/images/4/40/LOGO.png");
    background-repeat: no-repeat;
    background-position: right;
}
 
/*** Общий стиль для инфобокса ***/
.infobox {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
 
  float: right;
  margin-left: 16px;
 
  width: 318px;
 
  background: #000;
}
 
.inf-title { 
  padding: 2px 4px;
 
  background-color: var(--color-surface-1);
 
  text-align: center;
  font-size: 1.8em;
}
 
div.infobox > p {
    text-align: center; /* Костыль для позиционирования изображений внутри инфобокса*/
}
 
.inf-row {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
 
  padding: 6px 6px;
 
  border-bottom: solid black 1px;
  background-color: var(--color-surface-2);
}
 
.inf-row:last-child {
    border-bottom: none;
}
 
.inf-row:hover {
     background-color: var(--color-surface-2--hover);
}
 
.inf-label {
  flex: 1 2 35%;
 
  text-align: left;
  font-weight: bold;
}
 
.inf-data {
  flex: 3 1 65%;
  padding-left: 6px;
 
  text-align: left;
}
}


.inf-header {
select option {
  padding: 2px 4px;
    background: var(--color-surface-0);
 
  text-align: center;
  font-size: 1.2em;
  font-weight: bold;
 
  background-color: var(--color-surface-4);
}
}

Текущая версия от 20:23, 16 ноября 2024

/*** Импорты ***/
/* 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);
}