:root { --firstAccent: 69, 226, 50; --secondAccent: 15, 53, 15; --white-monochrome: 32, 32, 32; --pale-gray-monochrome: 39, 39, 39; --light-gray-monochrome: var(--firstAccent); --gray-monochrome: var(--secondAccent); --black-monochrome: var(--firstAccent); --bright-accent: 148, 136, 126; --medium-accent: 39, 39, 39; --dark-accent: 140, 136, 126; --pale-accent: 140, 136, 126; --swatch-topmenu-border-color: var(--medium-accent); --link-color: 230, 23, 68; --hover-link-color: 230, 23, 68; --background-gradient-distance: 0rem; --gradient-header: linear-gradient(to bottom, rgba(0,0,0) 0%, rgba(var(--black-monochrome), 0.90) 100% ); --swatch-text-secondary-color: 255, 255, 255; --swatch-text-primary-color: 255, 255, 255; --swatch-headerh1-color: 255, 255, 255; --swatch-headerh2-color: 255, 255, 255; } #footer { background: rgb(var(--pale-gray-monochrome,100,3,15)); } #login-status a { color: rgb(var(--black-monochrome)); } #login-status { border-radius: 5px; background-color: rgb(var(--medium-accent)); padding: 5px; border: 2px solid rgb(var(--black-monochrome)); } #skrollr-body { background-image: none; } #top-bar>ul>li>:after, #top-bar>ul>li>:before { position: absolute; transition: width .3s cubic-bezier(.4,0,.2,1); background-color: rgba(var(--black-monochrome),.5); width: 0; height: .1875rem; pointer-events: none; content: " "; } #search-top-box-form input[type=submit], #search-top-box-form input[type=submit]:focus, #search-top-box-form input[type=submit]:hover { box-shadow: none; background: #64030f; background: rgb(var(--medium-accent)); color: #fcfcfc; color: rgb(var(--black-monochrome)); } #account-options { background-color: rgb(var(--white-monochrome)); display: none; } #account-options li a:hover { color: rgb(255, 255, 255); text-decoration: none; } #header::before { content: ""; margin-top: -13px; position: absolute; height: 100%; width: 100%; left: 0; top: 0; background-image: var(--logo-image); background-size: auto 16rem; background-position: center; background-repeat: no-repeat; opacity: 0.5; } div#page-options-bottom-2 > a, div#page-options-bottom > a { border: 2px solid rgb(var(--black-monochrome)); background-color: rgb(var(--pale-gray-monochrome)); } div#page-options-bottom-2 > a:hover, div#page-options-bottom > a:hover { border: 2px solid rgb(var(--black-monochrome)); background-color: rgb(var(--white-monochrome)); } .owindow .button-bar a, a.button, button, div.buttons input, file, input.button { border: .125rem solid rgba(var(--black-monochrome,48,48,52),1); background-color: rgba(var(--pale-gray-monochrome,100,3,15),1); } .owindow .button-bar a:hover, a.button:hover, button:hover, div.buttons input:hover, file:hover, input.button:hover { border: .125rem solid rgba(var(--black-monochrome,48,48,52),1); background-color: rgba(var(--white-monochrome,100,3,15),1); } .top-box { filter: grayscale(100%); } .bottom-box { filter: grayscale(100%) brightness(2); } .scp-image-block.block-right { border-radius: 5px; background-color: rgb(var(--medium-accent)); padding: 5px; border: 2px solid rgb(var(--black-monochrome)); width: 300px; } @media only screen and (max-width: 768px) { #header::before { margin-top: 0; } #login-status { border-radius: 0px; background-color: transparent; padding: 0px; border: none; } } .yui-navset .yui-nav .selected a { border: 2px solid rgb(var(--black-monochrome)); } .yui-navset-bottom .yui-nav li a, .yui-navset-top .yui-nav li a, .yui-navset .yui-nav li a { border: 2px solid rgb(var(--black-monochrome)); } hr { height: 0; } .yui-navset .yui-nav a:focus, .yui-navset .yui-nav a:hover { background-color: rgb(var(--white-monochrome)); color: rgb(var(--black-monochrome)); } #top-bar div.mobile-top-bar>ul>li>a:after, #top-bar div.mobile-top-bar>ul>li>a:before, #top-bar div.top-bar>ul>li>a:after, #top-bar div.top-bar>ul>li>a:before { background-color: rgba(var(--black-monochrome),.5); }
生存难度:生存難度:
等级等級 999
- 极端生存难度
- 极度危险
- 监督者-A直接被吓死了😱
如何使用:
[[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]]
描树
树
这是棵歪脖子树
树上挂着个入
左手上纂了张纸
上面写着
傻逼豆包不是入
右手上攥了张纸
上面写着
我知道我可能应该在文档的下面评论些什么,但是,我已经懒到“骨子”里了


