Рейтинг:
Это - эстетическая тема за авторством EstrellaYoshte, созданная на основе Тема Paperstack.
Для подключения этой темы к своей странице, добавьте в неё следующий код:
[[include theme:penumbra]]
Вы также можете изменить акцентный цвет, а также заголовок, подзаголовок и логотип хедера, добавив после [[include]]
модуль CSS следующего содержания:
:root {
--header-title: "ЗАГОЛОВОК ХЕДЭРА";
--header-subtitle: "подзаголовок хедэра";
--lgurl: url("сюда вставляется url-адрес");
--accentColor: ЗДЕСЬ ЦВЕТ;
}
По умолчанию акцентный цвет - #1EB5E8.
Горизонтальная линия может быть создана при помощи 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 и ниже. (Спасибо Woedenaz за код!)
Шрифт хедэра — Jost, потому что Josefin Sans не поддерживает кириллицу.
Шрифт статьи — Roboto.
Моноширный шрифт — Fira Code.
Что это?
Это — Blankstyle CSS. Визуальная тема, созданная Placeholder McD и HarryBlank для использования в статьях последнего. Она существует для лёгкого обновления оформления в множестве работ. По сути, она функционирует как светлый вариант темы Penumbra за авторством EstrellaYoshte, но с несколькими особенностями Blank'а.
Эта тема почти точно не будет работать с какими-либо другими темами, тем более с Black Highlighter. Не используйте данную тему, если не знаете во что лезете.
Как использовать
Для подключения этой темы, добавьте следующую строчку в начало своей статьи:
[[include theme:blankstyle]]
Учтите, что данная тема включает в себя следующие компоненты:
- Визуальный элемент Toggle Sidebar
- Визуальный элемент Fade In (с параметром
speed=3
) - Исходник анимации СКА
- BetterFootnotes
При использовании данной темы вместе с компонентом info
и модулем рейтинга, оберните их в [[div]]
, чтобы их появление не замедляла анимация.
Эта тема заимствует код от EstrellaYoshte и из component:image-block-peppo за авторством PeppersGhost, который центрирует изображения и блоки с изображениями так, чтобы они выглядели эстетически приятно на маленьких экранах (читайте: мобильных). Сюда также добавлен гениальный код sidebox'ов, написанный EstrellaYoshte для темы Penumbra, а большая часть кода взята из Тема Paperstack.
Для получения информации о других особенностях BLANKSTYLE CSS, перейдите в обсуждение статьи и просмотрите список изменений.
ТАБЛИЦЫ С ЦВЕТАМИ СКА
Представленные далее таблицы с цветными заголовками можно получить, обернув таблицу в блок с классами от "table1" до "table5", соответственно.Учтите, что оборачивание scp-image-block в один из таких блоков изменит фон его подписи. А это — пример BetterFootnote, подробности об использовании которого можно найти по ссылке выше.. Эти классы соответствуют 5 основным уровням плашки СКА. Ещё есть класс table6
, использующийся для фиолетовых таблиц.
Это обычная таблица; |
---|
её скучно тестировать |
Это ЗЕЛЁНАЯ таблица; |
---|
её интересно тестировать. |
Это СИНЯЯ таблица; |
---|
её тоже интересно тестировать. |
Это ЖЁЛТАЯ таблица; |
---|
её тоже интересно тестировать. |
Это ОРАНЖЕВАЯ таблица; |
---|
её тоже интересно тестировать. |
Это КРАСНАЯ таблица; |
---|
её не так интересно тестировать. |
Это ФИОЛЕТОВАЯ таблица |
---|
она и есть тестирование. |
Примечание: Фиолетовый используется для обозначения объектов класса Таумиэль и документов с уровнем допуска 6 (Совершенно Секретно) или 6/Provisional (Thaumiel-Proviso). Это отражает синестетические предпочтения Placeholder McD и желание HarryBlank включать в свои статьи штуки, что мне понравились.
Блок с классом tableb
отделяет клетки внутри вложенных таблиц.
Это СЛОМАННАЯ таблица; |
---|
её довольно интересно тестировать! |
А HarryBlank очень и очень долго форматировал свои таблички вручную. Вот же чудик.