版式：KVZ ID之海

若要在您的页面使用该bug主题，可在您页面中的任何地方插入以下代码：

[[include :backrooms-wiki-cn:theme:sea-of-id]]

示例

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

---

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

标题示例

1号标题

2号标题

3号标题

4号标题

5号标题

6号标题

分页1

这是一个分页。

分页2

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

可真是古朴风格。

长分页

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

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

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

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

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

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

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

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

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

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

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

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

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

空分页

空分页

空分页

空分页

空分页

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

---

一条分割线

嵌套块引用¹

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

+ 版式代码

@import url('https://fonts.googleapis.com/css2?family=Viaoda+Libre&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display+SC&display=swap');
@import url('https://fonts.googleapis.com/css2?family=EB+Garamond&display=swap');
 
:root {
   --theme-base: "black-highlighter";
   --theme-id: "the-sea-of-id";
   --theme-name: "The Sea of Id";
 
   --logo-image: url("http://ru-backrooms-sandbox.wdfiles.com/local--files/cranbe/logo2");
   --header-title: "编号之海";
   --header-subtitle: "将希望带给人类";
 
   --body-font: Viaoda Libre, cursive; /*ВЕСЬ ТЕКСТ*/
   --header-font: 'Playfair Display SC', serif; /*ШАПКА*/
   --title-font: 'EB Garamond', serif; /*МАЛЕНЬКИЕ ЗАГОЛОВКИ*/
   --swatch-primary: 254, 255, 255;
 
   --aqua-black: #17252A;
   --aqua-dark: #2B7A78;
   --aqua: #3AAFA9;
   --aqua-light: #DEF2F1;
   --aqua-white: #FEFFFF;
   --aquawhite: 254, 255, 255;
   --dark-gray-monochrome: transparent;
   --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: 72, 69, 60;
   --dark-accent: 140, 136, 126;
   --pale-accent: 140, 136, 126;
   --swatch-background: transparent;
 
   --link-color: 230, 23, 68;
   --hover-link-color: 230, 23, 68;
}
 
body {
   color: var(--aqua-black);
   background-color: var(--aqua-black);
   text-shadow: none !important;
}
 
#main-content {
   background-color: var(--aqua-white);
   margin-top: 2.5em;
   margin-bottom: 2.5em;
   margin-left: 0em;
   margin-right: 0em;
   border-radius: 10px;
   max-width: 740px;
   width: 100%;
}
 
#page-title,
.meta-title,
#my-account a,
#login-status,
#login-status a,
#login-status ul a,
#login-status ul a:hover,
.printuser {
   color: var(--aqua-black);
}
 
#account-topbutton {
   background: var(--aqua-black);
   color: inherit;
   border-color: var(--aqua-black);
}
 
#login-status a,
#login-status ul a {
   background: inherit;
   color: inherit;
}
 
#search-top-box-input,
#search-top-box-input:focus,
#search-top-box-input:hover {
   box-shadow: inherit;
   background-color: var(--aqua-light);
   color: var(--aqua-black);
}
 
#search-top-box-form input[type=submit],
#search-top-box-form input[type=submit]:focus,
#search-top-box-form input[type=submit]:hover {
   box-shadow: none;
   background: var(--aqua-black);
   color: var(--aqua-white);
}
 
#search-top-box input.empty {
   color: var(--aqua-dark);
}
 
#header {
   max-width: 100%;
   background: linear-gradient(var(--aqua-white), var(--aqua-light) 50%) !important;
}
 
#top-bar {
   max-width: 100%;
   background-color: var(--aqua-dark) !important;
   justify-content: center;
   align-items: center;
   right: 0em;
}
 
#top-bar>ul>li a,
#top-bar>ul>li a:hover {
   display: inline-flex;
   position: relative;
   justify-content: center;
   align-items: center;
   cursor: pointer;
   border: none;
   background-color: var(--aqua-dark);
   padding: .3em;
   width: 100%;
   height: 100%;
   color: var(--aqua-light);
   text-decoration: none;
   white-space: pre;
}
 
#top-bar>ul>li a:hover {
   color: var(--aqua-white) !important;
   text-decoration: line-through !important;
}
 
#top-bar ul li.sfhover a:hover,
#top-bar ul li:hover a:hover {
   color: var(--aqua-white);
}
 
#top-bar>ul>li>:after,
#top-bar>ul>li>:before {
   position: absolute !important;
   transition: width .3s cubic-bezier(.4, 0, .2, 1) !important;
   width: 0px;
   height: .1875rem !important;
   pointer-events: none !important;
   content: " " !important;
}
 
hr {
   color: var(--aqua-black) !important;
   background-color: transparent;
}
 
.page-rate-widget-box {
   background-color: var(--aqua-light) !important;
   color: var(--aqua-black) !important;
   border-color: var(--aqua-black);
}
 
.page-rate-widget-box .rate-points .number {
   color: var(--aqua-black) !important;
}
 
.page-rate-widget-box .rate-points {
   display: flex;
   background-color: transparent !important;
   padding: 0 .4375rem;
   padding: 0 calc(var(--base-font-size)*.93333*.5);
   color: var(--aqua-black) !important;
   font-size: .7rem;
   font-size: calc(var(--base-font-size)*.93333*.8);
   line-height: var(--rating-module-height);
   text-transform: uppercase;
}
 
.page-rate-widget-box .cancel a,
.page-rate-widget-box rateup a,
.page-rate-widget-box ratedown a {
   color: var(--aqua-black) !important;
}
 
.page-rate-widget-box .cancel a:hover {
   background-color: var(--aqua-black);
}
 
.page-rate-widget-box .ratedown a:hover {
    background-color: red;
}
 
.code {
   border: .0900rem dashed var(--aqua-black);
   background-color: var(--aqua);
   padding: 1em;
   font-weight: normal !important;
}
 
.scp-image-block .scp-image-caption {
   --wght: 700;
   box-sizing: border-box;
   border-top: .0625rem outset hsla(0, 0%, 5%, .25) !important;
   border-top: .0625rem outset rgba(var(--swatch-primary-darkest), .25) !important;
   background-color: var(--aqua-white);
   padding: .25em .5em;
   font-weight: 700;
   font-size: 80%;
   line-height: 1.25;
   letter-spacing: .016em;
   text-align: center;
}
 
.yui-navset .yui-content {
   background-color: var(--aqua-light);
}
 
.yui-navset .yui-nav,
.yui-navset .yui-navset-top .yui-nav {
   --tab-border-color: var(--aqua-black);
}
 
.yui-navset .yui-nav a,
.yui-navset .yui-navset-top .yui-nav a {
   zoom: unset;
   border: unset;
   background-image: none;
   background-color: var(--aqua);
   color: var(--aqua-white);
}
 
.yui-navset .yui-nav .selected,
.yui-navset .yui-navset-top .yui-nav .selected {
   flex-grow: 2;
   margin: 0;
   background-color: var(--aqua-dark) !important;
   padding: 0;
}
 
.yui-nav a:hover,
yui-nav li a:hover {
   background-color: var(--aqua-dark) !important;
}
 
.yui-navset .yui-content {
   background-color: var(--aqua-light);
   border-color: var(--aqua-black);
}
 
.yui-navset .yui-nav .selected a:focus {
   background-color: var(--aqua-dark);
}
 
.yui-nav li a:hover {
   background-color: var(--aqua-dark);
}
 
#html-body {
   background-color: var(--aqua-black);
   background-size: 0.25em 0.25em;
   width: 100%;
   height: 7.5rem;
   text-shadow: none !important;
}
 
#side-bar .side-block div a img {
   filter: grayscale(100%);
}
 
#side-bar .heading p,
#side-bar .side-block>.collapsible-block .collapsible-block-link {
   --wght: 700;
   display: block;
   height: 1.25rem;
   color: var(--aqua-white);
   font-weight: 700;
   font-size: .7875rem;
   font-size: calc(var(--base-font-size)*.93333*.9);
   line-height: 1.25rem;
   letter-spacing: .2rem;
   letter-spacing: .016em;
   text-align: center;
   text-shadow: 0.063rem 0.063rem 0.063rem #0c0c0c;
   text-shadow: .063rem .063rem .063rem var(--text-shadow);
   text-transform: uppercase;
}
 
#side-bar,
#side-bar .side-block {
   padding-left: 14px !important;
}
 
#side-bar {
   transform: translateX(-webkit-calc(var(--sidebar-width-on-desktop, 17em) * -1 - 1rem));
   padding-right: 2rem;
   background-color: rgba(var(--swatch-menubg-color, 255, 255, 255), 0);
   top: 1rem;
   max-height: 100vh;
   width: var(--sidebar-width-on-desktop, 13.6rem) !important;
   min-width: var(--sidebar-width-on-desktop, 13.6rem) !important;
   transition: transform 300ms cubic-bezier(0.4, 0, 0.2, 1) 0s, background-color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0s, padding 300ms linear 0s, margin 300ms linear 0s, -webkit-transform 300ms cubic-bezier(0.4, 0, 0.2, 1) 0s, -moz-transform 300ms cubic-bezier(0.4, 0, 0.2, 1) 0s, -o-transform 300ms cubic-bezier(0.4, 0, 0.2, 1) 0s;
   grid-area: side-bar / side-bar / side-bar / side-bar;
   overscroll-behavior: contain;
   background-position: top, bottom, top, bottom -.25rem left;
}
 
#side-bar div.menu-item a:active,
#side-bar div.menu-item a:visited {
   color: var(--aqua-dark);
}
 
#side-bar div.menu-item a:hover {
   color: var(--aqua-black);
   background-color: var(--aqua-light);
}
 
#side-bar div.menu-item {
   border-bottom: .100rem solid var(--aqua-dark);
}
 
#side-bar div.menu-item .text,
#side-bar div.menu-item a {
   color: var(--aqua-dark);
}
 
#side-bar .side-block[style*=background-color] {
   background-color: var(--black) !important;
}
 
#side-bar:hover,
#side-bar:active {
   background-color: var(--aqua-white);
}
 
#side-bar .heading,
#side-bar .side-block>.collapsible-block:first-child .collapsible-block-folded {
   background: var(--aqua-dark) !important;
}
 
#side-bar .side-block>.collapsible-block a.collapsible-block-link {
   background-color: var(--aqua-dark);
}
 
#side-bar div.menu-item a:before,
#side-bar div.menu-item a:hover:before {
   background-color: rgb(var(--aquawhite), .25) !important;
}
 
#container-wrap-wrap {
   width: 100%;
}
 
#container-wrap {
   background-color: var(--aqua-black);
   width: 100%;
}
 
#container {
   width: 100%;
   background-color: var(--aqua);
   background-image: none;
}
 
#content-wrap {
   background-color: var(--aqua-black);
   width: 100%;
   margin-top: 0px;
   margin-right: 0px;
   margin-bottom: 0px;
   margin-left: 0px;
}
 
div#page-options-bottom-2>a,
div#page-options-bottom>a {
   text-shadow: .063rem 0.1rem 0.1rem #0c0c0c;
   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;
}
 
#header,
#top-bar {
   background-attachment: scroll;
   margin-left: 0px;
}
 
#header {
   width: 100%;
   background-color: var(--aqua);
   background-image: none;
}
 
#header::before {
   content: "";
   position: absolute;
   height: 100%;
   width: 80%;
   left: 105px;
   top: -1rem;
   background-image: var(--logo-image);
   background-size: auto 9rem;
   background-position: left;
   background-repeat: no-repeat;
   opacity: 0.75;
}
 
#header h1,
#header h1 a {
   position: absolute;
   top: 1rem;
   margin: 0;
   width: 100%;
   display: flex;
   justify-content: center;
   z-index: 0;
   color: var(--aqua);
   text-shadow: none !important;
   font-variant: small-caps !important;
}
 
#header h1 {
   left: -17%;
   top: -7%;
   color: var(--aqua);
   text-shadow: none !important;
}
 
#header h1 a::before,
#header h2 span::before {
   text-shadow: .063rem 0.1rem 0.1rem #0c0c0c;
   color: var(--aqua);
   text-shadow: none !important;
}
 
#header h2 {
   left: -7.1%;
   top: 11%;
   color: var(--aqua) !important;
   text-shadow: none !important;
   font-variant: small-caps;
}
 
h1 {
   color: var(--aqua-black);
}
 
span {
   color: var(--aqua-black);
}
 
a {
   color: var(--aqua);
}
 
a:visited {
   color: var(--aqua-dark);
}
 
a:focus,
a:hover {
   color: var(--aqua);
}
 
blockquote {
   background-color: var(--aqua-light);
   box-shadow: 0.05rem 0.1rem 0.3rem rgba(0, 0, 0, .25);
}
 
.blockquote,
[class*=blockquote],
blockquote,
div.blockquote {
   border: .0625rem dashed var(--aqua-black);
}
 
.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));
}
 
th {
   font-weight: normal;
}
 
table.wiki-content-table th,
table.wiki-content-table tr {
   background: var(--aqua-dark);
   color: var(--aqua-white);
   border: .0625rem solid var(--aqua-black) !important;
}
 
table.wiki-content-table td {
   background: var(--aqua-light);
   color: var(--aqua-black);
   border: .0625rem solid var(--aqua-black);
}
 
em {
   color: var(--aqua-white);
}
 
.footnotes-footer {
   display: block;
   position: relative;
   box-sizing: border-box;
   margin: .5rem 1.5rem;
   border-left: .5em solid var(--aqua-dark);
   background-color: hsla(0, 0%, 67%, .25);
   background-color: var(--aqua-light);
   padding: .15em 1em 1em 2em;
   width: 95%;
}
 
div#page-options-bottom-2>a,
div#page-options-bottom>a {
   flex-grow: 2;
   justify-content: center;
   transition: background-color .3s cubic-bezier(.4, 0, .2, 1), color .3s cubic-bezier(.4, 0, .2, 1);
   border: .100rem solid var(--aqua-black);
   border-radius: .25rem;
   background-color: var(--aqua);
   padding: .25rem;
   color: var(--aqua-white) !important;
}
 
div#page-options-bottom>a:hover {
   background-color: var(--aqua-dark);
   border: .100rem solid var(--aqua-black);
   color: var(--aqua-white) !important;
}
 
#footer {
   background-color: var(--aqua-dark);
   color: var(--aqua-white);
}
 
.hovertip {
   -webkit-animation-name: fade-in;
   -webkit-animation-duration: .6s;
   -webkit-animation-timing-function: cubic-bezier(.4, 0, .2, 1);
   -webkit-animation-delay: .3s;
   -webkit-animation-direction: alternate;
   -webkit-animation-iteration-count: 1;
   -webkit-animation-fill-mode: forwards;
   opacity: 0;
   animation-duration: .6s;
   animation-timing-function: cubic-bezier(.4, 0, .2, 1);
   animation-delay: .3s;
   animation-iteration-count: 1;
   animation-direction: alternate;
   animation-fill-mode: forwards;
   animation-name: fade-in;
   border: .0625rem solid var(--aqua-dark) !important;
   background-color: var(--aqua-white) !important;
   width: 25% !important;
   color: var(--aqua-black);
}
 
#license-area a,
#license-area {
   color: var(--aqua-white);
}
 
#footer .options {
   background-color: var(--aqua-dark);
   border-right: .100rem solid var(--aqua-white);
}
 
form#edit-page-form {
   background-color: var(--aqua-light);
   color: var(--aqua-black);
}
 
#lock-info,
div.note,
input.checkbox,
input.text,
textarea {
   background-color: var(--aqua-white);
   color: var(--aqua-black);
   border-color: var(--aqua-black);
}
 
#lock-timer {
   background-color: var(--aqua-white);
}
 
table.form td div.sub,
form div.sub {
   color: var(--aqua-black);
}
 
.wd-editor-toolbar-panel li.hseparator {
   background-color: var(--aqua-black);
}
 
.change-textarea-size a {
   background-color: var(--aqua-white);
   border-color: var(--aqua-black);
   color: var(--aqua-black);
}
 
.owindow .button-bar a,
a.button,
button,
div.buttons input,
file,
input.button {
   background-color: var(--aqua);
   color: var(--aqua-white);
   border: .125rem solid var(--aqua-black);
}
 
.owindow .button-bar a:hover,
a.button:hover,
button:hover,
div.buttons input:hover,
file:hover,
input.button:hover {
   border: .125rem solid var(--aqua-black);
   background-color: var(--aqua-dark);
   color: var(--aqua-white) !important;
}
 
strong {
   background-color: transparent;
}
 
::selection {
   background: #def2f1 !important;
}
 
.owindow .content {
   color: var(--aqua-black) !important;
   background-color: var(--aqua-white);
   border-color: var(--aqua-black);
}
 
.title.modal-header {
   background-color: var(--aqua-white);
   color: var(--aqua-black);
}
 
.content.modal-body {
   background-color: var(--aqua-white);
   color: var(--aqua-black);
   border-color: var(--aqua-black);
}
 
@media only screen and (max-width: 768px) {
   #page-content {
      grid-area: page-content;
      max-width: 100%;
      min-height: 45rem;
      width: 80%;
      margin: auto;
   }
 
   #main-content {
      padding-left: 0px;
      width: 737px !important;
      margin-top: 6em;
      margin-bottom: 3em;
      margin-left: 0%;
      margin-right: 0%;
      border-radius: 0px;
   }
 
   #page-title,
   .meta-title {
      width: 80%;
      margin: auto;
   }
 
   #container-wrap-wrap {
      width: 737px !important;
   }
 
   #container-wrap {
      width: 737px !important;
   }
 
   #container {
      width: 737px !important;
   }
 
   #header {
      width: 737px !important;a
   }
 
   #content-wrap {
      width: 737px !important;
   }
 
   #header::before {
      left: 2%;
      top: -0.1rem;
   }
 
   #header h2 {
      left: 27.7%;
      top: 15%;
      width: 60%;
   }
 
   #header h1 {
      left: -4%;
      top: -6%;
   }
 
   .page-rate-widget-box {
      margin-top: 1em;
   }
 
   #license-area {
      bottom: 0.5em;
      margin: 0 auto;
      width: 90%;
      height: 3rem;
      font-size: 1em;
      line-height: 2;
      padding: 5px;
   }
}
 
body {
   color: var(--aqua-black);
   background-color: var(--aqua-black);
   text-shadow: none !important;
}
 
div#page-options-bottom-2>a, div#page-options-bottom>a {
   text-shadow: none;
}
 
p {
   font-weight: 590 !important;
}
 
.code {
   font-weight: normal !important;
}
 
#top-bar div.mobile-top-bar>ul>li>ul>li>a, #top-bar div.top-bar>ul>li>ul>li>a {
   background-color: var(--aqua) !important;
   border: .2100rem solid var(--aqua-dark);
   border-top: none;
}
#top-bar div.mobile-top-bar>ul>li>ul, #top-bar div.top-bar>ul>li>ul {
   border: var(--aqua-dark);
}
 
/*Top-bar fix*/
#top-bar div.mobile-top-bar>ul>li>ul>li>a, #top-bar div.top-bar>ul>li>ul>li>a {
   color: var(--aqua-white);
   background-color: var(--aqua) !important;
   border-top: none;
   padding: 3px 1em;
   padding-top: 0;
   padding-bottom: 0 !important;
   margin-bottom: 3px;
   border-top: 1px solid var(--aqua-dark);
}
 
#top-bar div.mobile-top-bar>ul>li>ul>li>a:hover, #top-bar div.top-bar>ul>li>ul>li>a:hover {
   color: var(--aqua-black);
   background-color: var(--aqua-light) !important;
}
 
.owindow, .title.modal-header{
   color: var(--aqua-black) !important;
   background-color: var(--aqua-white) !important;
   border-color: var(--aqua-dark) !important;
}
 
#prw54355{
   color: var(--aqua-white);
}
 
#top-bar div.mobile-top-bar>ul>li>a:before, #top-bar div.top-bar>ul>li>a:before, #top-bar div.mobile-top-bar>ul>li>a:after, #top-bar div.top-bar>ul>li>a:after {
   visibility: hidden;
}
 
body em {
   color: var(--aqua-black) !important;
}
#page-content{
   padding: 2.3em;
   font-weight: 580 !important;
}
}

---

版式作者(们)

作者： Cranbe负责做KVZ的版式
guajijujzc搬一手
万分感谢GaplouelPew 不匹配任何一个现有的用户名佬帮我修bug（磕头）

脚注

1. 这是一个脚注！