Black Market Theme

Link to article: Black Market 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--files/svg-animation/mcdLogo.css");

.animSVG {
    width: 100%;
    height: 0px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

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

width: 100%; padding-bottom: calc(100% / 64 * 31); background-image: var(--mcdLogo);

```
mcdLogo
```
```
animSVG
```

[[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");
@import url("https://scp-wiki.wdfiles.com/local--files/svg-animation/mcdLogo.css");

.animSVG {
    width: 100%;
    height: 0px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}
[[/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
]]

[[div class="mcdLogo animSVG" style="width: 100%; padding-bottom: calc(100% / 64 * 31); background-image: var(--mcdLogo);"]]
[[/div]]

----

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

+ 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]]].

To import this theme, add this to your page:

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

@@ @@

||~ Table Demo||
||~ XXXXX/XXXXX/XXXXX ||
||Header cells on the tables used in the MC&D format are recolored to be a light purple-grey color, as shown above and below.||
||~ Marshall, Carter and Dark, LLP||

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

[[include :scp-wiki:component:theme-squares -=-
| color1-name=Isabelline
| color1-variable=--pale-gray-monochrome
| color1-info=(248, 230, 238)
| color2-name=Black Coffee
| color2-variable=--gray-monochrome
| color2-info=(61, 43, 61)
| color2-has-light-text=1
| subcolor1-name=Orchid
| subcolor1-variable=--pale-accent
| subcolor1-info=(216, 39, 216)
| subcolor1-has-light-text=1
| subcolor2-name=Byzantine
| subcolor2-variable=--bright-accent
| subcolor2-info=(180, 35, 180)
| subcolor2-has-light-text=1
| subcolor3-name=Royal
| subcolor3-variable=--medium-accent
| subcolor3-info=(140, 20, 140)
| subcolor3-has-light-text=1
| subcolor4-name=Tyrian
| subcolor4-variable=--dark-accent
| subcolor4-info=(100, 3, 100)
| subcolor4-has-light-text=1
]]

[[collapsible show="+ Show theme code" hide="- Hide theme code"]]
[[code type="css"]]
/*
    Marshall, Carter & Dark
    [2014 Wikidot Theme, 2019 Update]
    Originally created for the SCP Foundation GoI Contest of 2014 (MC&D team and Group of Interest) by Randomini.
     Originally based on Sigma-9 by Aelanna, Reach and Crayne.
     Theme updated later by stormbreath.
     All images created by Randomini.
*/

/* ROOT - Header & General Recoloring */
:root {
    /* Intro */
    --theme-base: "nuscp"
    	--theme-id: "black-market-theme"
    	--theme-name: "Black Market Theme";

    /* Header Images */
    --logo-image: url("https://scp-wiki.wdfiles.com/local--files/theme%3Ablack-market/mcdpride.png");
    --gradient-header: url("https://scp-wiki.wdfiles.com/local--files/theme%3Ablack-market/mcd.png");
    --header-background-image-size: 290px 9rem;
    --header-height-on-desktop: 9rem;
    --header-height-on-mobile: 9rem;
    --diagonal-stripes: none;

    /* Colors */
    --pale-gray-monochrome: 248, 230, 238;
    /* light purple for quoteblocks and such */
    --light-gray-monochrome: 160, 140, 160;
    /* light purple-gray */
    --gray-monochrome: 61, 43, 61;
    /* dark purple-gray */
    --dark-gray-monochrome: 52, 31, 52;
    /* darker purple-gray */

    --pale-accent: 216, 39, 216;
    /* light purple */
    --bright-accent: 180, 35, 180;
    /* bright purple*/
    --medium-accent: 140, 20, 140;
    /* medium purple*/
    --dark-accent: 100, 3, 100;
    /* dark purple*/
    --newpage-color: 221, 102, 221;
    /* pale purple*/

    --light-pale-gray-monochrome: var(--pale-gray-monochrome);
    --rating-module-button-color: var(--pale-gray-monochrome);
    --rating-module-text-color: var(--pale-gray-monochrome);
    --barColour: rgb(100, 3, 100);
}

#side-bar,
#interwiki {
    --sidebar-links-text: var(--pale-gray-monochrome);
}

/* Final Bits of Header */
#header h1 a,
#header h1 a::before,
#header h2 span,
#header h2 span::before {
    color: transparent;
    text-shadow: none;
}

/* 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;
    }
}

/* LOG-IN INFO */
#login-status #account-options {
    background-image: none;
}

/* PAGE-TITLE */
#page-title,
.meta-title {
    color: rgb(var(--dark-accent));
}

#page-title::after,
.meta-title::after {
    background-color: rgb(var(--dark-accent));
}

/* SEXY BOX */
div.sexy-box {
    background: rgb(var(--pale-gray-monochrome));
    border: 1px solid rgb(var(--gray-monochrome));
}

div.sexy-box div.image-container img {
    border: 1px solid #9f8170;
}

/* CODE */
.code {
    border: none;
    background-color: rgba(var(--blockquote-bg-color));
    box-shadow: inset 0 0 0 .0625rem rgba(var(--blockquote-border-color), .5), inset .0625rem 0 0 0 rgba(var(--blockquote-border-color), .5), inset 0 -.0625rem 0 0 rgba(var(--blockquote-border-color), .75);
}

/* RATING AND INFO MODULES */
.page-rate-widget-box,
#page-content .rate-box-with-credit-button {
    background: linear-gradient(to top,
    		rgba(var(--dark-accent), 1) 0%,
    		rgba(var(--dark-accent), 1) 100%);
    border-color: rgb(var(--gray-monochrome));
    border-bottom-width: 0.0625rem;
    box-shadow: none;
}

#page-content .rate-box-with-credit-button>.creditButton>p>a::before {
    background-color: rgb(var(--pale-gray-monochrome));
}

#page-content .rate-box-with-credit-button>.creditButton:hover {
    background: rgba(var(--bright-accent), 0.8);
}

#page-content .modalbox {
    border-radius: 0;
    box-shadow: 0 2px 6px rgba(var(--bright-accent), 0.5);
}
[[/code]]
[[/collapsible]]
[[/iftags]]
[[include :scp-wiki:component:bhl-dark-sidebar]]
[[module css]]
@import url("https://scp-wiki.wdfiles.com/local--code/theme%3Ablack-market/1")
[[/module]]
[[include :scp-wiki:component:interwiki-style
| priority=3
| theme=https://scp-wiki.wdfiles.com/local--code/theme%3Ablack-market/1
]]

Black Market Theme

Module Styles

Inline Styles

Includes

CSS Classes

Page Source