此主题版式由
如果想要在你的页面上使用这个主题,请将如下文本放置其中:
[[include :backrooms-wiki-cn:theme:bqi]]
这只是为了使css更新
版式示例
B.Q.I.的标志
可以使用五个连字符"-----" 创建水平线,如果未将其放置在任何内容(例如引用块)中,则可以扩展到整个页面。分隔本文档各部分的行是水平线。
可以通过在行首加上1-6个之间的"+"字符来创建标题。
这是一个分页。
看看我,我这有更多文字!
可真是古朴风格。
这是一个长分页,它能容纳很多字符。
这是一个长分页,它能容纳很多字符。
这是一个长分页,它能容纳很多字符。
这是一个长分页,它能容纳很多字符。
这是一个长分页,它能容纳很多字符。
这是一个长分页,它能容纳很多字符。
这是一个长分页,它能容纳很多字符。
这是一个长分页,它能容纳很多字符。
这是一个长分页,它能容纳很多字符。
这是一个长分页,它能容纳很多字符。
这是一个长分页,它能容纳很多字符。
这是一个长分页,它能容纳很多字符。
这是一个引用块,在一行字的起始处加上“> ”来创建。
更多文字
一条分割线
嵌套块引用1
这是一个 | 表格 |
---|---|
你应该早就 | 知道怎么 |
制作它了吧 |
脚2
这段文本
放在这里
你们就能
看到不同
格式以及
其它东西
看起来是
怎么运作
包括那些不存在
以及存在的链接!
还有特殊警告
或者风险更低的
或者安全的!
标题示例
[[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]]
@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; } }