无名城中的具名者 版式

评分：

评分模块与著作信息模块：

著作信息

---

页面信息

---

更多

更多

---

更多页面信息

---

使用方法

这是为无名者之城（SCP-CN-3612）及其相关作品制作的版式，曾被用于本文的无障碍模式页面，基于护封Sigma-9版式及Dr Hormress的星与图书馆版式修改而来。

这一版式可以用于任意基金会和图书馆作品，特别是与无名者之城相关的作品。当然，想创作与本设定无关的作品、但喜欢这个版式的话，也欢迎使用。

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

[[include :scp-wiki-cn:theme:nameless]]

你可以通过点击页面底部的“+ 选项”、“反向链接”来查看任何页面的反向链接。

主题颜色

--gray-monochrome(189, 144, 58)

--bright-accent(255, 244, 220)

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

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

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

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

--light-gray-monochrome(232, 192, 118)

--pale-gray-monochrome(217, 198, 137)

--dark-gray-monochrome(71, 50, 6)

--medium-accent(228, 180, 28)

--dark-accent(185, 150, 17)

{$subcolor6-name}{$subcolor6-variable}{$subcolor6-info}

{$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 :scp-wiki-cn:theme:nameless fixed=*]]

• 本版式的默认logo为被放逐者之图书馆图标。若希望使用基金会版头，请使用下列代码。这会同时为版头增加一个二级标题：

[[include :scp-wiki-cn:theme:nameless scp=*]]

• 若希望同时使用两个效果：

[[include :scp-wiki-cn:theme:nameless fixed=*|scp=*]]

以上代码的效果示例见此。请注意在基于Safari的浏览器平台上无法实现背景固定效果。

如果希望更改版头图片和大标题，请使用下列代码，并在对应位置填入版头图片的链接和标题内容：

[[module css]]
:root {
--lgurl: url("你的版头图片链接");
}

#header h1 a::before {
content: "你希望使用的大标题内容";
}
[[/module]]

如果希望更改副标题，请使用scp=*的版式，并使用下列代码，在对应位置填入副标题的内容：

[[module css]]
#header h2::before {
content: "你希望使用的副标题内容";
}
[[/module]]

示例

被放逐者之图书馆标志

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

---

如果将“-----”放入类（class）为“fancyhr”的 div 元素中，则可以显示另一种水平线样式，如下所示：

[[div_ class="fancyhr"]]
----
[[/div]]

效果如下：

---

任何元素添加“fancyborder”类（class），即可显示特殊边框。例如，这是此方块的代码：

[[div_ class="fancyborder"]]
文字内容
[[/div]]

脚注前方会添加“(”或“,”。¹²

脚注

1. 这能让你以更清爽的方式添加多个脚注。

2. 一些浏览器可能无法很好地支持此样式。

标题可通过在一行字起始处输入 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

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

---

一条分割线

嵌套引用块

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

---

点击展开源代码

@import url(https://pokm.wikidot.com/local--code/theme:starry-library/1);
 
/*------- 变量 ------- */
:root {
    --body-font: adelle-sans, 'Lato', 'Noto Sans SC', sans-serif;
    --header-font: 'zuijinregular', 'Poppins', 'Noto Serif SC', serif;
    --title-font: 'zuijinregular', 'Poppins', 'Noto Serif SC', serif;
    --mono-font: "Noto Sans Mono", adaptive-mono, "PT Mono", "Andale Mono", "Courier New", Courier, monospace;
    --pale-gray-monochrome: 217, 198, 137;
    --light-gray-monochrome: 232, 192, 118;
    --gray-monochrome: 189, 144, 58;
    --dark-gray-monochrome: 71, 50, 6;
    --bright-accent: 255, 244, 220;
    --medium-accent: 228, 180, 28;
    --dark-accent: 185, 150, 17;
}
 
/* ------- 主标题 -------*/
#header h1 a::before {
    color: rgb(var(--bright-accent));
    text-shadow: inherit;
    background: url(https://scp-wiki.wdfiles.com/local--files/theme%3Adustjacket-sigma/goldfoil.png);
    background-size: cover;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    overflow-wrap: normal;
    font-size: 125%;
}
 
div#header {
    height: 200px;
}
 
div#header::before {
    top: 0;
    height: 180px;
    background-position: center center;
}
 
div#header h1 a {
    display: flex;
    height: 180px;
    max-height: 180px;
    padding: 0;
    align-items: center;
    justify-content: center;
    bottom: 0;
}
 
div#header h1 a::before {
    bottom: 0;
    line-height: 100%;
}
 
/* ------- 主标题的移动端适配 ------- */
@media (max-width: 767px) {
    #header h1 a {
        font-size: 100%;
    }
}
 
/* ------- 副标题（默认不显示）------- */
div#header h2 {
    display: none;
}
 
/* ------- 版头 ------- */
div#header div#top-bar {
    top: 180px;
    z-index: 300 !important;
}
 
div#header div#top-bar > div.top-bar {
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 1rem;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    padding: 0.5rem 1.5rem;
    height: 21px;
}
 
div#header div#top-bar > div > ul > li > a {
    color: #dbac53;
    border: none;
    border-radius: 0.4rem;
}
 
div#header div#top-bar > div > ul > li > a:hover,
div#header div#top-bar > div > ul > li:hover > a{
    border: none;
    background-color:  rgba(0, 0, 0, 0.5);
}
 
div#header div#top-bar > div > ul > li > ul {
    padding: 0.5rem;
    border: none;
    border-radius: 1rem;
    background-color: rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    overflow: hidden;
}
 
div#header div#top-bar > div > ul > li > ul > li {
    padding: 0.125rem;
    border: none;
    border-radius: 0.4rem;
    overflow: hidden;
}
 
div#header div#top-bar > div > ul > li.sfhover > ul > li > a,
div#header div#top-bar > div > ul > li:hover > ul > li > a {
    border: none;
    border-top: none;
    border-radius: 0.4rem;
}
 
div#main-content {
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 1rem;
    min-height: 100rem;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
 
@media (min-width: 768px) {
div#main-content {
    padding: 2rem 4rem;
}
}
 
@media (max-width: 767px) {
#main-content {
    max-width: 100%;
    margin: 0;
    padding: 1rem 5%;
}
 
div#header div#top-bar > div.mobile-top-bar {
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 1rem;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    padding: 0.5rem 1.5rem;
    height: 21px;
}
 
div#header div#top-bar > div.mobile-top-bar > ul {
    display: flex;
    flex-wrap: nowrap;
}
}
 
/* ------- 字体 ------- */
body {
    font-family: var(--body-font) !important;
}
 
div#page-content {
    font-size: 0.90rem;
}
 
div#header h1 a::before {
    font-family: "Noto Serif SC", serif !important;
}
 
/* ------- 顶栏 ------- */
div#top-bar div.open-menu a {
    border: 0.2em solid transparent;
    border-radius: 1rem;
    background-color: rgba(0, 0, 0, 0.5);
    color: #dbac53;
    z-index: 300 !important;
}
 
a.close-menu {
    opacity: 0.1;
}
 
/* ------- 侧栏 ------- */
div#side-bar {
    background-image: linear-gradient(to bottom, #000000, #553F10);
    border: none !important;
    padding: 1em 1em 0 1em;
    z-index: 310 !important;
}
 
div#side-bar div.side-block {
    /* background-color: rgba(0, 0, 0, 0.5) !important; */
    border-radius: 1rem;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    border: none;
}
 
    #page-content h1,
    #page-content h2,
    #page-content h3,
    #page-content h4,
    #page-content h5,
    #page-content h6 {
        -webkit-background-clip: text;
        background-clip: text;
        background-color: #dbac53;
        -webkit-text-fill-color: transparent;
    }
 
/* ------- 正文部分 ------- */
div#container-wrap {
    background: black;
    background-image: url("https://pokm.wikidot.com/local--files/city-of-the-nameless-hub/bkg");
    background-size: 480px;
    background-position: center top;
    background-repeat: repeat-x;
    background-attachment: local;
}
 
div#main-content {
    background-color: rgba(36, 25, 1, 0.75);
    border: solid 5px #dbac53;
    border-radius: 1rem;
    min-height: 100rem;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
 
div#page-title,
div.meta-title {
    text-align: center;
    color: #dbac53;
}
 
#page-content {
    color: white;
}
 
/* ------- 文本框 ------- */
blockquote,
div.blockquote {
    background: rgb(var(--dark-gray-monochrome));
    border: solid 3px #dbac53;
    border-radius: 1rem;
}
 
/* ------- 分页 ------- */
.yui-navset .yui-content {
    border-color: rgb(var(--light-gray-monochrome));
    border-top-color: rgb(var(--medium-accent));
    background-color:  rgb(var(--dark-gray-monochrome));
    font-weight: normal;
}
.yui-navset .yui-nav, .yui-navset .yui-navset-top .yui-nav {
    border-bottom: 0.3em solid rgb(var(--medium-accent));
}
.yui-navset .yui-nav a,
.yui-navset .yui-navset-top .yui-nav a {
    background-image: none;
    background-color: rgb(var(--pale-gray-monochrome));
    color: black;
    font-weight: normal;
}
.yui-navset .yui-nav a:hover,
.yui-navset .yui-nav a:focus {
    background: rgb(var(--gray-monochrome));
    color: white;
}
.yui-navset .yui-nav .selected a,
.yui-navset .yui-nav .selected a:focus, /* Pas d'effet focus/hover pour tab sélectionné */
.yui-navset .yui-nav .selected a:hover {
    background-image: none !important;
    background: rgb(var(--dark-accent));
    border-color: rgb(var(--dark-accent));
    color: white;
}
.yui-navset li {
    line-height: normal;
}
 
/* ------- 评分模块 ------- */
#page-content .page-rate-widget-box {
    font-size: .8rem;
}
 
.page-rate-widget-box .rate-points {
    background-color: rgb(var(--dark-gray-monochrome)) !important;
    border-color: #dbac53;
    color: rgb(var(--bright-accent)) !important;
}
.page-rate-widget-box .rateup,
.page-rate-widget-box .ratedown {
    background-color: rgb(var(--dark-gray-monochrome));
    border-top-color: #dbac53;
    border-bottom-color: #dbac53;
}
.page-rate-widget-box .rateup a,
.page-rate-widget-box .ratedown a {
    background: transparent;
    color: rgb(var(--bright-accent)) !important;
}
.page-rate-widget-box .rateup a:hover,
.page-rate-widget-box .ratedown a:hover {
    background: rgb(var(--gray-monochrome));
    color: white !important;
}
.page-rate-widget-box .cancel {
    background: transparent;
    background-color: rgb(var(--dark-gray-monochrome));
    border-color: #dbac53;
}
.page-rate-widget-box .cancel a {
    color: rgb(var(--bright-accent)) !important;
}
.page-rate-widget-box .cancel a:hover {
    background-color: rgb(var(--gray-monochrome));
    color: white !important;
}
 
#page-content .rate-box-with-credit-button {
    background-color: rgb(var(--dark-gray-monochrome));
    border-color:#dbac53;
}
 
#page-content .rate-box-with-credit-button .page-rate-widget-box {
    padding-top: 0px !important;
    border-color: transparent;
}
 
#page-content .rate-box-with-credit-button .page-rate-widget-box .cancel,
#page-content .rate-box-with-credit-button .page-rate-widget-box .rate-points,
#page-content .rate-box-with-credit-button .page-rate-widget-box .rateup,
#page-content .rate-box-with-credit-button .page-rate-widget-box .ratedown {
    border-color: transparent;
    border-bottom-radius: 0;
    border-bottom: solid 1px #dbac53;
}
 
#page-content .rate-box-with-credit-button .creditButton p a {
    border-left-color: transparent;
}
#page-content .rate-box-with-credit-button .creditButton a {
    color: rgb(var(--bright-accent)) !important;
}
#page-content .rate-box-with-credit-button .creditButton a:hover {
    background-color: rgb(var(--gray-monochrome));
    color: white !important;
}
 
/* ------- 链接 ------- */
a:link, a:visited {
    color: #c99c87;
}
a:hover, a:active {
    color: white;
}
a {
    color: yellow;
}
 
#page-options-container {
  color:  #dbac53;
}
 
#action-area {
  color:  #dbac53;
}
 
/* ------- 底部工具栏 ------- */
table.wiki-content-table th {
  background-color: rgb(var(--dark-gray-monochrome));
  border-color:#dbac53;
}
 
#breadcrumbs {
  color:  #dbac53 !important;
}
 
table.form td div.sub, form div.sub {
  color:  #dbac53;
}
 
/* ------- 图片框 ------- */
div.scp-image-block .scp-image-caption {
       background-color: #362503 !important;
}
 
/* ------- 代码框 ------- */
div.code {
    background: rgb(var(--dark-gray-monochrome));
    border: dashed 2px #dbac53;
}
 
div.code span.hl-code {
    color: white;
}
 
div.code span.hl-identifier {
    color: white;
}
 
div.code span.hl-brackets {
    color: white;
}
 
div.code span.hl-special {
    color: #b5b8f5;
}
 
div.code span.hl-reserved {
    color: #cacbe3;
}
 
div.code span.hl-string {
    color: #7496cc;
}
 
div.code span.hl-number {
    color: red;
}
 
div.code span.hl-var {
    color: lightgreen;
}
 
/* ------- 脚注 ------- */
div.footnotes-footer {
    background: rgb(var(--dark-gray-monochrome));
}
 
/* ------- 著作信息块 ------- */
#page-content .modalbox {
    background: rgb(var(--dark-gray-monochrome)) !important;
    border: solid 2px #dbac53;
}
 
/* ------- 分割线 ------- */
hr {
    border-bottom: solid 2px rgb(var(--medium-accent));
}

固定背景

div#container-wrap {
    background-size: 420px;
    background-attachment: fixed;
}

SCP基金会版头

:root {
    --body-font: adelle-sans, 'Lato', 'Noto Sans SC', sans-serif;
    --header-font: 'zuijinregular', 'Poppins', 'Noto Serif SC', serif;
    --title-font: 'zuijinregular', 'Poppins', 'Noto Serif SC', serif;
    --mono-font: "Noto Sans Mono", adaptive-mono, "PT Mono", "Andale Mono", "Courier New", Courier, monospace;
    --lgurl: url("https://pokm.wdfiles.com/local--files/city-of-the-nameless-hub/SCP.png");
}
 
#header h1 a::before {
    content: "SCP基金会";
    color: rgb(var(--bright-accent));
    text-shadow: inherit;
    background: url(https://scp-wiki.wdfiles.com/local--files/theme%3Adustjacket-sigma/goldfoil.png);
    background-size: cover;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    overflow-wrap: normal;
    font-size: 125%;
}
 
#header h2 {
    display: block !important;
    margin-top: 1.4em;
}
 
#header h2::before {
    content: "控制 - 收容 - 保护";
    color: rgb(var(--gray-monochrome));
    text-shadow: inherit;
    background: url(https://scp-wiki.wdfiles.com/local--files/theme%3Adustjacket-sigma/goldfoil.png);
    background-size: cover;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    overflow-wrap: normal;
    font-size:110%;
}