Level Three 2.2

+ 版式代码

:root {
 
    /* Variables */
    --light-red: 192, 127, 127;
    --dark-red: 88, 18, 14;
    --light-yellow: 218, 210, 175;
    --dark-yellow: 117, 102, 67;
    --light-blue: 151, 161, 197;
    --dark-blue: 49, 69, 130;
    --gold-accent: 231, 213, 185;
    --beige-accent: 244, 242, 229;
    --light-grey: 204, 204, 204;
    --dark-grey: 54, 54, 54;
    --full-black: 0, 0, 0;
    --full-white: 255, 255, 255;
 
    --theme-base: "black-highlighter";
    --theme-id: "nuliminal";
    --theme-name: "NuLiminal Theme";
 
    /* Header */
     --logo-image: url("http://backrooms-wiki.wdfiles.com/local--files/component%3Atheme/logo.svg");
     --header-title: "The Backrooms";
     --header-subtitle: "你曾经来过这里";
     --swatch-headerh1-color: var(--white-monochrome);
     --swatch-headerh2-color: var(--white-monochrome);
 
    /* Typefaces */
     --body-font: 'Public Sans', Noto Sans SC, Inter, Verdana, Geneva, "Helvetica Neue", "Helvetica", sans-serif;
     --UI-font: "Fantasque Sans Mono", Noto Sans SC, Courier New, Ubuntu Mono, Consolas, monospace, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
     --header-font: 'Fantasque Sans Mono', Noto Sans SC, Courier New, Ubuntu Mono, Consolas, monospace;
     --title-font: var(--header-font);
     --mono-font: 'Fantasque Sans Mono', Noto Serif SC, Recursive, Consolas, monaco, monospace;
    /* MOST THEMES SHOULDN'T CHANGE THIS: makes editing consistent across themes, adds programming ligatures */
     --editor-font: 'Fantasque Sans Mono', Noto Serif SC, Recursive, Consolas, monaco, monospace;
 
    /* Colors */
    --white-monochrome: var(--full-white);
    --pale-gray-monochrome: var(--beige-accent);
    --light-gray-monochrome: var(--light-grey);
    --dark-gray-monochrome: var(--dark-grey);
    --gray-monochrome: var(--dark-blue);
    --black-monochrome: var(--dark-grey);
    --bright-accent: var(--dark-blue);
    --medium-accent: var(--light-blue);
    --dark-accent: var(--dark-red);
    --pale-accent: var(--light-red);
    --link-color: var(--dark-blue);
    --visited-link-color: var(--dark-red);
    --alt-accent: var(--dark-grey);
    --hover-link-color: var(--dark-blue);
 
   /* 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);
 
   /* Swatches */
    --swatch-background: var(--beige-accent);
    --swatch-primary: var(--dark-blue);
    --swatch-secondary-color: var(--light-yellow);
 
    --swatch-text-general: var(--full-black);
    --swatch-important-text: var(--full-white);
 
    --swatch-menubg-color: var(--light-grey);
    --swatch-menubg-medium-color: var(--gold-accent);
    --swatch-menubg-dark-color: var(--dark-blue);
    --swatch-menubg-hover-color: var(--dark-grey);
    --swatch-menutxt-dark-color: var(--dark-grey);
    --swatch-menutxt-general-color: var(--full-black);
    --swatch-border-color: var(--dark-grey);
 
    --swatch-topmenu-border-color: var(--dark-red);
    --swatch-topmenu-bg-color: var(--gold-accent);
    --swatch-topmenu-txt-color: var(--dark-grey);
 
    --swatch-sidebar-collapsible-tab-bg: var(--dark-grey);
 
    --gradient-header: linear-gradient( to bottom, rgb(var(--medium-accent)) 0%, rgb(var(--bright-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(--dark-yellow); /* This will display at low opacity */
     --banner-gradient-color: var(--dark-blue);
 
    /* Measurements */
     --scrollbar-width: 0.7rem;
     --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;
 
    /* Rating Module */
     --rating-module-bg-color: var(--light-gray-monochrome);
}
 
/* Main Content */
#main-content {
    --tabs-bg: var(--bright-accent);
    --tabs-txt: var(--swatch-important-text);
    --tabs-hover-bg: var(--swatch-topmenu-bg-color r);
    --tabs-hover-txt: var(--swatch-text-general);
    --tabs-selected-bg: var(--light-gray-monochrome);
    --tabs-selected-txt: var(--swatch-text-general);
    --tabs-selected-outline: var(--dark-gray-monochrome);
    --tabs-bottom-border-color: var(--swatch-topmenu-bg-color);
    --tabs-content-bg-color: var(--medium-accent), 0.25;
    --tabs-content-border-color: var(--bright-accent);
 
    --tables-header-bg: var(--dark-accent);
    --tables-header-txt: var(--swatch-text-secondary-color);
    --tables-border: var(--dark-gray-monochrome);
    --tables-body-bg: var(--pale-accent);
    --tables-body-txt: var(--swatch-text-general);
 
    --footnotes-footer-bg-color: var(--swatch-secondary-color);
    --footnotes-footer-colorbar-color: var(--dark-accent);
    --footnotes-footer-title-bg-color: var(--swatch-primary);
 
    --blockquote-bg-color: var(--light-gray-monochrome), 0.25;
    --blockquote-border-color: var(--dark-gray-monochrome);
 
    --toc-body-bg-color: var(--light-gray-monochrome);
 
}
 
#top-bar {
    --dropdown-bg-color: var(--dark-accent), 0.9;
    --dropdown-border-color: var(--pale-accent);
    --topmenu-category-color: var(--dark-grey);
    --topmenu-category-hover-bg: var(--dark-grey);
}
 
#side-bar, #interwiki {
    --sidebar-collapsible-fld-link-bg: var(--dark-gray-monochrome);
    --sidebar-collapsible-fld-link-color: var(--light-gray-monochrome);
}
 
#side-bar div.collapsible-block div.collapsible-block-unfolded-link>a.collapsible-block-link {
    color: rgb(var(--light-gray-monochrome));
}
 
/* Scrollbar */
html, body {
    color: rgb(var(--full-black));
    font-variant-ligatures: none;
    scrollbar-color: rgb(54, 54, 54) rgb(204, 204, 204);
    margin: 0;
    padding: 0;
}
 
/* Wallpaper */
/* Header Wallpaper */
 #skrollr-body::before {
     background-color: rgba(var(--banner-gradient-color),0.2);
}
 #skrollr-body::before {
     background-color: rgba(var(--banner-gradient-color),0.2);
}
 
 #container-wrap-wrap::before {
     background: linear-gradient(
         to bottom,
         rgba(var(--banner-gradient-color), 0) 0%,
         rgba(var(--banner-gradient-color), 0.013) 5%,
         rgba(var(--banner-gradient-color), 0.049) 10.1%,
         rgba(var(--banner-gradient-color), 0.104) 15.2%,
         rgba(var(--banner-gradient-color), 0.175) 20.5%,
         rgba(var(--banner-gradient-color), 0.259) 25.9%,
         rgba(var(--banner-gradient-color), 0.352) 31.6%,
         rgba(var(--banner-gradient-color), 0.45) 37.5%,
         rgba(var(--banner-gradient-color), 0.55) 43.8%,
         rgba(var(--banner-gradient-color), 0.648) 50.4%,
         rgba(var(--banner-gradient-color), 0.741) 57.4%,
         rgba(var(--banner-gradient-color), 0.825) 64.9%,
         rgba(var(--banner-gradient-color), 0.896) 72.8%,
         rgba(var(--banner-gradient-color), 0.951) 81.3%,
         rgba(var(--banner-gradient-color), 0.987) 90.3%,
         rgb(var(--banner-gradient-color)) 100%
     );
     z-index: -1;
     content: "";
     top: 0;
     left: 0;
     position: absolute;
     width: 100%;
     height: var(--header-height-on-desktop);
}
 
/* Div Boxes */
 .darkblock {
     color: rgb(var(--white-monochrome));
     background: rgb(var(--dark-gray-monochrome));
     padding: 0.01rem 1rem;
     margin: 0.5rem 0;
     box-shadow: var(--quote-shadow);
}
 .lightblock {
     color: rgb(var(--full-black));
     background: rgb(var(--light-gray-monochrome));
     padding: 0.01rem 1rem;
     margin: 0.5rem 0;
     box-shadow: var(--quote-shadow);
}
 
 .redblock {
    color: rgb(var(--full-black));
    background: rgb(var(--light-red));
    padding: 0.01rem 1rem;
    margin: 0.5rem 0;
    box-shadow: var(--quote-shadow);
}
 
 .yellowblock {
    color: rgb(var(--full-black));
    background: rgb(var(--light-yellow));
    padding: 0.01rem 1rem;
    margin: 0.5rem 0;
    box-shadow: var(--quote-shadow);
}
 
 .blueblock {
    color: rgb(var(--full-black));
    background: rgb(var(--light-blue));
    padding: 0.01rem 1rem;
    margin: 0.5rem 0;
    box-shadow: var(--quote-shadow);
}
 
/* Div Quotes */
 .styled-quote {
     color: rgb(var(--full-black));
     background: rgb(var(--light-gray-monochrome));
     padding: 0.01rem 1rem;
     margin: 0.5rem 0;
     box-shadow: var(--quote-shadow);
     border-left: solid 6px rgb(var(--dark-gray-monochrome));
}
 
 .dark-styled-quote {
     color: rgb(var(--white-monochrome));
     background: rgb(var(--dark-gray-monochrome));
     padding: 0.01rem 1rem;
     margin: 0.5rem 0;
     box-shadow: var(--quote-shadow);
     border-left: solid 6px rgb(var(--light-gray-monochrome));
}
 
 .styled-red {
     color: rgb(var(--full-black));
     background: rgb(var(--light-red));
     padding: 0.01rem 1rem;
     margin: 0.5rem 0;
     box-shadow: var(--quote-shadow);
     border-left: solid 6px rgb(var(--dark-red));
}
 
 .styled-yellow {
     color: rgb(var(--full-black));
     background: rgb(var(--light-yellow));
     padding: 0.01rem 1rem;
     margin: 0.5rem 0;
     box-shadow: var(--quote-shadow);
     border-left: solid 6px rgb(var(--dark-yellow));
}
 
 .styled-blue {
     color: rgb(var(--full-black));
     background: rgb(var(--light-blue));
     padding: 0.01rem 1rem;
     margin: 0.5rem 0;
     box-shadow: var(--quote-shadow);
     border-left: solid 6px rgb(var(--dark-blue));
}
 
/* Tess Div by Ambersight */
 
:is(.with-tess) {
    margin-top: 18rem;
    padding-top: 1.2rem;
    position: relative;
}
 
:is(.with-tess.no-padding) {
    padding-top: 0.5rem;
    min-height: 1rem;
}
 
.with-tess::before {
    content: "";
    display: block;
    height: 20rem;
    width: 23rem;
    background: url(https://s2.loli.net/2024/11/19/REebTS8UZjvnfJC.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    position: absolute;
    top: -18.06rem;
    right: 2rem;
}
 
.with-tess::after {
    content: "";
    display: block;
    height: 6rem;
    width: 10rem;
    background: url(https://s2.loli.net/2024/11/20/9KYzVHiUAOJnyeS.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    position: absolute;
    top: -4rem;
    left: 1rem;
}
 
@media only screen and (max-width: 590px) {
    .with-tess::after {
        display: none;
    }
}
 
@media only screen and (max-width: 520px) {
    .with-tess::before {
        right: 0.5rem;
    }
}
 
/* 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);
}
 
/* License Box */
 #page-content .licensebox .collapsible-block-link {
     margin-left: .25em;
     padding: .25em;
     font-weight: 700;
     opacity: .5;
     color: rgb(var(--dark-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(--black-monochrome));
}

生存难度：生存難度：

等级等級 1

• {$one}
• 亚稳定
• 实体绝迹

---

翻译者须知：

从 2026 年 5 月 20 日起，后室英文维基开始使用层级等级（后室英文维基），全面替代此组件。最终的结果是，此组件从 component:level-class 变成了 component:old-level-class；而 component:level-class 则被替换成了上述的新组件。

这导致后室英文维基所有使用了生存难度分级组件的页面，都自动更新成另一版本。中文维基不会跟进这一改动，亦不会重命名此组件。译者可以自由选择在翻译过程中应用新版组件，使之与原文相同；也可以继续使用此组件，即不改动 [[include]] 代码。

除了外形有所变化，新组件还新增了 1E-5E 的环境危害分级，并稍微扩展了自定义维度；因此部分页面可能有必要更换为新组件，才能正常显示。请译者自行甄别。

如何使用：

[[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: 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 Three-2.2是在Level Three-2中发现的第二个子层级，它由一名流浪者在2024年6月24日被发现于在其父层级教室内的黑板上。

描述

Level Three-2.2表示为一间大约60平方米的放映厅，层级内部电力充足，Wi-Fi信号较强，且流浪者透过任何一扇窗户都可以看到在Level Three-2中的室外区域，但景象单一。

该层级的一端只有一块幕布，上面放映着流浪者最愿意观看的电影或者是电视剧。该层级存在孤立效应，流浪者无法在此地相遇，除此之外，一旦有一个流浪者切出Level Three-2.2后，该层级在72个小时之内的任何的流浪者都无法再次进入，经计算，一名流浪者短时间内可以在Level Three-2.2内停留20分钟，最长时间内可以达到7个小时之久(但目前未经证实)。

实体

该层级内不存在任何的实体。

基地、前哨站与社区

该层级内不存在任何已知的基地、前哨站与社区。

入口与出口

入口

切入Level Three-2.1切入墙壁。

流浪者也可以切入Level Three-2中的黑板来到此层级。

在Level Three-3中切入地面。

出口

切入屏幕后可以来到Level 68。

切入一个椅子可以来到Level 177。

在该层级内的窗户跳下或者是在该层级内停留时长超过7小时后会直接切出至Level Three-2。

---

本文作者信息

Untextured wywibdd

---