Linear Black Theme

This is the Linear Black Theme by Queerious, which was created for the SCP-9000 contest entry SCP-9900.

To use this theme, please put the following at the top of your page:

[[include :scp-wiki:theme:linear-black]]

---

Dead link: link 1
Visited: https://scp-wiki.wikidot.com/scp-9900

Image.

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.

---

Collapsible - Click me

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.

Longer Tab

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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 font is Martian Mono.

---

+ CODE

/*
    LINEAR BLACK THEME
    By Queerious
*/
@import url('https://fonts.bunny.net/css2?family=Martian+Mono:wght@100..800&display=swap');
 
#page-title {
    display: none;
}
 
:root {
    --sp_top-bar-gradient-top-color: #373737;
    --sp_top-bar-gradient-bottom-color: #171717;
 
    --sp_top-bar-link-hover-color: var(--vividLighter);
    --sp_top-bar-link-hover-background: #1E1E24;
 
    --sp_dropdown-background: #060607;
    --sp_dropdown-link-color: var(--sp_top-bar-link-hover-color);
    --sp_dropdown-link-hover-color: var(--sp_top-bar-link-hover-color);
    --sp_dropdown-link-background: transparent;
    --sp_dropdown-link-border: 0.05rem solid #ddd;
    --sp_dropdown-link-hover-background: var(--sp_top-bar-link-hover-background);
 
    --sp_header-logo-size: 8.25rem;
    --sp_rate-module-background: rgba(255,255,255,0.2);
    --sp_rate-module-sub-color: #FFF;
    --accentColor: #6d6d77;
    --vividAccentColor: #ACACD2;
    --vividLighter: #D5D3FF;
    --vividDarker: #8986B1;
    --accentRed: #BB7672;
    --sp_tab-text-color: var(--vividAccentColor);
    --sp_tab-background: rgba(255,255,255,0.1);
    --sp_tab-border-color: var(--accentColor);
    --sp_tab-hover-background: rgba(0,0,0,0.3);
    --sp_tab-selected-text-color: black;
    --sp_tab-selected-background: white;
    --sp_tab-selected-border-color: var(--accentColor);
    --sp_top-bar-link-hover-color: var(--vividAccentColor);
 
    --sp_rate-module-button-color: black;
 
    --sp_hovertip-background: #060607;
    --sp_hovertip-border: 0.05rem solid black;
}
 
.hovertip {
    color: white;
}
 
h1 {
    color: var(--vividAccentColor);
}
 
:where(#page-content) a {
    color: var(--vividAccentColor);
}
 
:where(#page-content) a.newpage {
    color: var(--accentRed);
}
 
:where(#page-content) a.newpage:hover {
    text-decoration: underline;
    border-color: var(--accentRed);
}
 
:where(#page-content) a:visited {
    color: var(--vividDarker);
}
 
/* Sidebar */
 
#content-wrap #side-bar .side-block, #interwiki .side-block {
    background-color: #060607;
    color: white !important;
    border: 1px solid var(--vividAccentColor);
}
 
#content-wrap #side-bar .heading, #interwiki .heading {
    color: var(--vividAccentColor);
    border-bottom: solid 1px var(--vividDarker);
}
 
#content-wrap #side-bar a, #interwiki a {
    color: var(--vividAccentColor);
}
 
#content-wrap #side-bar .side-block .menu-item img, #interwiki .side-block .menu-item img {
    filter: hue-rotate(185deg) brightness(12) saturate(0.3);
}
 
@media (max-width: 767px) {
    #content-wrap #side-bar {
        background-color: rgba(255,255,255,0.5);
    }
}
 
/* Color Correction Bottom Area */
 
#page-info a, .page-watch-options a, .page-options-bottom a, .page-tags a, .edit-help-34 a, #action-area a {
    color: var(--accentRed);
}
 
#license-area {
    color: white;
}
 
#account-options {
    margin-top: -3.45em;
}
 
/* Tabview */
 
#page-content .yui-navset .yui-nav .selected {
    font-weight: bold !important;
}
 
#page-content .yui-navset .yui-content {
    background-color: rgba(255,255,255,0.1);
}
 
/* Page Options */
 
#action-area, #page-options-container {
    color: white;
}
 
#lock-info {
    color:black;
}
 
#page-content {
    background: rgba(0,0,0,0.35);
    padding: 0.3em 1.5em;
    border-radius: 30px;
}
 
#page-content hr {
    background-color: var(--accentColor);
}
 
#page-content :is(.blockquote, blockquote) {
    background: rgba(255,255,255,0.1);
    border-style: solid;
}
 
#page-content :is(.blockquote, blockquote) > :is(.blockquote, blockquote) {
    background: rgba(0,0,0,0.3);
    border-style: dashed;
    border-color: var(--accentColor);
}
 
#page-content .licensebox .blockquote, .licensebox blockquote {
    background: rgba(255,255,255,0.1);
    border-style: solid;
    margin: 1rem 1.5rem;
}
#page-content .licensebox .blockquote > .blockquote {
    background: inherit;
    border-style: inherit;
    border-color: inherit;
    font-family: inherit;
    font-size: inherit;
    margin: 1rem 1.5rem;
}
 
#header {
    background-image: url(https://scp-wiki.wdfiles.com/local--files/theme:linear-black/mountain_pattern_stretch.jpg);
    background-color: #2b2930;
    background-blend-mode: hard-light;
    background-position-x: center;
    background-size: 1200px;
    height: 250px;
    background-position-y: center;
    grid-template-rows: 1.5fr 1.5fr auto auto 0.75fr auto;
}
 
#header::before {
    margin: 0em auto;
    grid-row: 1 / 5;
    grid-column: 1/5;
    z-index: 2;
}
 
#header h1, #header h2 {
    padding-inline-start: initial;
    grid-column: 1/5;
    margin: 0em auto;
    z-index: 1;
}
 
#header h1 {
    grid-row: 3 / 5;
}
 
#header h2 {
    grid-row: 5;
}
 
#container {
    background: url(https://scp-wiki.wdfiles.com/local--files/theme:linear-black/trianglify-lowres_dark.webp);
    background-repeat: round;
    background-position-x: left;
    background-position-y: 26em;
    background-size: 40em;
}
 
#page-content {
    color: white;
    font-family: 'Martian Mono', monospace;
    font-weight: 200;
}
 
#page-content th {
    color: black;
}
 
h1, h2, h3, h4, h5, h6 {
    font-family: 'Martian Mono', monospace;
}
 
.scp-image-block {
    margin-top: 1.5em;
    border-width: 2px;
}
 
:is(.blockquote,blockquote) .scp-image-block .scp-image-caption {
    background-color: rgba(255,255,255,0.1);
}
 
#page-content .scp-image-block .scp-image-caption {
    background-color: rgba(255,255,255,0.1);
}
 
#page-content table.wiki-content-table td {
    padding: 0.5em 0.7em;
}
 
.ratingModuleAlign {
    text-align: right;
    margin-bottom: -1em;
    margin-top: 0.5em;
}
 
#search-top-box-form :is(input[type="submit"], input[type="submit"]:hover) {
    background-color: var(--vividDarker);
    color: white;
    background-image: linear gradient (to bottom, var(--vividLighter), var(--vividAccentColor), var(--vividDarker));
}

Footnotes

1. This is a footnote.