Random Theme

рейтинг: 4.4

5/80%

На любой странице:
[[include theme:basalt]]

Информация

Basalt - эстетическая тема для вики SCP за авторством Liryn и Placeholder McD, работающая как надстройка над Bedrock, основной темой, созданной специально для этого проекта. За подробностями, включая полный перечень переменных CSS, предоставляемых темой, посетите страницу Bedrock на вики или домашнюю страницу Basalt на GitHub.

Настройки темы

Добавьте параметры в тег [[include]], чтобы изменить аспекты Basalt.

[[include theme:basalt параметр1]]

[[include theme:basalt параметр1|параметр2]]

Список доступных на данный момент параметров:

darkmode=a Включает тёмную тему
wide=a Растягивает страницу вширь
hidetitle=a Скрывает название страницы
centertitle=a Центрирует название страницы
acs-itemnum=a Восстанавливает текст "Объект №:" в СКА
disable-acs-anim=a Отключает компонент анимации СКА

Элементы страницы

[[span class="st"]] [[span class="specialtext"]]

[[span class="bt"]] [[span class="bigtext"]]

[[div class="blockquote"]]

[[div class="notation"]]

[[div class="jotting"]]

[[div class="smallmodal"]]

[[div class="papernote"]]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec pellentesque felis eu vulputate suscipit. Vestibulum dui elit, ornare eget eros ut, gravida finibus velit. Pellentesque et diam vel turpis semper ullamcorper. Integer scelerisque malesuada enim, a semper risus molestie eget. Fusce luctus ex in ante feugiat fermentum. In nec sodales nibh. Suspendisse potenti. Aenean in volutpat turpis, in dictum sapien. Quisque vehicula turpis nec ligula feugiat commodo. Maecenas ornare lorem vel commodo mattis. Sed egestas dignissim sapien nec pulvinar. In ligula ipsum, posuere sit amet turpis in, cursus euismod tellus.

[[div class="floatbox"]]

Это плавающий блок. Сюда можно поместить что угодно (кроме BetterFootnotes, пока что). Эти блоки будут смещены к краю страницы, плавая относительно окружающего их содержимого.

Maecenas vestibulum nunc in euismod auctor. Donec ultrices tempor felis sit amet ornare. Nam nec lectus sit amet nisl bibendum condimentum. Morbi eu arcu quis mi pulvinar fringilla. Ut fringilla interdum urna, at porta sapien vulputate quis. Integer eu scelerisque urna. Morbi luctus, justo eget viverra feugiat, leo quam egestas velit, sit amet feugiat nisi nibh molestie metus. Phasellus ut blandit ex. Ut aliquam, nisl ut aliquam volutpat, sem lorem tempor mi, sit amet ultricies nunc ante eu libero. Aenean lacinia porta nisi, in finibus quam. Aliquam erat volutpat. Aliquam malesuada libero id dapibus efficitur. Cras bibendum, dolor sit amet sagittis scelerisque, lorem magna ornare purus, vel accumsan leo tortor sit amet dolor. Maecenas finibus ante eget purus ullamcorper, vel elementum purus auctor. Quisque sagittis, leo et pretium efficitur, orci nulla interdum enim, in dignissim enim quam in neque.

[[div class="floatbox right"]]

Curabitur sed dui nec libero fringilla placerat. Pellentesque imperdiet ac dolor et sagittis. Vestibulum rhoncus justo magna, vel ornare eros iaculis et. Praesent suscipit massa eu urna convallis molestie. Vestibulum molestie faucibus eleifend. Nullam ut felis ac sapien aliquet consequat a sit amet ipsum. Sed rutrum diam quis urna ullamcorper, sit amet tristique lacus faucibus. Cras facilisis consequat sem, et egestas elit blandit ut. Cras sagittis velit ut posuere semper. Vestibulum in ipsum orci.

[[div class="document"]]

[[div class="darkdocument"]]

[[div class="raisa_memo"]]

+ Больше плашек

Блок с картинкой.

Горизонтальная линия может быть создана при помощи 6 дефисов "------"¹ и проходит через всю страницу, если он не находится внутри чего-либо (например, цитат).

Заголовки можно создать, поставив от одного до шести плюс "+" в начале строки.

Первый заголовок

Второй заголовок

Третий заголовок

Четвёртый заголовок

Пятый заголовок

Шестой заголовок

Это вкладки.

Это	Таблица
Ты уже должен знать	как это
сделать

Окраска элементов

Некоторым элементам можно изменить цвет с помощью классов tableX.
Эта система разработана для использования вместе с Системой классификации аномалий; каждый цвет обозначает соответствующий уровень допуска.

`.table1`
Тут текст
Тут текст
Тут текст

.table1

`.table2`
Тут текст
Тут текст
Тут текст

.table2

`.table3`
Тут текст
Тут текст
Тут текст

.table3

`.table4`
Тут текст
Тут текст
Тут текст

.table4

`.table5`
Тут текст
Тут текст
Тут текст

.table5

`.table6`
Тут текст
Тут текст
Тут текст

.table6

Включено в Basalt

BetterFootnotes за авторством EstrellaYoshte
ACS Animation за авторством EstrellaYoshte

Шрифт хедера и интерфейса - Sofia Sans.
Шрифт тела статьи - Inter.
Моноширный шрифт - JetBrains Mono.

рейтинг: 4.8

4/100%

This is a theme originally created by Пользователь 'Dc_Yerko' не существует for the Spanish Translation Site and adapted by Пользователь 'stormbreath' не существует. Code for the snow flakes adapted by Пользователь 'EstrellaYoshte' не существует.

Use it on your own article with the following:

[[include theme:xmas
|xmas-header= --]
|xmas-snow= --]]]

If you only want to use the header, use the following:

[[include theme:xmas
|xmas-header= --]]]

If you only want to use the snow, use the following:

[[include theme:xmas
|xmas-snow= --]]]

Likewise, to use with Black Highlighter:

[[include theme:black-highlighter-theme]]
[[include theme:xmas
|xmas-header-bhl= --]
|xmas-snow-bhl= --]]]

[[include theme:black-highlighter-theme]]
[[include theme:xmas
|xmas-header-bhl= --]]]

[[include theme:black-highlighter-theme]]
[[include theme:xmas
|xmas-snow-bhl= --]]]

/*
    Xmas Theme
    [2020 Wikidot Theme]
       Originally made by Dc_Yerko for the Spanish Branch
       Ported to -EN by stormbreath
*/

div#container-wrap {
    background-image: url('https://scpfoundation.net/local--files/theme:xmas/GIF-111.gif');
}
#header {
    background-image: url('https://scpfoundation.net/local--files/theme:xmas/logo-xmas.png');
}

#top-bar div.open-menu a {
    color: #990011;
    border-color: #33552D;
}

#header-extra-div-1, #header-extra-div-2, #header-extra-div-3 {
    -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 50%, rgba(0,0,0,0));
    mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 50%, rgba(0,0,0,0));
    background-repeat: repeat;
    height: 270px;
    width: 99.4vw;
    position: absolute;
    left: calc((-100vw + 100%)/2);
    z-index: 2;
    pointer-events: none;
}

/* ---- SNOWFALL, adapted from https://github.com/elena-in-code/Css-Snow-Fall-Animation ---- */

#header-extra-div-1 {
    background-image: url('https://scpfoundation.net/local--files/theme:xmas/sn2.png');
    background-size: 230px;
    animation: snowOne 83s infinite linear;
    filter: blur(1.3px);
}
#header-extra-div-2 {
    background-image: url('https://scpfoundation.net/local--files/theme:xmas/sn.png');
    background-size: 370px;
    animation: snowTwo 39s infinite linear;
    filter: blur(0.4px);
}
#header-extra-div-3 {
    background: url('https://scpfoundation.net/local--files/theme:xmas/sn.png');
    background-size: 720px;
    animation: snowThree 21s infinite linear;
    filter: blur(2.4px);
}

@keyframes snowOne{
    0%
    {
     background-position: 0px 0px;
            opacity: 0;
    }
    10%
    {
            opacity: 0.6;
    }
    90%
    {
            opacity: 0.5;
     }
    100%
    {
     background-position: 100px 750px;
     opacity:0;
    }
}
@keyframes snowTwo{
    0%
    {
     background-position: 0px -100px;
     opacity: 0;
    }
    8%
    {
            opacity: 0.74;
    }
    90%
    {
            opacity: 0.65;
     }
    100%
    {
     background-position: -50px 700px;
     opacity: 0;
    }
}
@keyframes snowThree{
    0%
    {
     background-position: 0px 100px;
     opacity: 0;
    }
    13%
    {
            opacity: 0.9;
    }
    91%
    {
            opacity: 0.8;
    }
    100%
    {
     background-position: 240px 750px;
     opacity: 0;
    }
}

:root {
    --logo-image: url("https://scpfoundation.net/local--files/theme:xmas/logo-xmas-bhl.png");
}

#extra-div-1,#extra-div-2 {
    height: 2rem;
    width: 100%;
    position: absolute;
    top: calc(var(--final-header-height-on-desktop) - 0.3125rem);
    background-repeat: repeat-x;
    background-size: 6.2rem;
    pointer-events: none;
    z-index: 9;
}
#extra-div-1 {
    background-image: url('https://scpfoundation.net/local--files/theme:xmas/n1.png');
    animation: lightOne 3s infinite steps(1, end);
}
#extra-div-2 {
    background-image: url('https://scpfoundation.net/local--files/theme:xmas/n2.png');
    animation: lightTwo 3s infinite steps(1, end);
}
@media (max-width: 767px) {
  #extra-div-1, #extra-div-2 {
       top: calc(var(--header-height-on-mobile) + var(--topbar-height-on-mobile) - 0.3125rem);
  }
}
@keyframes lightOne {
    0% { opacity: 0; }
    50% { opacity: 1; }
    100% { opacity: 0; }
}
@keyframes lightTwo {
    0% { opacity: 1; }
    50% { opacity: 0; }
    100% { opacity: 1; }
}

#extrac-div-1, #extrac-div-2, #extrac-div-3 {
    -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 50%, rgba(0,0,0,0));
    mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 50%, rgba(0,0,0,0));
    height: 24rem;
    width: 100%;
    position: absolute;
    background-repeat: repeat;
    z-index: 10;
    pointer-events: none;
}

#extrac-div-1 {
    background-image: url('https://scpfoundation.net/local--files/theme:xmas/sn2.png');
    background-size: 230px;
    animation: snowOne 83s infinite linear;
    filter: blur(1.3px);
}
#extrac-div-2 {
    background-image: url('https://scpfoundation.net/local--files/theme:xmas/sn.png');
    background-size: 370px;
    animation: snowTwo 39s infinite linear;
    filter: blur(0.4px);
}
#extrac-div-3 {
    background-image: url('https://scpfoundation.net/local--files/theme:xmas/sn.png');
    background-size: 720px;
    animation: snowThree 21s infinite linear;
    filter: blur(2.4px);
}
@media (max-width: 767px) {
   #extrac-div-1, #extrac-div-2, #extrac-div-3 {
       height: 10.5rem;
   }
}

Структурные: публичный_черновик

версия страницы: 3, Последняя правка: 23 Авг. 2023, 15:18 (442 дня назад)

SCP Foundation

Russian Branch

Список доступных тегов