/* 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 }
生存难度:生存難度:
等级等級 4
- 不安全
- 不稳定
- 实体游荡
如何使用:
[[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-995中的走廊。
Level C-995是后室C层群的第995层,其环境整体表现为一所初级中学。
描述
Level C-995是一间老式初级中学,根据调查发现该中学的前身为一家孤儿院,并在原有的基础上加建了两层。其具有混凝土构成的墙壁与脆弱的木制地板,部分墙体已完全脱落;走廊中也时常闪烁着规律不明的灯光与微弱的嗡鸣声,目前尚未发现该声音的来源。除此之外,学校的外围已完全被藤曼与枯枝所包裹,并展现出了极强的攻击与再生能力,它们会无差别攻击想要从窗户离开的流浪者,万幸的是该类植物不会蔓延至学校中。其学校的出入口早因异物堵塞而被完全封死,通过任意方式都将不会使门能够打开。此外,个别上锁的房间内还能听到女人的哭泣声,但鉴于通过任何方式都无法打开这些上锁的门,里面的情况我们不得而知。
流浪者在意外进入本层级后,将首先出现在学校的走廊中;走廊两侧会随机分布着锈迹斑斑的物品储物柜,有一定几率可以在里面找到少量的杏仁水与傻瓜口香糖,据悉,曾有报告说流浪者在食用这些物资后进入了中毒状态,并最终转换成了悲尸,但真实情况无法得到考证。
流浪者在走廊中探索时,将会有部分的天花板突然坠落而砸伤流浪者;除此之外,目前已证实该层级有第二与第三层的存在,原先堆积在通往二楼的楼梯口的旧柜子已被移走,并在其中发现了部分的女性人类肢体碎片,尚未得知其尸体碎片主人的真实身份。另外,通往三楼的路已被坍塌的墙壁堵住,无法进入。
走廊外侧随机分布着打开的窗户,已证实部分窗户是由实体伪装而成,唯一可分辨的方法则是观察其窗户上的玻璃是否破碎,唯有破碎的窗户是可靠近的。
在第一个流浪者意外来到此层级并离开后1,走廊中突然出现了数量较多的实体,这些实体的来源尚且未知,走廊内的实体大致分为:悲尸,肢团,猎犬以及钝人四种。
现M.E.G.已完全探索该层级,以下是各个层级内的房间的资料。
教室

于教室内拍摄的照片。
教室是该层级内分布最为广泛的房间,其房间内部随机堆散着破碎的纸张与杂乱无章堆放着的桌椅,且黑板周围散落着一些断成几节的粉笔头。其中部分墙壁上盘踞着爬菌。
这些粉笔头极其易碎,并在粉碎后飘散出粉末状白色物质,该物质一旦被流浪者吸入将会使流浪者产生轻微的幻觉,并会引来藏匿在角落的窃皮者。任何尝试使用粉笔留言的行为都是不明智的,请流浪者铭记此点。
同时,流浪者可在黑板旁的墙壁上找到张贴着的课程表,如果持续盯着课程表超过1分钟将会使流浪者丧失理智,并最终转换为悲尸。
大礼堂

礼堂照片。
礼堂是Level C-995中最为宽阔的房间,且只存在一间,位于学校中心东南角方向上。
礼堂内的空气极为潮湿,空气中散发着霉菌的味道;地上堆积着破烂不堪的柜子与残破的木板,天花板上也裸露着许多拆除多媒体后的电缆。与走廊相同,该房间内的窗户也为实体假扮,请流浪者切记不要试图通过窗户去观察学校外围的景象。
在礼堂的前方摆放着一架老旧的钢琴,出乎人意料之外的是,该钢琴依旧能够正常使用,并在弹奏过程中不会引来任何的实体,当流浪者完整的弹完任意一首钢琴曲后将会被传送至Level C-125,这是离开本层级最简单的方法。
值得一提的是,该房间但会通过各种意外事件杀死任何来到此处的人,包括但不限于:
- 在演奏钢琴时被钢琴盖夹死。
- 被天花板上掉落的钢筋直接砸死。
- 在木片上摔倒而总会在落地后被突起的木刺刺穿脑袋而亡。
- 食用任何在该层内找到的食物,尽管它们看起来异常的诱人,但在食用后会立即因为食物中毒而亡。
医务室

医务室内拍摄的照片。
同礼堂一样,在整个诺大的Level C-995中只存在一间,同时也是该层级中最为危险的房间。流浪者仅可以在里面找到少量的药品。
医务室内的花被证实为是致命的,其散发的香味会使得流浪者失去理智并吃下该花,最终七窍长出花朵而亡,并在此后尸体将会被花朵所覆盖,最终成为花的养料。同时,一旦流浪者试图靠近或坐上医务室内的床铺,则会将被未知力量立即拦腰折断。
据悉,M.E.G.收到报告称有流浪者在学校各个地方都发现了类似人类的“身影”,这些“身影”都会将流浪者引往医务室或者校长办公室,并在流浪者追赶上后消失。目前尚不清楚“身影”是该层级内的特殊现象或者是特殊实体。
由于该房间存在许多的不稳定,不安全性,强烈建议流浪者不要靠近此处。
图书馆
有关该房间内的信息极为稀少,每一位试图探索的流浪者都在进入后失踪了;目前只知道该房间内的书架将会在流浪者进入后不断的变化位置,而使流浪者失去方向,并最终遭到书架的挤压而死。
为了避免更多的人员伤亡,此房间已被M.E.G.用铁门封死。
教师办公室

唯一一张有关教师办公室的照片,拍摄于窗户边,并且经过了大量的曝光处理。
随机的分布在各个教室的旁边,其面积约为25平方米,其中大部分的办公设施已被搬走,内部只有一扇窄小的窗户,且只能透露出微弱的光,加上房间内部大多数处于断电状态,在任何的灯光照射下也只能看清部分房间内的部分摆设。
有流浪者声称这此房间内看到了大量正在繁衍的霉菌,但真实情况无法得到证实。
除此之外,这里时常栖息着笑魇,不建议流浪者深入探索。
校长办公室

校长办公室内部的照片。
校长办公室位于该层中的二楼,该房间的外部游荡着大量的猎犬。房间里面大部分的家具已被搬走,但是不难看出其内部的装潢曾较为奢华。话虽如此,该房间内充斥着令人反胃的霉味,并且覆盖着大面积的霉菌,其具体原因暂且未知。
房间内的墙上挂满了残破的旗帜,地上则散落被灰尘所包裹的奖杯,其内容一般用扭曲的字体刻着“XX学校荣获XX市示范性中学”之类的话语,明显为粗制滥造之物。流浪者还可以在办工作上找到一张残破的照片,其里面的人物面貌已无法辨别,只能大致看出人物的形态与他身后的学校。
该房间内常会出现悲尸,但其数量并不会超过两只。此外,房间内的悲尸常常独自跪倒在角落,其面前摆放着一具柜子,柜子无法被打开,有类似于血液般的液体从柜缝中流出,并一直蔓延至办公桌前。一般情况下此房间内的悲尸不会主动攻击流浪者,除非流浪者有做出想要打开柜子的举动。
流浪者可以在该房间内找到一些杏仁水,但其内部通常浑浊且散发恶臭,虽经过证实该杏仁水还能够继续饮用,但还是建议除非必要情况外不要喝下该杏仁水,以免对身体造成未知的伤害。
除此之外,流浪者还可以在抽屉中找到一本工作日志,现以将此放到下方以供流浪者进行观看。
3月18日
目前学校的各类设施与教学工作正常运作,计划明年扩招100名教师并完善部分教学措施
5月25日
今日召开教师会议,就预算问题进行讨论,并一致决定进行裁员。
6月17日
有些家长送了我些礼品,拜托我将他们的孩子送上市里面的重点高中。当然,收了钱得办事,毫无疑问,我必定能办到。先记下来先吧,毕竟那帮人还排着队等着给我送钱呢。
7月14日
学校部分设施需要更换,又可以乘机多谋些小利了,于是向上级申请拨款100万,依据我的经验判断这事不久则可以办下来。
7月20日
收到拨款了,不过也没见那些设施有多大隐患。留个差不多80万给我得了,到时候问责的话也不是在我头上。
8月2日
税务局那帮人怎么查到我头上了,不过被我手下打发走了,以后得小心点。
8月6日
今日小李给了我差不多120万让帮他摆平一下警察局的,鬼知道他又瞎搞什么了。还好我在警察局还有些人,不然阎王爷都救不了他。
8月16日
今天教育局召集各校领导前去开会,我虚报了些项目,申请拨一些款;应该能从政府教育补贴抽50万出来,这样则可以换辆新车了。原先那辆不小心撞报废了,还赔了钱给那家属。还好背后能有势力罩着,不然这校长我是当不下去的了。
9月3日
今日各类教学工作正常展开,并举行教师会议,探讨如何解决前日有学生于礼堂内因天花板腐朽老化而伤亡一事。经过全体教师决定,鉴于该学生尚未购买任何保险,则将此时推脱给学校装修公司。即可不负任何责任。
9月18日
有一个员工是谁来着的,应该是护士啥的。还说要透支一下工资,好像是家里有什么屁事。我哪里有那么多钱给她,为了讨好一下领导搞得我钱都花光了,学校的那笔资助款差不多快用完了,等哪天在向上级汇报要多点。
9月30日
她到底怎么发现的。
10月2日
该行动了
10月3日
还得要我亲自出马,那婊子已经下地狱了,干净利落。
基地、前哨与社区
目前暂未发现有任何的基地,前哨和社区。
入口与出口
入口
- 切入Level C-47的墙壁即可来到该层级。
- 在Level C-448切入一个画着学校的涂鸦,会来到这里。
- 切入Level C-601中的一张婴儿床即可被传送至这里。
- 在level-52中昏迷过去就有很小的概率可以来到这里。
- 在Level 117中上完10节课后你会发现自己正身处于该层级的教室中。
出口
- 在阅读完校长办公室发现的工作日志之后,会被传送至Level C-22。
- 在教室中找到一张试卷,答完上面的所有题目即可来到Level C-16。
- 在礼堂中弹完任意一首钢琴曲,即可被传送至Level C-125。
- 找到一张工资单,即可来到Level C-55。
- 在教室中找到一个装着试剂的试管,喝下其中的液体即可来到Level C-146。
- 只有很小的几率在被窗外的植物吞噬掉后会来到Level C-259。
« Level C-994 | Level C-995 | Level C-996 »