/* M.E.G. Theme [M.E.G. Theme] by TrailmixNCocoa. */ @import url('https://fonts.googleapis.com/css2?family=PT+Mono&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Courier+Prime&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Overpass+Mono:wght@300&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Oxygen+Mono&display=swap'); @import url("http://vivarium.wdfiles.com/local--files/backrooms%3Avivtheme/stylesheet.css"); @font-face { font-family: 'GlowSansSC'; src: url('https://cdn.jsdelivr.net/gh/LupusCaeruleus/Fonts@main/GlowSansSC-Compressed-Regular.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'GlowSansSC'; src: url('https://cdn.jsdelivr.net/gh/LupusCaeruleus/Fonts@main/GlowSansSC-Compressed-Bold.woff') format('woff'); font-weight: bold; font-style: normal; font-display: swap; } :root { --theme-base: "black-highlighter"; --theme-id: "meg-records"; --theme-name: "M.E.G. Records Theme"; --logo-image: url("http://backrooms-sandbox-2.wikidot.com/local--files/trailmixncocoa-meg-theme/IMG_3129.PNG"); --header-title: "M.E.G. 记录中心"; --header-subtitle: "M.E.G. 记录保存设施"; --body-font: 'PT Mono', 'Noto Sans SC', sans-serif; --header-font: 'Oxygen Mono', 'GlowSansSC', sans-serif; --title-font: 'Overpass Mono', 'GlowSansSC', sans-serif; --mono-font: 'Courier Prime', 'Noto Serif SC', monospace; --white-monochrome: 210, 212, 176; --text-white-monochrome: 222, 221, 204; --pale-gray-monochrome: 250, 242, 170; --light-gray-monochrome: 94, 91, 35; --gray-monochrome: 54, 52, 21; --black-monochrome: 12, 12, 12; --bright-accent: 255, 245, 166; --medium-accent: 168, 162, 79; --dark-accent: 128, 111, 17; --pale-accent: 203,0, 183; --alt-accent: 163, 132, 31; --meg-accent: 143, 138, 76; --darker-meg-accent: 69, 67, 46; --backrooms-yellow: 215,200,0; --swatch-topmenu-border-color: var(--medium-accent); --swatch-headerh1-color: 222, 222, 222; --swatch-headerh2-color: 237, 230, 123; --link-color: 87, 77, 1; --hover-link-color: 112, 111, 79; --visited-link-color: 168, 162, 49; --background-gradient-distance: 0rem; --gradient-header: linear-gradient(to top, rgba(var(--medium-accent)) 0%, rgba(var(--medium-accent), 0.90) 0% ); --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: radial-gradient(circle, rgb(var(--medium-accent), 0.05) 50%, transparent 0); background-size: 0.25em 0.25em; background-repeat: repeat; background-attachment: fixed; } .sd-container { --sd-symbol:var(--sd-text); } #top-bar div.mobile-top-bar > ul > li > a, #top-bar div.top-bar > ul > li > a, #top-bar div.mobile-top-bar > ul > li > ul > li > a, #top-bar div.top-bar > ul > li > ul > li > a { color: rgb(var(--bright-accent)); } 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; } .yui-navset .yui-nav .selected a { color: rgb(var(--bright-accent)) !important; } table.wiki-content-table th { color: rgb(var(--text-white-monochrome)); } #login-status { color: rgb(var(--bright-accent)); } #login-status a { color: rgb(var(--bright-accent)); } #search-top-box input.empty { color: rgb(var(--bright-accent)); } a.newpage { background: transparent; text-decoration: none } a.newpage { color: rgb(var(--alt-accent)) } blockquote { box-shadow: 0.05rem 0.1rem 0.3rem rgba(90, 20, 20,.25); } .styled-quote { background-color:rgb(var(--bright-accent)); border-left: 0.5rem solid rgba(var(--gray-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); } .dark-styled-quote { background-color:rgb(var(--darker-meg-accent)); border-left: 0.5rem solid rgba(var(--meg-accent)); color:rgb(var(--text-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:#f7e481; 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(--gray-monochrome)); color:rgb(var(--text-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(--darker-meg-accent)); 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(--text-white-monochrome)); } .darkblock a { color: rgb(var(--swatch-menubg-medium-color)); } .borderblock { background-color:rgb(var( --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)); } .alt-borderblock { background-color:rgb(var(--bright-accent)); 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); border: solid 0.3rem rgb(var(--gray-monochrome)); } .dark-borderblock { background-color:rgb(var( --darker-meg-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(--meg-accent)); } .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(--gray-monochrome)); border: solid 0.3rem rgb(var(--bright-accent)); } .border-logoblock::after{ content: ""; float: center; border: solid 2px #0000; background: url(http://backrooms-sandbox-2.wikidot.com/local--files/trailmixncocoa-meg-theme/IMG_3130.PNG) center/25% no-repeat; opacity: 0.25; top: 0; left: 0; bottom: 0; right: 0; position: absolute; z-index: 1; } .dark-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(--darker-meg-accent)); border: solid 0.3rem rgb(var(--meg-accent)); } .dark-border-logoblock::after{ content: ""; float: center; border: solid 2px #0000; background: url(http://backrooms-sandbox-2.wikidot.com/local--files/trailmixncocoa-meg-theme/IMG_3130.PNG) center/25% no-repeat; opacity: 0.25; 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(--gray-monochrome)); } .logoblock::after{ content: ""; float: center; border: solid 2px #0000; background: url(http://backrooms-sandbox-2.wikidot.com/local--files/trailmixncocoa-meg-theme/IMG_3130.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(--darker-meg-accent)); } .dark-logoblock::after{ content: ""; float: center; border: solid 2px #0000; background: url(http://backrooms-sandbox-2.wikidot.com/local--files/trailmixncocoa-meg-theme/IMG_3130.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(var(--gray-monochrome)); color:rgb(var(--text-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; } .titlebox{ color: rgb(var(--gray-monochrome)); position: relative; top: -1.6rem; background-color: rgb(var(--bright-accent)); padding: 0.25rem 1rem; line-height: 0.1rem; } .dark-titleblock { background-color: rgb(var(--darker-meg-accent)); color:rgb(var(--text-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(--meg-accent)) 2px; } .dark-titlebox{ color: rgb(var(--darker-meg-accent)); position: relative; top: -1.6rem; background-color: rgb(var(--meg-accent)); padding: 0.25rem 1rem; line-height: 0.1rem; } .border-block { background-color:rgb(var(--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(--gray-monochrome)); } .megbox{ padding:0 0.5rem; margin:1rem 0; background:#b3ac78; border-radius:0.6rem; box-shadow: 0px 0px 3px; border: 1.75px solid #d6ce92; box-sizing:border-box; } .megflavor{ padding:0 0.5rem; margin:0.5rem 0; background:#f5eeb5; 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(198,191,140,1) 0%, rgba(221,213,154,0) 100%); border-radius:0.8rem; } .light-featurebox{ padding:0 0.5rem; margin:1rem 0; background:#574713; border-radius:0.6rem; box-shadow: 0px 0px 3px; border: 1.75px solid #dbc46e; box-sizing:border-box; } .light-featureflavor{ padding:0 0.5rem; margin:0.5rem 0; background:#e3d06f; border-radius:0.6rem; box-shadow: 0px 0px 3px; border: 1.75px solid #6b5d1e;; box-sizing:border-box; transition:0.2s; } .light-newsbox{ padding:1px 1rem; margin:1rem 0; background: linear-gradient(90deg, rgba(75,67,16,1) 0%, rgba(214,206,146,0) 100%); border-radius:0.8rem; } .dark-featurebox{ padding:0 0.5rem; margin:1rem 0; background:#4a422e; border-radius:0.6rem; box-shadow: 0px 0px 3px; border: 1.75px solid #F4F4F4; box-sizing:border-box; } .dark-featureflavor{ padding:0 0.5rem; margin:0.5rem 0; background:#796522; border-radius:0.6rem; box-shadow: 0px 0px 3px; border: 1.75px solid #322c20; box-sizing:border-box; transition:0.2s; } .dark-newsbox{ padding:1px 1rem; margin:1rem 0; background: linear-gradient(90deg, rgba(50,46,32,1) 0%, rgba(214,206,146,0) 100%); border-radius:0.8rem; } .yellow-featurebox{ padding:0 0.5rem; margin:1rem 0; background:#d1b65c; border-radius:0.6rem; box-shadow: 0px 0px 3px; border: 1.75px solid #F4F4F4; box-sizing:border-box; } .yellow-featureflavor{ padding:0 0.5rem; margin:0.5rem 0; background:#deca64; border-radius:0.6rem; box-shadow: 0px 0px 3px; border: 1.75px solid #F4F4F4; box-sizing:border-box; transition:0.2s; } .yellow-newsbox{ padding:1px 1rem; margin:1rem 0; background: linear-gradient(90deg, rgba(244,231,139,1) 0%, rgba(214,206,146,0) 100%); border-radius:0.8rem; } .featurebox{ padding:0 0.5rem; margin:1rem 0; background:#f4e78b; 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:#f4e78b; border-radius:0.6rem; box-shadow: 0px 0px 3px; border: 1.75px solid #c7c089; box-sizing:border-box; transition:0.2s; height: auto; } .footerbox{ padding:0.1rem 1rem; margin-top:1rem; background:#222200; border-radius:0 1rem 0 0; color:#FFB961; border: 3px solid #FFEB7D; box-sizing:border-box; } .footerflavor h1{ color: #222200; } .footerflavor h2{ color: #222200; } .footerflavor h3{ color: #222200; } .footerflavor h4{ color: #222200; } .footerflavor h5{ color: #222200; } .footerflavor h6{ color: #222200; } .footerbox h1{ color: #f4e78b; } .footerbox h2{ color: #f4e78b; } .footerbox h3{ color: #f4e78b; } .footerbox h4{ color: #f4e78b; } .footerbox h5{ color: #f4e78b; } .footerbox h6{ color: #f4e78b; } .footerspan{ margin-top:0.2rem; font-size:80%; } .footerflavor{ padding:0.5px 1rem; margin-bottom:1rem; background:#f4e78b; border-radius:0 0 0 1rem; color:#222200; box-sizing:border-box; height: auto; } .profilepic{ border-radius:0.6rem; float:left; max-height:13rem; height:17vw; margin-right:1rem; box-shadow: 0px 0px 3px; box-sizing:border-box; } @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. */ } .filetabs .yui-navset .yui-nav li, .yui-navset .yui-navset-top .yui-nav li { display: inline-block; } .filetabs .yui-navset .yui-nav, .yui-navset .yui-navset-top .yui-nav { display: block; } .filetabs .yui-navset .yui-content { border-top-width: 15px; } .filetabs .yui-navset .yui-nav a, .filetabs .yui-navset .yui-navset-top .yui-nav a, .filetabs .yui-navset .yui-nav .selected a, .filetabs .yui-navset .yui-nav a:focus, .filetabs .yui-navset .yui-navset-top .yui-nav a:focus, .filetabs .yui-navset .yui-nav a:hover, .filetabs .yui-navset .yui-navset-top .yui-nav a:hover { background-color: transparent; background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no' %3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' preserveAspectRatio='none' viewBox='0 0 150 45' xml:space='preserve'%3E%3Cdesc%3ECreated with Fabric.js 4.6.0%3C/desc%3E%3Cdefs%3E%3C/defs%3E%3Cg transform='matrix(1 0 0 1 74.95 22.39)' id='bC-LIzxo7Tu37zCdkDrqS' %3E%3Cpath style='stroke: rgb(0,0,0); stroke-width: 0; stroke-dasharray: none; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(84, 84, 65fill-rule: nonzero; opacity: 1;' vector-effect='non-scaling-stroke' transform=' translate(0, 0)' d='M -74.94856 22.50703 L -60.0064 -12.520110000000003 C -60.0064 -12.520110000000003 -55.89385 -21.849030000000003 -47.235839999999996 -22.281930000000003 C -38.57782999999999 -22.714830000000003 46.87608 -22.39016 46.87608 -22.39016 C 46.87608 -22.39016 56.05659 -23.219710000000003 61.40639 -12.520120000000002 C 66.75618 -1.8205300000000015 74.94856 22.506959999999996 74.94856 22.506959999999996 z' stroke-linecap='round' /%3E%3C/g%3E%3Cg transform='matrix(1 0 0 1 75.18 17.97)' id='E8ePkHu_UUyvFWDAIzFyP' %3E%3Cpath style='stroke: rgb(0,0,0); stroke-width: 0; stroke-dasharray: none; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(232,231,213); fill-rule: nonzero; opacity: 1;' vector-effect='non-scaling-stroke' transform=' translate(0, 0)' d='M -46.15385 12.0108 L -46.15385 -12.01079 L 46.153839999999995 -12.01079 L 46.153839999999995 12.0108 z' stroke-linecap='round' /%3E%3C/g%3E%3C/svg%3E"); background-size: 100% 2.7rem; background-repeat: no-repeat; border-width: 0px; border-top: none; background-position: top; } .filetabs .yui-navset .yui-nav a, .filetabs .yui-navset .yui-navset-top .yui-nav a { padding: 4px 20px 0px 20px; } .filetabs .yui-navset .yui-nav .selected a, .filetabs .yui-navset .yui-nav a:focus, .filetabs .yui-navset .yui-navset-top .yui-nav a:focus, .filetabs .yui-navset .yui-nav .selected a:hover, .filetabs .yui-navset .yui-navset-top .yui-nav .selected a:hover { padding: 8px 20px 0px 20px; } .filetabs .yui-navset .yui-nav a:hover, .filetabs .yui-navset .yui-navset-top .yui-nav a:hover { padding: 6px 20px 0px 20px; } .filetabs .yui-navset .yui-nav, .filetabs .yui-navset .yui-navset-top .yui-nav { border-color: transparent; } .filetabs .yui-navset .yui-nav .selected, .filetabs .yui-navset .yui-navset-top .yui-nav .selected, .filetabs .yui-navset .yui-nav .selected a:active, .filetabs .yui-navset .yui-nav .selected a:focus, .filetabs .yui-navset .yui-nav li, .filetabs .yui-navset .yui-navset-top .yui-nav li { background-color: transparent; } .filetabs .yui-navset .yui-nav li, .filetabs .yui-navset .yui-navset-top .yui-nav li { box-shadow: none; } .filetabs .yui-navset .yui-nav li { margin-right: 36px; } .filetabs .yui-navset .yui-nav .selected a { color: rgb(var(--swatch-menubg-medium-color)) !important; } .filetabs .yui-navset .yui-nav a:focus, .filetabs .yui-navset .yui-nav a:hover { color: rgb(var(--swatch-menubg-medium-color)); } .filetabs .yui-navset .yui-nav .selected a em, .filetabs .yui-navset .yui-nav .selected a:hover em { position: relative; top: -4px; } .filetabs .yui-navset .yui-nav a:hover em { position: relative; top: -2px; } .filetabs .yui-navset .yui-nav li, .filetabs .yui-navset .yui-navset-top .yui-nav li { border-bottom: solid 1px rgb(var(--white-monochrome)); } .filetabs .yui-navset .yui-nav li.selected, .filetabs .yui-navset .yui-navset-top .yui-nav li.selected { border-bottom: none; z-index: 1; } code, .code { background-color: rgb(var(--pale-accent)); } #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));} :root{ --base-color: rgb(54, 54, 45); --hover-color: rgb(84, 76, 44); --click-color: rgb(82, 73, 39); } /* #page-content is shoved everywhere to make sure it's the most specific thingy */ /* Styling! */ #page-content .collapsible-block-folded, #page-content .collapsible-block-unfolded-link { margin-top: 10px; padding-left: 1rem; padding-right: 1rem; box-shadow: rgb(128, 128, 128) 0px 0px 3px 0px; /* Animated things */ transition: background 0.2s linear; background: var(--base-color); /* Technical bits */ width: min-content; white-space: nowrap; overflow: hidden; } /* The Clicky Text */ #page-content .collapsible-block-link { color: white; font-weight: bold; text-decoration: none; } /* Gets rid of the underline when hovering over the collapsible */ #page-content .collapsible-block-link:hover { text-decoration: none } /* Collapsible content */ #page-content .collapsible-block-content { /* Animated things */ transition: border-top-color 0.2s linear, border-bottom-color 0.2s linear; border-top: solid var(--base-color) 5px; border-bottom: solid var(--base-color) 3px; } /* Folded blocks are animated, unfolded ones are not */ #page-content .collapsible-block-folded { max-width: 100%; } #page-content .collapsible-block-unfolded-link{ width: min-content; } /* Addendum counter */ /* Addendum prefixes */ #page-content .collapsible-block-folded .collapsible-block-link::before { content: "▷"; border-right: none; padding-right: 0rem; margin-right: 1rem; font-weight: normal; font-family: var(--mono-font); } #page-content .collapsible-block-unfolded .collapsible-block-link::before { content: "▽"; border-right: none; padding-right: 0rem; margin-right: 1rem; font-weight: normal; font-family: var(--mono-font); } /* Hovering effects */ #page-content .collapsible-block-folded:hover, #page-content .collapsible-block-unfolded-link:hover { background: var(--hover-color); max-width: 100%; } /* Collapsible borders - because it looks prettier this way */ #page-content .collapsible-block-unfolded-link:hover + .collapsible-block-content{ border-top-color: var(--hover-color); border-bottom-color: var(--hover-color); } /* When hovering over link, change addendum tag to hover-color */ #page-content .collapsible-block-unfolded-link:hover + .collapsible-block-content::after { background: var(--hover-color); } /* Click flash when clicking, also forces the collapsible to expand */ #page-content .collapsible-block-folded:active, #page-content .collapsible-block-unfolded-link:active, #page-content .collapsible-block-unfolded-link:active + .collapsible-block-content::after { transition: background 0s, max-width 0s; background: var(--click-color); max-width: 100%; } /* On click, change borders to click-color */ #page-content .collapsible-block-unfolded-link:active + .collapsible-block-content { transition: border-top-color 0s, border-bottom-color 0s; border-top-color: var(--click-color); border-bottom-color: var(--click-color); } /* Done with normal collapsibles, now we do all the variations */ /* Unfolded collapsible */ #page-content .unfolded-collapse { margin-top: 10px; padding-left: 1rem; padding-right: 1rem; box-shadow: rgb(128, 128, 128) 0px 0px 3px 0px; background: var(--base-color); /* Text */ color: white; font-weight: bold; /* Technical bits */ width: min-content; white-space: nowrap; overflow: hidden; } /* Addendum prefix */ #page-content .unfolded-collapse::before { content: "▽"; border-right: none; padding-right: 0rem; margin-right: 1rem; font-weight: normal; font-family: var(--mono-font); } /* Bottom border */ #page-content .unfolded-collapse-border { display: block; width: 700px; border-top: solid var(--base-color) 5px; } /* Centering, very simple */ #page-content .center-collapse .collapsible-block-folded, #page-content .center-collapse .collapsible-block-unfolded-link, #page-content .center-collapse .unfolded-collapse{ margin:auto; margin-top: 10px; } /* Fittingly, we finish with the footer object */ /* The footer is actually the giant bottom border object because larger -> smaller works better */ #page-content .addendumfooter{ display: block; border-bottom: solid 3px var(--base-color); margin: auto; text-align: center; } /* Ayer's info-bar patch */ #page-content .info-container .collapsible-block { counter-increment: none; } #page-content .info-container .collapsible-block-folded, #page-content .info-container .collapsible-block-unfolded-link { transition: none; width: 100%; max-width: 100%; margin: 0 auto; padding: 0; box-shadow: none; background: var(--barColour); } #page-content .info-container .collapsible-block-folded::before, #page-content .info-container .collapsible-block-unfolded-link::before { content: ""; display: none; } #page-content .info-container .collapsible-block-content { border-bottom: none; transition: none; border-top: none; } #page-content .info-container .collapsible-block-content::after { display: none; } #page-content .collapsible-block-folded, #page-content .collapsible-block-unfolded, #page-content .unfolded-collapse{ line-height: 1.4; } #page-content .collapsible-block-folded .collapsible-block-link::before, #page-content .collapsible-block-unfolded .collapsible-block-link::before, #page-content .unfolded-collapse::before { font-size: 130%; margin-left: -0.4em }
213的文档将在经完全审核前对公众隐藏其连接权限。迄今为止对Level 213的各项探索经历可能是不相一致的。
此M.E.G探索记录的信息来源于……
Dr. Kyung, Lee.
联系方式:
level-4内的M.E.G.Omega基地,周末都有空闲时间,或可优先通过ten.RB|ude.gem.sutcedortalrongisnom#ten.RB|ude.gem.sutcedortalrongisnom进行联系。
附加信息:
Dr. Lee Hyo Kyung于1993年12月4日生于Level 11。他有着9年的“异常熟练”的工作经验。 Dr. Lee协助参与的其他勘探活动包含对层级130、214、234和更多其他层级的探索行动。他是诸多携带了轨迹追踪器的研究人员的其中一员。
Lee Hyo Kyung
07/10/20
未知的联系地址,现居Level 11。

由Dr. Kyung拍摄的Level 213的主用餐区的照片。
与新发现层级的通道已经建立。来自多个个体的报告是准确无误的。至今仍未在其中观察到其他实体或是生物。此处空间的装饰风格极具复古气息。我感觉这地方有点小杂乱。所有的桌子都随意摆放着,不太干净。自切入点处观察可在我左手边看到窗户,上面缀有一些古老的小物件,但我无法确认它们的具体年代。话归正轨——这些窗户显示出了一个城市图景,但那里的一切都毫无生机。并未显示出我自Level 11切入部分的场景,所以这很可能是11一个子层级或者就是个全新层级。
在我把目光自我的笔记移上去时我差点被吓得灵魂出窍了。我注意到了一个被放在碰碰车内的假人模型。几乎都要把那该死的玩意给扇翻了,但是上面的标牌却写着“别碰这里的任何古董!”还好,没有什么东西听见我的惊叫,但自毗邻区域发出的咔咔声我可以判断这里并不止我一人。我会花点时间给这份日志拍点照片。这里还摆着个整洁的木马玩具,它挡住了我想大概是这个场所的标志的一个东西。我也会给它拍张照(只因我觉得这个木马看起来怪有趣的)。
在拍下最初的几张照片后,我开始写这篇日志了。我已在小心探索此处后注意到了这里应该是一处附属的用餐区,尽管这个层级本身是无尽的。进入此层级后我还没有发现其他房间或是非欧几里得空间,我可以完好无损地回到我先前所进入的房间。说到这个,我发现了一个怪诞的景象,那便是我已确认了先前所听到的咔咔声的确切位置。
附注:这里有许多精巧漂亮的东西。我或许会自己花点时间给它们拍张照然后再回来。

Ollie餐馆内的点菜主柜台的照片,拍摄者Dr. Kyung。
我天,看来我已找到了某种招待区。里面有着大量令人眼花缭乱的牌子和机器。有三明治、菜单还有收银机?我不知道从哪里开始看起,但我似乎可以在这里点菜买点食物。且不论这个“Ollie汉堡”是什么,反正他们说这是“他们的特色菜”。更甭提柜台后还有这一团糟的机器和设备了。上面有着品牌商标,但我一个都没认出来。我不知道它们会不会是前厅的东西。我建议把其他探险队都派来这里评估并证实下我所疏漏的任何细节。
从我在其他层级看到的和别人所告诉我的东西判断,我眼前的结构是一处厨房。至少其中的烤箱和机器会是个怪复杂的厨房的一部分。里面还有各式各样我没法认出的电器,包括一些盛有棕色液体的瓶子和……烹饪的香气?
出乎我意料的是,附近一个厨房样式的房间内的确走来了一个人。此刻我还不确定那到底是个实体还是位流浪者,但他的长相却很像人类。如果这是个窃皮者的话,那么它们便会十分准确地模仿出人类模样。总之,我想我找到了个对此层级进行分级的方法。
生存难度:生存難度:
等级等級 habitable
- {$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]]
以下部分在我先前的笔记完成的数分钟后被写下。我眼前的个体自称“Ollie”,是这个层级的“主人”。他看起来有点苍老,对过多的谈话不感兴趣。我问了他几个问题,可在下方的抄本处了解具体内容:
Lee Hyo Kyung
07/10/20
待定层级[现称Level 213]
问题1和2 “你好,请问这是什么层级?我想你也是位流浪者吧?”
对象的回答: “你想问的话嘛,这个地方叫做Ollie餐馆。什么叫做流浪者呢,这个地方是归属于我的。”
总结:此层级的名字必定是“Ollie餐馆”。我正询问的个体则可能是有着类似名字的独有实体。
问题3: “什么是‘Ollie汉堡’?”
对象的回答: “你不知道汉堡是啥东西吗。看看标牌就懂了。我也可以给你拿点其他的东西。一条辣味热狗,辣味芝士汉堡,还是饮料?这些日子我都挺清闲的。”
总结部分2:实体“Ollie”因多处提到了交易及商务等事可能与B.N.T.G.存在联系。他可能是某种食物或是液体物质的来源。
来自对象的问题(让我有些惊讶): “你要不要点些什么……?”
我自己的回答: “你提到了‘Ollie汉堡’和其他类似的东西。那我可以买点吗?”
对象的回答(还有第二个问题: “你想带点炸薯条上去吗?饮料要大杯的还是小杯的?”
[我注意到“Ollie”正指着头顶上的许许多多的标牌。它们显示了我所能购买的各项商品及其标定价格。]
我自己的回答: “如果可以的话,我想要这个‘小杯的’……‘根汁汽水’。请别加薯条。我不太确定我身上有没有带够钱。”
对象的回答: “总共24.92元钱。等我几分钟,我去给你做这些东西。”
[之后“Ollie”在柜员机上敲打了几下。试着弄清什么东西能完成这次等价交易,我提出可以给他三瓶杏仁水。在感知到我的疑惑后,“Ollie”毫不在意地把它们收下了,还找了我点稀奇古怪的绿色片状货币和一些由各类金属制成的硬币。]
“Ollie”整理了下黑色围裙和黑色鸭舌帽。我不太确定这是不是他常穿的制服,但我感觉不管怎样都得把这个给记下来。在我现在所站之处扫视四周,我可以看懂些周围的各色古早玩意。墙上也挂有些被框裱起来的东西,比如照片。但我没法认出它们是在哪拍的。我又在这里闲逛了会;直到10至15分钟后“Ollie”才得到了我的注意。
他给了我个缀有些其他东西的红色塑料浅碟。里面有两件内夹肉片的三明治类食品,也就是两面包夹着一个肉质棍状物,上面覆有一层奇怪的肉末酱。这种肉末在其他含肉三明治里亦有出现。浅碟内还有个由某种纸质材料、塑料杯盖和吸管组成的杯子。
在拿走我点的东西前,我决定再问几个有关此层级的问题。这些问题对于记下一份合适的日志来说太过深奥了,但我可以确定这个“Ollie”实体并不想告诉我他的年纪大小,或者说是他在这待了多久。我还问了下是否曾有人考虑过在多出的用餐区空间内建立前哨站,但“Ollie”这个想法却感到十分困惑;几乎是带着一种抗拒的态度。我不理解为什么不能让人在这里建立基地?自我观察可知,他还从来没有离开过柜台处。他则告诉我这个层级是他的“资产”,而且“用餐区座位是仅为顾客准备的”,还有“不是用来进行永久定居的”。
感到很快就可能激怒此实体的我决定换个话题。我又问了些有关古玩的问题,想知道它们是否具有异常性质。然而他则再次对此感到莫名其妙,并坚称它们都是“买来的”,而且是其藏品的一部分。我建议总部向B.N.T.G.查询下销售记录,看看他们有没有向这个名叫“Ollie”的个体卖过什么东西。
尽管我与该实体的对话进展不太顺利,我仍把前文所述的那个浅碟拿去了用餐区的座位,就在层级入口处。“Ollie”告诉我说坐哪里都可以,但我选择了坐在我切入层级时所进门的旁边,万一碰到了危险,我便可以从此快速逃脱。我会把这个……肉质管状物给保存起来,以进行进一步检查和研究。而另一方面,这个“汉堡”则由我进行剖析及食用以确定它们可能所含有的异常性质。如果我牺牲或是变成了什么实体,那么这些记录将可用作对他人的警示。
文档更新: 我吃了口“Ollie汉堡”,然后发现它好吃的要死!我可以推断我正品尝的“汉堡”是一个多种食材的混合物。目前我已进展至吃完了整个食物,然后又吃下了一整个“辣味芝士汉堡”以作额外的控制举措。它们的品质都很好,我极力推荐来到此层级的其他人点单这些菜品。在吃完后我又等了几分钟,并没有负面效应出现(因吃得太快而产生的胃部不适除外)。

一张应Dr. Kyung要求添加的“Ollie汉堡”和“辣味芝士汉堡”的照片。
此外,我点的这个小杯“根汁汽水”与我先前所喝的东西尝起来也大不相同。它有着种甜口多糖,且奇怪的强烈刺激的口味,还有些回味。它在我的嘴里嘶嘶作响,让我将其认定为某种软饮或是如其标签所述的苏打汽水。去过“零食室”的那些人总是会跟我讲这种东西。
在我吃完我买的食物后,我站了起来,然后注意到了附近顶上堆着大量碟子的可交互事物。前面写着“垃圾”这个单词,所以我便伸手把我没吃掉的残渣倒了进去,然后把盘子和碟子放在了这个东西上面。“Ollie”从我初次遇见他的柜台处瞥了我一眼,向我招了招手,在我走向店门时向我挥手送别。
离开此处并无阻碍,但在动身之时我则发现了可被称作此层级的首个“出口”处。我最终来到了各地的枢纽处,而非我原来所在的Level 11内。我不得不以一种看起来蠢极了的方式坐在地上夹着我买的辣味热狗写下这些文字。若我再聪明点的话,我会带上某种容器来盛放它,这样我就不用一直带着这辣味热狗了。不管怎样,我想以这总结我在此次调查中先前所作的笔记足矣。
附录

Level 213招牌的相片,拍摄者Dr. Kyung。
Level 213是后室的第214层,外观上是一个名为“Ollie餐馆”的餐厅建筑。其中有着四散着古董的用餐区和一个点餐用的柜台。餐馆内亦还有一个厨房,但从未有流浪者能得到走到柜台后仔细观察厨房的许可。该场所由名为Ollie的流浪者经营,但尚不明确他是否是一种实体,因为他拒绝离开此层级或透露自身的详细信息。
Level 213存在的主要目的是为流浪者们提供餐饮服务。层级内不存在任何危害,除Ollie外亦无任何危险,他会在流浪者不停触碰层级内的古玩或拒绝为所点食物买单时变得具有攻击性。我们尚不清楚这里的食物是如何制作的,也不明白食材是如何到达Level 213内的,但我们推测这是因为层级有着可必要时补充物品的异常性质。这包括自我补充Ollie经营此场所所需的各项食材。已知Level 213也可以进行自我清洁,其他进入了此层级的M.E.G.探险队也注意到了此事。
因Ollie提及了他有保持该餐馆对所有想要用餐的流浪者开放之倾向,故我们从未提出过在Level 213内建立永久前哨站的请求。B.N.T.G.则对认识Ollie,并与其进行交谈,了解Level 213存在等事进行了否认。这也表明了餐馆内的古董一定是来自于其他渠道。Ollie本人亦拒绝透露该古董是否来自于层级之内,并表示在被问及此问题时感到“受到了侮辱”。这与说明了Ollie从未停止对Level 213运作的数据相吻合。目前我们尚不明确这是层级自身的性质,还是Ollie自身的超自然能力。
入口和出口
进一步的评估表明仅可通过进入Level 11内的建筑以随机切入。Ollie餐馆的唯一出口则是流浪者来时所走的同一扇门,进入此门要么会将其带至枢纽内,要么会在极少数情况下让其来到Level 11内。
来自编辑者的附注:请别再在无人陪伴的情况下将Dr. Kyung派遣前去进行这类勘探活动了。 他对前厅的东西完全没有感觉。他不像我们之中的某些人一样在那里长大。至少,在此过程中应该有人来陪陪他。
作者:RoseMonsignor
译者:Deip*isoster
本文内出现的所有图片都为自摄,遵循CC-BY-SA 3.0协议。
此外向所有帮助批评此点子的人致谢。他们都是超棒的批评者。