空白灵域维基填充测试页
该版式是由 Starabysse为灵域维基所制作的版式。
参考了由 EstrellaYoshte制作的Scpedia 版式和由 Ambersight改进的更好的空白版式。
在你的作品开头添加如下语法以应用此版式：

[[include :lingyu-wiki:theme:empty-wiki]]

使用以下代码来更改背景图片：

[[include :lingyu-wiki:theme:empty-wiki
|image= url("自定义url")
]]

使用以下代码来更改版头背景：

[[module css]]
div#container-wrap {
background-image: url("自定义url");
}
[[/module]]
示例

灵域维基
可通过五个连字符¹“-----”创建水平分割线。若它未被放在其他部件（诸如引用块）中，则会左右延伸贯穿页面。这种将文件分割为多个部分的线就是分割线。
一个你可能已经访问过一次的链接，我不知道
标题可通过在一行字起始处输入 1 至 6 个加号“+”来创建。
+ 标题
为什么铲子这么特别？
因为这是一项突破性的发明。
这是一个引用块，在一行字的起始处加上“> ”来创建。
看！有更多的文本！

那是一条分割线。很漂亮，对吧？

想听个有关纸的笑话吗？
实际上……咩，算了吧。太容易裂开了。

你开始明白这些东西的意义了吗？
这是	表格
你应该老早	就知道怎么
做这个了吧
正文字体为 Inter / Noto Sans SC。
页眉及标题字体为 Inter / Noto Sans SC。
等宽字为 Recursive / Noto Serif SC。
+ 显示
- 隐藏
@import url("https://arandintday.github.io/thebackhubscn/normalize-archived.css");
@import url("http://starabysse.wikidot.com/1/code/1");
@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');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=IM+Fell+DW+Pica&display=swap');
:root {
   --header-height-on-desktop: 11rem !important;
   --header-height-on-mobile: 12.5rem !important;
   --body-font: 'Noto Serif SC' !important;
   --header-font: 'Noto Serif SC' !important;
   --title-font: 'Noto Serif SC' !important;
   --mono-font: 'Noto Sans SC' !important;
   --UI-font: 'Noto Serif SC' !important;
    --lgurl: url(http://lingyu-wiki.wdfiles.com/local--files/component%3Atheme/k9.png);
   --white-monochrome: 246, 246, 246;
   --pale-gray-monochrome: 246, 246, 246;
   --light-gray-monochrome: 246, 246, 246;
   --gray-monochrome: 246, 246, 246;
   --black-monochrome: 0, 0, 0;
   --bright-accent: 0, 0, 0;
   --medium-accent: 0, 0, 0;
   --dark-accent: 0, 0, 0;
   --pale-accent: 246, 0, 0;
 
   --swatch-topmenu-border-color: 246, 246, 246;
   --swatch-menubg-dark-color: 0, 0, 0;
 
   --rating-module-button-plus-color: 0, 0, 0;
   --rating-module-button-negative-color: 0, 0, 0;
   --rating-module-button-cancel-color: 0, 0, 0;
   --rating-module-button-credit-color: 0, 0, 0;
 
   --link-color: 246, 0, 0;
   --hover-link-color: 246, 0, 0;
 
   --background-gradient-distance: 0rem;
 
    --topbar-height-on-mobile: 2.65rem;
 
   --gradient-header: linear-gradient(to top,
      rgba(246, 246, 246) 0%,
      rgba(246, 246, 246) 100%
   );
}
 
/* ---- BASE ---- */
body {
    font-family: 'Noto Serif SC', 'Noto Serif SC', 'Noto Serif SC', Noto Sans SC;
    background-color: rgb(var(--white-monochrome));
    background-image: url("data:image/svg+xml,%3Csvg width='100' height='20' viewBox='0 0 100 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.184 20c.357-.13.72-.264 1.088-.402l1.768-.661C33.64 15.347 39.647 14 50 14c10.271 0 15.362 1.222 24.629 4.928.955.383 1.869.74 2.75 1.072h6.225c-2.51-.73-5.139-1.691-8.233-2.928C65.888 13.278 60.562 12 50 12c-10.626 0-16.855 1.397-26.66 5.063l-1.767.662c-2.475.923-4.66 1.674-6.724 2.275h6.335zm0-20C13.258 2.892 8.077 4 0 4V2c5.744 0 9.951-.574 14.85-2h6.334zM77.38 0C85.239 2.966 90.502 4 100 4V2c-6.842 0-11.386-.542-16.396-2h-6.225zM0 14c8.44 0 13.718-1.21 22.272-4.402l1.768-.661C33.64 5.347 39.647 4 50 4c10.271 0 15.362 1.222 24.629 4.928C84.112 12.722 89.438 14 100 14v-2c-10.271 0-15.362-1.222-24.629-4.928C65.888 3.278 60.562 2 50 2 39.374 2 33.145 3.397 23.34 7.063l-1.767.662C13.223 10.84 8.163 12 0 12v2z' fill='%23dbdadd' fill-opacity='0.4' fill-rule='evenodd'/%3E%3C/svg%3E");
    background-size: 10em;
    background-repeat: repeat;
}
 
/* ---- HEADER ---- */
 
div#container-wrap {
     background-image: none;
}
div#header {
    background-image: none;
    height: 200px;
}
 
#header h1, #header h2 {
float: none;
margin-left: 0;
text-align: center;
}
#header h2 {
margin-top: -1.1rem;
}
/* Hide the existing text */
#header h1 span, #header h2 span {
font-size: 0;
display: none;
}
/* Style the new text */
#header h1 a::before {
  content: " ";
  font-size: 1.3em;
  font-weight: 240;
  display: inline-block;
  margin-top: -1.2rem;
}
#header h2::before {
  content: " ";
  font-size: 1.4em;
  text-indent: 0.5rem;
  display: inline-block;
  margin-top: -0.3rem;
}
 
div#extra-div-1 {
    height: 185px;
    width: 100%;
    top: 10px;
    position: absolute;
    background: var(--lgurl);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 2.5rem 50%;
    z-index: -1;
}
 
div#extra-div-2 {
    height: 115px;
    width: max-content;
    top: 2rem;
    left: 17.25rem;
    position: absolute;
    pointer-events: none;
}
div#extra-div-2::before, div#extra-div-2::after {
    color: black;
    font-family: 'linux_libertinesemibold', 'Georgia', '华文中宋', serif;
    font-weight: 300;
    text-shadow: none;
    display: block;
    position: relative;
    text-align: center;
    height: 4.5rem;
}
div#extra-div-2::before {
    content: var(--header-title, "灵域数据库")!important;
    font-size: 4em;
}
div#extra-div-2::after {
    content: var(--header-subtitle, "万物有灵")!important;
    font-size: 2em;
}
 
#login-status {
    color: #54595D;
    right: 0;
}
#login-status a, #login-status ul a, #login-status ul a:hover { color: #000000; }
#account-topbutton{ border: solid 1px #000000; }
 
@media (max-width: 884px) {
:root {
    --lgurl: url(http://lingyu-wiki.wdfiles.com/local--files/component%3Atheme/k10.png);
}
#header h1 a::before {
  content: " ";
  font-size: 1.1em;
  font-weight: 240;
  display: inline-block;
  margin-top: -1.2rem;
}
#header h2::before {
  content: " ";
  font-size: 1.4em;
  text-indent: 0.5rem;
  display: inline-block;
  margin-top: -0.3rem;
}
 
div#extra-div-1 {
    height: 185px;
    width: 100%;
    top: 10px;
    position: absolute;
    background: var(--lgurl);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
 
div#extra-div-2 {
    height: 120px;
    width: max-content;
    top: 2.6rem;
    left: 5.6rem;
    position: absolute;
    pointer-events: none;
}
div#extra-div-2::before, div#extra-div-2::after {
    color: black;
    font-family: 'linux_libertinesemibold', 'Georgia', '华文中宋', serif;
    font-weight: 300;
    text-shadow: none;
    display: block;
    position: relative;
    text-align: center;
    height: 4.5rem;
}
div#extra-div-2::before {
    content: var(--header-title, "灵域数据库")!important;
    font-size: 3.8em;
}
div#extra-div-2::after {
    content: var(--header-subtitle, "万物有灵")!important;
    font-size: 1.9em;
}
#header h1 a::before {
    -webkit-text-stroke: 0.325rem rgb(var(--white-monochrome));
}
 
#header h2 span::before {
    -webkit-text-stroke: 0.25rem rgb(var(--white-monochrome));
}
 
}
 
#header, #top-bar {
   background-attachment: scroll;
}
 
#account-topbutton {
    border-color: rgb(var(--white-monochrome));
}
 
#account-topbutton:hover {
    border-color: rgb(0, 0, 0);
}
 
#main-content::before {
   background-color: rgb(var(--white-monochrome));
}
 
/* MISC */
 
#page-content hr {
    height: 2px;
}
 
.bt {
    color: rgb(var(--accent));
    font-weight: bold;
}
 
hr {
    padding: 0.0313rem;
    border-top: 0.125rem solid #777;
    border-bottom: 0.0625rem solid #777;
    background: transparent;
}
 
#footer {
    background: transparent;
    color: #444;
    margin-top: 45px;
}
 
#footer a {
    color: #7b7b7b;
}
 
.footer-wikiwalk-nav {
    font-weight: 700;
    font-size: 88%;
    word-spacing: 5px;
}
 
div#page-options-bottom-2>a,
div#page-options-bottom>a {
    background-color: transparent;
    font-weight: 600 !important;
    color: rgb(0,0,0);
    border-radius: 0em;
    -moz-border-radius: 0em;
    border: 0.15rem solid transparent;
    transition:
        border 300ms,
        background-color 300ms;
}
 
#prw54355 {
    font-weight: 600 !important;
}
 
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 {
    color: rgb(var(--white-monochrome));
    background-color: rgb(0,0,0);
    border: 0.15rem solid rgb(0,0,0);
}
 
::selection {
    background: rgb(var(--black-monochrome));
    color: rgb(var(--white-monochrome));
}
 
::-moz-selection {
    background: rgb(var(--black-monochrome));
    color: rgb(var(--white-monochrome));
}
#page-content {
    font-size:110%;
}
 
input.text, textarea {
    border: 1px black solid;
    background-color: rgb(var(--white-monochrome));
    color: black;
}
 
input.text::-webkit-scrollbar-thumb,
textarea::-webkit-scrollbar-thumb {
    background-color: black;
}
 
input.text::-webkit-scrollbar-track,
textarea::-webkit-scrollbar-track {
    background-color: rgb(var(--white-monochrome));
    border-left: black 1px solid;
}
 
input.text::-webkit-resizer,
textarea::-webkit-resizer {
    border-top: black 1px solid;
    border-left: black 1px solid;
    color: black;
}
 
#top-bar div.mobile-top-bar > ul > li > a, #top-bar div.top-bar > ul > li > a {
    color: rgb(0, 0, 0);
}
#top-bar div.mobile-top-bar > ul > li > a:hover, #top-bar div.top-bar > ul > li > a:hover, #top-bar div.mobile-top-bar > ul > li:hover > a, #top-bar div.top-bar > ul > li:hover > a {
    color: rgb(var(--white-monochrome));
}
 
/* 侧边栏↓ */
#side-bar {
    background-color: transparent;
    background: transparent;
}
#edit-page-textarea {
    background: transparent !important;
}
.side-block {
    background: transparent;
}
@media screen {
    .side-block {
        background: transparent;
    }
}
 
@media (max-width: 884px) {
#side-bar {
    background-color: rgb(var(--white-monochrome));
    background: rgb(var(--white-monochrome));
}
#edit-page-textarea {
    background: rgb(var(--white-monochrome)) !important;
}
.side-block {
    background: rgb(var(--white-monochrome));
}
@media screen {
    .side-block {
        background: rgb(var(--white-monochrome));
    }
}
}
#side-bar div.menu-item a[href*="/scp-"] {
    text-align: left !important;
    width: auto !important;
}
 
#side-bar div.menu-item.small a {
    justify-content: center;
    width: auto;
    padding: 0 0.25em;
    text-indent: 0;
    white-space: nowrap;
}
 
#side-bar div.menu-item a {
    justify-content: flex-start;
    padding: 0 0 0 calc(var(--base-font-size)*.93333);
}
 
#side-bar div.menu-item,
#side-bar div.menu-item>p {
    display: flex;
    flex-shrink: 0;
    flex-basis: 100%;
    flex-flow: row wrap;
    align-items: center;
    justify-content: flex-start;
    height: 1.5rem;
    min-height: 1.5rem;
    margin: 0;
    padding: 0;
    box-shadow: inset 0 calc(var(--sidebar-internal-border-thickness)*-1) 0 0 rgba(var(--sidebar-border-color));
    font-size: 0;
}
 
#side-bar div.menu-item>:last-child {
    flex-grow: 2;
}
 
#side-bar .side-block {
    margin-top: -0.5rem;
}
 
#side-bar div.menu-item a:not(a:first-child) {
    border-left: var(--sidebar-internal-border-thickness) solid rgba(var(--swatch-border-color), .08)
}
 
#side-bar div.scpnet-interwiki-wrapper {
    min-height: 300px;
}
 
#search-top-box form[id="search-top-box-form"]:not(:focus-within) input[type="text"] {
    background-color: transparent;
    color: transparent;
}
 
table.wiki-content-table th {
   background-color: rgb(0,0,0);
}
 
.lightstyled-quote {
   background-color: rgb(var(--bright-accent));
   color: rgb(var(--white-monochrome));
   border-left: 0.5rem solid rgba(var(--dark-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);
}
 
.darkstyled-quote {
   background-color:rgb(var(--dark-gray-monochrome));
   border-left: 0.5rem solid rgba(var(--bright-accent));
   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);
}
 
.lightblock {
   background-color:rgb(0, 55, 138);
   color:rgb(0, 102, 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);
}
 
.vblock {
   background-color:rgb(77, 0, 135);
   color:rgb(140, 0, 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);
   border: 5px solid #34005c;
}
 
.piblock {
   background-color:rgb(130, 82, 5);
   color:rgb(255, 145, 0);
   padding: 0.01rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
   border: 5px solid #523200;
}
 
.bioblock {
   background-color:rgb(1, 122, 1);
   color:rgb(0, 255, 21);
   padding: 0.01rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
   border: 5px solid #004a00;
}
 
.ciblock {
   background-color:rgb(180,44,44);
   color:rgb(255,65,65);
   padding: 0.01rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
   border: 5px solid #852020;
}
 
.darkblock {
   background-color:rgb(var(--dark-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);
}
 
.dark-borderblock {
    background-color:rgb(var(--dark-gray-monochrome));
    color: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);
    border: solid 0.3rem rgb(var(--bright-accent));
}
 
.light-borderblock {
    background-color: rgb(var(--bright-accent));
    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);
    border: solid 0.3rem rgb(var(--dark-gray-monochrome));
 }
 
.border-logoblock{
    padding: 0.01rem 1rem;
    box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
    color:rgb(255, 255, 255);
    margin: 0.5rem 0 0.5rem 0.25rem;
    display: block;
    position: relative;
    background-color: rgb(var(--dark-gray-monochrome));
     border: solid 0.3rem rgb(var(--bright-accent));
}
 
    .border-logoblock::after{
    content: "";
    float: center;
    border: solid 2px #0000;
    background: url(http://scpsandboxcn.wdfiles.com/local--files/zouyaoyi/%E5%BE%AE%E4%BF%A1%E5%9B%BE%E7%89%87_20230107095839%20%281%29.png) center/25% no-repeat;
    opacity: 0.25;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 1;
}
 
.logoblock{
    padding: 0.01rem 1rem;
    color: rgb(255, 255, 255);
    box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
    margin: 0.5rem 0 0.5rem 0.25rem;
    display: block;
    position: relative;
    background-color: rgb(var(--dark-gray-monochrome));
    }
 
    .logoblock::after{
    content: "";
    float: center;
    border: solid 2px #0000;
    background: url(http://scpsandboxcn.wdfiles.com/local--files/zouyaoyi/%E5%BE%AE%E4%BF%A1%E5%9B%BE%E7%89%87_20230107095839%20%281%29.png) center/25% no-repeat;
    opacity: 0.65;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 1;
}
 
/* 纸张 div  */
#main-content .paper {
    color: rgb(0,0,0);
    box-shadow: 0.05rem 0.15rem 0.38rem rgba(0,0,0,.3);
    padding: 2em;
    background: rgb(var(--white-monochrome));
    min-height: 42em;
    position: relative;
    margin: 1em auto
}
.paper-group {
    counter-reset: paper
}
.paper::after {
    content: counter(paper);
    display: block;
    text-align: center;
    color: rgb(0,0,0);
    position: absolute;
    bottom: 1em;
    left: 0;
    right: 0;
    font-color: rgb(0,0,0);
    font-weight: bolder
}
@media screen and (min-width: 56.25rem) {
    .paper { width: 65%; padding: 2em }
}
 
.paper h1 {
    color: rgb(0,0,0);
    font-size: 180%;
    border-bottom: 2px solid #aaa
}
 
.titleblock {
        background-color: rgb(var(--dark-gray-monochrome));
        color: rgb(255, 254, 242);
        padding: 0.5rem 1rem 0.10rem;
        margin: 1.5rem 0rem 0.5rem 0rem;
        box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.5);
        border: solid rgb(var(--bright-accent)) 2px;
     }
 
     .titlebox{
       color: rgb(var(--dark-gray-monochrome));
       position: relative;
       top: -1.6rem;
       background-color: rgb(var(--bright-accent));
       padding: 0.25rem 1rem;
       line-height: 0.1rem;
}
 
.borderblock {
    background-color:rgb(var(--dark-gray-monochrome));
    color: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);
    border: solid 0.3rem rgb(var(--bright-accent));
}
 
.darkblock::after {
    color: rgb(var(--swatch-menubg-medium-color));
}
 
.roundblock {
    background-color:rgb(var(--dark-gray-monochrome));
    border: 1px solid #ffd000;
    border-radius: 40px;
    padding: 0.25rem 1rem;
    text-align: center;
}
}
宏观版式组件
灵域

示例

1 级标题

2 级标题

3 级标题

4 级标题

5 级标题

6 级标题
