tester

该页面是用来测试各种代码的，你们也可以修改，但是要标注每个代码有什么用途，否则别人可能源代码的时候看不懂

隐藏页眉

显示代码

简繁切换模块（右下角）

需注意要建立一个tr:分类的同名页面

显示代码

生存难度模块：

生存难度：生存難度：

等级等級难度等级

代码：

显示代码

代码块：

代码，例：//斜体文本//

显示代码

字体变色：

我是红的
我是蓝的
反正你只要知道，四个井号中间写你想写的，然后在内容前，井号后写上颜色的英文，再加一条竖杠
我是黑的，对，没错，你不需要变色就能得到我哦(●°u°●) 」
爪巴(╯>д<)╯ ﾐ ┸┸)`νﾟ)

代码：

显示代码

传送至其他页面：

Level Cloud-1(站内，维基其他站也不能用这种方式)

代码：

显示代码

站外：
Level 1

代码：

显示代码

评分模块：

其他

只需要把>改为=或<就行了

代码：

显示代码

物品分类：

统合物品分类系统

物品编号：这里填物品编号
位置：这里填位置
安全性：这里填安不安全（无害，安全，中性，不安全，有害，未知）

用途：

这里填用途

状态：

这里填状态

代码：

显示代码

现象分类：

现象编号 这里填现象编号

等级这里填等级

分类：这里填分类

区域：这里填区域

形式：这里填形式

代码：

显示代码

乱码

代码：

显示代码

其他有趣的乱码

可拖动div

显示代码

非常规现象评估系统

- _
查看类别观测现象

分类» 数字类现象

场景» 任一层级（存疑）

形式» 随机恶性事件

Phenomenon Cloud-40 »

类别» 系统故障

文件公开

局部公开 ▲

内容受限 ▲▼

信息保密 ▲▼▲

情报控制 ▲▼▲▼

缄默协议 ▲▼▲▼▲

唯一议会 ▲▼▲▼▲▼

A Report From PALLAS

代码：

显示代码

显示用户名

显示代码

加入网站

您必须拥有 Wikidot.com 账户并登入，才能申请成员资格。

登入

若您已有 Wikidot.com 账户

或

建立一个新账户

这很值得，而且它是免费的

显示代码

拟真结尾

作者信息

« Level C-XXX-1 | Level C-XXX | Level C-XXX+1 »

_____________________
原创层级生存难度0

页面版本: 2, 最后编辑于: 20 Nov 2286 17:46

停止关注网站 backrooms-wiki-cn.wikidot.com

编辑评分(+13) 标签讨论(25) 历史记录

附件打印网站工具 +选项

代码：

显示代码

表格

header	header	header
cell-content	cell-content	cell-content
cell-content	cell-content	cell-content
cell-content	cell-content	cell-content
cell-content	cell-content	cell-content
cell-content	cell-content	cell-content
cell-content	cell-content	cell-content
cell-content	cell-content	cell-content
cell-content	cell-content	cell-content

如果只想让最顶部那一行有黑色请把cell-connent前面的~删掉

显示代码

运用表格的其他有趣格式

反客为主

cell-content	cell-content
cell-content	cell-content
cell-content	cell-content

花纹

cell-content	cell-content	cell-content	cell-content	cell-content	cell-content
cell-content	cell-content	cell-content	cell-content	cell-content	cell-content
cell-content	cell-content	cell-content	cell-content	cell-content	cell-content
cell-content	cell-content	cell-content	cell-content	cell-content	cell-content
cell-content	cell-content	cell-content	cell-content	cell-content	cell-content
cell-content	cell-content	cell-content	cell-content	cell-content	cell-content

创建页面

代码：

显示代码

图片

好多墙上的洞

代码：

显示代码

公告

此页已被锁定

本页面直到得到职员批准之前禁止使用。

代码：

显示代码

密码按钮

代码：

显示代码

伪装版头

！！此页面不存在！！

一篇文章须在草稿区经过其他成员评判并认可后才能发布。

wiki内有非常多的资源可以帮助你获得反馈和评价，请参考以下指导：

指导

沙盒

Backrooms中文沙盒站

翻译指导

翻译预定

如何获得有用的批评和建议？

你可以将你的草稿链接发布到讨论区，Discord服务器和QQ群来获得批评和建议。

参考链接：

新成员？

无法创建页面？加入站点吧！

点击这里加入网站！

注意：想要进行评分，讨论和创作，你必须先申请加入本站。

一切准备就绪？

谨记：本站是评价最终成果的地方，而不是为未完成作品提供意见及反馈的地方。

你的责任就是在这里只发布已完成、最终的作品。网站成员有权不就他们的评分作出解释。
如果你了解上述的一切，并仍然要创建此页的话，请点击下面的链接创建页面。

点击这里创建页面！

其他语言

%%404_page_name%%

英语 EN

俄语 RU

法语 FR

葡萄牙语 PT

越南语 VN

西班牙语 ES

波兰语 PL

代码：

显示代码

隐藏代码

[[module css]]
.header {
    background-color:rgb(255, 81, 81);
    color:rgb(255, 255, 255);
    border: 0.1rem solid rgb(255, 25, 25);
    padding: 0.1rem 1rem;
    margin: 0rem 0rem 0rem 0rem;
    box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.5);
 }
.body {
    background-color:rgb(245, 245, 245);
    color:rgb(0, 0, 0);
    border-left: 0.25rem solid rgb(210, 210, 210);
    border-right: 0.25rem solid rgb(210, 210, 210);
    padding: 0.1rem 1.5rem;
    margin: 0rem 0.5rem 0rem 0.5rem;
    box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.5);
 }
 
.header2 {
    background-color:rgb(115, 225, 115);
    color:rgb(255, 255, 255);
    border: 0.1rem solid rgb(20, 225, 20);
    padding: 0.1rem 1rem;
    margin: 0rem 0rem 0rem 0rem;
    box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.5);
 }
 
.header3 {
    background-color:rgb(205, 160, 125);
    color:rgb(255, 255, 255);
    border: 0.1rem solid rgb(205, 140, 90);
    padding: 0.1rem 1rem;
    margin: 0rem 0rem 0rem 0rem;
    box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.5);
 }
 
.header4 {
    background-color:rgb(165, 180, 255);
    color:rgb(255, 255, 255);
    border: 0.1rem solid rgb(115, 135, 255);
    padding: 0.1rem 1rem;
    margin: 0rem 0rem 0rem 0rem;
    box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.5);
 }
 
.header5 {
    background-color:rgb(255, 215, 0);
    color:rgb(255, 255, 255);
    border: 0.1rem solid rgb(255, 250, 205);
    padding: 0.1rem 1rem;
    margin: 0rem 0rem 0rem 0rem;
    box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.5);
 }
 
.box {
    background-color:rgb(220,220,220);
    color:rgb(0, 0, 0);
    border: 0.05rem solid rgb(0, 0, 0);
    padding: 0.1rem 1.5rem;
    margin: 0rem 0.5rem 0rem 0.5rem;
    box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.5);
 }
.grid-container {
    background-color:rgb(220,220,220);
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    justify-items: center;
    text-align: center;
    grid-gap: 0.25rem;
    padding: 0.1rem 1.5rem;
    margin: 0rem 0.5rem 0rem 0.5rem;
    border: 0.05rem solid rgb(0, 0, 0);
    box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.5);
}
.branch a:hover img, .branch a:focus img {
    transition: 100ms;
    transform: scale(1.2)
}
.hover {
    color: #bb0011;
    font-weight: bold
}
.hover .hover-text {
    position: absolute;
    display: none;
    margin: 2rem;
    height: auto;
    width: auto;
    background: white;
    border: 2px solid black;
    color: black;
    padding: 0.5rem;
    pointer-events: none;
    transition: opacity 0.15s linear, right 0.3s cubic-bezier(.08,.72,.5,.94)
}
 
.hover:hover {
   text-decoration: none;
   border-bottom: none;
   color: #333
}
.hover:hover .hover-text {
    display: inline;
    font-size:0.5em;
}
 
.reserved ~ .unreserve {
    display: none;
}
[[/module]]
[[=]]
+* ！！此页面不存在！！
[[/=]]
[[div class="header"]]
++* ##white|你的文章有获得其他成员的认可吗？##
[[/div]]
[[div class="body"]]
一篇文章须在草稿区经过其他成员评判并认可后才能发布。
 
wiki内有非常多的资源可以帮助你获得反馈和评价，请参考以下指导：
----
+++* 指导
* [[[http://backrooms-wiki-cn.wikidot.com/guide-hub|指导中心]]]
* [[[http://backrooms-wiki-cn.wikidot.com/how-to-write-a-level-cn|如何撰写一篇层级文档]]]
+++* 沙盒
* [[[http://backroomssandboxcn.wikidot.com/|Backrooms中文沙盒站]]]
+++* 相关政策
* [[[http://backrooms-wiki-cn.wikidot.com/image-use-policy|图像使用指南]]] - 关于你可以使用哪些版权协议。
* [[[http://backrooms-wiki-cn.wikidot.com/rewrite-policy|重写规则]]] - 关于“重写”的定义以及如何重写。
* [[[http://backrooms-wiki-cn.wikidot.com/deletions-guide|删帖指导]]] - 为什么文章会被删除。
+++* 翻译指导
* [[[http://backrooms-wiki-cn.wikidot.com/translation-movement-guide|翻译文档发布及搬运指南]]]
* [[[http://backrooms-wiki-cn.wikidot.com/translation-and-reviewing-rules|翻译文档校对规范]]]
 
++++* [[[http://backrooms-wiki-cn.wikidot.com/translation-reserve|翻译预定]]]
[[/div]]
[[div class="header2"]]
++* ##white|如何获得有用的批评和建议？##
[[/div]]
[[div class="body"]]
你可以将你的草稿链接发布到讨论区，Discord服务器和QQ群来获得批评和建议。
----
+++* 参考链接：
* [[[http://backrooms-wiki-cn.wikidot.com/forum/c-7331074|帮助：草稿与批判]]]
* [[[http://backrooms-wiki-cn.wikidot.com/criticism-policy|批评守则]]]
* [[[https://discord.gg/jBxwBVQSCk|Backrooms中文Discord]]]
* QQ交流群：776706786
[[/div]]
[[div class="header3"]]
++* ##white|新成员？##
[[/div]]
[[div class="body"]]
无法创建页面？加入站点吧！
[[div class="box"]]
[[=]]
++* 点击这里加入网站！
[[/=]]
[[/div]]
**注意：**想要进行评分，讨论和创作，你必须先申请加入本站。
@@ @@
[[/div]]
[[div class="header4"]]
++* ##white|一切准备就绪？##
[[/div]]
[[div class="body"]]
谨记：本站是评价最终成果的地方，而不是为未完成作品提供意见及反馈的地方。
 
你的责任就是在这里只发布已完成、最终的作品。网站成员有权不就他们的评分作出解释。
如果你了解上述的一切，并仍然要创建此页的话，请点击下面的链接创建页面。
[[=]]
[[div class="box"]]
++* 点击这里创建页面！
[[/div]]
[[/=]]
@@ @@
[[/div]]
[[div class="header5"]]
++* ##white|其他语言##
[[/div]]
 
[[div class="body"]]
[[=]]
%%404_page_name%%
[[/=]]
[[div class="grid-container"]]
 
[[div class="branch"]]
[[image http://backrooms-wiki.wikidot.com/local--files/component:theme/logo.svg link="http://backrooms-wiki.wikidot.com/%%404_page_name%%" width="50px"]]
[[span class="hover"]][[span class="hover-text"]] 英语 [[/span]] EN [[/span]]
[[/div]]
 
[[div class="branch"]]
[[image http://backrooms-vn.wdfiles.com/local--files/component%3Atheme/RU%20Logo link="http://ru-backrooms-wiki.wikidot.com/%%404_page_name%%" width="50px"]]
[[span class="hover"]][[span class="hover-text"]] 俄语 [[/span]] RU [[/span]]
[[/div]]
 
[[div class="branch"]]
[[image http://backrooms-vn.wdfiles.com/local--files/component%3Atheme/FR%20Logo link="http://fr-backrooms-wiki.wikidot.com/%%404_page_name%%" width="50px"]]
[[span class="hover"]][[span class="hover-text"]] 法语 [[/span]] FR [[/span]]
[[/div]]
 
[[div class="branch"]]
[[image http://backrooms-vn.wdfiles.com/local--files/component%3Atheme/PT-BR%20Logo link="http://pt-br-backrooms-wiki.wikidot.com/%%404_page_name%%" width="50px"]]
[[span class="hover"]][[span class="hover-text"]] 葡萄牙语 [[/span]] PT [[/span]]
[[/div]]
 
[[div class="branch"]]
[[image http://backrooms-uli.wdfiles.com/local--files/start/vn-logo link="http://backrooms-vn.wikidot.com/%%404_page_name%%" width="50px"]]
[[span class="hover"]][[span class="hover-text"]] 越南语 [[/span]] VN [[/span]]
[[/div]]
 
[[div class="branch"]]
[[image http://backrooms-wiki-cn.wikidot.com/local--files/start/es_logo.png link="http://es-backrooms-wiki.wikidot.com/%%404_page_name%%" width="50px" style="padding: 11.58px 0;"]]
[[span class="hover"]][[span class="hover-text"]] 西班牙语 [[/span]] ES [[/span]]
[[/div]]
 
[[div class="branch"]]
[[image http://pl-backrooms-wiki.wdfiles.com/local--files/start/backrooms-pl-bgtr.png link="http://pl-backrooms-wiki.wikidot.com/%%404_page_name%%" width="50px"]]
[[span class="hover"]][[span class="hover-text"]] 波兰语 [[/span]] PL [[/span]]
[[/div]]
 
[[/div]]
@@ @@
[[/div]]

云室版本伪装版头

点击这里创建这个页面

无法创建页面？点击这里加入网站！
注意：想要进行评分，讨论和创作，你必须先申请加入本站。

建立页面之前请先阅读云分站规。

欢迎加入云室维基创作交流QQ群（1018452680）。

%%404_page_name%%

代码：

显示代码

音频播放

音乐来自Level 370

代码：

显示代码

时间显示器

显示代码

移动图案

来自Level 370

你逐渐感到平静——个屁！这是个啥层级！！？？

代码：

显示代码

主站偷的一个好看的东西

没啥想说的啊啊啊啊啊

给我的作者页一个dv吧啊啊啊啊啊啊啊

求你啦啊啊啊啊啊

代码：

显示代码

B站视频

代码

[[include :backroom-wiki-cn:component:b
|bv=视频BV号
]]

内建数学表达式

这不只是特殊字体，这是内建数学表达式
$$对中文影响不大$$
$$对English同样有效！$$
$$数字也是！12345$$

一般用法

$$E = mc^2$$

$v_{小明} = 120m/s$

$2KClO_3+3S \triangleq 2KCl+3SO_2$

$\sqrt{28+10\sqrt{3}}+\sqrt{7+4\sqrt{3}}=7$

$\lim_{x \to \infty } \left ( 1+\frac{1}{x} \right ) ^{x}$

代码

显示代码

在一行里塞下两行字

字符zì fú

汉语Chinese

后室民间分部例如云室

显示代码

悬浮目录

代码

显示代码

鼠标放上就可以显示的黑块

你看见我辣？

代码：

显示代码

编辑版头

[[module css]]
:root {
    --header-title:"第一行大字";
    --header-subtitle:"第二行小字";
    --logo-image: url("Logo名");
}
[[/module]]

具体效果请自行去其他页面尝试

显示草稿

这个东西叫做ListDrafts，和ListPages以及ListUsers一个套路
这个东西在原文中的释义是“本模块列出了网站上包含草稿的所有页面。您可以选择是显示所有草稿，还是仅显示现有/不存在的页面。”
大概解释一下就是会列出所有有人点了那个“保存草稿”按钮的页面，懂了吗？

稍稍有点长

显示代码

数页面

这个东西叫做CountPages，和ListDrafts、ListPages以及ListUsers一个套路
大概看了看，就这样：

这是一个只列出版式页面的CountPages，看，我们的网站目前有77个版式

这是一个只列出标签带有“原创”的页面的CountPages，看，我们的网站目前有1747个这种页面

这是一个列出本站所有页面的CountPages，看，我们的网站目前有2926个页面

显示代码

不存在页面

原文描述："此模块列出所有不存在但有指向它们的链接的页面。"
另：云分恰好是一个拥有大量乱打链接的神风站，除此之外的其他网站的不存在链接大多聚集在版式页面（你猜）
第一栏会显示出所有没有不存在链接的页面。

显示

链接自	链接至（未定义页面名称）
阿斯克加族版式：level 6 设定中心版式：层级创建者 component: 组件：更适合云分的殿印优化 Entity-Cloud-168扫兴之主 Entity Cloud 67 Entity Cloud 86 fragment: 电力供应室版式：绿色标记笔后室生存日志序章 hf 后室深夜NB小电台：好物推荐后室深夜NB小电台：好物推荐2 版式：花之舞数据库后室生存日志 2 Cloud-J-“M.E.G.糟糕的搞笑文章征集活动” 见证者中心页空无版式：铅灰系 Level 1但是机器翻译 Level Cloud-678 Level Clond J Hhhhhh Level Cloud-😎 1249的报告 Level Cloud 1016 Level Cloud-1026 “埃拉加巴卢斯的玫瑰” Level Cloud 1076 海岸线群岛 Level Cloud 125 雪原 Level Cloud-139 Level Cloud-165-1 Level Cloud 176 Level Cloud-194 Level Cloud 197 Level Cloud 311 懷舊街機廳仿前廳70年代一日遊 Level Cloud-313 Level Cloud 320 Level Cloud 325 Level Cloud 335 黑暗发电厂 Level Cloud 429 ███市第二鋼鐵廠 Level Cloud 505 Level Cloud 519 Level Cloud 526 Level Cloud-542 Level Cloud 601 Level Cloud-602 Level Cloud-68 -“陵园与一位孤寂的彷徨者” Level Cloud-69 Level Cloud 703 Level Cloud 718 - “动车交通综合体” Level Cloud 728-云中前厅 Level Cloud-748 Level Cloud 782 Level Cloud 788 Level Cloud-888 Level Cloud 972 梦中的故土 Level Cloud-98 Level Cloud 986 Level Cloud-996急 Level-Cloud-你随便填任何东西都行-J Level Cloud-1145-J（新）牢大的房间 Level Cloud 无 J Level Cloud-114514-J 木桶城 Levelcloud72 8 （完成-50%）Level Cloud 76572141 统治者们·中心页 "未来" Level Cloud-N15 后室深夜NB小电台：关于歌姬你hhh那没事了 Object Cloud 40 拋棄式魔棒原创相关人士版式：秦威万世 Sanctuary 档二 ShiHuiTb的精神状态良好的作者页 Snowl Cloud 1055 tester ----暗塔---- 版式：The great war M.E.G.-Cr 青版式云室道具公司（O.O.C.）中心页 theme: 版式：007地区 theme: 200 theme: 版式：云室道具公司 theme: 版式：蓝莓不是烂霉 theme: 版式：蓝屏 theme: 版式：平页 theme: 后室旅游集团（B.T.T.）版式 theme: 版式：C.P.B.主题版式 theme: 版式：弈者执棋 theme: Communist theme: 版式：至暗神性 theme: 版式：刘恪玄 theme: Fourcolors theme: 版式:坤室 theme: 版式：JgPz.E-100 theme: 版式：弑神计划 theme: Level Cloud-775 - “失落的拜占庭” theme: Level Cloud……什么？我忘记了……-J theme: Level cloud-yyyyyy-j theme: 亮紫色主题版式 theme: Nu Major Explorer Group theme: omg we are doomed!-Cl-j theme: 版式：月亮计划 theme: 实紫版式 theme: 版式：漫游者公会 (The R.G.) theme: 版式：R.O.C.简约风格 theme: 版式：R.O.C.-TODV theme: 版式：Reclamation Of Creation theme: rjakoajnep的不知道叫什么名字版式 theme: 版式：云室农业研究所 theme: 版式：云室书籍出版社（新） theme: 版式：云端工作室 theme: 版式：宇宙集群（T.U.G.） theme: 上行水位 theme: 与命一搏 vivo ！。噬层体好康的言出法随
原创搞笑条目 Level 1但是机器翻译	0
Level Cloud-672	1000dumplings
theme: 蓝色版式	19182028402
版式实验 theme: 版式：雪（试用） theme: 版式：雪（重制版） theme: 版式：去你妈的白	191820284023875927958279487628542156783457646728834756463728
原创搞笑条目	191919119
Level Cloud-114514-J	1919810
R.O.C.内部重大消息！必看！一个抄袭中站的屑主页（测试，勿dv）	2025rivals-replacement
R.O.C.内部重大消息！必看！一个抄袭中站的屑主页（测试，勿dv）	2026-deepdive-event
R.O.C.内部重大消息！必看！一个抄袭中站的屑主页（测试，勿dv）	2026-movie-event
theme: 版式：安全区（Level Cloud-222）	2585695868585989587966748576765869
theme: 版式：灰尘 theme: 版式：中国红	29271818
theme: 版式：云室聊天室	4656-798788
Level 790，但是谷歌生草	789
Level 790，但是谷歌生草	791
Level Cloud 986	8
节日版式	94459485845445
原创搞笑条目	abcdefg
原创搞笑条目	alfred
原创搞笑条目	alfred-10
原创搞笑条目	alfred-11
原创搞笑条目	alfred-12
原创搞笑条目	alfred-13
原创搞笑条目	alfred-14
原创搞笑条目	alfred-15
原创搞笑条目	alfred-16
原创搞笑条目	alfred-17
原创搞笑条目	alfred-18
原创搞笑条目	alfred-19
原创搞笑条目	alfred-2
原创搞笑条目	alfred-20
原创搞笑条目	alfred-3
原创搞笑条目	alfred-4
原创搞笑条目	alfred-5
原创搞笑条目	alfred-6
原创搞笑条目	alfred-7
原创搞笑条目	alfred-8
原创搞笑条目	alfred-9
theme: 版式：魂灵	a-link-that-doesnt-exist
R.O.C.内部重大消息！必看！一个抄袭中站的屑主页（测试，勿dv）	anthology-2026
R.O.C.内部重大消息！必看！一个抄袭中站的屑主页（测试，勿dv）	anti-harassment-policy
R.O.C.内部重大消息！必看！一个抄袭中站的屑主页（测试，勿dv）	art-hub
R.O.C.内部重大消息！必看！一个抄袭中站的屑主页（测试，勿dv）	artwork-hub-cn
theme: Level 37 theme: 版式：超UN"C4" theme: 版式：超级幸运の恒星社区	author:ambersight
云室维基作者页	author:comeinplease
Level Cloud-663	author:floxk
云室维基作者页	author:jiangjie000
Level Cloud-663	author:momsknife
R.O.C.内部重大消息！必看！一个抄袭中站的屑主页（测试，勿dv）	authors-pages-cn
Entity Cloud-6 - “死神”	autumns

显示代码

孤立页面

原文描述："此模块显示没有任何来自其他页面的链接引用的页面列表，至少是语法页面名称生成的内部链接。如果本模块中列出了一个页面，这并不意味着有任何错误，因为可能有一些特殊页面没有（也不应该像一些论坛页面那样）传入链接。但建议不时查看此列表"
人话：列出所有没有任何页面有链接通向他们的页面，要是那里显示为空，那个网站应该被打通督学六脉了
根据我的观察，云分主要集中在作者页、管理页面、版式/组件页面以及很多很多故事和层级和指导和文章，更有甚者是delete:分类的文章

你是不是觉得

展开代码

加入页面2.0

啊，如果你加入了页面那么就不能看了，不过没关系，可以把代码复制到其他网站去！

加入

Join this site, it is cool!

[[module Join]]

[[module Join button="Join this site, it is cool!"]]

[[/code]]

Level 10不道怎么称呼的一个东西

恍惚间，我们自认为已逃离了后室……

展开代码

Croq风格CSS

这是什么

我 Croquembouche用在一大堆页面上的一大堆各种各样的CSS“改进”，因为我觉得这样就能使其更容易处理。

该组件做出了很多非常细碎的改动以使得写作体验更加舒服且能够使制作组件/版式更加容易一点（也就是我经常干的事）。它不会对读者来说在视觉上改变页面中的任何东西——这些改动是为作者服务的。

我不期望用了这个组件的文章的翻译版也会用到这个组件，除非那个翻译者也喜欢这个组件而且也想用这个组件之类的。

这个组件可能不会与其它组件或版式冲突，且即使会冲突，也可能不会有什么影响。

用法

在任意维基上：

[[include :scp-wiki:component:croqstyle]]

该组件被设计于与其它组件一同使用，所以-=-是用来隐藏该文档的。在另一个组件内使用时，请确保将该组件放在[[iftags]]块内，这样你的组件的用户就不会强制同样使用 Croq 风格。

CSS修改

大小合理的脚注

不让脚注达到一百万里那么宽，让你能确实地阅读脚注。

.hovertip { max-width: 400px; }

等宽字体编辑/代码

使编辑文本框内字体等宽，且将所有等宽字文本改为Fira Code，也是个明显很优秀的等宽字字体。

@import url('https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;700&display=swap');
 
:root { --mono-font: "Fira Code", Cousine, monospace; }
#edit-page-textarea, .code pre, .code p, .code, tt, .page-source { font-family: var(--mono-font); }
.code pre * { white-space: pre; }
.code *, .pre * { font-feature-settings: unset; }

电传打字机背景

给<tt>元素加上亮灰色的背景（{{文本}}），使得代码片段更为突出。

tt {
  background-color: var(--swatch-something-bhl-idk-will-fix-later, #f4f4f4);
  font-size: 85%;
  padding: 0.2em 0.4em;
  margin: 0;
  border-radius: 6px;
}

不要大脸

禁用悬停于某人的头像的时候出现的大图片，因为这图片又蠢又真的很烦人，想看大头像版本的话直接点击一下就行了。

.avatar-hover { display: none !important; }

碎裂碎裂

任何在带有nobreak类的div中的文本可以在字母间自动换行。

.nobreak { word-break: break-all; }

代码颜色

将我终端中的代码颜色加为变量。可能我会在什么时候把它改成比如Monokai或者别的更加常见的终端主题，但是现在暂时这还是我的个人主题，是从Tomorrow Night Eighties中衍生而来的。

还有，将.terminal类像[[div class="code terminal"]]一样添加到假代码方块中可以让它有一个有点伪终端样的暗色背景。不能用在[[code]]中，因为Wikidot嵌入了一大堆语法来使其高亮，不用一大堆CSS是改不动的。只能用在非[[code]]的代码片段中。

:root {
  --c-bg: #393939;
  --c-syntax: #e0e0e0;
  --c-comment: #999999;
  --c-error: #f2777a;
  --c-value: #f99157;
  --c-symbol: #ffcc66;
  --c-string: #99cc99;
  --c-operator: #66cccc;
  --c-builtin: #70a7df;
  --c-keyword: #cc99cc;
}
 
.terminal, .terminal > .code {
  color: var(--c-syntax);
  background: var(--c-bg);
  border: 0.4rem solid var(--c-comment);
  border-radius: 1rem;
}

调试模式

将位于.debug-mode中的任何东西周围画上线。线的颜色是红色的但是遵从CSS变量--debug-colour。

你还可以将div.debug-info.over与div.debug-info.under添加到某个元素中以给调试框加注释——虽然你得确保有留下足够的垂直空间，让注释不会与其上方或下方的东西重叠。

……就像这样！

.debug-mode, .debug-mode *, .debug-mode *::before, .debug-mode *::after {
  outline: 1px solid var(--debug-colour, red);
  position: relative;
}
.debug-info {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  font-family: 'Fira Code', monospace;
  font-size: 1rem;
  white-space: nowrap;
}
.debug-info.over { top: -2.5rem; }
.debug-info.under { bottom: -2.5rem; }
.debug-info p { margin: 0; }

代码内容

展开代码

乱码

+ 展开

指导

The Cloudrooms云室维基

你没来过这里。

隐藏页眉

简繁切换模块（右下角）

生存难度模块：

折叠：

代码块：

上下标：

字体变色：

传送至其他页面：

评分模块：

字体大小：

物品分类：

现象分类：

乱码

其他有趣的乱码

可拖动div

非常规现象评估系统

显示用户名

加入网站

拟真结尾

编辑 评分(+13) 标签 讨论(25) 历史记录

附件 打印 网站工具 +选项

表格

运用表格的其他有趣格式

创建页面

图片

背景定义模块

公告

密码按钮

伪装版头

！！此页面不存在！！

你的文章有获得其他成员的认可吗？

指导

沙盒

相关政策

翻译指导

翻译预定

如何获得有用的批评和建议？

参考链接：

新成员？

点击这里加入网站！

一切准备就绪？

点击这里创建页面！

其他语言

云室版本伪装版头

！！此页面不存在！！

音频播放

时间显示器

移动图案

主站偷的一个好看的东西

没啥想说的啊啊啊啊啊

给我的作者页一个dv吧啊啊啊啊啊啊啊

求你啦啊啊啊啊啊

B站视频

内建数学表达式

一般用法

在一行里塞下两行字

悬浮目录

鼠标放上就可以显示的黑块

编辑版头

显示草稿

数页面

不存在页面

孤立页面

List of orphaned pages

加入页面2.0

Level 10不道怎么称呼的一个东西

Croq风格CSS

这是什么

用法

相关组件

CSS修改

大小合理的脚注

等宽字体编辑/代码

电传打字机背景

不要大脸

碎裂碎裂

代码颜色

调试模式

编辑评分(+13) 标签讨论(25) 历史记录

附件打印网站工具 +选项