Тема Penumbra (версия BHL)


Примечание:

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

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

[[include theme:penumbra-bhl]]

Страница, объединяющая все визуальные темы в единый список, расположена по ссылке: Хаб визуальных тем.

рейтинг: 3.9
6/83%

Это порт темы Penumbra за авторством 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"]]

[[div class="lightbox"]]

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

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

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

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

Пример


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

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

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

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

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

Сноски
Структурные: визуальная_тема
версия страницы: 43, Последняя правка: 21 Ноя. 2024, 06:43 (28 дней назад)
Пока не указано иное, содержимое этой страницы распространяется по лицензии Creative Commons Attribution-ShareAlike 3.0 License.