休眠
@import url('https://fontlibrary.org/face/fantasque-sans-mono'); @import url("http://backrooms-wiki.wdfiles.com/local--files/component%3Atheme/normalize-archived.css"); @import url("http://backrooms-wiki.wdfiles.com/local--files/component%3Atheme/bhl-archived.css"); @import url("http://backrooms-wiki.wikidot.com/local--files/component:theme/sidebar.css"); @import url('https://fonts.googleapis.com/css?family=Basic|IBM+Plex+Mono:400,700'); @import url('https://fastly.jsdelivr.net/gh/scp-cn-tech/sigma9@cn/modules/colstyle.min.css'); :root { --theme-base: "black-highlighter"; --theme-id: "red-liminal"; --theme-name: "YEE Red Liminal Theme"; --logo-image: url("https://pic.imgdb.cn/item/6392e342b1fccdcd36909395.png"); --header-title: "The Backrooms E"; --header-subtitle: "你何曾来过这里"; --body-font: proxima-nova, sans-serif; --header-font: 'IBM Plex Mono', '等线', sans-serif; --title-font: 'Fantasque Sans Mono', monospace; --mono-font: 'Fantasque Sans Mono', monospace; --white-monochrome: 219, 215, 215; --pale-gray-monochrome: 224, 224, 224; --light-pale-gray-monochrome: var(--pale-gray-monochrome); --very-light-gray-monochrome: 161, 159, 159; --light-gray-monochrome: var(--pale-gray-monochrome); --lost-green-monochrome:118, 165, 175; --purple-monochrome: 119,68,520; --gray-monochrome: var(--dark-accent); --dark-gray-monochrome: var(--bright-accent); --black-monochrome: var(--dark-accent); --pale-accent: 209, 23, 70; --bright-accent: 79, 7, 29; --medium-accent: 56, 4, 20; --dark-accent: 115, 16, 41; /* Liminal Variables */ --header-text-shadow: 0px 2px 3px rgba(0,0,0,0.8); --header-text-shadow-hover: 0px 5px 3px rgba(0,0,0,0.3); --quote-shadow: 0 2px 4px rgba(var(--black-monochrome),0.25); --footer-message: var(--header-subtitle); /* MOST THEMES SHOULDN'T CHANGE THIS: makes editing consistent across themes, adds programming ligatures */ --editor-font: 'Fantasque Sans Mono', Recursive, Consolas, monaco, monospace; /* Swatches */ --swatch-secondary-color: var(--white-monochrome); --swatch-menubg-color: var(--white-monochrome); --rating-module-bg-color: var(--swatch-menubg-color); --swatch-sidebar-collapsible-tab-bg: var(--swatch-primary-darkest); --toc-body-bg-color: var(--white-monochrome); --swatch-topmenu-bg-color: var(--gray-monochrome); --swatch-topmenu-border-color: var(--swatch-topmenu-bg-color); --gradient-header: linear-gradient( to bottom, rgb(var(--bright-accent)) 0%, rgb(var(--dark-accent)) 100%); --gradient-background: linear-gradient( to bottom, rgb(var(--swatch-background)), rgb(var(--swatch-background))); --diagonal-stripes: transparent; --background-gradient-distance: 40rem; /* will not go further than 100vh */ --background-gradient-color: var(--gray-monochrome); /* This will display at low opacity */ /* Measurements */ --scrollbar-width: 0.7rem; --swatch-background: var(--pale-gray-monochrome); --sidebar-width-on-desktop: calc(var(--base-font-size) * (266 / 15)); --body-width-on-desktop: 45.75rem; --header-height-on-desktop: 9rem; --header-height-on-mobile: 9rem; /* Wallpaper Mask */ --wallpaper-mask: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22windows-1252%22%20standalone%3D%22no%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xml%3Aspace%3D%22preserve%22%20width%3D%22106.667%22%20height%3D%22154.667%22%3E%3Cpath%20d%3D%22M72.547%201158.57H5.074V-6.465h67.473V1158.57M119.027%20710.25v-58.977l126.95%20154.438L363.43%20654.77v61.476L246.477%20865.688%20119.027%20710.25%22%20style%3D%22fill%3A%23333%3Bfill-opacity%3A1%3Bfill-rule%3Anonzero%3Bstroke%3Anone%22%20transform%3D%22matrix%28.13305%200%200%20-.13255%20-.633%20153.92%29%22%2F%3E%3Cpath%20d%3D%22M119.027%20951.652V790.715l125.45%20153.441L363.43%20792.715v166.933L247.477%201108.09l-128.45-156.438M763.27%201158.57h-63.473l63.473-80.97ZM472.387%201158.57h-67.473V-6.465h67.473V1158.57M518.867%20995.133v-58.977L645.816%201090.6%20763.27%20939.656v61.474l-116.954%20149.44-127.449-155.437M763.27%20657.27%20647.316%20805.711%20518.867%20649.273V488.336l125.449%20153.441L763.27%20490.336V657.27M518.867%201158.57v-82.97l67.973%2082.97z%22%20style%3D%22fill%3A%23333%3Bfill-opacity%3A1%3Bfill-rule%3Anonzero%3Bstroke%3Anone%22%20transform%3D%22matrix%28.13305%200%200%20-.13255%20-.633%20153.92%29%22%2F%3E%3Cpath%20d%3D%22M763.27%20413.867%20646.316%20563.309%20518.867%20407.867v-58.972l126.949%20154.437L763.27%20352.391v61.476M363.43%20128.98%20246.477%20278.422l-127.45-155.438V64.008l126.95%20154.437L363.43%2067.504v61.476%22%20style%3D%22fill%3A%23333%3Bfill-opacity%3A1%3Bfill-rule%3Anonzero%3Bstroke%3Anone%22%20transform%3D%22matrix%28.13305%200%200%20-.13255%20-.633%20153.92%29%22%2F%3E%3Cpath%20d%3D%22M363.43%20205.449v166.934L247.477%20520.824l-128.45-156.437V203.449l125.45%20153.442L363.43%20205.449M518.867%2071.504V-6.465h67.973l57.476%2070.473%2055.481-70.473h63.473V79.5L647.316%20227.941%20518.867%2071.504%22%20style%3D%22fill%3A%23333%3Bfill-opacity%3A1%3Bfill-rule%3Anonzero%3Bstroke%3Anone%22%20transform%3D%22matrix%28.13305%200%200%20-.13255%20-.633%20153.92%29%22%2F%3E%3C%2Fsvg%3E); --wallpaper-mask-size: 2.3rem; } /* Wallpaper */ /* Header Wallpaper */ #skrollr-body::before { background-color: rgba(var(--swatch-topmenu-bg-color),0.2); background-repeat: repeat; background-size: 0.25em 0.25em; width: 100%; height: 9rem; position: absolute; top: 0; left: 0; content: ""; -webkit-mask-image: var(--wallpaper-mask); mask-image: var(--wallpaper-mask); -webkit-mask-repeat: repeat; mask-repeat: repeat; -webkit-mask-size: var(--wallpaper-mask-size); mask-size: var(--wallpaper-mask-size); -webkit-mask-position: center; mask-position: center; } #skrollr-body::before { background-color: rgba(var(--swatch-topmenu-bg-color),0.2); background-repeat: repeat; background-size: 0.25em 0.25em; width: 100%; height: var(--header-height-on-desktop); position: absolute; top: 0; left: 0; content: ""; -webkit-mask-image: var(--wallpaper-mask); mask-image: var(--wallpaper-mask); -webkit-mask-repeat: repeat; mask-repeat: repeat; -webkit-mask-size: var(--wallpaper-mask-size); mask-size: var(--wallpaper-mask-size); -webkit-mask-position: center; mask-position: center; } #skrollr-body { height: var(--header-height-on-desktop); width: 100vw; } /* Header Wallpaper */ #content-wrap::before, #content-wrap::after { content: ""; width: 100%; height: var(--background-gradient-distance); top: var(--final-header-height-on-desktop); left: 0; position: absolute; z-index: -1; display: block; max-height: 100vh; background-image: linear-gradient( to top, rgba(var(--background-gradient-color), 0) 0%, rgba(var(--background-gradient-color), 0.013) 8.1%, rgba(var(--background-gradient-color), 0.049) 15.5%, rgba(var(--background-gradient-color), 0.104) 22.5%, rgba(var(--background-gradient-color), 0.175) 29%, rgba(var(--background-gradient-color), 0.259) 35.3%, rgba(var(--background-gradient-color), 0.352) 41.2%, rgba(var(--background-gradient-color), 0.45) 47.1%, rgba(var(--background-gradient-color), 0.55) 52.9%, rgba(var(--background-gradient-color), 0.648) 58.8%, rgba(var(--background-gradient-color), 0.741) 64.7%, rgba(var(--background-gradient-color), 0.825) 71%, rgba(var(--background-gradient-color), 0.896) 77.5%, rgba(var(--background-gradient-color), 0.951) 84.5%, rgba(var(--background-gradient-color), 0.987) 91.9%, rgb(var(--background-gradient-color)) 100%); } #content-wrap::before { opacity: 0.04; -webkit-mask-image: var(--wallpaper-mask); mask-image: var(--wallpaper-mask); -webkit-mask-repeat: repeat; mask-repeat: repeat; -webkit-mask-size: var(--wallpaper-mask-size); mask-size: var(--wallpaper-mask-size); -webkit-mask-position: center; mask-position: center; } #content-wrap::after { opacity: 0.1; } #container-wrap-wrap::before { background: linear-gradient( to bottom, rgba(var(--swatch-topmenu-bg-color), 0) 0%, rgba(var(--swatch-topmenu-bg-color), 0.013) 5%, rgba(var(--swatch-topmenu-bg-color), 0.049) 10.1%, rgba(var(--swatch-topmenu-bg-color), 0.104) 15.2%, rgba(var(--swatch-topmenu-bg-color), 0.175) 20.5%, rgba(var(--swatch-topmenu-bg-color), 0.259) 25.9%, rgba(var(--swatch-topmenu-bg-color), 0.352) 31.6%, rgba(var(--swatch-topmenu-bg-color), 0.45) 37.5%, rgba(var(--swatch-topmenu-bg-color), 0.55) 43.8%, rgba(var(--swatch-topmenu-bg-color), 0.648) 50.4%, rgba(var(--swatch-topmenu-bg-color), 0.741) 57.4%, rgba(var(--swatch-topmenu-bg-color), 0.825) 64.9%, rgba(var(--swatch-topmenu-bg-color), 0.896) 72.8%, rgba(var(--swatch-topmenu-bg-color), 0.951) 81.3%, rgba(var(--swatch-topmenu-bg-color), 0.987) 90.3%, rgb(var(--swatch-topmenu-bg-color)) 100% ); z-index: -1; content: ""; top: 0; left: 0; position: absolute; width: 100%; height: var(--header-height-on-desktop); } /* container wrap bug */ #container, #container-wrap, #container-wrap-wrap { width: 100vw; } /* Header Image */ #header { background-image: none; z-index: 30; } #header::before { content: ""; position: absolute; height: 100%; width: 100%; left: 0; top: 0; background-image: var(--logo-image); background-size: auto 16rem; background-position: center calc(50% - 0.15rem); background-repeat: no-repeat; opacity: 0.4; } /* Header Text */ #header h1 { width: 100%; } #header h1 a, #header h1 a:before { width: fit-content; transition: 0.2s; position: relative; bottom: 0; color: rgb(var(--swatch-headerh1-color)); } #header h1 a:hover:before { text-shadow: var(--header-text-shadow-hover); bottom: 3px; } #header h1, #header h1 a { position: absolute; top: 1.4rem; margin: 0; display: flex; justify-content: center; z-index: 0; height: 1.5rem; } #header h2, #header h2 span, #header h2 span::before { position: absolute; top: 2.05rem; margin: 0; width: 100%; display: flex; justify-content: center; font-weight: bold; } #header h2 span::before { color: rgb(var(--swatch-headerh2-color)); } #header h1 a::before, #header h2 span::before { text-shadow: var(--header-text-shadow); } /* Top Bar */ #header div[class*="top-bar"] > ul > li > a::before { display: none; } /* Headings */ h1, h2, h3, h4, h5, h6 { margin-top: 0.5em; margin-left: 0; } /* Table of Contents */ #page-content #toc { --toc-header-bg-color: var(--gray-monochrome); --toc-body-bg-color: var(--pale-gray-monochrome); } /* Table */ .wiki-content-table { box-shadow: var(--quote-shadow); } /* Max-Width Fix */ img, embed, video, object, iframe, table, dark#page-content div, #page-content div table { max-width: 100%; } div#footer:after { content: var(--footer-message); border-left: solid 1px; padding-left: 0.5em; height: 1.4em; display: inline-flex; align-items: center; margin-left: 0.3em; } /* Horizontal Rule Fix */ hr { clear: none; display: flex; } .bibitems .bibitem:after, .footnotes-footer a[href*=javascript]:before { right: -20%; width: 140%; } /* Tab Gap */ .yui-navset .yui-nav { background: rgb(var(--tabs-bottom-border-color)); column-gap: 4px; } .yui-navset { margin-top: 1rem; } /* Page Title */ .meta-title p { margin: 0; } /* printuser */ span.printuser img.small { transition: 0.5s; transition-timing-function: cubic-bezier (0,1,1,0); } span.printuser img.small:hover { transform: scale(2); transition-delay: 0.5s; } #avatar-hover-container { display: none; } /* Stop the unordered lists being in line with the text, this breaks SD banners! */ ul { padding-inline-start: 2.5rem; } /* Template options text fix */ form#edit-page-form #page-templates option, form#edit-post-form #page-templates option, form#new-post-form #page-templates option, form#new-thread-form #page-templates option { color: rgb(var(--swatch-menutxt-dark-color)); } /* Message on Delete/Rename/Move */ #rename-option-rename::before, #rename-option-delete::before { content: "Reminder: Backrooms Wiki users can rename/move pages they own, but use this responsibly (preferably only if there is an error with the name). Only staff are allowed to delete pages, even your own pages: ask Backrooms Wiki staff and we will help you!"; color: red; display: block; margin-top: 1rem; } /* Fix Images */ .scp-image-caption { width: inherit !important; } :is(.image-caption, .scp-image-caption) { width: unset !important; } :is(div.image-block,div.scp-image-block) { align-items: stretch; } :is(div.image-block,div.scp-image-block) img.image { width: 100% !important; border: 0; } .image-container.floatright { float: right; margin-left: 0.7em; } /* Fix Modals */ #odialog-container .content > h1 ~ table, #odialog-container .modal-body > h1 ~ table { grid-auto-rows: auto; } /* Editor Font */ #edit-page-textarea { font-family: var(--editor-font); } /* Make some variables editable at :root level */ #side-bar { --sideblock-heading-text-color: inherit; z-index: 55 !important; } /* Inline maths actually inline */ #MathJax_Message, .math-inline { display: inline; } /* License Box */ #page-content .licensebox .collapsible-block-link { margin-left: .25em; padding: .25em; font-weight: 700; opacity: .5; color: rgb(var(--gray-monochrome)); -webkit-transition: opacity .5s ease-in-out; -moz-transition: opacity .5s ease-in-out; transition: opacity .5s ease-in-out; } #page-content .licensebox .collapsible-block-link:hover { color: rgb(var(--dark-gray-monochrome)); } /* Unordered Lists */ #page-content ul:not(.yui-nav) { padding-left: 1rem; list-style: disc; margin: 1rem 0; } /* Footnote */ a.bibcite:before, a.footnoteref:before { content: "["; } a.bibcite:after, a.footnoteref:after { content: "]"; } /* Little Patches */ html { scroll-behavior: smooth; } body { max-width: 100vw; overflow-x: hidden; } #page-content { max-width: var(--body-width-on-desktop); } /* Mober Phone */ @media only screen and (max-width: 56.25rem) { #side-bar { z-index: 55 !important; } :root { --header-height-on-desktop: var(--header-height-on-mobile); --final-header-height-on-desktop: var(--final-header-height-on-mobile); } /* MOBILE Header */ #header::before { background-position: center calc(50% + 0.55rem); } }
/* Backrooms E Main Page CSS by Shallow Time out & dby2022 */ #page-title { display: none; } /* 欢迎栏 */ #page-content .bannerContainer { display: grid; grid-template-areas: "welcome welcome welcome" "discord faq join"; grid-template-columns: 1fr 1fr 1fr; grid-column-gap: 3%; } #page-content .bannerContainer .welcome { grid-area: welcome; background-color: rgb(var(--gray-monochrome)); color: rgb(var(--white-monochrome)); font-style: italic; padding: 1rem; } #page-content .bannerContainer .navigator { display: flex; background-color: rgb(var(--gray-monochrome)); border-radius: 0 0 1rem 1rem; height: min-content; margin: 0 0 4rem 0; transition: margin 150ms cubic-bezier(0.4, 0, 0.2, 1); } #page-content .bannerContainer .navigator:is(:hover, :active) { margin: 0 0 1rem 0; } #page-content .bannerContainer .navigator a { padding: 0.5rem 0; width: 100%; text-align: center; color: rgb(var(--white-monochrome)); font-size: 1.25rem; transition: padding 150ms cubic-bezier(0.4, 0, 0.2, 1); font-weight: bold; } #page-content .bannerContainer .navigator a:is(:hover, :active) { text-decoration: none; text-decoration-color: transparent; padding: 2rem 0; } #page-content .bannerContainer .discord { grid-area: discord; } #page-content .bannerContainer .faq { grid-area: faq; } #page-content .bannerContainer .join { grid-area: join; } @media (max-width: 767px) { #page-content .bannerContainer .navigator a { font-size: 1.1rem; } #page-content .bannerContainer .navigator a:is(:hover, :active) { padding: 1.5rem 0; } #page-content .bannerContainer .navigator { margin: 0 0 2rem 0 } #page-content .bannerContainer .navigator:hover { margin: 0; } #page-content .announceContainer .welcome { font-size: 1.2rem; } } /* 公告栏 */ #page-content .announceContainer { display: flex; flex-wrap: wrap; border: 4px solid rgb(var(--gray-monochrome)); align-content: space-between; } #page-content .announceContainer .welcome { background-color: rgb(var(--gray-monochrome)); color: rgb(var(--white-monochrome)); font-weight: bold; width: 100%; text-align: center; font-size: 1.5rem; padding: 0 0.75rem; } #page-content .announceContainer :is(.announcement, .more) { background-color: rgb(var(--pale-gray-monochrome)); width: 100%; padding: 0.75rem; border-top: 4px solid rgb(var(--gray-monochrome)); } #page-content .announceContainer .more { padding: 0; } #page-content .announceContainer .more :is(.collapsible-block-folded, .collapsible-block-unfolded .collapsible-block-unfolded-link) { display: flex; } #page-content .announceContainer .more :is(.collapsible-block-folded[style*="block"], .collapsible-block-unfolded[style*="block"] .collapsible-block-unfolded-link) { display: flex !important; } #page-content .announceContainer .more :is(.collapsible-block-folded, .collapsible-block-unfolded .collapsible-block-unfolded-link) a.collapsible-block-link { width: 100%; padding: 1rem 0; text-align: center; background: rgba(var(--gray-monochrome), 0.2); transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1); } #page-content .announceContainer .more :is(.collapsible-block-folded, .collapsible-block-unfolded .collapsible-block-unfolded-link) a.collapsible-block-link:hover { text-decoration: none; text-decoration-color: transparent; background: rgba(var(--gray-monochrome), 0.4); } #page-content .announceContainer .more .collapsible-block-unfolded .collapsible-block-unfolded-link a.collapsible-block-link { border-bottom: 4px solid rgb(var(--gray-monochrome)); } #page-content .announceContainer .more .collapsible-block-unfolded .collapsible-block-content { background: rgb(var(--gray-monochrome)); color: rgb(var(--white-monochrome)); text-align: center; } #page-content .announceContainer .more .collapsible-block-unfolded .collapsible-block-content p, #page-content .recentPages .pageContainer p { margin: 0; } #page-content .announceContainer .archive { background: rgb(var(--gray-monochrome)); color: rgb(var(--white-monochrome)); text-align: right; width: 100%; } #page-content .announceContainer .archive a { padding: 0 1rem; color: rgb(var(--white-monochrome)); } /* By Eltrac */ #page-content .recentPages .list-pages-box p br { display: none; } #page-content .recentPages .list-pages-box p a { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* Tools */ #page-content .toolsContainer { display: grid; color: rgb(var(--white-monochrome)); grid-gap: 0.5rem; } #page-content .toolsContainer .tools { display: grid; grid-template-areas: "image text" "link text"; grid-template-columns: 5rem auto; justify-items: center; grid-gap: 0.5rem; background-color: rgb(var(--gray-monochrome)); padding: 0.75rem; } #page-content .toolsContainer .tools:nth-of-type(2n) { direction: rtl; } #page-content .toolsContainer .tools:nth-of-type(2n) * { direction: ltr; } #page-content .toolsContainer .tools img { grid-area: image; } #page-content .toolsContainer .tools a { grid-area: link; color: rgb(var(--white-monochrome)); } #page-content .toolsContainer .tools .description { grid-area: text; justify-self: left; pointer-events: none; } #page-content .toolsContainer .tools br { display: none; } /* International */ #page-content .international .announcement { display: flex; align-items: center; position: relative; } #page-content .international .announcement img { width: 50px; filter: drop-shadow(0 0 1px rgba(var(--gray-monochrome), 0.8)); } #page-content .international .announcement:is(.es, .jp) img { align-self: center; } #page-content .international .announcement h3 { margin: 0 0 0 1rem; line-height: 50px; } #page-content .international .announcement a { font-size: 0; position: absolute; width: 100%; height: 100%; left: 0; top: 0; transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1); } #page-content .international .announcement a:hover { background-color: rgba(var(--gray-monochrome), 0.2); }
/* 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; }
“现实以最完美的方式失败了。”
“真理与谎言的交织已形成完美的交响曲……”
我们期待你的投稿!
欢迎来到The Backrooms E
“在这个世界上,如果没有人说谎,那么整个世界本身就是一个谎言。我们时刻生活在这个虚假的谎言世界中,感到迷茫和无所依托。我们无法辨别什么是对的,什么是错的;什么是真实的,什么是虚假的……谎言和真理错综复杂地交织在一起。每个真理都与谎言毗邻;每个谎言都源于某种真理。或许人们会感到困惑,觉得眼前的世界充满阴暗,整个世界都被灰色所笼罩。也许你并没有这样的感觉,会认为我过于偏激、过于极端。但现实就是如此,我们既不站在真理的巅峰,也不徘徊于谎言的边缘。我们在等待……等待新世界的大门为我们打开,在另一个世界中,一切都逐渐变得清晰……我们将不再迷茫,而是开始探索世界的本质。”
网站当前进度:改建中…
所有神风,终将绳之以法!
本站格式不正确的文章可能有亿点多😅
以太宗的话:每天写几篇文还不如几天写一篇文。
请注意:我们的网站严禁发布质量低下的文章和抄袭内容。如果违反了这些规定,可能会面临严重的后果哦~希望网站成员共同遵守这些规定,保持良好的创作态度和原创精神。蟹蟹~
本站格式不正确的文章可能有亿点多😅
以太宗的话:每天写几篇文还不如几天写一篇文。
请注意:我们的网站严禁发布质量低下的文章和抄袭内容。如果违反了这些规定,可能会面临严重的后果哦~希望网站成员共同遵守这些规定,保持良好的创作态度和原创精神。蟹蟹~
探索后室E层群
The Backrooms E
你可以用这一栏来创建通用页面:
注意:在此栏中输入的页面名称必须为英文或拼音,所有中文字符都会被忽略。
Etheldred
旧者不迁,新者不至,一令迁迁夫,以次将始。
无威,无遁。
夷然对我,一向为面。
弃浮舆『祝秺』。
违禁『真主』牧人不降。
无试必有神明之极。
吾,
便为汝上。
『赎论』。
Etheldred
无威,无遁。
夷然对我,一向为面。
弃浮舆『祝秺』。
违禁『真主』牧人不降。
无试必有神明之极。
吾,
便为汝上。
『赎论』。
最近新增的页面
公告
Shallow Time out问候您:今天您写烂文了吗?
2023/1/6
祝贺EI分站正式成立并与本站合作!
祝贺EI分站正式成立并与本站合作!
2023/1/14
The Backrooms E重铸,等着我们以全新的面貌归来!
The Backrooms E重铸,等着我们以全新的面貌归来!
2023/1/15
EI站点再次成为The Backrooms E附属网站,但暂不联谊。
EI站点再次成为The Backrooms E附属网站,但暂不联谊。
2023/8/14
由于某组织发现Wikidot代码巨大漏洞,用其盗取他人账号。为保障大家账号安全,本站暂时关闭入站通道。
由于某组织发现Wikidot代码巨大漏洞,用其盗取他人账号。为保障大家账号安全,本站暂时关闭入站通道。
2023/8/19
入站通道重新开放。
入站通道重新开放。
2024/8/15
https协议就位,网站恢复。
https协议就位,网站恢复。
国际站点
合作站点
友情站点
站点分支
- Backrooms E Logo by holaMEMZ
- Accord with CC-BY-SA
- 红色阈限版式 by dby2022
- 版头标题by MOXUZI and Shallow Time out
- Logo history
♕ The Backrooms E(2022-2024)