版式：B.F.P.F.
此主题版式由 BlueGralloy 创作。
主题版式背景渐变由Vision of Wind制作。
如果想要在你的页面上使用这个主题，请将如下文本放置其中：
[[include :backrooms-wiki-cn:theme:b-f-p-f]]
版式示例
可以使用五个连字符"-----" 创建水平线，如果未将其放置在任何内容（例如引用块）中，则可以扩展到整个页面。分隔本文档各部分的行是水平线。
可以通过在行首加上1-6个之间的"+"字符来创建标题。
这是一个长分页，它能容纳很多字符。
这是一个长分页，它能容纳很多字符。
这是一个长分页，它能容纳很多字符。
这是一个长分页，它能容纳很多字符。
这是一个长分页，它能容纳很多字符。
这是一个长分页，它能容纳很多字符。
这是一个长分页，它能容纳很多字符。
这是一个长分页，它能容纳很多字符。
这是一个长分页，它能容纳很多字符。
这是一个长分页，它能容纳很多字符。
这是一个长分页，它能容纳很多字符。
这是一个长分页，它能容纳很多字符。
这是一个引用块，在一行字的起始处加上“> ”来创建。
更多文字
一条分割线
嵌套块引用
脚
这段文本
放在这里
你们就能
看到不同
格式以及
其它东西
看起来是
怎么运作
包括那些不存在
以及存在的链接！
还有特殊警告
或者风险更低的
或者安全的！
标题示例
[[div class="titleblock"]]
[[span class="titlebox"]]标题示例[[/span]]
[[/div]]
标题示例
[[div class="dark-titleblock"]]
[[span class="dark-titlebox"]]标题示例[[/span]]
[[/div]]
[[div class="styled-quote"]]
[[/div]]
[[div class="dark-styled-quote";]]
[[div class="dark-styled-quote"]]
[[/div]]
[[/div]][[div class="lightblock"]]
[[/div]]
[[div class="darkblock"]]
[[/div]]
@import url("http://vivarium.wdfiles.com/local--files/backrooms%3Avivtheme/stylesheet.css");
:root {
--logo-image: url("http://backrooms-wiki-cn.wikidot.com/local--files/theme:b-f-p-f/bfpf%281%29.svg");
--header-title: "B.F.P.F.";
--header-subtitle: "保障您的生活，是我们的职责";
/* 字体 */
--body-font: punctuation-marks, Huiwen-mincho, sans-serif;
--header-font: 'CKTKingKong', sans-serif;
--title-font: 'CKTKingKong', sans-serif;
--mono-font: 'Fantasque Sans Mono', monospace;
/* 标准色 */
--white-monochrome: 255, 255, 255;
/* 白色 */
--very-light-gray-monochrome: 197, 140, 19;
/* 次强调色（应用于杂项） */
--light-gray-monochrome: 255, 140, 0;
/* 次强调色（登录时） */
--gray-monochrome: 225, 140, 24;
/* 灰色 */
--black-monochrome: 0, 0, 0;
/* 黑色 */
--medium-accent: 253, 157, 11;
/* 橙色*/
--dark-accent: 225, 140, 24;
/* 棕色 */
/* 背景与网站标题色 */
--background-gradient-color: var(--very-light-gray-monochrome);
--header-gradient-color-bottom: var(--medium-accent);
--header-gradient-color-middle: var(--black-monochrome);
--header-gradient-color-top: var(--black-monochrome);
/* 主要主题色 */
--swatch-background: var(--light-gray-blacmonochrome);
--swatch-primary: var(--white-accent);
--swatch-primary-darker: var(--medium-accent);
--swatch-primary-darkest: var(--dark-accent);
}
#header::before {
content: "";
position: absolute;
height: 100%;
width: 100%;
background-image: var(--logo-image);
opacity: 1;
}
body::after {
content: "";
background-image: url("https://i.postimg.cc/N0jDC1s9/export202203221322565040.png");
background-size: cover;
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0.5;
z-index: -1;
}
#skrollr-body {
background-image: none;
}
#container{
background-image: none;
}
hr {
background-color: rgb(225, 140, 24);
}
.titleblock {
background-color: rgb(255,255,255);
padding: 0.5rem 1rem 0.10rem;
margin: 1.5rem 0rem 0.5rem 0rem;
box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
border: solid rgb(var(--medium-accent)) 2px;
}
.titlebox{
position: relative;
top: -1.6rem;
background-color: rgb(var(--medium-accent));
color: rgb(255,255,255);
padding: 0.25rem 1rem;
line-height: 0.1rem;
}
.dark-titleblock {
background-color: rgb(var(--medium-accent));
color: rgb(255,255,255);
padding: 0.5rem 1rem 0.10rem;
margin: 1.5rem 0rem 0.5rem 0rem;
box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
border: solid rgb(255,255,255) 2px;
}
.dark-titlebox{
position: relative;
top: -1.6rem;
background-color: rgb(255,255,255);
color: rgb(0,0,0);
padding: 0.25rem 1rem;
line-height: 0.1rem;
}
