-
著作信息
该版式由
ReyDay 制作。
特别感谢波摩娜版式(作者
ghostchibi)与许愿梦境版式(作者
MC_Crafter_24_7),它们的代码为我帮了不少忙。我使用了波摩娜的 div 与许愿梦境的 SD 等级。
同时也非常感谢
cakelord114514 为我提供了分割线和一些其他东西的代码,没有他就没有这个版式。
MyrandFox 给出了技术绿灯。
--dull-accent
99, 138, 117
--dark-green
9, 35, 29
--vibrant-green
68, 150, 96
--bark-green
21, 60, 56
--link-green
48, 100, 76
--light-grey
130, 150, 130
要使用本版式,用以下代码:
[[include :backrooms-wiki-cn:theme:enchanted-forest]]
我家猫,他的名字是 Twix :DDD
仅仅是绿色 + 青色竟然就会如此美丽?!?!?!?!?!?
使用的字体为:
字魂扁桃体 + 思源黑体 + Lobster
狮尾四季春加糖 + 思源宋体 + Milonga
这是分割线的样子!等等……为什么它看起来不太一样?
这是一条特殊分割线!使用以下代码来在你的文章里加上一条:
[[div class="vine-hr"]]
----
[[/div]]
标题
标题
标题
标题
标题
标题
脚注1
粗体
斜体
下划线
删除线
上标
下标
打字体
- 无序列表
这是一条普通的分割线!
这是一个引用块!你可以在一行前加上“> ”来创建。
这些都是
嵌套
引用块
[[div class="lightblock"]]
[[/div]]
[[div class="styled-quote"]]
[[/div]]
[[div class="darkblock"]]
[[/div]]
[[div class="dark-styled-quote"]]
[[/div]]
[[div class="vibe-box"]]
[[/div]]
[[div class="dark-box"]]
[[/div]]
[[div class="light-grey-frame"]]
[[/div]]
[[div class="dark-grey-frame"]]
[[/div]]
[[div class="dull-grey-frame"]]
[[/div]]
[[div class="vineblock"]]
[[/div]]
注意:根据文本的长度,你可能需要改变这个 div 的代码。
代码:
.vineblock {
border: 35px solid transparent;
padding: 0.01rem 1rem;
border-image: url(http://backrooms-sandbox-2.wikidot.com/local--files/theme-test-preview-cakelord/vineblock_mods.png);
border-image-slice: 900 900 900 900; /*you will have to edit this for the repeat lengths*/
border-image-width: 20% 20% 20% 20%; /*you will have to edit this for the border width*/
border-image-outset: 0px 0px 0px 0px;
border-image-repeat: round;
}
你也可以创作一个自己的 div!这里是基础模板:
.div-name {
color: rgb(var(变量)); /* 用你希望的变量替换“变量” */
background: rgba(var(变量), 0.5); /* 用你希望的变量替换“变量”,将“0.5”更改成你喜欢的不透明度。 */
padding: 0.01rem 1rem; /* 最基础的长宽,一般不用改变。 */
margin: 0.5rem 0; /* 最基础的长宽,一般不用改变。 */
box-shadow: var(变量); /* 用你希望的变量替换“变量” */
border: 4px rgb(var(变量)) solid; /* 这是边框,用你希望的变量替换“变量”,把“solid”改成“ridge”能让它看起来像个框框! */
}
这是一个表格 | 表格的另一个部分 |
---|---|
你看这多酷啊! | 我做出这个版式是不是很牛? :D |
woooo 分页看起来就是这样的!
这是另一个分页!
这是一个长分页。里面有很多文本。
这是一个长分页。里面有很多文本。
这是一个长分页。里面有很多文本。
这是一个长分页。里面有很多文本。
这是一个长分页。里面有很多文本。
这是一个长分页。里面有很多文本。
这是一个长分页。里面有很多文本。
这是一个长分页。里面有很多文本。
这是一个长分页。里面有很多文本。
这是一个长分页。里面有很多文本。
这是一个长分页。里面有很多文本。
这是一个长分页。里面有很多文本。
生存难度:生存難度:
等级等級 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]]
生存难度:生存難度:
等级等級 1
- {$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]]
生存难度:生存難度:
等级等級 2
- {$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]]
生存难度:生存難度:
等级等級 3
- {$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]]
生存难度:生存難度:
等级等級 4
- {$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]]
生存难度:生存難度:
等级等級 5
- {$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]]
生存难度:生存難度:
等级等級 unknown
- {$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]]
生存难度:生存難度:
等级等級 habitable
- {$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]]
@import url('https://fonts.googleapis.com/css2?family=Lobster&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Milonga&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;
}
@font-face {
font-family: 'SweiSpringSugarCJKsc';
src: url('https://cdn.jsdelivr.net/gh/LupusCaeruleus/Fonts@main/SweiSpringSugarCJKsc-SemiBold.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'SweiSpringSugarCJKsc';
src: url('https://cdn.jsdelivr.net/gh/LupusCaeruleus/Fonts@main/SweiSpringSugarCJKsc-Bold.woff') format('woff');
font-weight: bold;
font-style: normal;
font-display: swap;
}
:root {
--wallpaper-mask: none;
--theme-id: "enchanted-forest";
--theme-name: "Enchanted Forest";
/* Header */
--logo-image: url("http://backrooms-wiki.wikidot.com/local--files/component:theme/logo.svg");
--header-title: "The Backrooms";
--header-subtitle: "无限远眺,无限神奇";
/* Fonts */
--body-font: 'Milonga', 'SweiSpringSugarCJKsc', 'Noto Serif SC', serif;
--header-font: 'Lobster', 'ZihunBiantaoti', 'Noto Sans SC', sans-serif;
--title-font: 'Lobster', 'ZihunBiantaoti', 'Noto Sans SC', sans-serif;
--mono-font: ''Milonga', 'SweiSpringSugarCJKsc', 'Noto Serif SC', serif;
font-family: 'Milonga', serif;
font-family: 'Lobster', sans-serif;
/* Colors */
--white-monochrome: var(--white-accent);
--pale-gray-monochrome: var(--light-green);
--light-gray-monochrome: var(--dull-accent);
--gray-monochrome: var(--dull-accent);
--black-monochrome: var(--dark-green);
--bright-accent: var(--dull-accent);
--medium-accent: var(--vibrant-green);
--dark-accent: var(--dark-green);
--pale-accent: var(--link-green);
--visited-link-color: var(--bark-green);
--alt-accent: var(--vibrant-green);
--hover-link-color: var(--dull-accent);
/* Variables */
--light-green: 136, 185, 143;
--dull-accent: 99, 138, 117;
--dark-green: 9, 35, 29;
--white-accent: 245, 255, 245;
--vibrant-green: 68, 150, 96;
--bark-green: 21, 60, 56;
--link-green: 48, 100, 76;
--light-grey: 130, 150, 130;
/* Swatches */
--swatch-background: var(--light-green);
--swatch-primary: var(--dark-green);
--swatch-secondary-color: var(--dull-accent);
--swatch-text-general: var(--dark-green);
--swatch-important-text: var(--link-green);
--swatch-menubg-color: var(--dull-accent);
--swatch-menutxt-dark-color: var(--white-accent);
--swatch-menutxt-general-color: var(--dark-green);
--swatch-border-color: var(--dull-accent);
--footnotes-footer-bg-color: var(--white-accent);
--swatch-headerh1-color: var(--white-accent);
--swatch-headerh2-color: var(--white-accent);
--swatch-topmenu-border-color: var(--light-green);
--swatch-topmenu-bg-color: var(--dark-green);
}
/* Tabview + Footnotes */
#main-content {
--tabs-hover-bg: var(--vibrant-green);
--tabs-selected-bg: var(--dark-green);
--tabs-selected-outline: var(--vibrant-green);
--tabs-bottom-border-color: var(--bark-green);
--footnotes-footer-colorbar-color: var(--bark-green);
--footnotes-footer-title-bg-color: var(--dark-green);
}
/* Scrollbar */
html, body {
color: rgb(var(--swatch-text-general));
font-variant-ligatures: none;
scrollbar-color: rgb(99, 138, 117) rgb(9, 35, 29);
margin: 0;
padding: 0;
}
/* Banner */
#skrollr-body {
height: 11rem;
width: 100vw;
background: url(http://backrooms-wiki.wikidot.com/local--files/theme:enchanted-forest/Forest1) top center repeat-x;
background-size: 100%;
}
#container {
background-size: 30rem 37rem;h
background-attachment: scroll;
}
@media only screen and (max-width:1366px){
#skrollr-body {
height: 11rem;
width: 100vw;
background: url(http://backrooms-wiki.wikidot.com/local--files/theme:enchanted-forest/Forest1) top center repeat-x;
background-size: 115%;
}
}
@media only screen and (max-width:1000px){
#skrollr-body {
height: 11rem;
width: 100vw;
background: url(http://backrooms-wiki.wikidot.com/local--files/theme:enchanted-forest/Forest1) top center repeat-x;
background-size: 310%;
}
}
/* Top Bar */
#top-bar {
--dropdown-bg-color: var(--light-green);
}
/* Divs */
.styled-quote {
border-left: solid 6px rgb(var(--bark-green));
}
.darkblock {
background: rgb(0, 0, 0);
}
.dark-styled-quote {
background: rgb(0, 0, 0);
border-left: solid 6px rgb(var(--bark-green));
}
/* Custom Divs */
.vibe-box {
color: rgb(var(--dark-green));
background: rgba(var(--vibrant-green), 0.5);
padding: 0.01rem 1rem;
margin: 0.5rem 0;
box-shadow: var(--dull-accent);
border: 4px rgb(var(--bark-green)) solid;
}
.dark-box {
color: rgb(var(--light-green));
background: rgba(var(--dark-green));
padding: 0.01rem 1rem;
margin: 0.5rem 0;
box-shadow: var(--dull-accent);
border: 4px rgb(var(--bark-green)) solid;
}
.light-grey-frame {
color: rgb(var(--dark-green));
background: rgba(var(--white-accent));
padding: 0.01rem 1rem;
margin: 0.5rem 0;
box-shadow: var(--dull-accent);
border: 0.8rem rgb(var(--light-grey)) ridge;
}
.dark-grey-frame {
color: rgb(var(--white-accent));
background: rgba(var(--dark-green));
padding: 0.01rem 1rem;
margin: 0.5rem 0;
box-shadow: var(--dull-accent);
border: 0.8rem rgb(var(--light-grey)) ridge;
}
.dull-grey-frame {
color: rgb(var(--dark-green));
background: rgba(var(--dull-accent));
padding: 0.01rem 1rem;
margin: 0.5rem 0;
box-shadow: var(--dull-accent);
border: 0.8rem rgb(var(--light-grey)) ridge;
}
.vineblock {
border: 35px solid transparent;
padding: 0.01rem 1rem;
border-image: url(http://backrooms-sandbox-2.wikidot.com/local--files/theme-test-preview-cakelord/vineblock_mods.png);
/* border-image-repeat: round; */
border-image-slice: 700 700 700 700;
border-image-width: 10% 10% 10% 10%;
border-image-outset: 0px 0px 0px 0px;
border-image-repeat: round;
}
}
@media only screen and (max-width:1366px){
.vineblock {
border: 35px solid transparent;
padding: 0.01rem 1rem;
border-image: url(http://backrooms-sandbox-2.wikidot.com/local--files/theme-test-preview-cakelord/vineblock_mods.png);
/* border-image-repeat: round; */
border-image-slice: 900 900 900 900;
border-image-width: 20% 20% 20% 20%;
border-image-outset: 0px 0px 0px 0px;
border-image-repeat: round;
}
}
@media only screen and (max-width:1000px){
.vineblock {
border: 35px solid transparent;
padding: 0.01rem 1rem;
border-image: url(http://backrooms-sandbox-2.wikidot.com/local--files/theme-test-preview-cakelord/vineblock_mods.png);
/* border-image-repeat: round; */
border-image-slice: 900 900 900 900;
border-image-width: 20% 20% 20% 20%;
border-image-outset: 0px 0px 0px 0px;
border-image-repeat: round;
}
}
/* Horizontal Rule */
hr{
border-top: 4px double rgb(var(--dull-accent));
text-align: center;
background-color: rgba(var(—dull-accent));
}
.vine-hr{
margin: 0 0 50px 0;
}
.vine-hr hr {
height: 42px;
border: none !important;
}
.vine-hr hr::after {
content: " ";
display: block;
background: url(http://backrooms-sandbox-2.wikidot.com/local--files/theme-test-preview-cakelord/Untitled355_20240206160835-export.png) no-repeat top;
height: 42px;
background-size: 100%;
background-position: bottom;
}
/* SD Classes! */
.sd-container {
--sd-border:59,59,59;
}
.top-box {
border-color: rgb(59, 54, 59) !important;
}
.bottom-box ul li {
color: rgb(59, 54, 59) !important;
}
.bottom-box ul li:before {
background: rgb(59, 54, 59) !important;
}
.top-box .gradient-box {
background: linear-gradient(90deg, rgba(59, 54, 59, 1) 0%, rgba(59, 54, 59, 0) 36%) !important;
}
.header-diamond {
background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 300.9 284.5' style='enable-background:new 0 0 300.9 284.5;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%233b363b;%7D .st1%7Bfill:%233b363b;%7D%0A%3C/style%3E%3Cg%3E%3Cpolygon class='st1' points='73.4,32.6 0,105.4 13.6,105.4 86.4,32.6 '/%3E%3Cpolygon class='st1' points='26.5,105.4 40.1,105.4 112.9,32.6 99.3,32.6 '/%3E%3C/g%3E%3Cpolyline class='st1' points='287.3,105.4 214.5,32.6 227.5,32.6 287.3,91.9 '/%3E%3Cpolygon class='st1' points='274.4,105.4 260.8,105.4 188,32.6 201.6,32.6 '/%3E%3C/svg%3E") !important;
}
.top-box.class-unknown .header-diamond { filter: none !important; }
.top-box.class-unknown:before, .top-box.class-unknown .header-diamond .diamond-pattern{ opacity: 0.15 !important; }
.top-box .header-diamond .diamond-image {
filter: brightness(0%) invert(100%);
}
.top-box.class-0,
.header-diamond .diamond-color.class-0 {
background: rgb(184, 243, 208) !important;
}
.top-box.class-1,
.header-diamond .diamond-color.class-1 {
background: rgb(126, 206, 159) !important;
}
.top-box.class-2,
.header-diamond .diamond-color.class-2 {
background: rgb(61, 152, 99) !important;
}
.top-box.class-3,
.header-diamond .diamond-color.class-3 {
background: rgb(46, 127, 80) !important;
}
.top-box.class-4,
.header-diamond .diamond-color.class-4 {
background: rgb(35, 91, 58) !important;
}
.top-box.class-5,
.header-diamond .diamond-color.class-5 {
background: rgb(2, 48, 23) !important;
}
.top-box.class-unknown,
.header-diamond .diamond-color.class-unknown,
.top-box.class-未知,
.header-diamond .diamond-color.class-未知 {
background: rgb(59, 64, 59) !important;
}
.top-box.class-habitable,
.header-diamond .diamond-color.class-habitable,
.top-box.class-宜居,
.header-diamond .diamond-color.class-宜居 {
background: rgb(214, 255, 231) !important;
}
/* License Box Color */
#page-content .licensebox .collapsible-block-link {
color: var(--dark-green);
}
请按如下方式引用此页:
“版式:魔法森林”,作者 ReyDay,来自后室英文维基。原文链接:http://backrooms-wiki.wikidot.com/theme:enchanted-forest。译者 Ambersight,来自后室中文维基。译文链接:http://backrooms-wiki-cn.wikidot.com/theme:enchanted-forest。遵循 CC BY-SA 3.0 协议。
文件名:Green Fantasy Forest (edited by
ReyDay)
图像作者:N/A
授权协议:公共领域
来源链接:https://pngtree.com/freebackground/fantasy-forest-green-background_308886.html
文件名:Picture of Twix
图像作者:ReyDay(me)
授权协议:CC-BY-SA 3.0
来源链接:我的手机摄像头
更多授权相关信息,请查阅授权指导。