cubeflix:stheme

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

+ Titles

First Title

Second Title

Third Title

Fourth Title

Fifth Title

Sixth Title

Tabulator

This is a tab view.

Tabulation

Hey look, more text here.

How quaint.

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.

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.

Empty Tab

Empty Tab

Empty Tab

Empty Tab

Empty Tab

Empty Tab

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	table
You should know	how to make these
already

The Body, Header, Title, and monospace font is IBM Plex Mono.

---

+ Show theme code

@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&display=swap');
 
@supports(display: grid) {
 
    :root {
     --theme-base: "black-highlighter";
     --theme-id: "scp-metaphysical-theme";
     --theme-name: "SCP Metaphysical Theme";
 
     /* Typefaces */
     --body-font: "JetBrains Mono", Recursive, Consolas, monaco, monospace;
     --header-font: var(--header-font);
     --title-font: var(--header-font);
     --mono-font: var(--header-font);
     --UI-font: var(--header-font);
 
     /* Standard Colors */
     --white-monochrome: 40, 40, 40;
     --pale-gray-monochrome: 179, 145, 145;
     --light-gray-monochrome: 147, 147, 147;
     --gray-monochrome: 127, 127, 127;
     --dark-gray-monochrome: 101, 101, 101;
     --black-monochrome: 25, 20, 16;
     --bright-accent: 145, 179, 153;
     --medium-accent: 145, 179, 153;
     --dark-accent: 105, 133, 111;
    }
 
    #container-wrap-wrap {
     background-image:
     repeating-linear-gradient(45deg,
     hsla(0, 0%, 100%, 0),
     hsla(0, 0%, 100%, 0) 0.25vh,
     rgba(88, 88, 88, 0.1) 0.35vh,
     rgba(88, 88, 88, 0.2) 0.5vh),
 
     linear-gradient(to bottom,
     rgba(var(--black-monochrome), 1) var(--header-height-on-desktop),
     rgba(var(--gray-monochrome), 1) calc(var(--header-height-on-desktop) + 0.125rem),
     rgba(var(--gray-monochrome), 1) calc(100% - 0.125rem),
     rgba(var(--gray-monochrome), 1) calc(100% - 0.125rem),
     rgba(var(--black-monochrome), 1) 100%);
     background-repeat: no-repeat;
     background-size:
     100% var(--header-height-on-desktop),
     100% var(--final-header-height-on-desktop);
    }
 
    a {
     --wght: 900;
     font-weight: 900;
    }
 
    #header h2 span::before {
     color: rgb(var(--bright-accent));
    }
 
    #header h1 *,
    #top-bar *,
    #page-title * {
     will-change: opacity;
     transition: opacity 0.2s ease-in-out;
    }
 
    #header h1 a:hover::before,
    #header h1 a:hover::after,
    #top-bar a:hover,
    #page-title:hover,
    #search-top-box-form input[type="submit"]:hover,
    #search-top-box-form input[type="submit"]:focus {
     -webkit-animation: flicker 20s linear infinite;
     animation: flicker 20s linear infinite;
    }
 
    #side-bar .collapsible-block-unfolded {
     background: unset;
    }
 
    #side-bar div.menu-item a.collapsible-block-link,
    #side-bar .side-block>.collapsible-block a.collapsible-block-link {
     background: rgba(var(--medium-accent), 0.5);
    }
 
    #side-bar .close-menu::before {
     line-height: 0.85em !important;
    }
 
    #side-bar .heading p,
    #side-bar .collapsible-block .collapsible-block-link {
     color: rgb(var(--swatch-primary-darkest))
    }
 
    #side-bar div.menu-item a,
    #side-bar div.menu-item .text {
     --wght: 900;
     font-weight: 900;
    }
 
    #side-bar div.menu-item a:hover,
    #side-bar div.menu-item a:active {
     -webkit-animation: flicker 20s linear infinite;
     animation: flicker 20s linear infinite;
     color: rgb(var(--swatch-text-tertiary-color));
    }
 
    #side-bar div.menu-item a:focus-within {
     -webkit-animation: flicker 20s linear infinite;
     animation: flicker 20s linear infinite;
     color: rgb(var(--swatch-text-tertiary-color));
    }
 
    .info-container .collapsible-block-folded,
    .info-container .collapsible-block-unfolded-link {
     background: rgb(var(--bright-accent)) !important;
    }
 
    div[id*="page-options-bottom"] {
     --ui-wght: 600;
     --ui-hvr-wght: 600;
     font-size: calc(var(--base-font-size) * 0.75);
    }
 
    @media only screen and (max-width: 56.25rem) {
     #header {
     background-repeat: no-repeat, repeat;
     background-position: left calc(5vw + 5.5rem - 10.4rem) top calc(4% - var(--offset-from-page-top) / 2), top center;
     background-size: calc(8.75rem + var(--offset-from-page-top)), 100% var(--header-height-on-desktop);
     }
}