版式:千禧年
SL_logo.svg
评分: +100+x

[[include :backrooms-wiki-cn:theme:super-liminal]]



介绍

超阈限是由 AmbersightAmbersight 制作的 Wikidot 版式。该版式在还原阈限版式外观的基础上作出了大幅改动,并将在未来作为更多版式的基础使用。超阈限提供了多种预设,以及大量可轻松改写的 CSS 变量。关于定制版式的方法,请阅读后续内容。对比原阈限版式,超阈限拥有以下特性:

  • 更简单的布局结构;
  • 更清晰的配色变量;
  • 针对移动端的字号、图片展示优化;
  • 移除所有伪元素动画;
  • 更多可供修改的 CSS 变量;
  • 更平面化的元素设计;
  • 对于各项细节的调整。



展示

  • 评分: +100+x

OGLevel0.jpg

Level 0 的第一张照片。

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


一号标题

二号标题

三号标题

  • 无序列表
  • 列表之二
    • 列表嵌套
  1. 有序列表
  2. 二号
这是一个 表格
制作它的 方法
请查询维基语法。

> 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"]]




预设

超阈限版式提供了数个预设方案,可供你快捷改变其外观。要使用预设,请将引用语句修改为:

[[include :backrooms-wiki-cn:theme:super-liminal
|预设方案1
|预设方案2
]]

fHCKnzgBdaihUL9.jpg

布局预设:宽页面

|wide=a

使你的页面加宽。注意:本展示页就使用了宽页面。

KJiy9WXMp4ozAU2.jpg

布局预设:移除标题

|hide-title=a

移除页面的标题。你可以使用 .meta-title 来制作假标题。

yu7tazqbw1CRWvE.jpg

布局预设:展示侧边栏

|show-sidebar=a

默认展开左侧的侧边栏。当浏览器宽度 < 1024px 时,侧边栏仍然会收起。

ZMVQPfRIq1kYSBz.jpg

配色方案:白昼

|daytime=a

经典白底黑字。

4FL1IqEC96Ue5Zy.jpg

配色方案:梦魇

|nightmare=a

谁把灯关了?



自定义

超阈限提供了全面且丰富的 CSS 变量可供修改。要批量修改变量,使用以下的代码:

[[module CSS]]
:root {
    --第一个变量: 值;
    --第二个变量: 值;
    ...
    --第n个变量: 值;
}
[[/module]]

注意,其中的所有标点符号皆为半角符号。

警告:其他分页很长。



 正文字体为 Inter / 思源黑体。
 等宽字体为 JetBrains Mono / 思源宋体。


 特别感谢:
玄武岩 by LirynLiryn & Placeholder McDPlaceholder McD
黑色标记笔 by WoedenazWoedenaz & CroquemboucheCroquembouche
技术支持 by hoah2333hoah2333

版式:千禧年

欢迎来到新的千年。

千禧年版式是由 AmbersightAmbersight 制作的美学版式,也是赠送给 centurys lutecenturys lute 的新年礼物。从世界观内而言,该版式应当对应了 Level 4 内多数电脑所显示的美学风格。

虽然该版式针对移动端作出了优化,但仍然建议使用电脑阅览,以获得最佳体验。

千禧年基于超阈限

要在你的页面应用该版式,使用:

[[include :backrooms-wiki-cn:theme:y2k]]

展示

  • 评分: +100+x

OGLevel0.jpg

Level 0 的第一张照片。

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


一号标题

二号标题

三号标题

  • 无序列表
  • 列表之二
    • 列表嵌套
  1. 有序列表
  2. 二号
这是一个 表格
制作它的 方法
请查询维基语法。

> blockquote
[[div class="blockquote"]]

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

[[div class="lightblock"]]

[[div class="darkblock"]]

[[div class="styled-quote"]]

[[div class="dark-styled-quote"]]

[[note]]

墙是黄的

不同 div 嵌套使用,创造更多搭配!

[[span class="bblock"]]

[[span class="dblock"]]

[[span class="keycap"]]

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



修改颜色

就像大部分 AmbersightAmbersight 制作的版式那样,千禧年版式有一些可供快捷修改的颜色变量。

--y2k-green: 5, 70, 64
背景所用的绿色。
--y2k-green-l: 35, 102, 93
背景所用的绿色(浅色)。
--y2k-green-d: 0, 47, 40
背景所用的绿色(深色)。
--y2k-cyan: 10, 139, 124
标题等位置使用的背景色。
--y2k-blue: 14, 16, 127
表示选中的强调色。

还有一些其他颜色也可修改,但往往会导致外观崩坏,故不在此列出。

此外,修改 --header-subtitle 即可修改电脑右上角处显示的文字。


特殊折叠:文件夹

有关此功能的使用说明,请点击桌面上的“进阶技巧”文件夹。

进阶技巧


除非特别注明,本页内容采用以下授权方式: Creative Commons Attribution-ShareAlike 3.0 License