/* 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 }
Level C-100
生存难度:生存難度:
等级等級 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]]
Level C-100。
Level C-100是后室C层群的第100层。
描述:
Level C-100的主体是一座漂浮在天空里的巨山。山体的体积极为庞大,且自行形成了一套稳定、宜居的生态环境。
身处Level C-100的边缘时,能够向下望见深不见底、光线昏暗、大雾弥漫的虚空。虚空内隐隐约约地回荡着与瀑布轰鸣类似的声响,现推测Level C-100以下的空间或许存在某种形式的水体1。
根据该层级目前已有的出入记录,可以确认Level C-100属于“单向层级”:具体而言,即每位个体只能通过常规方法进入Level C-100一次。在离开Level C-100后试图二度进入该层级的尝试至今未能成功。除此之外,Level C-100内不存在任何形式的Wi-Fi。
但是M.E.G.并不甘愿就此放弃Level C-100那安全稳定的环境、以及该层级内存在的多种特殊物品。为了发掘(甚至创造)连接Level C-100的双向通道,M.E.G.特地筹备并开展了“破门项目”。有关该项目的更多信息可详见下文。
附录A:
Level C-100在M.E.G.数据库内有着一个半官方性质的名称,名为“员峤”;该名称由Level C-100的主要研究人员伊妍2提出。“员峤”一词出自中国神话,乃一仙山之名。更多相关资料请见下方报告:
请允许我以下面这则传说作为我的开头。
中国古代神话里,在距离“归墟”并不遥远的海面上漂浮有五座仙山,分别唤做岱舆、员峤、方壶、瀛洲与蓬莱。它们风景优美、景色宜人,是传说中的众仙居住与娱乐之地。但是让仙人们苦恼的是这五座大山一直在往那无日无月、又黑又冷的“北极”方向漂去。为了阻止仙山的移动,海神禺强命令十五只巨龟前去驮住它们:三龟负责一山、其中一龟驮山、六万年进行一次轮换。
仙山们果真停止了移动。但可惜的是,负责岱舆和员峤的六只巨龟被巨人抓走吃掉了;于是五大仙山仅剩三座,岱舆和员峤就此远远漂走,不知去向。
而我为何要给Level C-100取名为“员峤”呢?自然是很简单很清晰的一个原因:它们太像了。
当前线小队带着那些情报与物品自Level C-100归来后,我当即就像是被冥冥之中的什么东西重击了一把——对于正面描写“员峤山”的古籍,我所能忆起的仅有东晋人士王嘉所编纂的一本《拾遗记》——而偏偏就是《拾遗记》中的《员峤山》一文,竟与Level C-100的诸多特点表现出了诡异的类似。
例如“衔不周之粟”的“一丈大鹊”、东边“驳骆如锦”的“云石”、西边“星池”内的“八足六眼”神龟……Level C-100在多个细节层面上的特征都和《拾遗记》所描述的员峤山出现了匪夷所思的对应。
当然,我并不是就此坚信Level C-100即为员峤;《拾遗记》本身只是志怪小说,荒诞不经的内容不在少数。我意在阐明的是我选用此名称的原因、以及提醒诸位这个层级与神话传说那堪称恐怖的相似性。甚至是,这种“巧合”所蕴藏的某种可能性……
——伊妍
附录B:
以下是由M.E.G.前线探索兵团“罗经点”多次派遣不同的队员进入Level C-100并归来后所采集的部分地理信息。为呼应伊妍在上文中提及的发现,特将《拾遗记》之《员峤山》的文本附入,以作参考。
《员峤山》原文:多大鹊,高一丈,衔不周之粟。粟穗高三丈,粒皎如玉。鹊衔粟飞于中国,故世俗间往往有之。其粟,食之历月不饥。
发现的对应情况:Level C-100内生活有一种体长约3米的大型鸟类,不过与鹊类并不相似。它们集群生活在位于Level C-100山脚处的一片粟米地附近,并以此地的粟米为食。调查人员发现食用该种粟米之后可以保持至少九天的饱腹感。
《员峤山》原文:“东有云石,广五百里,驳骆如锦”;“有木名猗桑,煎椹以为蜜”;“有冰蚕长七寸,黑色……然后作茧……织为文锦,入水不濡,以之投火,经宿不燎”。
发现的对应情况:没有在Level C-100的东边发现所谓“云石”,但山体的颜色确是颇为斑驳,以及的确找到了一片桑树林和一种生活在桑树上的黑蚕;而该实体的蚕丝是否真能用以织锦尚待试验。
《员峤山》原文:“西有星池千里,池中有神龟,八足六眼,背负七星、日、月、八方之图,腹有五岳、四渎之象”。
发现的对应情况:Level C-100的西边有一个巨大的湖泊,湖内生活有一种长有六足的乌龟,龟壳的颜色杂乱而斑驳,而面部纹路颇似多余的眼睛。
《员峤山》原文:“南有移池国,人长三尺……人皆双瞳,修眉长耳”;“北有浣肠之国,甜水绕之,味甜如蜜,而水强流迅急……其国人常行于水上,逍遥于绝岳之岭”。
发现的对应情况:Level C-100的南部是一个巨大的缺口,呈现出明显的山崩痕迹。
北部亦然,但在其高处有着一个超巨型的瀑布,直接泻入下方虚空;可以望见瀑布源是一处狭隘的山洞,但由于山势奇险以及水流过于湍急而无从靠近,更无从探明水体为何能够源源不断。液体被证实为杏仁水。
附录C:
以下是一份关于破门项目的介绍。
“破门项目”概述
项目编号:A30-2
前言:“破门项目”事实上隶属于另外一个更为大型的企划;该企划的目的在于百分百地利用好每一个被判定为“宜居”的层级。企划的更多有关具体事项尚在讨论与计划之中,破门项目多少都在起着实验与示范的作用,需谨慎对待。
概要:破门项目围绕Level C-100(代号:员峤)展开。在经过前线小队多次的探索之后,现已确认Level C-100乃宜居层级,甚至拥有诸如“可以保持长期饱腹感的粟米”3这类神奇物品。
可是除此之外,Level C-100还具有一个相当之大的缺点:一名人类仅能进出一次。尽管Level C-100的空间非常巨大,但也不可能容纳下每一位流浪者,所以最为理想的情况是在该层级内建起一个规模稳定的聚居地。
我们有理由相信,在后室这种并不稳定的维度里,定然存在某种来回出入该层级的方式。Level C-100是不可多得、尤为珍贵的宜居层级,所以我们即使只有一丝一毫的希望,也要紧紧地把握它,以彻底克服进出Level C-100的不易,为广大流浪者同胞们开辟出一方能够平安生存的天地。这便是“破门项目”的初衷。
执行过程:M.E.G.将甄选来自各个领域的数名人员以组成一支特殊团队,令其在Level C-100内建立基地并长期驻扎。允许该团队带入诸如紫钥石等特殊物品作为研究材料/手段。
在此期间,M.E.G.也会定期派遣专员进入Level C-100,以向团队下达进一步指示或是补充特定物资、同时该专员也要负责跟进团队的研究进度,并回到外界后完成对接与同步。
若团队成员出于各种因素地需要退出/替补等,也交由专员进行传达,并在外界讨论后进行讨论与解决。
务必找出无障碍来回Level C-100的方式。
基地、前哨和社区
M.E.G. - “天枢”基地:
- 由“破门项目”执行团队在Level C-100内建立的基地。
- 位于该层级山脚处的粟米田附近。
- 在多次针对人力资源进行的补充与投入后,现其常驻人数为260名。
入口与出口:
入口:
- 在Level C-1的一座木屋内独处5分钟即可切入Level C-100。注意,木屋内的所有物品也会一同切入。
- 更多入口尚待探查。
出口:
- 跳入Level C-100下方的虚空。你将无限下落,永不坠底;直到你就那么在半空中因为头晕/饥饿/甚至入睡等某种方式暂时失去意识之后(仅需一瞬),你就会在Level C-1内苏醒。
- 更多出口尚待探查。
有新增的文件。点击此处以更新。
By Lovesicker
« Level C-99 | Level C-100 | Level C-101 »
请按如下方式引用此页:
“Level C-100”,作者 Lovesicker,来自后室中文维基。原文链接:http://backrooms-wiki-cn.wikidot.com/level-c-100。遵循 CC BY-SA 3.0 协议。
图像名:green grass and gray rocky mountain during daytime
图像作者:Daniela Kokina
授权协议:Unsplash License
来源链接:https://unsplash.com/photos/hOhlYhAiizc
图像名:landmark photography of trees near rocky mountain under blue skies daytime
图像作者:Adam Kool
授权协议:Unsplash License
来源链接:https://unsplash.com/photos/ndN00KmbJ1c
更多授权相关信息,请查阅授权指导。