Usage
To import this theme to your page, put the following anywhere inside it:
[[include theme:creepypasta]]
The standard CSS @import method won't work. This is intentional (thanks to Пользователь 'stormbreath' не существует for providing the CSS code!). Importing the theme using [[include]] adds your page to a list of Backlinks. This is useful for seeing what pages would be affected when this theme is updated, and allows any errors caused by that to be noticed and corrected much faster.
You can view any page's Backlinks by clicking "+ Options" at the bottom of the page, then "Backlinks".
Examples
A horizontal rule can be created with 5 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.
Titles can be created by putting between one and six plus "+" at the start of the line
This is a tab view.
This is a blockquote, created by putting "> " at the start of each line.
More textThat's a horizontal rule
Nested blockquotes
This is a | table |
---|---|
You should know | how to make these |
already |
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 textThat's a horizontal rule
Nested blockquotes
This is a | table |
---|---|
You should know | how to make these |
already |
The header font is Josefin Sans.
The body font is Oxygen.
The monospace font is Fira Code.