Z Rooms默认版式

警 告
在未经网站员工允许的情况下禁止修改本页。

本页为用于在本站或外站引用的版式页面。

---

日

夜

此主题版式由 TaRtaR0S 创作。

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

[[include :tartar0s:theme:z-rooms]]

版式示例

Z分站

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

---

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

标题示例

1号标题

2号标题

3号标题

4号标题

5号标题

6号标题

分页1

这是一个分页。

分页2

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

可真是古朴风格。

长分页

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

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

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

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

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

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

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

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

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

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

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

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

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

空分页

空分页

空分页

空分页

空分页

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

---

一条分割线

嵌套块引用¹

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

---

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

---

标题示例
[[div class="titleblock"]]
[[span class="titlebox"]]标题示例[[/span]]

[[/div]]

标题示例
[[div class="dark-titleblock"]]
[[span class="dark-titlebox"]]标题示例[[/span]]

[[/div]]

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

[[/div]]

[[div class="dark-styled-quote"]]
一个链接
[[/div]]

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

[[/div]]

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

[[/div]]

[[div class="lightblock"]]

[[/div]]

[[div class="darkblock"]]

[[/div]]

+ 版式代码

@import url("https://arandintday.github.io/thebackhubscn/bhl-new.css");
@import url("https://arandintday.github.io/thebackhubscn/sidebar.css");
@import url("https://arandintday.github.io/thebackhubscn/banlist.css");
@import url('https://fastly.jsdelivr.net/gh/scp-cn-tech/sigma9@cn/modules/colstyle.min.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css');
@import url('https://backrooms-wiki-cn.wdfiles.com/local--code/component:toggle-search-top-box/1');
 
:root {
    --theme-base: "black-highlighter";
    --theme-id: "liminal";
    --theme-name: "Liminal Theme";
    /* Header */
    --logo-image: url("http://tartar0s.wikidot.com/local--files/theme:z-rooms/logo");
    --header-title: "Backrooms Z";
    --header-subtitle: "你曾存在于此";
    /* Fonts */
    --body-font: Inter, "Noto Sans SC", Verdana, "Microsoft YaHei", "微软雅黑", Geneva, sans-serif, STXihei, "华文细黑";
    --UI-font: PTRootUI, "方体", "PingFang SC", "黑体", "Heiti SC", "Microsoft JhengHei UI", "Microsoft JhengHei", Roboto, Noto, "Noto Sans CJK SC", sans-serif;
    --header-font: var(--body-font);
    --title-font: var(--body-font);
    --mono-font: Recursive, "Noto Serif SC", "Microsoft YaHei", "微软雅黑", "Courier New", Courier, monospace, STXihei, "华文细黑";
    --white-monochrome: 242, 242, 242;
    --pale-gray-monochrome: 217,217,217;
    --light-pale-gray-monochrome: 255, 251, 240;
    --very-light-gray-monochrome: 226, 222, 211;
    --light-gray-monochrome: 160, 160, 160;
    --gray-monochrome: 89,89,89;
    --dark-gray-monochrome: 13,13,13;
    --pale-accent: 89,89,89;
    --black-monochrome: 25, 20, 16;
    --bright-accent: var(--pale-accent);
    --medium-accent: var(--pale-accent);
    --dark-accent: var(--pale-accent);
    --alt-accent: 221, 102, 17;
    --background-gradient-distance: 0rem;
    --link-color: 90,96,115;
    --hover-link-color: 100,96,115;
    --gradient-header: linear-gradient(to top, rgba(255,255,255) 0%, rgba(255,255,255, 0.90) 100%);
    --diagonal-stripes: linear-gradient(transparent 0);
 
   /*个人信息*/
}
 
#skrollr-body {
background-color: #d9d9d9;
background-image: url("data:image/svg+xml,%3Csvg width='80' height='88' viewBox='0 0 80 88' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22 21.91V26h-2c-9.94 0-18 8.06-18 18 0 9.943 8.058 18 18 18h2v4.09c8.012.722 14.785 5.738 18 12.73 3.212-6.99 9.983-12.008 18-12.73V62h2c9.94 0 18-8.06 18-18 0-9.943-8.058-18-18-18h-2v-4.09c-8.012-.722-14.785-5.738-18-12.73-3.212 6.99-9.983 12.008-18 12.73zM54 58v4.696c-5.574 1.316-10.455 4.428-14 8.69-3.545-4.262-8.426-7.374-14-8.69V58h-5.993C12.27 58 6 51.734 6 44c0-7.732 6.275-14 14.007-14H26v-4.696c5.574-1.316 10.455-4.428 14-8.69 3.545 4.262 8.426 7.374 14 8.69V30h5.993C67.73 30 74 36.266 74 44c0 7.732-6.275 14-14.007 14H54zM42 88c0-9.94 8.06-18 18-18h2v-4.09c8.016-.722 14.787-5.738 18-12.73v7.434c-3.545 4.262-8.426 7.374-14 8.69V74h-5.993C52.275 74 46 80.268 46 88h-4zm-4 0c0-9.943-8.058-18-18-18h-2v-4.09c-8.012-.722-14.785-5.738-18-12.73v7.434c3.545 4.262 8.426 7.374 14 8.69V74h5.993C27.73 74 34 80.266 34 88h4zm4-88c0 9.943 8.058 18 18 18h2v4.09c8.012.722 14.785 5.738 18 12.73v-7.434c-3.545-4.262-8.426-7.374-14-8.69V14h-5.993C52.27 14 46 7.734 46 0h-4zM0 34.82c3.213-6.992 9.984-12.008 18-12.73V18h2c9.94 0 18-8.06 18-18h-4c0 7.732-6.275 14-14.007 14H14v4.696c-5.574 1.316-10.455 4.428-14 8.69v7.433z' fill='%230d0d0d' fill-opacity='0.31' fill-rule='evenodd'/%3E%3C/svg%3E");
   background-size: auto 4rem;
    height: 7.5rem;
}
 
#container {
    background-image: radial-gradient(circle, rgb(var(--medium-accent), 0.05) 50%, transparent 0);
    background-size: 0.25em 0.25em;
    background-repeat: repeat;
    background-attachment: fixed;
}
 
#header {
    background-image: none;
}
 
#header::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: -1rem;
    background-image: var(--logo-image);
    background-size: auto 10rem;
    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: .063rem 0.1rem 0.1rem #0c0c0c;
}
 
.titleblock {
    background-color: rgb(var(--pale-gray-monochrome));
   padding: 0.5rem 1rem 0.10rem;
   margin: 1.5rem 0rem 0.5rem 0rem;
   box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
   border: 0.2rem solid rgba(var(--gray-monochrome));
}
 
.titlebox{
  position: relative;
  top: -1.6rem;
    background-color: rgb(var(--pale-gray-monochrome));
  padding: 0.25rem 1rem;
  line-height: 0.1rem;
   border: 0.2rem solid rgba(var(--gray-monochrome));
}
 
.dark-titleblock {
    background-color: rgb(var(--gray-monochrome));
   color: rgb(255,255,255);
   padding: 0.5rem 1rem 0.10rem;
   margin: 1.5rem 0rem 0.5rem 0rem;
   box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
   border: 0.2rem solid rgba(var(--pale-gray-monochrome));
}
 
.dark-titlebox{
  position: relative;
  top: -1.6rem;
    background-color: rgb(var(--gray-monochrome));
  color: rgb(255,255,255);
  padding: 0.25rem 1rem;
  line-height: 0.1rem;
   border: 0.2rem solid rgba(var(--pale-gray-monochrome));
}
 
.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);
}
 
.styled-quote-d {
    background-color: rgb(var(--pale-gray-monochrome));
    border-left: 0.5rem solid rgba(var(--gray-monochrome));
    border-right: 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, .dark-styled-quote-d a, .darkblock a, .dark-titleblock a  {
    color: rgb(210,210,210);
}
 
.dark-styled-quote-d {
    background-color: rgb(var(--gray-monochrome));
    border-left: 0.5rem solid rgba(var(--pale-gray-monochrome));
    border-right: 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);
}
 
.lightblock {
    background-color: rgb(var(--pale-gray-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);
}
 
#side-bar div.scpnet-interwiki-wrapper {
    min-height: 300px;
}
 
.thread-container .post .long .content .image:not(.collapsible-block .image) {
    object-fit: cover;
    max-height: 2em;
    width: 100%;
    transition: max-height 0.5s;
}
 
.thread-container .post .long .content .image:hover:not(.collapsible-block .image) {
    max-height: 100em;
}
 
div.scpnet-interwiki-wrapper {
    margin: 0;
    width: auto;
}
 
iframe.scpnet-interwiki-frame {
    border: inherit;
    width: 100%;
    height: 230px;
}
@media (max-width:900px) {
#header::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    background-image: var(--logo-image);
    background-size: auto 10rem;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 1;
}
}
@media (min-width:768px) {
 
    div.scpnet-interwiki-wrapper,
    iframe.scpnet-interwiki-frame {
        width: 100%;
    }
}
 
/* Content Warning */
#page-content div#u-adult-warning {
    width: fit-content;
    margin: 0 auto 1.25rem;
    padding: 0.5rem 1rem;
    border: 3px solid #333;
    background: #e4e4e4;
    color: #333;
    text-align: center;
    font-weight: bold;
}
 
#page-content div#u-adult-warning>div#u-adult-header {
    font-size: 300%;
    text-shadow: 1px 2px 3px rgba(0, 0, 0, .5);
    color: #901;
}
 
#page-content div#u-adult-warning>div#u-adult-header p {
    margin: 0;
}
 
#page-content div#u-adult-warning>.error-block {
    color: unset;
    padding: unset;
    margin: unset;
    border: unset;
    margin-bottom: 1em;
}
 
/* 去除用户信息中头像白边 */
#odialog-container .owindow>div.modal-body>img[style*="padding: 2px 8px;"]:first-child {
    background-color: initial !important;
}
 
/* 新增信息翻译 */
form#edit-page-form .edit-page-bottomtable tr>td:nth-of-type(1)>div:nth-of-type(1)::before {
    content: "简要修改说明";
}
 
table.page-history tr:nth-of-type(2) td:nth-of-type(1)::before {
    content: "版本";
}
 
table.page-history tr:nth-of-type(2) td:nth-of-type(3)::before {
    content: "标记";
}
 
table.page-history tr:nth-of-type(2) td:nth-of-type(4)::before {
    content: "操作";
}
 
table.page-history tr:nth-of-type(2) td:nth-of-type(5)::before {
    content: "更新者";
}
 
table.page-history tr:nth-of-type(2) td:nth-of-type(6)::before {
    content: "日期";
}
 
#site-tools-box::before {
    content: "网站工具";
}
 
#main-content .page-tags::before {
    content: "标签\0021b4";
}
 
#login-status #account-options li>a[href*="/messages"]::after {
    content: "消息";
}
 
[id*="u-credit"] div.credit-back::before {
    content: "返回";
}
 
#toc #toc-action-bar a::after {
    content: "目录";
}
 
/* 侧边栏logo适配 */
#side-bar .side-block.media a[href*="discord"] {
    --social-logo-mask: var(--discord-mask-round);
}
 
#side-bar .side-block.media a[href*="b23.tv"] {
    --social-logo-mask: var(--bilibili-mask-round);
    --social-color: var(--bilibili-icon-color);
}
 
#side-bar .side-block.media a[href*="fandom"] {
    --social-logo-mask: var(--fandom-mask-round);
    --social-color: var(--fandom-icon-color);
}
 
#side-bar .side-block.media a[href*="tieba"] {
    --social-logo-mask: var(--tieba-mask-round);
    --social-color: var(--tieba-icon-color);
}
 
:root, :root:lang(cn) {
    --merc-light-color: 0,0,0; /*修改此变量来改变主要颜色*/
    --merc-dark-color: 255,255,255; /*修改此变量来改变鼠标移到链接上时链接文字颜色*/
}

---

作者信息

作者TaRtaR0S
>>>我的作者页

脚注

1. 这是一个脚注！

2. 注