版式：FWS 阈限

Included page "theme:fws" does not exist (create it now)

著作信息

---

作者：Liurd

感谢 Dr Hormress 的评价与建议。

---

著作信息

---

---

这个版式由 Liurd 基于 FWS 版式创建。若要在你的页面中使用本主题，将如下代码插入您页面中的任何位置：

[[include :backrooms-wiki-cn:theme:fws-liminal]]

此版式在理论上可以适配黑色标记笔（BHL）的基础颜色变量¹，但实际上不建议这么做。

版式示例

膜拜发条小汽车！

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

---

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

标题示例

1号标题

2号标题

3号标题

4号标题

5号标题

6号标题

分页1

这是一个分页。

分页2

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

可真是古朴风格。

长分页

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

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

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

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

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

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

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

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

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

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

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

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

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

空分页

空分页

空分页

空分页

空分页

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

---

一条分割线

嵌套块引用²

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

---

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

---

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

[[/div]]

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

[[/div]]

[[div class="lightblock"]]

[[/div]]

[[div class="darkblock"]]

[[/div]]

[[div class="darkerblock"]]

[[/div]]

[[div class="blackblock"]]
其实这个版式还有很多的引用块，但是没有必要全部展示……因为在原本的 FWS 页面中就已经展示了它们。
[[/div]]

+版式代码

:root {
 
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@100;300;400;500;700;900&display=swap');
 
    --background-height: var(--header-height);
    --header-height: 10.5rem;
    --topbar-height: 2.25rem;
 
    --white-monochrome: 237, 233, 223;
    --pale-gray-monochrome: 255, 251, 240;
    --light-gray-monochrome: 160, 160, 160;
    --gray-monochrome: 72, 69, 60;
    --black-monochrome: 25, 20, 16;
    --bright-accent: 140, 136, 126;
    --medium-accent: var(--gray-monochrome);
    --dark-accent: var(--bright-accent);
    --pale-accent: var(--dark-accent);
    --swatch-topmenu-border-color: var(--medium-accent);
    --link-color: 230, 23, 68;
    --hover-link-color: 187, 0, 34;
    --visited-link-color: 150, 24, 43;
    --alt-accent: 221,102,17;
 
    --standard-bright: rgb(var(--white-monochrome));
    --standard-light: rgb(var(--white-monochrome));
    --standard-white: rgb(var(--pale-gray-monochrome));
    --standard-secondary: rgb(var(--gray-monochrome));
    --standard-accent: rgb(var(--bright-accent));
    --standard-gray: rgb(var(--light-gray-monochrome));
    --standard-dark: rgb(var(--gray-monochrome));
    --standard-black: rgb(var(--black-monochrome));
 
    --standard-link: rgb(var(--link-color));
    --standard-link-hover: rgb(var(--hover-link-color));
    --standard-link-visited: rgb(var(--visited-link-color));
    --standard-link-new: rgb(var(--alt-accent));
    --sidebar-link: var(--standard-secondary);
    --dropdown-color: var(--standard-white);
    --dropdown-hover-color: var(--standard-white);
    --dropdown-background: var(--standard-dark);
    --dropdown-hover-background: var(--standard-dark);
 
    --tabview-seleted-background: var(--standard-dark);
 
    --header-title: 'The Backrooms';
    --header-subtitle: '你曾经来过这里';
    --logo-image: url("https://backrooms-wiki.wikidot.com/local--files/component:theme/logo.svg");
    --header-background:linear-gradient(to bottom, var(--standard-accent) 0,var(--standard-secondary) calc(var(--header-height) - var(--topbar-height)), var(--standard-dark) calc(var(--header-height) - var(--topbar-height)), var(--standard-dark) 100%);
 
    --body-font: Inter, Noto Sans SC, Noto Sans TC, Arimo, Verdana, Geneva, sans-serif;
    --header-font: Inter, Noto Sans SC, Noto Sans TC, Franklin Gothic Medium, Franklin Gothic, ITC Franklin Gothic, Arial, sans-serif;
    --title-font: var(--header-font);
    --mono-font: Recursive, Noto Serif SC, Noto Serif TC, Consolas, monaco, monospace;
    --main-font: var(--body-font);
}
 
#footer {
    background: var(--standard-secondary);
    color: var(--standard-light);
 
    --standard-link: var(--standard-light);
    --standard-link-hover: var(--standard-white);
    --standard-link-visited: var(--standard-light);
}
 
#extra-div-1 {
    background-image: radial-gradient(circle, var(--standard-secondary) 50%, transparent 0);
    background-repeat: repeat;
    background-size: 0.25rem 0.25rem;
    width: 100%;
    height: var(--header-height);
    position: absolute;
    top: 0;
    left: 0;
}
 
#header-extra-div-1 {
    opacity: 0.25;
}
 
#header h1, #header h2 {
    font-weight: bold;
}
 
#header h1 a span::before, #header h2 span::before {
    text-shadow: 1px 1px 0.1rem var(--standard-black);
}
 
#top-bar ul li a {
    transition: background 0.25s;
}
 
#top-bar ul li a:before,
#top-bar ul li a:after {
    transition: width 0.25s;
    content: "";
    position: absolute;
    width: 0;
    height: 0.15rem;
    background: var(--standard-accent);
}
 
#top-bar ul li a:before {
    left:0;
    top:0;
}
 
#top-bar ul li a:after {
    right:0;
    bottom:0;
}
 
#top-bar ul li.sfhover a:before,
#top-bar ul li.sfhover a:after,
#top-bar ul li:hover a:before,
#top-bar ul li:hover a:after {
    width: 100%;
}
 
#top-bar ul li:hover a,
#top-bar ul li.sfhover a {
    background-color: var(--standard-black);
}
 
#top-bar ul li ul {
    border: 2px solid var(--standard-black);
    border-top: none;
    box-sizing: border-box;
    box-shadow: 0 0.2rem 0.4rem -0.2rem var(--standard-black);
}
 
#top-bar ul li ul li a,
#top-bar ul li:hover ul li a,
#top-bar ul li.sfhover ul li a{
    border-top: 2px solid var(--standard-black);
    box-shadow: none;
    background-image: linear-gradient(var(--standard-accent) 0,var(--standard-accent));
    background-size: 0 100%;
    transition: background 0.25s;
    background-repeat: no-repeat;
}
 
#top-bar ul li:hover ul li a:hover,
#top-bar ul li.sfhover ul li a:hover{
    box-shadow: none;
    background-size: 100% 100%;
}
 
#top-bar ul li ul li a:before,
#top-bar ul li ul li a:after {
    display: none;
}
 
#container .open-menu a {
    top: 1rem;
    left: 1rem;
    border-radius: 0;
    border-width: 0.15rem;
    box-shadow: 0 0 0.5rem rgba(0, 0, 0, .4);
}
 
#content-wrap {
    margin: 0 auto 1rem;
    border-radius: 0;
}
 
#header {
    margin: 0 auto;
}
 
@media (min-width: 768px) {
  #content-wrap, #header {
    width: 768px;
  }
}
 
@media (max-width: 768px) {
 
  #header {
    max-width: calc(100% - 6rem);
    min-width: calc(100% - 2rem);
  }
 
  #content-wrap {
    max-width: calc(100% - 6rem);
    min-width: calc(100% - 2rem);
    padding: 1rem;
  }
 
  #page-content {
    padding: 0;
  }
}
 
.yui-navset {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}
 
.yui-navset .yui-nav a, .yui-navset .yui-navset-top .yui-nav a {
    box-shadow: 0 0 0 1px var(--tabview-seleted-background);
    text-align: center;
}
 
.yui-navset .yui-content, .yui-navset .yui-navset-top .yui-content {
    border-bottom: none;
    border-top-width: 0.5rem;
    box-shadow: 0 0 0 1px var(--standard-accent);
}
 
table.wiki-content-table th {
    border: 1px solid var(--secondary-border-color);
    background-color: var(--standard-dark);
}
 
 table.wiki-content-table td {
    border: 1px solid var(--standard-border-color);
}
 
.scp-image-block {
    border-radius: 0;
}
 
.scp-image-block:hover,.scp-image-block:hover .scp-image-caption, .scp-image-block:hover img {
    border-color: var(--secondary-border-color);
}
 
/* SDCS fix */
 
#page-content .sd-container {
    height: 12rem;
    border-bottom: 0.2rem solid var(--standard-border-color);
    background: var(--standard-background);
    box-sizing: border-box;
}
 
#page-content .top-box:before {
    display: none;
}
 
#page-content .top-box {
    background: transparent;
    border: unset;
    padding-left: 0.2rem;
    margin: 0.2rem;
    margin-top: 0.5rem;
}
 
#page-content .top-box .gradient-box {
    background: unset;
}
 
#page-content .header-diamond {
    height: 12rem;
    width: 12rem;
    top: 0;
    right: 0;
}
 
#page-content .header-diamond .diamond-image {
    background: var(--standard-text-dark);
    mask-size: 90%;
    -webkit-mask-size: 90%;
}
 
#page-content .header-diamond .diamond-pattern {
    background: none;
}
 
#page-content .top-box,#page-content .diamond-color {
    background: transparent;
}
 
#page-content .header-diamond .bg {
    mask: unset;
    -webkit-mask: unset;
    background: transparent;
}
 
#page-content .header-diamond:after {
    display: none;
}
 
#page-content .top-box .top-text p {
    font-size: 1.2rem;
}
 
#page-content .top-box .bottom-text p,#page-content .top-box .bottom-text::after {
    font-size: 0.8rem;
    border-left: 0.2rem solid var(--standard-border-color);
    padding-left: 0.8rem;
}
 
#page-content .bottom-box ul li::before {
    display: inline;
    content: "》";
    transform: none;
    font-weight: bold;
    left: -0.5rem;
    top: 0;
}
 
#page-content .bottom-box ul li {
    font-size: inherit;
    display: flex;
}
 
#page-content .bottom-box .default::after {
    font-size: 0.8rem;
}
@media only screen and (max-width: 60rem) {
    #page-content .header-diamond {
        opacity: 1;
    }
}
 
/* IETS fix */
 
#page-content .box {
    height: 2rem;
    align-items: center;
    padding-top: 0.35rem;
    transition: all 0.25s;
    box-shadow: none;
    background: var(--standard-background);
    border: 0.05rem solid var(--standard-border-color);
    border-right: 0.2rem solid var(--standard-border-color);
}
 
#page-content .box:hover {
    height: 4.5rem;
    padding-top: 0;
}
 
#page-content .box .iets-before {
   align-items: center;
   font-size: 1rem;
    width: 100%
}
 
#page-content .box .iets-after {
    transition: all 0.25s;
    width: 100%;
    right: 0;
}
 
#page-content .box .iets-after .iets-link {
   font-size: 1rem;
}
 
#page-content .box:hover .iets-after {
    top: -0.8rem;
}
 
/* PLAS fix */
 
#page-content .plas {
    transform: skewX(0);
    border-radius: 0;
    background-color: var(--standard-background);
    color: rgb(var(--standard-text-dark));
    border-bottom: 2px solid var(--standard-border-color);
    padding: 0.5rem;
}
 
#page-content .plas .number a {
    color: var(--standard-link) !important;
}
 
#page-content .plas .number a:hover {
    color: var(--standard-link-hover) !important;
}
/*这个!important事gp全责*/
#page-content .plas:before, #page-content .plas:after,
#page-content .plas .rightbox:before, #page-content .plas .rightbox:after {
    display: none;
}
 
#page-content .plas .rightbox {
    background-color: var(--standard-background);
    border-bottom: 2px solid var(--standard-border-color);
    padding: 0.15em;
}
 
#page-content .plas .rightbox p {
    color: rgb(var(--standard-text-dark));
    border:none;
    border-radius: 0;
}
 
/* PLS fix */
 
#page-content .pls, #page-content .pls-main {
    height: 12rem;
}
 
#page-content .pls-text {
    height: 10rem;
}
 
#page-content .pls-title {
    line-height: 2rem;
}
 
#page-content .pls-main,#page-content .pls-side span[class*="icon"] {
    border: unset;
    background-color: var(--standard-background);
}
 
#page-content .pls-main {
    border-left: 0.2rem solid var(--standard-border-color);
}
 
#page-content .pls-side span[class*="icon"] {
    border: 0.2rem solid var(--standard-border-color);
}
 
/* LH fix */
 
#page-content .with-border, #page-content .with-box-style {
    border:1px solid var(--standard-border-color);
}
 
#page-content .text-block-hide {
    background: var(--standard-text-dark);
    color: var(--standard-text-dark);
}
 
#page-content .text-block-hide:hover {
    background: transparent;
    color: inherit;
}
 
#page-content .notepaper.with-string::before {
    background:var(--standard-light);
}
 
#page-content .book-wrapper {
    background: var(--standard-accent);
}
 
#page-content .text-highlighted::before {
    background-color:var(--standard-background);
}
 
#page-content .text-underlined {
    text-decoration-color: var(--standard-border-color);
}
 
#page-content .text-wavy {
    text-decoration-color: var(--standard-border-color);
}
 
#page-content .text-circled {
    border:2px solid var(--standard-border-color);
}
 
#page-content .reportblock {
    border:2px solid var(--standard-border-color);
    box-shadow:unset;
}

Footnotes

1. 好吧，—very-light-gray-monochrome 除外。

2. 这是一个脚注！

3. 注