网站的版式

/*
    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("http://mcd-sandbox-cn.wikidot.com/local--files/filepage/mcd.svg");
    --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 {
    --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: 56.25rem) {
    #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);
}
:root {
    --pale-gray-monochrome: 248, 230, 238;
    --bright-accent: 180, 35, 180;
    --medium-accent: 140, 20, 140;
    --dark-accent: 100, 3, 100;
}
.side-block {
    --sidebar-links-text: var(--pale-gray-monochrome);
}