/* BHL Style Search Top Box And User Account */ /* By Mercuresphere */ /* Based on BHL Theme */ :root, :root:lang(cn) { --merc-light-color: var(--swatch-menutxt-light-color); --merc-dark-color: var(--swatch-menubg-dark-color); --user-account-mask: url("https://fastly.jsdelivr.net/gh/Crimone/crimson-anemone@main/files/user-circle.svg"); --search-top-box-mask: url("https://fastly.jsdelivr.net/gh/Crimone/crimson-anemone@main/files/search-top-box-mask.svg"); } /* ===用户和搜索栏=== */ @media only screen and (max-width: 768px) { #login-status { right: unset; font-size: unset; } #navi-bar, #navi-bar-shadow, #search-top-box-input { display: unset; } #search-top-box-input { min-width: unset; } #search-top-box { top: unset; right: unset; height: unset; } #search-top-box:focus-within { box-shadow: unset; background: unset; padding: unset; } #search-top-box:not(:focus-within):before { -webkit-mask-size: calc(calc(0.9375rem * 1.8) / 2) calc(calc(0.9375rem * 1.8) / 2); -webkit-mask-position: center center; -webkit-mask-repeat: no-repeat; -webkit-mask-image: var(--search-top-box-mask); z-index: 14; background-color: rgb(var(--merc-light-color)); color: rgb(var(--merc-dark-color)); text-align: center; cursor: pointer; mask-image: var(--search-top-box-mask); mask-position: center center; mask-repeat: no-repeat; mask-size: calc(calc(0.9375rem * 1.8) / 2) calc(calc(0.9375rem * 1.8) / 2); pointer-events: none; position: absolute; top: 0; right: 0; width: calc(0.9375rem * 1.8); height: 100%; content: " "; } #search-top-box form[id=search-top-box-form] { visibility: unset; height: unset; } #search-top-box form[id=search-top-box-form]:focus-within { visibility: unset; } #search-top-box form[id=search-top-box-form] input { -webkit-appearance: unset; -moz-appearance: unset; position: unset; top: unset; transform: unset; appearance: unset; height: unset; } #search-top-box form[id=search-top-box-form] input[type=text] { visibility: unset; transition: box-shadow .2s cubic-bezier(.4, 0, .2, 1), font-variation-settings .2s cubic-bezier(.4, 0, .2, 1), font-weight .2s cubic-bezier(.4, 0, .2, 1), background-color .15s cubic-bezier(.4, 0, .2, 1), color .15s cubic-bezier(.4, 0, .2, 1), right .2s cubic-bezier(.4, 0, .2, 1), width .6s cubic-bezier(.4, 0, .2, 1), padding .6s cubic-bezier(.4, 0, .2, 1), max-width .6s cubic-bezier(.4, 0, .2, 1); } #search-top-box form[id=search-top-box-form]:not(:focus-within) input[type=text] { position: unset; right: unset; transform: unset; cursor: unset; border-width: unset; width: unset; height: unset; color: unset; } #search-top-box form[id=search-top-box-form]:not(:focus-within) input[type=text]:hover { background-color: unset; } #search-top-box form[id=search-top-box-form] input[type=submit] { background: none; transition: unset; } #search-top-box form[id=search-top-box-form]:not(:focus-within) input[type=submit] { opacity: unset; margin: unset; padding: unset; width: unset; } #header h1 a { z-index: unset; } } @media only screen and (max-width: 56.25rem) { #search-top-box form[id="search-top-box-form"]:not(:focus-within) input[type="text"] { background-color: rgba(0, 0, 0, 0); } } @media (min-width: 36rem) { #login-status { flex-grow: unset; left: unset; right: unset; } #login-status:not(:hover):not(:focus-within) { visibility: hidden; } #login-status::before { visibility: visible; } } #search-top-box-input { min-width: unset; display: inline-block; } #search-top-box-form input[type=submit], #search-top-box-form input[type=submit]:focus, #search-top-box-form input[type=submit]:hover { color: transparent; } #search-top-box-form input[type=submit]:focus, #search-top-box-form input[type=submit]:hover { border: none; text-shadow: none; } #search-top-box-form input[type=submit], #search-top-box-input:focus, #search-top-box-input:hover { border: none; } #search-top-box { display: flex; z-index: 12; position: absolute; top: 1.5em; right: calc(3% - .25em); align-items: center; justify-content: center; width: auto; height: calc(0.9375rem * 1.8); transform: translateY(-50%); font-size: calc(0.9375rem * .86667); } #search-top-box, #search-top-box * { box-sizing: border-box; margin: 0; padding: 0; border: none; transition: box-shadow .2s cubic-bezier(.4, 0, .2, 1), font-variation-settings .2s cubic-bezier(.4, 0, .2, 1), font-weight .2s cubic-bezier(.4, 0, .2, 1), background-color .15s cubic-bezier(.4, 0, .2, 1), color .15s cubic-bezier(.4, 0, .2, 1), right .2s cubic-bezier(.4, 0, .2, 1), width .6s cubic-bezier(.4, 0, .2, 1), padding .6s cubic-bezier(.4, 0, .2, 1), max-width .6s cubic-bezier(.4, 0, .2, 1); will-change: box-shadow, font-variation-settings, font-weight, background-color, color, right, width, padding, max-width; } #search-top-box:focus-within, #search-top-box:focus-within *, #search-top-box:focus-within :after, #search-top-box:focus-within :before { margin: 0; padding: 0; transition: box-shadow .2s cubic-bezier(.4, 0, .2, 1), font-variation-settings .2s cubic-bezier(.4, 0, .2, 1), font-weight .2s cubic-bezier(.4, 0, .2, 1), background-color .15s cubic-bezier(.4, 0, .2, 1), color .15s cubic-bezier(.4, 0, .2, 1), right .2s cubic-bezier(.4, 0, .2, 1), width .3s cubic-bezier(.4, 0, .2, 1), padding .3s cubic-bezier(.4, 0, .2, 1), max-width .3s cubic-bezier(.4, 0, .2, 1); will-change: box-shadow, font-variation-settings, font-weight, background-color, color, right, width, padding, max-width; } #search-top-box:focus-within { background: rgba(var(--merc-dark-color), .7); box-shadow: calc(calc(0.9375rem * 1.8) / 2 * -1) 0 calc(calc(0.9375rem * 1.8) / 2) rgba(var(--merc-dark-color)); } #search-top-box:after, #search-top-box:before { position: absolute; top: 0; right: 0; width: calc(0.9375rem * 1.8); height: 100%; content: " "; } #search-top-box:before { -webkit-mask-size: calc(calc(0.9375rem * 1.8) / 2) calc(calc(0.9375rem * 1.8) / 2); -webkit-mask-position: center center; -webkit-mask-repeat: no-repeat; -webkit-mask-image: var(--search-top-box-mask); z-index: 14; background-color: rgb(var(--merc-light-color)); color: rgb(var(--merc-dark-color)); text-align: center; cursor: pointer; mask-image: var(--search-top-box-mask); mask-position: center center; mask-repeat: no-repeat; mask-size: calc(calc(0.9375rem * 1.8) / 2) calc(calc(0.9375rem * 1.8) / 2); pointer-events: none; } #search-top-box:not(:focus-within):hover:before { background-color: rgb(var(--merc-light-color)); } #search-top-box:after { --clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); -webkit-clip-path: var(--clip-path); z-index: 13; clip-path: var(--clip-path); pointer-events: none; background-color: transparent; } #search-top-box:not(:focus-within):after { --clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%); background-color: rgb(var(--merc-light-color), 0); } #search-top-box form[id=search-top-box-form] { display: flex; visibility: visible; position: relative; right: 0; max-width: 100%; height: calc(0.9375rem * 1.8); } #search-top-box form[id=search-top-box-form]:not(:focus-within) { max-width: calc(0.9375rem * 15); } #search-top-box form[id=search-top-box-form] input { -webkit-appearance: none; -moz-appearance: none; appearance: none; position: relative; top: 0; } #search-top-box form[id=search-top-box-form] input[type=text] { z-index: 13; position: absolute; right: 0; width: calc(0.9375rem * 15); max-width: calc(0.9375rem * 15); height: 100%; padding: 0 calc(0.9375rem * 1.8) 0 1em; outline: 0 solid rgb(var(--merc-light-color)); background-color: rgb(var(--merc-dark-color), .7); box-shadow: 0 0 0 .125rem rgb(var(--merc-light-color)); color: rgba(var(--merc-light-color)); } #search-top-box form[id=search-top-box-form]:not(:focus-within) input[type=text] { max-width: calc(0.9375rem * 1.8); padding: 0; outline-width: 0; background-color: rgba(var(--merc-dark-color), 0); box-shadow: 0 0 0 0 rgb(var(--merc-light-color)); color: rgba(0, 0, 0, 0); cursor: pointer; } #search-top-box form[id=search-top-box-form]:not(:focus-within) input[type=text]:hover { background-color: rgba(var(--merc-dark-color), 1); } #search-top-box form[id=search-top-box-form] input[type=submit] { visibility: visible; z-index: 14; position: absolute; right: 0; width: calc(0.9375rem * 1.8); height: calc(0.9375rem * 1.8); outline: 0 solid rgb(var(--merc-light-color)); background-color: transparent; box-shadow: 0 0 0 .125rem rgb(var(--merc-light-color)); color: t; font-size: calc(0.9375rem * .86667); cursor: pointer; pointer-events: all; } #search-top-box form[id=search-top-box-form]:not(:focus-within) input[type=submit] { box-shadow: 0 0 0 0 rgb(var(--merc-light-color)); pointer-events: none; } #login-status { --wght: var(--ui-wght); display: flex; z-index: 11; position: absolute; top: 1.5em; right: calc(3% + calc(0.9375rem * 1.8) - .25em); align-items: center; justify-content: center; height: 2em; margin: 0 0 0 .5em; transform: translateY(-50%); color: rgb(var(--merc-light-color)); font-weight: var(--wght); font-size: 1em; font-family: var(--UI-font); white-space: nowrap; transition: opacity .2s cubic-bezier(.4, 0, .2, 1); } #search-top-box:focus-within ~ #login-status { opacity: 0; } #login-status span.printuser a:first-of-type { width: 1.75em; } #login-status:not(.page-rate-widget-box):not(#search-top-box-form) > a.login-status-create-account, #login-status:not(.page-rate-widget-box):not(#search-top-box-form) > a.login-status-sign-in { margin: 0 1em; background-color: rgb(var(--pale-gray-monochrome)); color: rgb(var(--merc-dark-color)); padding: 0.1em 1em; text-decoration: none; } #login-status:not(.page-rate-widget-box):not(#search-top-box-form) > a.login-status-create-account:active, #login-status:not(.page-rate-widget-box):not(#search-top-box-form) > a.login-status-create-account:hover, #login-status:not(.page-rate-widget-box):not(#search-top-box-form) > a.login-status-sign-in:active, #login-status:not(.page-rate-widget-box):not(#search-top-box-form) > a.login-status-sign-in:hover, #login-status:not(.page-rate-widget-box):not(#search-top-box-form) > a.login-status-create-account:focus-within, #login-status:not(.page-rate-widget-box):not(#search-top-box-form) > a.login-status-sign-in:focus-within { background-color: rgba(var(--merc-light-color), 1); color: rgb(var(--merc-dark-color)); text-decoration: none; } #login-status span.printuser { --wght: var(--ui-wght); margin-right: .5em; color: rgb(var(--merc-light-color)); font-weight: var(--wght); } #login-status a#my-account, #login-status a[href*="account/messages"] { color: rgb(var(--merc-light-color)); } #login-status a#my-account { --wght: var(--ui-wght); -webkit-text-decoration: underline rgb(var(--merc-dark-color)) .125em; display: flex; align-items: center; padding: 0 .5em; background-color: initial; box-shadow: inset 0 0 0 0 rgb(var(--merc-dark-color)); font-weight: var(--wght); text-decoration: underline rgb(var(--merc-dark-color)) .125em; transition: box-shadow .2s cubic-bezier(.4, 0, .2, 1), text-decoration .2s cubic-bezier(.4, 0, .2, 1), -webkit-text-decoration .2s cubic-bezier(.4, 0, .2, 1); } #login-status a#my-account:active, #login-status a#my-account:hover { --wght: var(--ui-hvr-wght); -webkit-text-decoration: underline rgb(var(--merc-dark-color)) 0; box-shadow: inset 0 -2em 0 0 rgb(var(--merc-dark-color)); color: rgb(var(--merc-light-color)); font-weight: var(--wght); text-decoration: underline rgb(var(--merc-dark-color)) 0; } #login-status a#my-account:focus-within { --wght: var(--ui-hvr-wght); -webkit-text-decoration: underline rgb(var(--merc-dark-color)) 0; box-shadow: inset 0 -2em 0 0 rgb(var(--merc-dark-color)); color: rgb(var(--merc-light-color)); font-weight: var(--wght); text-decoration: underline rgb(var(--merc-dark-color)) 0; } #login-status #account-topbutton { --clip-path: polygon(30% 35%, 70% 35%, 50% 60%, 50% 60%); -webkit-clip-path: var(--clip-path); position: relative; width: var(--account-height); height: var(--account-height); margin: 0; padding: 0; background-color: rgb(var(--merc-light-color)); color: transparent; clip-path: var(--clip-path); transition: -webkit-clip-path .1s cubic-bezier(.4, 0, .2, 1); transition: clip-path .1s cubic-bezier(.4, 0, .2, 1), -webkit-clip-path .1s cubic-bezier(.4, 0, .2, 1); } #login-status #account-options { display: block !important; z-index: 12; position: absolute; top: 1.5rem; right: 0; width: 10em; margin: .25em 0 0; padding: 0; overflow: hidden; background-image: var(--gradient-header); background-color: rgb(var(--merc-dark-color)); opacity: 0; pointer-events: none; transition: opacity .15s cubic-bezier(.4, 0, .2, 1); } #login-status #account-options:focus-within, #login-status #account-topbutton:active + #account-options, #login-status #account-topbutton:focus + #account-options { opacity: 1; pointer-events: all; } @media (pointer: coarse) { #login-status #account-options:hover, #login-status #account-topbutton:hover + #account-options { opacity: 1; pointer-events: all; } } #login-status #account-options * { margin: 0; padding: 0; } #login-status #account-options ul { display: grid; grid-template-columns: 1fr 1fr; grid-auto-rows: 2em; flex-grow: 1; align-items: center; justify-content: center; font-size: .85em; } #login-status #account-options ul li { position: relative; } #login-status #account-options ul li, #login-status #account-options ul li a { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; } #login-status #account-options a { --box-shadow: rgba(var(--merc-dark-color)); --wght: var(--ui-wght); position: relative; flex-grow: 1; height: 100%; max-height: 2em; padding: 0 .25em; box-shadow: inset 0 0 0 .0625rem var(--merc-dark-color); font-weight: var(--wght); transition: color .15s cubic-bezier(.4, 0, .2, 1), font-weight .15s cubic-bezier(.4, 0, .2, 1), font-variation-settings .15s cubic-bezier(.4, 0, .2, 1); } #login-status #account-options li > a, #login-status #account-options li > a:visited { color: rgb(var(--merc-light-color)); } #login-status #account-options li > a:active, #login-status #account-options li > a:hover { --wght: var(--ui-hvr-wght); color: rgb(var(--merc-dark-color)); font-weight: var(--wght); text-decoration: none; } #login-status #account-options li > a:focus-within { --wght: var(--ui-hvr-wght); color: rgb(var(--merc-dark-color)); font-weight: var(--wght); text-decoration: none; } #login-status #account-options li > a[href*="/messages"] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; min-height: 100%; font-size: 0; } #login-status #account-options li > a[href*="/messages"]:after { position: absolute; left: 50%; transform: translateX(-50%); content: "信息"; font-size: calc(0.9375rem * .765); pointer-events: none; } #login-status #account-options li > a:before { --clip-path: polygon(0 0, 0 0, 0 100%, 0 100%); -webkit-clip-path: var(--clip-path); z-index: -1; position: absolute; top: 0; width: 100%; height: 100%; background-color: rgb(var(--merc-light-color)); content: " "; clip-path: var(--clip-path); pointer-events: none; transition: -webkit-clip-path .2s cubic-bezier(.4, 0, .2, 1); transition: clip-path .2s cubic-bezier(.4, 0, .2, 1), -webkit-clip-path .2s cubic-bezier(.4, 0, .2, 1); } #login-status #account-options li > a:active:before, #login-status #account-options li > a:hover:before { --clip-path: polygon(-15% 0, 115% 0, 100% 100%, 0 100%); } #login-status #account-options li > a:focus-within:before { --clip-path: polygon(-15% 0, 115% 0, 100% 100%, 0 100%); } /* ===默认收起用户信息栏和搜索栏=== */ #search-top-box { top: 23px; right: calc(3%); } #login-status { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; top: 24px; right: calc(3% + calc(0.9375rem * 1.8) + .25em); color: transparent; pointer-events: none; transition: color .2s cubic-bezier(.4, 0, .2, 1); user-select: none; } @media only screen and (min-width: 980px) { #search-top-box { right: calc(3% + (-100vw + var(--header-width-on-desktop, 61.25rem)) / 2); } #login-status { right: calc(3% + calc(0.9375rem * 1.8) + .25em + (-100vw + var(--header-width-on-desktop, 61.25rem)) / 2); } } #login-status:active, #login-status:hover { -webkit-user-select: initial; -moz-user-select: initial; -ms-user-select: initial; color: rgb(var(--merc-light-color)); pointer-events: all; user-select: auto; } #login-status:focus-within { -webkit-user-select: initial; -moz-user-select: initial; -ms-user-select: initial; color: rgb(var(--merc-light-color)); pointer-events: all; user-select: auto; } #login-status:active #account-options, #login-status:hover #account-options { pointer-events: all; } #login-status:focus-within #account-options { pointer-events: all; } #login-status > :not(#account-topbutton):not([href*="account/messages"]) { --clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%); -webkit-clip-path: var(--clip-path); clip-path: var(--clip-path); opacity: 0; transition: box-shadow .2s cubic-bezier(.4, 0, .2, 1), text-decoration .2s cubic-bezier(.4, 0, .2, 1), color .2s cubic-bezier(.4, 0, .2, 1), clip-path .2s cubic-bezier(.4, 0, .2, 1), opacity .2s cubic-bezier(.4, 0, .2, 1), -webkit-text-decoration .2s cubic-bezier(.4, 0, .2, 1), -webkit-clip-path .2s cubic-bezier(.4, 0, .2, 1); } #login-status:active > :not(#account-topbutton):not([href*="account/messages"]), #login-status:hover > :not(#account-topbutton):not([href*="account/messages"]) { --clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); -webkit-clip-path: var(--clip-path); clip-path: var(--clip-path); opacity: 1; } #login-status:focus-within > :not(#account-topbutton):not([href*="account/messages"]) { --clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); -webkit-clip-path: var(--clip-path); clip-path: var(--clip-path); opacity: 1; } #login-status #account-topbutton { margin-left: 0; background-color: initial; pointer-events: all; transition: clip-path .15s cubic-bezier(.4, 0, .2, 1), background-color .15s cubic-bezier(.4, 0, .2, 1), -webkit-clip-path .15s cubic-bezier(.4, 0, .2, 1); } #login-status:hover #account-topbutton { background-color: rgb(var(--merc-light-color)); } #login-status:before { -webkit-mask-image: var(--user-account-mask); -webkit-mask-size: calc(calc(0.9375rem * 1.8) - .5em); -webkit-mask-position: center right; -webkit-mask-repeat: no-repeat; z-index: 2; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(var(--merc-light-color), 1); content: ""; cursor: pointer; mask-image: var(--user-account-mask); mask-position: center right; mask-repeat: no-repeat; mask-size: calc(calc(0.9375rem * 1.8) - .5em); pointer-events: all; transition: background-color .15s cubic-bezier(.4, 0, .2, 1); } #login-status:hover:before { background-color: rgba(var(--search-icon-hover-color), 1); } #login-status:active:after, #login-status:active:before, #login-status:hover:after, #login-status:hover:before { background-color: rgba(var(--search-icon-hover-bg-color), 0); cursor: auto; pointer-events: none; } #login-status:focus-within:after, #login-status:focus-within:before { background-color: rgba(var(--search-icon-hover-bg-color), 0); cursor: auto; pointer-events: none; } #login-status #account-topbutton { --clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); -webkit-clip-path: var(--clip-path); background-color: rgba(var(--merc-light-color), 0); clip-path: var(--clip-path); } #login-status:active #account-topbutton, #login-status:hover #account-topbutton { --clip-path: polygon(30% 35%, 70% 35%, 50% 60%, 50% 60%); -webkit-clip-path: var(--clip-path); background-color: rgb(var(--merc-light-color)); clip-path: var(--clip-path); } #login-status:focus-within #account-topbutton { --clip-path: polygon(30% 35%, 70% 35%, 50% 60%, 50% 60%); -webkit-clip-path: var(--clip-path); background-color: rgb(var(--merc-light-color)); clip-path: var(--clip-path); } #login-status #account-options { margin: 0; } #login-status a[href*="account/messages"] { color: rgb(var(--merc-light-color)); pointer-events: all; } #account-topbutton { border: none; } #account-options { border: none; }
/* 2024 Theme [2024 Wikidot Theme] by Ambersight For 2024 Archipelago */ @import url('https://use.fontawesome.com/releases/v5.11.2/css/all.css'); @import url('https://fonts.googleapis.com/css2?family=Archivo+Black&display=swap'); @import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap'); @keyframes collapsible-arrow-spin { from { transform: rotate(0deg); } to { transform: rotate(-90deg); } } @keyframes collapsible-arrow-spin-back { from { transform: rotate(-90deg); } to { transform: rotate(0deg); } } @keyframes collapsible-arrow-spin-2 { from { transform: rotate(0deg); } to { transform: rotate(90deg); } } @keyframes collapsible-arrow-spin-back-2 { from { transform: rotate(90deg); } to { transform: rotate(0deg); } } /* ROOT */ :root { --2024_red: 212, 39, 39; --2024_gray: 255, 237, 221; --2024_black: 39, 36, 36; --2024_white: 255,255,238; --2024_purple: 96, 39, 212; --2024_link: 251, 40, 54; --2024_visited-link: 210, 12, 12; --2024_hover-link: var(--2024_visited-link); --2024_dead-link: 251, 163, 31; --2024_alt-link: var(--2024_black); --2024_alt-visited-link: 0, 0, 0; --2024_alt-hover-link: var(--2024_alt-link); --2024_alt-dead-link: 255, 202, 45; --2024_alt-link-2: 210, 12, 12; --2024_alt-visited-link-2: 156, 8, 8; --2024_alt-hover-link-2: 210, 12, 12; --2024_alt-dead-link-2: 221, 102, 17; --2024_pattern: url('http://ye-zhi-d.wikidot.com/local--files/start/theme2024pattern.png'); --logo-image: url(http://backrooms-oversight-cn.wikidot.com/local--files/posts/CN-logo-alt-white.png); --header-title: "2024"; --header-subtitle: "The Backrooms"; --mono-font: 'JetBrains Mono', Recursive, "Noto Serif SC", "Noto Serif TC", "宋体", "SimSun", "Microsoft YaHei UI", "微软雅黑", "Microsoft JhengHei UI", "Microsoft JhengHei", "Courier New", Courier, monospace, STXihei, "华文细黑"; --white-monochrome: var(--2024_black); --pale-gray-monochrome: var(--2024_red); --very-light-gray-monochrome: var(--2024_black); --light-gray-monochrome: var(--2024_red); --gray-monochrome: var(--2024_gray); --dark-gray-monochrome: var(--2024_gray); --black-monochrome: var(--2024_white); --bright-accent: var(--2024_red); --medium-accent: var(--2024_red); --dark-accent: var(--2024_gray); --alt-accent: var(--2024_dead-link); --link-color: var(--2024_link); --hover-link-color: var(--2024_hover-link); --visited-link-color: var(--2024_visited-link); --rating-module-button-cancel-color: var(--2024_gray); --header-height-on-desktop: 19.5rem; --header-height-on-mobile: 19.5rem; --header-h1-font-size: calc(var(--base-font-size)*5); --header-h2-font-size: calc(var(--base-font-size)*2); --topbar-height-on-desktop: 2.35rem; --body-width-on-desktop: 61.25rem; --toggle-border-color: rgb(var(--2024_red)); --toggle-icon-color: rgb(var(--2024_red)); --modal-header-bg: var(--2024_red); --modal-header-txt: var(--2024_white); --base-font-size: max(0.8125rem, min(2vw, 0.9375rem)); --sidebar-width-on-mobile: calc(var(--base-font-size) * (14 / 15) * 19); } /* HEADER */ #header { --swatch-headerh1-color: var(--2024_white); --swatch-headerh2-color: var(--2024_white); } #header::before { background-size: auto 12rem; background-position: center top; opacity: 1; } #header h1, #header h1 a { top: 0; } #header h1 span, #header h2 span { font-size: 0; } #header h1 a::before { display: block; position: absolute; top: 14rem; } #header h2, #header h2 span, #header h2 span::before { top: 5.5rem; } #header h2 span::before { font-size: var(--header-h2-font-size); } #header h1 a::before, #header h2 span::before { --wght: 400; --text-shadow: none; font-family: 'Archivo Black', var(--title-font); } #extrac-div-1 { position: absolute; top: 0; right: 0; width: 100%; height: var(--header-height-on-desktop); background-image: var(--2024_pattern); background-repeat: repeat; background-size: 80px auto; } #skrollr-body { background: none; } /* TOP BAR */ #top-bar div.mobile-top-bar > ul > li > ul > li > a, #top-bar div.top-bar > ul > li > ul > li > a { --wght: 700; } #top-bar div.mobile-top-bar > ul > li > ul > li > a:hover, #top-bar div.top-bar > ul > li > ul > li > a:hover { color: rgb(var(--2024_white)); background: rgb(var(--2024_red)); } /* SIDE BAR */ #main-content::before { background: rgba(var(--2024_black), .5) 1px 1px repeat; } #side-bar { scrollbar-color: rgb(var(--2024_red)) rgb(var(--2024_black)); } #side-bar .side-block.media { background-color: rgb(var(--2024_red)) !important; background-image: var(--2024_pattern); background-repeat: repeat; background-size: 80px auto; } #side-bar .side-block.media a { overflow: hidden; } #side-bar .side-block.media a img { position: relative; transform: translateX(-80px); filter: drop-shadow(rgb(var(--2024_white)) 80px 0); } #side-bar div.side-block { border: none; } #side-bar .side-block .heading { background: rgb(var(--2024_gray)); color: rgb(var(--2024_black)); } #side-bar .heading p, #side-bar #side-bar .side-block > .collapsible-block .collapsible-block-link { --text-shadow: none; } #side-bar div.menu-item a:hover { background-color: rgb(var(--2024_red)); color: rgb(var(--2024_gray)); } #side-bar .side-block > .collapsible-block a.collapsible-block-link { padding-right: 0; font-size: var(--base-font-size); } #side-bar .side-block > .collapsible-block a.collapsible-block-link:after, #side-bar div.menu-item a.collapsible-block-link:after { transform: none; content: "▼"; position: static; background: none; width: auto; filter: none; } /* CONTENT */ #container { background-image: none; } #main-content :is(h1, h2, h3, h4, h5, h6, blockquote, div.blockquote, div.lightblock, div.darkblock, div.styled-quote, div.dark-styled-quote, hr, div.collapsible-block, table.wiki-content-table, .yui-navset-top, div.code, table, div.paperblock, div.darkerblock, div.darker-styled-quote) { margin-top: var(--base-font-size); margin-bottom: var(--base-font-size); } #main-content :is(blockquote, div.blockquote, div.lightblock, div.darkblock, div.styled-quote, div.dark-styled-quote, code, div.code, div.scp-image-block) { box-shadow: none; } #page-title { --wght: 700; display: flex; align-items: center; min-height: 1em; margin: .5em 0 1em; padding: 0; border: none; color: rgb(var(--swatch-text-general)); font-weight: var(--wght); font-size: 2em; line-height: 1; font-family: var(--title-font); font-variant-ligatures: common-ligatures contextual discretionary-ligatures; text-align: left; } #page-title::after, #page-title::before{ content: ""; flex-grow: 1; height: 0.0625rem; margin: auto auto auto 1.25rem; background: rgb(var(--swatch-primary)); } #page-title::before{ margin: auto 1.25rem auto auto; } .yui-navset .yui-nav { transition: none; } .yui-navset .yui-nav a, .yui-navset .yui-navset-top .yui-nav a { background-color: rgb(var(--2024_red)); background-image: var(--2024_pattern); background-repeat: repeat; background-size: 80px auto; color: rgb(var(--2024_white)); transition: none; } .yui-navset .yui-nav a:hover, .yui-navset .yui-nav a:focus { background-color: rgb(var(--2024_gray)); background-image: var(--2024_pattern); background-repeat: repeat; background-size: 80px auto; color: rgb(var(--2024_black)); } .yui-navset .yui-nav .selected a, .yui-navset .yui-nav .selected a:focus, .yui-navset .yui-nav .selected a:active { background-color: rgb(var(--2024_black)); background-image: var(--2024_pattern); background-repeat: repeat; background-size: 80px auto; color: rgb(var(--2024_white)) !important; } .yui-navset .yui-content, .yui-navset .yui-navset-top .yui-content { background-color: rgb(var(--2024_black)); background-image: var(--2024_pattern); background-repeat: repeat; background-size: 80px auto; padding: 1px 1em; } .footnotes-footer { background-color: rgb(var(--2024_gray)); color: rgb(var(--2024_black)); } hr { height: 0px; border-top: 1px solid rgba(var(--2024_gray), .4); } #toc { margin: 0; background-color:rgb(var(--2024_gray)); color: rgb(var(--2024_black)); border: none; } table { border-spacing: 0; } .scp-image-block { border: none; } .scp-image-block .scp-image-caption { border: none; background-image: var(--2024_pattern); background-repeat: repeat; background-size: 80px auto; } table.wiki-content-table th { --wght: 700; color: rgb(var(--2024_white)); background-image: var(--2024_pattern); background-repeat: repeat; background-size: 80px auto; } table.wiki-content-table td { color: rgb(var(--2024_black)); background: rgb(var(--2024_white)); } table.wiki-content-table td, table.wiki-content-table th, table.wiki-content-table tr { border: 0.2rem solid rgba(var(--2024_red), 0.6) !important; } div.rate-box-with-credit-button div.page-rate-widget-box .rate-points, div.page-rate-widget-box .rate-points { font-size: 0.8em; align-items: center; } div.rate-box-with-credit-button div.page-rate-widget-box .rate-points .number, div.page-rate-widget-box .rate-points .number { --wght: 400; font-size: 1.3em; } ul { list-style-type: disc; padding-inline-start: 20px; } ol { padding-inline-start: 20px; } a.collapsible-block-link { display: block; background-color: rgb(var(--2024_black)); text-align: center; color: rgb(var(--2024_white)); background-image: var(--2024_pattern); background-repeat: repeat; background-size: 80px auto; padding: 0.3em 0.5em; --wght: 700; font-size: 1.2em; text-decoration: none !important; transition: background-color 300ms; } a.collapsible-block-link:hover { color: rgb(var(--2024_white)); background-color: rgb(var(--2024_red)); background-image: var(--2024_pattern); background-repeat: repeat; background-size: 80px auto; } .collapsible-block-folded a.collapsible-block-link::before, .collapsible-block-unfolded-link a.collapsible-block-link::before, .collapsible-block-folded a.collapsible-block-link::after, .collapsible-block-unfolded-link a.collapsible-block-link::after { margin: 0 0.5em; content: "▼"; display: inline-block; } .collapsible-block-folded a.collapsible-block-link::before { animation-name: collapsible-arrow-spin; } .collapsible-block-unfolded-link a.collapsible-block-link::before { animation-name: collapsible-arrow-spin-back; } .collapsible-block-folded a.collapsible-block-link::after { animation-name: collapsible-arrow-spin-2; } .collapsible-block-unfolded-link a.collapsible-block-link::after { animation-name: collapsible-arrow-spin-back-2; } .collapsible-block-folded a.collapsible-block-link::before, .collapsible-block-unfolded-link a.collapsible-block-link::before, .collapsible-block-folded a.collapsible-block-link::after, .collapsible-block-unfolded-link a.collapsible-block-link::after { animation-duration: 300ms; animation-iteration-count: 1; animation-timing-function: cubic-bezier(.32, .38, .39, .94); animation-fill-mode: forwards; } .collapsible-block-content { background-image: var(--2024_pattern); background-repeat: repeat; background-size: 80px auto; background-color: rgb(var(--2024_black)); padding: 1px 1rem; color: rgb(var(--2024_white)); } .sponsor table { width: 100%; color: rgb(var(--2024_black)); } .sponsor table { border-top: 0.2rem solid rgba(var(--2024_red), 0.6) !important; border-bottom: 0.2rem solid rgba(var(--2024_red), 0.6) !important; } .sponsor table tr { display: grid; grid-template-areas: 'name con' 'name req' 'name rew'; grid-template-columns: 7.5em auto; border-top: none !important; border-bottom: 0.3rem transparent solid !important; } .sponsor table tr:nth-last-child(1) { border-bottom-width: 0 !important; } .sponsor table tr td:nth-child(1) { grid-area: con; border-right: none !important; border-top: none !important; } .sponsor table tr td:nth-child(1)::before { --wght: 700; content: "赞助用户:" } .sponsor table tr td:nth-child(2) { --alt-accent: var(--2024_alt-dead-link); --link-color: var(--2024_alt-link); --hover-link-color: var(--2024_alt-hover-link); --visited-link-color: var(--2024_alt-visited-link); --wght: 700; white-space: normal; grid-area:name; display: flex; align-content: center; justify-content: center; flex-wrap: wrap; color: rgb(var(--2024_white)); background-color: rgb(var(--2024_red)); background-image: var(--2024_pattern); background-repeat: repeat; background-size: 80px auto; text-align: center; } .sponsor table tr td:nth-child(3) { grid-area: req; border-right: none !important; border-top: none !important; } .sponsor table tr td:nth-child(3)::before { --wght: 700; content: "成就条件:" } .sponsor table tr td:nth-child(4) { grid-area: rew; border-right: none !important; border-top: none !important; border-bottom: none !important; } .sponsor table tr td:nth-child(4)::before { --wght: 700; content: "青睐奖励:" } #main-content [id*=u-credit] div.modalbox { background: rgb(var(--2024_black)) !important;; color: rgb(var(--2024_gray)); } #main-content [id*=u-credit] div.modalbox > div:first-of-type { background-image: var(--2024_pattern); background-repeat: repeat; background-size: 80px auto; } #main-content [id*=u-credit] div.modalcontainer div:nth-child(1) > h2 { margin-top: 0; margin-bottom: 0; } #main-content [id*=u-credit] .credit.first { display: block; } #main-content [id*=u-credit] div.modalbox > hr { margin: 0; height: 0; border: none; } #main-content [id*=u-credit] .credit.first p { margin: 1em 0; padding: 0; } #main-content [id*=u-credit] div.creditBottomRate { margin: 0 0 1em; padding: 1rem 0 0; box-shadow: none; } #page-content .licensebox a.collapsible-block-link { margin-left: 0; opacity: 1; color: rgba(var(--2024_white), 0.5); transition: background-color 300ms; } #page-content .licensebox a.collapsible-block-link:hover { color: rgba(var(--2024_white), 1); } /* DIV */ .darkblock a, .dark-styled-quote a { color: rgb(var(--link-color)); } .darkblock a:visited, .dark-styled-quote a:visited { color: rgb(var(--visited-link-color)); } .darkblock a:hover, .dark-styled-quote a:hover { color: rgb(var(--hover-link-color)); } .darkblock a.newpage, .dark-styled-quote a.newpage { color: rgb(var(--newpage-color)); } blockquote, div.blockquote { --alt-accent: var(--2024_alt-dead-link); --link-color: var(--2024_alt-link); --hover-link-color: var(--2024_alt-hover-link); --visited-link-color: var(--2024_alt-visited-link); background: rgb(var(--2024_red)); color: rgb(var(--2024_white)); background-image: var(--2024_pattern); background-repeat: repeat; background-size: 80px auto; border: 2px solid rgba(var(--2024_white), .6); } div.lightblock { --alt-accent: var(--2024_alt-dead-link-2); --link-color: var(--2024_alt-link-2); --hover-link-color: var(--2024_alt-hover-link-2); --visited-link-color: var(--2024_alt-visited-link-2); margin-left: 0; background: rgb(var(--2024_gray)); color: rgb(var(--2024_black)); } div.paperblock { padding: 0.1rem 1rem; background: rgb(var(--2024_gray)); color: rgb(var(--2024_black)); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%23bbbbbb' fill-opacity='0.4'%3E%3Cpath opacity='.5' d='M96 95h4v1h-4v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9zm-1 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9z'/%3E%3Cpath d='M6 5V0H5v5H0v1h5v94h1V6h94V5H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); background-repeat: repeat; } div.darkblock { --alt-accent: var(--2024_alt-dead-link); --link-color: var(--2024_alt-link); --hover-link-color: var(--2024_alt-hover-link); --visited-link-color: var(--2024_alt-visited-link); margin-left: 0; background: rgb(var(--2024_red)); color: rgb(var(--2024_white)); background-image: var(--2024_pattern); background-repeat: repeat; background-size: 80px auto; } div.darkerblock { background: rgb(var(--2024_black)); color: rgb(var(--2024_gray)); background-image: var(--2024_pattern); background-repeat: repeat; background-size: 80px auto; padding: 0.1rem 1rem; } div.styled-quote { --alt-accent: var(--2024_alt-dead-link-2); --link-color: var(--2024_alt-link-2); --hover-link-color: var(--2024_alt-hover-link-2); --visited-link-color: var(--2024_alt-visited-link-2); margin-left: 0; background: rgb(var(--2024_gray)); color: rgb(var(--2024_black)); border-color: rgb(var(--2024_red)); } div.dark-styled-quote { --alt-accent: var(--2024_alt-dead-link); --link-color: var(--2024_alt-link); --hover-link-color: var(--2024_alt-hover-link); --visited-link-color: var(--2024_alt-visited-link); margin-left: 0; background: rgb(var(--2024_red)); color: rgb(var(--2024_white)); border-color: rgb(var(--2024_gray)); background-image: var(--2024_pattern); background-repeat: repeat; background-size: 80px auto; } div.darker-styled-quote { padding: 0.1rem 1rem; background: rgb(var(--2024_black)); color: rgb(var(--2024_gray)); border-left: 0.5rem solid rgba(var(--2024_red)); background-image: var(--2024_pattern); background-repeat: repeat; background-size: 80px auto; } div.styled-quote hr, div.lightblock hr { background: rgba(var(--2024_black), .6); } blockquote hr div.blockquote hr, div.dark-styled-quote hr, div.darkblock hr { border-color: rgba(var(--2024_white), .8); } div.paperblock hr { --alt-accent: var(--2024_alt-dead-link-2); --link-color: var(--2024_alt-link-2); --hover-link-color: var(--2024_alt-hover-link-2); --visited-link-color: var(--2024_alt-visited-link-2); display: grid; height: 6px; background: rgba(var(--2024_red), .6); border: none; transform: skew(-15deg); border-radius: 3px 8px 10px 6px; } div.code { background: rgb(var(--2024_black)); color: rgb(var(--2024_white)); border: 0.2rem solid rgba(var(--2024_red), .6); } /* BUTTONS */ div#page-options-bottom > a, div#page-options-bottom-2 > a { background-color: rgb(var(--2024_red)); color: rgb(var(--2024_white)); background-image: var(--2024_pattern); background-repeat: repeat; background-size: 80px auto; } div#page-options-bottom > a:focus-within, div#page-options-bottom-2 > a:focus-within { text-decoration: none; } .owindow .button-bar a, a.button, button, div.buttons input, file, input.button { border-color: rgb(var(--2024_black)); background-color: rgb(var(--2024_red)); background-image: var(--2024_pattern); background-repeat: repeat; background-size: 80px auto; color: rgb(var(--2024_white)); } .owindow .button-bar a:hover, a.button:hover, button:hover, div.buttons input:hover, file:hover, input.button:hover { border-color: rgb(var(--2024_black)); background-color: rgb(var(--2024_gray)); color: rgb(var(--2024_black)); } /* PAGE TAGS */ #main-content .page-tags { border-top: 0.2rem solid rgb(var(--2024_red)); position: relative; margin-top: 2rem; } .page-tags:before { color: rgb(var(--2024_gray)); content: "TAGS"; font-weight: bold; font-size: 85%; background: rgb(var(--2024_red)); padding: 0.1rem 0.3rem; margin: 0; display: block; width: fit-content; position: absolute; bottom: 1.4rem; left: 0; } #main-content .page-tags span { border-top: none; padding-top: 3px; } .page-tags span a:nth-child(1) { margin-left: 0; } /* OTHERS */ ::selection { background: rgb(var(--2024_purple)); color: rgb(var(--2024_white)); } ::-moz-selection { background: rgb(var(--2024_purple)); color: rgb(var(--2024_white)); } #footer { white-space: nowrap; padding: 0.2rem; align-items: center; height: auto; font-size: calc(var(--base-font-size)*.75); } #footer .options { display: flex !important; flex-wrap: wrap; border: none; font-size: 0; padding-right: calc(var(--base-font-size)*.75*.4); } #footer .options a { font-size: calc(var(--base-font-size)*.75); box-shadow: .0625rem 0 0 0 rgb(var(--2024_red)); padding: 0.2em; padding-right: 0.4em; margin: 0.2em; } #license-area { background: rgb(var(--2024_red)); background-image: var(--2024_pattern); background-repeat: repeat; background-size: 80px auto; color: rgb(var(--2024_gray)); padding: 0.5em 0; } #license-area a { color: rgb(var(--2024_gray)); } .avatar-hover { display: none !important; } .printuser img.small { padding-right: 3px; } #page-info-break { height: 0.8rem; } #page-options-container { margin-bottom: 0.5em; display: grid; grid-template-areas: 'info watch' 'option1 option1' 'option2 option2'; max-width: min(90vw, var(--body-width-on-desktop, 45.75rem)); } #page-options-container #page-info { grid-area: info; text-align: left; margin: 0; padding: 0; font-size: 0.65rem; } #page-options-container .page-watch-options { grid-area: watch; margin: 0; padding: 0; font-size: 0.65rem; } #page-options-container #page-options-bottom { grid-area: option1; margin-top: 0.5rem; } #page-options-container #page-options-bottom-2 { grid-area: option2; } #page-options-container #page-options-bottom, #page-options-container #page-options-bottom-2 { width: 100%; } .hl-code, .hl-identifier, .hl-brackets { color: rgb(var(--2024_gray)); } .hl-string, .hl-special { color: rgb(96, 39, 212); } #who-rated-page-area > div > span[style*=color] { color: rgb(var(--2024_gray)) !important; } /* ICONS */ .infomark::before { content: "\f05a"; font-weight: 900; font-family: "Font Awesome 5 Free"; } /* MOBILE */ #license-area { bottom: 0; width: 100%; padding-top: 0.5em; } #top-bar div.mobile-top-bar { height: var(--topbar-height-on-mobile); } @media only screen and (max-width: 768px) { :root { --rating-module-height: 1.5em; } #content-wrap { margin: var(--topbar-height-on-mobile) auto 0; } #page-content { font-size: 0.95em; } #page-options-container { grid-template-areas: 'info info' 'watch watch' 'option1 option1' 'option2 option2'; } #page-options-container .page-watch-options { text-align: left; } .sponsor table tr { grid-template-columns: min-content auto; } .sponsor table tr td:nth-child(2) { white-space: normal; } .sponsor table tr td:nth-child(1)::before { content: "赞助用户" } .sponsor table tr td:nth-child(3)::before { content: "成就条件" } .sponsor table tr td:nth-child(4)::before { content: "青睐奖励" } .sponsor table tr td:nth-child(1)::before, .sponsor table tr td:nth-child(3)::before, .sponsor table tr td:nth-child(4)::before { display: block; } #license-area { padding: 0.8em 0; height: auto; } #license-area a { display: block; } }
生存难度:生存難度:
等级等級 0
- 安全
- 稳定
- 变化的实体
如何使用:
[[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: 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 UX-80.1是一个景。
在我们对Level UX-80.1的初期探查中,我们认为它是Level 37的一个子层级,因为其中也充斥着大量的水池。但是随着我们对层级性质的逐渐深入研究,我们认定它为一个独立的层级。
Level UX-80.1是Level UX-80的第一部分,也是区域划分最为显著的部分。因为区域的明显主题特征,Level UX-80.1也被命名为“人民浴场”。这一区域分布着无尽交织的走廊,而走廊内总保持着合适的气温,湿度和恰当的香气。它总能让人舒缓,又没有做作的感觉。
大年初一,你被电子鞭炮声吵醒。穿好衣服,独自走上街头。
街道上的人民兀自忙碌,清闲的凉气夹着热烈,熟练的弄虚作假着。直到道路尽头,梧桐伴着柳树,把光线分隔。
没人在意独行的人。这是一个杀人的冬。
浓雾般的黑暗在前方汇聚。你一头钻了进去。一个小巷,再也没有人的踪迹。
长舒了一口气。孤独随之袭来。身前则是连绵的小巷。
直到小巷尽头。温暖的光流出门户,这是一家——
人民浴场。
在你踏入浴场后,你感觉到一股从未有过的安心。空气里恰到好处的水汽,混合着温暖的气息,把城市里矛盾的一切都驱散了。
环境回荡着音乐和音乐的回声,婉转的旋律洗涤了劳累。这里空无一人,只有你的朋友跟你在一起。你走过重叠的走廊,无数池水,热气弥漫在温暖之上。
无尽的探索,你与挚友相随。浴场如同海洋,包裹了认知的一切。就像蒲公英在风里飘荡,失重与安心占据了你的心灵。
无尽的旅途。你的人生终于如同一场冒险,在这个有着朋友陪伴的乌托邦里。
读取错误,请查看归档页面
M.E.G.关于Level UX-80人民浴场区域的归档:
-
- _
生存难度:生存難度:
等级等級 3
- 不安全
- 不稳定
- 精神危害
如何使用:
[[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: 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 UX-80中最危险的子区域。
人民浴场区域表现为一系列走廊,浴池,图书室,儿童设施,酒吧等房间的集合,目前探索的区域达2000个,并且MEG推测实际上该区域结构数更多。在浴场内部,永远保持着温暖的气温,恰到好处的水汽,迷醉的檀香木香气。
进入此区域的流浪者会被人民浴场极其令人安心的气氛所吸引而导致迷失。所以流浪者进入后的首务之急是尝试切出层级,或者通过“退房”离开区域。
区域:
走廊:
温暖的暖光灯打在身上,湿润的空气不乏清新,木制的地板却始终保持干燥。在这里,失去距离感知是一件常事。
/但是时间在这里总没有什么意义。距离也是,为什么要总是担心那些量度呢?/浴室:
总是适宜的水温,各式各样儿时梦想中的温泉,都在这里。流浪者在这里可以自如的冒险,而这些冒险总是无穷无尽,场景会不断延伸。直到你想要离开,门会出现在下一个拐角。
/温暖。如同漂泊在粉色的海洋上。鹅卵石,苔藓,红砖,橡木和玻璃在这里成为史诗。/图书室:
存放着你曾见过,曾读过的一切书籍。扉页上轻轻写着你的名字。不需要着急,请耐心阅读。
/我在这里待了多久了?这座建筑物如同我的挚友。它在给我写信,用着古朴但是贴心的笔触。/儿童设施:
这里有着你儿时梦寐以求的娱乐设施。
/但是很抱歉,你已经长大了。/酒吧:
没有酒。
/你可以在任何时候退房,但你永远无法离开。/你的房间:
……
/从没有找到过。/前台:
在这里退房,也许需要排队,无止境的排队。人们争先恐后的逃离儿时理想之地,回到那个“现实”。
/也许他们才是对的。/
实体:
这里没有可以称为实体的东西。如果有,那也许是存在本身。
组织与前哨站:
S.C.G.在这里建造了前哨站,但是M.E.G.从来没找到过它们。
出口与入口:
出口:
- 切出被认为可行。它最好可行。
- 可以通过前往其它区域再进行离开,这通常需要退房。
入口:
- 在本层级其它区域的阴冷处,找到一个温暖的门。
-
- _
E.T.T.A.对于空间的最新探索:
描述:
“浴场”被评估为目前最符合预期的██。但目前“浴场”空间自发出现了一定改变。
浴场由Dr.██在██上报基本概念,经过论证后开始正式实验。经过████后完美形成了正确██。由于“浴场”实验长期性,派遣███进行长期跟紧,每三日评估空间稳定程度,并尝试作为██的实验场地。
目前实验人员███发现“浴场”发生了一系列改变,由于变化程度大,不符合公众整体认知发展规律,目前正在进一步论证空间存在形式。发现的改变主要有:
- 层级内出现刻字
- 出现了大量偏离██的文字资料
- 出现大量新细节
我们认为,由于████████,██产生了层级历史。论据如下:
- 在大厅内发现了大量分级的员工工牌
- 浴场内出现模糊的影子在工作,但是靠近后消失
- 出现了一个奢华的办公室
- 开始出现消毒水的气味
- 浴室内出现了垃圾处理室
- 出现员工宿舍,墙上刻有“离开”之类字样
- 更多信息仍在搜寻。
目前E.T.T.A.的████,跟进工作由██辅助。
███协会注:我们没有在档案库里发现这篇文档描述的空间,对该事件的进一步了解需要查阅██████文件,阅读前请接受强化记忆处理,并向███报备。
-
- _

嘿,yooooooo。
我想你已经在浴场里玩的很尽兴了。这里一定很温馨吧?我还记得,明天是你的生日,但是我没有给你准备什么|ω・),因为我现在并不是特别富裕。
但是你得给我准备点儿好东西(笑),因为你就要离开去美好生活了哈哈~
成为你的朋友真的很荣幸。在这个浴场之中,我们待了多久啊!就像过去一整个世纪似的。顺便说说,成为我的朋友也是你的荣幸:)
……
你知道我不是真的吧?我看到你被惩罚,真的很伤心。这个空间总是惩罚那些想好好跟自己相处相处的人。它惩罚,让人身心俱疲,令人抑郁,扭曲自己的意愿和存在。你身心俱疲的样子说实话不太可爱。
你知道这个空间与我性质一样吧。
你总是惩罚自己,去干“更加紧急的事情”,连跟自己谈谈心都推迟了。学吉他那次,还有去旅游那次,我可没忘。毕竟我是小心眼Ծ‸Ծ
但是。
但是如此之长的时间后,你该醒了。外面开始下雪了,有人跑出来在老城放了巨型烟花。不妨出来看看吧?我们都看到了。这个空间与外面没什么不同。都是一个个步步紧逼,PUA上头的东西。你不允许接纳你自己,只许有个工号。
我想告诉你,不要忘记你自己的名字。太沉浸,太折磨自己也不好。太激进,太孤独也不好。我会跟你在一起哦!想分开也分开不了。
同时。
我们要分别了。我们生活在反乌托邦的现实里,星船再也不会经过这里,但是你我的心里都有乌托邦。希望你越来越好!还是这句话务实\^O^/
POV:你在2000年的初雪里,现在你长大成人了。你总是喜欢这些视频,只不过一直不太会做。
从浴场里起来吧,我的挚友。我们已经从头开始,热茶也快凉了。
你从雪中醒来,身心无比温暖,就像冬夜里从被褥里骤然惊醒一般。雪没有堆积多少,但是你似乎已经想通了一些事情,你的面前是一个早已倒闭了的破败的人民浴场。斑驳的墙砖,雨渍,还有风雪吹拂所留下的纹身。摇摇欲坠的外墙诉说着过去的痕迹。
你从小巷中走出,你从未觉得世界如此喧嚣,又如此安静,人群熙攘。路灯旁昏黄的光线不足以掩盖这红色的喜悦,红色的悲伤,红色的万事万物。你走向广场,而隐隐的音乐声愈来愈大。
-
- _
每条大街小巷
每个人的嘴里
见面第一句话
就是恭喜恭喜恭喜恭喜恭喜你呀
恭喜恭喜恭喜你
冬天已到尽头
真是好的消息
温暖的春风
就要吹醒大地恭喜恭喜恭喜你呀
恭喜恭喜恭喜你
浩浩冰雪融解
眼看梅花吐蕊
漫漫长夜过去
听到一声鸡啼恭喜恭喜恭喜你呀
恭喜恭喜恭喜你
经过多少困难
历经多少磨练
多少心儿盼望
盼望春的消息恭喜恭喜恭喜你呀
恭喜恭喜恭喜你
每条大街小巷
每个人的嘴里
见面第一句话
就是恭喜恭喜恭喜恭喜恭喜你呀
恭喜恭喜
恭喜你
作者:
secret_crazy_cat
卡片:时间去哪了?、阈限空间经典款、盛开、漂流瓶
« 父层级:Level UX-80 »

