@import url('https://fonts.googleapis.com/css2?family=Staatliches&display=swap');
@import url('https://fonts.googleapis.com/css2?family=PT+Serif&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC&display=swap');
@font-face {
font-family: 'ChillGSans';
src: url('https://cdn.jsdelivr.net/gh/LupusCaeruleus/Fonts@main/ChillGSans.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@import url("http://vivarium.wdfiles.com/local--files/backrooms%3Avivtheme/stylesheet.css");
:root {
--header-title: "B.N.T.G.";
--header-subtitle: "不结盟贸易集团";
--logo-img: url('');
--page-font-size: 0.832rem;
--accent: 86, 108, 90;
--back: 220,221,215;
--pale-accent: 232, 231, 213;
--font: 102, 102, 102;
--white-monochrome: rbg(var(--pale-accent));
--black-monochrome: rbg(var(--font));
--dark-gray-monochrome: 64, 61, 60;
--link-color: 68, 117, 77;
--class-1: 182, 181, 163;
--header-txt-color: #dcddd7;
--body-bg-color: 220, 221, 215;
--header-bg-img: url('https://www.imagebed.pro/images/Romand0/6wn59wTEMg.png');
--box-border: rgb(var(--accent));
--box-shadow: rgb(var(--accent));
--ui-font: 'Noto Serif SC', PT Serif, serif;
--head-font: 'ChillGSans' , 'Staatliches', sans-serif;
--page-font: 'Noto Serif SC', PT Serif, serif;
--link-txt-color: rgba(var(--link-color)) ;
}
@media screen and (min-width: 768px) {
:root {
--page-font-size: 1rem;
}
}
body {
background-image: none;
background-color: rgb(var(--body-bg-color));
font-family: var(--ui-font);
color: rgb(var(--font));
}
/* 版头 */
div#header {
height: 170px;
}
#extra-div-6 {
/* 版头图片 */
position: absolute;
top: 0;
left: 0;
right: 0;
background-image: var(--header-bg-img);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
z-index: -1;
height: 200px;
}
#header h2::before {
content: var(--header-subtitle);
font-weight: 700;
font-size: 1.7em;
font-family: var(--ui-font);
color: rgba(var(--back));
line-height: 26px;
margin-top: 1rem;
display: block;
text-transform: uppercase;
}
/* 顶栏 */
#header #top-bar a {
color: rgb(var(--back));
background: transparent;
font-size: 110%
}
#header #top-bar .open-menu a {
font-size: 30px;
padding: 0.25rem;
background: rgba(var(--accent), 0.65);
box-shadow: 0 0 0.1rem rgba(0,0,0,0.2);
color: rgba(var(--back));
}
#login-status {
border: 2px solid rgba(var(--accent));
background-color: rgba(var(--pale-accent));
padding: 0.35rem 0.5rem;
border-radius: 2px;
color: rgba(var(--font));
}
#search-top-box-form {
margin-top: 1rem;
}
#search-top-box-input:hover,
#search-top-box-input:focus,
#search-top-box-form input[type=submit],
#search-top-box-form input[type=submit]:hover,
#search-top-box-form input[type=submit]:focus {
color: rgba(var(--back));
}
/* 侧栏 */
#side-bar {
background: rgb(var(--pale-accent));
}
#side-bar .side-block {
border: #dcddd7;
background: transparent
}
@media screen and (max-width: 767px) {
#side-bar:target .close-menu {
background: unset;
}
}
/* 页面标题 */
#page-title {
color: rgb(var(--font));
width: auto;
position: relative;
font-family: var(--head-font);
font-size: 220%
}
#page-title::after {
content: '';
position: absolute;
bottom: -0.5rem;
left: calc(50% - 4rem);
height: 5px;
width: 8rem;
}
#page-content h1 {
position: relative;
width: fit-content
}
#page-content h1:not(.reportblock h1)::before {
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 0.5em;
width: 100%;
}
h1,
h2,
h3,
h4,
h5,
h6 {
color: rgba(var(--font));
}
/* 排版工具组 */
:root {
--lh-white-bg: 245,245,245;
--lh-dark-bg: var(--accent);
--lh-highlighter: var(--accent);
--lh-border-color: var(--accent);
--lh-wiki-note-color: var(--accent);
}
div.wiki-note::before { color: #eee }
.reportblock h1:first-child,
.reportblock-dark h1:first-child {
color: rgba(var(--pale-accent));
top: -1rem;
left: 0
}
.reportblock,
.reportblock-dark {
background-color: rgba(var(--pale-accent));
padding: 0.4rem 1.5rem;
padding-top: 0
}
.bettercollap .collapsible-block { border-radius: 3px }
#page-content .bettercollap .collapsible-block-link:hover,
#page-content .bettercollap .collapsible-block-link:hover a,
#page-content .bettercollap .collapsible-block-link a:hover,
#page-content .bettercollap .collapsible-block-link:hover a:hover {
color: none;
text-decoration: none
}
.bettercollap .collapsible-block-link {
color: rgb(var(--lh-border-color));
background: none;
transition: .3s;
display: block;
}
.bettercollap .collapsible-block-link:hover,
.bettercollap .collapsible-block-unfolded .collapsible-block-link {
color: #dcddd7;
background: rgb(var(--lh-border-color))!important;
text-decoration: none
}
.styledcollap.bettercollap .collapsible-block-link {
color: rgb(var(--back));
background: rgb(var(--lh-border-color))!important;
text-decoration: none
}
.styledcollap.bettercollap .collapsible-block-content {
background-color: rgb(var(--pale-accent));
border-width: 3px
}
.titleblock {
background-color: rgb(var(--pale-accent));
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(--accent)) 2px;
}
.titlebox{
position: relative;
top: -1.6rem;
background-color: rgb(var(--accent));
color: rgb(var(--font));
padding: 0.25rem 1rem;
line-height: 0.1rem;
}
/* 页内标题(Headings) */
a.newpage { color: rgb(255, 140, 0) }
a.newpage:hover{ background-color: rgb(255, 140, 0) }
/* 分割线 */
hr {
border-color: rgb(var(--accent));
background-color: rgb(var(--accent));
}
/* Div块设置 */
div.blockquote, blockquote {
background-color: rgb(var(--pale-accent));
border-color: rgba(var(--accent));
box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
}
.lightblock, .darkblock,
.styled-quote, .dark-styled-quote ,.styled-quote-d,.border-style-quote {
padding: 0 1em;
margin: 0.5em 0.1em;
border: 1px solid transparent ;
box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.10);
}
.styled-quote {
border-left: .6rem solid rgb(var(--accent))
}
.styled-quote-d {
border-left: .5rem solid rgb(var(--accent));
border-right: .5rem solid rgb(var(--accent));
}
.lightblock,
.styled-quote, .styled-quote-d, .border-style-quote {
background-color: rgba(var(--pale-accent));
}
.border-style-quote {
border: .4rem solid rgb(var(--accent));
}
.darkblock ,.dark-styled-quote {
background-color: rgba(var(--accent));
color: #e8e7d5 ;
}
.darkblock hr {
border-color: rgb(var(--pale-accent));
background-color: rgb(var(--pale-accent));
}
.darkblock h1,
.darkblock h2,
.darkblock h3,
.darkblock h4,
.darkblock h5,
.darkblock h6 {
color: rgba(var(--pale-accent));
}
.jotting {
padding: 0 1em;
margin: 1em 2em
}
.titleblock {
background-color: rgb(var(--pale-accent));
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(--accent)) 2px;
}
.titlebox {
position: relative;
top: -1.6rem;
background-color: rgb(var(--accent));
color: rgb(var(--pale-accent));
padding: 0.25rem 1rem;
line-height: 0.1rem;
}
.title-font {
font-family: 'ChillGSans', 'Staatliches', sans-serif !important;
}
.bntg-block {
background-color: rgb(var(--pale-accent));
color: rgb(var(--font)) !important;
padding: 0.1rem 1rem;
border-radius: 1rem;
}
.bntg-border-block {
background-color: rgb(var(--pale-accent));
border: solid rgb(var(--accent)) 4px;
box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
color: rgb(var(--font)) !important;
padding: 0.1rem 1rem;
margin: 0.5rem 0 0.5rem 0.25rem;
border-radius: 1rem;
}
.dark-bntg-block {
background-color: rgb(var(--accent));
box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
color: rgb(var(--back));
border-radius: 1rem;
padding: 0.1rem 1rem;
margin: 0.5rem 0 0.5rem 0.25rem;
}
code,
.code {
background-color: rgb(var(--pale-accent));
}
/* 表格 */
table.wiki-content-table td,
table.wiki-content-table th {
border-color: rgb(var(--accent));
}
table.wiki-content-table th {
background-color: rgb(var(--accent));
color: rgb(var(--back));
}
/* 分页设置 */
.yui-navset .yui-nav li,
.yui-navset .yui-navset-top .yui-nav li {
-webkit-box-shadow: 0 0 0 0.0625rem rgb(var(--accent));
box-shadow: 0 0 0 0.0625rem rgb(var(--accent));
}
.yui-navset .yui-nav a,
.yui-navset .yui-navset-top .yui-nav a {
background-color: rgb(var(--pale-accent));
}
.yui-navset .yui-nav a,
.yui-navset .yui-navset-top .yui-nav a {
color: rgb(var(--font));
}
.yui-navset .yui-content {
background-color: rgb(var(--pale-accent));
}
.yui-navset .yui-nav .selected a,
.yui-navset .yui-nav .selected a:focus,
.yui-navset .yui-nav .selected a:hover {
color: rgb(var(--pale-accent));
background: rgb(var(--accent));
border-color: rgba(var(--font));
}
.yui-navset .yui-nav,
.yui-navset .yui-navset-top .yui-nav {
border-color: rgba(var(--accent));
}
.yui-navset .yui-content,
.yui-navset .yui-navset-top .yui-content {
border-color: rgb(var(--accent));
}
/* 芝加哥鬼灵分页效果 */
.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(232,231,213); stroke-width: 0; stroke-dasharray: none; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(86,108,90); 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(232,231,213); 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: rgb(var(--accent));
}
.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(--font)) !important;
}
.filetabs .yui-navset .yui-nav a:focus,
.filetabs .yui-navset .yui-nav a:hover {
color: rgb(var(--font));
}
.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(--back));
}
.filetabs .yui-navset .yui-nav li.selected,
.filetabs .yui-navset .yui-navset-top .yui-nav li.selected {
border-bottom: none;
z-index: 1;
}
/* 折叠块 */
#page-content a.collapsible-block-link:not(.licensebox a.collapsible-block-link, .info-container a.collapsible-block-link, .default-col a.collapsible-block-link) {
color: rgb(var(--back));
}
/* 底部工具栏 */
.page-options-bottom a {
margin: 3px;
color: rgb(var(--back));
background: rgb(var(--accent));
padding: 5px 13px 5px 13px;
text-decoration: none;
font-size: 90%;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
#page-options-bottom {
border-top: solid 1px rgba(var(--back));
margin-top: 0;
}
#page-options-bottom a { margin-top: 0 }
#edit-cancel-button,
#edit-diff-button,
#edit-preview-button,
#edit-save-draft-button,
#edit-save-continue-button,
#edit-save-button {
background: rgb(var(--pale-accent));
border: solid 2px rgb(var(--accent));
color: rgb(var(--font));
font-size: 100%;
}
#edit-cancel-button:hover,
#edit-diff-button:hover,
#edit-preview-button:hover,
#edit-save-draft-button:hover,
#edit-save-continue-button:hover,
#edit-save-button:hover {
background-color: rgb(var(--pale-accent));
}
#edit-save-continue-button,
#edit-save-button {
background: rgb(var(--pale-accent));
transition-duration: 0.3s;
color: rgb(var(--font));
}
#edit-save-continue-button:hover,
#edit-save-button:hover {
color: rgb(var(--font));
background: rgb(var(--pale-accent));
}
#edit-cancel-button {
color: rgb(var(--font));
background: rgb(var(--pale-accent));
}
#edit-cancel-button:hover {
color: rgb(var(--font));
background: rgb(var(--pale-accent));
}
/* 标签 */
#main-content .page-tags a {
color: rgb(var(--back));
}
#main-content .page-tags a::after {
background-color: rgb(var(--back));
}
/* 页脚 */
#license-area {
background-image: linear-gradient(to bottom, rgb(var(--body-bg-color)), rgb(236, 238, 232));
border-top: 0;
margin-top: -1rem;
padding: 1rem 0
}
/* 插入图片 */
.scp-image-block .scp-image-caption {
background-color: rgb(var(--pale-accent));
color: rgb(var(--font));
}
.scp-image-block img {
border: solid 3px rgba(var(--accent));
box-sizing: border-box;
}
.scp-image-block img[style*="width:"] {
width: 300px;
}
.scp-image-block {
min-width: 0;
}
/* 评分模块 */
#main-content div.page-rate-widget-box,
#page-content .rate-box-with-credit-button {
color: rgb(var(--font));
border-top: solid 2px rgb(var(--accent), 0.5);
border-left: solid 2px rgb(var(--accent), 0.5);
border-right: solid 2px rgb(var(--accent), 0.5);
border-bottom: solid 3px rgb(var(--accent));
font-size: 0.95rem;
background: rgb(var(--pale-accent));
padding: 0;
}
#main-content span.rate-points,
#main-content span.btn {
background: transparent!important;
}
#main-content .creditButtonStandalone p a {
background-color: rgb(var(--accent));
font-size: 1rem;
padding: 0.25rem;
}
/*SD模块*/
#page-content .sd-container {
--sd-border: 64,61,60;
--sd-bullets: 80,80,80;
--sd-image: 80,80,80;
--sd-symbol:255,255,255;
--sd-text:255,255,255;
}
.top-box {
border-color: rgb(var(--sd-border)) !important;
}
.bottom-box ul li {
color: rgb(var(--sd-border)) !important;
}
.bottom-box ul li:before {
background: rgb(var(--sd-border)) !important;
}
.top-box .gradient-box {
background: linear-gradient(90deg, rgba(var(--sd-border),1) 0%, rgba(var(--sd-border),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:%23403d3c;%7D .st1%7Bfill:%23403d3c;%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 {
background: rgb(var(--pale-accent)) !important;
}
.top-box.class-1 {
background: rgb(var(--class-1))
}
.header-diamond .diamond-color.class-0 {
background: rgb(var(--pale-accent)) !important;
}
.header-diamond .diamond-color.class-1 {
background: rgb(var(--class-1)) }
.top-box.class-2,
.top-box.class-3 {
background: rgb(var(--font)) !important;
}
.header-diamond .diamond-color.class-2,
.header-diamond .diamond-color.class-3 {
background: rgb(var(--font)) !important;
}
.top-box.class-4,
.top-box.class-5 {
background: rgb(var(--accent)) !important;
}
.header-diamond .diamond-color.class-4,
.header-diamond .diamond-color.class-5 {
background: rgb(var(--accent)) !important;
}
.top-box.class-unknown {
background: rgb(var(--dark-gray-monochrome)) !important;
}
.header-diamond .diamond-color.class-unknown {
background: rgb(var(--dark-gray-monochrome)) !important;
}
/* IETS */
.box {
margin: 0;
padding: 0 0.5rem;
background: rgb(var(--pale-accent));
}
.box {
position: relative;
width: max-content;
min-width: 11rem;
display: flex;
flex-direction: column;
height: 2.25rem;
box-sizing: border-box;
border-left: 0.5rem solid rgba(var(--box-border), 0.5);
box-shadow:
inset 0 0 0 0.0625rem rgba(var(--box-shadow), 0.5),
inset 0.0625rem 0 0 0 rgba(var(--box-shadow), 0.5),
inset 0 -0.0625rem 0 0 rgba(var(--box-shadow), 0.75);
transition: height 0.25s cubic-bezier(0.4, 0, 0.2, 1);
font-family: 'Noto Serif SC', PT Serif, serif;
cursor: default;
overflow: hidden;
}
/* CECS COCS */
.wrapper {
--cocs-dark: var(--accent);
--cocs-light: var(--pale-accent);
--cecs-dark: var(--accent);
--cecs-light: var(--pale-accent);
}
/* 脚注 */
.hovertip {
background: rgb(var(--back));
border: 2px solid rgb(var(--accent));
min-width: 8rem
}
.hovertip .footnote .f-footer { display: none }
.hovertip .footnote .f-heading { font-size: 80% }
.hovertip .footnote .f-content { font-size: 110% }
div.footnotes-footer {
background-color: rgba(var(--pale-accent));
border: 2px solid rgb(var(--accent));
border-bottom: 5px solid rgb(var(--accent));
padding: 0.5rem 1rem;
padding-bottom: 1rem;
margin: 1rem 0
}