Theme Colors
What is this?
This theme was developed by Kilerpoyo to be used in "Día de Muertos" themed pages.
This theme is a modified extension of the Old Money theme by djkaktus &
Woedenaz.
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. To learn more go here.
On any wiki:
[[include :scp-wiki:theme:black-highlighter-theme]]
[[include :scp-wiki:theme:old-money-theme]]
[[include :scp-wiki:theme:dia-de-muertos]]
Examples
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
This is a tab view.
They say that Death fell in love with México. It was certainly because of the Mezcal and Tequila.
Japan has the shinigamis, for the Greeks it was Thanatos and Hades… but here in Mexico is La Catrina, and of all the Lords of Death she is the Fanciest.
How quaint.
This is a long tab. It contains a lot of text.
“Si ojos tienen que no me vean; si manos tienen que no me agarren; no permitas que me sorprendan por la espalda; no permitas que mi muerte sea violenta; no permitas que mi sangre se derrame; Tú que todo lo conoces, sabes de mis pecados, pero también sabes de mi fe, no me desampares, Amén.”
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.
The Pale Lady won't take kindly to a broken promise.
Sobre el muerto las coronas
De muertos y tragones están llenos los panteones
The men with no name are coming.
Al fin que para morir nacimos
Poderosa Santísima, escucha mis ruegos
para que venga a mi tu ayuda, solicito tu protección
en esta situación tan difícil por la que atravieso,
conoces el dolor por el que estoy padeciendo,
tengo un problema muy difícil,
sé que usted lo va a solucionar.
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 Verdana.
The headers and Title font is Colus.
The monospace font used is Monaco.
The Header and Decorative font used is Papel Picado.
$ / #
@ & : ?
The alternative Decorative font is Dobuled Crossed.
Note: Please keep in mind the text legibility when using the Decorative Fonts.
/* Día de Muertos Theme [2022 Wikidot Theme] by Kilerpoyo an extension of Old Money Theme by djkaktus & Woedenaz. */ @import url('https://scp-wiki.wdfiles.com/local--files/theme%3Adia-de-muertos/papelpicadostyle.css'); @import url('https://scp-wiki.wdfiles.com/local--files/theme%3Adia-de-muertos/doubled-crossed.css'); @import url('https://scp-wiki.wdfiles.com/local--files/theme%3Adia-de-muertos/colus.css'); :root { --theme-id: "dia-de-muertos"; --theme-name: "Dia de Muertos Theme"; --logo-image: url("https://scp-wiki.wikidot.com/local--files/theme:dia-de-muertos/muertoswhite.png"); --header-title: ":SCP&"; --header-subtitle: "Nadie sale vivo de esta vida."; /* Typefaces */ --body-font: Verdana, serif; --header-font: 'Colus', Verdana, serif; --title-font: 'Colus', Verdana, serif; --UI-font: --UI-font: Roboto, sans-serif; --mono-font: monaco, monospace; --decorative-font: 'papel_picadoregular', 'Colus', Verdana; --decorative-font2: 'double_crossedregular', 'Colus', Verdana; /* Día de Muertos theme palette */ --mexican-pink: 228, 0, 124; --pink-flamingo: 184, 0, 101; --yellow-submarine: 255, 247, 0; --deep-purple: 113, 23, 145; --cempasuchil-fields: 255, 128, 0; --pale-lady: 243, 241, 238; --charro-negro: 12, 12, 12; /* THEME ASSIGNMENTS */ --white-monochrome: var(--pale-lady); --gray-monochrome: var(--mexican-pink); --dark-gray-monochrome: var(--pink-flamingo); --black-monochrome: var(--charro-negro); --pale-accent: var(--cempasuchil-fields); --bright-accent: var(--cempasuchil-fields); --medium-accent: var(--pink-flamingo); --dark-accent: var(--deep-purple); --alt-accent: var(--yellow-submarine); /* MISCH TWEAKS */ --swatch-tertiary-color: var(--pink-flamingo); --link-color: var(--yellow-submarine); --visited-link-color: var(--cempasuchil-fields); } /* Webkit Scrollbar */ ::-webkit-scrollbar-thumb, ::-webkit-scrollbar-thumb { background: rgba(var(--mexican-pink), 1); } /* YUI NAV BAR */ .yui-navset .yui-nav a:hover, .yui-navset .yui-nav a:active, .yui-navset .yui-nav a:focus { color: rgb(var(--pale-lady)); } /* TOP BAR */ #top-bar { --topmenu-hover-border-color: var(--bright-accent); } /* HEADER H1 */ #header h1 a::before { font-size: 2em; --wght: 100; background-blend-mode: normal; font-family: var(--decorative-font); } #header h1 a::before { background-image: linear-gradient(left, rgb(var(--mexican-pink)) 0em, rgb(var(--mexican-pink)) 1.1em, rgb(var(--cempasuchil-fields)) 1.1em, rgb(var(--cempasuchil-fields)) 2.75em, rgb(var(--pale-lady)) 2.75em, rgb(var(--pale-lady)) 20em); background-image: -webkit-linear-gradient(left, rgb(var(--mexican-pink)) 0em, rgb(var(--mexican-pink)) 1.1em, rgb(var(--cempasuchil-fields)) 1.1em, rgb(var(--cempasuchil-fields)) 2.75em, rgb(var(--pale-lady)) 2.75em, rgb(var(--pale-lady)) 20em); background-size: 20em; background-clip: text; -webkit-background-clip: text; text-fill-color: transparent; -webkit-text-fill-color: transparent; } /* HEADER H2 */ #header h2 span { margin-top: calc(((var(--header-height-on-desktop) / 2) + (var(--header-h1-font-size) / 2) - var(--header-h2-font-size) + 2em)); font-size: 1em; } /* PAGE TITLES */ #page-title, .meta-title, #page-content h1, #page-content h2, #page-content h3, #page-content h4, #page-content h5, #page-content h6 { -webkit-background-clip: none; background-clip: none; background-color: rgb(var(--yellow-submarine)); background-image: none; background-blend-mode: normal; -webkit-text-fill-color: rgb(var(--yellow-submarine)); } /* SIDE BAR HEADING */ #side-bar .heading p, #interwiki .heading p { background-image: none; -webkit-background-clip: none; background-clip: none; color: rgb(var(--swatch-menutxt-dark-color)); color: rgb(var(--bright-accent)); -webkit-text-fill-color: rgb(var(--bright-accent)); overflow-wrap: normal; } /* TABLE WIKI */ table.wiki-content-table th { background-color: rgb(var(--swatch-primary-darker)); background-image: none; } /* MOBILE SUPPORT */ @media only screen and (max-width: 56.25rem) { /* HEADER H1 */ #header h1 a { margin-top: calc(((var(--header-height-on-mobile) / 2)) - 0.75em); margin-left: calc(var(--header-height-on-mobile) - 3.5rem); font-size: clamp(1.1em, 7vw, 3em); line-height: 0.5; } #header h1 a::before { font-size: 3.5rem; } /* HEADER H2 */ #header h2 span { margin-top: calc(((var(--header-height-on-mobile) / 2) + 1.5em)); margin-left: calc(var(--header-height-on-mobile) - 3.5rem); font-size: 0.75em; line-height: 1; text-align: left; } }
Theme Colors
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. To learn more go here.
On any wiki:
[[div class="code"]]
[[include :scp-wiki:theme:black-highlighter-theme]]
[[include :scp-wiki:theme:old-money-theme]]
Examples
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
This is a tab view.
Hey look, more text here.
How quaint.
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.
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 Turnip.
The Header and Title font is Ivymode.
The monospace font used is Pennsylvania.
@import url("https://use.typekit.net/nxg5itx.css"); @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: "old-money-theme"; /* set this to the URL of your theme's page - eg for "component:ar-theme", set it to "ar-theme" */ --theme-name: "Old Money Theme"; /* set this to your theme's full name */ /* Header */ --logo-image: url("https://scp-wiki.wdfiles.com/local--files/theme:old-money-theme/OldMoney_Logo.png"); /* Typefaces */ --body-font: turnip, serif; --header-font: ivymode, sans-serif; --title-font: ivymode, sans-serif; --UI-font: turnip, serif; --mono-font: pennsylvania, monospace; /* Stylistic Alternates */ --ss04: 0; /* Standard Colors */ --white-monochrome: 252, 252, 252; /* white */ --pale-gray-monochrome: 244, 244, 244; /* v light gray for blockquotes and stuff */ --light-pale-gray-monochrome: 244, 244, 244; /* very light pale gray for misc. use */ --very-light-gray-monochrome: 215, 215, 215; --light-gray-monochrome: 215, 215, 215; /* light accent gray for login status */ --gray-monochrome: 185, 150, 80; /* gray */ --dark-gray-monochrome: 115, 94, 55; /* dark accent gray for sidebar background */ --black-monochrome: 26, 25, 24; /* black */ --pale-accent: 252, 236, 135; --bright-accent: 252, 236, 135; /* bright red */ --medium-accent: 207, 159, 45; /* medium red */ --dark-accent: 70, 56, 33; /* dark red */ --newpage-color: 221, 102, 17; /* pale orange */ --ui-wght: 700; --ui-hvr-wght: 700; /* Primary Text Colors */ --swatch-text-general: var(--swatch-text-light); /* Primary Menu Colors */ --swatch-menubg-color: var(--black-monochrome); --swatch-menutxt-general-color: var(--swatch-menutxt-light-color); --swatch-border-color: var(--swatch-menubg-dark-color); --sidebar-links-text: var(--swatch-menutxt-light-color); /* Primary Theme Colors */ --swatch-background: var(--black-monochrome, 26, 25, 24); /* Link Colors */ --visited-link-color: var(--gray-monochrome); /* ===SECONDARY & TERTIARY COLORS=== */ /* Colors for Secondary & Tertiary items like Blockquote and YUI Tabs */ --swatch-secondary-color: var(--swatch-menubg-dark-color); --swatch-tertiary-color: var(--swatch-menubg-light-color); /* Text Colors for Secondary & Tertiary items like Sidebar Headers and Top-Bar Menu Text */ --swatch-text-secondary-color: var(--swatch-menutxt-dark-color); --swatch-text-tertiary-color: var(--swatch-menutxt-light-color); /* Rating Module Colors */ --rating-module-button-color: var(--bright-accent); --rating-module-button-plus-color: 45, 65, 25; --rating-module-button-negative-color: 70, 35, 30; --rating-module-button-cancel-color: 50, 45, 50; --rating-module-button-credit-color: 50, 45, 50; --rating-module-text-color: var(--bright-accent); --rating-module-text-hover-color: var(--swatch-menutxt-light-color); /* Background and Header Colors */ --background-gradient-color: var(--dark-accent, 70, 56, 33); --header-gradient-color-bottom: var(--dark-accent); --header-gradient-color-middle: var(--black-monochrome); --header-gradient-color-top: var(--black-monochrome); --gradient-header: linear-gradient(30deg, rgb(var(--header-gradient-color-bottom)) 0%, rgb(var(--header-gradient-color-middle)) 90%, rgb(var(--header-gradient-color-top)) 100%); --scrollbar-width: 0.5rem; /* header measurements */ --header-height-on-desktop: 12rem; --header-height-on-mobile: 12rem; --topbar-height-on-desktop: 1.875rem; --topbar-height-on-mobile: 3rem; scrollbar-color: rgba(var(--dark-gray-monochrome), 1) rgba(var(--black-monochrome), 1); } ::-moz-selection { background-color: rgba(var(--swatch-primary-darker), 0.5); } ::selection { background-color: rgba(var(--swatch-primary-darker), 0.5); } #extrac-div-1, #extrac-div-2 { position: absolute; top: 0; left: 0; width: 100%; height: var(--header-height-on-desktop); padding: none; pointer-events: none; } #extrac-div-1 { background-image: var(--gradient-header); background-size: var(--header-background-image-size) 100%; } #extrac-div-2 { --mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 100 67' xml:space='preserve'%3E%3Cg id='DecoLinesPattern'%3E%3Cpath fill='none' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2' d='M66.5 17.3c-2.9.4-4.7 1.4-5.9 2.3-2.6 2-2.8 4.2-5.5 6.1-.2.2-.4.3-.7.4-2.7 1.7-6.2 1.7-8.9 0-.2-.1-.4-.3-.7-.4-2.7-2-2.9-4.1-5.5-6.1-1.1-.9-2.9-1.9-5.9-2.3'/%3E%3Cpath fill='none' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2' d='M74.9 22.3c-4.4.6-7.2 2.2-8.9 3.6-3.9 3.2-4.3 6.6-8.3 9.7 0 0-.1 0-.1.1-4.5 3.4-10.8 3.4-15.3 0 0 0-.1 0-.1-.1-4.1-3.1-4.4-6.6-8.3-9.7-1.7-1.4-4.4-3-8.9-3.6'/%3E%3Cpath fill='none' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2' d='M82.4 28c-5.7.8-9.3 2.9-11.5 4.6-5.1 4.1-5.5 8.6-10.8 12.6-.3.3-.7.5-1.1.7-5.4 3.6-12.5 3.6-17.9 0-.4-.2-.7-.5-1.1-.7-5.3-4-5.7-8.5-10.8-12.6-2.2-1.8-5.8-3.9-11.5-4.6m48.8-44.2c-2.9.4-4.7 1.4-5.9 2.3-2.6 2-2.8 4.2-5.5 6.1-.2.2-.4.3-.7.4-2.7 1.7-6.2 1.7-8.9 0-.2-.1-.4-.3-.7-.4-2.7-2-2.9-4.1-5.5-6.1-1.1-.9-2.9-1.9-5.9-2.3'/%3E%3Cpath fill='none' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2' d='M74.9-11.2c-4.4.6-7.2 2.2-8.9 3.6-3.9 3.2-4.3 6.6-8.3 9.7 0 0-.1 0-.1.1-4.5 3.4-10.8 3.4-15.3 0 0 0-.1 0-.1-.1-4.1-3.1-4.4-6.6-8.3-9.7-1.7-1.4-4.4-3-8.9-3.6'/%3E%3Cpath fill='none' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2' d='M82.4-5.5c-5.8.8-9.4 2.9-11.5 4.6-5.2 4.2-5.6 8.6-10.9 12.7-.3.3-.7.5-1.1.7-5.4 3.6-12.5 3.6-17.9 0-.4-.2-.7-.5-1.1-.7-5.3-4-5.7-8.5-10.8-12.6-2.1-1.8-5.7-3.9-11.5-4.7m48.9 56.3c-2.9.4-4.7 1.4-5.9 2.3-2.6 2-2.8 4.2-5.5 6.1-.2.2-.4.3-.7.4-2.7 1.7-6.2 1.7-8.9 0-.2-.1-.4-.3-.7-.4-2.7-2-2.9-4.1-5.5-6.1-1.1-.9-2.9-1.9-5.9-2.3'/%3E%3Cpath fill='none' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2' d='M74.9 55.8c-4.4.6-7.2 2.2-8.9 3.6-3.9 3.2-4.3 6.6-8.3 9.7 0 0-.1 0-.1.1-4.5 3.4-10.8 3.4-15.3 0 0 0-.1 0-.1-.1-4.1-3.1-4.4-6.6-8.3-9.7-1.7-1.4-4.4-3-8.9-3.6'/%3E%3Cpath fill='none' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2' d='M82.4 61.5c-5.7.8-9.3 2.9-11.5 4.6-5.1 4.1-5.5 8.6-10.8 12.6-.3.3-.7.5-1.1.7-5.4 3.6-12.5 3.6-17.9 0-.4-.2-.7-.5-1.1-.7-5.3-4-5.7-8.5-10.8-12.6-2.2-1.8-5.8-3.9-11.5-4.6m98.8-26.9c-2.9.4-4.7 1.4-5.9 2.3-2.6 2-2.8 4.2-5.5 6.1-.2.2-.4.3-.7.4-2.7 1.7-6.2 1.7-8.9 0-.2-.1-.4-.3-.7-.4-2.7-2-2.9-4.1-5.5-6.1-1.1-.9-2.9-1.9-5.9-2.3'/%3E%3Cpath fill='none' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2' d='M124.9 39.6c-4.4.6-7.2 2.2-8.9 3.6-3.9 3.2-4.3 6.6-8.3 9.7 0 0-.1 0-.1.1-4.5 3.4-10.8 3.4-15.3 0 0 0-.1 0-.1-.1-4.1-3.1-4.4-6.6-8.3-9.7-1.7-1.4-4.4-3-8.9-3.6'/%3E%3Cpath fill='none' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2' d='M132.4 45.3c-5.7.8-9.3 2.9-11.5 4.6-5.1 4.1-5.5 8.6-10.8 12.6-.3.3-.7.5-1.1.7-5.4 3.6-12.5 3.6-17.9 0-.4-.2-.7-.5-1.1-.7-5.3-4-5.7-8.5-10.8-12.6-2.2-1.8-5.8-3.9-11.5-4.6m48.8-43.7c-2.9.4-4.7 1.4-5.9 2.3-2.6 2-2.8 4.2-5.5 6.1-.2.2-.4.3-.7.4-2.7 1.7-6.2 1.7-8.9 0-.2-.1-.4-.3-.7-.4-2.7-2-2.9-4.1-5.5-6.1-1.1-.9-2.9-1.9-5.8-2.3'/%3E%3Cpath fill='none' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2' d='M124.9 6.6c-4.4.6-7.2 2.2-8.9 3.6-3.9 3.2-4.3 6.6-8.3 9.7 0 0-.1 0-.1.1-4.5 3.4-10.8 3.4-15.3 0 0 0-.1 0-.1-.1-4.1-3.1-4.4-6.6-8.3-9.7-1.7-1.4-4.4-3-8.9-3.6'/%3E%3Cpath fill='none' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2' d='M132.4 12.3c-5.7.8-9.3 2.9-11.5 4.6-5.1 4.1-5.5 8.6-10.8 12.6-.3.3-.7.5-1.1.7-5.4 3.6-12.5 3.6-17.9 0-.4-.2-.7-.5-1.1-.7-5.3-4-5.7-8.5-10.8-12.6-2.2-1.8-5.8-3.9-11.5-4.6M16.5 34.6c-2.9.4-4.7 1.4-5.9 2.3C8 38.8 7.8 41 5.1 43c-.2.2-.4.3-.7.4-2.7 1.7-6.2 1.7-8.9 0-.2-.1-.4-.3-.7-.4-2.7-2-2.9-4.1-5.5-6.1-1.1-.9-2.9-1.9-5.9-2.3'/%3E%3Cpath fill='none' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2' d='M24.9 39.6c-4.4.6-7.2 2.2-8.9 3.6-3.9 3.2-4.3 6.6-8.3 9.7 0 0-.1 0-.1.1-4.5 3.4-10.8 3.4-15.3 0 0 0-.1 0-.1-.1-4.1-3.1-4.4-6.6-8.3-9.7-1.7-1.4-4.4-3-8.9-3.6'/%3E%3Cpath fill='none' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2' d='M32.4 45.3c-5.7.8-9.3 2.9-11.5 4.6-5.2 4.1-5.6 8.6-10.9 12.7-.3.3-.7.5-1.1.7-5.4 3.6-12.5 3.6-17.9 0-.4-.2-.7-.5-1.1-.7-5.3-4-5.7-8.5-10.8-12.6-2.2-1.8-5.8-3.9-11.5-4.6M16.5 1.6c-2.9.4-4.7 1.4-5.9 2.2C8 5.8 7.8 8 5.1 10c-.2.2-.4.3-.7.4-2.7 1.7-6.2 1.7-8.9 0-.2-.1-.4-.3-.7-.4-2.6-2-2.8-4.2-5.4-6.2-1.2-.8-3-1.8-5.9-2.2'/%3E%3Cpath fill='none' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2' d='M24.9 6.6c-4.4.6-7.2 2.2-8.9 3.6-3.9 3.2-4.3 6.6-8.3 9.7 0 0-.1 0-.1.1-4.5 3.4-10.8 3.4-15.3 0 0 0-.1 0-.1-.1-4.1-3.1-4.4-6.6-8.3-9.7-1.7-1.4-4.4-3-8.9-3.6'/%3E%3Cpath fill='none' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2' d='M32.4 12.3c-5.7.8-9.3 2.9-11.5 4.6-5.2 4.1-5.6 8.6-10.9 12.7-.3.3-.7.5-1.1.7-5.4 3.6-12.5 3.6-17.9 0-.4-.2-.7-.5-1.1-.7-5.3-4-5.7-8.5-10.8-12.6-2.2-1.8-5.8-3.9-11.5-4.6m98.9-28.6c-2.9.4-4.7 1.4-5.9 2.3-2.6 2-2.8 4.2-5.5 6.1-.2.2-.4.3-.7.4-2.7 1.7-6.2 1.7-8.9 0-.2-.1-.4-.3-.7-.4-2.7-2-2.9-4.1-5.5-6.1-1.1-.9-2.9-1.9-5.9-2.3'/%3E%3Cpath fill='none' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2' d='M74.9-11.2c-4.4.6-7.2 2.2-8.9 3.6-3.9 3.2-4.3 6.6-8.3 9.7 0 0-.1 0-.1.1-4.5 3.4-10.8 3.4-15.3 0 0 0-.1 0-.1-.1-4.1-3.1-4.4-6.6-8.3-9.7-1.7-1.4-4.4-3-8.9-3.6'/%3E%3Cpath fill='none' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2' d='M82.4-5.5c-5.8.8-9.4 2.9-11.5 4.6-5.2 4.2-5.6 8.6-10.9 12.7-.3.3-.7.5-1.1.7-5.4 3.6-12.5 3.6-17.9 0-.4-.2-.7-.5-1.1-.7-5.3-4-5.7-8.5-10.8-12.6-2.1-1.8-5.7-3.9-11.5-4.7'/%3E%3C/g%3E%3C/svg%3E"); background-image: linear-gradient(45deg, rgba(var(--swatch-primary), 0.4) 0%, rgba(var(--swatch-primary-darker), 0.1) 30%, rgba(var(--header-gradient-color-top)) 100%); background-size: var(--header-background-image-size) 100%; -webkit-mask-image: var(--mask-image); mask-image: var(--mask-image); -webkit-mask-size: 4rem; mask-size: 4rem } div#extra-div-1 { --mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 100 67' xml:space='preserve'%3E%3Cg id='DecoLinesPattern'%3E%3Cpath fill='none' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2' d='M66.5 17.3c-2.9.4-4.7 1.4-5.9 2.3-2.6 2-2.8 4.2-5.5 6.1-.2.2-.4.3-.7.4-2.7 1.7-6.2 1.7-8.9 0-.2-.1-.4-.3-.7-.4-2.7-2-2.9-4.1-5.5-6.1-1.1-.9-2.9-1.9-5.9-2.3'/%3E%3Cpath fill='none' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2' d='M74.9 22.3c-4.4.6-7.2 2.2-8.9 3.6-3.9 3.2-4.3 6.6-8.3 9.7 0 0-.1 0-.1.1-4.5 3.4-10.8 3.4-15.3 0 0 0-.1 0-.1-.1-4.1-3.1-4.4-6.6-8.3-9.7-1.7-1.4-4.4-3-8.9-3.6'/%3E%3Cpath fill='none' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2' d='M82.4 28c-5.7.8-9.3 2.9-11.5 4.6-5.1 4.1-5.5 8.6-10.8 12.6-.3.3-.7.5-1.1.7-5.4 3.6-12.5 3.6-17.9 0-.4-.2-.7-.5-1.1-.7-5.3-4-5.7-8.5-10.8-12.6-2.2-1.8-5.8-3.9-11.5-4.6m48.8-44.2c-2.9.4-4.7 1.4-5.9 2.3-2.6 2-2.8 4.2-5.5 6.1-.2.2-.4.3-.7.4-2.7 1.7-6.2 1.7-8.9 0-.2-.1-.4-.3-.7-.4-2.7-2-2.9-4.1-5.5-6.1-1.1-.9-2.9-1.9-5.9-2.3'/%3E%3Cpath fill='none' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2' d='M74.9-11.2c-4.4.6-7.2 2.2-8.9 3.6-3.9 3.2-4.3 6.6-8.3 9.7 0 0-.1 0-.1.1-4.5 3.4-10.8 3.4-15.3 0 0 0-.1 0-.1-.1-4.1-3.1-4.4-6.6-8.3-9.7-1.7-1.4-4.4-3-8.9-3.6'/%3E%3Cpath fill='none' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2' d='M82.4-5.5c-5.8.8-9.4 2.9-11.5 4.6-5.2 4.2-5.6 8.6-10.9 12.7-.3.3-.7.5-1.1.7-5.4 3.6-12.5 3.6-17.9 0-.4-.2-.7-.5-1.1-.7-5.3-4-5.7-8.5-10.8-12.6-2.1-1.8-5.7-3.9-11.5-4.7m48.9 56.3c-2.9.4-4.7 1.4-5.9 2.3-2.6 2-2.8 4.2-5.5 6.1-.2.2-.4.3-.7.4-2.7 1.7-6.2 1.7-8.9 0-.2-.1-.4-.3-.7-.4-2.7-2-2.9-4.1-5.5-6.1-1.1-.9-2.9-1.9-5.9-2.3'/%3E%3Cpath fill='none' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2' d='M74.9 55.8c-4.4.6-7.2 2.2-8.9 3.6-3.9 3.2-4.3 6.6-8.3 9.7 0 0-.1 0-.1.1-4.5 3.4-10.8 3.4-15.3 0 0 0-.1 0-.1-.1-4.1-3.1-4.4-6.6-8.3-9.7-1.7-1.4-4.4-3-8.9-3.6'/%3E%3Cpath fill='none' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2' d='M82.4 61.5c-5.7.8-9.3 2.9-11.5 4.6-5.1 4.1-5.5 8.6-10.8 12.6-.3.3-.7.5-1.1.7-5.4 3.6-12.5 3.6-17.9 0-.4-.2-.7-.5-1.1-.7-5.3-4-5.7-8.5-10.8-12.6-2.2-1.8-5.8-3.9-11.5-4.6m98.8-26.9c-2.9.4-4.7 1.4-5.9 2.3-2.6 2-2.8 4.2-5.5 6.1-.2.2-.4.3-.7.4-2.7 1.7-6.2 1.7-8.9 0-.2-.1-.4-.3-.7-.4-2.7-2-2.9-4.1-5.5-6.1-1.1-.9-2.9-1.9-5.9-2.3'/%3E%3Cpath fill='none' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2' d='M124.9 39.6c-4.4.6-7.2 2.2-8.9 3.6-3.9 3.2-4.3 6.6-8.3 9.7 0 0-.1 0-.1.1-4.5 3.4-10.8 3.4-15.3 0 0 0-.1 0-.1-.1-4.1-3.1-4.4-6.6-8.3-9.7-1.7-1.4-4.4-3-8.9-3.6'/%3E%3Cpath fill='none' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2' d='M132.4 45.3c-5.7.8-9.3 2.9-11.5 4.6-5.1 4.1-5.5 8.6-10.8 12.6-.3.3-.7.5-1.1.7-5.4 3.6-12.5 3.6-17.9 0-.4-.2-.7-.5-1.1-.7-5.3-4-5.7-8.5-10.8-12.6-2.2-1.8-5.8-3.9-11.5-4.6m48.8-43.7c-2.9.4-4.7 1.4-5.9 2.3-2.6 2-2.8 4.2-5.5 6.1-.2.2-.4.3-.7.4-2.7 1.7-6.2 1.7-8.9 0-.2-.1-.4-.3-.7-.4-2.7-2-2.9-4.1-5.5-6.1-1.1-.9-2.9-1.9-5.8-2.3'/%3E%3Cpath fill='none' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2' d='M124.9 6.6c-4.4.6-7.2 2.2-8.9 3.6-3.9 3.2-4.3 6.6-8.3 9.7 0 0-.1 0-.1.1-4.5 3.4-10.8 3.4-15.3 0 0 0-.1 0-.1-.1-4.1-3.1-4.4-6.6-8.3-9.7-1.7-1.4-4.4-3-8.9-3.6'/%3E%3Cpath fill='none' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2' d='M132.4 12.3c-5.7.8-9.3 2.9-11.5 4.6-5.1 4.1-5.5 8.6-10.8 12.6-.3.3-.7.5-1.1.7-5.4 3.6-12.5 3.6-17.9 0-.4-.2-.7-.5-1.1-.7-5.3-4-5.7-8.5-10.8-12.6-2.2-1.8-5.8-3.9-11.5-4.6M16.5 34.6c-2.9.4-4.7 1.4-5.9 2.3C8 38.8 7.8 41 5.1 43c-.2.2-.4.3-.7.4-2.7 1.7-6.2 1.7-8.9 0-.2-.1-.4-.3-.7-.4-2.7-2-2.9-4.1-5.5-6.1-1.1-.9-2.9-1.9-5.9-2.3'/%3E%3Cpath fill='none' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2' d='M24.9 39.6c-4.4.6-7.2 2.2-8.9 3.6-3.9 3.2-4.3 6.6-8.3 9.7 0 0-.1 0-.1.1-4.5 3.4-10.8 3.4-15.3 0 0 0-.1 0-.1-.1-4.1-3.1-4.4-6.6-8.3-9.7-1.7-1.4-4.4-3-8.9-3.6'/%3E%3Cpath fill='none' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2' d='M32.4 45.3c-5.7.8-9.3 2.9-11.5 4.6-5.2 4.1-5.6 8.6-10.9 12.7-.3.3-.7.5-1.1.7-5.4 3.6-12.5 3.6-17.9 0-.4-.2-.7-.5-1.1-.7-5.3-4-5.7-8.5-10.8-12.6-2.2-1.8-5.8-3.9-11.5-4.6M16.5 1.6c-2.9.4-4.7 1.4-5.9 2.2C8 5.8 7.8 8 5.1 10c-.2.2-.4.3-.7.4-2.7 1.7-6.2 1.7-8.9 0-.2-.1-.4-.3-.7-.4-2.6-2-2.8-4.2-5.4-6.2-1.2-.8-3-1.8-5.9-2.2'/%3E%3Cpath fill='none' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2' d='M24.9 6.6c-4.4.6-7.2 2.2-8.9 3.6-3.9 3.2-4.3 6.6-8.3 9.7 0 0-.1 0-.1.1-4.5 3.4-10.8 3.4-15.3 0 0 0-.1 0-.1-.1-4.1-3.1-4.4-6.6-8.3-9.7-1.7-1.4-4.4-3-8.9-3.6'/%3E%3Cpath fill='none' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2' d='M32.4 12.3c-5.7.8-9.3 2.9-11.5 4.6-5.2 4.1-5.6 8.6-10.9 12.7-.3.3-.7.5-1.1.7-5.4 3.6-12.5 3.6-17.9 0-.4-.2-.7-.5-1.1-.7-5.3-4-5.7-8.5-10.8-12.6-2.2-1.8-5.8-3.9-11.5-4.6m98.9-28.6c-2.9.4-4.7 1.4-5.9 2.3-2.6 2-2.8 4.2-5.5 6.1-.2.2-.4.3-.7.4-2.7 1.7-6.2 1.7-8.9 0-.2-.1-.4-.3-.7-.4-2.7-2-2.9-4.1-5.5-6.1-1.1-.9-2.9-1.9-5.9-2.3'/%3E%3Cpath fill='none' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2' d='M74.9-11.2c-4.4.6-7.2 2.2-8.9 3.6-3.9 3.2-4.3 6.6-8.3 9.7 0 0-.1 0-.1.1-4.5 3.4-10.8 3.4-15.3 0 0 0-.1 0-.1-.1-4.1-3.1-4.4-6.6-8.3-9.7-1.7-1.4-4.4-3-8.9-3.6'/%3E%3Cpath fill='none' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2' d='M82.4-5.5c-5.8.8-9.4 2.9-11.5 4.6-5.2 4.2-5.6 8.6-10.9 12.7-.3.3-.7.5-1.1.7-5.4 3.6-12.5 3.6-17.9 0-.4-.2-.7-.5-1.1-.7-5.3-4-5.7-8.5-10.8-12.6-2.1-1.8-5.7-3.9-11.5-4.7'/%3E%3C/g%3E%3C/svg%3E"); position: absolute; z-index: -1; top: calc(var(--final-header-height-on-desktop)); left: 0; width: 100%; height: var(--background-gradient-distance); pointer-events: none; -webkit-mask-image: var(--mask-image); mask-image: var(--mask-image); -webkit-mask-size: 3rem; mask-size: 3rem; } div#extra-div-1::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-attachment: fixed; background-image: linear-gradient(100deg, rgba(var(--swatch-primary), 0.2) 0%, rgba(var(--swatch-primary-darkest), 1) 30%, rgba(var(--swatch-primary-darkest), 1) 100%); background-size: 100vw 50vh; -webkit-mask-image: var(--gradient-background); mask-image: var(--gradient-background); } #header, #footer, #license-area { --swatch-text-secondary-color: var(--swatch-menutxt-light-color); } #header { background-clip: border-box; background-repeat: no-repeat; background-position: left 0 top 0.25rem; background-size: auto calc(var(--header-height-on-desktop) - 1rem); -webkit-filter: initial; filter: initial; } #header h1 a { margin-top: calc((var(--header-height-on-desktop) - 0.5em)/2); margin-left: calc(var(--header-height-on-desktop) - .75rem); padding: 0; font-size: 200%; overflow-wrap: normal; } #header h1 a::before { background: url("https://scp-wiki.wdfiles.com/local--files/theme:old-money-theme/goldfoil.png"); -webkit-background-clip: text; background-clip: text; background-size: cover; color: rgb(var(--medium-accent)); background-blend-mode: hard-light; -webkit-text-fill-color: transparent; overflow-wrap: normal; } #header h2 span { margin-left: calc(var(--header-height-on-desktop) + 0.75rem); } #header h2 { font-size: 150%; } #login-status span.printuser { color: rgb(var(--swatch-text-tertiary-color)); } #top-bar { --swatch-text-secondary-color: var(--swatch-menutxt-light-color); --swatch-primary: var(--swatch-background); } #header div[class*="top-bar"]>ul>li>ul { background-attachment: fixed; background-color: rgb(var(--swatch-background)); background-image: url('https://scp-wiki.wdfiles.com/local--files/theme:old-money-theme/deco-pattern.png'), var(--gradient-background); background-repeat: repeat, repeat-x; background-size: 10%, 100% var(--background-gradient-distance); background-blend-mode: difference; } #interwiki { background-color: transparent; } @media only screen and (min-width: 56.25rem) { #side-bar:hover { background-color: rgb(var(--black-monochrome), 0.5); scrollbar-color: rgba(var(--dark-gray-monochrome), 1) rgba(var(--black-monochrome), 1); } } #side-bar { background-color: rgb(var(--black-monochrome)); scrollbar-color: rgba(var(--dark-gray-monochrome), 0) rgba(var(--black-monochrome), 0); } #interwiki div.menu-item, #side-bar div.menu-item { align-items: baseline; margin-top: -0.0625rem; border-top: 0.0625rem solid rgb(var(--swatch-menubg-dark-color)); border-bottom: 0.0625rem solid rgb(var(--swatch-menubg-dark-color)); } #side-bar div.menu-item.scp-series a, #side-bar div.menu-item.scp-tales a, #side-bar div.menu-item.small a:not([href*="shortest"]), #side-bar div.menu-item a[href*="scp-series"] { line-height: 2ch; } #interwiki div.menu-item a, #side-bar div.menu-item a, #side-bar div.menu-item .text { color: rgb(var(--swatch-menutxt-light-color)); } #interwiki .heading, #side-bar .heading, #side-bar .side-block>.collapsible-block:nth-child(1) .collapsible-block-folded { align-items: center; justify-content: center; background: initial; } #interwiki .heading p, #side-bar .heading p { display: flex; position: relative; justify-content: center; margin: 1rem 0; background: url("https://scp-wiki.wdfiles.com/local--files/theme:old-money-theme/goldfoil.png"); -webkit-background-clip: text; background-clip: text; background-size: cover; color: rgb(var(--swatch-menutxt-dark-color)); color: rgb(var(--bright-accent)); font-family: var(--header-font); font-size: 1.25rem; font-weight: 900; letter-spacing: 0.05rem; text-shadow: inherit; text-shadow: inherit; text-transform: none; -webkit-text-fill-color: transparent; overflow-wrap: normal; } #interwiki .heading p::after, #interwiki .heading p::before, #side-bar .heading p::after, #side-bar .heading p::before { content: " "; position: absolute; width: 100%; height: 0.35rem; background-image: url("https://scp-wiki.wdfiles.com/local--files/theme:old-money-theme/OldMoney_Divider.png"); background-repeat: no-repeat; background-position: center; background-size: contain; } #side-bar .side-block[style*="background-color:"] * { margin-left: 0 !important; } #side-bar>div[style="background-color: #e5e5ff;"]>div.menu-item>div { background-color: rgb(var(--black-monochrome)); } #side-bar .side-block[style*="background-color:"] .heading { margin-top: .25rem; } #interwiki .heading p::after, #side-bar .heading p::after, #side-bar .side-block>.collapsible-block .collapsible-block-link::after { bottom: -0.6rem; } #interwiki .heading p::before, #side-bar .heading p::before, #side-bar .side-block>.collapsible-block .collapsible-block-link::before { top: -0.6rem; } #side-bar div.menu-item .sub-text { color: rgba(var(--swatch-primary-darker), 1); } a[href*="/random:random-tale"], a[href*="/most-recently-edited"] { min-width: calc((var(--base-font-size) * (14 / 15)) * 6.5); } blockquote { background-color: rgba(var(--swatch-menubg-dark-color), 0.25); } .yui-navset .yui-content { background-color: rgba(var(--swatch-menubg-dark-color), 0.25); } .yui-navset .yui-content, .yui-navset .yui-navset-top .yui-content { border-color: rgb(var(--swatch-menubg-dark-color)); } .yui-navset .yui-nav a, .yui-navset .yui-navset-top .yui-nav a { background-color: rgb(var(--swatch-menubg-black-color)); color: rgb(var(--swatch-text-light)); } table.wiki-content-table th { background-color: rgb(var(--swatch-primary-darker)); background-image: url("https://scp-wiki.wdfiles.com/local--files/theme:old-money-theme/goldfoil.png"); background-size: 100vw 100vh; background-attachment: fixed; } .code { background-color: rgba(var(--swatch-menubg-dark-color), 0.25); } .hl-main { -webkit-filter: invert(1) hue-rotate(180deg); filter: invert(1) hue-rotate(180deg); } .scp-image-block .scp-image-caption { background-color: rgba(var(--swatch-menubg-dark-color), 0.25); } .scp-image-block img { border: 0.5rem solid rgba(var(--black-monochrome)); } hr { display: flex; position: relative; height: 0.35rem; border-top: none; background: rgba(0, 0, 0, 0); } hr::before { content: " "; position: absolute; top: 0.1125rem; left: 0; width: 100%; height: 0.125rem; border-top: none; background: linear-gradient(10deg, rgba(var(--bright-accent), 0.15) 0%, rgba(var(--bright-accent), 1) 50%, rgba(var(--bright-accent), 0.15) 100%); background-position: center center; -webkit-filter: blur(0.04rem); filter: blur(0.04rem); } hr::after { content: " "; position: absolute; top: 0; left: 50%; width: 10%; height: 0.35rem; transform: translateX(-50%); background-image: url("https://scp-wiki.wdfiles.com/local--files/component:old-money-theme/OldMoney_Divider.png"); background-repeat: no-repeat; background-position: center center; background-size: cover; } #page-title, .meta-title, #page-content h1, #page-content h2, #page-content h3, #page-content h4, #page-content h5, #page-content h6 { -webkit-background-clip: text; background-clip: text; background-color: rgb(var(--swatch-primary-darker)); background-image: url("https://scp-wiki.wdfiles.com/local--files/theme:old-money-theme/goldfoil.png"); background-size: cover; background-blend-mode: hard-light; -webkit-text-fill-color: transparent; } #page-title::before, .meta-title::before { content: ""; flex-grow: 1; height: 0.0625rem; } #page-title::before, .meta-title::before { margin: auto 1.25rem auto auto; } #page-title::before, .meta-title::before, #page-title::after, .meta-title::after { background-color: transparent; background-image: radial-gradient(rgb(var(--swatch-primary)) 0%, rgb(var(--swatch-primary), 0.5) 40%, rgba(var(--swatch-primary-darkest), 0) 90%, rgba(var(--swatch-primary-darkest), 0) 100%); background-repeat: no-repeat; background-position: center center; background-size: min(25vw, calc(var(--body-width-on-desktop) / 4)); } .page-rate-widget-box { background: linear-gradient(to top, rgba(var(--swatch-primary), 0.25) 0, rgba(var(--swatch-primary-darker), 0.15) 100%) !important; } form#edit-page-form { background-color: rgba(var(--dark-accent), 0.25); } textarea, input.text { padding: 0.5em; background-color: rgb(var(--black-monochrome)); color: rgb(var(--white-monochrome)); } #main-content .page-tags { box-shadow: 0 -0.125rem 0 0 rgb(var(--swatch-primary)) } #main-content .page-tags::before { background-color: rgb(var(--swatch-primary)) } #lock-info { background-color: rgb(var(--dark-accent)); } .owindow .title { background-color: rgb(var(--swatch-menubg-dark-color)); } #odialog-container, .title.modal-header, .owindow, .hovertip { background-color: rgb(var(--swatch-primary-darkest)); color: rgb(var(--swatch-menutxt-light-color)); } .owindow .button-bar a { background-color: rgb(var(--swatch-menubg-dark-color)); color: rgb(var(--swatch-menutxt-light-color)); } div[id*="page-options-bottom"]>a::after { background-color: rgb(var(--swatch-primary)); } div[id*="page-options-bottom"]>a:hover::after { background-color: rgb(var(--swatch-background)); } @media only screen and (max-width: 56.25rem) { #header { --size: calc(var(--final-header-height-on-mobile) - 0.875rem); --y-offset: 1.5rem; background-repeat: no-repeat, repeat; background-position: calc((var(--header-height-on-mobile) - 3.75rem) - var(--size)) calc(((var(--size) * -1) + var(--header-height-on-mobile) + var(--y-offset)) / 2); background-size: var(--size), 100% var(--header-height-on-mobile); } #header h1 a { margin-top: calc(((var(--header-height-on-mobile) / 2)) - 0.75em); margin-left: calc(var(--header-height-on-mobile) - 3.5rem); font-size: clamp(1.1em, 7vw, 3em); line-height: 1; } #header h2 span { margin-top: calc(((var(--header-height-on-mobile) / 2) + 0.5em)); margin-left: calc(var(--header-height-on-mobile) - 3.5rem); font-size: clamp(0.8em, 3.5vw, 1.2em); line-height: 1.1; } } }