Linear Black Theme

Link to article: Linear Black Theme.

@import url('https://scp-wiki.wdfiles.com/local--code/theme%3Alinear-black/1');

(none)

```
blockquote
```

[[include :scp-wiki:component:sigma-plus]]
[[include :scp-wiki:component:toggle-sidebar]]
[[include :scp-wiki:component:interwiki-style
| priority=1
| theme=https://scp-wiki.wdfiles.com/local--code/theme%3Alinear-black/1
]]

[[iftags +theme]]

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

This is the Linear Black Theme by [[*user 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:

[[div class="blockquote"]]
@@[[include :scp-wiki:theme:linear-black]]@@
[[/div]]

------

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

[[include component:image-block name=https://scp-wiki.wdfiles.com/local--files/SCP-9900/9kconSketch.png|caption=Image.|width=200px]]

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 show="Collapsible - Click me" hide="Collapsible - Click me"]]
+ First Title

++ Second Title

+++ Third Title

++++ Fourth Title

+++++ Fifth Title

++++++ Sixth Title
[[/collapsible]]

@@ @@

[[tabview]]
[[tab Tabulator]]
This is a tab view.
[[/tab]]
[[tab Tabulation]]
Hey look, more text here.

How quaint.
[[/tab]]
[[tab Long Tab]]
This is a long tab. It contains a lot of text.[[footnote]] This is a footnote. [[/footnote]]

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.
[[/tab]]

[[tab 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.
[[/tab]]

[[tab Empty Tab]]
[[/tab]]
[[/tabview]]


> 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.
[[/=]]
-----

@@ @@
[[=]]
[[collapsible show="+ CODE" hide="- CODE"]]
[[<]]
[[code type="CSS"]]
/*
    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));
}

[[/code]]
[[/<]]
[[/collapsible]]
[[/=]]
@@ @@
[[/iftags]]

[[module CSS]]
@import url('https://scp-wiki.wdfiles.com/local--code/theme%3Alinear-black/1');
[[/module]]

Linear Black Theme

Module Styles

Inline Styles

Includes

CSS Classes

Page Source