Блоки

Здесь можно найти примеры для блоков с информацией. Обычно блок содержит заголовок и область для остального текста. Все используемые шрифты можно найти на второй строчке MediaWiki:Examples.css и использовать у себя только те, которые нужны.

## Goblin Slayer

Блок с интересными границами сверху. Параметры используются только для заголовка и содержимого под ним.

**Заголовок**
Содержимое

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

```
<div style="border-left: 2px solid gray; border-right: 2px solid gray; border-bottom: 2px solid gray; background: linear-gradient(to top, #202020 50%, transparent 100%); margin-top: 5px; margin-bottom: 20px;">
<div class="red-shadow-text" style="color: #bd0f0f !important; font-size: 20px; border-top: 2px solid transparent; border-image:linear-gradient(to right, gray 0px, gray 15%, transparent 20%, transparent 80%, gray 85%, gray 100% ); border-image-slice:1">
<center style="margin-top: -10px">'''{{{Заголовок|Заголовок}}}'''</center>
</div>
<div style="padding: 5px; color: white;">{{{Содержимое|Содержимое}}}</div>
</div>

```

## Expanse

Параметры используются для текста заголовка и содержимого под ним, а также для цвета фона за текстом. При необходимости всегда можно подкрутить новые.

ПС. Лучше или сделать границу на 1 пиксель побольше или убрать совсем. Тоже интересно получается.

**Заголовок**

Текст

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

```
<div style="background-color: {{{Заголовок-цвет|#ccffff}}}; border: 2px solid black; border-radius: 22px 9px; box-shadow: 0px 2px 4px gray; margin-bottom: 10px">
<center><div style=" margin-top: 10px; font-family: 'Play', sans-serif; font-size: 24px; color: #3f759c">'''{{{Заголовок|Заголовок}}}'''</div></center>{{Clr}}
<div style="background-color: {{{Текст-цвет|#aaddee}}}; border-radius: 0px 0px 21px 8px; padding: 10px 10px 10px 15px; font-family: 'Play', sans-serif; font-size: 16px;">{{{Текст|Текст}}}</div>
</div>

```

### Expanse 2.0 (custom)

Как Expanse, но без границ, с паддингом заголовка и margin для всего блока (а не только для низа).

**Заголовок**

Текст

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

```
<div style="background-color: {{{Заголовок-цвет|#ccffff}}}; border-radius: 22px 9px; box-shadow: 0px 2px 4px gray; margin: 10px">
<center><div style=" margin-top: 10px; padding-top: 5px; padding-bottom: 5px; font-family: 'Play', sans-serif; font-size: 24px; color: #3f759c">'''{{{Заголовок|Заголовок}}}'''</div></center>{{Clr}}
<div style="background-color: {{{Текст-цвет|#aaddee}}}; border-radius: 0px 0px 21px 8px; padding: 10px 10px 10px 15px; font-family: 'Play', sans-serif; font-size: 16px;">{{{Текст|Текст}}}</div>
</div>

```

## Iratus

Ничего особенного, но вроде неплохо. Параметры используются для текста заголовка и содержимого под ним, а также для цвета фона за текстом, как и самого текста.

**Заголовок**
Текст

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

```
<div style="background-color: {{{Верх|black}}}; border-radius: 9px; box-shadow: 0px 2px 4px gray; margin: 10px;">
<div style=" margin-top: 10px; padding-top: 6px; padding-bottom: 6px; font-family: 'Gabriela', serif; font-size: 24px; text-align: center; color: {{{Верх-текст|#eaeaea}}}">'''{{{Заголовок|Заголовок}}}'''</div>
</div>

```

## Just Shapes & Beats

Простой наклонный блок, выглядит почти как в игре. Есть параметры для текста внутри и для цвета границы.

Содержание

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

```
<center><div style="width:650px; margin-bottom:10px; float:none; padding-right:10px;"><div style="width: 550px; margin: 0 auto; padding: {{{Отступ|15px 20px 15px}}}; transform: skew(-15deg); font-size:18px; color:white; background: black; border: 3px {{{Граница|#EC1B67}}}; border-style: solid; font-size: 14px;border-left-width: 15px;"><span style="display:inline-block;transform: skew(15deg);">{{{Содержание}}}
</span></div></div></center>

```

## Geometry Dash

### GDOS

Здоровенная штука, скорее для фана, чем для пользы. Использует **много** кода как из mediawiki, так и в самом блоке (для таббера внутри блока, шрифта заголовка, и т.д.). Из минусов — чрезмерно большой отступ внизу (теоретически лечится костылями).

Размер GDOS задаётся размером "коричневого" пространства внутри (в данном случае 536px) и размером области основного текста (300px). Иногда стоит подкрутить на +/-2 пикселя для того, чтобы граница внизу не уезжала (выглядит не очень красиво).

Текст внутри — копия с GD; позволяет увидеть работу скролла внутри таббера (самого скроллбара не должно быть видно, но скроллить можно).

Killhtf

> Даже злейшего врага непременно приглашают в дом и угощают чаем с печеньем.
>
> Терри Пратчет

* Welcome!
* Исследования
* Раздел №3
* Раздел №4
* Длинное название для переноса на вторую строку

Зачем нужна GDOS? ...А просто так.

Всё началось с того, что увидел в профайле **TheRealFilippchik004** плашку с границами в стиле GD и решил развить идею — сымитировать окно профиля из игры.

Также тут хранится всякая информация, которой не место в профайле, но и хранить её всё же не помешает.

gdos@Killhtf:I

Список всех Featured-уровней без звёзд:

1. "Razors edge" by omgjumper (575989) — likes: 1976, downloads: 24378
2. "Jump On Dark" by swgetti jolog (305692) — likes: 887, downloads: 14255
3. "Demon Stage" by null (303784) — likes: 2016, downloads: 39731
4. "maze funk maze" by Geoteve (246338) — likes: 1025, downloads: 14707
5. "NONSENSE world LV12" by titanium (215160) — likes: 254, downloads: 17645
6. "cupid demon" by kudabe (197599) — likes: -151, downloads: 24904
7. "prohibited area" by Experience D (196424) — likes: 4304, downloads: 50695
8. "auto " by - (4980) — likes: 264043, downloads: 2884465
9. "ProtoType 3" by null (3472) — likes: 1156, downloads: 50021
10. "the red carpet" by null (3470) — likes: 3543, downloads: 54363
11. "TRI STEP" by null (1293) — likes: 19056, downloads: 279011
12. "The first 3 Trials" by null (308) — likes: 2631, downloads: 75606
13. "The first labour" by null (207) — likes: 2715, downloads: 103685
14. "express world" by null (154) — likes: 2895, downloads: 66715
15. "The First" by Clatchet (145) — likes: 13172, downloads: 235228
Просто текст

Ещё текст

Последний фрагмент текста

**Просмотр кода**
Сам блок (invoke цитаты лучше поменять на просто текст):

```
<div class="gdos" style="margin: 30px 0 0 0; color: white">
<div style="width: 650px; margin: auto; border: 3px solid #FFF; border-radius: 20px;">
<div style="border: 3px solid #000; border-radius: 15px;">
<div style="height: 536px; padding-top: 10px; border-top: 5px solid #ffab58; border-bottom: 3px solid #543310; border-radius: 10px; background-color: #995433;">
<center><span class="gdostext" style="font-size: 36px;letter-spacing: 3px;margin: 10px 0 10px 0;">Killhtf</span></center>
<hr class="gdoshr"/>
<div style="padding-top: 10px; padding-bottom: 10px; margin: 20px; border-radius: 25px; border: 3px solid #804024; background-color: #bf723e; font-family: Century Gothic, Segoe UI, Ubuntu, sans-serif;">{{#invoke:test|quote|Даже злейшего врага непременно приглашают в дом и угощают чаем с печеньем.|Терри Пратчет}}</div>
<div class="testhid" style="height: 300px; padding: 10px 20px 10px 20px; margin: 20px; border-radius: 25px; border: 3px solid #804024; background-color: #bf723e;"><tabber>Welcome!=
Зачем нужна GDOS? ...А просто так.

Всё началось с того, что увидел в профайле '''TheRealFilippchik004''' плашку с границами в стиле GD и решил развить идею — сымитировать окно профиля из игры.

Также тут хранится всякая информация, которой не место в профайле, но и хранить её всё же не помешает.
<div style="font-family: 'Press Start 2P', Consolas; font-size: 20px; color: #CCFF00">gdos@Killhtf:<span class="blinkanim2" style="color: white; margin-left:5px;">I</span></div>
Список всех Featured-уровней без звёзд:
# "The First" by Clatchet (145) — likes: 13172, downloads: 235228

```

CSS (часть кода опциональна, например мигающий курсор и его вторая версия):

```

.testhid {
 overflow-y: scroll;
 scrollbar-width: none;
 -ms-overflow-style: none;
}

.testhid::-webkit-scrollbar {
 display: none;
}

/\* Мигающий курсор \*/
.blinkanim {
 animation: blinker 1s linear infinite;
}

@keyframes blinker {
 50% {
 opacity: 0;
 }
}

/\* Мигающий курсор v2 \*/
.blinkanim2 {
 animation: blinkerd 1.5s linear infinite;
}

@keyframes blinkerd {
 25% {
 opacity: 1;
 }
 26% {
 opacity: 0;
 }
 74% {
 opacity: 0;
 }
 75% {
 opacity: 1;
 }
}

/\* Непосредственно GDOS (см. профиль Killhtf) \*/
.gdos div.tabberlive {
 margin: -10px -20px -20px -20px;
}
.gdos .tabberlive .tabbernav {
 font-family: Russo One;
 letter-spacing: 1px;
 font-size: 14px;
 background: none;
 font-weight: normal;
 padding-bottom: 2px;
 border: none;
 margin-left: 10px;
}
.gdos ul.tabbernav li {
 background: #bbb;
 border-radius: 10px;
 border: 2px solid black;
 margin-right: 2px;
 padding: 3px;
}
.gdos ul > li.tabberactive {
 background: white;
}
.gdos .tabberlive .tabbertab {
 background: #af622e;
 padding: 5px;
 border-radius: 0px;
 border: none;
}
.gdos .tabberlive .tabbernav li a {
 margin: 0 10px;
 padding: 0;
 line-height: 22px;
 border: none !important;
 background: none !important;
}
.gdos .tabberlive .tabbernav li.tabberactive a, .gdos .tabberlive .tabbernav li a {
 color: black !important;
}
.gdos .tabberlive .tabbernav li a:hover {
 color: #229 !important;
}

.gdostext {
 font-family:Russo One;
 text-shadow:
 -0 -1px 1px #000000,
 0 -1px 1px #000000,
 -0 1px 1px #000000,
 0 1px 1px #000000,
 -1px -0 1px #000000,
 3px -0 1px #333,
 -1px 0 1px #000000,
 3px 0 1px #333,
 -1px -1px 1px #000000,
 3px -1px 1px #333,
 -1px 1px 1px #000000,
 3px 1px 1px #333,
 -1px -1px 1px #000000,
 3px -1px 1px #333,
 -1px 1px 1px #000000,
 3px 1px 1px #333;
}

.gdostextmed {
 font-family:Russo One;
 text-shadow:
 -0 -1px 1px #000000,
 0 -1px 1px #000000,
 -0 1px 1px #000000,
 0 1px 1px #000000,
 -1px -0 1px #000000,
 2px -0 1px #333,
 -1px 0 1px #000000,
 2px 0 1px #333,
 -1px -1px 1px #000000,
 2px -1px 1px #333,
 -1px 1px 1px #000000,
 2px 1px 1px #333,
 -1px -1px 1px #000000,
 2px -1px 1px #333,
 -1px 1px 1px #000000,
 2px 1px 1px #333;
}
/\* hr \*/
.gdoshr {
 background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 5%, rgba(205, 205, 205, 0.75), rgba(0, 0, 0, 0) 95%);
 border: 0;
 height: 3px;
}

```