Random Theme
рейтинг: 0.0
1/0%
black-highlighter-logo.svg

This is a theme for the REDTAPE // ALLCAPS timeline of articles by ROUNDERHOUSE. Please inquire if you'd like to use the theme and contribute!

redtapeexample.png

REDTAPE

Theme Colors

Ship Gray--gray-monochrome#424248
Firebrick--bright-accent#c02727
{$color3-name}{$color3-variable}{$color3-info}
{$color4-name}{$color4-variable}{$color4-info}
{$color5-name}{$color5-variable}{$color5-info}
{$color6-name}{$color6-variable}{$color6-info}

Persian Plum--medium-accent#711515
Dryblood--dark-accent#460d0d
{$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}
redtapethemethumbnail.png

REDTAPE thumbnail.

Note:

This is a Black Highlighter based theme. You will need to import the Black Highlighter theme as well in order to use this theme. To learn more go here.

On any wiki:

[[include theme:black-highlighter-theme]]
[[include theme:redtape
|dark=--] <- This is an optional argument if you would like to use the dark mode version of the theme. If you omit this, it will default to light mode.
|years=XX <- This sets the minutes to midnight in the subheader and the clock. For all articles that subscribe to the REDTAPE timeline, midnight is 2057.
]]

Examples

A horizontal rule can be created with 4 hyphens "----" and extends across the whole page if it's not placed inside anything (e.g. a blockquote). The lines separating sections of this document are horizontal rules.

Titles can be created by putting between one and six plus "+" at the start of the line

+ Titles

Just use your imagination and pretend there's Lorem Ipsum here.

  • Visited link
  • Unvisited link
  • Missing link

This is a blockquote, created by putting "> " at the start of each line, or use [[div class="blockquote"]].

More text

That's a horizontal rule

Nested blockquotes

And another1

This is atable
You should knowhow to make these
already

This article has a number of assorted divs you can use to make your article's formatting pop out. Here's a list:

» Addendum Header

ATTACHED TRANSCRIPT - JUNE 1983

[[div class="doc"]]
Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum

[[div class="addendum"]]
Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum

» Header Angled

[[image imagename.png class="angled"]]

newtempest.png

» Foundation Divs

FOUNDATION NOTICE

[[div class="foundation"]]

FOUNDATION NOTICE 'SNOW'

[[div class="foundation snow"]]

NOTICE FROM THE FOUNDATION RECORDS, ARCHIVAL, AND INFORMATION SECURITY ADMINISTRATION

[[div class="foundation raisa"]]

FOUNDATION NOTICE 'GUERRE'

[[div class="foundation alt"]]

» GOC div

GLOBAL OCCULT COALITION FILE

[[div class="addendum goc"]]


GLOBAL OCCULT COALITION NOTICE

[[div class="addendum goc notice"]]


» Generic Color Divs

Generic FILESERV Notice

[[div class="generic red"]]

Generic FILESERV Notice

[[div class="generic blue"]]

Generic FILESERV Notice

[[div class="generic yellow"]]

Generic FILESERV Notice

[[div class="generic purple"]]

» Navbar

REDTAPE also has a baked-in sick-ass modular navbar. Check out some of its variants:

001s

PREVIOUS
« GOLD PROPOSAL »

REDTAPE

NEXT
« JADE PROPOSAL »

Series Entry w/ hub link

PREVIOUS
« TEMPEST »

SITE-7

NEXT
« AIRGAP »

First entry in a series

DOGS OF WAR

NEXT
« WEAPONS FREE »

Most Recent entry in a series

PREVIOUS
« SCP-6781 »

RAISA

COMING SOON

The Header and Title font is Secular One.
The Body font is Telex.
The Monospace font used is PT Mono.

+ Show theme code
Сноски

Bedrock

рейтинг: 4.3
5/100%

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

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

Quartz--basalt-primary-color254,254,254
Calcite--basalt-secondary-color247,248,250
Lapis Lazuli--basalt-bright-element-color16,76,184
Amethyst--basalt-undertone61,71,202
Slate--basalt-overtone56,60,64
{$color6-name}{$color6-variable}{$color6-info}

Granite--basalt-tertiary-color218,219,222
Andesite--basalt-sub-text-color155,154,162
Sunstone--basalt-alternate-color255,132,0
Emerald--basalt-positive-color26,180,28
Ruby--basalt-negative-color255,48,48
Sapphire--basalt-dark-element-color18,20,150
{$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}

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

[[include theme:bedrock]]

Примеры

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

basaltlogo.svg

Блок с изображением.

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

Спойлер - Нажми на меня

Это вкладки.

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

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

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

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

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

Шрифт хедера - Lexend.

Шрифт тела статьи - Inter.

Шрифт интерфейса - Jost.

Моноширный шрифт - JetBrains Mono.

Переменные 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 не совместим со стандартной темой.

страница 26 из 33 « предыдущая 1 2 ... 24 25 26 27 28 ... 32 33 следующая »
Структурные: публичный_черновик
версия страницы: 3, Последняя правка: 23 Авг. 2023, 15:18 (780 дней назад)
Пока не указано иное, содержимое этой страницы распространяется по лицензии Creative Commons Attribution-ShareAlike 3.0 License.