Использование
Предупреждение: Эта тема основана на 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.
Переделано
Vivarium из темы Shattered Thoughts за авторством
Yossipossi для использования в хабе Into the Void и его статьях.
Чтобы импортировать эту тему на свою страницу, скопируйте в неё следующую строку:
[[include theme:last-frontier]]
Вот типичный текст, который вставляют на страницы тем.

Только глянь, как он двигается!
Заголовок 1
Заголовок 2
Заголовок 3
Заголовок 4
Заголовок 5
Заголовок 6
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.
Цитата!
Еще одна цитата!
О боже, еще одна цитата!
Прекрати... пожалуйста!
Таблица | Да |
---|---|
как | они |
это делают?! |