版式 CSS 代码

@import url('https://fonts.googleapis.com/css2?family=Nixie+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');
 
:root {
    --body-bg: 225, 225, 225;
    --content-bg: var(--global-white-color);
    --bg-opacity: 0.9;
 
    --extra-bg-1: url(https://imagebed.pro/images/Liurd/n2QIoY5r1F.svg);
    --extra-bg-2: url(https://imagebed.pro/images/Liurd/n2QIoY5r1F.svg);
    --extra-bg-3: url(https://imagebed.pro/images/Liurd/n2QIoY5r1F.svg);
    --extra-opacity-1: 0.15;
    --extra-opacity-2: 0.05;
    --extra-opacity-3: 0.05;
 
    --topbar-hover-bg: var(--dark-ui-bg), 0.2;
    --topbar-hover-txt: var(--light-ui-txt);
 
    --user-drop-txt: var(--dark-ui-txt);
 
    --bottombar-bg: var(--dark-ui-bg);
    --bottombar-txt: var(--dark-ui-txt);
 
    --header-title: "Backrooms";
 
    --banner-title: "BACKROOMS";
    --banner-subtitle: "当色彩褪去的时候";
 
    --header-height: 3rem;
    --topbar-height: 2.5rem;
    --dropdown-height: var(--topbar-height);
    --banner-height: 25rem;
 
    --header-ui-size: 3rem;
 
    --header-title-size: 1.8rem;
    --topbar-size: clamp(0.8rem, calc(0.4rem + 0.8vw), 1.2rem);
    --banner-title-size: clamp(2rem, calc(2rem + 3.5vw), 6rem);
    --banner-subtitle-size: 1rem;
 
    --banner-font: "Nixie One", "Noto Serif SC", Franklin Gothic Medium, Franklin Gothic, ITC Franklin Gothic, Arial, serif;
    --header-font: var(--banner-font);
    --title-font: "Outfit", "Noto Sans SC", "Noto Sans TC", Franklin Gothic Medium, Franklin Gothic, ITC Franklin Gothic, Arial, sans-serif;
    --body-font: "Atkinson Hyperlegible", "Noto Sans SC", "Noto Sans TC", Arimo, Verdana, Geneva, sans-serif;
    --ui-font: "Outfit", "Noto Sans SC", "Noto Sans TC", Arimo, Verdana, Geneva, sans-serif;
}
 
#extra-div-1 {
    position: fixed;
    width: 100%;
    height: 25vh;
    bottom: 0;
    left: 0;
    z-index: -1;
    background-image: var(--extra-bg-1);
    background-size: 20rem;
    background-repeat: repeat-x;
    background-position: center;
    opacity: var(--extra-opacity-1);
}
 
#extra-div-2 {
    position: fixed;
    width: 100%;
    height: 50vh;
    bottom: 0;
    left: 0;
    z-index: -2;
    background-image: var(--extra-bg-2);
    background-size: 40rem;
    background-repeat: repeat-x;
    background-position: center;
    opacity: var(--extra-opacity-2);
}
 
#extra-div-3 {
    position: fixed;
    width: 100%;
    height: 100vh;
    bottom: 0;
    left: 0;
    z-index: -3;
    background-image: var(--extra-bg-3);
    background-size: contain;
    background-repeat: repeat-x;
    background-position: bottom;
    opacity: var(--extra-opacity-3);
}
 
#container {
    display: grid;
    grid-template-columns: minmax(var(--sidebar-width), 1fr)auto 1fr;
    grid-template-rows: auto auto auto auto;
}
 
#extrac-div-1 {
    grid-column: 2 / 3;
    grid-row: 1 / 2;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-family: var(--banner-font);
    font-weight: 200;
    width: 100%;
    height: var(--banner-height);
    color: rgb(var(--header-txt));
    order: -1;
}
 
#extrac-div-1::before {
    content: var(--banner-title);
    font-size: var(--banner-title-size);
}
 
#extrac-div-1::after {
    content: var(--banner-subtitle);
    font-size: var(--banner-subtitle-size);
}
 
#header {
    grid-column: 1 / 2;
    grid-row: 1 / 3;
    min-width: var(--sidebar-width);
    width: 100%;
    height: fit-content;
    grid-template-columns: var(--header-ui-size) 1fr auto auto;
    grid-template-rows: var(--header-ui-size) calc(var(--banner-height) - var(--header-ui-size)) auto;
    top: calc(0px - var(--banner-height));
    order: -2;
}
 
#search-top-box {
    grid-column: 3 / 4;
    position: fixed;
    right: var(--header-ui-size);
    backdrop-filter: blur(1rem);
}
 
#login-status {
    grid-column: 4 / 5;
    position: fixed;
    right: 0;
    backdrop-filter: blur(1rem);
}
 
#header h1 {
    grid-column: 2 / 3;
    grid-row: 1 / 2;
    height: var(--header-height);
    position: static;
}
 
#header h1 a {
    justify-content: flex-start;
    padding: 0;
    padding-left: 0.5rem;
    transition: padding var(--global-duration);
}
 
#header h1 a:is(:hover, :focus) {
    padding-left: 1rem;
    transition: padding var(--global-hover-duration);
}
 
#header h2 {
    display: none;
}
 
#header-extra-div-1 {
    display: none;
}
 
#top-bar {
    grid-column: 1 / 5;
    grid-row: 3 / 4;
    height: auto;
}
 
#top-bar > div > ul {
    flex-direction: column;
    height: auto;
    margin-right: 0;
}
 
#top-bar > div > ul > li {
    flex-basis: unset;
    height: var(--topbar-height);
}
 
#top-bar > div > ul > li > a {
    justify-content: flex-end;
    padding: 0 1rem;
}
 
#top-bar > div > ul > :is(li, li:last-of-type) > ul {
    top: 0;
    left: 100%;
    width: 24em;
    max-width: max-content;
    min-width: auto;
    flex-direction: row;
    flex-wrap: wrap;
}
 
#top-bar > div > ul > li > ul > li {
    width: 10em;
    flex-grow: 1;
}
 
#top-bar > div > ul > :is(li, li:hover, li:focus, li.sfhover, li:focus-within) > ul > li > a {
    box-sizing: border-box;
}
 
#content-wrap {
    display: contents;
}
 
#side-bar {
    max-height: unset;
    overflow-y: auto;
    border: unset;
    box-shadow: 0 0 1.5rem -1rem rgb(var(--global-dark-color));
}
 
#side-bar::after {
    backdrop-filter: blur(1rem);
}
 
#main-content {
    grid-column: 2 / 3;
    grid-row: 2 / 3;
    min-height: 100vh;
    box-sizing: border-box;
    margin: 0 auto 15vh;
    padding: 1.5rem;
    box-shadow: 0 0 2.5rem -1rem rgb(var(--global-dark-color));
    position: relative;
    background: rgba(var(--content-bg), var(--bg-opacity));
}
 
#main-content::after {
    content: "你曾经来过这里.";
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 10vh;
    color: rgb(var(--header-txt));
    font-family: var(--banner-font);
    font-weight: 200;
}
 
#page-title {
    padding: 0;
}
 
:is(blockquote, .blockquote, div.blockquote, [class*=blockquote]) {
    padding: 0.5rem 1rem;
    border-width: 0 0 0 0.3rem;
    background: rgba(var(--light-block-bg), 0.4);
}
 
#page-options-container {
    font-family: var(--ui-font);
}
 
#footer {
    grid-column: 1 / 4;
    grid-row: 3 / 4;
    box-sizing: border-box;
    justify-content: flex-end;
    margin-top: 0.5rem;
    border: unset;
}
 
#license-area {
    grid-column: 1 / 4;
    grid-row: 4 / 5;
    padding: 0.5rem;
    justify-content: flex-end;
}
 
#license-area a {
    color: rgb(var(--global-pale-color));
}
 
@media only screen and (max-width: 1024px) {
  #container-wrap {
    perspective-origin: 49.5% 5rem;
  }
 
  #container {
    display: flex;
  }
 
  #header {
    min-width: var(--sidebar-width);
    grid-template-columns: var(--header-ui-size) 1fr auto auto;
    grid-template-rows: var(--header-ui-size) auto auto;
    top: 0;
    width: initial;
    position: static;
  }
 
  #content-wrap {
    display: block;
    margin: 0;
  }
 
  #login-status {
    position: relative;
    backdrop-filter: unset;
  }
 
  #search-top-box {
    position: static;
    backdrop-filter: unset;
  }
 
  #login-status #account-options {
    left: initial;
    right: 0;
  }
 
  #top-bar > div > ul {
    flex-direction: row;
    margin-right: auto;
  }
 
  #top-bar > div > ul > li {
    flex-basis: min-content;
  }
 
  #top-bar > div > ul > li > a {
    justify-content: center;
    padding: 0;
  }
 
  #top-bar > div > ul > :is(li, li:last-of-type) > ul {
    top: 100%;
    left: 0;
    width: auto;
    flex-direction: column;
  }
 
  #top-bar > div > ul > li:last-of-type > ul {
    left: initial;
    right: 0;
  }
 
  #top-bar > div > ul > li > ul > li {
    width: 100%;
    flex-grow: 1;
  }
}
 
@media only screen and (max-width: 768px) {
    #top-bar > div > ul > :is(li, li:last-of-type) > ul {
        flex-direction: row;
    }
    #top-bar > div > ul > li > ul > li {
        width: 50%;
    }
}

---

2017年9月12日

今天开始记日记，希望每一天都有快乐的事情。

也为了未来看到的自己，有个美好的回忆。

2018年1月16日
要放寒假了，希望接下来的假期可以好好的玩一玩。

妈妈还说这次考试考100就给我买我喜欢的漫画书，好耶。

虽然之前也没有买过就是了。

2018年4月1日
[数据删除]今天把我要交的作业给藏起来了，还说什么开个玩笑，

算了，今天是愚人节，我大人有大量，原谅他好了。

愚人节快乐。

2018年7月5日
好热啊，好想开空调。

可惜家里的空调坏了。

2018年8月25日
好热啊，真的好想开空调

为什么空调还没修好啊。

2018年11月16日
不知道为什么，同学们管我叫“熊猫”，还见面就偷偷的笑。

我觉得他们一定是很喜欢我才这样的，
因为熊猫是国宝嘛。

2019年12月1日
今天被人打了，我去找我爸告状。

我爸可生气了，当即就说要去我学校让那些恶人付出代价
明天会更好的吧

2019年12月2日
今天爸爸去我学校，说要帮我找回场子。

爸爸真的好霸气。

可惜他明天就要回公司了

没事，我想明天会更好的吧。

2020年1月31日
新年了，

明年会更好的吧。

2020年2月23日
明天，就开学了。

明天，会更好的，对吧。

明天，或许不会有人打我了。

明天，班里的人说不定就会主动与我说话了呢？

明天，我妈说不定就给我买漫画书和玩偶了

明天，我爸和我妈说不定就不吵架了呢？

明天，说不定我爸工作就调回来了呢？

明天，会更好的，对吗？

未来的我？

2020年6月28号
过去的我，你好

或许你已经对未来不报希望，

或许你也还在为虚无缥缈的明天报以希望。

我也早就忘记了当时的感受，

或许，是前者吧。

每天如同行尸走肉一般，

盼望着虚无缥缈的明天，

回忆着灰暗无光的昨天，

眼看着一团乱麻的今天，

或许早如行尸走肉一般了。
就这样吧。

仅此了。

身后是无边的墨浪，仿佛倾倒于此。

周围是一座座闪着亮光的城市，可为何如此黑暗。

或许他在写下那些期望的时候，真的期望过这些出现在自己身上呢？

或许他在写下第一句简短的话的时候，盼望过未来的自己拥有幸福呢？

或许在哪个过去，他真的期望过所谓“虚无缥缈”的明天呢？

已经不重要了

他明白爸爸一直爱他，可常年在外地工作的人所给予的爱，又能被接收到多少呢。

可他不怪爸爸，因为，那是他感受到的，为数不多的爱

妈妈自始至终都没有买那一套漫画书，房间里的空调也只是个摆设。

自己都是个大专毕业，却总认为孩子是她一切不幸福的根源。

他不是不懂学校里同学在孤立，在嘲弄他。

他也尝试过去反抗，或者去融入，想办法让自己过得好过一些

可，奇迹被称为奇迹，是因为苦难中肯扶且有能力扶的人

太少了……

家里的财产永远在妈妈身上，老师接收到学生的告状也只会转移问题。

哪怕家长闹到学校去，学校都有法子大事化小。

最终收到变本加厉的报复的，依旧只有自己

所以他只能忍受，到树叶将白色彻底遮挡在外面。

他希望的很简单，一套漫画，一个玩偶，一个空调，一个真正属于自己的房间。

可，还可以希望吗？

他，迈出了脚，迈向了黑暗，迈向了远方，迈出了自己的最后一步。

或许他自己都不知道为什么要选择踏出这一步，或许是为了解脱，或许是为了逃离，或许是期待着，或许是绝望着。

坠落感慢慢消失，他感觉到了，自己的身边，充满了白色。

他最后看了一眼这个世界，看了这一眼白色的梦。

梦里有着他喜欢的漫画，可惜翻不开了。

梦里有着他喜欢的小熊，可惜抱不住了。

黑暗再次袭来，但他已不再等待。

慢慢沉入了，他最后的地方。

“就这样吧！”

“就这样吧。”

---

Level C-1458

---

生存难度：生存難度：

等级等級 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: 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 C -1458是后室C层群的第1458层。

描述

level C -1458 是一间长6米，宽4米，高3米的一个普通的白色房间。尽管该层级极小，但在经过LPS（层级定位系统）验证后，证明了Level C-1458是独立层级。

层级内由一张普通的床，一个普通的白色书架和一张普通的白色桌椅所组成。床上有一床垫，一床被子，一个枕头和一个普通的泰迪熊。书架有四层，下三层由封皮为白色，无任何内容的空白本所填满。书架顶上由各种不属于后室中任何一种题材的漫画。书桌上放有一本通体白色的笔记本，内容以于本文档进行展示。

关于该层级的报告中所有流浪者在进入该层级时都未见到其他流浪者的存在，推测该层级存在孤立效应。除此之外，该层级没有其他异常效应，被大多数流浪者称为“一间普通的房间”

基地、前哨与社区

鉴于该层级的孤立效应，本层级无法建立各种基地，前哨与社区

入口与出口

入口

• 在Level C - 270中可以找到一本漫画书，切入此书可以进入该层

出口

• 从房门离开可以切入Level C - 1001
• 有报告称该层级有通往Level 160的出入口，但未被证实。

---

只是一个普通的房间

作者skyforest123 does not match any existing user name

« Level C-1457 | Level C-1458 | Level C-1459 »

[[/div]]