版式：拱廊系统

连通未知之路。

该版式的作者是Stretchsterz与VivamusLudio，由Ambersight搬运。

想要应用该版式，在文本的任意位置插入以下代码：

---

[[include :backrooms-wiki-cn:theme:archway-os]]

---

样例：

接近数码时代。

通过5个连字符“-----”即可创建一条分割线，可分割整个页面（除非分割线在引用块内）。本页中分割不同区域的就是分割线。

---

在一行的开头加上一到六个“+”即可建立标题。

+ 标题

一级标题

二级标题

三级标题

四级标题

五级标题

六级标题

制表机

这是一个分页。

制表

嘿瞧，这里还有更多文本。

多么古雅。

长分页

这是一个长分页，包含很多文本。

这是一个长分页，包含很多文本。

这是一个长分页，包含很多文本。

这是一个长分页，包含很多文本。

这是一个长分页，包含很多文本。

这是一个长分页，包含很多文本。

这是一个长分页，包含很多文本。

这是一个长分页，包含很多文本。

这是一个长分页，包含很多文本。

这是一个长分页，包含很多文本。

这是一个长分页，包含很多文本。

这是一个长分页，包含很多文本。

这个空分页的名字特别长。我很好奇为什么？

空分页

空分页

空分页

空分页

空分页

这是一个引用块，在每行前面加上“> ”即可创建。
更多文本。

---

上面的是分割线。

嵌套引用块¹。

---

彩色引用块

通过建立一个含有不同颜色名的div框，你可以使用彩色边框的引用块。

例如：

[[div class="yellow"]]
> 黄色引用块！！
[[/div]]

红色！

青色！

紫色！

绿色！

黄色！

---

这是	表格
你应该早就	知道怎么创建了
对吧

这里有
一些文本
让你可以
看到
不同格式的
文字
以及^一些
其他的_东西
包括不存在的链接
和存在的链接！

---

[[div class="borderblock"]]

[[/div]]

---

---

[[div class="borderblock red"]]

[[/div]]

---

---

[[div class="borderblock teal"]]

[[/div]]

---

---

[[div class="borderblock purple"]]

[[/div]]

---

---

[[div class="borderblock green"]]

[[/div]]

---

---

[[div class="borderblock yellow"]]

[[/div]]

---

特别感谢CutTheBirch的帮助！
Logo由Greggita Mahayfaio创作！

---

+ 版式代码

:root {
   --theme-base: "black-highlighter";
   --theme-id: "archway-os";
   --theme-name: "Archway OS Theme";
 
   --logo-image: url("https://scpsandboxcn.wikidot.com/local--files/lupus-caeruleus/archway_new.png");
   --header-title: "||拱廊系统||";
   --header-subtitle: "万物皆虚。";
 
   --body-font: proxima-nova, 'Noto Sans SC', sans-serif;
   --header-font: 'Noto Serif SC', serif;
   --title-font: 'Noto Serif SC', serif;
   --mono-font: 'Fantasque Sans Mono', 'Noto Serif SC', monospace;
 
   --mainAccent: 0,99,255;
 
   --white-monochrome: 237, 233, 223;
   --pale-gray-monochrome: 255, 251, 240;
   --light-gray-monochrome: 160, 160, 160;
   --dark-gray-monochrome: 160, 160, 160;
   --gray-monochrome: 72, 69, 60;
   --black-monochrome: 0, 0, 0;
   --bright-accent: var(--mainAccent);
   --medium-accent: 1, 0, 102;
   --dark-accent: var(--mainAccent);
   --pale-accent: var(--mainAccent);
   --alt-accent: 255, 215, 0;
 
    --swatch-topmenu-border-color: var(--mainAccent);
    --swatch-topmenu-bg-color: var(--dark-gray-monochrome);
    --swatch-menubg-color: var(--medium-accent);
    --swatch-border-color: var(--bright-accent);
 
    --swatch-text-dark: var(--white-monochrome);
    --swatch-text-light: var(--white-monochrome);
    --swatch-background: var(--medium-accent);
    --swatch-menutxt-dark-color: var(--white-monochrome);
    --swatch-primary-darker: var(--pale-accent);
 
  --swatch-headerh1-color: var(--alt-accent);
  --swatch-headerh2-color: var(--alt-accent);
 
   --link-color: 255, 215, 0;
   --hover-link-color: 255, 215, 0;
   --visited-link-color: 255, 215, 0;
   --newpage-color: 255, 215, 0;
 
   --background-gradient-distance: 0rem;
   /*--gradient-topmenu: none;*/
   --diagonal-stripes: ;
   /*--gradient-header: repeating-linear-gradient(0deg, #010066, #010066 0.1rem, #1435a5 0.15rem, #1435a5 0.25rem);*/
 
}
 
#extrac-div-1 {
    position: fixed;
    width: 100vw;
    height: 100vh;
    pointer-events: none;
    background: repeating-linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.15) 50%,rgba(0,0,0,0));
    background-size: auto 8px;
    opacity: 0.7;
}
 
#extrac-div-2 {
    position: fixed;
    width: 100vw;
    height : 1rem;
    top: 0;
    pointer-events: none;
    background: linear-gradient(to bottom, rgba(229, 140, 36) 0%,rgba(229, 140, 36,1) 50%,rgba(229, 140, 36,0.98) 51%,rgba(229, 140, 36) 100%);
    opacity : .1;
    animation: scanm 6s linear infinite;
}
 
@keyframes scanm {
  0%   { top: -1rem; opacity : .05;}
  25% { top: 50%; opacity: .03;}
  37.5% { top: 75%; opacity: 0.06;}
  50% { top: 100%; opacity: .03;}
  100% { top: 100%;}
}
 
#extrac-div-3 {
    position: fixed;
    width: 100vw;
    height: 100vh;
    pointer-events: none;
    background-image: radial-gradient(circle, rgb(229, 140, 36) 4%, rgb(0,0,0) 45%, rgb(229, 140, 36) 95%);
    opacity: 0.25;
    mix-blend-mode: color-dodge;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 30;
}
 
#page-content > :nth-child(1) { animation-delay: calc(1 * var(--fade-in-delay)); }
#page-content > :nth-child(2) { animation-delay: calc(2 * var(--fade-in-delay)); }
#page-content > :nth-child(3) { animation-delay: calc(3 * var(--fade-in-delay)); }
#page-content > :nth-child(4) { animation-delay: calc(4 * var(--fade-in-delay)); }
#page-content > :nth-child(5) { animation-delay: calc(5 * var(--fade-in-delay)); }
#page-content > :nth-child(6) { animation-delay: calc(6 * var(--fade-in-delay)); }
#page-content > :nth-child(7) { animation-delay: calc(7 * var(--fade-in-delay)); }
#page-content > :nth-child(8) { animation-delay: calc(8 * var(--fade-in-delay)); }
#page-content > :nth-child(9) { animation-delay: calc(9 * var(--fade-in-delay)); }
#page-content > :nth-child(10) { animation-delay: calc(10 * var(--fade-in-delay)); }
#page-content > :nth-child(11) { animation-delay: calc(11 * var(--fade-in-delay)); }
#page-content > :nth-child(12) { animation-delay: calc(12 * var(--fade-in-delay)); }
#page-content > :nth-child(13) { animation-delay: calc(13 * var(--fade-in-delay)); }
#page-content > :nth-child(14) { animation-delay: calc(14 * var(--fade-in-delay)); }
#page-content > :nth-child(15) { animation-delay: calc(15 * var(--fade-in-delay)); }
#page-content > :nth-child(n+15) { animation-delay: calc(16 * var(--fade-in-delay)); }
 
#skrollr-body {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-image: url("https://scpsandboxcn.wdfiles.com/local--files/lupus-caeruleus/archway-os-backrooms.png");
 background-repeat: repeat-x;
background-size: inherit;
}
 
#container {
   background-image: none;
}
 
/*option buttons hover textbox border color*/
#odialog-hovertips{
    border-color: rgb(var(--pale-accent));
}
 
/*login stuff*/
#login-status{
   color: rgb(var(--white-monochrome));
}
 
#login-status a#my-account {
   background-color: rgb(var(--pale-accent));
   padding: 0.3em 0.25em 0.2em 0.25em;
}
 
#account-options>ul>li a:hover {
   color: rgb(var(--pale-accent));
}
 
#account-options {
  background: rgb(var(--medium-accent));
  border-color: rgb(var(--pale-accent));
  color: rgb(var(--white-monochrome));
}
 
#login-status ul a {
  color: rgb(var(--white-monochrome));
}
 
/*table stuff*/
table.wiki-content-table th {
background-color: rgb(var(--dark-gray-monochrome));
border: 2px solid rgb(var(--pale-accent)) !important;
}
 
table.wiki-content-table td {
border: 2px solid rgb(var(--pale-accent)) !important;
}
 
/*misc*/
#page-title{
   border-bottom: double 4px white;
   color: rgb(var(--alt-accent));
   text-shadow: .063rem 0.1rem 0.1rem #0c0c0c;
}
 
#side-bar div.menu-item {
   border-color: rgba(var(--bright-accent), 0.4);
}
 
#side-bar div.menu-item > :not(:nth-child(2)):not(.collapsible-block) {
   border-color: rgba(var(--bright-accent), 0.4);
}
 
#side-bar .side-block div a img {
   filter: grayscale(100%);
}
 
#footer{
   color: rgb(var(--black-monochrome));
}
 
/*misc 2*/
div#page-options-bottom-2 > a, div#page-options-bottom > a {
   border-radius: 0em;
   -moz-border-radius: 0em;
   border: none;
}
 
div#page-options-bottom-2 > a:active, div#page-options-bottom-2 > a:hover, div#page-options-bottom > a:active, div#page-options-bottom > a:hover {
   border: none;
}
 
/*image block*/
 
.scp-image-block {
    border: 4px double rgb(255, 255, 255);
    outline: 6px solid rgb(var(--dark-gray-monochrome));
    background-color: rgb(var(--dark-gray-monochrome));
    margin: 6px 6px calc(1em + 6px) calc(2em + 6px) !important;
}
 
.scp-image-block .scp-image-caption {
    background-color: rgb(var(--dark-gray-monochrome));
    color: black;
    border-top: 4px double rgb(255, 255, 255);
}
 
/*module rate*/
.page-rate-widget-box {
    border: 4px double rgb(255, 255, 255);
    outline: 6px solid rgb(var(--dark-gray-monochrome));
    background-color: rgb(var(--dark-gray-monochrome));
    margin: 6px;
}
 
/*header stuff*/
 
h1, h2, h3, h4, h5, h6 {
   color: rgb(var(--alt-accent));
   text-shadow: .063rem 0.1rem 0.1rem #0c0c0c;
}
 
#header {
  background-image: none;
}
 
#header::before {
   content: "";
   position: absolute;
   height: 100%;
   width: 100%;
   left: 0rem;
   top: -1rem;
   background-image: var(--logo-image);
   background-size: auto 7.8rem;
   background-position: left;
   background-repeat: no-repeat;
   opacity: 1;
}
 
#header h1, #header h1 a {
   position: absolute;
   top: 0.8rem;
   margin: 0;
   width: 100%;
   display: flex;
   justify-content: left;
   z-index: 0;
}
 
#header h2, #header h2 span, #header h2 span::before {
   position: absolute;
   top: 1.8rem;
   width: 100%;
   display: flex;
   justify-content: left;
}
 
#header h1 a::before, #header h2 span::before {
   margin-left: 8.2rem;
   text-shadow: .063rem 0.1rem 0.1rem #0c0c0c;
   letter-spacing: 0.3rem;
}
 
#header h1 a::before{
   letter-spacing: 0.5rem;
   margin: 0;
   margin-left: 8.2rem;
}
 
.yui-navset .yui-nav a,
.yui-navset .yui-navset-top .yui-nav a {
   color: rgb(0, 0, 0);
}
 
.yui-navset .yui-nav a,
.yui-navset .yui-navset-top .yui-nav a,
.yui-navset .yui-nav a:focus,
.yui-navset .yui-nav a:hover {
   color: rgb(255, 255, 255);
}
 
.scp-image-caption,
.yui-navset .yui-nav a,
blockquote,
.blockquote,
table.wiki-content-table th {
   color: rgb(0, 0, 0);
}
 
/*links*/
a.newpage {
   background: transparent;
   text-decoration: none
}
 
a.newpage {
   color: rgb(var(--newpage-color))
}
 
a{
text-decoration: underline;
}
 
/*line + block*/
hr {
background: transparent;
border-top: double 4px white;
}
 
blockquote,
.blockquote,
div.blockquote,
[class*="blockquote"] {
    border: 4px double rgb(255, 255, 255);
    outline: 6px solid rgb(var(--dark-gray-monochrome));
   background-color: rgb(var(--dark-gray-monochrome));
    color: black;
    margin: 1em 46px;
    padding: 0 1em;
}
 
/*search*/
#search-top-box-input{
background: rgb(var(--medium-accent));
}
 
/* TABVIEW - Abandon All Hope Ye Who Enter Here */
 
/*content bg*/
.yui-navset .yui-content {
     background-color: rgba(var(--pale-accent), 0.25);
     border-color: rgb(var(--pale-accent));
}
 
/*unselected tab color*/
.yui-navset .yui-nav a,
.yui-navset .yui-navset-top .yui-nav a {
    background-color: rgb(var(--dark-gray-monochrome));
    color:rgb(0, 0, 0);
}
 
/*hover tab bg*/
.yui-navset .yui-nav a:hover,
.yui-navset .yui-nav a:focus {
     background-color: rgba(var(--pale-accent), .25);
}
 
/*backer background*/
.yui-navset .yui-nav li,
.yui-navset .yui-navset-top .yui-nav li {
    background: rgb(var(--dark-gray-monochrome));
}
 
/*selected tab bg*/
.yui-navset .yui-nav .selected,
.yui-navset .yui-navset-top .yui-nav .selected {
    background-color: rgb(var(--pale-accent));
}
 
.yui-navset .yui-nav .selected a:focus,
.yui-navset .yui-nav .selected a:active {
    background-color: rgb(var(--pale-accent));
}
 
@media only screen and (max-width: 768px) {
:root{
   --swatch-menubg-color: var(--medium-accent);
}
 
#header h1 a::before{
   letter-spacing: 0.2rem;
}
 
blockquote,
.blockquote,
div.blockquote,
[class*="blockquote"] {
    margin-left: 0;
    margin-right: 0;
    }
 
#header::before {
background-image: none;
}
 
#header {
     height: var(--header-height-on-mobile);
     background-image: url("https://nu-scptheme.github.io/Black-Highlighter/images/logo.svg");
     background-image: var(--logo-image);
     --size: calc(var(--final-header-height-on-mobile) + 1rem);
     --y-offset: 1.5rem;
     background-position:
     calc((var(--header-height-on-mobile) - 0.75rem) - var(--size)) calc(((var(--size) * -1) + var(--header-height-on-mobile) + var(--y-offset)) / 2);
     background-size: var(--size), 100% var(--header-height-on-mobile);
     background-repeat: no-repeat, repeat;
     width: 100vw;
     margin: 0;
     position: sticky;
     top: calc(var(--header-height-on-mobile) * -1);
    }
 
#header h1 a::before, #header h2 span::before {
   margin-left: 5.8rem;
 
}
 
#header h1 a::before{
   margin-left: 5.8rem;
}
}
 
.borderblock{
   background-color: rgb(var(--dark-gray-monochrome));
   color: rgb(var(--black-monochrome));
   border: 0.5rem solid rgb(255, 255, 255);
   padding: 0.01rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
}
 
.borderblock hr{
   border-color: rgb(255, 255, 255);
}
 
.red, .red .blockquote, .red blockquote{
border-color: rgb(173, 0, 0);
}
 
.red hr{
border-color: rgb(173, 0, 0);
}
 
.teal, .teal .blockquote, .teal blockquote{
border-color: rgb(0,128,129);
}
 
.teal hr{
border-color: rgb(0,128,129);
}
 
.purple, .purple .blockquote, .purple blockquote{
border-color: rgb(177,0,177);
}
 
.purple hr{
border-color: rgb(177,0,177);
}
 
.green, .green .blockquote, .green blockquote{
border-color: rgb(0,176,0);
}
 
.green hr{
border-color: rgb(0,176,0);
}
 
.yellow, .yellow .blockquote, .yellow blockquote{
border-color: rgb(176, 158, 0);
}
 
.yellow hr{
border-color: rgb(176, 158, 0);
}
}
 
blockquote {
   box-shadow: 0.05rem 0.1rem 0.3rem rgba(90, 20, 20,.25);
}
 
.styled-quote {
   background-color:rgb(var(--grey-monochrome));
   color:rgb(var(--kauer-white));
   border-left: 0.5rem solid rgba(var(--bright-accent));
   padding: 0.1rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25);
}

Footnotes

1. 这里还有一个脚注！