这是作者页（迫真）

/*
   全屏怀旧版式
   [theme nostalgia-fullscreen]
   由 Praetor3005 制作
*/
 
:root {
   --theme-base: "black-highlighter";
   --theme-id: "nostalgia-fullscreen";
   --theme-name: "Nostalgia-fullscreen";
   --logo-image: url("https://scpsandboxcn.wikidot.com/local--files/lupus-caeruleus/Windows-2001-Logo-Small.png");
    --header-title: "The Backrooms";
    --header-subtitle: "正 在 开 机 . . .";
 
body {
    color: #000000;
    font-family: "MS Sans Serif", 'Inter', "Noto Sans SC", sans-serif;
    font-size: 14px;
    image-rendering: pixelated;
    word-break: unset;
    --themeColor: #000000;
    --accentColor: #000000;
}
 
/* Typefaces */
    --body-font: "MS Sans Serif", 'Inter', "Noto Sans SC", sans-serif;
    --header-font: "MS Sans Serif", 'Inter', "Noto Sans SC", sans-serif;
    --title-font: "MS Sans Serif", 'Inter', "Noto Sans SC", sans-serif;
    --mono-font: "Courier New", "Noto Serif SC", serif, monospace;
 
   --white-monochrome: 237, 233, 223;
   --pale-gray-monochrome: 255, 251, 240;
   --light-gray-monochrome: 160, 160, 160;
   --gray-monochrome: 72, 69, 60;
   --black-monochrome: 25, 20, 16;
   --bright-accent: 140, 136, 126;
   --medium-accent: 72, 69, 60;
   --dark-accent: 140, 136, 126;
   --pale-accent: 140, 136, 126;
 
   --link-color: 44, 189, 231;
   --hover-link-color: 63, 137, 211;
   --visited-link-color: 44, 189, 231;
 
    /* Box-Shadow 1px Borders */
    --box-border-bottom: 4px 4px 0 0 rgba(0, 0, 0, 0.2);
    --box-border-top: 4px 4px 0 0 rgba(0, 0, 0, 0.2);
    --box-border-left: 4px 4px 0 0 rgba(0, 0, 0, 0.2);
    --box-border-right: 4px 4px 0 0 rgba(0, 0, 0, 0.2);
    --box-border-all: 4px 4px 0 0 rgba(0, 0, 0, 0.2);
 
    --swatch-topmenu-bg-color: rgb(37,37,229);
 
}
 
body {
    color: #000000;
    font-size: 14px;
    image-rendering: pixelated;
    word-break: unset;
    --themeColor: #35A5E1;
    --accentColor: #35A5E1;
    text-align: justify;
}
 
#container {
   background-image: url("https://scpsandboxcn.wikidot.com/local--files/lupus-caeruleus/Windows-XP-Bliss.jpg");
background-size: cover;
background-position: center;
background-repeat: no-repeat;
opacity: 1;
}
 
#top-bar {
    --dropdown-bg-color: var(--pale-gray-monochrome), 0.9;
    --dropdown-border-color: 84,95,215;
    --dropdown-links-color: var(--black-monochrome), 0.9;
 
}
 
#header h1 a {
    font-family: 'Inter', "Noto Sans SC", sans-serif;
}
 
.scp-image-block {
    box-shadow: 4px 4px 0 0 rgba(0, 0, 0, 0.2);
    border-radius: 0;
    margin: 0 2em 1em;
    background: #ffffff;
}
 
.scp-image-block .scp-image-caption {
background-color: var(--bright-accent);
color: black;
}
 
#page-title, h1, h2, h3, h4, h5, h6 {
    color: white;
    text-shadow: 2px 2px 0 rgba(var(--black-monochrome),0.25);
}
 
:is(blockquote, .blockquote, div.blockquote, [class*="blockquote"]) {
    border: #EEE outset 2px;
    background-color: #C0C0C0;
    color: black;
    box-shadow: var(--quote-shadow);
}
 
#page-title::after, .meta-title::after {
    display: none;
}
 
#page-title, .meta-title {
    color: white;
    margin-bottom: 0.5em;
    justify-content: center;
    border-bottom: solid 1px rgb(var(--light-gray-monochrome));
    padding-bottom: 5px;
}
 
:not(.page-rate-widget-box):not(#search-top-box-form) > .btn, :not(.page-rate-widget-box):not(#search-top-box-form) > .button, :not(.page-rate-widget-box):not(#search-top-box-form) > .owindow .button-bar a, :not(.page-rate-widget-box):not(#search-top-box-form) > button, :not(.page-rate-widget-box):not(#search-top-box-form) > div.buttons input, :not(.page-rate-widget-box):not(#search-top-box-form) > input.button, .page-rate-widget-box {
    border: #eee outset 2px;
    box-shadow: var(--quote-shadow) !important;
}
 
.page-rate-widget-box { background: rgb(var(--ui-button-bg)); }
 
#footer {
    border: #eee outset 2px;
}
 
div.yui-navset div.yui-content {
    color: #000000;
    background: #C0C0C0;
    border-left: #DFDFDF outset 2px;
    border-right: #DFDFDF outset 2px;
    border-bottom: #DFDFDF outset 2px;
}
 
.yui-navset .yui-nav a,
div.yui-navset div.yui-navset-top .yui-nav a {
    /* protect nested tabviews from other orientations */
    border: #DFDFDF outset 2px;
}
 
.yui-navset .yui-nav .selected a,
.yui-navset .yui-nav .selected a em,
.yui-navset .yui-nav a em,
.yui-navset .yui-navset-top .yui-nav a em {
    border-color: transparent;
}
 
.yui-navset .yui-nav,
.yui-navset .yui-navset-top .yui-nav {
    border-color: #35A5E1;
box-shadow: 0 0 0 0 hsla(0,0%,100%,0);
}
 
div.yui-navset ul.yui-nav a,
div.yui-navset div.yui-navset-top ul.yui-nav a {
    background: #C0C0C0;
    border-left: #DFDFDF outset 2px;
    border-right: #DFDFDF outset 2px;
    border-top: #DFDFDF outset 2px;
box-shadow: 0 0 0 0 hsla(0,0%,100%,0)!important;
}
 
div.yui-navset ul.yui-nav a:hover,
div.yui-navset ul.yui-nav a:focus {
    background: #C0C0C0;
    border-left: #DFDFDF inset 2px;
    border-right: #DFDFDF inset 2px;
    border-top: #DFDFDF inset 2px;
}
 
div.yui-navset ul.yui-nav .selected a,
div.yui-navset ul.yui-nav .selected a:focus,
div.yui-navset ul.yui-nav .selected a:hover {
    background: #35A5E1;
    border-left: #DFDFDF outset 2px;
    border-right: #DFDFDF outset 2px;
    border-top: #DFDFDF outset 2px;
}
 
.yui-navset .yui-nav li,
.yui-navset .yui-navset-top .yui-nav li {
box-shadow: 0 0 0 0 hsla(0,0%,100%,0)!important;
}
 
.yui-navset .yui-nav,
.yui-navset .yui-navset-top .yui-nav {
    border-color: #000000;
    border: 0;
    -webkit-box-shadow: box-shadow: 0 0 0 0 hsla(0,0%,100%,0)!important;
    box-shadow: 0 0 0 0 #35A5E1!important;
margin: 0 0 0 0 !important;
width: 100%;
}
 
.yui-navset .yui-nav .selected a,
.yui-navset .yui-nav .selected a em {
    color: #000000;
}
 
.yui-navset .yui-content {
    background-color: #35A5E1;
}
 
.yui-navset .yui-content,
.yui-navset .yui-navset-top .yui-content {
    border-color: #35A5E1;
    /* content border */
}
 
.lightblock {
    background-color:rgb(211,211,211);
    color:rgb(0,0,0);
    padding: 0.01rem 1rem;
    margin: 0.5rem 0 0.5rem 0.25rem;
    box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
    border: solid 0.3rem rgb(84,95,215);
 }
 
.lighterblock {
    background-color:rgb(255,255,255);
    color:rgb(0,0,0);
    padding: 0.01rem 1rem;
    margin: 0.5rem 0 0.5rem 0.25rem;
    box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
    border: solid 0.3rem rgb(84,95,215);
 }
 
.titlebox{
    color: rgb(255,255,255);
    position: relative;
    top: -1.6rem;
    background-color: rgb(84,95,215);
    padding: 0.5rem 2rem;
    line-height: 0.1rem;
 }
 
.bluescreen {
   background-color:rgb(37,37,229);
   color:rgb(255,255,255);
   padding: 0.01rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
}
 
.logoblock{
   padding: 0.01rem 1rem;
   color:rgb(255, 255, 255);
   box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
   margin: 0.5rem 0 0.5rem 0.25rem;
   display: block;
   position: relative;
   background-color: rgb(0,0,0);
}
 
    .logoblock::after{
    content: "";
    float: center;
    border: solid 2px #0000;
    background: url(http://backrooms-wiki.wdfiles.com/local--files/theme%3Anostalgia-os/nOSwindow.png) center/70% no-repeat;
    opacity: 0.7;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 1;
    }

版式代码

关闭折叠块

@import url('https://fonts.googleapis.com/css2?family=Anuphan&display=swap');
 
@font-face {
    font-family: 'GlowSansSC-Extended';
    src: url('https://cdn.jsdelivr.net/gh/LupusCaeruleus/Fonts@main/GlowSansSC-Extended-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
 
@font-face {
    font-family: 'GlowSansSC-Extended';
    src: url('https://cdn.jsdelivr.net/gh/LupusCaeruleus/Fonts@main/GlowSansSC-Extended-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
 
/* I swear that is not Myrand's code */
 
@media screen and (prefers-reduced-motion: no-preference) {
    #page-title, #breadcrumbs, #page-content > * {
      animation-name: fadeIn;
      animation-duration: 1s;
      animation-iteration-count: 1;
      animation-timing-function: ease-out;
      animation-fill-mode: backwards;
    }
  }
  #page-title { animation-delay: 0s; }
 
  @keyframes fadeIn {
    from {
      opacity: 0;
      transform: translate(0,30px);
    }
    to {
      opacity: 1;
      transform: translate(0,0);
    }
  }
 
:root {
   --fade-in-delay: 0.1s;
 
   --theme-base: "black-highlighter";
   --theme-id: "deep-space";
   --theme-name: "Deep Space";
 
   --logo-image: url("https://zupimages.net/up/23/30/foux.png");
   --header-title: "阿丽亚娜集团";
   --header-subtitle: "排除万难";
 
   --body-font: 'Lato', Inter, Verdana, Geneva, 'Helvetica Neue', 'Helvetica', 'Noto Sans SC', sans-serif;
   --header-font: 'Fantasque Sans Mono', Courier New, Ubuntu Mono, Consolas, 'GlowSansSC-Extended', 'Noto Sans SC', sans-serif;
   --title-font: 'Anuphan', 'Noto Sans SC', sans-serif;
   --mono-font: 'Anuphan', 'Noto Sans SC', sans-serif;
 
   --white-monochrome: 255, 255, 255;
   --dark-gray-monochrome: 48,48,52;
   --pale-gray-monochrome: 255, 255, 255;
   --light-gray-monochrome: 160, 160, 160;
   --gray-monochrome: 72, 69, 60;
   --black-monochrome: 30, 30, 30;
   --bright-accent: 100, 91, 156;
   --medium-accent: 134, 118, 226;
   --dark-accent: 219, 91, 226;
   --pale-accent: 239, 167, 243;
 
/* Primary Theme Colors */
   --sd-color: 255, 255, 255;
 
     /* Primary Theme Colors */
    --swatch-background: var(--black-monochrome);
    --swatch-primary: var(--bright-accent);
    --swatch-primary-darker: var(--medium-accent);
    --swatch-primary-darkest: var(--black-monochrome);
    --swatch-secondary-color: var(--dark-gray-monochrome);
 
    /* Primary Text Colors */
    --swatch-text-dark: var(--white-monochrome);
    --swatch-text-light: var(--brightest-accent);
    --swatch-important-text: var(--brightest-accent);
    --barColour: var(--very-light-gray-monochrome);
    --linkColour: var(--dark-accent);
 
    /* Primary Menu Colors */
    --swatch-menubg-color: var(--black-monochrome);
    --swatch-menubg-light-color: var(--dark-gray-monochrome);
    --swatch-menubg-medium-color: var(--medium-accent);
    --swatch-menubg-medium-dark-color: var(--gray-monochrome);
    --swatch-menubg-dark-color: var(--dark-gray-monochrome);
    --swatch-menubg-black-color: var(--black-monochrome);
    --swatch-menubg-hover-color: var(--black-monochrome);
    --swatch-menutxt-dark-color: var(--white-monochrome);
    --swatch-menutxt-light-color: var(--white-monochrome);
    --swatch-border-color: var(--bright-accent);
 
    /* Primary Header Colors */
    --swatch-headerh1-color: var(--white-monochrome);
    --swatch-headerh2-color: var(--white-monochrome);
    --swatch-topmenu-border-color: var(--bright-accent);
    --swatch-topmenu-bg-color: var(--black-monochrome);
 
    /* Link Colors */
    --link-color: var(--dark-accent);
    --visited-link-color: var(--dark-accent);
    --hover-link-color: var(--pale-accent);
    --sidebar-links-text: var(--swatch-menutxt-dark-color);
    --link-color-bright: var(--medium-accent);
 
/* Rating Module Colors */
    --rating-module-button-color: var(--bright-accent);
    --rating-module-text-color: var(--white-monochrome);
    --rating-module-text-hover-color: var(--swatch-menutxt-light-color);
 
/* Header Gradients */
--gradient-header: none;
--diagonal-stripes: none;
}
 
/* sd banner colours */
 
.sd-container {
   --sd-text:255,255,255;
   --sd-border:var(--medium-accent);
   --sd-bullets:var(--medium-accent);
   --sd-symbol:48,48,52;
   --sd-border-secondary:var(--sd-border);
   --sd-border-deadzone:var(--sd-border);
}
 
#page-content > :nth-child(1) { animation-delay: calc(1 * var(--fade-in-delay)); }
#page-content > :nth-child(2) { animation-delay: calc(2 * var(--fade-in-delay)); }
#page-content > :nth-child(3) { animation-delay: calc(3 * var(--fade-in-delay)); }
#page-content > :nth-child(4) { animation-delay: calc(4 * var(--fade-in-delay)); }
#page-content > :nth-child(5) { animation-delay: calc(5 * var(--fade-in-delay)); }
#page-content > :nth-child(6) { animation-delay: calc(6 * var(--fade-in-delay)); }
#page-content > :nth-child(7) { animation-delay: calc(7 * var(--fade-in-delay)); }
#page-content > :nth-child(8) { animation-delay: calc(8 * var(--fade-in-delay)); }
#page-content > :nth-child(9) { animation-delay: calc(9 * var(--fade-in-delay)); }
#page-content > :nth-child(10) { animation-delay: calc(10 * var(--fade-in-delay)); }
#page-content > :nth-child(11) { animation-delay: calc(11 * var(--fade-in-delay)); }
#page-content > :nth-child(12) { animation-delay: calc(12 * var(--fade-in-delay)); }
#page-content > :nth-child(13) { animation-delay: calc(13 * var(--fade-in-delay)); }
#page-content > :nth-child(14) { animation-delay: calc(14 * var(--fade-in-delay)); }
#page-content > :nth-child(15) { animation-delay: calc(15 * var(--fade-in-delay)); }
#page-content > :nth-child(n+15) { animation-delay: calc(16 * var(--fade-in-delay)); }
 
#skrollr-body {
   background-image:
    radial-gradient(circle, rgb(var(--black-monochrome)) 50%, transparent 0);
   background-repeat: repeat;
   background-size: 0.25em 0.25em;
   width: 100%;
   height: 7.5rem;
}
 
#side-bar .side-block div a img {
   filter: grayscale(100%);
}
 
/* fix sidebar scrollbar color */
#side-bar:hover, #side-bar:active, #side-bar:focus-within {
    scrollbar-color: unset !important;
}
 
#container {
   background-image: radial-gradient(circle, rgb(var(--medium-accent), 0.05) 50%, transparent 0);
   background-size: 0.25em 0.25em;
   background-repeat: repeat;
   background-attachment: fixed;
}
 
div#page-options-bottom-2 > a, div#page-options-bottom > a {
   border-radius: 0em;
   -moz-border-radius: 0em;
   border: none;
}
 
div#page-options-bottom-2 > a:active, div#page-options-bottom-2 > a:hover, div#page-options-bottom > a:active, div#page-options-bottom > a:hover {
   border: none;
}
 
#header, #top-bar {
   background-attachment: scroll;
}
 
#header {
   background-image: none;
}
 
#header::before {
   content: "";
   position: absolute;
   height: 100%;
   width: 100%;
   left: 0;
   top: 0;
   background-image: var(--logo-image);
   background-size: auto 16rem;
   background-position: center;
   background-repeat: no-repeat;
   opacity: 0.4;
}
 
#header h1, #header h1 a {
   position: absolute;
   top: 1rem;
   margin: 0;
   width: 100%;
   display: flex;
   justify-content: center;
   z-index: 0;
}
 
#header h2, #header h2 span, #header h2 span::before {
   position: absolute;
   top: 2rem;
   margin: 0;
   width: 100%;
   display: flex;
   justify-content: center;
}
 
#header h1 a::before, #header h2 span::before {
   text-shadow: .063rem 0.1rem 0.1rem #0c0c0c;
}
 
a.newpage {
   background: transparent;
   text-decoration: none
}
 
a.newpage {
   color: rgb(var(--newpage-color))
}
 
blockquote {
   box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25);
}
 
#toc {
background-color: #645b9c
}
 
.lightstyled-quote {
   background-color:rgb(var(--bright-accent));
   border-left: 0.5rem solid rgba(var(--medium-accent));
   padding: 0.1rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25);
}
 
.darkstyled-quote {
   background-color:rgb(var(--dark-gray-monochrome));
   border-left: 0.5rem solid rgba(var(--bright-accent));
   color:rgb(var(--white-monochrome));
   padding: 0.1rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25);
}
 
.darkstyled-quote a{
color: rgb(var(--swatch-menubg-medium-color));
}
.page-tags a {
color:rgb(var(--dark-accent));
}
 
.lightblock {
   background-color:rgb(var(--bright-accent));
   color:rgb(255,255,255);
   padding: 0.01rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
}
 
.lighterblock {
   background-color:rgb(var(--medium-accent));
   color:rgb(0,0,0);
   padding: 0.01rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
}
 
.darkblock {
   background-color:rgb(84,82,96);
   color:rgb(var(--white-monochrome));
   padding: 0.01rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
}
 
  .light-logoblock{
    padding: 0.01rem 1rem;
    color:rgb(255, 255, 255);
    box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
    margin: 0.5rem 0 0.5rem 0.25rem;
    display: block;
    position: relative;
    background-color: rgb(var(--bright-accent));
    }
 
    .light-logoblock::after{
    content: "";
    float: center;
    border: solid 2px #0000;
    background: url(https://zupimages.net/up/23/30/saye.png) center/25% no-repeat;
    opacity: 0.25;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 1;
    }
 
  .dark-logoblock{
    padding: 0.01rem 1rem;
    color:rgb(255,255,255);
    box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
    margin: 0.5rem 0 0.5rem 0.25rem;
    display: block;
    position: relative;
    background-color: rgb(var(--dark-gray-monochrome));
    }
 
    .dark-logoblock::after{
    content: "";
    float: center;
    border: solid 2px #0000;
    background: url(https://zupimages.net/up/23/30/saye.png) center/25% no-repeat;
    opacity: 0.25;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 1;
    }
 
.light-borderblock {
    background-color:rgb(var(--bright-accent));
    color:rgb(255, 255, 255);
    padding: 0.01rem 1rem;
    margin: 0.5rem 0 0.5rem 0.25rem;
    box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
    border: solid 0.3rem rgb(var(--medium-accent));
 }
 
.dark-borderblock {
    background-color:rgb(var(--dark-gray-monochrome));
    color:rgb(255, 255, 255);
    padding: 0.01rem 1rem;
    margin: 0.5rem 0 0.5rem 0.25rem;
    box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
    border: solid 0.3rem rgb(var(--bright-accent));
 }
 
.lightborder-logoblock{
    padding: 0.01rem 1rem;
    box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
    color:rgb(255, 255, 255);
    margin: 0.5rem 0 0.5rem 0.25rem;
    display: block;
    position: relative;
    background-color: rgb(var(--bright-accent));
     border: solid 0.3rem rgb(var(--medium-accent));
    }
 
    .lightborder-logoblock::after{
    content: "";
    float: center;
    border: solid 2px #0000;
    background: url(https://zupimages.net/up/23/30/saye.png) center/25% no-repeat;
    opacity: 0.25;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 1;
    }
 
.darkborder-logoblock{
    padding: 0.01rem 1rem;
    box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
    color:rgb(255, 255, 255);
    margin: 0.5rem 0 0.5rem 0.25rem;
    display: block;
    position: relative;
    background-color: rgb(var(--dark-gray-monochrome));
     border: solid 0.3rem rgb(var(--bright-accent));
    }
 
    .darkborder-logoblock::after{
    content: "";
    float: center;
    border: solid 2px #0000;
    background: url(https://zupimages.net/up/23/30/saye.png) center/25% no-repeat;
    opacity: 0.25;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 1;
    }
 
.light-cabox{
    padding:0 0.5rem;
    margin:1rem 0;
    background:#645b9c;
    border-radius:0.6rem;
    box-shadow: 0px 0px 3px;
    border: 1.75px solid #ffffff;
    box-sizing:border-box;
}
 
.dark-cabox{
    padding:0 0.5rem;
    margin:1rem 0;
    background:#545260;
    border-radius:0.6rem;
    box-shadow: 0px 0px 3px;
    border: 1.75px solid #a497f7;
    box-sizing:border-box;
}
 
.light-titleblock {
        background-color: rgb(var(--bright-accent));
        color:rgb(var(--white-monochrome));
        padding: 0.5rem 1rem 0.10rem;
        margin: 1.5rem 0rem 0.5rem 0rem;
        box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.5);
        border: solid rgb(255,255,255) 2px;
     }
 
     .light-titlebox{
       color: rgb(var(--dark-gray-monochrome));
       position: relative;
       top: -1.6rem;
       background-color: rgb(255,255,255);
       padding: 0.25rem 1rem;
       line-height: 0.1rem;
     }
 
.dark-titleblock {
        background-color: rgb(var(--dark-gray-monochrome));
        color:rgb(var(--white-monochrome));
        padding: 0.5rem 1rem 0.10rem;
        margin: 1.5rem 0rem 0.5rem 0rem;
        box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.5);
        border: solid rgb(var(--bright-accent)) 2px;
     }
 
     .dark-titlebox{
       color: rgb(var(--white-monochrome));
       position: relative;
       top: -1.6rem;
       background-color: rgb(var(--bright-accent));
       padding: 0.25rem 1rem;
       line-height: 0.1rem;
     }
 
.top-box {
   border-color: rgb(91,90,102) !important;
}
 
.bottom-box ul li {
   color: white !important;
}
 
.bottom-box ul li:before {
   background: white!important;
}
 
.top-box .gradient-box {
  background: linear-gradient(90deg, rgba(59, 54, 59, 1) 0%, rgba(59, 54, 59, 0) 70%) !important;
}
 
.header-diamond {
   background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 300.9 284.5' style='enable-background:new 0 0 300.9 284.5;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%233b363b;%7D .st1%7Bfill:%233b363b;%7D%0A%3C/style%3E%3Cg%3E%3Cpolygon class='st1' points='73.4,32.6 0,105.4 13.6,105.4 86.4,32.6 '/%3E%3Cpolygon class='st1' points='26.5,105.4 40.1,105.4 112.9,32.6 99.3,32.6 '/%3E%3C/g%3E%3Cpolyline class='st1' points='287.3,105.4 214.5,32.6 227.5,32.6 287.3,91.9 '/%3E%3Cpolygon class='st1' points='274.4,105.4 260.8,105.4 188,32.6 201.6,32.6 '/%3E%3C/svg%3E") !important;
}
 
.top-box.class-unknown .header-diamond { filter: none !important; }
.top-box.class-unknown:before, .top-box.class-unknown .header-diamond .diamond-pattern{ opacity: 0.15 !important; }
 
.top-box .header-diamond .diamond-image {
   filter: brightness(0%) invert(100%);
}
 
.top-box.class-0,
.header-diamond .diamond-color.class-0 {
   background: rgb(195, 186, 285) !important;
}
 
.top-box.class-1,
.header-diamond .diamond-color.class-1 {
   background: rgb(160, 149, 222) !important;
}
 
.top-box.class-2,
.header-diamond .diamond-color.class-2 {
   background: rgb(134, 117, 226) !important;
}
 
.top-box.class-3,
.header-diamond .diamond-color.class-3 {
   background: rgb(164, 74, 243) !important;
}
 
.top-box.class-4,
.header-diamond .diamond-color.class-4 {
   background: rgb(186, 52, 243) !important;
}
 
.top-box.class-5,
.header-diamond .diamond-color.class-5 {
   background: rgb(155, 22, 207) !important;
}
 
.top-box.class-unknown,
.header-diamond .diamond-color.class-unknown {
   background: rgb(59, 54, 59) !important;
}
 
html body #content-wrap .yui-navset .yui-nav .selected a {
    color: rgb(var(--white-monochrome)) !important;
}
 
#header h1 a::before, #header h2 span::before {
    color: rgb(var(--white-monochrome));
}

+ 版式代码

- 关闭

/*
   阈限纸堆版式
   [Liminal Sheafs Theme]
   by ArgonMighty
*/
 
@import url('https://fonts.googleapis.com/css2?family=Merriweather&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Merriweather:wght@300&display=swap');
 
:root {
   --theme-base: "black-highlighter";
   --theme-id: "LSheafs";
   --theme-name: "Liminal Sheafs";
   --header-height-on-mobile: 7.5rem;
   --header-height-on-desktop: 7.5rem;
 
   --logo-image: url("http://backrooms-wiki.wikidot.com/local--files/component:theme/logo.svg");
   --header-title: "The Backrooms";
   --header-subtitle: "你曾经来过这里";
 
   --body-font: 'Merriweather', "Noto Serif SC", serif;
   --header-font: 'Merriweather', "Noto Serif SC", serif;
   --title-font: 'Merriweather', "Noto Serif SC", serif;
   --mono-font: 'Merriweather', "Noto Serif SC", serif;
 
   --white-monochrome: 237, 233, 223;
   --pale-gray-monochrome: 255, 251, 240;
   --light-gray-monochrome: 138, 138, 138;
   --gray-monochrome: 0, 0, 0;
   --black-monochrome: 3, 2, 2;
   --bright-accent: 128, 115, 0;
   --medium-accent: 138, 138, 138;
   --dark-accent: 69, 69, 69;
   --pale-accent: 84, 84, 84;
 
   --swatch-topmenu-border-color: var(--medium-accent);
 
   --link-color: 32, 18, 230;
   --hover-link-color: 87, 43, 217;
   --newpage-color: 209, 25, 43;
 
   --background-gradient-distance: 0rem;
 
   --gradient-header: linear-gradient(to top,
      rgba(var(--medium-accent)) 0%,
      rgba(var(--medium-accent), 0.90) 100%
   );
   --diagonal-stripes: linear-gradient(transparent 0);
}
 
#skrollr-body {
   background-image:
    radial-gradient(circle, rgb(var(--medium-accent)) 50%, transparent 0);
   background-repeat: repeat;
   background-size: 0.25em 0.25em;
   width: 100%;
   height: 7.5rem;
}
 
#side-bar .side-block div a img {
   filter: grayscale(100%);
}
 
#container {
   background-image: url("http://backrooms-wiki.wikidot.com/local--files/theme:lsheafs/Desk.jpeg");
background-size: cover;
background-position: center;
background-repeat: no-repeat;
opacity: 1;
}
 
#main-content{
    background: #f0f0f0;
    color: black;
    border: #2b2b2b outset 3px;
box-shadow: 10px 10px 0px 0px rgba(5, 5, 5, 0.7);
font-size: 17px;
margin-top: 2em;
margin-bottom: 5em;
padding: 1.3em;
}
 
div#page-options-bottom-2 > a, div#page-options-bottom > a {
   border-radius: 0em;
   -moz-border-radius: 0em;
   border: none;
}
 
div#page-options-bottom-2 > a:active, div#page-options-bottom-2 > a:hover, div#page-options-bottom > a:active, div#page-options-bottom > a:hover {
   border: none;
}
 
#header, #top-bar {
   background-attachment: scroll;
}
 
#header {
   background-image: none;
}
 
#header::before {
   content: "";
   position: absolute;
   height: 100%;
   width: 100%;
   left: 0;
   top: 0;
   background-image: var(--logo-image);
   background-size: auto 16rem;
   background-position: center;
   background-repeat: no-repeat;
   opacity: 0.4;
}
 
#header h1, #header h1 a {
   position: absolute;
   top: 1rem;
   margin: 0;
   width: 100%;
   display: flex;
   justify-content: center;
   z-index: 0;
}
 
#header h2, #header h2 span, #header h2 span::before {
   position: absolute;
   top: 2rem;
   margin: 0;
   width: 100%;
   display: flex;
   justify-content: center;
}
 
#header h1 a::before, #header h2 span::before {
   text-shadow: .063rem 0.1rem 0.1rem #0c0c0c;
}
 
a.newpage {
   background: transparent;
   text-decoration: none
}
 
a.newpage {
   color: rgb(var(--newpage-color))
}
 
blockquote {
   box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25);
}
 
.styled-quote {
   background-color:rgb(var(--pale-gray-monochrome));
   border-left: 0.5rem solid rgba(var(--gray-monochrome));
   padding: 0.1rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25);
}
 
.dark-styled-quote {
   background-color:rgb(var(--gray-monochrome));
   border-left: 0.5rem solid rgba(var(--pale-gray-monochrome));
   color:rgb(var(--white-monochrome));
   padding: 0.1rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25);
}
 
.dark-styled-quote a{
color: rgb(var(--swatch-menubg-medium-color));
}
 
.lightblock {
   background-color:rgb(var(--white-monochrome));
   padding: 0.01rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
}
 
.darkblock {
   background-color:rgb(var(--gray-monochrome));
   color:rgb(var(--white-monochrome));
   padding: 0.01rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
}
 
.darkblock a {
color: rgb(var(--swatch-menubg-medium-color));
}

- 关闭

+ 版式代码

- 收起

/* Caslon OS font import */
@import url('https://fontlibrary.org/face/caslon-os');
/* Neo Euler font import */
@import url('https://fontlibrary.org/face/euler-otf'); 
/* Libre Baskerville font import */
@import url('https://fontlibrary.org//face/libre-baskerville');
 
/* 中文字体 */
@import url('https://fonts.googleapis.com/css2?family=ZCOOL+XiaoWei&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@600;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300&display=swap');
 
:root {
    /* Header */
    --logo-image: url("http://backrooms-wiki.wdfiles.com/local--files/theme%3Apomona/pomona_header");
 
    /* Typefaces */
    --body-font: 'LibreBaskervilleRegular', 'Noto Serif SC', serif;
    --UI-font: var(--body-font);
    --header-font: 'Caslon OS', 'Noto Serif SC', serif;
    --title-font: 'NeoEulerMedium', 'ZCOOL XiaoWei', serif;
    --mono-font: Courier, 'Noto Sans SC', Consolas, monaco, monospace;
 
    /* Colors */
    --pale-gray-monochrome: 240, 233, 227; /* EDITED */
    --gray-monochrome: var(--leaf); /* EDITED */
    --pale-accent: var(--cherry); /* EDITED */
    --bright-accent: var(--leaf-light); /* EDITED */
    --medium-accent: var(--leaf); /* EDITED */
    --alt-accent: var(--peach); /* EDITED */
 
    /* extra colors, ADDED */
    --leaf: 67, 99, 23;
    --leaf-light: 128, 155, 75;
    --cherry: 194, 36, 55;
    --grape: 99, 21, 44;
    --peach: 239, 125, 85;
    --wood: 157, 128, 97;
 
    /* Swatches */
    --hover-link-color: var(--grape);
 
}
 
/* top bar */
#top-bar {
  --dropdown-bg-color: var(--gray-monochrome), 0.9; /* EDITED*/
}
 
/* tabview tab colors, ADDED */
#main-content {
    --tabs-hover-bg: var(--leaf-light);
    --tabs-selected-bg: var(--medium-accent);
    --tabs-selected-outline: var(--medium-accent);
    --tabs-bottom-border-color: var(--wood);
    --footnotes-footer-colorbar-color: var(--peach);
    --footnotes-footer-title-bg-color: var(--peach);
}
 
/* Dots */
#skrollr-body, #container {
    background-image: none; /* EDITED, dots removed */
}
 
/* Header Image */
#header::before {
    background-size: auto 10rem; /* EDITED, usually 16rem */
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.8; /* EDITED, usually 0.4 */
}
 
/* Div Quotes */
.styled-quote {
    border-left: solid 6px rgb(var(--leaf));/* EDITED */
}
 
.dark-styled-quote {
    background: rgb(var(--dark-gray-monochrome));/* EDITED */
    border-left: solid 6px rgb(var(--leaf-light)); /* EDITED */
}
 
/* custom divs, ADDED */
.cherry-box {
    color: rgb(var(--black-monochrome));
    background: rgba(var(--cherry), 0.2);
    padding: 0.01rem 1rem;
    margin: 0.5rem 0;
    box-shadow: var(--quote-shadow);
    border: 4px rgb(var(--cherry)) solid;
}
 
.grape-box {
    color: rgb(var(--black-monochrome));
    background: rgba(var(--grape), 0.2);
    padding: 0.01rem 1rem;
    margin: 0.5rem 0;
    box-shadow: var(--quote-shadow);
    border: 4px rgb(var(--grape)) solid;
}
 
.peach-box {
    color: rgb(var(--black-monochrome));
    background: rgba(var(--peach), 0.2);
    padding: 0.01rem 1rem;
    margin: 0.5rem 0;
    box-shadow: var(--quote-shadow);
    border: 4px rgb(var(--peach)) solid;
}
 
.wood-frame {
    color: rgb(var(--black-monochrome));
    background: rgb(var(--white-monochrome));
    padding: 0.01rem 1rem;
    margin: 0.5rem 0;
    box-shadow: var(--quote-shadow);
    border: 0.8rem rgb(var(--wood)) ridge;
}
 
/* Tab Gap */
.yui-navset .yui-nav {
    column-gap: 2px; /* EDITED */
}
 
/* image block borders, ADDED */
div.scp-image-block img.image {
    border: 0.8rem rgb(var(--wood)) ridge;
}
 
div.scp-image-caption {
    margin: 0.5rem;
    padding: 0.5rem !important; /* why is the padding not even across the whole thing? */
}
 
/* 中文 */
tt,
.tt *,
.code *,
code * {
    font-weight: 100;
}