@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)); }
“蝴蝶效应”1是后室中已被证实存在的一个隐秘层级,也是性质最特殊的层级之一。
生存难度:生存難度:
等级等級 多变
- 情况复杂
- 实体分布不均
- “蝴蝶效应”
描述:
“蝴蝶效应”是一处面积与高度无限大的空间,地面上分布着众多外观各异、面积不定的区域,每个区域内分散着不同的设施。流浪者能看见医院,走廊,地下室等场景,这些区域的平面布局或呈规则图形,或呈不规则图形分布,且相邻的几个区域会有明显的分界线,如以墙壁,栅栏等隔开等。一些区域拥有天花板或墙壁等基本的分界线,但大多数的区域没有天花板或墙壁,其地板会与相邻区域的地板直接相连。
通常情况下,相邻的区域界限分明,不会渗透在一起,且在一定范围内出现两个外观相同的区域概率较低。我们将这些区域称为“区块”。而9个区块拼接在一起形成的类正方形大区域,我们称为“大区”。
流浪者进入此层,会随机出现在任意一区块中。每隔一段时间,流浪者所在的大区内便会有至少一个区块刷新,转变为新的区块,且不会拥有与刷新前的区块一样的外观、建筑风格和设施。但刷新出的新区块可能会巧合地变成与其他未刷新区块的外观完全一样的区块。
事实上,每个区块都是“截取”自后室中各个层级的一部分,简单来讲,区块刷新时,“蝴蝶效应”会截取任意层级中的部分区域,并将其以区块刷新的机制生成在空间内部。
例:流浪者能够在一区块中看见由Level 0那具有标志性的黄色墙纸与地毯及错综复杂的道路而构成的区块环境,幸运的话还可以看到Level 0的天花板覆盖着该区块,其面积可以是任意数值。
这种刷新机制称为层级的“截取”。一般来说,该机制只会截取层级的部分场景并复制其层级性质,不会做出其他改变。
据报道,若某层级拥有天空环境,区块在刷新时依旧有概率截取此层级的部分区域,但不会将天空环境复制过来。
例:某次区块刷新中截取了Level 10的一部分,但流浪者无法在“蝴蝶效应”中观察到Level 10的天空,取而代之的是高度、颜色与建材不定的天花板,且这种拥有天空环境的层级在被截取时,四周一定会刷新出墙壁并完全围住该区块所在的大区,该大区内的其他区块也会被天花板覆盖。
各个区块面积可能并不相同,高度也不相同,目前已发现的面积最大区块约360k㎡2,最小的仅15㎡3。高度最高的区块高约45m,最低的仅有一个通风管道的宽度。此外,区块的刷新呈现出一种极不稳定性,因此区块之间的面积比值可以极大。
由于“区块刷新”特性,各个区块内部除外观,其生态环境、温度、气候、空气质量、 WiFi强度与光照度等因素都有较大差异。据报道,一名流浪者曾进入过一沙滩环境的区块4,最后被起因不明的海啸卷走,与此同时,隔壁区块却刷新出了面积巨大的火山口一样的场景5。此外,若流浪者站在两个无墙壁的区块的交界处之间,当其中一个区块刷新时,流浪者可能会掉入虚空。若其中一个区块正好刷新出了墙壁,流浪者甚至会卡在墙壁里。当区块再次刷新使墙壁消失后,流浪者的身体就会裂成两半。
特殊区块:
上文提到,“蝴蝶效应”中的区块刷新基本都截取自其他层级的部分区域,但在实际勘察中发现,区块刷新除了会截取自其他层级的部分,也有概率会刷新出性质较其他区块极为不同的区域,称为“特殊区块”(下称特区)
特区定义:
1. 特区是在某大区中的每一区块刷新中一定会生成,且在之后的刷新中必定会保持不变的区块,外观、面积、高度等都不变,且一定拥有墙壁,天花板与门,但位置可能会变化甚至消失
2. 特区的刷新间隔比正常区块更长,且刷新时的现象也与正常区块不同,正常区块在刷新时,区块内表面都会出现花屏,并伴随着类似电视花屏的噪音,最后转变为新的场景。而当某一大区内将要刷新出至少一个特区时,总会伴随着强烈的地面震动与奇怪的噪音,该区域附近的磁场也会变得混乱)
3. 特区拥有“蝴蝶效应”的固定出口,但极难触发
4. 特区最显著的特征是无法用常规手段拍摄区域场景,即使使用抗干扰摄像头拍摄出的照片也会被强行扭曲
5. 特区内不存在任何实体,但一般具有环境危害性
6. 民间说法:特区是由“蝴蝶效应”本身产生的区块,而不是截取自其他层级
已发现的特区记录:
生存难度:生存難度:
等级等級 宜居
- {$one}
- {$two}
- {$three}
如何使用:
[[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]]
描述:

由某流浪者用抗干扰摄像头拍摄的“茶水间”照片,但被严重扭曲。6
“茶水间”是一间建筑风格独特的茶水间,墙壁为棕色条纹材质,天花板为绿色石灰材质,地板铺有蓝白相间的地毯。面积固定为25㎡,高度固定为2.2m。同时,“茶水间”是“蝴蝶效应”中最常见、最知名的特区。
房间内有一木质茶几、两张真皮沙发、一台冰箱,墙壁上挂着空调和电视,茶几上有两个茶壶,其中的茶水为深紫色清澈液体,味道甘甜,有薰衣草的气味,因此被称为“薰衣草茶”,且茶壶里的茶水会源源不断的补充。经检验,这种茶水的效果与杏仁水类似。茶几上有一果盘,装着各种糖果,但经检验,证实糖果内含有强碱成分,会腐蚀口腔。
特性:
倒茶水有小概率引发蝴蝶效应(详见下文层级特性描述)。
刷新间隔:
一般为3~5小时。
生存难度:生存難度:
等级等級 2
- {$one}
- {$two}
- {$three}
如何使用:
[[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]]
描述:

由某流浪者绘制的“卧室”平面图。
“卧室”固定为一间15㎡的现代卧室。高度固定为2m。墙纸为蓝色,地板为棕色木质材质,天花板为白色石灰材质。
该特区内有一张棕色木头材质的床,一个棕色木质书桌,桌上有一台式电脑,但无法开机。此外还有画架,衣柜,墙上挂着空调和钟表。
特性:
房间内弥漫着一股气味,会使人感到异常舒适,但已证实这股气味具有剧毒与致幻性。
在画架上画画有概率引发蝴蝶效应。
刷新间隔:
一般为1~2小时。
生存难度:生存難度:
等级等級 4
- {$one}
- {$two}
- {$three}
如何使用:
[[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]]
- 【无法拍摄图片】
描述:
“炼钢厂”是一间类似于炼钢厂的地方,墙壁、地板与天花板为铁片材质,光线较为昏暗,温度普遍在30~40℃之间,面积为60㎡,高度固定为3m。
房间的正中央是一池滚烫的铁水,占地面积为5㎡,深度未知。池子两旁为两架全自动化炼铁机器,正在永不停息地炼铁,上方的蒸汽管会冒出滚烫的水蒸气,同时还会源源不断的从导管内产出滚烫的铁水。铁水会流向铁水池里,一旦铁水过量便会溢满房间高度的1/3,把流浪者活活烫死。
特性:
暂未发现。
刷新间隔:
固定为7小时。
“蝴蝶效应”特性:
“蝴蝶效应”存在一种特性,即流浪者在一个区块内所做的事都可能影响到其他区块或层级。
案例:某流浪者在截取自Level 0的区块中将一瓶杏仁水撒在地毯上,杏仁水以不明方式无限增大体积,并顺着地毯洒进截取自Level 37的区块中的泳池,并导致其水位大幅升高,涨潮的水又被送入Level 8,然后流进内部的地下溶洞,最后出现在Level 10的天空中,并朝地面洒下来,形成“杏仁水雨”。
这种看似荒唐的过程即为蝴蝶效应。目前尚不明确为何这种起源于Level 0区块的连锁反应最后会影响到Level 10而非Level 0。
蝴蝶效应影响记录:
介于“蝴蝶效应”特性可知,造成这些影响的原因便是流浪者的一系列行为在各个区块内发生了连锁反应,最后影响到其他层级。毫无疑问,这种连锁反应最严重的结果会导致流浪者死亡,甚至造成一个层级的毁灭,但这并不是百分百会触发的。
一个固定的动作会引发不同程度的蝴蝶效应,比如在“茶水间”内倒茶倒的越多,可能引发的暴雨就越猛烈,但无论程度怎样,都会造成严重的后果。
我们经大量研究证实了该特性后,于2003年封锁了“蝴蝶效应”的所有入口,将有关此层入口的文档全部销毁,并对进入过的流浪者与科研人员全部进行记忆消除。
日志:关于“蝴蝶效应”的发现:
“蝴蝶效应”拥有屏蔽效应,因此无法录制录音记录,拍摄照片或传输视频,且此层进入方式极其复杂,无法被证实是否存在,其性质也无法被查证。直到2017年7月,失踪近两个月的前M.E.G.探索人员Dr.ZPR的尸体于Level 36的座椅上被发现,尸体手里拿着抗干扰摄像机与一本笔记本。
结合录像、笔记与先前进入者的口述,我们证实了“蝴蝶效应”的存在。
- [注:由于M.E.G.数据库正在升级中,因此无法展现视频,下文将以文本形式描述]
- [开始记录]
[4:06PM]视频开头是Dr.ZPR的正脸。他在镜头前说了些话,随后镜头转到了他所处的场景,经辨别,认定该区域为“茶水间”。视频中的他似乎脾气很暴躁7,正在房间里乱砸东西8。
[4:17PM]破坏进行了约11分,Dr.ZPR推开了“茶水间”的门,来到了新区域,该区块似乎属于地下室。他正在拍摄该区块的全景,突然暗处出现一只猎犬与窃皮者的混合体,这只奇行种向他发起了攻击,而他使用了自己的笔记本来格挡猎犬的撕咬。由于未配备防身武器,他迅速跑上了楼梯,推开了门。
- [4:22PM]未知黑屏
[4:25PM]画面转到一处机场等候厅。Dr.ZPR正在拍摄该区域的全景,突然区域周围出现了刺眼的花屏,墙壁,地板上都出现花屏,随后摄像机画面也出现花屏。
[4:31PM]摄像机画面恢复正常,然而区域却变成了一处仓库,这是能证明区块刷新机制的有力证据。Dr.ZPR行走时似乎故意踢倒了一尊高约他一半身高的大理石材质天使雕像,而几秒后面前的储物架突然倒塌……
- [4:32PM]录像结束
- 笔记本内容被严重破坏过,只能还原以下内容
6.5.2017
1.此层极不稳定,各个房间每隔一段时间会转变为新的区域
2.已知此层会刷出猎犬,窃皮者
3.此层部分房间有杏仁水,可安全饮用
4.我在酒店餐厅房间里做了个深呼吸,然后我感觉到我前方出现了一股强大的空气流,随后我面前的凳子全部倒下了
5.我不小心弄倒了卧室房间里的办公椅,然后听到了一声巨响,我去检查发现隔壁的仓库房间的货架全都倒了
6.[该段落涉及入口信息,已被删除]
目前无法查明Dr.ZPR的尸体出现在Level 36的原因。死因疑似是被储物架砸死的。在发现该录像之前,一些调查人员也拍摄过视频,试图证明“蝴蝶效应”的存在。但皆因证据不足而无法证实此层的存在。
我们于2018年5月14日为Dr.ZPR举行了葬礼
资源:
资源种类与丰富度分别取决于区块所截取层级与区块面积。
实体:
实体种类与数量分别取决于区块所截取层级与区块面积。
由于区块刷新的极不稳定性,会产生多个实体的混合体。曾有流浪者目击过一只窃皮者与猎犬的混合体,推测是区块刷新时产生的错误。
基地、前哨与社区:
介于此层的特性与极不稳定性,无法创立任何前哨、据点或社区。
入口和出口:
入口:
[此层所有入口均被封锁,有关此层入口的文档均被销毁]
出口:
[已编辑]
FD搬运,原文:https://backrooms.fandom.com/zh/wiki/Level_ZH_-625
作者:
扭曲niuqu_E33EPUS
图像来源:
自己画的