生存难度:生存難度:
等级等級 繁花世界
- 花朵的生命
- 花朵的爱情
- 花朵的花语
如何使用:
[[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]]
检验访问权限中…
请输入第一重β级凭证:
••••••••••••••••••••
……
请输入第二重α级凭证:
若暗夜终临,吾必立于万万人前,横刀向渊,血染天穹。
检验中,请耐心等待……
验证通过,点击此处加载档案
/* Random Liminal Greyspace theme made by EpicNecromancer */ :root { --theme-base: "black-highlighter"; --theme-id: "liminal-greyspace"; --theme-name: "Liminal Greyspace Theme"; --white-monochrome: 35, 32, 30; --pale-gray-monochrome: 27, 26, 24; --light-gray-monochrome: 95, 95, 95; --gray-monochrome: 66, 64, 60; --black-monochrome: 230, 235, 239; --bright-accent: 115, 119, 129; --medium-accent: 60, 49, 37; --dark-accent: 115, 119, 129; --pale-accent: 59, 53, 40; --dark-gray-monochrome: 207, 207, 203; --gradient-header: linear-gradient(to top, rgba(--medium-accent), 0.20) 0%, rgba(var(--medium-accent)) 100%); --swatch-menubg-color: var(--gray-monochrome); --swatch-menubg-light-color: var(--pale-gray-monochrome); --swatch-menubg-medium-color: var(--pale-gray-monochrome); --swatch-menubg-medium-dark-color: var(--gray-monochrome); --swatch-menubg-dark-color: var(--gray-monochrome); --swatch-menubg-black-color: var(--gray-monochrome); --swatch-menubg-hover-color: var(--gray-monochrome); --swatch-menutxt-dark-color: var(--black-monochrome); --swatch-menutxt-light-color: var(--black-monochrome); --swatch-border-color: var(--gray-monochrome); --swatch-headerh1-color: var(--black-monochrome); --swatch-headerh2-color: var(--black-monochrome); --swatch-topmenu-border-color: var(--pale-gray-monochrome); --swatch-topmenu-bg-color: var(--pale-gray-monochrome); --link-color: 217, 46, 83; --hover-link-color: 244, 87, 108; --visited-link-color: 147, 109, 115; --newpage-color: 195, 94, 44; --background-gradient-distance: 0rem; --diagonal-stripes: linear-gradient(transparent 0); --rating-module-button-color: var(--black-monochrome); --rating-module-button-plus-color: var(--gray-monochrome); --rating-module-button-negative-color: var(--gray-monochrome); --rating-module-button-cancel-color: var(--gray-monochrome); --rating-module-button-credit-color: 50, 50, 50; --rating-module-text-color: var(--black-monochrome); --rating-module-text-hover-color: var(--black-monochrome); } #skrollr-body { background-image: radial-gradient(circle, rgb(var(--pale-accent)) 50%, transparent 0); background-repeat: repeat; background-size: 0.25em 0.25em; width: 100%; height: 7.5rem; } /* sd banner colours */ .sd-container { --sd-border:var(--white-monochrome); --sd-text:222,222,222; --sd-symbol:var(--sd-text); --sd-bullets:var(--sd-text); --sd-symbol: var(--sd-border) !important; --sd-symbol-secondary: 255, 255, 255; } #container { background-image: radial-gradient(circle, rgb(var(--pale-accent), 0.2) 50%, transparent 0); background-size: 0.25em 0.25em; background-repeat: repeat; background-attachment: fixed; } #header, #top-bar { background-attachment: scroll; } #header { background-image: none; } #footer{ color: rgb(var(--gray-monochrome)); } a.newpage { background: transparent; text-decoration: none } a.newpage { color: rgb(var(--newpage-color)) } #search-top-box-input:hover, #search-top-box-input:focus { background: rgba(var(--gray-monochrome)); } #login-status { color: rgb(var(--black-monochrome)); } #login-status a { color: rgb(var(--black-monochrome)); } #login-status ul a { color: rgb(var(--gray-monochrome)); } #account-topbutton { color: rgb(var(--black-monochrome)); } table.wiki-content-table th { background-color: rgb(var(--medium-accent)) !important; color: rgb(var(--black-monochrome)); border-color: rgb(var(--black-monochrome)); } .scp-image-block { box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25); } blockquote { background-color:rgb(var(--medium-accent)); box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25); } .styled-quote { background-color:rgb(var(--medium-accent)); border-left: 0.5rem solid rgba(var(--gray-monochrome)); padding: 0.1rem 1rem; margin: 0.5rem 0 0.5rem 0.25rem; box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25); } .dark-styled-quote { background-color:rgb(var(--pale-gray-monochrome)); border-left: 0.5rem solid rgba(var(--gray-monochrome)); color:rgb(var(--black-monochrome)); padding: 0.1rem 1rem; margin: 0.5rem 0 0.5rem 0.25rem; box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25); } .dark-styled-quote a{ color: rgb(var(--swatch-menubg-medium-color)); } .darkblock { background-color:rgb(var(--medium-accent)); padding: 0.01rem 1rem; margin: 0.5rem 0 0.5rem 0.25rem; box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25); color: rgb(var(--black-monochrome)); } .lightblock { background-color:rgb(var(--gray-monochrome)); color:rgb(var(--black-monochrome)); padding: 0.01rem 1rem; margin: 0.5rem 0 0.5rem 0.25rem; box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25); } .darkerblock { background-color:rgb(var(--pale-gray-monochrome)); padding: 0.01rem 1rem; margin: 0.5rem 0 0.5rem 0.25rem; box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25); color: rgb(var(--black-monochrome)); } .darkblock a { color: rgb(var(--swatch-menubg-medium-color)); } /* Hovering over a tab */ .yui-navset .yui-nav a:hover, .yui-navset .yui-nav a:focus { background: rgb(var(--gray-monochrome)); color: rgb(var(--black-monochrome)) !important; } /* Selected tab */ .yui-navset .yui-nav .selected, .yui-navset .yui-navset-top .yui-nav .selected, .yui-navset .yui-nav .selected:hover, .yui-navset .yui-navset-top .yui-nav .selected:hover { color: rgb(var(--black-monochrome)); } .yui-navset .yui-nav .selected a, .yui-navset .yui-nav .selected a em { color: rgb(var(--black-monochrome)); } .yui-navset .yui-nav .selected a { /* Undoes a color set by wikidot's default layout */ color: rgb(230, 235, 239) !important; }