Memoria Theme

Link to article: Memoria 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");

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

float:center; width:400px; background-color:#cccccc; border: 3px solid #000000; border-radius: 10px; margin: auto

font-family: 'Nanum Brush Script', cursive; color: #390000;font-size: 450%;

font-family:var(--body-font); font-size: calc(var(--base-font-size) * 1.00); color: #000000;

font-family:var(--body-font); font-size: calc(var(--base-font-size) * 1.00); color: #000000;

font-family:var(--body-font); font-size: calc(var(--base-font-size) * 1.25);

font-family:var(--header-font); font-size: calc(var(--base-font-size) * 1.25);

font-family:var(--mono-font); font-size: calc(var(--base-font-size) * 1.25);

```
textbox
```
```
code
```
```
code
```
```
textbox
```
```
code
```
```
type1
```
```
type1
```

[[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");
[[/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="float:center; width:400px; background-color:#cccccc; border: 3px solid #000000; border-radius: 10px; margin: auto"]]
[[=]]
[[span style="font-family: 'Nanum Brush Script', cursive; color: #390000;font-size: 450%;"]]**PLEASE STOP**[[/span]]

This is a template page used internally by the SCP Wiki.

**PLEASE DO NOT TOUCH THIS PAGE WITHOUT PERMISSION**
[[/=]]
[[/div]]
[[/=]]
@@ @@
@@ @@
[[div class="textbox"]]
+ Usage

On any wiki:

[[div class="code"]]
@@[[include :scp-wiki:theme:black-highlighter-theme]]@@
@@[[include :scp-wiki:component:collapsible-sidebar]]@@
@@[[include :scp-wiki:theme:memoria]]@@
[[/div]]

For the white-ish text box that you'll need to see the text over the background gradient:
[[div class="code"]]
@@[[div class="textbox"]]@@
Text/code whatever will go in here, as normal.
@@[[/div]]@@
[[/div]]

For the Solomonari "scripture":
[[div class="code"]]
@@[[div class="type1"]]@@
You'll need to use the "@@@@@@ @@@@@@" symbols to separate paragraphs and
@@[[>]]@@
@@[[span style="font-family:var(--body-font); font-size: calc(var(--base-font-size) * 1.00); color: #000000;"]]- //This is the "attribution"//[[/span]]@@
@@[[/>]]@@
@@[[/div]]@@
[[/div]]

[[div class="type1"]]
^^7^^And it came to pass that in those days there went forth throughout the land, a call to explain what the scripture looked like. ^^8^^It was then that the Prophet stood forth and spake with the words of a crafter, ^^9^^"Lo, at this very hour I say unto thee, look unto my words and see what purpose these words has revealed to thee."
[[>]]
[[span style="font-family:var(--body-font); font-size: calc(var(--base-font-size) * 1.00); color: #000000;"]]- //The Book of Attribution, 1:7-9; The Solomonari Valkzaron//[[/span]]
[[/>]]
[[/div]]

+ What this is:

> This theme was developed by [[*user MalyceGraves]] to be used in conjunction with tales and SCP articles written in and for the Canon  [[[memoria-adytum|In Memoria, Adytum]]]. 
> 
> This theme is licensed under CC BY-SA 3.0


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

-----


[[=]]
+ 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=Rosewood
| color2-variable=--bright-accent
| color2-info=(133, 0, 5)
| color2-has-light-text=1
| subcolor1-name=Alto
| subcolor1-variable=--very-light-gray-monochrome
| subcolor1-info=(215, 215, 215)
| 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=Buccaneer
| subcolor4-variable=--medium-accent
| subcolor4-info=(100, 46, 44)
| subcolor4-has-light-text=1
| subcolor5-name=Maroon
| subcolor5-variable=--dark-accent
| subcolor5-info=(100, 3, 15)
| subcolor5-has-light-text=1
| subcolor6-name=Mango Tango
| subcolor6-variable=--newpage-color
| subcolor6-info=(221, 102, 17)
]]

+ Examples

[[include component:image-block name=https://scp-wiki.wdfiles.com/local--files/memoria-adytum/TitleLogo.png|caption=The Great Seal of Adytum|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 This empty tab has a really long name for some odd reason. I wonder why? It is very strange.]]
[[/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 ||

[[=]]
[[span style="font-family:var(--body-font); font-size: calc(var(--base-font-size) * 1.25);"]]The body font is Freight Sans.[[/span]]
[[span style="font-family:var(--header-font); font-size: calc(var(--base-font-size) * 1.25);"]]The title font is [https://fonts.google.com/specimen/Nanum+Brush+Script Nanum Brush Script].[[/span]]
[[span style="font-family:var(--mono-font); font-size: calc(var(--base-font-size) * 1.25);"]]The monospace font is [https://fonts.google.com/specimen/Space+Mono Space Mono].[[/span]]
[[/=]]
[[/div]]

-----
[[collapsible show="+ Show theme code" hide="- Hide theme code"]]
[[code type="css"]]
@import url('https://fonts.googleapis.com/css2?family=Nanum+Brush+Script&display=swap');

@supports(--css:variables) {

    :root {
    	--header-title: "In Memoria, Adytum";
    	--header-subtitle: "Echoes of Kalmaktama.";
    	--header-font: 'Nanum Brush Script', cursive;
    	--background-gradient-distance: 75rem;
    }

    #header {
    	background-image: url('https://scp-wiki.wdfiles.com/local--files/theme:memoria/TitleLogo.png');
    }

    #page-title {
    	display: none
    }

    @supports (background-blend-mode: screen) {

    	#extrac-div-1 {
    		width: 100%;
    		height: var(--header-height-on-desktop);
    		position: absolute;
    		top: 0;
    		left: 0;
    		background-image: var(--gradient-header), url('https://scp-wiki.wdfiles.com/local--files/theme:memoria/background.jpg');
    		background-size: var(--header-background-image-size) 100%, 100%, 100%;
    		background-blend-mode: normal;
    		pointer-events: none;
    	}

    	div#extra-div-1 {
    		width: 100%;
    		height: calc(100% - var(--final-header-height-on-desktop));
    		position: absolute;
    		top: calc(var(--final-header-height-on-desktop));
    		left: 0;
    		z-index: -1;
    		background-color: rgba(222, 222, 222, 1);
    		background-color: rgba(var(--swatch-background), 1);
    		mask: var(--gradient-background);
    		-webkit-mask: var(--gradient-background);
    		background-image: url('https://scp-wiki.wdfiles.com/local--files/theme:memoria/background.jpg'), var(--gradient-background);
    		background-size: 100%, 80% var(--background-gradient-distance);
    		background-blend-mode: difference;
    		background-repeat: no-repeat, repeat-x;
    		pointer-events: none;
    	}
    }

    .type1 {
    	display: block;
    	overflow: hidden;
    	font-family: 'Nanum Brush Script', cursive;
    	font-style: normal;
    	font-size: 170%;
    	color: rgb(57, 0, 0);

    	background-attachment: scroll;
    	background: url('https://scp-wiki.wdfiles.com/local--files/theme:memoria/textback.jpg');

    	background-clip: border-box;
    	background-color: rgb(222, 222, 222);
    	background-origin: padding-box;
    	background-repeat: repeat;
    	background-size: 100%;

    	border-radius: 10px;
    	padding: 10px 10px;
    	margin-bottom: 10px;

    	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
    }

    .textbox {
    	border-radius: 10px;
    	padding: 10px 10px;
    	margin-bottom: 10px;
    	background-color: rgb(var(--white-monochrome));
    }

    #side-bar:hover,
    #side-bar:active {
    	background:
    		linear-gradient(rgba(var(--swatch-menubg-color), 1) 30%,
    			rgba(var(--swatch-menubg-color), 0)),
    		linear-gradient(rgba(var(--swatch-menubg-color), 0),
    			rgba(var(--swatch-menubg-color), 1) 70%) 0 100%,
    		radial-gradient(farthest-side at 50% 0,
    			rgba(var(--swatch-primary-darkest), .5),
    			rgba(var(--black-monochrome), 0)),
    		radial-gradient(farthest-side at 50% 100%,
    			rgba(var(--swatch-primary-darkest), .5),
    			rgba(var(--black-monochrome), 0)) 0 100%;
    }

    #side-bar {
    	background:
    		linear-gradient(rgba(var(--swatch-menubg-color), 0) 30%,
    			rgba(var(--swatch-menubg-color), 0)),
    		linear-gradient(rgba(var(--swatch-menubg-color), 0),
    			rgba(var(--swatch-menubg-color), 0) 70%) 0 100%,
    		radial-gradient(farthest-side at 50% 0,
    			rgba(var(--swatch-primary-darkest), 0),
    			rgba(var(--black-monochrome), 0)),
    		radial-gradient(farthest-side at 50% 100%,
    			rgba(var(--swatch-primary-darkest), 0),
    			rgba(var(--black-monochrome), 0)) 0 100%;
    }
}
[[/code]]
[[/collapsible]]
[[/iftags]]
[[include :scp-wiki:component:collapsible-sidebar]]
[[module css]]
@import url("https://scp-wiki.wdfiles.com/local--code/theme%3Amemoria/1")
[[/module]]
[[include :scp-wiki:component:interwiki-style
| priority=3
| theme=https://scp-wiki.wdfiles.com/local--code/theme%3Amemoria/1
]]

Memoria Theme

Module Styles

Inline Styles

Includes

CSS Classes

Page Source