Тема BASALT

Примечание:

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

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

Например: [[include theme:basalt]]

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



BASALTLOGO.png

BASALT Theme

рейтинг: 
голосов: 0

BASALT THEME

VERSION 1.1

WHAT IS THIS?

BASALT is an aesthetic theme, tied to no canon, series, or GoI, developed by Пользователь 'Azamo' не существует and Пользователь 'Placeholder McD' не существует as a fork of Пользователь 'EstrellaYoshte' не существует's Paperstack Theme.

Much like Black Highlighter, BASALT overhauls a large amount of the site's layout, and changes many UI elements typically glossed over by most themes in an effort to increase productivity and user accessibility. It also looks cool.

To use BASALT, simply paste the following code into your article:

[[include theme:basalt]]

THEME SETTINGS

Theme Settings, sometimes called Variables, are extra strings of text which users may add to the BASALT include module to opt in or out of certain features.

In order to apply a Setting, insert one of the examples listed below after the main include, but before the two brackets at the end, like so:

[[include theme:basalt themesetting=a]]

Theme Settings can be easily combined together. To use multiple of them at once, follow the below formatting:

[[include theme:basalt firstthemesetting=a|secondthemesetting=a|thirdthemesetting=a]]

LIST OF THEME SETTINGS (AS OF VERSION 1.0)

hidetitle=a

Removes page title.

acsanimation=a

Disables the ACS Animation component, which is enabled by default.

darkmode=a

Enables Dark Mode. (See: ONYX (Dark Mode))

redmode=a

Enables Red Mode. Dark Mode is REQUIRED for this to function properly. (See: GARNET (Red Mode))

darksidebar=a

Applies the Dark Mode sidebar styling to Light Mode articles.


CUSTOMIZATION

CHANGE TITLE/SUBTITLE/LOGO

If you would like to change the title, subtitle, and/or logo displayed on the header, use the following code to do so:

:root {
--logo: url(<image link here>);
--title: "<title text here>";
--subtitle: "<subtitle text here>";
}

It is recommended to keep the --title property at about the same length as the default text (or shorter than it), to avoid encountering display issues on mobile devices.

By default, the logo and text shown on the sidebar matches that of the header. If you would like to change this, use the following code:

:root {
--sidelogo: url(<image link here>);
--sidesubtitle: "<text here>";
}

ONYX (DARK MODE)

BASALT_DARKMODE.png

ONYX

To enable Dark Mode, use the following Theme Setting, as detailed previously:

[[include theme:basalt darkmode=a]]

GARNET (RED MODE)

BASALT_APOLLYON.png

GARNET

To enable Red Mode, use the following Theme Setting, as detailed previously:

[[include theme:basalt darkmode=a|redmode=a]]

INCLUDED WITH BASALT

COMPONENTS

BASALT comes pre-packaged with several community-made components:

  • Toggle Sidebar by Пользователь 'EstrellaYoshte' не существует
  • ACS Animation by Пользователь 'EstrellaYoshte' не существует
  • Image Block Peppo by Пользователь 'PeppersGhost' не существует
  • BetterFootnotes by Пользователь 'EstrellaYoshte' не существует

…And makes some visual changes to these ones, should you include them:

  • Info Ayers by Пользователь 'Ayers' не существует
  • Anomaly Class Bar by Пользователь 'Woedenaz' не существует

THEMES

BASALT steals borrows elements from:

  • Minimal Theme by Пользователь 'stormbreath' не существует
  • BLANKSTYLE CSS by Пользователь 'Placeholder McD' не существует & Пользователь 'HarryBlank' не существует
  • PLACESTYLE CSS by Пользователь 'Placeholder McD' не существует
  • Simple Yonder Theme by Пользователь 'EstrellaYoshte' не существует

EXAMPLES

basalt_logotype_black.png

Image block

A horizontal rule can be created with 4 hyphens "----" and extends across the whole page if it's not placed inside anything (eg a blockquote). The lines separating sections of this document are horizontal rules.A link you have likely visited
Titles can be created by putting between one and six plus "+" symbols at the start of each line.
This is a Big Text span. Use [[span class="bigtext"]] to create these.This is a Special Text span. Use [[span class="st"]] to create these.Special Text spans change color when placed inside colored table divs, as shown below. This is for you, Placeholder.

Why was the shovel so special?

Because it was a groundbreaking invention.

This is a blockquote, created by putting "> " at the start of each line.

More text


That's a horizontal rule

Nested blockquotes

This is a regular table
Text here

Tables are colorable by wrapping them in special divs. Image blocks and Special Text spans which are wrapped in these divs will also change color accordingly.

[[div class="table1"]]
This is a green table
Text here
[[div class="table2"]]
This is a blue table
Text here
[[div class="table3"]]
This is a yellow table
Text here
[[div class="table4"]]
This is an orange table
Text here
[[div class="table5"]]
This is a red table
Text here
[[div class="table6"]]
This is a purple table
Text here

You can also use the following div to create broken tables.

[[div class="tableb"]]
This is a broken table
Text here

This is a document div. Use [[div class="document"]] to create these. It is recommended not to enclose these inside other divs.

This is a dark document div. Use [[div class="darkdocument"]] to create these. It is recommended not to enclose these inside other divs.

This is a RAISA memo div. Use [[div class="raisa_memo"]] to create these.

This is a decorative div. Use [[div class="notation"]] to create these.

This is slimmer modal div! Use [[div class="smallmodal"]] to create these.

This is a third decorative div! Use [[div class="jotting"]] to create these.

The body font is Roboto.
The header and title font is Work Sans.
The monospace font is Fira Code.

рейтинг: 
голосов: 0

Вставленная страница "component:image-block" вызывает бесконечный цикл включений

ITEM #:
9999

CONTAINMENT CLASS:
THEME-IEL

Normal text begins here.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent dapibus neque dapibus ullamcorper facilisis. Sed et porta arcu, a vestibulum ligula. Nam auctor, arcu vel fringilla lobortis, ipsum ante malesuada turpis, vitae dapibus mi risus non diam. Fusce aliquam feugiat mauris, a consectetur justo dignissim vitae.Integer cursus enim et mauris pellentesque porttitor. Integer vulputate, neque in interdum accumsan, urna ex dignissim felis, et euismod neque erat vitae mi. Nunc non facilisis eros. Curabitur convallis lorem ac enim mollis tincidunt. Vivamus maximus dignissim molestie. Nulla sed blandit urna.Duis eleifend justo eu orci placerat, at bibendum felis aliquam. Integer eu dapibus dui. Praesent viverra dolor vitae commodo hendrerit. Suspendisse aliquam mattis neque et vulputate. Sed nisl risus, vehicula eu nunc vel, lobortis iaculis ex. Nullam sollicitudin, nunc scelerisque euismod dignissim, leo erat iaculis lorem, sit amet interdum nulla justo luctus nibh. Aliquam tincidunt, risus eget sagittis posuere, augue est malesuada magna, non rutrum justo magna nec nunc.Mauris nisi turpis, feugiat sed semper vitae, scelerisque et libero. Vivamus ex massa, placerat ut lorem nec, mollis tempor risus. Morbi eget leo dui. Duis sit amet massa vel magna euismod commodo. Vestibulum sit amet pretium eros. Duis pretium suscipit nunc, id dignissim orci laoreet sodales. Duis non vehicula dolor. Nulla at mi ut ante gravida vehicula.
This is an aesthetic theme made by EstrellaYoshte and inspired by the interface seen in Containment Breach. To use this theme, put the following text at the start:

[[include theme:paperstack]]
[[div class="logo"]]
[[image https://scpfoundation.net/local--files/theme%3Apaperstack/lgtrans.png]]
[[/div]]

[[>]]
[[module Rate]]
[[/>]]

[[div class="header-container-ex"]]
[[include component:image-block name=(IMAGE-HERE)|caption=(CAPTION HERE)|width=300px|align=right]]
[[div class="header-info"]]
[[div class="header-info-flex"]]
[[div class="text-item"]]
[[size 90%]]##grey|**ITEM #:**##[[/size]]

[[size 220%]]**9999**[[/size]]
[[/div]]

[[div class="text-item"]]
[[size 90%]]##grey|**CONTAINMENT CLASS:**##[[/size]]

[[size 220%]]**THEME-IEL**[[/size]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
Normal text begins here.

Alternatively, fewer or more text-item div can be used (it is recommended only up to 4 should be used) and the image block can be omitted.

[[include theme:paperstack]]
[[div class="logo"]]
[[image https://scpfoundation.net/local--files/theme%3Apaperstack/lgtrans.png]]
[[/div]]

[[>]]
[[module Rate]]
[[/>]]

[[div class="header-container-ex"]]
[[div class="header-info"]]
[[div class="header-info-flex"]]
[[div class="text-item"]]
YOUR TEXT HERE
[[/div]]
[[/div]]
[[/div]]
[[/div]]

The link in the logo div can be swapped out for your own custom one.The header can also be changed using the following code:

[[module css]]
:root {
--header-title: "BIG HEADER TITLE";
--header-subtitle: "small header subtitle";
}
[[/module]]


This is a tab view.

This is a blockquote, created by putting "> " at the start of each line.

More text


That's a horizontal rule

Nested blockquotes

This is atable
You should knowhow to make these
already

The header font is Josefin Sans.

The body font is Oxygen.

The monospace font is Fira Code.

[[/collapsible]]
[[/=]]

версия страницы: 77, Последняя правка: 21 Ноя. 2022, 19:26 (12 дня назад)
zz
Пока не указано иное, содержимое этой страницы распространяется по лицензии Creative Commons Attribution-ShareAlike 3.0 License.