荒时的回响 主题版式

评分模块：

评分与著作信息模块：

著作信息

---

标题：荒时的回响
作者：Dr_Oracle_small
该版式适用于CC BY-SA 4.0授权方式。

---

该版式基于 依职权 主题版式，若你想修订版式的兼容或一些显示问题请与 A1oneGhost122526 联系。

---

主题颜色

Payne's Grey--gray-monochrome(66, 66, 72)

Carolina--bright-accent(53, 53, 53)

{$color3-name}{$color3-variable}{$color3-info}

{$color4-name}{$color4-variable}{$color4-info}

{$color5-name}{$color5-variable}{$color5-info}

{$color6-name}{$color6-variable}{$color6-info}

Abalone--light-gray-monochrome(170, 170, 170)

White Smoke--pale-gray-monochrome(244, 244, 244)

Bastille--dark-gray-monochrome(48, 48, 52)

Cobalt--medium-accent(35, 37, 39)

Navy--dark-accent(38, 38, 38)

Turquoise--newpage-color(53, 53, 53)

{$subcolor7-name}{$subcolor7-variable}{$subcolor7-info}

{$subcolor8-name}{$subcolor8-variable}{$subcolor8-info}

{$subcolor9-name}{$subcolor9-variable}{$subcolor9-info}

{$subcolor10-name}{$subcolor10-variable}{$subcolor10-info}

{$subcolor11-name}{$subcolor11-variable}{$subcolor11-info}

{$subcolor12-name}{$subcolor12-variable}{$subcolor12-info}

---

使用方法

在你的作品开头添加如下语法以应用此版式：

[[include :goc-wiki-cn:theme:dead-white]]

示例

可通过四个连字符“----”创建水平分割线。若它未被放在其他部件（诸如引用块）中，则会左右延伸贯穿页面。这种将文件分割为多个部分的线就是分割线。

---

标题可通过在一行字起始处输入 1 至 6 个加号“+”来创建。

+ 标题

1 级标题

2 级标题

3 级标题

4 级标题

5 级标题

6 级标题

分页

此为分页（tab view）。

分页

看，这有更多文字。

多么精巧绝伦。

长 Tab

这是一个长的 tab，它有很多文字。

这是一个长的 tab，它有很多文字。

这是一个长的 tab，它有很多文字。

这是一个长的 tab，它有很多文字。

这是一个长的 tab，它有很多文字。

这是一个长的 tab，它有很多文字。

这是一个长的 tab，它有很多文字。

这是一个长的 tab，它有很多文字。

这是一个长的 tab，它有很多文字。

这是一个长的 tab，它有很多文字。

这是一个长的 tab，它有很多文字。

这是一个长的 tab，它有很多文字。

空 Tab

空 Tab

空 Tab

空 Tab

空 Tab

空 Tab

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

---

一条分割线

嵌套引用块

以及更多¹

这是	表格
你应该老早	就知道怎么
做这个了吧

---

一个特殊的引用块

---

[[div class="warning"]]
一个特殊的引用块
[[/div]]

---

页眉、标题、正文字体为 Roboto / Noto Sans SC。
等宽字为 PT Mono / 仿宋。

---

Footnotes

1. 这里是脚注！

---

代码

▼ 显示代码

:root {
    --logo-image: url("https://goc-sandbox-cn.wikidot.com/local--files/theme:human/un_human1.png");
 
    --pale-accent: 53, 53, 53;
    --bright-accent: 53, 53, 53;
    /* bright blue */
    --medium-accent: 35, 37, 39;
    /* pale blue */
    --dark-accent: 38, 38, 38;
    /* v pale blue */
    --newpage-color: 53, 53, 53;
 
    --header-gradient-color-bottom: var(--black-monochrome);
    --header-gradient-color-middle: var(--black-monochrome);
    --header-gradient-color-top: var(--black-monochrome);
 
    --gradient-topmenu: linear-gradient(to bottom, rgb(var(--black-monochrome)) 0%, rgb(var(--black-monochrome)) 100%);
 
    --swatch-primary: var(--black-monochrome);
    --swatch-primary-darker: var(--black-monochrome);
    --swatch-primary-darkest: var(--black-monochrome);
}
 
:root:lang(cn) {
    /* Header */
    --header-title: 'UN';
    --header-subtitle: 'HUMAN';
}
 
#header {
    --login-myaccount-hover-color: var(--white-monochrome);
 
    background-size: 10rem;
    background-position: 50% 20%;
    -webkit-filter: none;
    filter: none;
}
 
#header h2 {
    height: 100%;
}
 
#header h1,
#header h2 {
    width: 100%;
}
 
#header h1 a:before {
    position: absolute;
    top: 4rem;
    left: 50%;
    transform: translateX(-50%);
    color: rgb(var(--black-monochrome));
    text-indent: 1rem;
    -webkit-text-stroke: 1px rgb(var(--white-monochrome));
    font-size: 3rem;
    letter-spacing: 1rem;
}
#header h2 span:before {
    position: absolute;
    top: 5rem;
    left: 0;
    width: 100%;
    color: rgb(var(--white-monochrome));
    text-align: center;
    text-indent: 2rem;
    -webkit-text-stroke: 3px rgb(var(--black-monochrome));
    font-size: 5rem;
    letter-spacing: 2rem;
}
 
#header h1 a,
#header h1 a:before,
#header h2 span,
#header h2 span:before {
    margin: 0;
}
 
#login-status a#my-account {
    transition: all .3s;
}
#login-status #account-options ul li a {
    transition: all .3s;
}
#login-status #account-options ul li a:hover {
    background: rgb(var(--white-monochrome));
    color: rgb(var(--black-monochrome));
}
 
#top-bar {
    --topmenu-category-color: var(--white-monochrome);
    --topmenu-category-hover-color: var(--white-monochrome);
    --mobile-topmenu-sidebar-button-color: var(--white-monochrome);
    --dropdown-links-color: var(--black-monochrome);
    --dropdown-bg-color: var(--white-monochrome), .9;
}
 
#header div[class*=top-bar]>ul li {
    transition: all .3s;
}
 
#extra-div-2 {
    background-image: none;
    background-color: rgb(var(--white-monochrome));
    -webkit-filter: none;
    filter: none;
}
 
#header div[class*=top-bar]>ul>li:active,
#header div[class*=top-bar]>ul>li:hover {
    background-color: rgb(var(--white-monochrome));
}
#header div[class*=top-bar]>ul>li:active>a,
#header div[class*=top-bar]>ul>li:hover>a {
    color: rgb(var(--black-monochrome));
}
 
html,
body,
#side-bar:hover {
    scrollbar-color: rgb(var(--black-monochrome)) rgb(var(--white-monochrome));
}
 
hr {
    border-color: rgb(var(--black-monochrome));
}
blockquote, .blockquote {
    border-color: rgb(var(--black-monochrome));
}
div.warning {
    background: #fff url('https://goc-sandbox-cn.wikidot.com/local--files/theme:human/goc_human_1.png') center no-repeat;
    background-size: 384px;
}
 
@media (max-width: 979px) {
    #header h1 a:before {
        top: 2.7rem;
        font-size: 2rem;
    }
    #header h2 span:before {
        top: 3.5rem;
        text-indent: 1rem;
        font-size: 3rem;
        letter-spacing: 1rem;
    }
    div.mobile-top-bar {
        background: rgb(var(--black-monochrome));
    }
}