版式：强势黄的（转载）

生存难度：生存難度：

等级等級 0

• {$one}
• {$two}
• {$three}

---

如何使用：

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

生存难度：

等级 0

• 安全
• 稳定
• 正版后世

适用于br:分类

强势黄的版式是一个被伟大的Dr Hormress创作的并被linglingyao这个二臂修改搬运到豆粉的正统的CSS版式，专为正版后逝制作，其他的版式都是盗版的。强势黄的版式基于基岩版式制作，这是因为我们玩正版我的世界。
原页面
使用以下代码来引入强势黄的版式：

[[include theme:qshd]]

不你不能在其他地方用这个，只有正版后市的强势黄的，才能用。

主题颜色

好像是白--basalt-primary-color254,254,254

强势黄！--basalt-secondary-color255,255,200

没那么强势的黄--basalt-bright-element-color184,184,76

还是黄--basalt-undertone202,202,0

屎黄 便秘黄--basalt-overtone60,56,4

{$color6-name}{$color6-variable}{$color6-info}

另一种黄--basalt-tertiary-color255,255,125

这啥颜色来着--basalt-sub-text-color155,154,162

橘子橙--basalt-alternate-color255,132,0

{$subcolor4-name}{$subcolor4-variable}{$subcolor4-info}

{$subcolor5-name}{$subcolor5-variable}{$subcolor5-info}

{$subcolor6-name}{$subcolor6-variable}{$subcolor6-info}

{$subcolor7-name}{$subcolor7-variable}{$subcolor7-info}

{$subcolor8-name}{$subcolor8-variable}{$subcolor8-info}

{$subcolor9-name}{$subcolor9-variable}{$subcolor9-info}

{$subcolor10-name}{$subcolor10-variable}{$subcolor10-info}

{$subcolor11-name}{$subcolor11-variable}{$subcolor11-info}

{$subcolor12-name}{$subcolor12-variable}{$subcolor12-info}

示例

可通过六个连字符 “------”¹ 创建水平分割线。若它未被放在其他部件（诸如引用块）中，则会左右延伸贯穿页面。这种将文件分割为多个部分的线就是分割线。

被太空龙血族进攻屁股的Logo

标题可通过在一行字起始处输入 1 至 6 个加号“+”来创建。

折叠 - 点我

1 级标题

2 级标题

3 级标题

4 级标题

5 级标题

6 级标题

分页

此为分页（tab view）。

分页

看，这有更多文字。

多么精巧绝伦。

长 Tab

这是一个长的 tab，它有很多文字。

这是一个长的 tab，它有很多文字。

这是一个长的 tab，它有很多文字。

这是一个长的 tab，它有很多文字。

这是一个长的 tab，它有很多文字。

这是一个长的 tab，它有很多文字。

这是一个长的 tab，它有很多文字。

这是一个长的 tab，它有很多文字。

这是一个长的 tab，它有很多文字。

这是一个长的 tab，它有很多文字。

这是一个长的 tab，它有很多文字。

这是一个长的 tab，它有很多文字。

由于一些奇怪的原因，这个空 tab 有一个很长的名字。我想知道为什么？这很奇怪。

长而无物 Tab

空 Tab

空 Tab

空 Tab

░░░░░▄▄▄▄▀▀▀▀▀▀▀▀▄▄▄▄▄▄░░░░░░░
░░░░░█░░░░▒▒▒▒▒▒▒▒▒▒▒▒░░▀▀▄░░░░
░░░░█░░░▒▒▒▒▒▒░░░░░░░░▒▒▒░░█░░░
░░░█░░░░░░▄██▀▄▄░░░░░▄▄▄░░░░█░░
░▄▀▒▄▄▄▒░█▀▀▀▀▄▄█░░░██▄▄█░░░░█░
█░▒█▒▄░▀▄▄▄▀░░░░░░░░█░░░▒▒▒▒▒░█
█░▒█░█▀▄▄░░░░░█▀░░░░▀▄░░▄▀▀▀▄▒█
░█░▀▄░█▄░█▀▄▄░▀░▀▀░▄▄▀░░░░█░░█░
░░█░░░▀▄▀█▄▄░█▀▀▀▄▄▄▄▀▀█▀██░█░░
░░░█░░░░██░░▀█▄▄▄█▄▄█▄████░█░░░
░░░░█░░░░▀▀▄░█░░░█░█▀██████░█░░
░░░░░▀▄░░░░░▀▀▄▄▄█▄█▄█▄█▄▀░░█░░
░░░░░░░▀▄▄░▒▒▒▒░░░░░░░░░░▒░░░█░
░░░░░░░░░░▀▀▄▄░▒▒▒▒▒▒▒▒▒▒░░░░█░
░░░░░░░░░░░░░░▀▄▄▄▄▄░░░░░░░░█░░

空 Tab

这是一个引用块，在一行字的起始处加上“> ”来创建。
更多文字

---

一条分割线

嵌套引用块

这是	表格
你应该老早	就知道怎么
做这个了吧

自定义引用块

样式化引用块

暗色样式化引用块

亮色块

暗色块

[[div class="classic-blockquote"]]

[[div class="hard-blockquote"]]

[[div class="rhard-blockquote"]]

[[div class="blockquote-warning"]]

更窄，并带有M.E.G.的图标。

Footnotes

1. 这是为了激怒应该根本不会看到这个的某占位符

还有更多……

这是一个性感方块sexy-box。但不许涉黄，请不要使用这个。

[[div class="blockquote-noclipped"]]

把鼠标放在这个上面就会切入后世。

源代码

+ 展开源代码

:root,
:root:lang(cn) {
    --header-logo: url('https://ah-sandbox.wdfiles.com/local--files/level-c-104/meglogo2.svg');
    --header-title: 'The Backrooms';
    --header-subtitle: '你曾经来过这里……';
    --main-content-width: 45rem;
    --side-bar-width: 16rem;
    --basalt-secondary-color: 255, 255, 200;
    --basalt-bright-element-color: 184, 184, 76;
    --basalt-undertone: 202, 202, 0;
    --basalt-overtone: 60, 56, 4;
    --basalt-tertiary-color: 255, 255, 125;
    --basalt-dark-element-color: 150, 150, 20;
 
    --diamond-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='100' width='100'%3E%3Cpolygon points='50,0 0,50 50,100 100,50' style='fill:%23000;stroke:none;'/%3E%3C/svg%3E");
 
    --sd-font: Poppins, Noto Sans SC, Noto Sans TC;
    --sd-border: 0, 0, 0;
    --sd-symbol: 0, 0, 0;
    --sd-bullets: 0, 0, 0;
    --sd-text: 255, 255, 255;
    --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;
}
 
div#container-wrap {
    background-image: url("https://backrooms-wiki-cn.wikidot.com/local--files/theme:strong-yellow/backroom-7195834_640.jpg");
    background-attachment: fixed;
    background-size: cover;
    background-position: center center;
}
 
div#main-content {
    position: relative;
    background-color: rgba(0, 0, 0, 0.5);
    padding: 4rem;
    color: rgb(var(--basalt-primary-color));
}
 
div#main-content::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    left: 0;
    top: 0;
    backdrop-filter: blur(4px);
}
 
@media (max-width: 847px) {
    div#main-content {
        margin: 2rem auto;
        padding: 1rem;
    }
}
 
/* Diamond Box */
div.top-box {
    border: 0.65rem solid #000 !important;
}
 
div.top-box div.gradient-box {
    background: none;
    background-image: linear-gradient(90deg, #000 0%, transparent 54%);
}
 
div.header-diamond {
    background-image: url("https://ah-sandbox.wikidot.com/local--files/level-c-114/diamond-bg.svg");
    height: calc(300.9px / 1.13);
}
 
div.header-diamond div {
    position: absolute;
    width: calc(300.9px / 1.13);
    height: calc(300.9px / 1.13);
    mask-image: var(--diamond-mask);
    mask-position: center center;
    mask-size: 100% auto;
    -webkit-mask-image: var(--diamond-mask);
    -webkit-mask-position: center center;
    -webkit-mask-size: 100% auto;
    top: calc(-16.4px / 4.52);
}
 
div.top-box::before,
div.header-diamond div.diamond-pattern {
    mix-blend-mode: normal;
    background-image: linear-gradient(45deg, transparent 0%,  #000 0%, #000 25%, transparent 25%, transparent 50%, #000 50%, #000 75%, transparent 75%, transparent 100%);
    background-size: 0.5rem 0.5rem;
}
 
div.bottom-box > ul > li {
    color: rgb(var(--basalt-primary-color));
}
 
div.bottom-box > ul > li::before {
    background-color: transparent;
    border: solid 0.25rem rgb(var(--basalt-secondary-color));
    box-sizing: border-box;
}
 
/* Image Block */
 
div.scp-image-block {
    background-color: rgb(var(--basalt-secondary-color));
}
 
div.scp-image-block div.scp-image-caption {
    background-color: rgb(var(--basalt-overtone));
}
 
/* Divs */
 
#toc .title {
    color: rgb(var(--basalt-overtone));
}
 
#toc-list {
    background-color: rgb(var(--basalt-overtone));
}
 
div.code,
blockquote,
div.blockquote,
div[class*="quote"],
div.lightblock,
div.darkblock {
    color: rgb(var(--basalt-overtone));
    background-color: rgb(var(--blockquote-background-color));
    border: solid var(--blockquote-border-width) rgb(var(--blockquote-border-color));
    margin: 1.25rem auto;
    padding: 0.125rem 1.45rem;
    box-sizing: border-box;
}
 
#main-content blockquote,
#main-content div.blockquote,
#main-content div[class*="quote"],
#main-content div.lightblock,
#main-content div.darkblock {
    max-width: calc(var(--main-content-width)*0.825);
}
 
div.styled-quote {
    background-color: rgb(var(--basalt-secondary-color));
    border: none;
    border-left: 0.5rem solid rgb(var(--basalt-overtone));
}
 
div.dark-styled-quote {
    color: rgb(var(--basalt-primary-color));
    background-color: rgb(var(--basalt-overtone));
    border: none;
    border-left: 0.5rem solid rgb(var(--basalt-secondary-color));
}
 
div.lightblock {
    background-color: rgb(var(--basalt-primary-color));
}
 
div.darkblock {
    color: rgb(var(--basalt-primary-color));
    background-color: rgb(var(--basalt-overtone));
}
 
div.classic-blockquote {
    color: rgb(var(--basalt-primary-color));
    border: dashed 0.0625rem rgba(var(--blockquote-border-color), 0.75);
    box-shadow: none;
    background-color: transparent;
}
 
div.hard-blockquote {
    border: solid 0.125rem;
    box-shadow: none;
}
 
div.rhard-blockquote {
    border-radius: 0.75rem;
    border: solid 0.125rem;
    box-shadow: none;
}
 
div.blockquote-warning {
    width: 60%;
   min-width: 250px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 0.75rem;
    border: solid 0.125rem;
    box-shadow: none;
    background-image: url("https://ah-sandbox.wikidot.com/local--files/level-c-104/meglogo_trans.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
}
 
div.sexy-box {
    border: solid 1px rgb(var(--basalt-secondary-color));
    padding: 0.25rem;
    margin: 1rem;
    background-color: rgb(var(--basalt-sub-text-color));
}
 
div.blockquote-noclipped {
    box-sizing: border-box;
    overflow: hidden;
    border-style: inset;
    border-width: 2px;
    transition: linear 5s;
}
 
div.blockquote-noclipped:hover {
    background-color: rgb(var(--basalt-overtone));
    border-width: 150px;
}
 
/* Dark Fix */
.modalcontainer .credit,
.bibitems .bibitem,
.footnotes-footer .footnote-footer,
#edit-page-form #lock-info {
    color: rgb(var(--basalt-overtone));
}

用户评价与讨论

[楼主] Dr Hormress

---

这是我做的版式，强势黄的。

hoah2333 评分：★★★★★

---

职员帖 - 开放

此版式已在[未确认的时间戳]被职员批准。

hoah2333

---

[汤姆猫嘲笑.jpg]

Etinjat 评分：★★★☆☆

---

我得做个半强势黄的版式

Liurd 评分：★☆☆☆☆

---

说得好，但你是不是打错字了？应该是后室和墙是黄的版式才对吧。

GaplouelPew 评分：★☆☆☆☆

---

看你的样子，是后室新人吧？跟我混，勇闯后室，包你成为M.E.G大哥

Chris Evertworth 评分：★★★☆☆

---

草，好黄

[楼主] Dr Hormress

---

为什么有人私信对我说我是云小鬼，我做错了什么