Deus Ex Machina Theme

Link to article: Deus Ex Machina Theme.

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

.scp-image-block.block-right {
    background: var(--gradient-header);
}
.scp-image-block img {
    min-width: 100%;
    border: 0.5rem solid transparent;
    box-sizing: border-box;
}

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

margin-bottom: 1em; padding: 0 1em; border: 0.125rem dashed rgb(var(--pale-gray-monochrome)); text-align: left;

```
font-family: var(--header-font);
```

```
code
```
```
pata-notice
```
```
pata-notice
```

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

.scp-image-block.block-right {
    background: var(--gradient-header);
}
.scp-image-block img {
    min-width: 100%;
    border: 0.5rem solid transparent;
    box-sizing: border-box;
}
[[/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]]
[[/>]]

[[image https://scp-wiki.wdfiles.com/local--files/theme%3Ablack-highlighter-theme/black-highlighter-logo.svg]]

[[=]]
+ Theme Colors
[[/=]]

[[include :scp-wiki:component:theme-squares -=-
| color1-name=Port Gore
| color1-variable=--dark-accent
| color1-info=(50, 31, 71)
| color1-has-light-text=1
| color2-name=Purple
| color2-variable=--bright-accent
| color2-info=(88, 0, 189)
| color2-has-light-text=1
| subcolor1-name=Silver Chalice
| subcolor1-variable=--light-gray-monochrome
| subcolor1-info=(160, 160, 160)
| subcolor1-has-light-text=1
| subcolor2-name=Flirt
| subcolor2-variable=--pale-accent
| subcolor2-info=(170, 13, 175)
| subcolor2-has-light-text=1
| subcolor3-name=Bossanova
| subcolor3-variable=--medium-accent
| subcolor3-info=(75, 51, 102)
| subcolor3-has-light-text=1
]]

+ Usage

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

This is a BHL version of [[[theme:pataphysics|'Pataphysics Department Theme]]] by [[*user Lt Flops]].

On any wiki:

[[div class="code"]]
@@[[include :scp-wiki:theme:black-highlighter-theme]]@@
@@[[include :scp-wiki:theme:deus-ex-machina]]@@
[[/div]]

+ Examples

[[include component:image-block name=https://scp-wiki.wdfiles.com/local--files/theme%3Adeus-ex-machina/pataphysics_logo.svg|caption='Pataphysics Department Logo[[footnote]]'Pataphysics Department Logo is designed by [[*user TSATPWTCOTTTADC]], and edited by [[*user Woedenaz]]. Licensed under CC BY-SA 3.0.[[/footnote]]|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="+ Titles" hide="- Titles"]]
+ 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.

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

[[div class="pata-notice"]]
++++* NOTICE FROM THE 'PATAPHYSICS DEPARTMENT

[[div style="margin-bottom: 1em; padding: 0 1em; border: 0.125rem dashed rgb(var(--pale-gray-monochrome)); text-align: left;"]]
@@[[div class="pata-notice"]]@@
@@++++* NOTICE FROM THE 'PATAPHYSICS DEPARTMENT@@

TEXT[[footnote]] And here's a footnote! [[/footnote]]
@@[[/div]]@@
[[/div]]
[[/div]]

[[=]]
[[span style="font-family: var(--header-font);"]]The Header font is Carrois Gothic.[[/span]]
[[/=]]

@@ @@

[[footnoteblock]]
-----
[[collapsible show="+ Show theme code" hide="- Hide theme code"]]
[[code type="css"]]

@import url('https://fonts.googleapis.com/css?family=Carrois+Gothic&display=swap');

@supports(display: grid) {
    :root {
    	/* ===S-CSS-P INTEGRATION=== */
    	/* If you're making a new CSS theme, please include the following three variables at minimum. */
    	--theme-base: "black-highlighter";
    	/* must be either "black-highlighter" or "sigma9" */
    	--theme-id: "deus-ex-machina";
    	/* set this to the URL of your theme's page - eg for "component:ar-theme", set it to "ar-theme" */
    	--theme-name: "Deus Ex Machina Theme";
    	/* set this to your theme's full name */

    	/* ===HEADER ELEMENTS=== */
    	--logo-image: url("https://scp-wiki.wdfiles.com/local--files/theme%3Adeus-ex-machina/pataphysics_logo_ani.svg");
    	--header-title: "'Pataphysics Department";
    	--header-subtitle: "Killing Our Gods";

    	/* ===TYPEFACES=== */
    	--header-font: 'Carrois Gothic', freight-sans-pro, sans-serif;

    	/* ===STANDARD THEME COLORS=== */
    	--light-pale-gray-monochrome: 232, 232, 232;
    	--pale-accent: 170, 13, 175;
    	--bright-accent: 88, 0, 189;
    	--medium-accent: 75, 51, 102;
    	--dark-accent: 50, 31, 71;

    	/* ===TEXT COLORS=== */
    	--swatch-text-light: var(--light-pale-gray-monochrome);
    	--swatch-menutxt-light-color: var(--light-pale-gray-monochrome);

    	/* ===HEADER GRADIENT=== */
    	--header-gradient-color-bottom: 47, 29, 68;

    	/* ===TOPBAR GRADIENT=== */
    	--swatch-topmenu-bg-color: var(--swatch-menubg-black-color);

    	/* ===LINK COLORS=== */
    	--link-color: var(--swatch-primary);
    	--visited-link-color: var(--pale-accent);
    	--hover-link-color: var(--pale-accent);

    	/* ===PRIMARY GRADIENTS=== */
    	--diagonal-stripes: repeating-linear-gradient(180deg,
    			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);

    	/* ===RATING MODULE=== */
    	--rating-module-bg-color: var(--swatch-menubg-light-color);
    }

    body {
    	background-color: rgba(var(--swatch-menubg-light-color), 1);
    }

    /* ===TOPBAR ELEMENTS=== */

    #header div[class*="top-bar"]>ul>li:hover,
    #header div[class*="top-bar"]>ul>li:active,
    #header div[class*="top-bar"]>ul>li:focus-within {
    	background-color: rgba(var(--white-monochrome), 0.1);
    }

    /* ===SIDE-BAR ELEMENTS=== */

    #side-bar,
    #interwiki {
    	--sidebar-bg-color: var(--swatch-menubg-light-color);
    }

    #side-bar .heading,
    #interwiki .heading {
    	margin-top: 0.5em;
    }

    #side-bar .heading p,
    #interwiki .heading p,
    #side-bar .side-block>.collapsible-block .collapsible-block-link {
    	font-size: calc(var(--base-font-size) * (7/6));
    }

    /* ===MAIN CONTENT UI ELEMENTS=== */

    #main-content {
    	/* ===TABS=== */
    	--tabs-bg: var(--light-pale-gray-monochrome);

    	/* ===FOOTNOTES/BIBLIOGRAPHY FOOTER=== */
    	--footnotes-footer-bg-color: var(--light-pale-gray-monochrome);
    }

    /* ===Ayers' Info Bar=== */

    .info-container {
    	--barColour: rgb(var(--dark-accent));
    	--linkColour: rgb(var(--pale-gray-monochrome));
    }

    /* ===Pata Notice By Lt Flops=== */

    .pata-notice {
    	--link-color: 255, 217, 0;
    	--visited-link-color: 250, 150, 0;
    	--hover-link-color: 250, 150, 0;

    	margin: 1em 0;
    	padding: 0 1em;
    	color: rgb(var(--pale-gray-monochrome));
    	background-color: rgb(var(--swatch-primary-darker));
    	border: 0.0625rem solid rgb(var(--swatch-primary-darker));
    	text-align: center;
    }

    .pata-notice ::-moz-selection {
    	background: rgba(var(--white-monochrome), 0.25);
    }

    .pata-notice ::-moz-selection,
    .pata-notice ::selection {
    	background: rgba(var(--white-monochrome), 0.25);
    }

    /* ===MOBILE FORMATTING=== */

    @media only screen and (max-width: 25rem) {
    	:root {
    		--header-title: "'Pataphysics Dept.";
    	}
    }
}
[[/code]]
[[/collapsible]]
[[/iftags]]

[[module css]]
@import url("https://scp-wiki.wdfiles.com/local--code/theme%3Adeus-ex-machina/1")
[[/module]]
[[include :scp-wiki:component:interwiki-style
| priority=3
| theme=https://scp-wiki.wdfiles.com/local--code/theme%3Adeus-ex-machina/1
]]

Deus Ex Machina Theme

Module Styles

Inline Styles

Includes

CSS Classes

Page Source