无名城中的具名者 版式

[[iftags +版式]] [[>]] **评分：** [[module Rate]] [[/>]] [[>]] **评分模块与著作信息模块：** [[/>]] [[include :scp-wiki-cn:credit:start]] 页面信息 [[include :scp-wiki-cn:credit:more]] 更多页面信息 [[include :scp-wiki-cn:credit:end]] + 使用方法 这是为无名者之城（[[[SCP-CN-3612]]]）及其相关作品制作的版式，曾被用于本文的无障碍模式页面，基于[[[theme:dustjacket-sigma|护封Sigma-9版式]]]及[[*user Dr Hormress]]的[https://ah-sandbox.wikidot.com/theme:library 星与图书馆版式]修改而来。 这一版式可以用于任意基金会和图书馆作品，特别是与无名者之城相关的作品。当然，想创作与本设定无关的作品、但喜欢这个版式的话，也欢迎使用。 在你的作品开头添加如下语法以应用此版式： > @@[[include :scp-wiki-cn:theme:nameless]]@@ 你可以通过点击页面底部的“+ 选项”、“反向链接”来查看任何页面的反向链接。 + 主题颜色 [[include :scp-wiki:component:theme-squares -=- | color1-name=@@@@ | color1-variable=--gray-monochrome | color1-info=(189, 144, 58) | color1-has-light-text=1 | color2-name=@@@@ | color2-variable=--bright-accent | color2-info=(255, 244, 220) | subcolor1-name=@@@@ | subcolor1-variable=--light-gray-monochrome | subcolor1-info=(232, 192, 118) | subcolor1-has-light-text=1 | subcolor2-name=@@@@ | subcolor2-variable=--pale-gray-monochrome | subcolor2-info=(217, 198, 137) | subcolor3-name=@@@@ | subcolor3-variable=--dark-gray-monochrome | subcolor3-info=(71, 50, 6) | subcolor3-has-light-text=1 | subcolor4-name=@@@@ | subcolor4-variable=--medium-accent | subcolor4-info=(228, 180, 28) | subcolor4-has-light-text=1 | subcolor5-name=@@@@ | subcolor5-variable=--dark-accent | subcolor5-info=(185, 150, 17) | subcolor5-has-light-text=1 ]] + 衍生 本版式提供一些可选的附加功能。如果需要使用，可以使用下列代码。 * 默认情况下版式的背景固定在页面最上方。若希望背景保持不动，请使用下列代码。这一操作会适当缩小背景图片，同时保证背景在电脑端观看时不会随进度条移动。 > @@[[include :scp-wiki-cn:theme:nameless fixed=*]]@@ * 本版式的默认logo为被放逐者之图书馆图标。若希望使用基金会版头，请使用下列代码。这会同时为版头增加一个二级标题： > @@[[include :scp-wiki-cn:theme:nameless scp=*]]@@ * 若希望同时使用两个效果： > @@[[include :scp-wiki-cn:theme:nameless fixed=*|scp=*]]@@ 以上代码的效果示例[https://pokm.wikidot.com/nameless-theme-test 见此]。请注意在基于Safari的浏览器平台上无法实现背景固定效果。 @@@@ @@@@ @@@@ 如果希望更改版头图片和大标题，请使用下列代码，并在对应位置填入版头图片的链接和标题内容： [[div_ class="code" style="padding-top: 1rem; padding-bottom: 1rem;"]] @@[[module css]]@@ @@:root {@@ @@    --lgurl: url("你的版头图片链接");@@ @@}@@ @@@@ @@#header h1 a::before {@@ @@    content: "你希望使用的大标题内容";@@ @@}@@ @@[[/module]]@@ [[/div]] 如果希望更改副标题，请使用scp=*的版式，并使用下列代码，在对应位置填入副标题的内容： [[div_ class="code" style="padding-top: 1rem; padding-bottom: 1rem;"]] @@[[module css]]@@ @@#header h2::before {@@ @@    content: "你希望使用的副标题内容";@@ @@}@@ @@[[/module]]@@ [[/div]] + 示例 [[include component:image-block name=https://wanderers-library.wdfiles.com/local--files/component%3Atheme/wandererslibary_logobg.png|caption=被放逐者之图书馆标志|width=200px]] 可通过四个连字符“@@----@@”创建水平分割线。若它未被放在其他部件（诸如引用块）中，则会左右延伸贯穿页面。这种将文件分割为多个部分的线就是分割线。 ~~~~ ---- 如果将“@@----@@”放入类（class）为“fancyhr”的 div 元素中，则可以显示另一种水平线样式，如下所示： > @@[[div_ class="fancyhr"]]@@ > @@----@@ > @@[[/div]]@@ 效果如下： [[div_ class="fancyhr"]] ---- [[/div]] [[div_ class="fancyborder"]] 任何元素添加“fancyborder”类（class），即可显示特殊边框。例如，这是此方块的代码： [[div_ class="code" style="padding-top: 1rem; padding-bottom: 1rem;"]] @@[[div_ class="fancyborder"]]@@ @@文字内容@@ @@[[/div]]@@ [[/div]] [[/div]] 脚注前方会添加“(”或“,”。[[footnote]]这能让你以更清爽的方式添加多个脚注。[[/footnote]][[footnote]]一些浏览器可能无法很好地支持此样式。[[/footnote]] [[footnoteblock]] 标题可通过在一行字起始处输入 1 至 6 个加号“+”来创建。 [[collapsible show="+ 标题" hide="- 标题"]] + 1 级标题 ++ 2 级标题 +++ 3 级标题 ++++ 4 级标题 +++++ 5 级标题 ++++++ 6 级标题 [[/collapsible]] @@ @@ [[tabview]] [[tab 分页]] 此为分页（tab view）。 [[/tab]] [[tab 分页]] 看，这有更多文字。 多么精巧绝伦。 [[/tab]] [[tab 长 Tab]] 这是一个长的 tab，它有很多文字。 这是一个长的 tab，它有很多文字。 这是一个长的 tab，它有很多文字。 这是一个长的 tab，它有很多文字。 这是一个长的 tab，它有很多文字。 这是一个长的 tab，它有很多文字。 这是一个长的 tab，它有很多文字。 这是一个长的 tab，它有很多文字。 这是一个长的 tab，它有很多文字。 这是一个长的 tab，它有很多文字。 这是一个长的 tab，它有很多文字。 这是一个长的 tab，它有很多文字。 [[/tab]] [[tab 空 Tab]] [[/tab]] [[tab 空 Tab]] [[/tab]] [[tab 空 Tab]] [[/tab]] [[tab 空 Tab]] [[/tab]] [[tab 空 Tab]] [[/tab]] [[tab 空 Tab]] [[/tab]] [[/tabview]] > 这是一个引用块，在一行字的起始处加上“> ”来创建。 > > 更多文字 > ----- > 一条分割线 > >> 嵌套引用块 ||~ 这是 ||~ 表格 || || 你应该老早 || 就知道怎么 || |||| 做这个了吧 || ------ [[collapsible show="点击展开源代码" hide="收起"]] [[code type="css"]] @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/theme:city-of-the-nameless/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)); } [[/code]] 固定背景 [[code type="css"]] div#container-wrap {     background-size: 420px;     background-attachment: fixed; } [[/code]] SCP基金会版头 [[code type="css"]] :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/theme%3Acity-of-the-nameless/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%; } [[/code]] [[/collapsible]] [[/iftags]] [[module css]] @import url(https://scp-wiki-cn.wikidot.com/local--code/theme:nameless/1); /* {$fixed}/ @import url(https://scp-wiki-cn.wikidot.com/local--code/theme:nameless/2); /{$fixed} */ /* {$scp}/ @import url(https://scp-wiki-cn.wikidot.com/local--code/theme:nameless/3); /{$scp} */ [[/module]]