/* 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; }
:root { --lh-red: #c0392b; --lh-blue: #2980b9; --lh-green: #27ae60; --lh-dark-green: #16a085; --lh-purple: #8e44ad; --lh-orange: #e67e22; --lh-yellow: #f1c40f; --lh-paper-bg: 255, 251, 240; --lh-string-color: 192, 57, 43; --lh-book-color: var(--gray-monochrome); --lh-tape-color: 90,90,90,0.3; --lh-white-bg: 249,249,249; --lh-dark-bg: 50, 50, 50; --lh-highlighter: var(--bright-accent); --lh-border-color: var(--gray-monochrome); --lh-wiki-note-color: var(--bright-accent) } /** * 旧代码合集 * 为了向下兼容而保留 */ .grid-container{display:flex;flex-direction:row;flex-wrap:wrap;width:100%}.grid-container,.grid-container [class*=grid]{box-sizing:border-box}[class*=grid]{padding:5px}.grid{width:100%}.grid-large{width:75%}.grid-big{width:50%}.grid-medium{width:33.33%}.grid-small{width:25%}@media screen and (min-width:768px){.wd-grid-large{width:75%}.wd-grid,.wd-grid-big{width:50%}.wd-grid-medium{width:33.33%}.wd-grid-small{width:25%}}.text-hover-hide{opacity:0;transition:opacity .3s}.text-hover-hide:hover{opacity:1}.text-block-hide{background:rgb(var(--black-monochrome));color:rgb(var(--black-monochrome));transition:background .3s}.text-block-hide:hover{background:0 0}.text-blur-hide,.text-blur-hover-hide{filter:blur(.3rem);-webkit-filter:blur(.3rem) transition: blur .3s}.text-blur-hover-hide:hover{filter:blur(0);-webkit-filter:blur(0)}.lyric-box{text-align:center;font-size:1.05rem;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center}.lyric-box p{margin:1.5em auto}.lyric-box.with-bigger-line p{margin:3em auto} /** * 便签纸 * notepaper */ .notepaper { background: linear-gradient(rgb(var(--lh-paper-bg)) 95%, #ddd 0); line-height: 2em; background-size: 100% 2em; background-attachment: local; border: 2em solid rgb(var(--lh-paper-bg)); box-shadow: 0 0.1rem 0.3rem rgba(0,0,0,0.2); padding: 0; margin: 1em auto; box-sizing: border-box; position: relative } .notepaper p { margin: 0; font-size: 1.05rem; letter-spacing: 0.1rem; line-height: inherit } .notepaper.narrow, .notepaper.wide { width: 90% } @media screen and (min-width:768px){ .notepaper.narrow { width: 50% } .notepaper.wide { width: 75% } } .notepaper.tight { border-width: 1rem; border-left-width: 1.2rem; border-right-width: 1.2rem; line-height: 1.8em; background-size: 100% 1.8em; font-size: 13px } .notepaper.with-string::before { content: ''; width: 0.5em; height: 6rem; background: rgb(var(--lh-string-color)); top: -2rem; right: -1rem; display: block; position: absolute; box-shadow: 0 0.1em 0.2em rgba(0,0,0,0.2); clip-path: polygon(-100% -100%,100% 0%,100% 100%,50% 98%,0% 100%); } .notepaper.with-tape::before { content: ''; border: 1px solid #ddd; background: rgba(var(--lh-tape-color)); width: 1.5em; height: 4em; transform: rotate(45deg); display: block; position: absolute; top: -3em; left: -1.8em } .notepaper.tight.with-string::before { top: -1rem; right: -0.25rem; } .notepaper.tight.with-tape::before { top: -2.5em; left: -1.3em } .notepaper.page { min-height: 36em; counter-increment: page; display: flex; flex-direction: column; justify-content: space-between } @media screen and (min-width:768px){ .notepaper.page { width: 70% } } .notepaper.page:after { content: counter(page); display: block; text-align: center } .notepaper-group { counter-reset: page; } .book-pattern { display: flex; flex-wrap: wrap; flex-direction: row } .book-pattern .notepaper.page:not(.notepaper > .notepaper) { width: 100% } @media screen and (min-width: 768px) { .book-pattern .notepaper.page:not(.notepaper > .notepaper) { width: 50% } } .book-wrapper { background: rgb(var(--lh-book-color)); padding: 0.5rem; box-shadow: 0 0.1rem 0.2rem rgba(0,0,0,0.2); border-radius: 5px; margin: 1rem auto } @media screen and (min-width: 768px) { .book-wrapper .notepaper { margin: 0 } } /** * 文字修饰 */ .text-highlighted { position: relative } .text-highlighted::before { content: ""; position: absolute; height: 0.9em; bottom: 2px; left: -2px; width: 105%; z-index: -1; background-color: rgb(var(--lh-highlighter)); opacity: .6; transform: skew(-15deg); transition: opacity .2s ease; border-radius: 3px 8px 10px 6px; transition: 0.1s ease background-color; } .text-underlined { text-decoration: underline; text-underline-offset: 4px; text-decoration-thickness: 2px; text-decoration-color: rgb(var(--lh-highlighter)) } .text-wavy { text-decoration: underline wavy; text-underline-offset: 4px; text-decoration-color: rgb(var(--lh-highlighter)) } .text-circled, .text-squared { display: inline-block; border: 2px solid rgb(var(--lh-highlighter)); border-radius: 100%; box-sizing: border-box } .text-squared { border-radius: 0 } .text-shadow { text-shadow: 0.075em 0.075em 0 rgb(var(--lh-highlighter)) } .text-highlighted.td-red::before { background: var(--lh-red) } .text-circled.td-red, .text-squared.td-red { border-color: var(--lh-red) } .text-underlined.td-red, .text-wavy.td-red { text-decoration-color: var(--lh-red) } .text-highlighted.td-blue::before { background: var(--lh-blue) } .text-circled.td-blue, .text-squared.td-blue { border-color: var(--lh-blue) } .text-underlined.td-blue, .text-wavy.td-blue { text-decoration-color: var(--lh-blue) } .text-highlighted.td-green::before { background: var(--lh-green) } .text-circled.td-green, .text-squared.td-green { border-color: var(--lh-green) } .text-underlined.td-green, .text-wavy.td-green { text-decoration-color: var(--lh-green) } .text-highlighted.td-darkgreen::before { background: var(--lh-dark-green) } .text-circled.td-darkgreen, .text-squared.td-darkgreen { border-color: var(--lh-dark-green) } .text-underlined.td-darkgreen, .text-wavy.td-darkgreen { text-decoration-color: var(--lh-dark-green) } .text-highlighted.td-purple::before { background: var(--lh-purple) } .text-circled.td-purple, .text-squared.td-purple { border-color: var(--lh-purple) } .text-underlined.td-purple, .text-wavy.td-purple { text-decoration-color: var(--lh-purple) } .text-highlighted.td-yellow::before { background: var(--lh-yellow) } .text-circled.td-yellow, .text-squared.td-yellow { border-color: var(--lh-yellow) } .text-underlined.td-yellow, .text-wavy.td-yellow { text-decoration-color: var(--lh-yellow) } .text-highlighted.td-orange::before { background: var(--lh-orange) } .text-circled.td-orange, .text-squared.td-orange { border-color: var(--lh-orange) } .text-underlined.td-orange, .text-wavy.td-orange { text-decoration-color: var(--lh-orange) } /* 隐藏文字 */ .text-blank { color: rgba(0,0,0,0) } .text-block { background: rgb(var(--black-monochrome)); color: rgb(var(--black-monochrome)); } .text-blur { filter: blur(0.3em); -webkit-filter: blur(0.3em) } .text-hoverback, .text-selectback { transition-duration: 0.3s; transition-property: background, transform, color } .text-blank.text-hoverback:hover, .text-blank.text-selectback::selection, .text-blank.text-selectback *::selection { color: rgb(var(--black-monochrome)) } .text-block.text-hoverback:hover { background: transparent!important } .text-block.text-selectback::selection, .text-block.text-selectback *::selection { color: rgb(var(--white-monochrome, 255, 255, 255)) } .text-blur.text-hoverback:hover { filter: blur(0)!important; -webkit-filter: blur(0)!important } /** * 附加项 */ .with-border, .with-box-style { border: 1px solid rgb(var(--bright-accent)) } .with-border-dark { border: 1px solid rgb(var(--black-monochrome)) } .with-border-light { border: 1px solid rgb(var(--white-monochrome)) } .with-border-thick { border-width: 2px } .with-shadow-sm { box-shadow: 0 0 0.1em rgba(0,0,0,0.2) } .with-shadow { box-shadow: 0 0.1em 0.2em rgba(0,0,0,0.2) } .with-shadow-lg { box-shadow: 0 0.15em 0.3em rgba(0,0,0,0.2) } .with-shadow-xl { box-shadow: 0 0.2em 0.5em rgba(0,0,0,0.2) } .with-shadow-xxl { box-shadow: 0 0.25em 0.8em rgba(0,0,0,0.2) } .with-padding, .with-box-style { padding: 0.25em 1em } .with-p-sm { padding: 0.125em 0.5em } .with-p-lg { padding: 0.5em 2em } .with-margin, .with-box-style { margin: 1em auto } .with-m-sm { margin: 0.5em auto } .with-m-lg { margin: 2em auto } .with-narrow-width { width: 90%!important; margin-left: auto; margin-right: auto } @media screen and (min-width: 768px) { .with-narrow-width { width: 75%!important } } [class*="with-bg-"], [class*="with-bg-"] h1 { color: #fff!important } .with-bg-red { background: var(--lh-red)!important } .with-bg-blue { background: var(--lh-blue)!important } .with-bg-green { background: var(--lh-green)!important } .with-bg-darkgreen { background: var(--lh-dark-green)!important } .with-bg-yellow { background: var(--lh-yellow)!important } .with-bg-orange { background: var(--lh-orange)!important } .with-bg-purple { background: var(--lh-purple)!important } /** * 删除类 */ .offwith-shadow { box-shadow: none!important } .offwith-border { border: none!important } .offwith-padding, .offwith-pam { padding: 0!important } .offwith-margin, .offwith-pam { margin: 0!important } .offwith-width-limit { width: auto!important; margin-left: auto!important; margin-right: auto!important } div[class*="grider"].offwith-grid-gap { grid-gap: 0!important } /** * 网格布局 */ /* Gridder 容器 */ div[class*="gridder"] { display: grid; box-sizing: border-box; grid-gap: 1rem; padding: 0 } div[class*="gridder"] * { box-sizing: border-box } .gridder, .gridder-col-2 { grid-template-columns: 1fr 1fr; } .gridder-col-3 { grid-template-columns: repeat(3, 1fr); } .gridder-col-4 { grid-template-columns: repeat(4, 1fr); } @media screen and (min-width: 768px) { .pc-gridder, .pc-gridder-col-2 { grid-template-columns: 1fr 1fr; } .pc-gridder-col-3 { grid-template-columns: repeat(3, 1fr); } .pc-gridder-col-4 { grid-template-columns: repeat(4, 1fr); } } .spanner, .spanner-2 { grid-column-start: span 2; } .spanner-3 { grid-column-start: span 3; } /** * 告示组件 */ .signblock, .signblock-dark, .signblock-warn { margin: 1rem auto; box-shadow: 0 0.1rem 0.3rem rgba(0,0,0,0.4); background: rgb(var(--lh-white-bg)); font-size: 1.05rem; padding: 2rem } @media screen and (min-width: 768px) { .signblock, .signblock-dark, .signblock-warn { width: 75% } } .signblock-dark, .signblock-dark h1 { background: rgb(var(--lh-dark-bg)); color: #fff } .signblock-warn, .signblock-warn h1 { background: var(--lh-red); color: #fff } .signblock h1, .signblock-dark h1, .signblock-warn h1 { text-align: center; font-size: 2rem; margin: 0; font-weight: 700 } .signblock-img { display: flex; flex-direction: row; justify-content: center } .signblock-img img { width: 8em } .signblock-footer { font-size: 0.9em; text-align: center; margin: 0.5rem 0; font-weight: bolder; display: block } /** * 报告 */ .reportblock, .reportblock-dark { border: 2px solid rgb(var(--lh-border-color)); box-shadow: 0 0.1rem 0.2rem rgba(0,0,0,0.3); background: rgb(var(--white-monochrome)); padding: 0.8rem 1.5rem; padding-bottom: 0.4rem; margin: 1.5rem auto; margin-bottom: 1rem; position: relative } .reportblock hr, .reportblock-dark hr { background-color: rgb(var(--lh-border-color)); margin-left: -1.5rem; margin-right: -1.5rem } .reportblock h1:first-child, .reportblock-dark h1:first-child { position: absolute; top: -1rem; left: 1.5rem; font-size: 110%; font-weight: 600; background: rgb(var(--lh-border-color)); color: #fff; padding: 0.2rem 0.5rem; margin: 0; } .reportblock-dark, .reportblock-dark h1 { border-color: rgb(var(--lh-white-bg)); background: rgb(var(--lh-dark-bg)); color: #fff } .reportblock-dark hr { background-color: rgb(var(--lh-white-bg)); } /* 更好的折叠框 */ .bettercollap { margin: 1em 0; } .bettercollap .collapsible-block { width: auto; overflow: hidden; border: 1px solid rgb(var(--lh-border-color)) } .bettercollap .collapsible-block-content, .bettercollap .collapsible-block-link { background: rgb(var(--white-monochrome)); padding: 0.5em } .bettercollap .collapsible-block-content { padding-left: 1em; padding-right: 1em } .bettercollap .collapsible-block-link { color: rgb(var(--lh-border-color)); background: rgb(var(--white-monochrome)); transition: .3s; display: block; } .bettercollap .collapsible-block-link:hover, .bettercollap .collapsible-block-unfolded .collapsible-block-link, .styledcollap.bettercollap .collapsible-block-link { color: rgb(var(--white-monochrome)); background: rgb(var(--lh-border-color))!important; text-decoration: none } .bettercollap .collapsible-block-link:hover a { color: rgb(var(--white-monochrome)) } .bettercollap .collapsible-block-link::before { content: "\25BC"; display: inline-block; margin-right: 0.5em; transform: rotate(-90deg) scale(0.9) } .bettercollap .collapsible-block-unfolded .collapsible-block-link::before { transform: rotate(0) scale(0.9) } .bettercollap .collapsible-block + .collapsible-block { border-top: none } .styledcollap.bettercollap .collapsible-block { border-radius: 2px; box-shadow: 0 0.1rem 0.2rem rgba(0,0,0,0.3) } .styledcollap.bettercollap .collapsible-block-content { background-color: rgb(var(--pale-gray-monochrome)); border-width: 3px } .styledcollap.bettercollap .collapsible-block-link:hover { background: rgba(var(--lh-border-color),0.95)!important; } /** * 提示框 */ .infoblock { color: #f1f1f1; font-weight: bold; background: #424242; padding: 5px 5px 5px 5px; border-radius: 4px; margin: -0.5rem 0 1rem 0; display: block; width: fit-content; padding-right: 25px; } .infoblock::before { content: "ⓘ " } /** * 单页迭代 */ .offset-page:not(:target), .offset-page:target ~ div#u-default-page { display: none } .offset-page:target { display: block }
生存难度:生存難度:
等级等級 死区
- {$one}
- 生命绝迹
- 层级破碎
青草公社 红雾逆坞是后室的一个隐秘层级
描述
青草公社已不复存在。
根据最后一批失联探员的记录,以及后续多次远程探测(所有探测均以失败告终),可以确认以下事实:
1999年12月31日,层级发生了不可逆转的畸变。所有流浪者与基地成员——共计87人,加上后续进入的人数不明的新成员——突然失去理智,开始无差别攻击彼此。随后,整个空间被一层浓郁的、血红色的神秘雾气吞噬。
红雾具有极强的液化能力。任何接触到的生物——无论人类还是实体——都会被瞬间溶解,其残骸与意识被层级彻底吸收。溶解过程无痛、无挣扎、无惨叫,仿佛只是“回归”到某个更原始的状态。
红雾逆坞的第一张图片,受严重干扰。
目前,青草公社已完全被红雾覆盖。任何电子信号都无法穿透,任何物理探测手段均告失败。空间结构呈现出破碎、扭曲的状态,曾经的青草地与橙色公寓已彻底消失,取而代之的是一片充满未知恐怖的、不断蠕动的红色虚空。
偶尔,在红雾深处,探测设备会捕捉到极其微弱的信号——不是通信信号,而是某种“回声”。分析显示,这些回声包含人类语言碎片,如“家”、“水”、“别走”、“对不起”等。它们被认为是当年遇难者残存的意识痕迹,被困在红雾中,永远无法解脱。
实体与物资报告
由于层级被红雾完全封锁,目前无法获取任何关于实体或物资的有效信息。推测所有原生物资已被畸变过程彻底摧毁。
入口与出口
入口
Level KP-37中的地窖入口已被永久封禁。R.P.C.特种部队于2000年1月3日对该入口进行了封锁作业:用特种水泥封死门洞,并在周围设立永久性警示标识。
任何尝试重新打开门锁的行为都会触发空间排斥:流浪者会瞬间被切入至随机的危险层级
记录在案的传送目标包括Level KP-23、Level KP-30、Level KP-N2、逃生出口等
切入过程不可控,不可逆。
出口
本层级的出口机制已随畸变彻底消失。理论分析认为,即使有人能够突破红雾进入原层级核心,也无法找到任何离开的路径。红雾本身就是出口——唯一的、永恒的出口。
R.P.C.探险队通告
致所有后室流浪者:
现发布关于隐秘层级“青草公社”的最终公告:
青草公社已不存在。
该层级于1999年12月31日发生不可逆转的畸变,所有居民遇难,层级本身被红雾吞噬。任何尝试进入该层级的行为——无论出于何种目的——都将导致不可挽回的死亡。
Level KP-37中的入口已被永久封禁。任何试图接近或破坏封禁的行为,都将被视为对R.P.C.权威的挑战,并将面临强制驱逐。
本通告永久有效。
愿逝者安息。愿生者铭记。
——R.P.C.探险队 中央指挥部
2000年1月1日
*2003年,一名自称曾是青草公社居民的流浪者在Level KP-11被R.P.C.巡逻队发现。他精神极度不稳定,反复念叨“红雾”、“溶解”、“别进去”。经过长达六个月的心理康复治疗,他逐渐恢复了部分记忆,并同意接受访谈。以下是访谈记录节选。*
<记录开始>
问:请告诉我们你的名字。
答:名字……不重要了。叫我……阿诚吧。老周他们这么叫我。
问:你就是那个在12月28日走进红雾的人?
答:(长时间沉默)……是。我走进去了。
问:你看到了什么?为什么你能活下来?
答:我没有活下来。你听不懂吗?我没有活下来。那个走进去的我,已经死了。我只是……剩下的。剩下的那个。
问:什么意思?
答:红雾里没有东西。什么都没有。它只是……吃。把你的念头,你的记忆,你的感情,全部吃掉。你以为它在溶解你的身体?不,它在溶解你的灵魂。身体只是副产品。身体是最后被溶解的,因为身体最不重要。
问:你是怎么逃出来的?
答:我没有逃。我没有东西可以逃。那个“我”已经不存在了。我现在只是……一个回声。一个被吐出来的回声。我在雾里的时候,想了很多。想过我的公寓,我的冰箱,那些空荡荡的柜子。想过小陈,想过老周,想过那个婴儿。想过我为什么来公社——因为害怕。因为害怕后室的一切。然后我发现,害怕也是一种念头。红雾把害怕吃掉了。把愤怒吃掉了。把贪婪吃掉了。把爱也吃掉了。吃到最后,什么都没有了。然后它就吐了。把空壳吐出来。我就是那个空壳。
问:你对其他流浪者有什么想说的?
答:别去那里。别去找安宁。后室没有安宁。只有……等待。等待下一个地方,下一个层级,下一场恐惧。但是别去公社。它已经死了。它吃掉了自己。吃掉了我们。只剩下红雾,和雾里的回声。像我这样的回声。
问:你还记得老周吗?
答:(流泪,但表情没有任何变化——眼泪只是流出来,仿佛与情感无关)……记得。他在雾里。一直在我耳边说话。说“出来吧”,“回家吧”,“草还是绿的”。但我听不见。我听不见。我只能听见红雾。红雾在说……
问:红雾在说什么?
答:(突然剧烈颤抖)……它说:“你们终于属于我了。”
<记录终止,受访者情绪崩溃,访谈被迫中止>
该幸存者于2004年失踪,疑似主动切入了未知层级。他留下的最后一句话是:
“我想去找老周。也许这一次,我能听见他说话。”
报告编号: RPC-KP-FIN-001
主题: 关于隐秘层级“青草公社”的最终调查报告
呈报对象: R.P.C.中央档案馆
日期: 2005年3月17日(发现六周年)
摘要:
经过长达六年的持续监测与调查,R.P.C.正式确认:Level KP-37.1——即“青草公社”——已彻底消失,不再作为可访问层级存在。
所有已知入口均已永久封禁或失效。所有尝试重新建立连接的尝试均告失败。所有远程探测手段均无法穿透红雾屏障。
唯一幸存者的证言虽经多次核实,但其精神状态使其证词的可信度存疑。然而,无论证言是否准确,一个事实无可辩驳:青草公社已经毁灭。87名——或更多——遇难者的生命已被吞噬。
他们的死亡原因并非实体攻击,并非环境危害,并非资源匮乏。他们是死于自己。死于贪婪。死于恐惧。死于当“安宁”被打破时,人性中那些最脆弱的部分。
青草公社的毁灭是一个警示:后室中不存在真正的安宁。
任何安宁都只是暂时的、脆弱的、随时可能被收回的幻觉。
唯一的生存之道不是寻找安宁,而是接受动荡——接受这个世界的本质,然后继续前行。
结论:
青草公社档案永久封存。
愿后来者铭记:绿草之下,红雾永存。
——R.P.C.中央档案馆 馆长
E. Chernenko 签署
« Level KP-37 | 红雾逆坞 | Level KP-38 »
