The Coalition Theme

Link to article: The Coalition Theme.

@import url("https://nu-scptheme.github.io/Black-Highlighter/stable/styles/normalize.min.css");
@import url("https://nu-scptheme.github.io/Black-Highlighter/stable/styles/black-highlighter.min.css");

@import url("https://scp-wiki.wdfiles.com/local--code/theme%3Athe-coalition-theme/1")

```
filter: display:flex;
```
```
width:100px;
```
```
width:width:100px;;
```
```
font-family: var(--header-font);
```
```
font-family: var(--mono-font);
```

```
scp-image-block
```
```
block-right
```
```
scp-image-caption
```

[[iftags +theme]]
[[module css]]
@import url("https://nu-scptheme.github.io/Black-Highlighter/stable/styles/normalize.min.css");
@import url("https://nu-scptheme.github.io/Black-Highlighter/stable/styles/black-highlighter.min.css");
[[/module]]

[[include :scp-wiki:component:interwiki-style
| priority=1
| theme=https://nu-scptheme.github.io/Black-Highlighter/css/min/normalize.min.css
]]

[[include :scp-wiki:component:interwiki-style
| priority=2
| theme=https://nu-scptheme.github.io/Black-Highlighter/css/min/black-highlighter.min.css
]]

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

[[div_ style="filter: display:flex;"]]
[[image https://scp-wiki.wdfiles.com/local--files/theme%3Ablack-highlighter-theme/black-highlighter-logo.svg]]
[[/div]]

-----

+* Theme Colors

[[include :scp-wiki:component:theme-squares -=-
| color1-name=Payne's Grey
| color1-variable=--gray-monochrome
| color1-info=(66, 66, 72)
| color1-has-light-text=1
| color2-name=Carolina
| color2-variable=--bright-accent
| color2-info=(56, 117, 161)
| color2-has-light-text=1
| subcolor1-name=Abalone
| subcolor1-variable=--light-gray-monochrome
| subcolor1-info=(170, 170, 170)
| subcolor2-name=White Smoke
| subcolor2-variable=--pale-gray-monochrome
| subcolor2-info=(244, 244, 244)
| subcolor3-name=Bastille
| subcolor3-variable=--dark-gray-monochrome
| subcolor3-info=(48, 48, 52)
| subcolor3-has-light-text=1
| subcolor4-name=Cobalt
| subcolor4-variable=--medium-accent
| subcolor4-info=(44, 74, 120)
| subcolor4-has-light-text=1
| subcolor5-name=Navy
| subcolor5-variable=--dark-accent
| subcolor5-info=(33, 40, 78)
| subcolor5-has-light-text=1
| subcolor6-name=Turquoise
| subcolor6-variable=--newpage-color
| subcolor6-info=(187, 225, 250)
]]

-----

+* Usage

This is a Black Highlighter based theme, meaning you will need to import the Black Highlighter theme as well in order to use this theme. To learn more, go [[[theme:black-highlighter-theme|here]]].

**To import this theme, simply add the following to your page:**

> @@[[include :scp-wiki:theme:black-highlighter-theme]]@@
> @@[[include :scp-wiki:theme:the-coalition-theme]]@@

@@ @@

+ Examples

[[div class="scp-image-block block-right" style="width:100px;"]]
[[image https://scp-wiki.wdfiles.com/local--files/theme:the-coalition-theme/GOClogo.png]]
[[div class="scp-image-caption" style="width:width:100px;;"]]
Coalition Logo
[[/div]]
[[/div]]

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="▼ Titles" hide="▲ Close"]]
+ First Title

++ Second Title

+++ Third Title

++++ Fourth Title

+++++ Fifth Title

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

@@ @@

[[tabview]]
[[tab Tabulator]]
Just use your imagination and pretend there's //Lorem Ipsum// here.
[[/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.

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.
[[/tab]]
[[tab Empty Tab]]
[[/tab]]
[[tab Empty Tab]]
[[/tab]]
[[tab Empty Tab]]
[[/tab]]
[[tab Empty Tab]]
[[/tab]]
[[tab Empty Tab]]
[[/tab]]
[[tab Empty Tab]]
weed lmao
[[/tab]]
[[/tabview]]

> This is a blockquote, created by putting "> " at the start of each line.
>
> More text
> -----
> That's a horizontal rule
>
>> Nested blockquotes
>>> And another[[footnote]] And here's a footnote! [[/footnote]]

||~ This is a ||~ table ||
||You should know || how to make these ||
||||already ||

----

[[=]]
[[span style="font-family: var(--header-font);"]]The header, title, and body font is Roboto.[[/span]]
[[span style="font-family: var(--mono-font);"]]The monospace font used is PT Mono.[[/span]]
[[/=]]

+* Code
[[collapsible show="▼ Show code" hide="▲ Hide code"]]
[[code type="css"]]
/*
    Coalition Theme
    [2020 Wikidot Theme]
    Created by Greyve with assistance from Calibri Bold and Croquembouche.
    Based on Black Highlighter Theme created by Woedenaz and Croquembouche.
    CC BY SA 3.0.
*/

/* Fonts */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500');

/* ROOT - Header & General Recoloring */
:root {

    /* Intro */
    --theme-base: "nuscp"
    	--theme-id: "the-coalition-theme"
    	--theme-name: "The Coalition Theme";

    /* Header */
    --logo-image: url("https://scp-wiki.wdfiles.com/local--files/theme:the-coalition-theme/GOClogo.png");
    --header-title: "Global Occult Coalition";
    --header-subtitle: "From the Desk of the Under-Secretary General";
    --header-gradient-color-bottom: 44, 74, 120;
    --header-gradient-color-middle: 44, 74, 120;
    --header-gradient-color-top: 44, 74, 120;
    --gradient-header: linear-gradient(to top,
    		rgb(var(--header-gradient-color-bottom)) 100%,
    		rgb(var(--header-gradient-color-middle)) 100%,
    		rgb(var(--header-gradient-color-top)) 100%);
    --diagonal-stripes: unset;

    --body-font: 'Roboto', sans-serif;
    --header-font: 'Roboto', sans-serif;
    --title-font: 'Roboto', sans-serif;
    --mono-font: "PT Mono", "Andale Mono", "Courier New", Courier, monospace;

    /* Colors */
    --white-monochrome: 252, 252, 252;
    /* White */
    --pale-gray-monochrome: 244, 244, 244;
    /* Light Grey (Quoteblocks) */
    --light-gray-monochrome: 170, 170, 170;
    /* Accent Light Gray (Login Status) */
    --gray-monochrome: 66, 66, 72;
    /* Gray */

    --pale-accent: 167, 188, 201;
    /* Pale Blue*/
    --bright-accent: 56, 117, 161;
    /* Steel Blue*/
    --medium-accent: 44, 74, 120;
    /* Deep Blue */
    --dark-accent: 32, 40, 78;
    /* Navy */
    --newpage-color: 187, 225, 250;
    /* Pale Turquoise */

    /* Primary Header Colors */
    --swatch-headerh1-color: var(--white-monochrome);
    --swatch-headerh2-color: var(--white-monochrome);
    --swatch-topmenu-border-color: var(--dark-accent);
    --swatch-topmenu-bg-color: var(--dark-accent);

    --rating-module-button-color: var(--black-monochrome);
    --rating-module-text-color: var(--black-monochrome);

    /* Link Colors */
    --link-color: 27, 65, 94;
    --visited-link-color: 133, 193, 233;
    --hover-link-color: 133, 193, 233;
}

/* Top-Bar Open Button on Mobile */
#top-bar>div.mobile-top-bar>div.open-menu>p>a {
    color: rgb(var(--gray-monochrome)) !important;
}

/* Adjusts Header Size */

/* Undo the mobile Image Resize */
@media only screen and (max-width: 768px) {
    #header {
    	background-size: 0.625rem 2.500rem;
    	background-repeat: no-repeat;
    	background-position: left 0.75rem top 1.1875rem;
    	background-clip: border-box;
    	background-size: auto 5.375rem;
    }
}
[[/code]]
[[/collapsible]]
[[/iftags]]
[[module css]]
@import url("https://scp-wiki.wdfiles.com/local--code/theme%3Athe-coalition-theme/1")
[[/module]]
[[include :scp-wiki:component:interwiki-style
| priority=3
| theme=https://scp-wiki.wdfiles.com/local--code/theme%3Athe-coalition-theme/1
]]

The Coalition Theme

Module Styles

Inline Styles

Includes

CSS Classes

Page Source