/* 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; }
生存难度:生存難度:
等级等級 宜居
- 宜居且稳定
- 完美的生态系统
- 尚未勘测完全
如何使用:
[[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 pe-35是pe层群的第36层
描述:
Level pe-35是一个完美的生态圈。他是由平原、高山、海洋等各式各样,存在于前厅的地形与生态。它的外形与空气质量、地形和前厅非常相似。

阿尔洛大陆的地图
海洋区
海洋区是我们在Level pe-35中发现的一个约2.4亿平方公里的大型海洋生态区。大部分的海域常年温度适宜,疑似处于热带地区。海洋区的海水温度为12~24℃之间。到了特定季节,最低可以达到-2.2℃,最高为29℃。且空气湿度普遍控制在60%到90%之间,最低可以达到30%。海洋区是存在有一些海草,绿藻,红藻之类的藻类植物。在部分海域,你也可以发现大量五彩缤纷的珊瑚。
平原地区
目前,我们在Level pe-35的勘测中,已经发现了约4000万平方公里的平原地形,其海拔为200米以内。多数平原气候适宜生存,空气湿度正常。并且由大量来自前厅的爬行动物组成。这些平原会生长着一些阔叶树种,针叶树种,很多花草以及大量的果树等等。在这些元素的搭配下,让这个层级拥有了一个超大的平原生态圈。

阿尔洛路易平原
目前已经被我们所勘测到的平原被划分为了两类,分别是阿尔洛路易区和M.E.G.划定的占领区。前者则为另外一个该层级组织阿尔洛路易成立,后者为M.E.G.探险者总署侵占。双方曾经多次在“领土”方面争论不休,以至于发动战争。
阿尔洛路易区占地2500万平方公里,整体均由平原和丘陵组成。这处地区地理位置优越,三面包围M.E.G.侵占区。并且拥有大量湖泊,因为整体靠北,因此阿尔洛路易区的整体温度在-20~35摄氏度之间。并且当地居民掌握大量通往其他层级的特殊方法,如卡入山洞来到Level 8等等。这也许阿尔洛路易拥有高效的支援系统和完美的物资储蓄。该地区的领土整体被一条大河隔开,该河预计长度约8000公里。并且河内的水为可饮用的杏仁水。这条河最窄处约18米,最宽处约3千米。并且贯穿整个阿尔洛路易地区。在这种完美的宜居环境下,阿尔洛路易基地也就安定于此。
阿尔洛路易山地
阿尔洛路易山地于2022年6月13日被阿尔洛路易攻占,其前占领者白克索夫山地居民被阿尔洛路易军队驱赶至沿海地区。随后改名阿尔洛路易山地。

阿尔洛路易山地
这片群山海拔1200米以上,最高的山可达8480米。占地面积约420万平方公里,居住人口2400人。该山地坐落于阿尔洛路易平原中央,是本层级最大的山脉群系。阿尔洛路易山地北部的气温处于-3~12℃之间。则南部保持于-12~6℃。两地温差较大,并且昼夜交替时间有明显差异。其山脉中央被称为Level pe-35昼夜线。
该山脉群系下方则为占地面积64万平方公里的针树林,这处地区常年被积雪覆盖,气候寒冷。你有很低的概率会在这里找到一颗不同寻常的红色橡树。如果发现,请不要触碰到它。反之,你会被拉到Level 14或Level 48。
安克达里山地
相比阿尔洛路易山地的地广人稀和特殊地势,这处安克达里山地占地面积68.4万平方公里,并且贮藏丰富的矿产资源。该地区尚未勘测完全。
2015年6月,这个地区被首次发现并公开。最先由M.E.G.接管,随后被其他流浪者抢占。安克达里山地的气候干燥炎热,空气湿度较低。并不适合建造前哨站和基地。这处山地最高的山仅仅海拔3200米,平均海拔820米。2015年12月,这处山脉被勘测出存在大量火山,其中包含安克达里火山。安克达里火山口直径8公里,高度860米,是目前在这个层级中所勘测到直径最大的火山,目前尚未勘测到该火山有喷发意图。
科利塞克洛森林
科利塞克洛森林是本层级内所勘测出最大的森林,由当地居民阿尔洛路易人掌控。此地是一片白桦树森林,并且气候干燥。2012年3月,阿尔洛路易首次抵达此地展开勘测,但勘测出的结果竟是“不适宜居住的高温地区”。2015年2月,阿尔洛路易再次进入此森林,随后给出了一个中规中矩的答案“较适宜生存,但气候极为干燥”
。2015年6月,阿尔洛路易将这片区域命名为科利塞克洛森林,并且制作出地图。
2015年9月,阿尔洛路易完成初步勘测得出结论,这片丛林占地面积约120.62万平方公里。2016年,该丛林被额外划入420万平方公里的区域。至此,科利塞克洛森林就形成了。
“适宜生存”并不是这里的标签,而“物资丰富”肯定属于。这片大丛林拥有大量浆果丛和稀土。当地白桦最高可达31米,平均25米。树干粗50厘米,属于一种非常优质的建筑材料。2019年6月,一颗不同寻常的被染红色的白桦木出现在这里,目前出现的地区已经被阿尔洛路易展开武力封锁。
阿尔洛路易热带雨林
阿尔洛路易雨林是一片绵延不绝的热带雨林。这里的雨量充沛而均匀。气温通常保持在18~30℃,不同地点的平均温度变化非常小。最热、最冷日平均温差小于4℃。
阿尔洛路易雨林是由来自于前室的野芭蕉、橡皮树和大板根等植物和适度的天气构成的宜居地带,其中大部分树的高度都超过了50米。你或许会在这里看到许多的灌木丛。一颗颗大树挡住了太阳的光照,给了这里一种“阴沉”的感觉。
这里的环境复杂多样,从散布的岩石山区至低地的平原,再到溪流分布广泛的高原峡谷,独特的地貌造就了形态万千的雨林景观,在雨林中,池水、小溪、瀑布随处可见;参天大树、绿萝藤蔓以及杂草密布,交织起来仿佛一座迷宫。
阿尔洛群岛
该群岛由80做小型岛屿组成,或称布尔兰岛链。该地位于阿尔洛路易海北部,靠近MEG基地。这些群岛的整体结构为平原地形与森林。目前,阿尔洛路易已经在这座岛屿建立了20个前哨站。我们曾在这里发现有许多的稀缺矿石与稀有木材。这座大型群岛我们尚未勘测完全,因此阿尔洛路易并不推荐你来到这里参观居住。2018年5月,这些岛屿中最小的一座被海洋吞噬。我们推测,10年后,这些群岛的面积将缩水50%。我们给出的合理原因是群岛海拔较低,普遍在0~300之间。
阿尔洛路易丘陵
阿尔洛路易丘陵整体是由海拔240米以上的丘陵与矮山组成。大部分由沙砾与岩石构成。阿尔洛路易丘陵的年均气温保持于25摄氏度左右,空气质量正常。丘陵靠近阿尔洛路易平原与M.E.G.占领区。根据我们的决策,这处丘陵被划给了阿尔洛路易。2019年6月,我们在丘陵上建造了第一个前哨站。名“阿尔洛路易丘陵一号前哨站”。这处丘陵被定位M.E.G.与我们的分界线。在这处丘陵,靠近北海的地区常年寒冷,并不具有完整的四季交替。南方则气温正常,M.E.G.曾在丘陵下方建立港口,修建公路。目前,阿尔洛路易丘陵已经成为两团体的中转站。
AMTC.运输者A纪念石像
这处雕像存在于amtc的一个前哨站中。该石像由花岗岩,安山岩等多种石头建造而成。石像几乎还原了运输者A的样貌与他的面具。石像全高174米是按照一定比例来建造的石像。该石像附近有一些花坛,这些花坛是用于纪念的。石像左侧是一处村庄,村庄中插满了红色的旗帜与写满"运输者A万岁"的白纸。
AMTC盆地
amtc盆地是一个大小约58万平方公里的盆地地形。它的四周海拔约千米以上,然而中心部位却高度统一为标准海拔线。这里也被当做了天然的防护壁障与amtc的总基地。
盆地中央为森林与平原,森林主要类型为橡树。森林占地面积约15万平方公里,内有丰厚的水源储备,并且靠近盆地四周。amtc成员为保证不会在森林迷路,因此建设了38个前哨站,每个前哨站安插5人防守。
平原的占地面积为43万平方公里。被分为东西两处,中心被一条河流隔开。这里被建设了大量工厂、仓库以及居民楼,并且有耕地和麦田。这里的常住人口约2400人和800个搬运者。据说,这里是运输者A和运输者B的家园。
这个地区是amtc的前贵族与现富人的聚集地。他们主要精通贸易,并且与阿尔洛路易来往。amtc的共产主义运动也就是从这里开始的。
据点,基地和前哨站:
阿尔洛路易
据悉,阿尔洛路易是本层最大的国家。他分为3个基地和120个据点,35个前哨站。
- 人口约8400人1
- 国家体系
- 资本主义社会
- 拥有大量物资
- 与MEG为敌
M.E.G.Aelre基地
- 常住人口3100人
- 对阿尔洛路易展开贸易封锁
- 掌握本层级的特殊出口和入口2
- 掌握大量物资
- 多次与a.m.t.c.来往。
a.m.t.c.安东尼物质运输公司分公司(安萨斯分公司)
共产主义者运输者A建立的共产制度国家。分为60个前哨站与30个据点
- 贸易集团
- 与阿尔洛路易开展贸易关系
- 人口2400人3
- 拥有alpha站点层群最大的物资库
- alpha站点部分层级均来自a.m.t.c.档案部。如Level alpha 28等。
叛军
- 与全部团体为敌
- 人数140人
- 拥有高超的战斗经验
入口与出口:
入口
- 根据本层级的性质,你可以在大部分层级中卡入此层。
- 在Level8中,品尝地上的杏仁水直到晕倒,你会被传送至本层级的任意地区。包括海洋
- 在Level37中找到一个宽大的树洞并且钻入其中,你会来到阿尔洛路易雨林。
- 在Level47中晕倒并且感到严重的头疼后,你会来到阿尔洛路易山地。
- 你可以在Level48中通过卡入树木,卡入海水,用东西将自己击晕来通往本层级。
出口
作者:1__NicoNicoNi__1
图一:作者使用绘图软件制作
其余图片均通过授权,遵守CC协议
« Level-pe-34 | Level pe-35 | Level-pe-36 »