基于SkyNight_aic的纯黑标记笔板式及
VivamusLudio的暗色阈限板式制作。
若需将本版式引入到你的页面中,请将以下文本放到任意位置:
[[include :backrooms-wiki-cn:theme:bhaa]]
示例

出发啦
可通过五个连字符“-----”创建水平分割线。若它未被放在其他部件(诸如引用块)中,则会左右延伸贯穿页面。这种将文件分割为多个部分的线就是分割线。
后室的相对论?1
标题可通过在一行字起始处输入 1 至 6 个加号“+”来创建。
- 分页
- 分页
- 长 Tab
- 后室人类天文学管理局 Backrooms Humanity Astronomic Administration。这个tab的标题应该更长。
- 空 Tab
- 空 Tab
- 空 Tab
- 空 Tab
- 空 Tab
此为分页(tab view)。
每日生活在这世界上,却对它几乎一无所知。阳光为何照耀?是什么给予生命可能?我们思考得太少。若不是引力的存在,我们早已被抛掷于茫茫宇宙间。若没有构成身体原子的稳定,我们也早已在顷刻间化为虚无。
我们之中鲜有人会花时间去问为什么大自然如此发展;这浩瀚宇宙从何而来;它是否无始无终;如果有朝一日时间倒流,我们有是否还会有最终的认知极限;构成物质的最小单位又是什么;为什么我们记得过去发生的事,却没有将来;为什么这里有如此一个宇宙。
这是一个长的 tab,它有很多文字。
这是一个长的 tab,它有很多文字。
这是一个长的 tab,它有很多文字。
这是一个长的 tab,它有很多文字。
这是一个长的 tab,它有很多文字。
这是一个长的 tab,它有很多文字。
这是一个长的 tab,它有很多文字。
这是一个长的 tab,它有很多文字。
这是一个长的 tab,它有很多文字。
这是一个长的 tab,它有很多文字。
这是一个长的 tab,它有很多文字。
这是一个长的 tab,它有很多文字。
这是一个引用块,在一行字的起始处加上“> ”来创建。
更多文字
一条分割线
嵌套引用块
这是 | 表格 |
---|---|
你应该老早 | 就知道怎么 |
做这个了吧 |
[[div class="darkblock"]]
[[/div]]
[[div class="darkerblock"]]
[[/div]]
[[div class="lightblock"]]
[[/div]]
[[div class="styled-quote"]]
[[/div]]
@import url("https://etinjat.wikidot.com/component:collapsible-sidebar/code/1"); @import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@300;400;500;700&subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext'); @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;700&subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext'); @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700&subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext'); :root { --header-title: "Backrooms"; --header-subtitle: "我们带着谦卑和希望步入宇宙"; --lgurl: url(" "); --bgurl: url("http://zeystorage.wikidot.com/local--files/main/bhaahead.png"); --logo-image: url(" "); --body-font: "Noto Sans", "Noto Sans SC", sans-serif; --swatch-topmenu-border-color: var(--black-monochrome); } :root { --bhaa-purple: 153, 160, 254; --bhaa-light-purple: 107, 114, 241; --medium-accent: 12, 12, 12; --bright-accent: var(--bhaa-purple); --black-monochrome: 0, 0, 0; --white-monochrome: 255, 255, 255; --gray-monochrome: 100, 100, 100; --background-gradient-color: var(--black-monochrome); --header-gradient-color-bottom: var(--black-monochrome); --header-gradient-color-middle: var(--black-monochrome); --header-gradient-color-top: var(--black-monochrome); --swatch-background: var( --black-monochrome); --swatch-primary: var(--light-gray-monochrome); --swatch-primary-darker: var(--gray-monochrome); --swatch-primary-darkest: var(--dark-gray-monochrome); --swatch-important-text: var(--white-monochrome); --swatch-menubg-color: var(--dark-gray-monochrome); --swatch-menubg-light-color: var(--gray-monochrome); --swatch-menubg-medium-color: var(--gray-monochrome); --swatch-menubg-medium-dark-color: var(--gray-monochrome); --swatch-menubg-dark-color: var( --black-monochrome); --swatch-menubg-black-color: var(--black-monochrome); --swatch-menubg-hover-color: var(--black-monochrome); --swatch-menutxt-dark-color: var(--black-monochrome); --swatch-menutxt-light-color: var(--white-monochrome); --swatch-border-color: var(--black-monochrome); --swatch-topmenu-border-color: var(--gray-monochrome); --swatch-topmenu-bg-color: var(--black-monochrome); } #skrollr-body { background-image: radial-gradient(circle, rgb(var(--medium-accent)) 0%, transparent 0); background-repeat: repeat; background-size: 0.25em 0.25em; width: 100%; height: 7.5rem; } #page-title { display: none; } /*标题*/ div#container-wrap { background-image: none; } div#header { background-image: none; height: 180px; } #header::before { opacity: 0.9; } div#header-extra-div-1 { height: 84px; width: 100%; top: 0; position: absolute; background: var(--lgurl); background-size: contain; background-repeat: no-repeat; background-position: 50% 50%; opacity: 1; z-index: -1; } div#extra-div-1 { height: 164px; width: 100%; top: 0; position: absolute; background: var(--bgurl); background-size: cover; background-repeat: no-repeat; background-position: center 0; z-index: -2; -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 20%, rgba(0,0,0,0.3) 70%, rgba(0,0,0,0) 100%); mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 20%, rgba(0,0,0,0.3) 70%, rgba(0,0,0,0) 100%); } #header h1, #header h2 { margin-left: 0; float: none; text-align: center; } #header h1 a { padding-top: 16px; width: -moz-fit-content; width: fit-content; margin: 0 auto; font-family: "Noto Sans", "Noto Sans SC", sans-serif; } #header h2 { margin-top: 3rem; font-size: 1rem; font-family: "Noto Sans", "Noto Sans SC", sans-serif; } /* Hide the existing text */ #header h1 span, #header h2 span { font-size: 0; display: none; } /* Style the new text */ #header h1 a::before, #header h2::before { color: var(--headerColor); text-shadow: none; } #header h2::before { color: var(--textColor); } /* Set the new text's content from variable */ #header h1 a::before { font-weight: 300; font-size: 1.22em; text-shadow: 0px 2px 5px #3b3b3b; } #header h2::before { content: var(--header-subtitle, " "); font-weight: 600; font-size: 1em; text-shadow: 0px 2px 5px #3b3b3b; } /*字体颜色*/ h1 { color: #FFFFFF; } body{ color: #FFFFFF; } /*链接颜色*/ a:link{ color: 172, 153, 254; text-decoration:none; } a:visited{ color: var(--bhaa-light-purple); text-decoration:none; } /*编辑栏*/ #edit-page-title { background-color: #141212 ; background-image: linear-gradient(rgba(18, 16, 16, 0.03) 50%, rgba(0, 0, 0, 0.45) 50%), linear-gradient(90deg, rgba(255, 0, 0, 0.22), rgba(0, 255, 0, 0.11), rgba(0, 0, 255, 0.22)); background-size: 100% 2px, 3px 100%; border: 1px solid var(--bhaa-purple); color: #3F3; } #edit-page-textarea { background-color: #141212 ; background-image: linear-gradient(rgba(18, 16, 16, 0.03) 50%, rgba(0, 0, 0, 0.45) 50%), linear-gradient(90deg, rgba(255, 0, 0, 0.22), rgba(0, 255, 0, 0.11), rgba(0, 0, 255, 0.22)); background-size: 100% 2px, 3px 100%; border-color: var(--bhaa-purple); color: #3F3; } #edit-page-comments { background-color: #141212 ; background-image: linear-gradient(rgba(18, 16, 16, 0.03) 50%, rgba(0, 0, 0, 0.45) 50%), linear-gradient(90deg, rgba(255, 0, 0, 0.22), rgba(0, 255, 0, 0.11), rgba(0, 0, 255, 0.22)); background-size: 100% 2px, 3px 100%; border-color: var(--bhaa-purple); color: #3F3; } #lock-info { background-color: #141212 ; background-image: linear-gradient(rgba(18, 16, 16, 0.03) 50%, rgba(0, 0, 0, 0.45) 50%), linear-gradient(90deg, rgba(255, 0, 0, 0.22), rgba(0, 255, 0, 0.11), rgba(0, 0, 255, 0.22)); background-size: 100% 2px, 3px 100%; border-color: var(--bhaa-purple); color: #3F3; } #page-tags-input { background-color: #141212 ; background-image: linear-gradient(rgba(18, 16, 16, 0.03) 50%, rgba(0, 0, 0, 0.45) 50%), linear-gradient(90deg, rgba(255, 0, 0, 0.22), rgba(0, 255, 0, 0.11), rgba(0, 0, 255, 0.22)); background-size: 100% 2px, 3px 100%; border-color: var(--bhaa-purple); color: #3F3; } /*评分栏*/ .page-rate-widget-box { background-color: rgb(var(--black-monochrome)); background-image: none; --rating-module-button-color: var(--white-monochrome); --rating-module-text-color: var(--white-monochrome); } .page-rate-widget-box { background-color: #3b3b3b; background-image: none; --rating-module-button-color: var(--black-monochrome); --rating-module-text-color: var(--black-monochrome); } /*引用框*/ blockquote,div.blockquote { margin: 1em 2em 0.1em; padding: 0.5em 1.5em 0.5em; background-color: #000; color: #FFF; box-shadow: 0 0 10px #3b3b3b; border-radius: 5px 5px; } div#page-title { color: rgb(var(--white-monochrome)); } #container { #background: repeating-linear-gradient(-45deg, black, black 4px, #1e1e1e 5px, #1e1e1e 5px); } .darkdocument {background: black;box-shadow: 0 0 10px #3b3b3b;margin: 26px auto 0;max-width: 550px;min-height: 300px;padding: 24px;padding-top: 50px;position: relative;width: 80%;color: #EDEDED;} .aquaquote {background-color:black; border:0px solid #ff1428; margin-bottom: 10px;padding: 15px; box-shadow: 0px 1px 8px 3px #4be2ff;margin: 26px auto 0;max-width: 550px;min-height: 300px;padding: 24px;padding-top: 50px;position: relative;width: 80%;} } ::-webkit-scrollbar { width: 4px; background: transparent; } ::-webkit-scrollbar-track { background: white; } ::-webkit-scrollbar-thumb { background: #000; border: none; border-radius: 0; } a,a:visited { color: rgba(59, 179, 197, 0.81); } /*侧边栏*/ /*div类*/ .styled-quote { background-color:rgb(var(--white-monochrome)); border-left: 0.5rem solid rgba(var(--gray-monochrome)); padding: 0.1rem 1rem; margin: 0.5rem 0 0.5rem 0.25rem; box-shadow: 0 0 8px #3b3b3b; color:rgb(var(--black-monochrome)); } .dark-styled-quote { background-color:rgb(var(--gray-monochrome)); border-left: 0.5rem solid rgba(var(--bhaa-purple)); color:rgb(var(--white-monochrome)); padding: 0.1rem 1rem; margin: 0.5rem 0 0.5rem 0.25rem; box-shadow: 0 0 8px #3b3b3b; } .dark-styled-quote a{ color: rgb(var(--swatch-menubg-medium-color)); } .darkblock { background-color:rgb(var(--white-monochrome)); padding: 0.01rem 1rem; margin: 0.5rem 0 0.5rem 0.25rem; box-shadow: 0 0 8px #3b3b3b; color: rgb(var(--black-monochrome)); } .lightblock { background-color:rgb(var(--gray-monochrome)); color:rgb(var(--black-monochrome)); padding: 0.01rem 1rem; margin: 0.5rem 0 0.5rem 0.25rem; box-shadow: 0 0 8px #3b3b3b; } .darkerblock { background-color:rgb(var(--white-monochrome)); padding: 0.01rem 1rem; margin: 0.5rem 0 0.5rem 0.25rem; box-shadow: 0 0 8px #3b3b3b; color: rgb(var(--black-monochrome)); } .darkblock a { color: rgb(var(--swatch-menubg-medium-color)); } .hovertip { border: var(--border-styling); color: rgb(var(--white-monochrome)); background-color: rgb(var(--black-monochrome)); box-shadow: 0 0 8px #3b3b3b; } .footnotes-footer { border: var(--border-styling); color: rgb(var(--white-monochrome)); background-color: rgb(var(--black-monochrome)); box-shadow: 0 0 8px #3b3b3b; } #side-bar:hover::-webkit-scrollbar, #edit-page-textarea::-webkit-scrollbar, body::-webkit-scrollbar { width: 10px; height: 10px; } #edit-page-textarea::-webkit-scrollbar-thumb, body::-webkit-scrollbar-thumb { background-color: rgb(var(--white-monochrome)) !important; } #edit-page-textarea::-webkit-scrollbar-track, body::-webkit-scrollbar-track { background: rgb(var(--black-monochrome)) !important; } #side-bar:hover::-webkit-scrollbar-thumb { background-color: rgb(var(--white-monochrome)) !important; box-sizing: border-box; } #side-bar:hover::-webkit-scrollbar-track { background: rgb(var(--black-monochrome)) !important; }