版式：F.E.P.A.

由qwerty-C7201所制作的The E.G.G.版式和SS9G-shaojiu制作的Y.Z.T.版式修改而来。由sihuai2412制作。

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

[[include :kp-box-backrooms.wikidot.com:f-e-p-a-test]]
若您需要在此条目加上其他的大标题/子标题，请用
[[module CSS]]
:root:lang(cn){
—header-title:"大标题";
—header-subtitle:"小标题"
}
[[/module]]
更换logo则是
—logo-image: url("Url");

可以通过使用五个连字符来制作一个水平分割线，"-----"。这条水平分割线如果没有被放在任何其他元素里的话，那么它将横卧一整个页面。分割这张文档的线便是水平分割线。

---

标题能够通过在文本前放置一到六个"+"来制作：

+ 标题

一号标题

二号标题

三号标题

四号标题

五号标题

六号标题

分页

在这里放置“任何”文本

分页

这里还有更多文本

多精巧

长分页

这是个长tab

这是个长tab

这是个长tab

这是个长tab

这是个长tab

这是个长tab

这是个长tab

这是个长tab

这是个长tab

这是个长tab

这是个长tab

这是个长tab

空tab

空tab

空tab

空tab

空tab

空tab

这是个一个盒子，在一句话前加上">"和空格即可。
文本

---

上面有个水平分割线

叠加盒子

这只是一个脚注¹

常用语法

字
字
字
字
字

字

---

这是个	表格
你应该	已经知道
怎么使用这个了

---

自定义引用块

样式化引用块

暗色样式化引用块

亮色块

暗色块

---

+ 版式代码

[[module CSS]]
:root {
   --theme-base: "backrooms-remodeling-co";
   --theme-id: "backrooms-airways";
   --theme-name: "Airways Theme";
   --header-height-on-desktop: 8rem;
 
   --logo-image: url("");
   --header-title: "完整体验玩家协会";
   --header-subtitle: "完整体验，只为通关！";
 
    --header-font:  'CKTKingKong' , 'Staatliches';
    --title-font:  'CKTKingKong' , 'Staatliches';
   --body-font: 'Noto Serif SC', PT Serif;
   --mono-font: 'Fantasque Sans Mono','等线', monospace;
 
   --white-monochrome: 255, 0, 0;
   --pale-gray-monochrome: 255, 205, 205;
   --light-gray-monochrome: 255, 201, 201;
   --gray-monochrome: 255, 100, 100;
   --black-monochrome: 0, 0, 0;
   --bright-accent: 255, 240, 240;
   --medium-accent: 255, 200, 200;
   --dark-accent: 255, 200, 200;
   --pale-accent: 255, 170, 170;
 
   --swatch-topmenu-border-color: var(--medium-accent);
 
   --link-color: 255, 10, 10;
   --hover-link-color: 200, 11, 11;
   --visited-link-color: 255, 50, 50;
 
   --rating-module-button-plus-color: 0, 155, 255;
   --rating-module-button-negative-color: 255, 155, 0;
   --rating-module-button-cancel-color: 255, 0, 0;
 
   --background-gradient-distance: 0rem;
 
   --swatch-background: var(--light-gray-blacmonochrome);
   --swatch-primary: var(--white-accent);
   --swatch-primary-darker: var(--medium-accent);
   --swatch-primary-darkest: var(--dark-accent);
 
   --gradient-header: linear-gradient(to top,
      rgba(var(--medium-accent)) 0%,
      rgba(var(--medium-accent), 0.80) 100%
   );
   --diagonal-stripes: linear-gradient(transparent 0);
}
 
#skrollr-body {
   background-image:
    radial-gradient(circle, rgb(var(--medium-accent)) 0%, transparent 0);
   background-repeat: repeat;
   background-size: 0.25em 0.25em;
   width: 100%;
   height: 7.5rem;
}
 
#side-bar .side-block div a img {
   filter: grayscale(100%);
}
 
#container {
   background-image: radial-gradient(circle, rgb(var(--medium-accent), 0.05) 0%, transparent 0);
   background-size: 0.25em 0.25em;
   background-repeat: repeat;
   background-attachment: fixed;
}
 
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;
}
 
#top-bar > ul > li:hover {
   background-color: 255, 100, 100;
}
 
#header, #top-bar {
   background-attachment: scroll;
}
 
#header {
   background-image: url("");
}
 
#header::before {
   content: "";
   position: absolute;
   height: 100%;
   width: 100%;
   left: 0;
   top: -1rem;
   background-image: var(--logo-image);
   background-size: auto 25rem;
   background-position: center;
   background-repeat: no-repeat;
   opacity: 1;
}
 
#header h1, #header h1 a {
   position: absolute;
   top: 1rem;
   margin: 0;
   width: 100%;
   display: flex;
   justify-content: center;
   z-index: 0;
}
 
#header h2, #header h2 span, #header h2 span::before {
   position: absolute;
   top: 2rem;
   margin: 0;
   width: 100%;
   display: flex;
   justify-content: center;
}
 
#header h1 a::before, #header h2 span::before {
   text-shadow: .061rem 0.1rem 0.1rem #0c0c0c;
}
 
blockquote {
   box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25);
}
 
.styled-quote {
   background-color:rgb(var(--pale-gray-monochrome));
   border-left: 0.5rem solid rgba(var(--gray-monochrome));
   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);
}
 
.dark-styled-quote {
   background-color:rgb(var(--gray-monochrome));
   border-left: 0.5rem solid rgba(var(--pale-gray-monochrome));
   color:rgb(var(--white-monochrome));
   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);
}
 
.dark-styled-quote a{
color: rgb(var(--swatch-menubg-medium-color));
}
 
.lightblock {
   background-color:rgb(var(--white-monochrome));
   padding: 0.01rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
}
 
.darkblock {
   background-color:rgb(var(--gray-monochrome));
   color:rgb(var(--white-monochrome));
   padding: 0.01rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
}
 
.darkblock a {
color: rgb(var(--swatch-menubg-medium-color));
}
 
:root {
   --fade-in-delayq: 1.035s; /* Change the speed here. */
}
 
#page-content > :nth-child(1) { animation-delay: calc(1 * var(--fade-in-delayq)); }
#page-content > :nth-child(2) { animation-delay: calc(2 * var(--fade-in-delayq)); }
#page-content > :nth-child(3) { animation-delay: calc(3 * var(--fade-in-delayq)); }
#page-content > :nth-child(4) { animation-delay: calc(4 * var(--fade-in-delayq)); }
#page-content > :nth-child(5) { animation-delay: calc(5 * var(--fade-in-delayq)); }
#page-content > :nth-child(6) { animation-delay: calc(6 * var(--fade-in-delayq)); }
#page-content > :nth-child(7) { animation-delay: calc(7 * var(--fade-in-delayq)); }
#page-content > :nth-child(8) { animation-delay: calc(8 * var(--fade-in-delayq)); }
#page-content > :nth-child(9) { animation-delay: calc(9 * var(--fade-in-delayq)); }
#page-content > :nth-child(10) { animation-delay: calc(10 * var(--fade-in-delayq)); }
#page-content > :nth-child(11) { animation-delay: calc(11 * var(--fade-in-delayq)); }
#page-content > :nth-child(12) { animation-delay: calc(12 * var(--fade-in-delayq)); }
#page-content > :nth-child(13) { animation-delay: calc(13 * var(--fade-in-delayq)); }
#page-content > :nth-child(14) { animation-delay: calc(14 * var(--fade-in-delayq)); }
#page-content > :nth-child(15) { animation-delay: calc(15 * var(--fade-in-delayq)); }
#page-content > :nth-child(n+15) { animation-delay: calc(16 * var(--fade-in-delayq)); }
 
#extrac-div-1 {
    position: fixed;
    pointer-events: none;
    background: repeating-linear-gradient(180deg,rgba(255,0,0,0),rgba(255,0,0,.15) 50%,rgba(255,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(255, 0, 0) 0%,rgba(255, 0, 0,1) 50%,rgba(255, 0, 0,0.98) 51%,rgba(255, 0, 0) 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 {
    mix-blend-mode: color-dodge;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 30;
}
[[/module]]

Footnotes

1. 我我我！