介绍
超阈限是由 Ambersight 制作的 Wikidot 版式。该版式在还原阈限版式外观的基础上作出了大幅改动,并将在未来作为更多版式的基础使用。超阈限提供了多种预设,以及大量可轻松改写的 CSS 变量。关于定制版式的方法,请阅读后续内容。对比原阈限版式,超阈限拥有以下特性:
- 更简单的布局结构;
- 更清晰的配色变量;
- 针对移动端的字号、图片展示优化;
- 移除所有伪元素动画;
- 更多可供修改的 CSS 变量;
- 更平面化的元素设计;
- 对于各项细节的调整。
展示

Level 0 的第一张照片。
Level 0 是一处非线性空间,外观类似于一家零售店的储藏后室。与它此前被确认的形式相似,Level 0 中的所有房间都在外观上呈现出具有共同表面特征的统一制式模样,例如泛黄的墙纸、潮湿的地毯和以不一致方式安装的荧光灯具。然而,本层中不存在两个完全相同的房间。
一号标题
二号标题
三号标题
这是第二个分页。要创建分页,使用以下代码:
[[tabview]]
[[tab 第一个分页]]
内容
[[/tab]]
[[tab 第二个分页]]
内容
[[/tab]]
[[/tabview]]
感谢使用超阈限版式!Ambersight 真的花了很多时间来制作它。
如果你对我的其他作品也有兴趣,不妨来我的作者页看看!
这是一个长分页。长分页里面有许多文字。
这是一个长分页。长分页里面有许多文字。
这是一个长分页。长分页里面有许多文字。
这是一个长分页。长分页里面有许多文字。
这是一个长分页。长分页里面有许多文字。
这是一个长分页。长分页里面有许多文字。
这是一个长分页。长分页里面有许多文字。
这是一个长分页。长分页里面有许多文字。
这是一个长分页。长分页里面有许多文字。
这是一个长分页。长分页里面有许多文字。
这是一个长分页。长分页里面有许多文字。
这是一个长分页。长分页里面有许多文字。
内容。
这是一个 | 表格 |
---|---|
制作它的 | 方法 |
请查询维基语法。 |
> blockquote
[[div class="blockquote"]]
[[code]]
[[div class="code"]]
[[div class="lightblock"]]
[[div class="darkblock"]]
[[div class="styled-quote"]]
[[div class="dark-styled-quote"]]
[[note]]
墙是黄的
[[span class="bblock"]]
[[span class="dblock"]]
[[span class="keycap"]]
[[span class="ruby"]][[span class="rt"]]
[[div class="meta-title"]]
请按如下方式引用此页:
“版式:2025”,作者 Ambersight,来自后室中文维基。原文链接:http://backrooms-wiki-cn.wikidot.com/theme:2025。遵循 CC BY-SA 3.0 协议。
更多授权相关信息,请查阅授权指导。
预设
超阈限版式提供了数个预设方案,可供你快捷改变其外观。要使用预设,请将引用语句修改为:
[[include :backrooms-wiki-cn:theme:super-liminal
|预设方案1
|预设方案2
]]

布局预设:宽页面
|wide=a
使你的页面加宽。注意:本展示页就使用了宽页面。

布局预设:移除标题
|hide-title=a
移除页面的标题。你可以使用 .meta-title 来制作假标题。

布局预设:展示侧边栏
|show-sidebar=a
默认展开左侧的侧边栏。当浏览器宽度 < 1024px 时,侧边栏仍然会收起。

配色方案:白昼
|daytime=a
经典白底黑字。

配色方案:梦魇
|nightmare=a
谁把灯关了?
自定义
超阈限提供了全面且丰富的 CSS 变量可供修改。要批量修改变量,使用以下的代码:
[[module CSS]]
:root {
--第一个变量: 值;
--第二个变量: 值;
...
--第n个变量: 值;
}
[[/module]]
注意,其中的所有标点符号皆为半角符号。
警告:其他分页很长。
[[module CSS]]
:root {
/* Basic Colors */
--background-color: 237, 233, 223;
--text-color: 25, 20, 16;
/* Deco Colors */
--light-color-1: var(--background-color);
--light-color-2: 255, 251, 240;
--dark-color-1: 160, 160, 160;
--dark-color-2: 140, 136, 126;
--dark-color-3: 72, 69, 60;
--dark-color-4: 48, 48, 52;
/* Special Colors */
--warning-color: 193, 44, 50;
--accept-color: 20, 169, 32;
--neutral-color: 193, 147, 44;
--warning-text-color: var(--light-color-2);
--accept-text-color: var(--warning-text-color);
--neutral-text-color: var(--warning-text-color);
/* Link Colors */
--link-color: 230, 23, 68;
--hover-link-color: 187, 0, 34;
--visited-link-color: 150, 24, 43;
--newpage-color: 221, 102, 17;
/* Select Colors */
--selected-background-color: 67, 98, 197;
--selected-text-color: 253, 253, 253;
/* Scrollbar Colors */
--scrollbar-color: var(--dark-color-1), 0.75;
--scrollbar-background-color: var(--dark-color-1), 0.15;
/* Note Colors */
--note-background-color: 255, 242, 114;
--note-text-color: 24, 27, 27;
--note-border-color: 24, 27, 27, 0.5;
}
[[/module]]
[[module CSS]]
:root {
/* General Colors */
--general-light-background-color: var(--light-color-2);
--general-light-text-color: var(--text-color);
--general-medium-background-color: var(--dark-color-2);
--general-medium-text-color: var(--light-color-1);
--general-dark-background-color: var(--dark-color-3);
--general-dark-text-color: var(--light-color-1);
--general-shadow-color: var(--text-color);
--general-light-border-color: var(--dark-color-3), 0.08;
--general-medium-border-color: var(--dark-color-3), 0.2;
--general-strong-border-color: var(--dark-color-3), 0.5;
--general-dark-border-color: var(--dark-color-3);
--general-blur: 0.15rem;
--general-transition-time-fast: 0.2s;
--general-transition-time-slow: 0.3s;
/* General Buttons */
--general-button-text-color: var(--general-medium-text-color);
--general-button-background-color: var(--general-medium-background-color);
--general-hover-button-text-color: var(--general-dark-text-color);
--general-hover-button-background-color: var(--general-dark-background-color);
}
[[/module]]
[[module CSS]]
:root {
/* Header Colors */
--header-background-bottom: var(--general-dark-background-color);
--header-background-top: var(--general-dark-background-color), 0.9;
--header-background-image: linear-gradient(to top, rgba(var(--header-background-bottom)) var(--topbar-height), rgba(var(--header-background-top)) 100%);
--header-extra-background-image: radial-gradient(circle, rgba(var(--general-dark-background-color)) 50%, transparent 0);
--header-text-color: var(--general-dark-text-color);
--header-text-shadow-color: var(--general-shadow-color);
/* Topbar Colors */
--topbar-text-color: var(--light-color-1);
--topbar-hover-text-color: var(--topbar-text-color);
--topbar-background-color: 0, 0, 0, 0;
--topbar-hover-background-color: var(--dark-color-4);
--topbar-hover-border-color: var(--dark-color-2), 0.5;
--topbar-drop-text-color: var(--light-color-1);
--topbar-drop-hover-text-color: var(--general-medium-text-color);
--topbar-drop-background-color: var(--dark-color-4), 0.93;
--topbar-drop-hover-background-color: var(--general-medium-background-color);
--topbar-drop-border-color: var(--text-color);
--topbar-drop-border-width: calc(4rem / 45);
--topbar-drop-shadow-color: var(--general-shadow-color), 0.5;
/* User Account Colors */
--header-username-color: var(--dark-color-1);
--account-button-text-color: var(--general-dark-background-color);
--account-button-hover-text-color: var(--general-medium-text-color);
--account-button-background-color: var(--general-dark-text-color);
--account-button-hover-background-color: var(--general-medium-background-color);
--account-drop-text-color: var(--general-light-text-color);
--account-drop-hover-text-color: var(--general-medium-text-color);
--account-drop-background-color: var(--general-light-background-color);
--account-drop-hover-background-color: var(--general-medium-background-color);
--account-drop-border-color: var(--general-dark-border-color);
/* Search Button Colors */
--search-button-text-color: var(--account-button-text-color);
--search-button-hover-text-color: var(--account-button-hover-text-color);
--search-button-background-color: var(--account-button-background-color);
--search-button-hover-background-color: var(--account-button-hover-background-color);
/* Page Title Colors */
--page-title-text-color: var(--text-color);
--page-title-border-color: var(--general-dark-border-color);
/* Page Tag Colors */
--page-tag-border-color: var(--general-medium-background-color);
--page-tag-title-color: var(--general-medium-text-color);
--page-tag-text-color: var(--text-color);
--page-tag-hover-text-color: var(--general-dark-text-color);
--page-tag-background-color: var(--dark-color-2), 0.2;
--page-tag-hover-background-color: var(--general-dark-background-color);
/* Page Option Colors */
--page-option-text-color: var(--general-button-text-color);
--page-option-hover-text-color: var(--general-hover-button-text-color);
--page-option-background-color: var(--general-button-background-color);
--page-option-hover-background-color: var(--general-hover-button-background-color);
/* Footer Colors */
--footer-text-color: var(--general-medium-text-color);
--footer-background-color: var(--general-medium-background-color);
--license-background-color: var(--light-color-1);
--license-text-color: var(--dark-color-3);
--license-link-color: var(--license-text-color);
/* Sidebar Colors */
--sidebar-handle-text-color: var(--general-dark-text-color);
--sidebar-handle-background-color: var(--general-dark-background-color);
--sidebar-background-color: var(--light-color-1);
--sidebar-media-background-color: var(--text-color), 0.15;
--sidebar-media-icon-color: var(--dark-color-3);
--sidebar-title-background-color: var(--general-dark-background-color), 0.5;
--sidebar-title-text-color: var(--general-dark-text-color);
--sidebar-title-shadow-color: var(--general-shadow-color);
--sidebar-text-color: var(--text-color);
--sidebar-hover-text-color: var(--sidebar-text-color);
--sidebar-border-color: var(--general-light-border-color);
--sidebar-hover-background-color: var(--text-color), 0.15;
/* Action Colors */
--action-area-border-color: var(--general-light-border-color);
--action-area-subtext-color: var(--text-color), 0.75;
--action-area-info-background-color: var(--general-medium-background-color);
--action-area-info-text-color: var(--general-medium-text-color);
--page-source-background-color: var(--general-light-background-color);
--page-source-text-color: var(--general-light-text-color);
/* Edit Area Colors */
--edit-area-background-color: var(--dark-color-2), 0.15;
--edit-area-text-color: var(--text-color);
--edit-area-textarea-text-color: var(--general-light-text-color);
--edit-area-textarea-background-color: var(--general-light-background-color);
--edit-area-textarea-border-color: var(--general-dark-border-color);
--edit-area-info-background-color: var(--action-area-info-background-color);
--edit-area-info-text-color: var(--action-area-info-text-color);
--edit-area-button-background-color: var(--general-button-background-color);
--edit-area-button-text-color: var(--general-button-text-color);
--edit-area-hover-button-background-color: var(--general-hover-button-background-color);
--edit-area-hover-button-text-color: var(--general-hover-button-text-color);
/* Hovertip Colors */
--hovertip-background-color: var(--general-light-background-color);
--hovertip-text-color: var(--general-light-text-color);
--hovertip-border-color: var(--general-dark-border-color);
/* Image Block Colors */
--imageblock-caption-background-color: var(--general-light-background-color);
--imageblcok-caption-text-color: var(--general-light-text-color);
--imageblock-shaodw-color: 0, 0, 0, 0;
--imageblock-border-color: var(--general-medium-border-color);
/* Header & Horizon Colors */
--h1-color: var(--text-color);
--h2-color: var(--text-color);
--h3-color: var(--text-color);
--h4-color: var(--text-color);
--h5-color: var(--text-color);
--h6-color: var(--text-color);
--hr-color: var(--dark-color-1);
/* Tabview Colors */
--tabview-border-color: var(--general-dark-border-color);
--tabview-button-background-color: var(--general-light-background-color);
--tabview-button-text-color: var(--general-light-text-color);
--tabview-hover-button-background-color: var(--general-medium-background-color);
--tabview-hover-button-text-color: var(--general-medium-text-color);
--tabview-selected-button-background-color: var(--general-dark-background-color);
--tabview-selected-button-text-color: var(--general-dark-text-color);
--tabview-horizon-color: var(--dark-color-3), 0.65;
--tabview-content-background-color: var(--general-light-background-color), 0.25;
--tabview-content-text-color: var(--general-light-text-color);
/* Tabel Colors */
--table-border-color: var(--general-strong-border-color);
--table-header-background-color: var(--general-medium-background-color);
--table-header-text-color: var(--general-medium-text-color);
--table-background-color: var(--light-color-1);
--table-text-color: var(--text-color);
/* Blockquote Colors */
--blockquote-background-color: var(--general-light-background-color);
--blockquote-text-color: var(--general-light-text-color);
--blockquote-shadow-color: 0, 0, 0, 0;
--blockquote-border-color: var(--general-medium-border-color);
/* Code Block Colors */
--code-block-background-color: var(--blockquote-background-color);
--code-block-text-color: var(--blockquote-text-color);
--code-block-border-color: var(--general-strong-border-color);
/* TOC Colors */
--toc-background-color: var(--general-light-background-color);
--toc-text-color: var(--general-light-text-color);
--toc-border-color: var(--dark-color-2);
/* Note Colors */
--note-background-color: 255, 242, 114;
--note-text-color: 24, 27, 27;
--note-border-color: 24, 27, 27, 0.5;
/* Footnote Block Colors*/
--footnote-block-background-color: var(--dark-color-2), 0.18;
--footnote-block-text-color: var(--text-color);
--footnote-block-border-color: var(--general-dark-border-color);
/* Rating Module Colors */
--rating-background-color: var(--general-light-background-color);
--rating-text-color: var(--general-light-text-color);
--rating-rateup-color: var(--accept-color);
--rating-ratedown-color: var(--warning-color);
--rating-cancel-color: var(--neutral-color);
--rating-rateup-text-color: var(--accept-text-color);
--rating-ratedown-text-color: var(--warning-text-color);
--rating-cancel-text-color: var(--neutral-text-color);
--rating-info-color: var(--dark-color-3);
--rating-info-text-color: var(--light-color-2);
--rating-border-color: var(--general-dark-border-color);
/* Popups Colors */
--popup-fader-color: var(--general-shadow-color), 0.65;
--popup-background-color: var(--general-light-background-color);
--popup-text-color: var(--general-light-text-color);
--popup-title-background-color: var(--general-dark-background-color);
--popup-title-text-color: var(--general-dark-text-color);
--popup-border-color: var(--general-strong-border-color);
--popup-button-text-color: var(--general-button-text-color);
--popup-button-background-color: var(--general-button-background-color);
--popup-hover-button-text-color: var(--general-hover-button-text-color);
--popup-hover-button-background-color: var(--general-hover-button-background-color);
--popup-tip-color: var(--light-color-2);
--popup-loading-color: var(--dark-color-2);
/* The 4 */
--lightblock-background-color: var(--general-light-background-color);
--lightblock-text-color: var(--general-light-text-color);
--darkblock-background-color: var(--general-dark-background-color);
--darkblock-text-color: var(--general-dark-text-color);
--styled-quote-background-color: var(--general-light-background-color);
--styled-quote-text-color: var(--general-light-text-color);
--styled-quote-border-color: var(--general-dark-border-color);
--dark-styled-quote-background-color: var(--general-dark-background-color);
--dark-styled-quote-text-color: var(--general-dark-text-color);
--dark-styled-quote-border-color: var(--light-color-2);
}
[[/module]]
[[module CSS]]
:root {
/* Font Set */
--body-font: Inter, "Noto Sans SC", "Noto Sans TC", Arimo, Verdana, Geneva, sans-serif;
--header-font: Inter, "Noto Sans SC", "Noto Sans TC", Franklin Gothic Medium, Franklin Gothic, ITC Franklin Gothic, Arial, sans-serif;
--title-font: var(--header-font);
--mono-font: "JetBrains Mono", "Noto Serif SC", "Noto Serif TC", Consolas, monaco, monospace;
/* Header Vs */
--main-header-height: 8rem;
--main-header-height-on-mobile: 8rem;
--header-height: calc(var(--main-header-height) + var(--topbar-height));
--header-width: 65rem;
--header-margin: max(calc((100% - var(--header-width)) / 2), 0px);
--logo-image: url("../../logo_nomargin.svg");
--header-title: "The Backrooms";
--header-title-font-size: 2.65rem;
--header-title-font-size-on-mobile: 1.6rem;
--header-subtitle: "你曾经来过这里";
--header-subtitle-font-size: 1rem;
--header-subtitle-font-size-on-mobile: 0.6rem;
--search-icon-width-on-mobile: 2.5rem;
/* Topbar Vs */
--topbar-height: 2rem;
--topbar-height-on-mobile: 3.2rem;
--topbar-font-size: 0.8rem;
--topbar-font-size-on-mobile: 1rem;
/* Account Vs */
--account-drop-border-width: var(--topbar-drop-border-width);
/* Content Vs */
--body-width: 48rem;
--body-margin: max(calc((100% - var(--body-width)) / 2), 1rem);
--content-font-size: clamp(0.87rem, calc(0.83rem + 0.195vw), 1rem);
/* Sidebar Vs */
--sidebar-width: 18rem;
--sidebar-width-on-mobile: 15rem;
/* Image Block Vs */
--imageblock-border-width: 0.15rem;
/* Tabview Vs */
--tabview-border-width: calc(1rem / 15);
/* Tabel Vs */
--table-border-width: calc(2rem / 15);
/* Blockquote Vs */
--blockquote-border-width: calc(2rem / 15);
/* Popup Vs */
--popup-tip-content: "(点击空白处关闭)";
}
[[/module]]
正文字体为 Inter / 思源黑体。
等宽字体为 JetBrains Mono / 思源宋体。
特别感谢:
玄武岩 by Liryn &
Placeholder McD
黑色标记笔 by Woedenaz &
Croquembouche
技术支持 by hoah2333
介绍
2025 版式是由 Ambersight 制作的美学版式,基于超阈限。
展示

漫游后室 2024 第二季:2025。
Level 0 是一处非线性空间,外观类似于一家零售店的储藏后室。与它此前被确认的形式相似,Level 0 中的所有房间都在外观上呈现出具有共同表面特征的统一制式模样,例如泛黄的墙纸、潮湿的地毯和以不一致方式安装的荧光灯具。然而,本层中不存在两个完全相同的房间1。
一号标题
二号标题
三号标题
这是第二个分页。要创建分页,使用以下代码:
[[tabview]]
[[tab 第一个分页]]
内容
[[/tab]]
[[tab 第二个分页]]
内容
[[/tab]]
[[/tabview]]
这是一个长分页。长分页里面有许多文字。
这是一个长分页。长分页里面有许多文字。
这是一个长分页。长分页里面有许多文字。
这是一个长分页。长分页里面有许多文字。
这是一个长分页。长分页里面有许多文字。
这是一个长分页。长分页里面有许多文字。
这是一个长分页。长分页里面有许多文字。
这是一个长分页。长分页里面有许多文字。
这是一个长分页。长分页里面有许多文字。
这是一个长分页。长分页里面有许多文字。
这是一个长分页。长分页里面有许多文字。
这是一个长分页。长分页里面有许多文字。
内容。
这是一个 | 表格 |
---|---|
制作它的 | 方法 |
请查询维基语法。 |
> blockquote
[[div class="blockquote"]]
[[code]]
[[div class="code"]]
[[div class="lightblock"]]
[[div class="darkblock"]]
[[div class="darkblock blue"]]
[[div class="darkblock green"]]
[[div class="darkblock gold"]]
[[note]]
2025
[[span class="bblock"]]
[[span class="dblock"]]
[[span class="keycap"]]
[[span class="ruby"]][[span class="rt"]]
[[div class="meta-title"]]
特殊元素

新年快乐!

你也是!
[[div class="chat-wrapper me"]]
[[div class="chat-icon"]]
[[image 头像图片]]
[[/div]]
[[div class="chat-content lightblock"]]
“我方”发出的聊天信息
[[/div]]
[[/div]]
[[div class="chat-wrapper"]]
[[div class="chat-icon"]]
[[image 头像图片]]
[[/div]]
[[div class="chat-content darkblock"]]
“对方”发出的聊天信息
[[/div]]
[[/div]]

禁忌之恋
这是一个苹果……

阿斯克勒庇俄斯的蛇杖
生命之源。
[[div class="tipblock lightblock"]]
[[div class="tipicon darkblock"]]
[[image 旁边的图片]]
[[/div]]
+ 标题
内容
[[/div]]
[[div class="tipblock lightblock left"]]
[[div class="tipicon darkblock blue"]]
[[image 旁边的图片]]
[[/div]]
+ 标题
内容
[[/div]]
请按如下方式引用此页:
“版式:2025”,作者 Ambersight & Olicus,来自后室中文维基。原文链接:http://backrooms-wiki-cn.wikidot.com/theme:2025。遵循 CC BY-SA 3.0 协议。
图像名:中国结.png
图像作者:Olicus
授权协议:CC BY-SA 3.0
图像名:标题纹饰.png
图像作者:Ambersight
授权协议:CC BY-SA 3.0
图像名:snake.png
图像作者:Ambersight
授权协议:CC BY-SA 3.0
更多授权相关信息,请查阅授权指导。