版式：B.Q.I.

此主题版式由 TaRtaR0S 创作，标志由x1193绘制。

如果想要在你的页面上使用这个主题，请将如下文本放置其中：

[[include :backrooms-wiki-cn:theme:bqi]]

这只是为了使css更新

版式示例

B.Q.I.的标志

可以使用五个连字符"-----" 创建水平线，如果未将其放置在任何内容（例如引用块）中，则可以扩展到整个页面。分隔本文档各部分的行是水平线。

---

可以通过在行首加上1-6个之间的"+"字符来创建标题。

标题示例

1号标题

2号标题

3号标题

4号标题

5号标题

6号标题

分页1

这是一个分页。

分页2

看看我，我这有更多文字！

可真是古朴风格。

长分页

这是一个长分页，它能容纳很多字符。

这是一个长分页，它能容纳很多字符。

这是一个长分页，它能容纳很多字符。

这是一个长分页，它能容纳很多字符。

这是一个长分页，它能容纳很多字符。

这是一个长分页，它能容纳很多字符。

这是一个长分页，它能容纳很多字符。

这是一个长分页，它能容纳很多字符。

这是一个长分页，它能容纳很多字符。

这是一个长分页，它能容纳很多字符。

这是一个长分页，它能容纳很多字符。

这是一个长分页，它能容纳很多字符。

不知道为啥，这个空分页贼拉长。我想知道是咋回事儿？

空分页

空分页

空分页

空分页

空分页

怎么使用？

要使用这种分页块，你只需要将其放在 class "filetabs" 的一个div中，如下所示：

[[div class="filetabs"]]
[[tabview]]
[[tab 分页标题]]
分页文本
[[/tab]]
[[tab 分页标题]]
分页文本
[[/tab]]
[[/tabview]]
[[/div]]

分页

分页文本

这是一个引用块，在一行字的起始处加上“> ”来创建。
更多文字

---

一条分割线

嵌套块引用¹

这是一个	表格
你应该早就	知道怎么
制作它了吧

---

脚²
这段文本
放在这里
你们就能
看到不同
格式以及
其它东西
看起^来是
怎么_运作
包括那些不存在
以及存在的链接！
还有特殊警告
或者风险更低的
或者安全的！

---

标题示例
[[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]]

[[div class="styled-quote-d"]]

[[/div]]

[[div class="dark-styled-quote-d"]]

[[/div]]

[[div class="lightblock"]]

[[/div]]

[[div class="darkblock"]]

[[/div]]

[[div class="logo-block"]]

[[/div]]

[[div class="border-logo-block"]]

[[/div]]

B.Q.I. 检验合格证书

B.Q.I. Inspection certificate展示区

经B.Q.I.检验，该层级各项指标均符合要求，为其颁发检验合格证书，流浪者可放心在该层级进行交易活动。

B.Q.I. Inspection certificate编号：B.Q.I. Inspection certificate C-67

检验项目：B.Q.I. Inspection certificate	颁发日期：2022/08/28
颁发人员：TaRtaR0S	截止日期：2025/08/28

可使用以下代码实现：

+ 代码

组件

[[include :tartar0s:component:b-q-i-inspection-certificate
|type=项目类型
|number=编号
|name=检验项目
|date1=颁发日期
|date2=截止日期
|staff=颁发人员
]]
type参数仅可填“层级”或“物品”。

自定义

[[div style="margin-left:1%;padding-left:2%;border-left:2pt solid #516bfc;"]]
[[div class="footerbox"]]
B.Q.I. Inspection certificate展示区
[[/div]]
[[div class="footerflavor"]]

[[image https://img1.imgtp.com/2022/07/25/BmUdsXUz.svg class="profilepic" ]]

内容

[[/div]]
[[/div]]

---

作者信息

作者TaRtaR0S
>>>我的作者页

+ 版式代码

@import url(https://backrooms-wiki-cn.wdfiles.com/local--code/theme%3Aliminal/1);
@import url("http://vivarium.wdfiles.com/local--files/backrooms%3Avivtheme/stylesheet.css");
:root {
    --logo-image: url("https://img1.imgtp.com/2022/07/25/5zGqTnsW.svg");
    --header-title: "B.Q.I.";
    --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: 255, 255, 255;
    /* 次强调色（应用于杂项） */
    --light-gray-monochrome: 81, 107, 252;
    /* 次强调色（登录时） */
    --gray-monochrome: 81, 107, 221;
    /* 蓝灰色 */
    --black-monochrome: 0, 0, 0;
    /* 黑色 */
    --medium-accent: 81, 107, 252;
    /* 蓝色*/
    --dark-accent: 81, 107, 252;
    /* 蓝棕色 */
 
    /* 背景与网站标题色 */
    --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);
 
    --link-color: var(--medium-accent);
    --visited-link-color: var(--medium-accent);
    --hover-link-color: var(--medium-accent);
    --newpage-color: var(--medium-accent);
 
    --gradient-header: repeating-linear-gradient(
      -30deg,
      rgba(var(--medium-accent), 0.8),
      rgba(var(--gray-monochrome), 1) 50px
    );
}
#header::before {
   content: "";
   position: absolute;
   height: 100%;
   width: 100%;
   left: 0;
   top: 0;
   background-image: var(--logo-image);
   background-size: auto 10rem;
   background-position: center;
   background-repeat: no-repeat;
   opacity: 1;
}
body::after {
    content: "";
    background-image: url("https://img1.imgtp.com/2022/07/25/BmUdsXUz.svg");
    background-size: 100% 100%;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.1;
    z-index: -1;
}
#skrollr-body {
    background-image:
     var(--gradient-header),
     var(--gradient-topmenu),
     var(--gradient-background)!important;
    background-size:
     var(--header-background-image-size),
     100% var(--final-header-height-on-desktop),
     100% var(--background-gradient-distance);
}
 
#container{
    background-image: none;
}
#login-status span {
color: #ffffff;
}
hr {
   background-color: rgb(var(--medium-accent));
}
.scp-image-block {
    border: none;
}
 
.scp-image-block .scp-image-caption {
    color: rgb(var(--medium-accent));
    background-color: rgb(255,255,255);
    border: none;
    margin-top: 0.3rem;
    border-left: 0.2rem solid rgba(var(--medium-accent));
    border-right: 0.2rem solid rgba(var(--medium-accent));
}
 
.owindow {
   border: 0.2rem solid rgba(var(--medium-accent));
    box-shadow: 0.5rem 0.5rem rgb(var(--gray-monochrome));
}
 
.page-rate-widget-box {
    background: none;
    border: none;
    background-color: rgb(255,255,255);
    border-left: solid 2px rgb(var(--medium-accent));
}
 
/*unselected tab color*/
.yui-navset .yui-nav a,
.yui-navset .yui-navset-top .yui-nav a {
    background-color: rgb(255,255,255);
    color:rgb(var(--medium-accent));
}
 
.yui-navset .yui-content {
     background-color: rgba(255,255,255, 0.25);
     border-color: rgb(var(--medium-accent));
}
 
table.wiki-content-table th,
table.wiki-content-table td {
     border-color: rgb(var(--medium-accent));
}
 
blockquote {
   box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25);
   background-color: rgb(255,255,255);
   border: none;
   border-left: solid 2px rgb(var(--medium-accent));
}
.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;
}
 
.styled-quote {
   background-color:rgb(255,255,255);
   border-left: 0.5rem solid rgba(var(--medium-accent));
   padding: 0.1rem 1rem;
   margin: 0.5rem 0 0.5rem 0rem;
   box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25);
}
 
.styled-quote-d {
   background-color:rgb(255,255,255);
   border-left: 0.5rem solid rgba(var(--medium-accent));
   border-right: 0.5rem solid rgba(var(--medium-accent));
   padding: 0.1rem 1rem;
   margin: 0.5rem 0 0.5rem 0rem;
   box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25);
}
 
.dark-styled-quote {
   background-color:rgb(var(--medium-accent));
   border-left: 0.5rem solid rgba(255,255,255);
   color:rgb(var(--white-monochrome));
   padding: 0.1rem 1rem;
   margin: 0.5rem 0 0.5rem 0rem;
   box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25);
}
 
.dark-styled-quote-d {
   background-color:rgb(var(--medium-accent));
   border-left: 0.5rem solid rgba(255,255,255);
   border-right: 0.5rem solid rgba(255,255,255);
   color:rgb(var(--white-monochrome));
   padding: 0.1rem 1rem;
   margin: 0.5rem 0 0.5rem 0rem;
   box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25);
}
 
.lightblock {
   background-color:rgb(255,255,255);
   color:rgb(0,0,0);
   box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25);
}
 
.darkblock {
   background-color:rgb(var(--medium-accent));
   color:rgb(var(--white-monochrome));
   box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25);
}
 
.logoblock{
        padding: 0.01rem 1rem;
    box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
    color:rgb(0,0,0);
    margin: 0.5rem 0 0.5rem 0.25rem;
    display: block;
    position: relative;
    background-color:rgb(255,255,255);
     border: none;
    }
 
.logoblock::after{
    content: "";
    float: center;
    border: solid 2px #0000;
    background: url(https://img1.imgtp.com/2022/07/25/BmUdsXUz.svg) center/18% no-repeat;
    opacity: 0.25;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 1;
}
 
.border-logoblock{
        padding: 0.01rem 1rem;
    box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
    color:rgb(0,0,0);
    margin: 0.5rem 0 0.5rem 0.25rem;
    display: block;
    position: relative;
    background-color:rgb(255,255,255);
   border: solid rgb(var(--medium-accent)) 2px;
    }
 
.border-logoblock::after{
    content: "";
    float: center;
    border: solid 2px #0000;
    background: url(https://img1.imgtp.com/2022/07/25/BmUdsXUz.svg) center/18% no-repeat;
    opacity: 0.25;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 1;
}
 
.code {
   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;
}
 
.filetabs .yui-navset .yui-nav li, .yui-navset .yui-navset-top .yui-nav li {
   display: inline-block;
}
 
.filetabs .yui-navset .yui-nav, .yui-navset .yui-navset-top .yui-nav {
   display: block;
}
 
.filetabs .yui-navset .yui-content {
   border-top-width: 15px;
}
 
.filetabs .yui-navset .yui-nav a,
.filetabs .yui-navset .yui-navset-top .yui-nav a,
.filetabs .yui-navset .yui-nav .selected a,
.filetabs .yui-navset .yui-nav a:focus,
.filetabs .yui-navset .yui-navset-top .yui-nav a:focus,
.filetabs .yui-navset .yui-nav a:hover,
.filetabs .yui-navset .yui-navset-top .yui-nav a:hover {
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no' %3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' preserveAspectRatio='none' viewBox='0 0 150 45' xml:space='preserve'%3E%3Cdesc%3ECreated with Fabric.js 4.6.0%3C/desc%3E%3Cdefs%3E%3C/defs%3E%3Cg transform='matrix(1 0 0 1 74.95 22.39)' id='bC-LIzxo7Tu37zCdkDrqS' %3E%3Cpath style='stroke: rgb(0,0,0); stroke-width: 0; stroke-dasharray: none; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(81, 107, 252); fill-rule: nonzero; opacity: 1;' vector-effect='non-scaling-stroke' transform=' translate(0, 0)' d='M -74.94856 22.50703 L -60.0064 -12.520110000000003 C -60.0064 -12.520110000000003 -55.89385 -21.849030000000003 -47.235839999999996 -22.281930000000003 C -38.57782999999999 -22.714830000000003 46.87608 -22.39016 46.87608 -22.39016 C 46.87608 -22.39016 56.05659 -23.219710000000003 61.40639 -12.520120000000002 C 66.75618 -1.8205300000000015 74.94856 22.506959999999996 74.94856 22.506959999999996 z' stroke-linecap='round' /%3E%3C/g%3E%3Cg transform='matrix(1 0 0 1 75.18 17.97)' id='E8ePkHu_UUyvFWDAIzFyP' %3E%3Cpath style='stroke: rgb(0,0,0); stroke-width: 0; stroke-dasharray: none; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(255,255,255); fill-rule: nonzero; opacity: 1;' vector-effect='non-scaling-stroke' transform=' translate(0, 0)' d='M -46.15385 12.0108 L -46.15385 -12.01079 L 46.153839999999995 -12.01079 L 46.153839999999995 12.0108 z' stroke-linecap='round' /%3E%3C/g%3E%3C/svg%3E");
    background-size: 100% 2.7rem;
    background-repeat: no-repeat;
    border-width: 0px;
    border-top: none;
    background-position: top;
}
 
.filetabs .yui-navset .yui-nav a,
.filetabs .yui-navset .yui-navset-top .yui-nav a {
   padding: 4px 20px 0px 20px;
}
 
.filetabs .yui-navset .yui-nav .selected a,
.filetabs .yui-navset .yui-nav a:focus,
.filetabs .yui-navset .yui-navset-top .yui-nav a:focus,
.filetabs .yui-navset .yui-nav .selected a:hover,
.filetabs .yui-navset .yui-navset-top .yui-nav .selected a:hover {
    padding: 8px 20px 0px 20px;
}
 
.filetabs .yui-navset .yui-nav a:hover,
.filetabs .yui-navset .yui-navset-top .yui-nav a:hover {
   padding: 6px 20px 0px 20px;
}
 
.filetabs .yui-navset .yui-nav,
.filetabs .yui-navset .yui-navset-top .yui-nav {
    border-color: transparent;
}
 
.filetabs .yui-navset .yui-nav .selected,
.filetabs .yui-navset .yui-navset-top .yui-nav .selected,
.filetabs .yui-navset .yui-nav .selected a:active,
.filetabs .yui-navset .yui-nav .selected a:focus,
.filetabs .yui-navset .yui-nav li,
.filetabs .yui-navset .yui-navset-top .yui-nav li {
   background-color: transparent;
}
 
.filetabs .yui-navset .yui-nav li,
.filetabs .yui-navset .yui-navset-top .yui-nav li {
   box-shadow: none;
}
 
.filetabs .yui-navset .yui-nav li {
   margin-right: 36px;
}
 
.filetabs .yui-navset .yui-nav .selected a {
   color: rgb(var(--swatch-text-general)) !important;
}
 
.filetabs .yui-navset .yui-nav a:focus,
.filetabs .yui-navset .yui-nav a:hover {
   color: rgb(var(--swatch-text-general));
}
 
.filetabs .yui-navset .yui-nav .selected a em,
.filetabs .yui-navset .yui-nav .selected a:hover em {
   position: relative;
   top: -4px;
}
 
.filetabs .yui-navset .yui-nav a:hover em {
   position: relative;
   top: -2px;
}
 
.filetabs .yui-navset .yui-nav li,
.filetabs .yui-navset .yui-navset-top .yui-nav li {
   border-bottom: solid 1px rgb(var(--white-monochrome));
}
 
.filetabs .yui-navset .yui-nav li.selected,
.filetabs .yui-navset .yui-navset-top .yui-nav li.selected {
   border-bottom: none;
   z-index: 1;
}
 
.footerbox{
    padding:0.1rem 1rem;
    margin-top:1rem;
    background: rgb(81, 107, 252);
    border-radius:0 1rem 0 0;
    color:#ffffff;
    border: 3px solid rgb(81, 107, 221);
    box-sizing:border-box;
}
.footerflavor h1{
    color: #000000;
}
.footerflavor h2{
    color: #000000;
}
.footerflavor h3{
    color: #000000;
}
.footerflavor h4{
    color: #000000;
}
.footerflavor h5{
    color: #000000;
}
.footerflavor h6{
    color: #000000;
}
.footerbox h1{
    color:  rgb(81, 107, 252);
}
.footerbox h2{
    color:  rgb(81, 107, 252);
}
.footerbox h3{
    color:  rgb(81, 107, 252);
}
.footerbox h4{
    color:  rgb(81, 107, 252);
}
.footerbox h5{
    color:  rgb(81, 107, 252);
}
.footerbox h6{
    color:  rgb(81, 107, 252);
}
.footerspan{
    margin-top:0.2rem;
    font-size:80%;
}
.footerflavor{
    padding:0.5px 1rem;
    margin-bottom:1rem;
    background:#ffffff;
    border-radius:0 0 0 1rem;
    color:#000000;
    box-sizing:border-box;
    border: 3px solid rgb(81, 107, 221);
    height: auto;
}
 
.profilepic{
    border-radius:0.6rem;
    float:left;
    max-height:13rem;
    height:17vw;
    margin-right:1rem;
    box-shadow: 0px 0px 3px;
    box-sizing:border-box;
}
 
@media only screen and (max-width: 510px) {
    .logoblock::after{
        content: "";
        float: center;
        border: solid 2px #0000;
        background:
    url(https://img1.imgtp.com/2022/07/25/BmUdsXUz.svg) center/25% no-repeat;
        opacity: 0.25;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        position: absolute;
        z-index: 1;
    }
    .border-logoblock::after{
        content: "";
        float: center;
        border: solid 2px #0000;
        background:
    url(https://img1.imgtp.com/2022/07/25/BmUdsXUz.svg) center/25% no-repeat;
        opacity: 0.25;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        position: absolute;
        z-index: 1;
    }
}

脚注

1. 这是一个脚注！

2. 注