/* Fonts */ @import url('https://fonts.googleapis.com/css?family=Lato:400,900|PT+Mono|Poppins:600,800|Share+Tech+Mono|Anonymous+Pro'); @import url('https://fonts.googleapis.com/css2?family=Baumans&family=Graduate&family=Kelly+Slab&family=Kumar+One&family=Tulpen+One&family=ZCOOL+QingKe+HuangYou&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Oxygen+Mono&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Overpass+Mono:wght@300&display=swap'); @font-face { font-family: 'GlowSansSC'; src: url('https://cdn.jsdelivr.net/gh/LupusCaeruleus/Fonts@main/GlowSansSC-Compressed-Medium.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-ExtraBold.woff') format('woff'); font-weight: bold; font-style: normal; font-display: swap; } /* All Vars Used */ :root { /* S-CSS-P Integration */ /* If you're making a new CSS theme, please include the following three variables at minimum. */ --theme-base: "nuscp"; /* mua be either "nuscp" or "sigma9" */ --theme-id: "meg-edgy"; /* set this to the URL of your theme's page - eg for "component:ar-theme", set it to "ar-theme" */ --theme-name: "MEG EDGY"; /* set this to your theme's full name */ /* Header */ --logo-image: url("http://backrooms-sandbox-2.wikidot.com/local--files/trailmixncocoa-meg-theme/IMG_3129.PNG"); --header-title: "M.E.G.记录中心"; --header-subtitle: "The M.E.G.机密数据库"; /* Typefaces */ --body-font: 'Share Tech Mono', 'GlowSansSC', sans-serif; --header-font: 'Oxygen Mono', 'GlowSansSC', sans-serif; --title-font: 'Kelly Slab', 'GlowSansSC', sans-serif; --mono-font: "PT Mono", 'Noto Serif SC', "Andale Mono", "Courier New", Courier, monospace; /* Standard Colors */ --white-monochrome: 252, 252, 252; /* white */ --pale-gray-monochrome: 185, 185, 185; /* v light gray for blockquotes and stuff */ --light-gray-monochrome: 170, 170, 170; /* light accent gray for login status */ --gray-monochrome: 66, 66, 72; /* gray */ --grayer-monochrome: 130, 130, 135; --dark-gray-monochrome: 48, 48, 52; /* dark accent gray for sidebar background */ --black-monochrome: 30, 20, 20; /* black */ --bright-accent: 125, 25, 25; /* Some sidebar text, edit button text etc */ --medium-accent: 74, 0, 0; /* the annoying header thing */ --dark-accent: 12, 12, 12; /* search bar and edit button */ --newpage-color: 230, 10, 10; /* text highlight colour, url link */ --terminal-medium: 74, 0, 0; /* edit button borders */ --pale-accent: 0, 221, 221; /* dark yellow-brown */ --tester-blue: 0, 0, 221; /* blue for testing */ --tester-green: 0, 221, 0; /*green for testing */ --tester-purple: 221, 0, 221; /*purple for testing */ --tester-yellow: 221, 221, 0; /*yellow for testing */ --dark-accent-red: 74, 0, 0; --mid-accent-red: 140, 25, 30; --bright-red: 170, 15, 15; --shadow-red: 30, 20, 20; --darkish-red: 95, 10, 10; --blinding-red: 230, 10, 10; --contrast-salmon: 250, 160, 160; /* Primary Theme Colors */ --swatch-background: var(--grayer-monochrome); --swatch-primary: var(--newpage-color); --swatch-primary-darker: var(--mid-accent-red); --swatch-primary-darkest: var(--shadow-red); /* Primary Text Colors */ --swatch-text-dark: var(--darkish-red); --swatch-text-light: var(--light-gray-monochrome); --swatch-important-text: var(--tester-purple); /* Primary Menu Colors */ --swatch-menubg-color: var(--shadow-red); --swatch-menubg-light-color: var(--dark-accent); --swatch-menubg-medium-color: var(--mid-accent-red); --swatch-menubg-medium-dark-color: var(--bright-red); --swatch-menubg-dark-color: var(--mid-accent-red); --swatch-menubg-black-color: var(--mid-accent-red); --swatch-menubg-hover-color: var(--mid-accent-red); --swatch-menutxt-dark-color: var(--bright-red); --swatch-menutxt-light-color: var(--light-gray-monochrome); --swatch-border-color: var(--dark-gray-monochrome); /* Primary Header Colors */ --swatch-headerh1-color: var(--light-gray-monochrome); --swatch-headerh2-color: var(--blinding-red); --swatch-topmenu-border-color: var(--dark-accent-red); --swatch-topmenu-bg-color: var(--dark-accent-red); /* Header Gradients*/ --gradient-header: linear-gradient(to bottom, rgba(var(--dark-accent-red),0.97) 10%, rgba(var(--dark-accent-red),0.97) 40%, rgb(var(--black-monochrome)) 100%); --gradient-topmenu: linear-gradient(to bottom, white 0%, white 7.5rem, rgba(var(--swatch-topmenu-border-color), 1) 7.5rem, rgba(var(--swatch-topmenu-bg-color), 1) 7.625rem, rgba(var(--swatch-topmenu-bg-color), 0.95) calc(100% - 0.125rem), rgba(var(--swatch-topmenu-bg-color), 1) calc(100% - 0.125rem), rgba(var(--swatch-topmenu-border-color), 1) 100%); --gradient-topmenu-mobile: linear-gradient(to bottom, rgba(var(--swatch-topmenu-border-color), 1) 0, rgba(var(--swatch-topmenu-bg-color), 1) 0.125rem, rgba(var(--swatch-topmenu-bg-color), 1) calc(3rem - 0.125rem), rgba(var(--swatch-topmenu-bg-color), 1) calc(3rem - 0.125rem), rgba(var(--swatch-topmenu-border-color), 1) 3rem); --diagonal-stripes: linear-gradient(transparent 0); --gradient-sidemenu-header: linear-gradient(10deg, rgba(var(--mid-accent-red), 0.45) 0%, rgba(var(--mid-accent-red), 0.55) 100%); --header-background-image-size: 100% 7.5rem; /* Sidebar */ --sidebar-transition-timing: 0.5s ease-in-out 0.1s; --sidebar-internal-border-thickness: 0.16rem; --background-gradient-color: var(--grayer-monochrome); --background-gradient-distance: 50rem; } /* REMOVING HOVER OF THE PAGE OPTIONS ICONS HERE*/ div[id*="page-options-bottom"] { --swatch-tertiary-color: none; } #container { background-image: radial-gradient(circle, rgb(var(--light-gray-monochrome), 0.05) 50%, transparent 0); background-size: 0.25em 0.25em; background-repeat: repeat; background-attachment: fixed; text-align: justify; text-justify: inter-word; font-size: 1.1em; } html, body, #side-bar:hover { scrollbar-color: rgb(var(--tester-blue)) rgb(var(--tester-green)); } ::-webkit-scrollbar, #side-bar:hover::-webkit-scrollbar { background-color: rgb(var(--shadow-red)); } ::-webkit-scrollbar-thumb, #side-bar:hover::-webkit-scrollbar-thumb { background-color: rgb(var(--mid-accent-red)); } .scp-image-block .scp-image-caption { font-size: .8em; background-color:rgb(var(--dark-accent)); color: rgb(var(--bright-red)); } #header h1 { color: rgb(var(--tester-green)); } #page-title { font-family: 'Kelly Slab', 'GlowSansSC'; border-color: rgba(var(--mid-accent-red))!important; background: linear-gradient(to bottom, rgba(var(--shadow-red),0.97) 0%, rgba(var(--dark-accent-red),0.97) 35%, rgb(var(--bright-red)) 80%); background-clip: text; -webkit-background-clip: text; -moz-background-clip: text; -moz-text-fill-color: transparent; -webkit-text-fill-color: transparent; } #side-bar div.menu-item .sub-text { color: rgb(var(--pale-gray-monochrome)); } #login-status { color: rgb(var(--medium-accent)); } .code { padding: 5px 5px 5px 15px; margin-bottom:10px; width: 100%; font-family: var(--header-font); font-size: 1.1em; background-color:rgb(var(--shadow-red)); border: 2px dashed rgb(var(--mid-accent-red)); color: rgb(var(--bright-red)); } .hl-main { filter: invert(1) hue-rotate(180deg); } .page-options-bottom a { background-color:rgb(var(--shadow-red)) !important; color: rgb(var(--blinding-red)) !important; font-family: var(--header-font); } table.wiki-content-table th { text-align: left !important; font-family: var(--title-font) !important; color: rgb(var(--pale-gray-monochrome)); background-color: rgb(var(--dark-accent-red)) !important; border: 1px solid rgb(var(--mid-accent-red)) !important; } table.wiki-content-table tr { background-color:rgba(var(--gray-monochrome), 0.15) !important; border: 1px solid rgb(var(--mid-accent-red)) !important; color: rgb(var(--tester-purple)); } table.wiki-content-table td { background-color: rgba(var(--gray-monochrome), 0.15)!important; border: 1px solid rgb(var(--mid-accent-red)) !important; color: rgb(var(--dark-accent-red)); } .footnotes-footer { margin-bottom:10px; width: 100%; font-family: var(--body-font); font-size: 1.1em; --footnotes-footer-bg-color: 133,110,115; color: rgb(var(--dark-accent-red)); } span.printuser { color: rgb(var(--light-gray-monochrome)) !important; } table.wiki-content-table { border: 2px solid rgb(var(--mid-accent-red)); } hr { background-color: rgb(var(--bright-accent)) !important; /* TABS */ } .yui-navset .yui-nav li a em, .yui-navset-top .yui-nav li a em, .yui-navset-bottom .yui-nav li a em { color: rgb(var(--bright-red)); } .yui-navset .yui-nav .selected a, .yui-navset .yui-nav .selected a em { color: rgb(var(--light-gray-monochrome)); } /* RATING MODULE */ .page-rate-widget-box { background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--dark-accent),1)), to(rgba(var(--dark-accent), 1))); background: -webkit-linear-gradient(bottom, rgba(var(--dark-accent),1) 0%, rgba(var(--dark-accent), 1) 100%); background: -o-linear-gradient(bottom, rgba(var(--dark-accent),1) 0%, rgba(var(--dark-accent), 1) 100%); background: linear-gradient(to top, rgba(var(--dark-accent),1) 0%, rgba(var(--dark-accent), 1) 100%); border: 2px solid rgb(var(--mid-accent-red)); } #page-content .rate-box-with-credit-button { background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--dark-accent),1)), to(rgba(var(--dark-accent), 1))); background: -webkit-linear-gradient(bottom, rgba(var(--dark-accent),1) 0%, rgba(var(--dark-accent), 1) 100%); background: -o-linear-gradient(bottom, rgba(var(--dark-accent),1) 0%, rgba(var(--dark-accent), 1) 100%); background: linear-gradient(to top, rgba(var(--dark-accent),1) 0%, rgba(var(--dark-accent), 1) 100%); border-color: rgb(var(--mid-accent-red)); } .page-rate-widget-box .rate-points { color: rgb(var(--bright-red)) !important; } .page-rate-widget-box .rateup, .page-rate-widget-box .ratedown, .page-rate-widget-box .cancel, .page-rate-widget-box .rateup a, .page-rate-widget-box .ratedown a, .page-rate-widget-box .cancel a { background-color: rgb(var(--dark-accent-red)) !important; } #page-content .rate-box-with-credit-button > .creditButton > p > a::before { background-color: rgb(var(--dark-accent-red)); } #page-content .rate-box-with-credit-button > .creditButton:hover { background: rgba(var(--tester-green), 0.8); } .page-rate-widget-box .ratedown a:hover, .page-rate-widget-box .rateup a:hover, .page-rate-widget-box .cancel a:hover { background-color: rgb(var(--bright-red)) !important; } .scp-image-block { border: solid .1625rem rgb(var(--mid-accent-red)); } .blockquote, [class*=blockquote], blockquote, div.blockquote { padding: 5px 15px 5px 15px; margin-bottom: 10px; background-color:rgb(var(--shadow-red)) !important; border: 3px solid rgb(var(--mid-accent-red)) !important; color: rgb(var(--light-gray-monochrome)) !important; margin: 10px auto 0; } blockquote blockquote, .blockquote blockquote { padding: 5px 15px 5px 15px; border: 3px solid rgb(var(--mid-accent-red)); color: rgb(var(--bright-red)) !important; font-size: 1rem; margin: 10px auto 0; } #search-top-box form[id="search-top-box-form"]:not(:focus-within) input[type="text"] { background-color: rgb(var(--dark-accent)); } #search-top-box:not(:focus-within)::before { color: rgb(var(--dark-accent)); } #top-bar div.mobile-top-bar > ul > li > a, #top-bar div.top-bar > ul > li > a { color: rgb(var(--pale-gray-monochrome)); } #top-bar div.mobile-top-bar > ul > li > a:hover, #top-bar div.top-bar > ul > li > a:hover, #top-bar div.mobile-top-bar > ul > li:hover > a, #top-bar div.top-bar > ul > li:hover > a { color: rgb(var(--white-monochrome)); } .open-menu a { color: rgb(var(--tester-purple)) !important; } @-webkit-keyframes marquee { 0% { -webkit-transform: translateX(100%); transform: translateX(100%) } 100% { -webkit-transform: translateX(-100%); transform: translateX(-100%) } } @keyframes marquee { 0% { -webkit-transform: translateX(100%); transform: translateX(100%) } 100% { -webkit-transform: translateX(-100%); transform: translateX(-100%) } } @media only screen and (max-width: 768px) { #header h2 { overflow: hidden; height: 100%; pointer-events: none; } #header h2 span { -webkit-animation: marquee linear 10s infinite; animation: marquee linear 10s infinite; width: 150% !important; margin-left: 0; margin-right: 0; padding: 0; } #header h1 span { font-size: 75%; } #top-bar { font-size: calc(var(--base-font-size)*0.70); } } .hovertip{ background-color:rgb(var(--shadow-red)) !important; background-image:radial-gradient(ellipse 1000% 100% at 50% 90%, transparent,rgb(var(--shadow-red))) !important; } #side-bar { background-size: 0%; } .blockquote h1, .blockquote h2, .blockquote h3, .blockquote h4, .blockquote h5, blockquote h1, blockquote h2, blockquote h3, blockquote h4, blockquote h5 { color: rgb(var(--bright-red)); } .styled-quote { text-align: justify; text-justify: inter-word; color: rgb(var(--dark-accent-red)); background-color:rgb(var(--pale-gray-monochrome)); border-left: 0.5rem solid rgba(var(--dark-accent-red)); } .styled-quote2 { color: rgb(var(--dark-accent-red)); background-color:rgb(var(--pale-gray-monochrome)); border-left: 0.5rem solid rgba(var(--mid-accent-red)); padding: 5px 15px 5px 15px; margin-right: 5px; } .dark-styled-quote { color:rgb(var(--blinding-red)); background-color:rgb(var(--dark-accent-red)); border-left: 0.5rem solid rgba(var(--bright-red)); } .lightblock { background-color:rgb(var(--pale-gray-monochrome)); } .darkblock { background-color:rgb(var(--dark-accent-red)); color:rgb(var(--blinding-red)); } .darkblock2 { background-color:rgb(var(--dark-accent-red)); color:rgb(var(--blinding-red)); display: grid; text-align: justify; word-wrap: normal; font-size: 85%; padding: 5px 10px 5px 15px; margin-right: 5px; } .testingblock{ color: rgb(var(--mid-accent-red)); border: solid 2px rgb(var(--mid-accent-red)); padding: 0.01rem 1rem 1rem 1rem; margin: 0.5rem 0 0.5rem 0.20rem; box-shadow: 0 0.8rem 1.2rem rgba(0,0,0,.25); background: url(http://backrooms-wiki.wdfiles.com/local--files/theme%3Ameg-edgy/F59005DF-954F-4EB8-8116-2E7F06FB4211.png) center/20% no-repeat; background-color: rgb(var(--pale-gray-monochrome));; background-position: right 50% bottom 25px; padding-bottom: 65px; position: relative; /* clear: both; */ display: table; } .testingblock::after{ content: "M.E.G. - Bettering Humanity"; display: flex !important; justify-content: center !important; font-family: 'Kelly Slab', 'GlowSansSC'; font-weight: bold; font-size: 80%; color: black; background-color: rgb(var(--pale-gray-monochrome)); position: relative; transform: translateY(325%); } .logoblock{ padding: 5px 15px 5px 15px; /* adds space - up right down left */ font-size: 1rem; font-family: var(--body-font); background: url(http://backrooms-wiki.wdfiles.com/local--files/theme%3Ameg-edgy/F59005DF-954F-4EB8-8116-2E7F06FB4211.png) center/20% no-repeat; background-color: rgb(var(--pale-gray-monochrome)); background-position: right 50% bottom 25px; border: 3px solid rgb(var(--mid-accent-red)); border-radius: 15px; color: rgb(var(--black-monochrome)); margin: 10px auto 0; /* Adds a space above the box */ padding-bottom: 65px; position: relative; /*clear: both; */ display: table; } .logoblock::after{ content: "M.E.G. - Bettering Humanity"; display: flex !important; justify-content: center !important; font-family: 'Kelly Slab', 'GlowSansSC'; font-weight: bold; font-size: 80%; color: black; background-color: rgb(var(--pale-gray-monochrome)); position: relative; transform: translateY(325%); } .logoblock h2{ color: rgb(var(--dark-accent-red)); } #toc.floatright { background-color: rgb(var(--dark-accent-red)) !important; color:rgb(var(--black-monochrome)); box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25); border: 3px solid rgb(var(--dark-accent-red)) !important; padding: 0rem; margin: 1rem !important; } #toc-action-bar { background-color:rgb(var(--dark-accent-red)) !important; } #toc .title { background-color:rgb(var(--dark-accent-red)) !important; padding: 0.25em 2em 0.25em 0; } #toc a { text-align: left !important; color: rgb(var(--mid-accent-red)) !important; } #toc #toc-action-bar a::after { content: "Table of Contents"; border-color:rgb(var(--tester-yellow)) !important; position: absolute; left: 104%; transition: font-weight 0.15s var(--ease-in-out), font-variation-settings 0.15s var(--ease-in-out); white-space: nowrap; } #toc #toc-action-bar a::before { content: ""; display: inline-block; position: relative; width: 1em; height: 1em; background-color: rgb(var(--blinding-red)); -webkit-mask: var(--mask-image) center center / 100% no-repeat; mask: var(--mask-image) center center / 100% no-repeat; } #toc #toc-action-bar a:first-of-type::before { --mask-image: var(--down-arrow-mask); left: -0.85em; -webkit-mask-size: 2em 0.3625em; mask-size: 2em 0.3625em; background-color: green !important; } #toc #toc-action-bar a:last-of-type::before { --mask-image: var(--right-arrow-mask); left: 0em; bottom: 0.2em -webkit-mask-size: 0.3625em 2em; mask-size: 0.3625em 2em; background-color: rgb(var(--blinding-red)) !important; } #toc #toc-action-bar a, #toc #toc-action-bar a:visited { color: rgb(var(--pale-gray-monochrome)) !important; } #toc #toc-action-bar a:is(:hover, :active, :focus, :focus-within) { color: rgb(var(--blinding-red)) !important; } #toc #toc-action-bar a:is(:hover, :active, :focus, :focus-within)::before { color: rgb(var(--tester-yellow)) !important; } #toc #toc-list div[style*="margin-left"] { margin-left: 1em !important; } #toc #toc-list div[style*="2em"] { padding-left: 0.75em !important; } #toc #toc-list div[style*="2em"]::before { content: "╶"; } #toc #toc-list div[style*="3em"] { padding-left: 1.75em !important; } #toc #toc-list div[style*="3em"]::before { content: "╶─"; } #toc #toc-list div[style*="4em"] { padding-left: 2.75em !important; } #toc #toc-list div[style*="4em"]::before { content: "╶───"; } #toc #toc-list div[style*="5em"] { padding-left: 3.75em !important; } #toc #toc-list div[style*="5em"]::before { content: "╶────"; } #toc #toc-list { position: relative; border-color: rgb(var(--tester-yellow)) !important; /*I don't know how this works but it sort of does */ } /* Collapsible code from Trailmix */ :root{ --base-color: rgb(var(--dark-accent-red)); --hover-color: rgb(var(--blinding-red)); --click-color: green; } /* #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: rgb(var(--pale-gray-monochrome)); 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: "▷"; color: rgb(var(--blinding-red)); 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: "▽"; color: rgb(0,128,0); 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 { background: var(--hover-color); max-width: 100%; } #page-content .collapsible-block-unfolded-link:hover { background: var(--click-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: green; border-bottom-color: green; } /* When hovering over link, change addendum tag to hover-color */ #page-content .collapsible-block-unfolded-link:hover + .collapsible-block-content::after { background: green; } /* Click flash when clicking, also forces the collapsible to expand */ #page-content .collapsible-block-folded:active { transition: background 0s, max-width 0s; background: var(--click-color); max-width: 100%; } #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(--hover-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(--hover-color); border-bottom-color: var(--hover-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: "▽"; color: green !important; 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; } /* SD Classes */ /* sd banner colours */ .sd-container { /* font */ --sd-font:'PT Mono'; /* borders */ --sd-border:var(--dark-accent-red); /* for most classes */ --sd-border-secondary:0,0,0; /* for n/a */ --sd-border-deadzone:20,0,0; /* for deadzone */ /* symbols */ --sd-symbol:var(--sd-border) !important; /* for most symbols */ --sd-symbol-secondary: 255,255,255; /* white for class 4 and higher */ /* text */ --sd-bullets:var(--sd-border) !important; /* the colour of the bullet point text */ --sd-text:var(--white-monochrome); /* the colour of the text in the top box */ /* class colours */ --class-0:217, 197, 97; --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:45,55,255; }
生存难度:生存難度:
等级等級 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]]
-
- _
灯消火逝便已断链;堕入暗色永不再现。
介于“堂皇盛况”幻象和腐坏状态之间的 Level 171。
从 Level 5 通向 Level 171 的走廊。
Level 171 在灯灭前的腐坏状态。(译注:图片已不存在。)
Level 171 是后室的第172层。
描述:
Level 171,即“堂皇幻象”,最初表现为一1930年代风格的中庭。流浪者穿行于该层级中时能听到1930年代的慢爵士音乐。层级内的通风系统会散出清香的暖风,不禁使人想到层级内装在瓮中的玫瑰的香气。空气中弥漫着家具抛光剂的浓郁气味。但当流浪者继续穿行,层级环境便会恶化,最终只成为其盛景腐烂后的空壳。那富贵的华筑的气息便从潮湿而有樟脑丸香味沦落为强烈而刺鼻的霉菌与腐烂的恶臭。此时,灯光便会被指示灯所代替(详见下文指示灯部分1),“疫病”也会出现。这些形似正常明灯的实体有能力感知到流浪者的存在。“疫病”作为层级特有的实体,由一群实体组成,在发现流浪者的存在时会立即产生敌意。“疫病”内实体组成尚不明确,但已记录的所有实体群都存在常见与未曾记录过的实体,包括所流传的已编辑2。M.E.G. 推测“疫病”与指示灯之间存在某种共生关系。 指示灯的视观周期使得层级内的灯会每约五分钟切换关闭与打开的状态。当灯打开时,流浪者便能看见中庭“堂皇盛况”的幻象,爵士乐会以正常的速度演奏,音色不会失真。该状态下的中庭外表美观无损,层级中的流浪者可能会听见轻微的人类声响,而目前并不知晓这些声音源自何物。无论该幻象是否发生,“疫病”均会存在,但此状态下该实体不可见,从而更具危险,无法预知。
在所有灯都关闭之时,幻象便会崩碎,层级跌入一片黑暗。从微弱的光中能看见中庭的腐坏外表,爵士乐会以更慢的速度播放,音质明显失真。此状态下层级内的实体才可见,会发现许多无法分辨的实体。由于存在这些实体,推荐进入层级内的流浪者快速移动,尽量减少时长超过五分钟的休息。
这一层级可从 Level 5 内一随机出现的侧厅进入。该侧厅一般在流浪者迷路时才出现。侧厅的外表装饰与 Level 5 大堂的其他部分相同,但这里的灯带上有抓痕,桌子落满灰尘,地毯上尘土遍布。流浪者仅能通过灯的闪烁以判断自己是否已从 Level 5 到达了
Level 171。流浪者到达 Level 171 的部分与进入的侧厅外表相似。由于 Level 171 独有的性质,有传言流传说该层级是 Level 5 腐朽而溃烂的早期版本。M.E.G. 内部备忘录:
成员请注意,这里是监督者-A。由于层级内存在的包括而不限于非欧几里得空间、不稳定性、腐坏及成群的敌意实体的威胁,目前已采取行动移除该层级的信息并在大众范围内删除该层级档案。
该文档已被转送至 M.E.G. 数据档案库。由于该层级的入口变化,M.E.G. 人员尚无法关闭层级入口。建议在 Level 5 中探索的流浪者不进入任何除家常酒店及家政服务3管控的房间或走廊。我们目前没有告诉他们为什么要如此。所有位于 Level 5 的 M.E.G. 人员都已经接到指示监督流浪者的位置。
M.E.G. 紧急宣告:
所有 M.E.G. 人员警戒!该层级现在充斥着高危实体。在一次毁灭性事件后该层级已经从 Level 5 脱离,层级内照明系统被毁,实体开始出现。目前已经对一些灯带进行了测试,表明它们是一种聚居实体,已经证明可以互相交流。层级内灯每隔五分钟闪烁的原因便是这些名为“指示灯”的实体监测流浪者的时长。推测这些实体可以与所知为“疫病”的实体群交流并告知流浪者的存在与位置。这些信息主要由层级内尚未找到出口的流浪者报告而成。因此不建议任何人再尝试进入此层级。
指示灯
实体报告 #506
实体名称:指示灯
实体编号:506
行为: 无敌意
智力水平: 群居智慧型
描述: 指示灯是一种仅能在 Level 171 内找到的独特实体,外表为钉在墙上的灯带。其解剖报告表明其内部存在一发光二极管,一充斥着黑色未知液体的循环系统,一电流转换器,一镜头,一幻象投影机以及一发报机。它们的监测过程大约为5分钟。(见数据库中实体页面以获得更多重要信息。)疫病
实体报告 #507
实体名称: 疫病
实体编号: 507
行为: 敌意
智力水平: 群居智慧型
描述: 疫病并非一类实体,而是由多种 IETS 危险等级4的实体组成的实体群,而这些实体的 IETS 危险等级也临时提升到了5。之所以如此是因为这一实体群在指示灯协助下智力水平极高。疫病中的实体天生具有可以查探到流浪者存在的能力。(见数据库中实体页面以获得更多重要信息。)基地,前哨和社区
由于该层级的特性,无法在层级内建立驻扎点。
入口与出口
入口
- Level 171 可通过 Level 5 中一侧厅进入。
出口
放弃吧,没有出去的机会了。我们早已永远困于此。
层级由 UnforseenDrop 发现
初评及帮助: Kai4C
版式设计者: Kai4C
闪烁的错误代码开发: Johnnysuckerpunch,
CutTheBirch
诊断程序部分代码开发: CadaverCommander,
Natedagreat563
初反馈: Noctilucian
译者: R Hassin
第一张图“钻石皇宫”由 leKorbo.be 所作,遵守 CC BY-SA 2.0。访问以下网站查看协议 https://creativecommons.org/licenses/by-sa/2.0/
第二张图“走廊”由 Mike Schmid 所作,遵守 CC BY-SA 2.0。访问以下网站查看协议 https://creativecommons.org/licenses/by-sa/2.0/
第三张图“酒店厨房2”由 Timm Suess 所作,遵守 CC BY-SA 2.0。访问以下网站查看协议 https://creativecommons.org/licenses/by-sa/2.0/