/* Remodeling Theme [Backrooms Remodeling Co. Theme] by PandaShark71004 */ @import url('https://fontlibrary.org/face/fantasque-sans-mono'); @import url('https://fonts.googleapis.com/css2?family=Lobster&display=swap'); @import url('https://fonts.googleapis.com/css2?family=BioRhyme&display=swap'); @font-face { font-family: 'GlowSansSC-Extended'; src: url('https://cdn.jsdelivr.net/gh/LupusCaeruleus/Fonts@main/GlowSansSC-Extended-Bold.woff') format('woff'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'GlowSansSC-Extended'; src: url('https://cdn.jsdelivr.net/gh/LupusCaeruleus/Fonts@main/GlowSansSC-Extended-Book.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'ZihunBiantaoti'; src: url('https://cdn.jsdelivr.net/gh/LupusCaeruleus/Fonts@main/ZihunBiantaoti.woff') format('woff'); font-weight: bold; font-style: normal; font-display: swap; } :root { --theme-base: "black-highlighter"; --theme-id: "backrooms-remodeling-co"; --theme-name: "Remodeled Theme"; --header-height-on-desktop: 12rem; --logo-image: url("http://backrooms-wiki.wdfiles.com/local--files/pandashark-s-author-page/icon.png"); --header-title: "后室装修公司"; --header-subtitle: "真正的秩序由家具传达"; --body-font: 'BioRhyme', 'GlowSansSC-Extended', sans-serif; --header-font: 'Lobster', 'ZihunBiantaoti', sans-serif; --title-font: 'BioRhyme', 'GlowSansSC-Extended', sans-serif; --mono-font: 'Fantasque Sans Mono', 'Noto Sans SC', sans-serif; --white-monochrome: 240, 240, 255; --pale-gray-monochrome: 220, 220, 235; --light-gray-monochrome: 211, 174, 0; --gray-monochrome: 79, 76, 122; --black-monochrome: 25, 20, 76; --bright-accent: 240, 206, 49; --medium-accent: 59, 56, 102; --dark-accent: 79, 76, 122; --pale-accent: 211, 174, 0; --swatch-topmenu-border-color: var(--medium-accent); --link-color: 211, 174, 0; --hover-link-color: 202, 35, 30; --background-gradient-distance: 0rem; --gradient-header: linear-gradient(to top, rgba(var(--medium-accent)) 0%, rgba(var(--medium-accent), 0.90) 100% ); --diagonal-stripes: linear-gradient(transparent 0); } #skrollr-body { background-image: radial-gradient(circle, rgb(var(--medium-accent)) 0%, transparent 0); background-repeat: repeat; background-size: 0.25em 0.25em; width: 100%; height: 7.5rem; } #side-bar .side-block div a img { filter: grayscale(100%); } #container { background-image: radial-gradient(circle, rgb(var(--medium-accent), 0.05) 0%, transparent 0); background-size: 0.25em 0.25em; background-repeat: repeat; background-attachment: fixed; } div#page-options-bottom-2 > a, div#page-options-bottom > a { border-radius: 0em; -moz-border-radius: 0em; border: none; } div#page-options-bottom-2 > a:active, div#page-options-bottom-2 > a:hover, div#page-options-bottom > a:active, div#page-options-bottom > a:hover { border: none; } #header, #top-bar { background-attachment: scroll; } #header { background-image: url(""); } #header::before { content: ""; position: absolute; height: 100%; width: 100%; left: 0; top: -1rem; background-image: var(--logo-image); background-size: auto 9rem; background-position: center; background-repeat: no-repeat; opacity: 1; } #header h1, #header h1 a { position: absolute; top: 1rem; margin: 0; width: 100%; display: flex; justify-content: center; z-index: 0; } #header h2, #header h2 span, #header h2 span::before { position: absolute; top: 2rem; margin: 0; width: 100%; display: flex; justify-content: center; } #header h1 a::before, #header h2 span::before { text-shadow: .063rem 0.1rem 0.1rem #0c0c0c; } blockquote { box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25); } .styled-quote { background-color:rgb(var(--pale-gray-monochrome)); border-left: 0.5rem solid rgba(var(--gray-monochrome)); padding: 0.1rem 1rem; margin: 0.5rem 0 0.5rem 0.25rem; box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25); } .dark-styled-quote { background-color:rgb(var(--gray-monochrome)); border-left: 0.5rem solid rgba(var(--pale-gray-monochrome)); color:rgb(var(--white-monochrome)); padding: 0.1rem 1rem; margin: 0.5rem 0 0.5rem 0.25rem; box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25); } .dark-styled-quote a{ color: rgb(var(--swatch-menubg-medium-color)); } .lightblock { background-color:rgb(var(--white-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); } .darkblock { background-color:rgb(var(--gray-monochrome)); color:rgb(var(--white-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); } .darkblock a { color: rgb(var(--swatch-menubg-medium-color)); }
生存难度:生存難度:
等级等級 3
- {$one}
- {$two}
- 实体绝迹
如何使用:
[[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]]

看看他玩的多高兴!
Level C-143.1 是介于Level C-143和Level C-144之间的一个子层级,是我们改造了Level C-143!
描述:
嘿!我们听说了Level C-143糟糕的环境,突然下沉的地板?单调的色彩?太可怕了!但不用担心,我们的团队已经对此处进行了大刀阔斧的改造!现在的它是一个妙趣横生的蹦床乐园!浅色瓷砖会把你高高弹起,让你感受到飞一般的快乐!呃,我是说,你可能真的会飞起来,蹦床的质量高的超乎了我们的意料。不过,你只要小心不落在坚硬的深色瓷砖上,你就是安全的!可是怎么安全的下来呢,我们也不知道,我们也在想呢。
基地,前哨和社区
- 这目前还没什么人呢,除了我们的团队。
- 邀请你的好朋友一起来这玩吧!说真的,快点来吧。
- 希望我们有朝一日能够从蹦床上下来!
入口和出口
入口
- 在Level C-143找到我们设立的路标并顺着它的方向走,你就能到这来了!
出口
- 好吧,如果你真的要走,你只要原路走回去就行了,我们不会阻拦你的,不过,记得跟你的亲朋好友宣传下这里!
« Level C-143 | Level C-143.1 | Level C-144 »