Это — Blankstyle CSS. Визуальная тема, созданная Placeholder McD и HarryBlank для использования в статьях последнего. Она существует для лёгкого обновления оформления в множестве работ. По сути, она функционирует как светлый вариант темы Penumbra за авторством EstrellaYoshte, но с несколькими особенностями Blank'а.

Эта тема почти точно не будет работать с какими-либо другими темами, тем более с Black Highlighter. Не используйте данную тему, если не знаете во что лезете.

Для подключения этой темы, добавьте следующую строчку в начало своей статьи:

[[include theme:blankstyle]]

Учтите, что данная тема включает в себя следующие компоненты:

• Скрываемый сайдбар для Sigma-9
• Проявление страницы (с параметром speed=3)
• Анимация плашки ACS
• Альтернативные сноски (BetterFootnotes)

При использовании данной темы вместе с компонентом info и модулем рейтинга, оберните их в [[div]], чтобы их появление не замедляла анимация.

Эта тема заимствует код от EstrellaYoshte и из component:image-block-peppo за авторством PeppersGhost, который центрирует изображения и блоки с изображениями так, чтобы они выглядели эстетически приятно на маленьких экранах (читайте: мобильных). Сюда также добавлен гениальный код sidebox'ов, написанный EstrellaYoshte для темы Penumbra, а большая часть кода взята из Тема Paperstack.

Для получения информации о других особенностях BLANKSTYLE CSS, перейдите в обсуждение статьи и просмотрите список изменений.

Представленные далее таблицы с цветными заголовками можно получить, обернув таблицу в блок с классами от "table1" до "table5", соответственно.Учтите, что оборачивание scp-image-block в один из таких блоков изменит фон его подписи. А это — пример BetterFootnote, подробности об использовании которого можно найти по ссылке выше.. Эти классы соответствуют 5 основным уровням плашки ACS. Ещё есть класс table6, использующийся для фиолетовых таблиц.

Примечание: Фиолетовый используется для обозначения объектов класса Таумиэль и документов с уровнем допуска 6 (Совершенно Секретно) или 6/Provisional (Thaumiel-Proviso). Это отражает синестетические предпочтения Placeholder McD и желание HarryBlank включать в свои статьи штуки, что мне понравились.

Блок с классом tableb отделяет клетки внутри вложенных таблиц.

_{А HarryBlank очень и очень долго форматировал свои таблички вручную. Вот же чудик.}

Bedrock - эстетическая тема, созданная EstrellaYoshte, Liryn и Placeholder McD, с особой благодарностью aismallard за помощь с GitHub, и Woedenaz за SVG для кнопок области редактирования и общие консультации.

Эта тема служит основой для Basalt 2.0.

Для подключения темы, добавьте в код страницы:

[[include theme:bedrock]]

Примеры

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

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

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

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

---

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

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

Переменные CSS

Bedrock построен на ряде переменных CSS, которые можно менять для управления внешним видом темы. Вот ряд высокоуровневых переменных:

:root {
    --basalt-primary-color: 254,254,254;
    --basalt-secondary-color: 247,248,250;
    --basalt-tertiary-color: 218,219,222;
    --basalt-main-text-color: 20,20,20;
    --basalt-overtone: 50,50,50;
    --basalt-undertone: 61,71,202;

    --basalt-bright-element-color: 16,76,184;
    --basalt-dark-element-color: 18,20,150;
    --basalt-alternate-color: 255,132,0;
    --basalt-positive-color: 24,163,20;
    --basalt-negative-color: 255,48,48;
    --basalt-cancel-color: var(--basalt-negative-color);
    --basalt-sub-text-color: 155,154,162;
    --basalt-light-text-color: var(--basalt-primary-color);

    --basalt-UI-dark-palette: var(--basalt-overtone);
    --basalt-focus-color: var(--basalt-undertone);
    --basalt-background-color: var(--basalt-primary-color);
}

Переменные цветов используют формат RGB.

:root {
    --header-font-primary: 'Lexend';
    --UI-font-primary: 'Jost';
    --body-font-primary: 'Inter';
    --mono-font-primary: 'JetBrains Mono';
}

Четыре типа шрифтов, используемые Bedrock.

:root {
    --header-logo: url('https://scpfoundation.net/local--files/theme:bedrock/basaltlogo.svg');
    --header-title: 'SCP Foundation';
    --header-subtitle: 'SECURE - CONTAIN - PROTECT';
    --title-size: 1.5rem;
    --subtitle-size: 0.825rem;

    --base-font-size: 1rem;
    --main-content-width: 67.5rem;
    --side-bar-width: 19rem;
}

Учтите, что из-за особенностей функции calc() в CSS, в любых переменных, использующих единицы измерения, такие как rem или px, их не следует опускать, даже если значение равно 0. Например --subtitle-size: 0rem; убирает подтекст, но не ломает функцию calc().

--main-content-width не следует использовать с %. Вместо этого, для растягивания основной области на всю ширину экрана, используйте сильно завышенное значение в rem.

Прочее

Исходный код темы можно найти на нашем GitHub.

На данный момент Bedrock не совместим со стандартной темой.

Это - тема для канон-хаба Orcadia, созданная Пользователь 'EstrellaYoshte' не существует для Пользователь 'DrBleep' не существует.

Горизонтальные линии могут быть созданы с помощью 5 дефисов "-----"

Заголовки создаются путем добавления от 1 до 6 плюсов в начале строки.

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

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

---

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

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