主页
❆
❆
❆
❆
❆
❆
❆
❆
❆
❆
/* Home Page Code [2023 Wikidot Code] by Shallow Time out&holaMEMZ */ @import url("https://arandintday.github.io/thebackhubscn/sidebar.css"); @import url("https://arandintday.github.io/thebackhubscn/banlist.css"); #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:hover, #page-content .bannerContainer .navigator: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:hover, #page-content .bannerContainer .navigator a: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:hover, #page-content .bannerContainer .navigator a: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; } } /* 公告栏 */ /* 为什么要用grid折磨自己呢? */ #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 .announcement, #page-content .announceContainer .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 .collapsible-block-folded, #page-content .announceContainer .more .collapsible-block-unfolded .collapsible-block-unfolded-link { display: flex; } #page-content .announceContainer .more .collapsible-block-folded[style*="block"], #page-content .announceContainer .more .collapsible-block-unfolded[style*="block"] .collapsible-block-unfolded-link { display: flex !important; } #page-content .announceContainer .more .collapsible-block-folded a.collapsible-block-link, #page-content .announceContainer .more .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 .collapsible-block-folded a.collapsible-block-link:hover, #page-content .announceContainer .more .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)); } /* 最近新增 */ #page-content .recentPages { display: grid; grid-template-areas: "translation original" "featureLevelO featureTaleO" "featureLevelT featureTaleT"; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr 1fr; grid-row-gap: 1rem; } @media (max-width: 550px) { #page-content .recentPages { grid-template-areas: "translation" "original" "featureLevelO" "featureTaleO" "featureLevelT" "featureTaleT"; grid-template-columns: 1fr; grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr; grid-row-gap: 1rem; } } #page-content .recentPages .pageContainer { display: grid; grid-template-areas: "title" "page" "recently"; grid-template-rows: 1.5rem minmax(auto, 11.81rem) 1.5rem; } #page-content .recentPages .translation { grid-area: translation; } #page-content .recentPages .original { grid-area: original; } #page-content .recentPages .featureLevelO { grid-area: featureLevelO; } #page-content .recentPages .featureTaleO { grid-area: featureTaleO; } #page-content .recentPages .featureLevelT { grid-area: featureLevelT; } #page-content .recentPages .featureTaleT { grid-area: featureTaleT; } #page-content .recentPages .pageContainer .title { grid-area: title; background: rgb(var(--gray-monochrome)); color: rgb(var(--white-monochrome)); font-weight: bold; padding: 0 1rem; } #page-content .recentPages .pageContainer .page { grid-area: page; border: solid rgb(var(--gray-monochrome)); border-width: 0 3px 0 4px; padding: 0.5em calc(1rem - 4px); max-height: 12rem; background-color: rgb(var(--pale-gray-monochrome)); overflow-y: hidden; } #page-content .recentPages .pageContainer .page .list-pages-box p { max-height: 12rem; overflow-y: hidden; } #page-content .recentPages .pageContainer .recently { grid-area: recently; background: rgb(var(--gray-monochrome)); text-align: right; padding: 0 1rem; } #page-content .recentPages .pageContainer .recently a { color: rgb(var(--white-monochrome)); } #page-content .recentPages .featureLevelO .page p, #page-content .recentPages .featureTaleO .page p, #page-content .recentPages .featureLevelT .page p, #page-content .recentPages .featureTaleT .page p { font-size: 0.8rem; } #page-content .recentPages .featureLevelO .page p:nth-of-type(1), #page-content .recentPages .featureTaleO .page p:nth-of-type(1), #page-content .recentPages .featureLevelT .page p:nth-of-type(1), #page-content .recentPages .featureTaleT .page p:nth-of-type(1) { font-size: 1rem; } #page-content .recentPages .featureLevelO .page p:nth-of-type(2), #page-content .recentPages .featureTaleO .page p:nth-of-type(2), #page-content .recentPages .featureLevelT .page p:nth-of-type(2), #page-content .recentPages .featureTaleT .page p:nth-of-type(2) { font-size: 0.5rem; } /* 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: flex-end; 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.es img { align-self: center; } #page-content .international .announcement h3 { margin-left: 1rem; } #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); } .whiteblock { background-color:rgb(var(--white-monochrome)); padding: 0.01rem 1rem; height: 55px; display: flex; align-items: center; position: relative; color: black; } .paleblock { background-color:rgb(var(--pale-gray-monochrome)); padding: 0.01rem 1rem; height: 55px; display: flex; align-items: center; position: relative; color: black; } .paleblock a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; font-size: 0; } .whiteblock a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; font-size: 0; }
“你的荣光曾存于此。”
:root { --firstAccent: 69, 226, 50; --secondAccent: 15, 53, 15; --white-monochrome: 32, 32, 32; --pale-gray-monochrome: 39, 39, 39; --light-gray-monochrome: var(--firstAccent); --gray-monochrome: var(--secondAccent); --black-monochrome: var(--firstAccent); --bright-accent: 148, 136, 126; --medium-accent: 39, 39, 39; --dark-accent: 140, 136, 126; --pale-accent: 140, 136, 126; --swatch-topmenu-border-color: var(--medium-accent); --link-color: 230, 23, 68; --hover-link-color: 230, 23, 68; --background-gradient-distance: 0rem; --gradient-header: linear-gradient(to bottom, rgba(0,0,0) 0%, rgba(var(--black-monochrome), 0.90) 100% ); --swatch-text-secondary-color: 255, 255, 255; --swatch-text-primary-color: 255, 255, 255; --swatch-headerh1-color: 255, 255, 255; --swatch-headerh2-color: 255, 255, 255; } #footer { background: rgb(var(--pale-gray-monochrome,100,3,15)); } #login-status a { color: rgb(var(--black-monochrome)); } #login-status { border-radius: 5px; background-color: rgb(var(--medium-accent)); padding: 5px; border: 2px solid rgb(var(--black-monochrome)); } #skrollr-body { background-image: none; } #top-bar>ul>li>:after, #top-bar>ul>li>:before { position: absolute; transition: width .3s cubic-bezier(.4,0,.2,1); background-color: rgba(var(--black-monochrome),.5); width: 0; height: .1875rem; pointer-events: none; content: " "; } #search-top-box-form input[type=submit], #search-top-box-form input[type=submit]:focus, #search-top-box-form input[type=submit]:hover { box-shadow: none; background: #64030f; background: rgb(var(--medium-accent)); color: #fcfcfc; color: rgb(var(--black-monochrome)); } #account-options { background-color: rgb(var(--white-monochrome)); display: none; } #account-options li a:hover { color: rgb(255, 255, 255); text-decoration: none; } #header::before { content: ""; margin-top: -13px; position: absolute; height: 100%; width: 100%; left: 0; top: 0; background-image: var(--logo-image); background-size: auto 16rem; background-position: center; background-repeat: no-repeat; opacity: 0.5; } div#page-options-bottom-2 > a, div#page-options-bottom > a { border: 2px solid rgb(var(--black-monochrome)); background-color: rgb(var(--pale-gray-monochrome)); } div#page-options-bottom-2 > a:hover, div#page-options-bottom > a:hover { border: 2px solid rgb(var(--black-monochrome)); background-color: rgb(var(--white-monochrome)); } .owindow .button-bar a, a.button, button, div.buttons input, file, input.button { border: .125rem solid rgba(var(--black-monochrome,48,48,52),1); background-color: rgba(var(--pale-gray-monochrome,100,3,15),1); } .owindow .button-bar a:hover, a.button:hover, button:hover, div.buttons input:hover, file:hover, input.button:hover { border: .125rem solid rgba(var(--black-monochrome,48,48,52),1); background-color: rgba(var(--white-monochrome,100,3,15),1); } .top-box { filter: grayscale(100%); } .bottom-box { filter: grayscale(100%) brightness(2); } .scp-image-block.block-right { border-radius: 5px; background-color: rgb(var(--medium-accent)); padding: 5px; border: 2px solid rgb(var(--black-monochrome)); width: 300px; } @media only screen and (max-width: 768px) { #header::before { margin-top: 0; } #login-status { border-radius: 0px; background-color: transparent; padding: 0px; border: none; } } .yui-navset .yui-nav .selected a { border: 2px solid rgb(var(--black-monochrome)); } .yui-navset-bottom .yui-nav li a, .yui-navset-top .yui-nav li a, .yui-navset .yui-nav li a { border: 2px solid rgb(var(--black-monochrome)); } hr { height: 0; } .yui-navset .yui-nav a:focus, .yui-navset .yui-nav a:hover { background-color: rgb(var(--white-monochrome)); color: rgb(var(--black-monochrome)); } #top-bar div.mobile-top-bar>ul>li>a:after, #top-bar div.mobile-top-bar>ul>li>a:before, #top-bar div.top-bar>ul>li>a:after, #top-bar div.top-bar>ul>li>a:before { background-color: rgba(var(--black-monochrome),.5); }
欢迎来到The Backrooms EI
The Backrooms EI
你可以用这一栏来创建通用页面:
注意:在此栏中输入的页面名称必须为英文或拼音,所有中文字符都会被忽略。
最近新增的页面:
最近新增的原创页面
[[=]]
主站点
国际站点
合作站点

The Backrooms EI的Logo由 CN_Cjwdxclldr 使用由
holaMEMZ创作的The Backrooms E的Iogo为基础进行创作,适用知识共享-版权归属-相同方式共享 3.0 授权协议(CC-BY-SA)。