Purgatory

The CLEF theme

C • L • E • F

THEME CREDITS

This theme was ADAPTED by Super-Robot14. The base of this theme is the Basalt theme by Liryn and Placeholder McD. This theme is a reskin and adaptation of said theme.

To import this theme into your page, put the following code anywhere inside it:

[[include :backrooms-wiki:theme:clef
title= TITLE]]

A horizontal rule can be created with 5 hyphens "-----" and extends across the whole page if it's not placed inside anything (ex. 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 (you really shouldn't need to use more than 4 in most circumstances).

+ Titles

First Title

Second Title

Third Title

Fourth Title (pretty tiny)

Fifth Title (literally tiny)

Sixth Title

Tabulator

create all your amazing stuff here.

Tabulation

Wowzers you found me

:)

Long Tab

This is a long tab. It contains a lot of text.

This is a long tab. It contains a lot of text.

This is a long tab. It contains a lot of text.

This is a long tab. It contains a lot of text.

This is a long tab. It contains a lot of text.

This is a long tab. It contains a lot of text.

This is a long tab. It contains a lot of text.
no
This is a long tab. It contains a lot of text.
why?
This is a long tab. It contains a lot of text.
idk
This is a long tab. It contains a lot of text.
…
This is a long tab. It contains a lot of text.
sorry
This is a long tab. It contains a lot of text.

Empty Tab

Empty Tab

Empty Tab

Empty Tab

not empty lol

Long Tab

longo boi

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

---

That's a horizontal rule
wow.

Nested blockquotes

And another¹

This is a	table
You should know	how to make these
already. hopefully that is

---

This is in the middle lol

---

Foot²
this text
is here
so you can
see how
everything looks
with different
formats^and
other_stuff
including links that do not
randomlinkmomento
And links that do exist!

---

C • L • E • F

EXAMPLE USAGE

[[div class="notice"]]
+ C • L • E • F
[[div class="seperator"]]
[[/div]]
++ EXAMPLE USAGE
[[div class="memo"]]
TEXT
[[/div]]
[[/div]]

---

Show Source Code

@import url("https://scp-wiki.wdfiles.com/local--code/component%3Atheme/1");
@import url("https://scp-wiki.wdfiles.com/local--code/theme%3Abasalt");
@import url(https://scp-wiki.wdfiles.com/local--code/theme%3Abasalt/2);
@import url(https://scp-wiki.wdfiles.com/local--code/theme%3Abasalt/3);
 
:root {
    --logo: url('http://roboboxium.wikidot.com/local--files/theme:clef/Bold%20Logo') !important;
    --title: "The C • L • E • F" !important;
    --subtitle: "Clear • Liberate • Expose • Finish" !important;
 
    --basalt-overtone: 189, 148, 49; /*bottom HR*/
    --basalt-UI-dark-palette: 189, 148, 49; /*tab footnote ETC*/
    --basalt-bright-element-color: 189, 148, 49; /*collapsible certain links*/
    --basalt-dark-element-color: 189, 148, 49; /*scrollbar, certain elements*/
    --basalt-primary-color: 62, 38, 16; /*main background*/
    --basalt-secondary-color: 68, 52, 38; /*other background and elements*/
    --basalt-tertiary-color: 152, 125, 59; /*scrollbar BG*/
    --basalt-main-text-color: 195, 195, 195; /*text color*/
 
    --general-border-color: 189, 148, 49; /*certain borders*/
    --modal-fader-background-color: var(--basalt-secondary-color);
    --button-hover-text-color: var(--basalt-main-text-color);
    --top-bar-link-color-hover: var(--basalt-main-text-color);
    --top-bar-link-background-hover: var(--basalt-dark-element-color);
    --login-status-link-background-hover: var(--basalt-undertone);
    --login-status-text-color: var(--basalt-main-text-color);
    --selection-background-color: var(--basalt-undertone);
    --selection-text-color: var(--basalt-main-text-color);
    --rate-module-info-icon-color: var(--basalt-main-text-color);
    --tab-focus-text-color: var(--basalt-main-text-color);
 
    --side-bar-heading-background-color: 189, 148, 49, 0.07; /*sidebar accent*/
    --side-bar-heading-text-color: var(--basalt-main-text-color);
    --side-bar-link-color-hover: var(--basalt-main-text-color);
 
    --basalt-negative-color: 152, 125, 59; /*NO color*/
    --basalt-focus-color: var(--basalt-tertiary-color);
 
    --linkColour: rgb(var(--basalt-main-text-color)) !important;
    --swatch-menubg-black-color: 152, 125, 59; /*?*/
    --swatch-menutxt-dark-color: 189, 148, 49; /*?*/
}
 
.title {
text-align: center;
font-size: 250%;
font-weight: 900;
font-family: var(--header-font-primary);
margin: -9.2% 4%;
width: 75%;
border-radius: 5px 5px 10px 10px;
background: rgb(189, 148, 49);
}
 
.notice {
border-radius: 5px 5px 10px 10px;
background: rgb(189, 148, 49);
padding: 1%;
text-align: center;
}
 
.memo {
background: rgb(68, 52, 38);
transition: all 1000ms;
padding: 2%;
text-align: left;
clip-path: polygon(0% -31%, 100% 15%, 100% 50%, 0% -100%);
border-radius: 10px;
margin: 0;
}
 
.memo:hover {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    margin: -50px 0px 0px;
    padding: 2% 2% calc(2% + 50px);
}
 
.seperator {
height: 2px;
margin-block: 1rem;
margin-inline: 1rem;
overflow: auto;
background: rgb(68, 52, 38);
}

Footnotes

1. And here's a footnote!

2. scientific note