Код этой вики

Здесь можно найти код и цвета, которые используются на этой вики.

Можно начать с оранжевой темы, но не принципиально.

body.mediawiki:before {
    content: ' ';
    display: block !important;
    position: fixed !important;
    width: 100% !important;
    height: 100% !important;
    background: #f8e9ae;
	background-size: auto 100%;
    background-image: url(https://vignette.wikia.nocookie.net/killhtftest/images/5/50/Wiki-background/revision/latest?cb=20190315191230&path-prefix=ru) !important;
    background-attachment: fixed !important;
    background-position: right top;
    background-repeat: repeat-x !important;
    z-index: -100;
}

Файл:Favicon.ico

### Заголовки

```
.WikiaPage .page-header__title {
    font-family: Segoe UI, "Helvetica Neue", Ubuntu, Helvetica, Arial, sans-serif;
	font-weight: normal;
}

 h2 (в вики-разметке `== ==`) Ранее были h3 и h4, но от них было решено отказаться для того, чтобы лишний раз не задевать инфобоксы.
```
.WikiaArticle h2 {
    border-image: linear-gradient(to right, orange 0px, orange 40%, transparent 90%);
    padding-bottom: 4px;
}
.WikiaArticle h2 {
	border-bottom: 2px solid transparent;
	border-image-slice: 1;
    font-family: Segoe UI, "Helvetica Neue", Ubuntu, Helvetica, Arial, sans-serif;
}

```
.WikiaRail .rail-module h2 {
	border-bottom: 2px solid transparent;
	border-image: linear-gradient(to right, orange 0px, orange 15%, transparent 70%);
	border-image-slice: 1;
}

.WikiaRail .module h2, .WikiaRail .rail-module h2 {
	font-family: Segoe UI, "Helvetica Neue", Ubuntu, Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: 18px;
}

```

### Рельс

```
.WikiaRail .module, .WikiaArticle .toc {
	border: 1px solid #f2c35c;
	border-radius: 22px 9px;
	box-shadow: 0px 2px 4px #ffac14c7;
}

```
.rotated figure a {
    transform: rotate(45deg);
}

```

### Прочее

```
.custom-table {
   background: #fff7c2;
}
.custom-table th {
	text-align: center !important;
	border-bottom: 3px #ECB27E solid;
}
.custom-table td {
	border-bottom: 3px #FFC999 solid;
}

 Цвет для блоков кода (pre) + отдельный класс для прозрачного фона этого блока (ранее был в шаблоне скрытия)
```
.WikiaArticle pre {
	background: #ffdda8 !important;
	border: 0px;
}
.nobgpre pre {
	background: transparent !important;
}

 Отступ для блока содержания в статье (чтобы подсветка слева не срезалась).
```
.WikiaArticle .toc {
    margin-left: 5px;
}

 Разделитель (Тег hr с классом cookiehr).

```
.cookiehr {
     background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 5%, rgba(249, 138, 5, 0.9), rgba(0, 0, 0, 0) 95%);
    border: 0;
    height: 3px;
}

```

## Шаблоны

### Скрытие

{{Скрытие|*<текст внутри>*}} — шаблон для скрытия текста (на этой вики — фрагментов кода), используются стандартные классы *сворачивания* + пользовательский `togglebox` для изменения положения кнопки "показать/свернуть.

**Просмотр кода**
Сам шаблон:
```
<div class="togglebox mw-collapsible mw-collapsed" data-expandtext="показать" style="position: relative; margin:10px 0;overflow: hidden;">
<div style="margin: 0; padding: 5px 80px 4px 15px; text-align: center; font-size: 16px; font-family: Segoe UI Regular, Ubuntu, sans-serif; background: linear-gradient(to right, transparent 0%, #ffb57a21 20%, #ffb57a 100%);">'''Просмотр кода'''</div>
<div class="mw-collapsible-content" style="padding:10px 15px; overflow: hidden;
border-bottom: 4px solid transparent; border-image: linear-gradient(to right, transparent 0%, #ffb57a21 20%, #ffb57a 100%); border-image-slice: 1;">{{{1}}}</div>
</div>

```

Класс в CSS:

```
.togglebox .mw-collapsible-toggle {
    position: absolute;
    right: 15px;
    line-height: 32px;
    font-weight: bold;
    color: #102EA1;
}

```

### Segoe

{{Segoe|*<текст>*|*<доп. параметры>*}} — шаблон для придания тексту шрифта Segoe (или, если он не поддерживается, используется sans-serif) и дополнительного дизайна вторым параметром.

**Просмотр кода**

```
<span style="font-family: Segoe UI, sans-serif; {{{2}}}">{{{1}}}</span>

```

## Импорты

 **MediaWiki:Examples.css** | Код для примеров оформление с других проектов (как в разделителях).