Random Theme
рейтинг: 4.8
2/100%

The SCP Archive Theme is a site theme created by Пользователь '7happy7' не существует of the JP branch. It was originally located here.

It was ported to EN by Пользователь 'aismallard' не существует, on behalf of the Technical Team.

The STAR Animation is from the 2017 JP April Fool's theme. It was created by:

  • Пользователь 'Dr Devan' не существует
  • Пользователь 'C-Take' не существует
  • Пользователь 'Nanimono Demonai' не существует

Usage

On any wiki, simply add the following to the top of the page:

[[include theme:black-highlighter-theme]]
[[include theme:scp-archive]]

You can customize the header text by adding the following after the includes:

[[module CSS]]
:root {
--header-title: "SCP Foundation";
--header-subtitle: "Secure, Contain, Protect";
}
[[/module]]

Theme Colors

Starry Night--dark-accentrgb(25, 30, 30)
Olive--bright-accentrgb(70, 90, 75)
{$color3-name}{$color3-variable}{$color3-info}
{$color4-name}{$color4-variable}{$color4-info}
{$color5-name}{$color5-variable}{$color5-info}
{$color6-name}{$color6-variable}{$color6-info}

{$subcolor1-name}{$subcolor1-variable}{$subcolor1-info}
{$subcolor2-name}{$subcolor2-variable}{$subcolor2-info}
{$subcolor3-name}{$subcolor3-variable}{$subcolor3-info}
{$subcolor4-name}{$subcolor4-variable}{$subcolor4-info}
{$subcolor5-name}{$subcolor5-variable}{$subcolor5-info}
{$subcolor6-name}{$subcolor6-variable}{$subcolor6-info}
{$subcolor7-name}{$subcolor7-variable}{$subcolor7-info}
{$subcolor8-name}{$subcolor8-variable}{$subcolor8-info}
{$subcolor9-name}{$subcolor9-variable}{$subcolor9-info}
{$subcolor10-name}{$subcolor10-variable}{$subcolor10-info}
{$subcolor11-name}{$subcolor11-variable}{$subcolor11-info}
{$subcolor12-name}{$subcolor12-variable}{$subcolor12-info}


рейтинг: 3.8
8/88%

Это порт темы Penumbra за авторством EstrellaYoshte EstrellaYoshte на Black Highlighter


Цвета темы

Tuna--gray-monochrome(47, 51, 60)
Summer Sky--bright-accent(30, 181, 232)
{$color3-name}{$color3-variable}{$color3-info}
{$color4-name}{$color4-variable}{$color4-info}
{$color5-name}{$color5-variable}{$color5-info}
{$color6-name}{$color6-variable}{$color6-info}

White Smoke--white-monochrome(248, 248, 248)
Alto--very-light-gray-monochrome(215, 215, 215)
Black Rock--dark-gray-monochrome(47, 51, 60)
Cinder--black-monochrome(33, 37, 46)
{$subcolor5-name}{$subcolor5-variable}{$subcolor5-info}
{$subcolor6-name}{$subcolor6-variable}{$subcolor6-info}
{$subcolor7-name}{$subcolor7-variable}{$subcolor7-info}
{$subcolor8-name}{$subcolor8-variable}{$subcolor8-info}
{$subcolor9-name}{$subcolor9-variable}{$subcolor9-info}
{$subcolor10-name}{$subcolor10-variable}{$subcolor10-info}
{$subcolor11-name}{$subcolor11-variable}{$subcolor11-info}
{$subcolor12-name}{$subcolor12-variable}{$subcolor12-info}
black-highlighter-logo.svg

Использование

Предупреждение: Эта тема основана на Black Highlighter. Однако вам не надо дополнительно подключать Black Highlighter в коде статьи. Узнать больше о BHL можно здесь.1

На этой вики:

[[include theme:penumbra-bhl]]

Переменные CSS оставлены такими же, как и в оригинальной теме для удобства их переопределения [см. ниже].

ЕДИНСТВЕННОЕ ИСКЛЮЧЕНИЕ — --accentColor надо конвертировать в RGB. Например, #1EB5E8 станет 30, 181, 232. Удобный инструмент можно найти тут.

НЕ НАДО добавлять rgb( ) при конвертировании цвета. Просто три числа через запятую.

:root {
--header-title: "БОЛЬШОЙ ЗАГОЛОВОК";
--header-subtitle: "маленький подзаголовок";
--lgurl: url("сюда адрес логотипа");
--accentColor: СЮДА ЦВЕТ;
}

Примеры

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


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

Это вкладки.

Это цитата, её можно создать поставив "> " в начале строки.

Больше текста


Это горизонтальная линия.

Вложенная цитата.

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

[[div class="darkbox"]]


Блок sidebox создаётся следующим образом:

[[div class="limit"]] <— Устанавливает старт якоря
[[div class="anchor"]] <— Устанавливает позицию блока
[[div class="sidebox"]]
Текст внутри блока.
[[/div]]
[[/div]]

Основной текст, рядом с которым висит блок.

[[/div]] <— Устанавливает конец якоря


Без элемента limit, anchor останется висеть на протяжении всего содержимого страницы после промотки мимо соответствующего div'а.

Учтите что блок sidebox уменьшается при ширине экрана 1290px и ниже.


Шрифт хедэра — Jost, потому что Josefin Sans не поддерживает кириллицу.

Шрифт статьи — Roboto.

Моноширный шрифт — Fira Code.

рейтинг: 4.6
20/95%
Горизонтальные линии могут быть созданы с помощью 5 дефисов "-----"
Заголовки создаются путем добавления от 1 до 6 плюсов в начале строки.

Это блок для отражения будущего, или, возможно, прошлого.


Вы можете использовать его по своему усмотрению.


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

Это цитата с красной границей слева.


[[div class="left"]]

[[/div]]

Это текст в табе.

Это цитата, она делается через "> " которая стоит на каждой строке цитаты

Больше текста!


А это горизонтальная линия

Вложенная цитата

Этотаблица
Ты уже должензнать как это
делать
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
страница 24 из 33 « предыдущая 1 2 ... 22 23 24 25 26 ... 32 33 следующая »
Структурные: публичный_черновик
версия страницы: 3, Последняя правка: 23 Авг. 2023, 15:18 (742 дня назад)
Пока не указано иное, содержимое этой страницы распространяется по лицензии Creative Commons Attribution-ShareAlike 3.0 License.