Level C-187

+ 版式代码

@import url('https://fontlibrary.org/face/fantasque-sans-mono');
@import url("http://backrooms-wiki.wdfiles.com/local--files/component%3Atheme/normalize-archived.css");
@import url("http://backrooms-wiki.wdfiles.com/local--files/component%3Atheme/bhl-archived.css");
@import url("http://backrooms-wiki.wikidot.com/local--files/component:theme/sidebar.css");
@import url('https://fonts.googleapis.com/css2?family=Audiowide&family=Graduate&family=JetBrains+Mono:wght@200&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@300&display=swap');
 
:root {
   --theme-base: "black-highlighter";
   --theme-id: "liminal-fandom";
   --theme-name: "Liminal Fandom Theme";
 
   --logo-image: url("http://gaplouelpew.wdfiles.com/local--files/theme%3Aliminal-fandom/fandom_logo_small1.png");
   --header-title: "Backrooms Fandom";
   --header-subtitle: "这里似曾相识……";
 
   --body-font: 'Rubik', sans-serif;
   --header-font: 'Rubik', sans-serif;
   --title-font: 'Rubik', sans-serif;
   --mono-font: 'Fantasque Sans Mono', monospace;
 
   --white-monochrome: 251, 231, 181;
   --pale-gray-monochrome: 254, 126, 3;
   --light-gray-monochrome: 254, 126, 3;
   --gray-monochrome: 254, 126, 3;
   --grey-monochrome: 254, 126, 3;
   --dark-gray-monochrome: 195, 109, 47;
   --black-monochrome: 12, 12, 12;
   --bright-accent: 195, 109, 47;
   --medium-accent: 195, 109, 47;
   --dark-accent: 195, 109, 47;
   --pale-accent: 195, 109, 47;
   --alt-accent: 175, 66, 0;
   --legacy-accent: 254, 126, 3;
   --darker-legacy-accent: 254, 126, 3;
   --backrooms-yellow: 255, 197, 1;
   --kauer-white: 255, 255, 255;
   --kauer-blue: 20, 90, 245;
   --meg-mint: 250, 250, 210;
   --meg-green: 111, 117, 78;
   --pioneer-orange: 255, 210, 26;
   --commercium-grey: 91, 89, 81;
   --mountain-purple: 121, 82, 132;
   --brute-blue: 39, 16, 84;
   --brute-yellow: 211, 242, 24;
   --aea-midnight: 3, 8, 26;
   --aea-hunted: 234, 52, 52;
   --raven-shadow: 0, 0, 0;
   --raven-gold: 219, 200, 124;
   --k4-frogskin: 59, 91, 66;
   --k4-mudskipper: 90, 56, 37;
 
   --swatch-topmenu-border-color: var(--darker-legacy-accent);
  --swatch-topmenu-bg-color: var(--darker-legacy-accent);
  --swatch-headerh1-color: 12, 12, 12;
  --swatch-headerh2-color: 12, 12, 12;
 
    --rating-module-button-plus-color: 195, 109, 47;
    --rating-module-button-negative-color: 195, 109, 47;
    --rating-module-button-cancel-color: 195, 109, 47;
    --rating-module-button-credit-color: 195, 109, 47;
 
  --link-color: 195, 109, 47;
  --hover-link-color: 195, 109, 47;
  --visited-link-color: 195, 109, 47;
 
   --background-gradient-distance: 0rem;
 
   --gradient-header: linear-gradient(to top,
      rgb(var(--legacy-accent)) 0%,
      rgb(var(--darker-legacy-accent)) 0%
   );
   --diagonal-stripes: linear-gradient(transparent 0);
}
 
#skrollr-body {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-image: url("http://gaplouelpew.wdfiles.com/local--files/theme%3Aliminal-fandom/Fandom_Banner2.png");
 background-repeat: repeat-x;
background-size: inherit;
}
}
 
#side-bar .side-block div a img {
   filter: grayscale(100%);
}
 
#side-bar .heading p {
   color: rgb(var(--black-monochrome));
}
 
#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::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 a {
   left: -8.5rem;
}
 
#header h2 a {
   left: -24rem;
}
 
#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;
}
 
#header::before {
   left: calc(-27.5% + -7rem);
   background-size: auto 11rem;
   opacity: 1;
}
 
#header h2 span::before {
   left: -12.5rem
}
 
@media only screen and (max-width:768px){
   #header::before {
      left: 0;
      background-size: auto 8rem;
   }
 
   #header h1 a {
      left: 1rem;
   }
 
   #header h2 span::before {
      left: calc(1rem + 1.5ch);
   }
}
 
h1, h2, h3, h4, h5, h6 {
   color: rgb(var(--black-monochrome));
}
 
hr {
   background-color: rgb(var(--dark-grey-monochrome));
}
 
.yui-navset .yui-nav .selected a {
   color: rgb(var(--black monochrome)) !important;
}
 
table.wiki-content-table th {
   color: rgb(var(--black-monochrome));
}
 
#login-status {
   color: rgb(var(--grey-monochrome));
}
 
#login-status a {
   color: rgb(var(--grey-monochrome));
}
 
#search-top-box input.empty {
   color: rgb(var(--black-monochrome));
}
 
.scp-image-caption,
.yui-navset .yui-nav a,
blockquote,
.blockquote,
table.wiki-content-table th {
   color: rgb(255, 255, 255);
}
 
a.newpage {
   background: transparent;
   text-decoration: none
}
 
a.newpage {
   color: rgb(var(--alt-accent));
}
 
#page-title {
   color: rgb(var(--black-monochrome));
}
 
#top-bar > ul > li a, #top-bar > ul > li a:hover {
   color: rgb(var(--black-monochrome));
}
 
blockquote {
   box-shadow: 0.05rem 0.1rem 0.3rem rgba(90, 20, 20,.25);
}
 
.styled-quote {
   background-color:rgb(var(--grey-monochrome));
   color:rgb(var(--kauer-white));
   border-left: 0.5rem solid rgba(var(--bright-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);
}
 
.yellow-styled-quote {
   background-color:rgb(var(--backrooms-yellow));
   border-left: 0.5rem solid rgba(var(--black-monochrome));
   color:rgb(var(--black-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);
}
 
.yellow-styled-quote a{
color: rgb(var(--swatch-menubg-medium-color));
}
 
.darkblock a {
   color: rgb(255, 255, 255);
}
 
.darkblock {
   background-color:rgb(var(--grey-monochrome));
   color:rgb(var(--kauer-white));
   padding: 0.01rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
}
 
.block {
   background-color:rgb(var(--white-monochrome));
   color:rgb(var(--black-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);
}
 
.lightblock {
   background-color:rgb(var(--kauer-white));
   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);
   color: rgb(var(--black-monochrome));
}
 
.lightblock a {
color: rgb(var(--swatch-menubg-medium-color));
}
 
.borderblock {
    background-color:rgb(var( --grey-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));
 }
 
 .yellow-borderblock {
    background-color:rgb(var(--backrooms-yellow));
    color:rgb(12, 12, 12);
    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(--black-monochrome));
 }
 
.light-borderblock {
    background-color:rgb(var( --kauer-white));
    color:rgb(12, 12, 12);
    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(--black-monochrome));
 }
 
.kauer-block {
    background-color:rgb(var( --kauer-white));
    color:rgb(12, 12, 12);
    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(--kauer-blue));
 }
 
.meg-fandom-block {
    background-color:rgb(var( --meg-mint));
    color:rgb(12, 12, 12);
    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(--meg-green));
 }
 
.backrooms-pioneers-block {
    background-color:rgb(var( --kauer-white));
    color:rgb(12, 12, 12);
    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(--pioneer-orange));
 }
 
.commercium-block {
    background-color:rgb(var( --commercium-grey));
    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(--pioneer-orange));
 }
 
.mountain-coalition-block {
    background-color:rgb(var( --mountain-purple));
    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(--black-monochrome));
 }
 
.k4-block {
    background-color:rgb(var( --k4-mudskipper));
    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(--k4-frogskin));
 }
 
.beo-block {
    background-color:rgb(var( --brute-blue));
    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(--brute-yellow));
 }
 
.aea-block a,
.aea-logoblock {
   color: rgb(12, 12, 12)
}
 
.aea-block {
    background-color:rgb(var( --aea-hunted));
    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(--aea-midnight));
 }
 
.raven-shield-block {
    background-color:rgb(var( --raven-shadow));
    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(--raven-gold));
 }
 
 .border-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(--grey-monochrome));
     border: solid 0.3rem rgb(var(--bright-accent));
    }
 
    .border-logoblock::after{
    content: "";
    float: center;
    border: solid 2px #0000;
    background: url(http://gaplouelpew.wdfiles.com/local--files/theme%3Aliminal-fandom/BackroomsFandomLogo.png) center/25% no-repeat;
    opacity: 0.25;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 1;
    }
 
 .light-border-logoblock{
    padding: 0.01rem 1rem;
    box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
    color:rgb(12, 12, 12);
    margin: 0.5rem 0 0.5rem 0.25rem;
    display: block;
    position: relative;
    background-color: rgb(var(--kauer-white));
     border: solid 0.3rem rgb(var(--black-monochrome));
    }
 
    .light-border-logoblock::after{
    content: "";
    float: center;
    border: solid 2px #0000;
    background: url(http://gaplouelpew.wdfiles.com/local--files/theme%3Aliminal-fandom/BackroomsFandomLogo.png) center/25% no-repeat;
    opacity: 0.25;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 1;
    }
 
 .kauer-logoblock{
    padding: 0.01rem 1rem;
    box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
    color:rgb(12, 12, 12);
    margin: 0.5rem 0 0.5rem 0.25rem;
    display: block;
    position: relative;
    background-color: rgb(var(--kauer-white));
     border: solid 0.3rem rgb(var(--kauer-blue));
    }
 
    .kauer-logoblock::after{
    content: "";
    float: center;
    border: solid 2px #0000;
    background: url(http://gaplouelpew.wdfiles.com/local--files/theme%3Aliminal-fandom/Capture.PNG) center/25% no-repeat;
    opacity: 0.25;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 1;
    }
 
 .meg-fandom-logoblock{
    padding: 0.01rem 1rem;
    box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
    color:rgb(12, 12, 12);
    margin: 0.5rem 0 0.5rem 0.25rem;
    display: block;
    position: relative;
    background-color: rgb(var(--meg-mint));
     border: solid 0.3rem rgb(var(--meg-green));
    }
 
    .meg-fandom-logoblock::after{
    content: "";
    float: center;
    border: solid 2px #0000;
    background: url(http://gaplouelpew.wdfiles.com/local--files/theme%3Aliminal-fandom/MEG_Fandom.png) center/35% no-repeat;
    opacity: 0.25;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 1;
    }
 
 .backrooms-pioneers-logoblock{
    padding: 0.01rem 1rem;
    box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
    color:rgb(12, 12, 12);
    margin: 0.5rem 0 0.5rem 0.25rem;
    display: block;
    position: relative;
    background-color: rgb(var(--kauer-white));
     border: solid 0.3rem rgb(var(--pioneer-orange));
    }
 
    .backrooms-pioneers-logoblock::after{
    content: "";
    float: center;
    border: solid 2px #0000;
    background: url(http://gaplouelpew.wdfiles.com/local--files/theme%3Aliminal-fandom/Backrooms_Pioneers_Logo_Big.png) center/200% no-repeat;
    opacity: 0.25;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 1;
    }
 
 .commercium-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(--commercium-grey));
     border: solid 0.3rem rgb(var(--pioneer-orange));
    }
 
    .commercium-logoblock::after{
    content: "";
    float: center;
    border: solid 2px #0000;
    background: url(http://gaplouelpew.wdfiles.com/local--files/theme%3Aliminal-fandom/Commercium_Logo.png) center/35% no-repeat;
    opacity: 0.25;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 1;
    }
 
 .mountain-coalition-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(--mountain-purple));
     border: solid 0.3rem rgb(var(--black-monochrome));
    }
 
    .mountain-coalition-logoblock::after{
    content: "";
    float: center;
    border: solid 2px #0000;
    background: url(http://gaplouelpew.wdfiles.com/local--files/theme%3Aliminal-fandom/Mountainmancoalitionsymbol.png) center/35% no-repeat;
    opacity: 0.25;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 1;
    }
 
 .k4-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(--k4-mudskipper));
     border: solid 0.3rem rgb(var(--k4-frogskin));
    }
 
    .k4-logoblock::after{
    content: "";
    float: center;
    border: solid 2px #0000;
    background: url(http://gaplouelpew.wdfiles.com/local--files/theme%3Aliminal-fandom/K4Simple.png) center/50% no-repeat;
    opacity: 0.25;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 1;
    }
 
 .beo-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(--brute-blue));
     border: solid 0.3rem rgb(var(--brute-yellow));
    }
 
    .beo-logoblock::after{
    content: "";
    float: center;
    border: solid 2px #0000;
    background: url(http://gaplouelpew.wdfiles.com/local--files/theme%3Aliminal-fandom/beo.png) center/50% no-repeat;
    opacity: 0.25;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 1;
    }
 
 .aea-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(--aea-hunted));
     border: solid 0.3rem rgb(var(--aea-midnight));
    }
 
    .aea-logoblock::after{
    content: "";
    float: center;
    border: solid 2px #0000;
    background: url(http://gaplouelpew.wdfiles.com/local--files/theme%3Aliminal-fandom/Capture_2.png) center/35% no-repeat;
    opacity: 0.25;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 1;
    }
 
 .raven-shield-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(--raven-shadow));
     border: solid 0.3rem rgb(var(--raven-gold));
    }
 
    .raven-shield-logoblock::after{
    content: "";
    float: center;
    border: solid 2px #0000;
    background: url(http://gaplouelpew.wdfiles.com/local--files/theme%3Aliminal-fandom/unknown.png) center/35% no-repeat;
    opacity: 0.50;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 1;
    }
 
    .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(--grey-monochrome));
    }
 
    .logoblock::after{
    content: "";
    float: center;
    border: solid 2px #0000;
    background: url(http://gaplouelpew.wdfiles.com/local--files/theme%3Aliminal-fandom/BackroomsFandomLogo.png) center/25% no-repeat;
    opacity: 0.25;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 1;
    }
 
    .light-logoblock{
    padding: 0.01rem 1rem;
    color:rgb(12, 12, 12);
    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(--kauer-white));
    }
 
    .light-logoblock::after{
    content: "";
    float: center;
    border: solid 2px #0000;
    background: url(http://gaplouelpew.wdfiles.com/local--files/theme%3Aliminal-fandom/BackroomsFandomLogo.png) center/25% no-repeat;
    opacity: 0.25;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 1;
    }
 
.titleblock {
        background-color: rgb(239, 219, 166);
        color:rgb(12, 12, 12);
        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(206, 187, 135) 2px;
     }
 
     .titlebox{
       color: rgb(12, 12, 12);
       position: relative;
       top: -1.6rem;
       background-color: rgb(222, 203, 150);
       padding: 0.25rem 1rem;
       line-height: 0.1rem;
     }
 
.dark-titleblock {
        background-color: rgb(var(--grey-monochrome));
        color:rgb(255, 255, 255);
        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(255, 255, 255);
       position: relative;
       top: -1.6rem;
       background-color: rgb(var(--bright-accent));
       padding: 0.25rem 1rem;
       line-height: 0.1rem;
     }
 
.border-block {
    background-color:rgb(var(--grey-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(--gray-monochrome));
 }
 
.featurebox{
    padding:0 0.5rem;
    margin:1rem 0;
    background:#EFDBA6;
    border-radius:0.6rem;
    box-shadow: 0px 0px 3px;
    border: 1.75px solid #d6ce92;
    box-sizing:border-box;
}
 
.featureflavor{
    padding:0 0.5rem;
    margin:0.5rem 0;
    background:#DECB96;
    border-radius:0.6rem;
    box-shadow: 0px 0px 3px;
    border: 1.75px solid #c7c089;
    box-sizing:border-box;
    transition:0.2s;
}
.newsbox{
    padding:1px 1rem;
    margin:1rem 0;
    background: linear-gradient(90deg, rgba(206,187,135,1) 0%, rgba(214,206,146,0) 100%);
    border-radius:0.8rem;
}
 
@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; /* Change the speed here. */
}
 
#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)); }

生存难度：生存難度：

等级等級 0

• 安全
• 不稳定
• 实体绝迹

---

如何使用：

[[include :backrooms-wiki-cn:component:level-class
|class=等级
]]

class 处的可用参数包括以下内容，支持简繁体及英文输入。

English						简体中文						繁體中文
0	1	2	3	4	5	0	1	2	3	4	5	0	1	2	3	4	5
unknown						未知						未知
habitable						宜居						宜居
deadzone						死区						死區
pending						等待分级						等待分級
n/a						不适用						不適用
amended						修正						修正
omega						终结						終結

该组件支持简繁切换，如下方代码所示：

[[include :backrooms-wiki-cn:component:level-class
|lang=cn/tr
|class=等级
]]

在 lang 处选择语言，cn 表示简体中文，tr 表示繁体中文，不填默认选择简体中文。

---

自定义等级

[[include :backrooms-wiki-cn:component:level-class
|lang=cn/tr
|class=等级名字
|color=#000000（带有井号的十六进制色号代码。）
|image=链接（至图片的链接。）
|one=在这
|two=随便
|three=放文字
]]

使用 CSS 进行自定义：

你可以使用 CSS 进行额外的自定义，将代码放入到 [[module css]] 中或者是放入到页面的版式内都可以。在这一组件中，不要把 [[module css]] 放在 [[include]] 里面，把它放在那个的下面或者是页面的顶部或底部。
将这些代码放入到你的页面/版式中以编辑所有的颜色，因为组件的 |color= 部分仅能控制背景：

[[module css]]
.sd-container {
/* 字体 */
--sd-font: Poppins, Noto Sans SC, Noto Serif SC;

/* 边框 */
--sd-border: var(--gray-monochrome); /* 大多数等级 */
--sd-border-secondary: 0, 0, 0; /* 不适用 */
--sd-border-deadzone: 20, 0, 0; /* 死区 */

/* 标志 */
--sd-symbol: var(--sd-border) !important; /* 大多数标志 */
--sd-symbol-secondary: 255, 255, 255; /* 4 级以上的是白色 */

/* 文本 */
--sd-bullets: var(--sd-border) !important; /* 点句符文本颜色 */
--sd-text: var(--swatch-text-secondary-color); /* 顶部框文本颜色 */

/* 等级颜色 */
--class-0: 247, 227, 117;
--class-1: 247, 227, 117;
--class-1: 255, 201, 14;
--class-2: 245, 156, 0;
--class-3: 249, 90, 0;
--class-4: 254, 23, 1;
--class-5: 175, 6, 6;
--class-unknown: 38, 38, 38;
--class-habitable: 26, 128, 111;
--class-deadzone: 44, 13, 12;
--class-pending: 182, 182, 182;
--class-n-a: 38, 38, 38;
--class-amended: 185, 135, 212;
--class-omega: 25, 46, 255;
}
[[/module]]

旧版颜色：

如果你不喜欢新版的样式，想要用回旧版的红色边框色，只需要在你的页面中与组件一同引入下方的代码：

[[module css]]
.sd-container {
--sd-border: 90, 29, 27;
--sd-image: 90, 29, 27;
--sd-symbol: 90, 29, 27;
}
[[/module]]

Level C-187是后室C层群的第187层。

描述：

Level C-187是外貌为现代城市的地方，由无数道路与建筑组成。但因为不明原因，所有前往过此层级的流浪者都报告称这里一直都是夜晚，并处于夏季。

一名流浪者拍到的他在此层级遇到的场景。

每名流浪者所活动的空间似乎都是不同的，因为他们报告称他们遇到的场景都是关于他们小的时候的回忆。但也能通过前往高处从远处看到其他他们没有见到过的建筑，推断每一名流浪者在这个层级内都被分配到了不同的区域。层级的内容具体为一座处于夜晚的城市，而城市的构造则取决于流浪者的记忆，通常都是这些流浪者记忆中的某个地方的投影。极少数情况下会有在后室内诞生的流浪者进入次层级，但遇到的内容也多半是他们曾去过的一些城市层级的样子，目前还没有出现过诞生于后室且没有去过城市层级的流浪者进入过此层级。

此层级十分的“热闹”，似乎流浪者目光所及之处的城市仍在运作。并且能够看到远方有行人车辆；能够看到街边饭馆将塑料桌椅摆在人行道上，以及喝着啤酒滔滔不绝的食客；能够看到一些老年人们在蔬果店内抢购瓜果；还能看到路边有人摆摊，贩卖服装招揽到不少行人驻足……大部分情况下，流浪者都认为自己返回了前厅，但通常接下来的遭遇会很快让他们打消这个念头。

只要流浪者接近这些地方，这些地方很快就会变得破旧不堪并且一切都将消失。行人会变得无影无踪，而荒废的汽车则没有规律的放在道路上；街边的饭馆的塑料桌椅将会被胡乱打翻，而食客们则消失的无影无踪只剩下桌上的腐烂食物；蔬果店内的水果全部都变得腐烂不堪，并且架上会现有几瓶杏仁水出现在那里；街边的摊贩也变成了一个个杂物堆，完全没有了之前的热闹氛围……而流浪者离开这些区域后，在此观察这些区域，则又会变成之前的样子。

每一名流浪者只能在此层级内活动一个小时，当一个小时过去后，他们会被传送回他们进入这个层级时的地方。但大部分流浪者的精神状态都表现出了忧郁症的倾向，并且会保持自己处于有其他流浪者活动的区域停留，但这种状态一般不会持续太久流浪者便会恢复正常。

实体

无法接触到的行人与车辆目前无法判断是否是实体还只是某种幻象。

基地、前哨与社区

该层级不存在已知的基地、前哨和社区。

入口与出口

入口

• 每当有在前厅生活经历的流浪者回忆起过去在城市中的经历时，都有可能会来到此层级，但只会发生一次。

出口

• 1个小时后，流浪者便会返回，并再也无法来到这里。

---

作者信息

作者：kalizi
图片：https://www.pexels.com/zh-cn/photo/5391879/
板式：修改自Fandom阈限版式