版式：超破碎

评分: +1+–x



close

著作信息

X

这是一个评分信息组件。要使用该组件，插入以下代码：

[[include :backrooms-wiki-cn:credit:start]]

你的内容。

[[include :backrooms-wiki-cn:credit:end]]

版式测试页 by

bleuboat
bleuboat
(account deleted)

评分: +1+–x



close

著作信息

X

这是一个信息组件。要使用该组件，插入以下代码：

[[include :backrooms-wiki-cn:credit:start-standalone]]

你的内容。

[[include :backrooms-wiki-cn:credit:end-standalone]]

版式测试页 by

bleuboat
bleuboat
(account deleted)

Level 0 的第一张照片。

Level 0 是一处非线性空间，外观类似于一家零售店的储藏后室。与它此前被确认的形式相似，Level 0 中的所有房间都在外观上呈现出具有共同表面特征的统一制式模样，例如泛黄的墙纸、潮湿的地毯和以不一致方式安装的荧光灯具。然而，本层中不存在两个完全相同的房间。¹

一号标题

二号标题

三号标题

四号标题

五号标题

六号标题

+ 这是一个折叠。

无序列表
列表之二
- 列表嵌套

有序列表
二号

定义列表: 内容
二号: 内容之二

这是一个	表格
制作它的	方法
请查询维基语法。

这是一个引用块，在一行字的起始处加上“> ”来创建。
更多文字

一条分割线

嵌套引用块

嵌套引用块里的分割线

嵌套嵌套引用块

嵌套嵌套引用块里的分割线

够了，禁止套娃

[[code]]
[[div class="code"]]

[[note]]

墙是黄的

这东西很烦人，不过嘛…有些时候它就是没法避免…

[[span class="bblock"]]

[[span class="dblock"]]

[[span class="keycap"]]

[[span class="tags"]]

[[span class="ruby"]][[span class="rt"]]

[[div class="meta-title"]]

‡ 授权 / 引用

参考文献

1. 参考文献

2. 内容之二

+ 版式代码

- 隐藏

@import url("https://fonts.googleapis.com/css2?family=ZCOOL+XiaoWei&display=swap");
@import url("https://fonts.googleapis.com/css?family=Iceland&display=swap");
@import url("https://fonts.googleapis.com/css?family=Iceberg&display=swap");
:root {
    --header-font: "Iceberg", "Noto Serif SC", "Noto Serif TC", serif;
    --sub-header-font: "Iceland", var(--header-font);
    --page-title-font: "ZCOOL XiaoWei", var(--header-font);
    --title-font: "Noto Serif SC", "Noto Serif TC", serif;
 
    --background-color: 250, 250, 250;
    --text-color: 5, 5, 5;
 
    --light-color-2: 244, 244, 244;
    --dark-color-1: 150, 150, 150; 
    --dark-color-2: 0, 0, 0;
    --dark-color-3: 66, 66, 72;
 
    --link-color: 118, 36, 36;
    --visited-link-color: 90, 90, 90;
    --hover-link-color: 165, 42, 42;
    --newpage-color: 105, 32, 32;
 
    --general-light-background-color: 180, 180, 180;
    --general-button-text-color: var(--general-light-text-color);
    --general-button-background-color: var(--general-light-background-color); 
    --general-hover-button-text-color: var(--general-medium-text-color);
    --general-hover-button-background-color: var(--general-medium-background-color); 
 
    --header-background-image: linear-gradient(50deg, #151515, #141414, #3b3b3b, #342f2f, #2a2a2a, #000);
    --header-extra-background-image: repeating-linear-gradient(50deg, hsla(0, 0%, 90%, 0), hsla(0, 0%, 100%, 0) .25vh, rgba(88, 88, 88, 0.1) .35vh, rgba(88, 88, 88, 0.2) .4vh);
    --header-title-image: linear-gradient(120deg, #e8e8e8 0%, #a2a2a2 10%, #fff 50%);
    --iron-image: url("https://scp-wiki-cn.wdfiles.com/local--files/theme:broken-world/Bgr-wanderers-goldfoil.png");
    --logo-image-under:  linear-gradient(180deg, #2e2c2c 0%, #333 0%, #000 0%);  
    --logo-image-cover: linear-gradient(rgba(145, 145, 145, 0.6) 0%, rgb(44, 46, 44, 0.8) 30%, rgba(200, 200, 200, 0.6) 100%);
    --search-icon-width-on-mobile: 1.5rem;
    --header-title: "Backrooms";
    --header-subtitle: "你曾来过此处"; 
 
    --topbar-background-color: var(--general-dark-background-color);
    --topbar-hover-background-color: var(--dark-color-2), 0.05; 
    --topbar-border-color: var(--text-color);
    --topbar-background-image: linear-gradient(to bottom, rgba(var(--topbar-border-color)) 0, rgba(var(--topbar-background-color)) 0.15rem, rgba(var(--topbar-background-color)) calc(100% - 0.15rem), rgba(var(--topbar-border-color)) 100%);
 
    --account-button-text-color: var(--header-text-color);
    --account-button-background-color: 0, 0, 0, 0;
    --account-button-hover-text-color: var(--general-dark-text-color);
    --account-button-hover-background-color: var(--general-dark-background-color);
    --account-drop-text-color: var(--text-color);
    --account-drop-background-color: var(--background-color); 
 
    --background-gradient-distance: 42rem;
    --background-gradient-color: 215, 215, 215;
    --body-background-image: linear-gradient(to bottom, rgba(var(--background-gradient-color)), rgba(var(--background-color)) var(--background-gradient-distance));
 
    --page-tag-text-color: var(--general-light-text-color);
    --page-tag-background-color: var(--general-light-background-color);
    --page-tag-hover-text-color: var(--general-medium-text-color);
    --page-tag-hover-background-color: var(--general-medium-background-color);
 
    --imageblock-border-width: 0.2rem; 
    --imageblock-border-color: var(--dark-color-1);
 
    --blockquote-background-color: var(--general-light-background-color), 0.25;
 
    --toc-background-color: var(--background-color);
    --toc-text-color: var(--text-color);
    --toc-border-color: var(--general-dark-border-color);
 
    --footnote-block-background-color: var(--general-light-background-color);
    --footnote-block-text-color: var(--general-light-text-color);
    --footnote-block-border-color: var(--dark-color-2);
}
 
body, html {
  -webkit-tap-highlight-color: transparent;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  scrollbar-width: thin;
}
::-webkit-scrollbar {
  width: 0.5rem;
  height: 0.5rem;
}
::-webkit-scrollbar-track {
  background: rgba(var(--scrollbar-background-color));
}
::-webkit-scrollbar-thumb {
  background: rgba(var(--scrollbar-color));
}
a:is(:hover, :active, :focus, :focus-within) {
  -webkit-text-decoration: underline 0.1em;
}
#side-bar .menu-item a {
  transition: background var(--general-transition-time-fast);
}
#file-comments {
  padding: 0.2em 0.5em;
}
table.page-files .highlight {
  background: rgba(var(--action-area-border-color))
}
.pager a, .pager .current, .pager .dots {
  transition: background var(--general-transition-time-slow), color var(--general-transition-time-slow);
}
#action-area h1 + p + h2 ~ div[style="padding-left:3em;"] > div {
  align-items: center;
}
#edit-meta-newtag-form > table {
  display: flex;
  align-items: center;
}
#edit-meta-newtag-form > table :is(tbody, tr) {
  display: contents;
}
#edit-meta-newtag-form > table td {
  display: block;
}
#edit-meta-newtag-form > table td:nth-child(2n) {
  flex: 1;
}
#edit-meta-newtag-form > table td input {
  width: 100%;
  box-sizing: border-box;
  border: none;
  background: rgba(var(--edit-area-textarea-background-color));
  color: rgba(var(--edit-area-textarea-text-color));
  padding: 0.2em 0.5em;
  margin: 0;
  outline: none;
  transition: box-shadow var(--general-transition-time-slow);
  font-weight: 500;
}
#edit-meta-newtag-form > table td input:focus-visible {
  box-shadow: 2px 2px 0 rgba(var(--edit-area-textarea-border-color)), -2px 2px 0 rgba(var(--edit-area-textarea-border-color)), -2px -2px 0 rgba(var(--edit-area-textarea-border-color)), 2px -2px 0 rgba(var(--edit-area-textarea-border-color));
}
#edit-meta-newtag-form > div {
  margin: 1rem 0;
  padding: 0 !important;
  display: flex;
  grid-gap: 1rem;
}
hr {
  background: transparent;
}
[class|=colmod-link] {
  margin: 1rem 0;
}
.yui-navset .yui-nav li a,
.yui-navset .yui-nav li.selected a {
  transition: color var(--general-transition-time-slow);
}
.hl-default,
.hl-code,
.hl-brackets,
.hl-identifier {
  color: inherit;
}
#toc #toc-action-bar {
  top: 0.25rem;
}
:where(ol ul, ul ul) {
  list-style-type: circle;
}
.join-box a {
  color: rgba(var(--general-button-text-color));
  background: rgba(var(--general-button-background-color));
}
.join-box a:is(:hover, :active, :focus, :focus-within) {
  color: rgba(var(--general-hover-button-text-color));
  background: rgba(var(--general-hover-button-background-color));
}
.forum-thread-box .description-block {
  padding: 0.5em 1em;
}
.thread-container .post .long {
  padding: 0.5em;
}
#page-content > div.forum-thread-box > div.options,
.post-container > .post > div.long > div.options {
  display: flex;
  justify-content: flex-end;
}
.signature {
  display: none;
}
.notepaper {
  max-width: 100%;
}
.bettercollap .collapsible-block-unfolded-link,
.bettercollap .collapsible-block-folded {
  margin: 0;
}
@media (pointer: coarse) {
  #login-status #account-options:hover,
  #login-status #account-topbutton:hover + #account-options {
    opacity: 1;
    pointer-events: all;
  }
}
@media only screen and (max-width: 1024px) {
  html {
    scroll-padding-top: var(--topbar-height-on-mobile);
  }
}
 
body {
    background-image: var(--body-background-image);
    background-position: 0 var(--header-height);
}
#header::before {
    background-size: 100%;
}
#header h1 a span::before,
#header h1 a span::after {
    background: var(--header-title-image);
    background-size: cover;
    background-clip: text;
    color: transparent;
    text-shadow: 0.063rem 0.063rem 0.063rem rgba(var(--header-text-shadow-color));
    letter-spacing: 0.15rem;
    font-weight: 900;
}
#header h1 a span::before {
    filter: brightness(160%) drop-shadow(0px 0px 4px rgba(255, 255, 255, 0.2));
}
#header h1 a span::after {
    filter: brightness(160%) drop-shadow(0px 0px 4px rgba(55, 55, 155, 0.5));
    font-family: var(--sub-header-font);
}
#header h2 span {
    width: calc(var(--main-header-height) * 2);
    max-width: 100%;
    margin: 0 auto;
    position: relative;
    -webkit-mask-image: var(--logo-image);
            mask-image: var(--logo-image);
    -webkit-mask-size: contain;
            mask-size: contain;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-position: center;
            mask-position: center;
}
#header h2 span::before {
    background: var(--iron-image), var(--logo-image-under) ;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0.5;
    position: absolute;
    z-index: 1;
}
#header h2 span::after {
    content: "";
    background: var(--logo-image-cover);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0.2;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    z-index: 2;
}
#top-bar {
    background: var(--topbar-background-image);
}
#login-status {
    font-family: var(--title-font);
    right: calc(var(--header-margin) + 0.5rem + var(--search-icon-width-on-mobile));
}
#search-top-box {
    right: var(--header-margin);
    top: 0.7rem;
    width: var(--search-icon-width-on-mobile);
    height: var(--search-icon-width-on-mobile);
    background: rgba(var(--search-button-background-color));
    transition: background var(--general-transition-time-slow);
}
#search-top-box-form {
    display: contents;
}
#search-top-box-form .button {
    font-size: 0;
    width: 100%;
    height: 100%;
    -webkit-mask-image: var(--search-icon-mask);
            mask-image: var(--search-icon-mask);
    -webkit-mask-size: 60%;
            mask-size: 60%;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-position: center;
            mask-position: center;
    background: rgba(var(--search-button-text-color));
}
#search-top-box-form .button:is(:hover, :active, :focus, :focus-within) {
    background: rgba(var(--search-button-text-color));
}
#search-top-box:is(:hover, :active, :focus, :focus-within) {
    background: rgba(var(--search-button-hover-background-color));
}
#search-top-box:is(:hover, :active, :focus, :focus-within) .button {
    background: rgba(var(--search-button-hover-text-color));
}
#main-content {
    margin-top: 3rem;
} 
#page-title, .meta-title {
    font-family: var(--page-title-font);
    display: flex;
    align-items: center;
    border-bottom: 0.2rem double rgba(var(--page-title-border-color));
    font-size: 3rem;
}
#page-title::before, .meta-title::before,
#page-title::after, .meta-title::after {
    content: "";
    flex-grow: 1;
    height: 1.28rem;
    margin: 0 1rem;
    background: rgba(var(--page-title-border-color));
}
.meta-title {
    margin: 1.6rem 0;
}
#breadcrumbs {
    padding: 0.5rem 0;
}
#page-content {
    margin: 2rem 0;
    letter-spacing: 0.03em;
}
.page-tags span a {
    border-radius: 0;
}
.page-source {
    background: rgba(var(--code-block-background-color));
    color: rgba(var(--code-block-text-color));
    border: rgba(var(--code-block-border-color)) dashed 0.15rem;
}
.scp-image-caption {
    border-top: rgba(var(--imageblock-border-color)) var(--imageblock-border-width) solid;
}
.scp-image-caption p {
    font-size: 0.85rem;
}
@media only screen and (max-width: 1024px) {
  #search-top-box {
    top: 0.6rem;
  }
  #page-content {
    letter-spacing: unset;
  }
}

- 隐藏

原创版式美学版式

页面版本: 109, 最后编辑于: 04 Jun 2026 04:58

编辑评分 (+1) 标签讨论历史记录附件打印网站工具 + 选项

蓝船的沙盒站

你曾经来过这里

著作信息

著作信息

一号标题

二号标题

三号标题

四号标题

五号标题

六号标题