/* 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 }
生存难度:生存難度:
等级等級 5
- {$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]]

由M.E.G.调查人员拍摄的一张Level C-496的照片。
时间正在消耗着你的生命
描述
环境
Level C-496是一辆行驶在道路上的公车,其外观与前厅中的类似。“乘客”在座椅上安静的坐着,“司机”认真地驾驶着车辆。阳光透过窗户将整个车厢变得温暖明亮。座椅整齐的安置在两侧、电子告示板中滚动着公告、车内的喇叭传出柔和的广播声。车窗外有生机盎然的森林,无垠的天空中飞过几只鸟儿……
特性
Level C-496上所播放的广播具有精神污染性,它会让流浪者沉溺于该层级,并对流浪者的精神意识产生控制作用,使得他们无法离开这里。
广播对流浪者的精神控制将在当天下午的17:00后自动解除。
为了确保流浪者的精神安全,请你最少每小时饮用一次杏仁水。
Level C-496在行驶途中会停靠于任意站台。据M.E.G.报告,这些公交站台会将流浪者传送到其他的层级,目前这些站台的传送顺序暂未发现任何规律。
危机
经调查人员勘探,Level C-496中的“乘客”与“司机”是由一些极具杀伤力的实体所伪装的。
当夜晚来临时,实体将展露出它们本体的模样。开始狩猎仍滞留于车厢中的流浪者。
据M.E.G.的调查人员所报告称,他曾亲眼所见一个窃皮者撕开了“乘客”的外衣钻了出来。
“司机”则是由笑魇或钝人所伪装成的,目前仅有少数流浪者称目击到了钝人。
据M.E.G.的调查得知,Level C-496中的车窗均是一种被称作“窗户”的实体,它会将流浪者拉入虚空或Level 1.5。
窗户在白天时映射出一片碧绿的森林与看不见尽头的公路。黑夜时则会映射出一片血红色的森林,天上挂着血红的圆月。
根据M.E.G.所得到的数据,目前并没有成功于Level C-496生存超过一天的流浪者报告。
关于该层级的调查报告
M.E.G.为调查Level C-496,曾组建了一支五人小队,以下是一位队员曾经传来的报告:
早上8:00
我好久没看见过那么刺眼的阳光了…窗外的绿树、花朵、街道都让我感到熟悉,美好的景象会让人忘却一切烦恼,广播一遍遍在我的耳边响起,我永远不会离开这里,Level C-496目前预测为Class0,或许我们可以将该层级作为宜居地带。
下午15:00
好像有什么事物控制了我的意识,我喝了一口杏仁水后,眼前的景象变得清晰起来,我赶紧给伙伴们喝了点杏仁水。
那些乘客……发出了一些含糊不清的声音,其中一个同伴说那像是窃皮者发出的声音,并且…我刚刚通过后视镜发现司机的眼睛竟然是发亮的……那个微笑看着瘆人而又可怕……
下午17:00
一个队员被窗户抓进去了!?那些乘客好像在笑,那些笑容太可怕的……车厢的灯变得忽明忽暗,现在已经不会停车了……好像一切都晚了,那些乘客像看着猎物一样,他们那贪婪的目光好像要将我杀死……
晚上19:00
那些乘客杀了其他人!那些乘客……我亲眼看见一个个窃皮者从他们的衣服中钻出,窗户外面的景象犹如地狱一般,血红色的月亮和血色的植物,无论我们怎么砸窗都完好无损……司机的头颅滚落到他的脚边。笑魇那恶心又可怕的笑容使我感到恐惧…这里就是比地狱还可怕的地方,其他人的血流淌了整个车厢,窃皮者将他们撕碎,我看着它将他们吃了下去……我现在躲在一个隐秘的地方,稍后我会将层级的资料发送给你们。
晚上19:30
Level C-496极度危险,实体横行,有笑魇、窃皮者、“窗户”,进入该层级需要携带杏仁水,并保证多次饮用杏仁水,请在天黑前下车,那些乘客和司机都是实体伪装的!
晚上20:00
亲爱的流浪者们与M.E.G.的队友们:
当你们看见这条信息时,我已经与那些实体同归于尽了,我不知道一颗手榴弹会有多大的威力,但这是我最后的武器,是一个队友死前拼命扔给我的……那些可恶的实体杀死了我的朋友,今天是我为他们报仇的日子。如果流浪者,你能看见我的这条消息,请你在进入该层级后一定要远离窗户,多饮用杏仁水,我将我仅存的杏仁水偷偷藏在了座椅底下,我想这会帮助到你。在天黑前一定要下车!好了,那个恶心的怪物离我越来越近了,大家再见!have a nice day!
备注:人生总有坎坷,人生总有遗憾,我那逝去的自由与梦想便由流浪者们实现啦。
关于精神污染
由广播带来的精神思想控制只能通过饮用杏仁水或到17:00后来缓解与解除。人体在遭受到精神污染后会将Level C-496想象成一个宜居地带,并不断夸赞该层级。
17:00后,车辆将不再停靠站台,它会一直行驶至第二天早晨8:00。
第二天8:00时将会停靠在第一个站台,同时广播也会随之响起。
实体报告
- 该层级被目击到的实体:
- 笑魇 它们通常伪装成司机,脸上挂着诡异的微笑。
- 钝人 它们通常伪装成司机或乘客,在流浪者靠近后会躲闪,看见杏仁水后会躲得更远。
- “窗户” 车内的所有窗户均是这类实体,他们会展现出各种美丽的景色,当流浪者靠近欣赏观看时将把他们拉进“窗户”中。
- 窃皮者 大部分的乘客都是由它们伪装的,当流浪者尝试与它们交流时,它们会发出含糊不清的声音。
关于站台
- 据M.E.G.所派出的调查人员报告称,每一个站台将会通向一个随机的层级,没有顺序、没有规律。
- 公车将会在下午17:00后完成一天的工作,届时将不会在停车,等到第二天8:00时,才会有站台出现。
基地、前哨与社区
目前未发现任何基地、前哨与社区。
入口与出口
入口
- 在Level 11中发现一个公交车站将会来到这里。
出口
- 当公车停在任意一个站台时下车后,流浪者将会被传送至一个随机的层级。
« Level C-495 | Level C-496 | Level C-497 »