新世代 主题版式

这是新世代版式，一个为幻象计划而制作的主题，代码主要由JakdragonX编写。本主题基于TATTLETALE，这是第一篇提到幻象计划的文章。

---

使用多种颜色的默认新世代版式示例。请注意，此版式可以配置为总共 7 种特有的颜色：红色，绿色，蓝色，蓝绿色，橙色，紫色，以及粉色。

这是一个基于黑色标记笔的主题版式，这意味着你必须在你的页面上包含黑色标记笔版式以使 新世代 版式正常运作。

[[include :scp-wiki-cn:theme:black-highlighter-theme]]
[[include :scp-wiki-cn:theme:new-age]]

红色是该版式的默认颜色。你也可以通过调整上方的代码来改变页面的外观。这些选项包括：

[[include :scp-wiki-cn:theme:new-age green/blue/orange/pink/violet/teal=a]]

你也可以使用“hidetitle”参数来去除顶部烦人的文章标题：

[[include :scp-wiki-cn:theme:black-highlighter-theme]]
[[include :scp-wiki-cn:theme:new-age green/blue/orange/pink/violet=a | hidetitle=a]]

如果你希望在保持使用该版式的默认颜色的同时，使用该版式的其他颜色对页面的部分进行重新上色，你可以使用下方示例中的代码对指定内容进行上色¹：

[[div class="red/green/blue/orange/etc."]]
往这放任何你想放的东西！
[[/div]]

参考下面的内容，查看本文使用默认主题的额外功能和基本格式。

点这里来看一些很酷的东西！

这是个EXPOBLOCK。

---

我完全是把它从分离式终端 主题版式上抢来的，我认为这是我在Wiki上最喜欢的一个主题。还要注意，水平线也会变宽。如要使用，请见下：

[[div class="expoblock"]]
把你的内容放在这里
----
（哦，欢乐的一天）
[[/div]]

你可能还看到了上面用高亮显示的文本，这是使用hilighter span完成的，这也是我偷来的。

[[span class="hilighter"]]text here[[/span]]

这是我不知羞耻地抢来的另一个组件，由Woedenaz提供的Blacklight Box组件。在这里画一条水平线也会使它变宽。注意： 为使该组件在新世代版式上正常工作，你必须在你文章中include该版式的代码之前先复制下面的代码。

使用该组件需要下面的代码：

[[include :scp-wiki:component:blacklight-box-source |inc-section-start= --]
|unique-name=小写字母，不得空格
|display-name=标签内文本
]]
在此插入内容。
[[include :scp-wiki:component:blacklight-box-source |inc-section-end= --]]]

来自监督者议会的通知

---

这是一个很酷的标签，你可以在任何地方使用，是我从玄武岩 版式拿来的（还有其他的div块，抱歉）。来试试用这个标签吧overwatch_notice。

来自伦理道德委员会的警告

---

这是另一个很酷的标签。用它来试试吧ethics_alert。

来自记录与信息安全管理部的更新

---

你开始采取这个方案了吗？这家伙用了raisa_update。

来自分级委员会的警告

---

这是另一个方案以防你没有采取上一个。用classification_warning来试试。

来自误传部的消息

---

最后一个。这个用到了miscom_message。

这也是一个基本的模型，还是从玄武岩版式拿过来的（对不起啦，Liryn 和 Placeholder McD）。你可以用这些代码来实现这个效果：

[[div class="modal"]]
很酷的内容或者什么东西。
[[/div]]

这跟上面基本一样，但更小些。用这些代码来实现：

[[div class="smallmodal"]]
我都快写腻了。
[[/div]]

这个主题也接入了半影 黑标主题版式（也就是说我也完全偷拿了它的代码）来允许在此主题上使用侧边块。它们的用法就像在半影 黑标主题版式里用它们的时候一样：

[[div class="limit"]] <— 设置锚点的起始限制
[[div class="anchor"]] <— 设置 Sidebox 的固定位置
[[div class="sidebox"]]
一些Sidebox内的文本。
[[/div]]
[[/div]]

Sidebox滚动经过的文本。

[[/div]] <— 设置锚点末尾

示例

幻象 标志，由 tertiaryspirit 不匹配任何一个现有的用户名 制作！

一条水平线可由5个连字符“-----”创建，并且如果代码不在其他任何代码里面（例：在引用框里时），水平线会延长到页面左右尽头。将文档分割为多段的线叫做水平线。²

一个你大概已经访问过的链接，我不清楚

标题可以用在代码行开头的一至六个加号“+”来创建。

+ 标题

1级标题

2级标题

3级标题

4级标题

5级标题

6级标题

分页

为什么铲子如此特别？

因为这是一项开创性的发明

分页

更多的文本。

真是古怪啊。

长Tab

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

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

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

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

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

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

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

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

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

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

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

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

这个空Tab的名字真的很长

空Tab

空Tab

空Tab

空Tab

空Tab

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

---

一条分割线

嵌套引用块

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

正文字体为IBM Plex Sans / 思源黑体
标题字体为Archivo
等宽字体为Source Code Pro / 仿宋

源代码：

+ 显示版式代码

/*
New Age Theme
[2022 Wikidot Theme]
Created by JakdragonX
Massive props to EstrellaYoshte, Liryn, and Placeholder McD for all the images. Thanks also to Estrella again for the help with the CSS.
 
New Age is based on the Black Highlighter Theme created by Woedenaz and Croquembouche.
The Informatics logo was created by EstrellaYoshte, based off the SCP Foundation logo. Licensed under CC BY SA 3.0.
The node background was created by svgbackgrounds.com, licensed under CC BY 4.0.
All of the other icons in the memo's were also made by Estrella and robbed from the BASALT theme, made by Liryn and Placeholder McD.
*/
 
@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@900&family=IBM+Plex+Sans:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&family=Source+Code+Pro:wght@500&display=swap');
 
/* Primary Stuff */
:root:lang(cn) {
    --header-title: "幻象计划";
    --header-subtitle: "全新连接已建立";
    --logo-image: url(http://scp-wiki.wikidot.com/local--files/theme:new-age/simlogo3.webp);
}
:root{
    --theme-id: "New Age";
    --theme-name: "New Age";
    --accent-color: var(--deep-crimson);
 
    /* These are the other colors beyond the accented ones. All of the themes uses these values. */
    --pitch-black: 6, 6, 6;
    --dark-midnight: 26, 26, 26;
    --silver-lining: 196, 196, 196;
 
    /* These are the seven other values for the accents. Users can also simply just change the "--accent-color" variable to use any colors they want. */
    --deep-crimson: 255, 36, 60;
    --mutant-green: 0, 209, 66;
    --skylight-blue: 0, 184, 240;
    --neon-orange: 255, 142, 20;
    --lipstick-pink: 225, 101, 236;
    --lavender-violet: 144, 79, 247;
    --seafoam-teal: 54, 227, 184;
 
    /* These are just fonts and other variables I edited to make things work. */
    --body-font: 'IBM Plex Sans', sans-serif;
    --header-font: 'Archivo', sans-serif;
    --mono-font: 'Source Code Pro', monospace;
    --swatch-primary: var(--accent-color);
    --swatch-primary-darker: var(--accent-color);
    --swatch-primary-darkest: var(--accent-color);
    --swatch-border-color: var(--accent-color);
    --swatch-text-dark: var(--pitch-black);
    --swatch-text-light: var(--silver-lining);
    --swatch-text-general: var(--silver-lining);
    --swatch-important-text: var(--accent-color);
    --swatch-menubg-color: var(--dark-midnight);
    --swatch-menubg-light-color: var(--dark-midnight);
    --swatch-menubg-medium-color: var(--accent-color);
    --swatch-menubg-medium-dark-color: var(--accent-color);
    --swatch-menubg-dark-color: var(--pitch-black);
    --swatch-menubg-black-color: var(--dark-midnight);
    --swatch-menubg-hover-color: var(--pitch-black);
    --swatch-menutxt-dark-color: var(--dark-midnight);
    --swatch-menutxt-light-color: var(--silver-lining);
    --swatch-menutxt-general-color: var(--silver-lining);
    --swatch-secondary-color: var(--swatch-menubg-light-color);
    --swatch-tertiary-color: var(--swatch-menubg-medium-color);
    --swatch-alternate-color: var(--swatch-menubg-dark-color);
    --swatch-text-secondary-color: var(--swatch-menutxt-light-color);
    --swatch-text-tertiary-color: var(--silver-lining);
    --gradient-header: linear-gradient(to top, rgb(var(--pitch-black)) 0%, rgb(var(--pitch-black)) 90%, rgb(var(--pitch-black)) 100%);
    --diagonal-stripes: none;
    --background-gradient-distance: 0rem;
    --swatch-background: var(--pitch-black);
    --background-gradient-color: var(--dark-midnight);
    --header-gradient-color-bottom: var(--dark-midnight);
    --header-gradient-color-middle: var(--dark-midnight);
    --header-gradient-color-top: var(--black-monochrome);
    --swatch-topmenu-bg-color: var(--pitch-black);
    --swatch-topmenu-border-color: var(--pitch-black);
    --link-color: var(--accent-color);
    --visited-link-color: var(--accent-color);
    --hover-link-color: var(--silver-lining);
    --newpage-color: var(--accent-color);
    --min-font-size: 14px;
    --max-font-size: 16px;
    --toggle-border-color: rgb(var(--accent-color));
    --modal-header-txt: var(--pitch-black);
    --modal-header-stripe: var(--accent-color);
    --hoverblock-bg: var(--dark-midnight);
    --hoverblock-header-txt: var(--pitch-black);
    --ui-button-hover-bg: var(--dark-midnight);
    --pager-selected-link: var(--pitch-black);
    --pager-link-hover: var(--accent-color);
    --pager-hover-bg: var(--dark-midnight);
    --pager-selected-bg: var(--swatch-primary);
    --hoverblock-footer-bg: var(--swatch-tertiary-color);
    --rating-module-text-hover-color: var(--pitch-black);
}
 
/* The logo image is way too bright. I figured I'd just bring down it's opacity in case someone wants to use a different logo image that's also insanely bright. */
#header::before {
    opacity: 0.3;
}
 
/* Variables for the header. */
#header {
    --swatch-headerh1-color: var(--accent-color);
    --swatch-headerh2-color: var(--swatch-text-light);
    --search-icon-color: var(--silver-lining);
    --search-icon-hover-color: var(--dark-midnight);
    --search-icon-hover-bg-color: var(--accent-color);
    --search-textbox-text-color: var(--silver-lining);
    --search-icon-focus-color: var(--accent-color);
    --search-icon-focus-bg-color: var(--accent-color);
    --search-focus-outline-color: var(--dark-midnight);
    --search-focus-textbox-bg-color: var(--dark-midnight);
    --search-focus-textbox-text-color: var(--pitch-black);
    --login-line-divider-color: var(--accent-color);
    --login-username-color: var(--silver-lining);
    --login-myaccount-color: var(--silver-lining);
    --login-myaccount-hover-color: var(--pitch-black);
    --login-myaccount-underline-color: transparent;
    --login-myaccount-hover-bg-color: var(--swatch-primary-darkest);
    --login-arrow-color: var(--accent-color);
    --login-dropdown-bg-color: var(--dark-midnight);
    --login-dropdown-bg-image: none;
    --login-dropdown-border-color: var(--accent-color);
    --login-dropdown-text-color: var(--swatch-text-secondary-color);
    --login-dropdown-text-hover-color: var(--pitch-black);
    --login-dropdown-bg-hover-color: var(--accent-color);
    --login-mobile-icon-color: var(--search-icon-color);
    --login-mobile-icon-hover-color: var(--search-icon-hover-color);
    --login-mobile-icon-hover-bg-color: var(--search-icon-hover-bg-color);
    --gradient-topmenu-mobile: linear-gradient(to bottom, rgba(var(--accent-color), 1) 0, rgba(var(--accent-color), 1) 0.125rem, rgba(var(--accent-color), 1) calc(var(--topbar-height-on-mobile) - 0.125rem), rgba(var(--swatch-topmenu-bg-color), 1) calc(var(--topbar-height-on-mobile) - 0.125rem), rgba(var(--swatch-topmenu-border-color), 1) var(--topbar-height-on-mobile));
}
 
/* Like the pretty lines in the background? Thank this guy for doing it. */
#container-wrap:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1000' height='1000' viewBox='0 0 800 800'%3E%3Cg fill='none' stroke='%23C4C4C4' stroke-width='1.5'%3E%3Cpath d='M769 229L1037 260.9M927 880L731 737 520 660 309 538 40 599 295 764 126.5 879.5 40 599-197 493 102 382-31 229 126.5 79.5-69-63'/%3E%3Cpath d='M-31 229L237 261 390 382 603 493 308.5 537.5 101.5 381.5M370 905L295 764'/%3E%3Cpath d='M520 660L578 842 731 737 840 599 603 493 520 660 295 764 309 538 390 382 539 269 769 229 577.5 41.5 370 105 295 -36 126.5 79.5 237 261 102 382 40 599 -69 737 127 880'/%3E%3Cpath d='M520-140L578.5 42.5 731-63M603 493L539 269 237 261 370 105M902 382L539 269M390 382L102 382'/%3E%3Cpath d='M-222 42L126.5 79.5 370 105 539 269 577.5 41.5 927 80 769 229 902 382 603 493 731 737M295-36L577.5 41.5M578 842L295 764M40-201L127 80M102 382L-261 269'/%3E%3C/g%3E%3Cg fill='%23262626'%3E%3Ccircle cx='769' cy='229' r='6'/%3E%3Ccircle cx='539' cy='269' r='6'/%3E%3Ccircle cx='603' cy='493' r='6'/%3E%3Ccircle cx='731' cy='737' r='6'/%3E%3Ccircle cx='520' cy='660' r='6'/%3E%3Ccircle cx='309' cy='538' r='6'/%3E%3Ccircle cx='295' cy='764' r='6'/%3E%3Ccircle cx='40' cy='599' r='6'/%3E%3Ccircle cx='102' cy='382' r='6'/%3E%3Ccircle cx='127' cy='80' r='6'/%3E%3Ccircle cx='370' cy='105' r='6'/%3E%3Ccircle cx='578' cy='42' r='6'/%3E%3Ccircle cx='237' cy='261' r='6'/%3E%3Ccircle cx='390' cy='382' r='6'/%3E%3C/g%3E%3C/svg%3E");
    background-size: unset;
    background-repeat: repeat;
    background-attachment: fixed;
    z-index: -1;
    opacity: 0.15;
    aspect-ratio: unset;
    object-view-box: unset;
}
 
/* Additional header stuff. */
 
#header h1 a,
#header h1 a:before {
    font-size: 65px;
}
 
#header h2 span {
    margin-top: calc(var(--header-height-on-mobile)/2 + var(--header-h1-font-size)/2 - 0.015em);
    font-size: 20px;
}
 
@media (max-width: 580px) {
 
    #header h1 a,
    #header h1 a:before {
     font-size: 40px;
    }
 
    #header h2 span {
     margin-top: calc(var(--header-height-on-mobile)/2 + var(--header-h1-font-size)/2 - 1.4em);
     font-size: 16px;
    }
}
 
@media (max-width: 380px) {
 
    #header h1 a,
    #header h1 a:before {
     font-size: 38px;
    }
 
    #header h2 span {
     margin-top: calc(var(--header-height-on-mobile)/2 + var(--header-h1-font-size)/2 - 1.4em);
     font-size: 14px;
    }
}
 
/* Don't think I forgot the top bar! Oh, you're so silly! */
#top-bar {
    --topmenu-category-color: var(--pitch-black);
    --topmenu-category-hover-color: var(--silver-lining);
    --topmenu-category-hover-bg: var(--dark-midnight);
    --topmenu-hover-border-color: var(--accent-color);
    --mobile-topmenu-sidebar-button-color: var(--pitch-black);
    --dropdown-bg-color: var(--dark-midnight);
    --dropdown-border-color: var(--accent-color);
    --dropdown-links-color: var(--swatch-text-secondary-color);
    --dropdown-links-bg-color: 0, 0, 0, 0;
    --dropdown-links-hover-color: var(--pitch-black);
    --dropdown-links-hover-bg-color: var(--swatch-primary);
}
 
/* My ex used to call me this. Lots of these are just variables or small fixes to things like the text or something. */
#main-content {
    --ui-icon-color: var(--accent-color);
    --ui-icon-bg: var(--pitch-black);
    --ui-icon-hover-color: var(--pitch-black);
    --ui-icon-hover-bg: var(--accent-color);
    --editor-icon-color: var(--swatch-menutxt-general-color);
    --editor-icon-hover-color: var(--swatch-background);
    --editor-icon-hover-bg: var(--swatch-primary);
    --editor-icon-submenu-bg: var(--swatch-secondary-color);
    --tabs-bg: var(--dark-midnight);
    --tabs-txt: var(--silver-lining);
    --tabs-hover-bg: var(--swatch-primary-darker);
    --tabs-hover-txt: var(--pitch-black);
    --tabs-selected-bg: var(--swatch-primary);
    --tabs-selected-txt: var(--pitch-black);
    --tabs-selected-outline: var(--accent-color);
    --tabs-bottom-border-color: var(--swatch-primary-darker);
    --tabs-content-bg-color: var(--dark-midnight);
    --tabs-content-border-color: var(--dark-midnight);
    --tables-header-bg: var(--swatch-primary-darkest);
    --tables-header-txt: var(--pitch-black);
    --tables-border: var(--swatch-tertiary-color);
    --tables-body-bg: var(--dark-midnight);
    --tables-body-txt: var(--swatch-text-general);
    --blockquote-bg-color: var(--dark-midnight);
    --blockquote-border-color: var(--pitch-black);
    --blockquote-colorbar-color: var(--accent-color);
    --footnotes-footer-bg-color: var(--swatch-secondary-color);
    --footnotes-footer-colorbar-color: var(--swatch-primary-darkest);
    --footnotes-footer-title-bg-color: var(--swatch-primary-darkest);
    --footnotes-footer-title-text-color: var(--pitch-black);
    --footnotes-footer-num-color: var(--link-color);
    --footnotes-footer-num-hover-color: var(--hover-link-color);
    --footnotes-footer-text-color: var(--swatch-text-general);
    --pagetags-title-text: var(--pitch-black)
}
 
#header div#top-bar {
    background-color: rgb(var(--accent-color));
    border-radius: 4px;
}
 
#interwiki,
#side-bar {
    --sidebar-links-hover-text-color: var(--pitch-black);
 
}
 
#footer {
    --footer-bg-color: var(--accent-color);
    --footer-text-color: var(--pitch-black);
    --footer-link-color: var(--pitch-black);
    --footer-link-hover-color: var(--silver-lining);
    --footer-link-hover-bg-color: var(--dark-midnight);
}
 
.bibitems .title,
.footnotes-footer .title {
    border-radius: 4px;
}
 
.bibitems,
.footnotes-footer {
    border-radius: 4px;
}
 
#license-area {
    --license-bg-color: var(--dark-midnight);
    --license-text-color: var(--swatch-text-secondary-color);
    --license-link-color: var(--silver-lining);
    --license-link-hover-color: var(--pitch-black);
    --license-link-hover-bg-color: var(--accent-color);
}
 
#body {
    font-size: 16px;
    --barColour: rgb(var(--accent-color));
}
 
tt,
tt * {
    font-size: inherit;
}
 
/* Code for the fancy lines underneath the collapsibles and links. */
a.collapsible-block-link {
    padding: 0.15em;
    margin: -0.15em;
    color: inherit;
    -webkit-box-decoration-break: clone;
            box-decoration-break: clone;
    box-shadow: inset 0 -0.125rem 0 0rem rgba(var(--accent-color));
    transition: box-shadow 200ms cubic-bezier(0.4, 0.0, 0.2, 1), color 200ms cubic-bezier(0.4, 0.0, 0.2, 1), padding 200ms cubic-bezier(0.4, 0.0, 0.2, 1), margin 200ms cubic-bezier(0.4, 0.0, 0.2, 1);
}
 
a.collapsible-block-link:hover {
    padding: 0.3em 0.25em 0.2em 0.25em;
    margin: -0.25em;
    box-shadow: inset 0 -1.5em 0 0 rgba(var(--accent-color));
    text-decoration: none;
    color: rgb(var(--pitch-black))
}
 
.info-container .collapsible-block-folded,
.info-container .collapsible-block-unfolded-link {
    background: rgb(var(--accent-color));
}
 
.info-container .collapsible-block-unfolded {
    border: 3px solid rgb(var(--accent-color));
    border-top: none;
    background-color: rgb(var(--pitch-black));
}
 
.info-container .collapsible-block-folded .collapsible-block-link,
.info-container .collapsible-block-link {
    background: rgb(var(--pitch-black));
}
 
#page-content .info-container a.collapsible-block-link:hover {
    box-shadow: none;
}
 
.collection .collapsible-block-unfolded-link a,
.collection .collapsible-block-folded a:hover {
    box-shadow: none;
}
 
.collection .collapsible-block-unfolded-link a,
.collection .collapsible-block-folded a {
    box-shadow: none;
}
 
#page-content .rate-box-with-credit-button,
.page-rate-widget-box {
    border: 0.0625rem solid rgba(var(--dark-midnight));
    border-radius: 2px;
    background-color: rgb(var(--dark-midnight));
    box-shadow: 0 0.125rem 0 0 rgb(var(--accent-color));
}
 
hr {
    height: 0.0925rem;
    border-top: 0.0625rem solid rgba(var(--accent-color));
    background-color: rgba(var(--accent-color));
}
 
#page-title::after,
.meta-title::after,
#page-title::before,
.meta-title::before {
    height: 0.19rem;
}
 
#page-content a:not([href*="user"]):not([href*="javascript:;"]):not(.fa-info):not([href*="https://www.scp-wiki.net/classification-committee-memo"]):not([href="https://scp-wiki.wikidot.com/anomaly-classification-system-guide"]):not([href="/classification-committee-memo"]) {
    padding: 0.15em;
    margin: -0.15em;
    color: inherit;
    -webkit-box-decoration-break: clone;
            box-decoration-break: clone;
    box-shadow: inset 0 -0.125rem 0 0rem rgba(var(--accent-color));
    transition: box-shadow 200ms cubic-bezier(0.4, 0.0, 0.2, 1), color 200ms cubic-bezier(0.4, 0.0, 0.2, 1), padding 200ms cubic-bezier(0.4, 0.0, 0.2, 1), margin 200ms cubic-bezier(0.4, 0.0, 0.2, 1);
}
 
#page-content a:not([href*="user"]):not([href*="javascript:;"]):not([href*="https://www.scp-wiki.net/classification-committee-memo"]):not([href="https://scp-wiki.wikidot.com/anomaly-classification-system-guide"]):not([href="/classification-committee-memo"]):not(.fa-info):hover {
    padding: 0.3em 0.25em 0.2em 0.25em;
    margin: -0.25em;
    box-shadow: inset 0 -1.5em 0 0 rgba(var(--accent-color));
    text-decoration: none;
    color: rgb(var(--pitch-black));
}
 
.blockquote,
[class*=blockquote],
blockquote,
div.blockquote {
    background-color: rgba(var(--blockquote-bg-color));
    border-top: 1px solid rgb(var(--pitch-black));
    border-right: 1px solid rgb(var(--pitch-black));
    border-bottom: 1px solid rgb(var(--pitch-black));
    border-left: 5px solid rgb(var(--accent-color));
    box-shadow: 4px 0px 8px 0px rgba(var(--pitch-black), 0.8);
    border-radius: 4px;
}
 
/* Title and image block stuff. */
@media (max-width: 360px) {
 
    div#page-title,
    div#meta-title {
     border-bottom: 3px solid rgb(var(--accent-color));
     padding-bottom: 0.5rem;
    }
 
    #page-title::after,
    .meta-title::after,
    #page-title::before,
    .meta-title::before {
     background: none;
    }
}
 
.image-block,
.scp-image-block {
    box-shadow: none;
}
 
.image-block .image-caption,
.scp-image-block .scp-image-caption {
    background-color: rgb(var(--dark-midnight));
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom: 3px solid rgb(var(--accent-color));
    box-shadow: none;
}
 
form#edit-page-form:not(.data-form) {
    border: 3px solid rgb(var(--accent-color));
}
 
form#edit-page-form table.form:first-of-type td:last-of-type {
    box-shadow: none;
}
 
form#edit-page-form table.form:first-of-type td:last-of-type input:not(:-moz-placeholder-shown) {
    background-color: rgba(var(--dark-midnight));
}
 
form#edit-page-form table.form:first-of-type td:last-of-type input:not(:placeholder-shown) {
    background-color: rgba(var(--dark-midnight));
}
 
form#edit-page-form .wd-editor-toolbar-panel {
    background-color: rgb(var(--swatch-background));
    border-bottom: 3px solid rgb(var(--accent-color));
    border-top: 3px solid rgb(var(--accent-color));
}
 
input[type=text]:not(:-moz-placeholder-shown), textarea:not(:-moz-placeholder-shown) {
    background-color: rgb(var(--dark-midnight));
}
 
input[type=text]:not(:placeholder-shown),
textarea:not(:placeholder-shown) {
    background-color: rgb(var(--dark-midnight));
}
 
form#edit-page-form #wd-editor-toolbar-panel+div {
    border-bottom: 3px solid rgb(var(--accent-color));
}
 
form#edit-page-form .edit-help-34 {
    background-color: rgb(var(--dark-midnight));
}
 
form#edit-page-form .edit-page-bottomtable tr>td:first-of-type>div:first-of-type {
    box-shadow: none;
}
 
form#edit-page-form .edit-page-bottomtable tr>td:first-of-type>div:first-of-type textarea:not(:-moz-placeholder-shown) {
    background-color: rgba(var(--dark-midnight));
    color: rgb(var(--swatch-menutxt-general-color));
    border: none;
}
 
form#edit-page-form .edit-page-bottomtable tr>td:first-of-type>div:first-of-type textarea:not(:placeholder-shown) {
    background-color: rgba(var(--dark-midnight));
    color: rgb(var(--swatch-menutxt-general-color));
    border: none;
}
 
:not(.page-rate-widget-box):not(#search-top-box-form)>.btn,
:not(.page-rate-widget-box):not(#search-top-box-form)>.button,
:not(.page-rate-widget-box):not(#search-top-box-form)>.owindow .button-bar a,
:not(.page-rate-widget-box):not(#search-top-box-form)>button,
:not(.page-rate-widget-box):not(#search-top-box-form)>div.buttons input,
:not(.page-rate-widget-box):not(#search-top-box-form)>input.button {
    outline: 0 solidrgb(var(--swatch-primary));
    background-color: rgb(var(--accent-color));
    border: 3px solid rgb(var(--accent-color));
    color: rgb(var(--pitch-black));
}
 
table.page-history tr:nth-of-type(2) td:not(:nth-of-type(7)):before {
    color: rgb(var(--pitch-black));
}
 
.change-textarea-size {
    background-color: rgb(var(--dark-midnight));
}
 
#odialog-container .owindow :not(.page-rate-widget-box):not(#search-top-box-form)>a.btn,
#odialog-container .title.modal-header :not(.page-rate-widget-box):not(#search-top-box-form)>a.btn {
    background-color: rgb(var(--accent-color));
    color: rgb(var(--pitch-black));
}
 
.blbf-main>div {
    border: 0.45rem rgb(var(--swatch-primary-darkest, 144, 25, 1)) solid;
    margin-left: auto;
    border-radius: 4px;
    background-color: rgb(var(--pitch-black));
}
 
.blbf-main>div::before {
    top: -0.45rem;
    left: -0.25em;
    color: rgb(var(--pitch-black));
    border-radius: 4px;
}
 
.blbf-main hr {
    border-top: 0.45rem solid rgba(var(--accent-color));
}
 
.blbf-main>div>p:last-of-type {
    margin-top: 1.5rem;
}
 
.expoblock {
    box-sizing: border-box;
    border: solid 0.55rem rgb(var(--accent-color));
    padding: 1rem;
    border-radius: 4px;
    background-color: rgb(var(--pitch-black));
}
 
.expoblock hr {
    border-top: 0.45rem solid rgba(var(--accent-color));
}
 
span.hilighter {
    background-color: rgb(var(--accent-color));
    color: rgb(var(--pitch-black));
    font-weight: bold;
    padding: 0.2em;
    font-size: 108%;
    line-height: 1.2;
    border-radius: 4px;
}
 
.overwatch_notice {
    background: url(https://scp-wiki.wikidot.com/local--files/theme:new-age/O5_logo.png), rgb(var(--dark-midnight));
    background-size: contain;
    background-position: top center;
    background-repeat: no-repeat;
    width: auto;
    padding: 10px 20px 5px 20px;
    margin-top: 1rem;
    margin-bottom: 1rem;
    margin-left: auto;
    margin-right: auto;
    border: 0.3rem solid rgb(var(--accent-color));
    color: rgb(var(--silver-lining));
    border-radius: 4px;
    width: 90%;
    min-height: 4rem;
    max-height: 100rem;
}
 
.overwatch_notice h1,
.overwatch_notice h2,
.overwatch_notice h3,
.overwatch_notice h4,
.overwatch_notice h5,
.overwatch_notice h6 {
    color: rgb(var(--silver-lining));
}
 
.overwatch_notice hr {
    border-top: 0.0625rem solid rgb(var(--accent-color));
    background-color: rgba(var(--accent-color));
    margin: 0.25rem;
}
 
.overwatch_notice span.hilighter {
    color: rgb(var(--pitch-black));
    background-color: rgb(var(--accent-color));
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 0;
}
 
.overwatch_notice p {
    line-height: 24px;
    font-weight: 500;
}
 
.ethics_alert {
    background: url(https://scp-wiki.wikidot.com/local--files/theme:new-age/ethics_logo.png), rgb(26 26 26);
    background-size: contain;
    background-position: top center;
    background-repeat: no-repeat;
    width: auto;
    padding: 10px 20px 5px 20px;
    margin-top: 1rem;
    margin-bottom: 1rem;
    margin-left: auto;
    margin-right: auto;
    border: 0.3rem solid rgb(var(--accent-color));
    color: rgb(var(--silver-lining));
    border-radius: 4px;
    width: 90%;
    min-height: 4rem;
    max-height: 100rem;
}
 
.ethics_alert h1,
.ethics_alert h2,
.ethics_alert h3,
.ethics_alert h4,
.ethics_alert h5,
.ethics_alert h6 {
    color: rgb(var(--silver-lining));
}
 
.ethics_alert hr {
    border-top: 0.0625rem solid rgb(var(--accent-color));
    background-color: rgb(var(--accent-color));
    margin: 0.25rem;
}
 
.ethics_alert span.hilighter {
    color: rgb(var(--pitch-black));
    background-color: rgb(var(--accent-color));
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 0;
}
 
.ethics_alert p {
    line-height: 24px;
    font-weight: 500;
}
 
.raisa_update {
    background: url(https://scp-wiki.wikidot.com/local--files/theme:new-age/RAISA_Logo.png), rgb(26 26 26);
    background-size: contain;
    background-position: top center;
    background-repeat: no-repeat;
    width: auto;
    padding: 10px 20px 5px 20px;
    margin-top: 1rem;
    margin-bottom: 1rem;
    margin-left: auto;
    margin-right: auto;
    border: 0.3rem solid rgb(var(--accent-color));
    color: rgb(var(--silver-lining));
    border-radius: 4px;
    width: 90%;
    min-height: 4rem;
    max-height: 100rem;
}
 
.raisa_update h1,
.raisa_update h2,
.raisa_update h3,
.raisa_update h4,
.raisa_update h5,
.raisa_update h6 {
    color: rgb(var(--silver-lining));
}
 
.raisa_update hr {
    border-top: 0.0625rem solid rgb(var(--accent-color));
    background-color: rgba(var(--accent-color));
    margin: 0.25rem;
}
 
.raisa_update span.hilighter {
    color: rgb(var(--pitch-black));
    background-color: rgb(var(--accent-color));
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 0;
}
 
.raisa_update p {
    line-height: 24px;
    font-weight: 500;
}
 
.classification_warning {
    background: url(https://scp-wiki.wikidot.com/local--files/theme:new-age/CLASS_logo.png), rgb(26 26 27);
    background-size: contain;
    background-position: top center;
    background-repeat: no-repeat;
    width: auto;
    padding: 10px 20px 5px 20px;
    margin-top: 1rem;
    margin-bottom: 1rem;
    margin-left: auto;
    margin-right: auto;
    border: 0.3rem solid rgb(var(--accent-color));
    color: rgb(var(--silver-lining));
    border-radius: 4px;
    width: 90%;
    min-height: 4rem;
    max-height: 100rem;
}
 
.classification_warning h1,
.classification_warning h2,
.classification_warning h3,
.classification_warning h4,
.classification_warning h5,
.classification_warning h6 {
    color: rgb(var(--silver-lining));
}
 
.classification_warning hr {
    border-top: 0.0625rem solid rgb(var(--accent-color));
    background-color: rgb(var(--accent-color));
    margin: 0.25rem;
}
 
.classification_warning span.hilighter {
    color: rgb(var(--pitch-black));
    background-color: rgb(var(--accent-color));
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 0;
}
 
.classification_warning p {
    line-height: 24px;
    font-weight: 500;
}
 
.miscom_message {
    background: url(https://scp-wiki.wikidot.com/local--files/theme:new-age/MISCOM_Logo.png), rgb(26 26 27);
    background-size: contain;
    background-position: top center;
    background-repeat: no-repeat;
    width: auto;
    padding: 10px 20px 5px 20px;
    margin-top: 1rem;
    margin-bottom: 1rem;
    margin-left: auto;
    margin-right: auto;
    border: 0.3rem solid rgb(var(--accent-color));
    color: rgb(var(--silver-lining));
    border-radius: 4px;
    width: 90%;
    min-height: 4rem;
    max-height: 100rem;
}
 
.miscom_message h1,
.miscom_message h2,
.miscom_message h3,
.miscom_message h4,
.miscom_message h5,
.miscom_message h6 {
    color: rgb(var(--silver-lining));
}
 
.miscom_message hr {
    border-top: 0.0625rem solid rgb(var(--accent-color));
    background-color: rgb(var(--accent-color));
    margin: 0.25rem;
}
 
.miscom_message span.hilighter {
    color: rgb(var(--pitch-black));
    background-color: rgb(var(--accent-color));
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 0;
}
 
.miscom_message p {
    line-height: 24px;
    font-weight: 500;
}
 
form#edit-page-form .edit-page-bottomtable tr>td:first-of-type>div:first-of-type:before {
    background-color: transparent;
}
 
form#edit-page-form .edit-help-34>a:hover {
    color: rgb(var(--silver-lining));
}
 
.modal,
.smallmodal {
    padding: 15px 15px 15px 15px;
    box-shadow: 0px 0px 3px rgb(0 0 0 / 30%);
    width: auto;
    margin: 1rem auto 1rem auto;
    background: rgb(var(--dark-midnight));
    border: solid 2px rgb(var(--dark-midnight));
    border-radius: 4px;
}
 
.smallmodal {
    width: 75%;
}
 
.hl-identifier,
.hl-code {
    color: rgb(var(--silver-lining));
}
 
div.scale {
    --woedbar-class-bar-color: rgb(var(--dark-midnight));
    --woedbar-lvl6-color: rgb(var(--accent-color));
    --woedbar-lvl5-color: rgb(var(--accent-color));
    --woedbar-lvl4-color: rgb(var(--accent-color));
    --woedbar-lvl3-color: rgb(var(--accent-color));
    --woedbar-lvl2-color: rgb(var(--accent-color));
    --woedbar-lvl1-color: rgb(var(--accent-color));
}
 
.collection .collapsible-block-unfolded-link a,
.collection .collapsible-block-folded a {
    border: 3px solid rgb(var(--accent-color));
}
 
.collection .collapsible-block-unfolded-link a,
.collection .collapsible-block-folded a {
    background-color: rgba(var(--dark-midnight));
    color: rgb(var(--accent-color));
}
 
.collection .collapsible-block {
    background-color: rgb(var(--dark-midnight));
    border-radius: 4px;
}
 
.namerow {
    background-color: rgb(var(--accent-color));
    color: rgb(var(--pitch-black));
}
 
.namerow {
    border: 2px solid rgb(var(--accent-color));
    border-radius: 4px;
}
 
.titlecolumn {
    border: 3px solid rgb(var(--accent-color));
    border-radius: 4px;
}
 
.titlecolumn {
    background-color: rgb(var(--accent-color));
    color: rgb(var(--dark-midnight));
}
 
.articlecolumn {
    background-color: rgb(var(--dark-midnight));
}
 
/* Custom Assets by EstrellaYoshte */
.limit {
    margin-bottom: -1rem;
}
 
.anchor {
    position: -webkit-sticky;
    position: sticky;
    height: 0;
    top: 0;
    z-index: 9999;
}
 
.sidebox {
    background-color: rgb(var(--black-monochrome));
    border-top: solid 0.125rem rgb(var(--swatch-primary));
    padding: .14rem 1rem .14rem;
    margin-top: 0;
    margin-bottom: 0.5rem;
    width: calc((100vw - (var(--body-width-on-desktop) + 10rem))/2);
    max-height: calc(100vh - 18rem);
    position: absolute;
    top: 0;
    left: 103.5%;
    z-index: 5;
    overflow: auto;
    box-sizing: border-box;
}
 
.hovertip {
    color: rgb(var(--swatch-text-general));
}
 
@media (max-width: 80.625rem) {
    .sidebox {
     width: auto;
     max-width: 50vw;
     color: rgba(0, 0, 0, 0);
     background-color: rgba(0, 0, 0, 0);
     box-shadow: 0 0 0 0 rgb(var(--swatch-primary));
     border: none;
     right: calc(((100vw - 1em - var(--body-width-on-desktop)) / 2) * -1);
     left: initial;
     pointer-events: none;
     transition: max-width 0.2s ease-in-out 0.1s, color 0.2s ease-in-out 0.1s, box-shadow 0.5s ease-in-out 0.1s, background-color 0s ease-in-out 0s;
     overflow-x: hidden;
     overflow-y: hidden;
     scrollbar-width: thin;
    }
 
    .sidebox::-webkit-scrollbar {
     width: 0.5em;
    }
 
@media only screen and (max-width: 56.25rem) {
::-webkit-scrollbar-thumb {
    background: rgb(var(--accent-color));
}
}
 
    .sidebox * {
     opacity: 0;
     transition: opacity 0.2s ease-in-out 0.1s;
    }
 
    .sidebox::before,
    .sidebox::after {
     content: " ";
     position: absolute;
     pointer-events: all;
     right: 0;
    }
 
    .sidebox::before {
     top: calc(50% - 0.75rem);
     width: 0;
     height: 0;
     border-top: 0.75rem solid transparent;
     border-bottom: 0.75rem solid transparent;
     border-right: 0.75rem solid rgb(var(--accent-color));
     transition: border 0.1s ease-in-out 0.1s;
     z-index: 10;
    }
 
    .sidebox::after {
     top: 0;
     max-width: 0.75rem;
     width: 100%;
     height: 100%;
     box-shadow: 0.125rem 0 0 0 rgb(var(--swatch-primary));
     max-height: calc(100vh - 18rem);
     background-color: rgb(var(--dark-midnight));
     z-index: -1;
     transition: box-shadow 0.5s ease-in-out 0.1s, max-width 0.5s ease-in-out 0.1s, border-top-left-radius 0.5s ease-in-out 0.1s, border-bottom-left-radius 0.5s ease-in-out 0.1s;
    }
 
    .sidebox:hover,
    .sidebox:active {
     color: rgb(var(--swatch-text-general));
     background-color: rgb(var(--black-monochrome));
     pointer-events: all;
     overflow-y: scroll;
     transition: max-width 0.5s ease-in-out 0.2s, color 0.5s ease-in-out 0.2s, box-shadow 0.5s ease-in-out 0.1s, background-color 0s ease-in-out 0.6s, right 0.5s ease-in-out 0.1s;
    }
 
    .sidebox:hover *,
    .sidebox:active * {
     opacity: 1;
     transition: opacity 0.5s ease-in-out 0.2s;
    }
 
    .sidebox:hover::before,
    .sidebox:active::before {
     border-top: 0vw solid transparent;
     border-bottom: 0vw solid transparent;
    }
 
    .sidebox:hover::after,
    .sidebox:active::after {
     box-shadow: 0 -0.125rem 0 0 rgb(var(--swatch-primary));
     right: 0;
     max-width: 100%;
     border-top-left-radius: 0rem;
     border-bottom-left-radius: 0rem;
    }
}
 
@media only screen and (max-width:56.25rem) {
    :root {
     --body-width-on-desktop: 100vw;
     --header-h1-font-size: calc(2rem + (2.5 - 2) * ((100vw - 18.750rem) / (60 - 18.750)));
     --header-h2-font-size: var(--base-font-size);
    }
 
    #header h1,
    #header h1 a,
    #header h1 a::before {
     top: 0.5rem;
    }
 
    #header h2,
    #header h2 a,
    #header h2 a::before {
     top: 0.35rem;
    }
 
    .anchor {
     top: calc(var(--topbar-height-on-mobile) + 0.75rem);
    }
 
    .sidebox,
    .sidebox:hover,
    .sidebox:active {
     right: calc(((100vw - (100% - 3rem))/2) * -1 + 1.5em);
    }
 
    .sidebox::before,
    .sidebox::after {
     content: " ";
     position: absolute;
     pointer-events: all;
     right: 0;
    }
 
    .blockquote,
    [class*="blockquote"],
    blockquote,
    div.blockquote {
     margin: 0;
    }
}
 
@media only screen and (min-width: 48.0625rem) {
 
    #search-top-box-form input[type="submit"],
    #search-top-box-form input[type="submit"]:focus,
    #search-top-box-form input[type="submit"]:hover {
     border-left: 0.0625rem solid rgba(var(--swatch-primary-darkest), 0);
    }
 
    #search-top-box-form input[type="submit"] {
     background: rgba(var(--swatch-primary-darkest), 0.5);
    }
}
 
#page-content .rate-box-with-credit-button,
.page-rate-widget-box {
    border: 0.0625rem solid rgba(var(--pitch-black));
}
 
div.page-rate-widget-box .rate-points {
    border: none;
}
 
#breadcrumbs a:active,
#breadcrumbs a:hover,
.pseudocrumbs a:active,
.pseudocrumbs a:hover {
  color: rgb(var(--dark-midnight));
}
 
#search-top-box {
     box-shadow: none;
}
 
/* Shown below are the different color variants that can be used independently from the primary theme accent color. These have been broken down into "Red," "Blue," "Orange," "Green," and "Pink" respectively. */
 
.green {
    border-color: rgb(var(--mutant-green));
}
 
.green .blockquote, [class*=blockquote],
.green blockquote,
.green div.blockquote {
   border-left-color: rgba(var(--mutant-green));
}
 
.green .image-block .image-caption,
.green .scp-image-block .scp-image-caption {
    border-bottom-color: rgb(var(--mutant-green));
}
 
.green hr {
    background-color: rgb(var(--mutant-green));
    border-color: rgb(var(--mutant-green));
}
 
.green span.hilighter {
    background-color: rgb(var(--mutant-green));
}
 
.green a {
    color: rgb(var(--mutant-green));
}
 
#page-content .green a:not([href*="user"]):not([href*="javascript:;"]):not(.fa-info):not([href*="https://www.scp-wiki.net/classification-committee-memo"]):not([href="https://scp-wiki.wikidot.com/anomaly-classification-system-guide"]):not([href="/classification-committee-memo"]) {
    box-shadow: inset 0 -0.125rem 0 0rem rgba(var(--mutant-green));
}
 
#page-content .green a:not([href*="user"]):not([href*="javascript:;"]):not([href*="https://www.scp-wiki.net/classification-committee-memo"]):not([href="https://scp-wiki.wikidot.com/anomaly-classification-system-guide"]):not([href="/classification-committee-memo"]):not(.fa-info):hover {
    box-shadow: inset 0 -1.5em 0 0 rgba(var(--mutant-green));
}
 
#page-content .green tr th {
    background-color: rgb(var(--mutant-green));
}
 
#page-content .green tr {
    --tables-border: var(--mutant-green);
}
 
.green .expoblock {
    border-color: rgb(var(--mutant-green));
}
 
.green .overwatch_notice {
    border-color: rgb(var(--mutant-green));
}
 
.green .ethics_alert {
    border-color: rgb(var(--mutant-green));
}
 
.green .raisa_update {
    border-color: rgb(var(--mutant-green));
}
 
.green .classification_warning {
    border-color: rgb(var(--mutant-green));
}
 
.green .miscom_message {
    border-color: rgb(var(--mutant-green));
}
 
.green .sidebox {
    box-shadow: 0 0 0 0 rgb(var(--mutant-green));
    border-top-color: rgb(var(--mutant-green));
}
 
.green .sidebox::before {
    border-right-color: rgb(var(--mutant-green));
}
 
.green .sidebox::after {
    box-shadow: 0.125rem 0 0 0 rgb(var(--mutant-green));
}
 
.green .blbf-main>div {
    border-color: rgb(var(--mutant-green));
}
 
.green .blbf-main>div::before {
   background-color: rgb(var(--mutant-green));
}
 
.green .yui-navset .yui-nav li {
    background-color: rgb(var(--mutant-green));
    box-shadow: 0 0 0 0 rgb(var(--mutant-green));
}
 
.green .yui-navset .yui-nav .selected {
    box-shadow: 0 0 0 0.25rem rgb(var(--mutant-green));
}
 
.green .yui-navset .yui-nav a:before {
background-color: rgb(var(--mutant-green));
}
 
.green .yui-navset .yui-nav .selected a:before,
.green .yui-navset .yui-nav .selected:active a:before,
.green .yui-navset .yui-nav .selected:focus a:before,
.green .yui-navset .yui-nav .selected:hover a:before {
background-color: rgb(var(--mutant-green));
}
 
.green .yui-navset .yui-nav li:active a:before, .green .yui-navset .yui-nav li:focus a:before,
.green .yui-navset .yui-nav li:hover a:before {
    background-color: rgb(var(--mutant-green));
}
 
.green .printuser a {
    color: rgb(var(--mutant-green));
}
 
.green a.collapsible-block-link {
    box-shadow: inset 0 -0.125rem 0 0rem rgba(var(--mutant-green));
}
 
.green a.collapsible-block-link:hover {
    box-shadow: inset 0 -1.5em 0 0 rgba(var(--mutant-green));
}
 
.blue {
    border-color: rgb(var(--skylight-blue));
}
 
.blue .blockquote, [class*=blockquote],
.blue blockquote,
.blue div.blockquote {
   border-left-color: rgba(var(--skylight-blue));
}
 
.blue .image-block .image-caption,
.blue .scp-image-block .scp-image-caption {
    border-bottom-color: rgb(var(--skylight-blue));
}
 
.blue hr {
    background-color: rgb(var(--skylight-blue));
    border-color: rgb(var(--skylight-blue));
}
 
.blue span.hilighter {
    background-color: rgb(var(--skylight-blue));
}
 
#page-content .blue a:not([href*="user"]):not([href*="javascript:;"]):not(.fa-info):not([href*="https://www.scp-wiki.net/classification-committee-memo"]):not([href="https://scp-wiki.wikidot.com/anomaly-classification-system-guide"]):not([href="/classification-committee-memo"]) {
    box-shadow: inset 0 -0.125rem 0 0rem rgba(var(--skylight-blue));
}
 
#page-content .blue a:not([href*="user"]):not([href*="javascript:;"]):not([href*="https://www.scp-wiki.net/classification-committee-memo"]):not([href="https://scp-wiki.wikidot.com/anomaly-classification-system-guide"]):not([href="/classification-committee-memo"]):not(.fa-info):hover {
    box-shadow: inset 0 -1.5em 0 0 rgba(var(--skylight-blue));
}
 
#page-content .blue tr th {
    background-color: rgb(var(--skylight-blue));
}
 
#page-content .blue tr {
    --tables-border: var(--skylight-blue);
}
 
.blue .expoblock {
    border-color: rgb(var(--skylight-blue));
}
 
.blue .overwatch_notice {
    border-color: rgb(var(--skylight-blue));
}
 
.blue .ethics_alert {
    border-color: rgb(var(--skylight-blue));
}
 
.blue .raisa_update {
    border-color: rgb(var(--skylight-blue));
}
 
.blue .classification_warning {
    border-color: rgb(var(--skylight-blue));
}
 
.blue .miscom_message {
    border-color: rgb(var(--skylight-blue));
}
 
.blue .sidebox {
    box-shadow: 0 0 0 0 rgb(var(--skylight-blue));
    border-top-color: rgb(var(--skylight-blue));
}
 
.blue .sidebox::before {
    border-right-color: rgb(var(--skylight-blue));
}
 
.blue .sidebox::after {
    box-shadow: 0.125rem 0 0 0 rgb(var(--skylight-blue));
}
 
.blue .blbf-main>div {
    border-color: rgb(var(--skylight-blue));
}
 
.blue .blbf-main>div::before {
   background-color: rgb(var(--skylight-blue));
}
 
.blue .yui-navset .yui-nav li {
    background-color: rgb(var(--skylight-blue));
    box-shadow: 0 0 0 0 rgb(var(--skylight-blue));
}
 
.blue .yui-navset .yui-nav .selected {
    box-shadow: 0 0 0 0.25rem rgb(var(--skylight-blue));
}
 
.blue .yui-navset .yui-nav a:before {
background-color: rgb(var(--skylight-blue));
}
 
.blue .yui-navset .yui-nav .selected a:before,
.blue .yui-navset .yui-nav .selected:active a:before,
.blue .yui-navset .yui-nav .selected:focus a:before,
.blue .yui-navset .yui-nav .selected:hover a:before {
background-color: rgb(var(--skylight-blue));
}
 
.blue .yui-navset .yui-nav li:active a:before,
.blue .yui-navset .yui-nav li:focus a:before,
.blue .yui-navset .yui-nav li:hover a:before {
    background-color: rgb(var(--skylight-blue));
}
 
.blue .printuser a {
    color: rgb(var(--skylight-blue));
}
 
.blue a.collapsible-block-link {
    box-shadow: inset 0 -0.125rem 0 0rem rgba(var(--skylight-blue));
}
 
.blue a.collapsible-block-link:hover {
    box-shadow: inset 0 -1.5em 0 0 rgba(var(--skylight-blue));
}
 
.orange {
    border-color: rgb(var(--neon-orange));
}
 
.orange .blockquote, [class*=blockquote],
.orange blockquote,
.orange div.blockquote {
   border-left-color: rgba(var(--neon-orange));
}
 
.orange .image-block .image-caption,
.orange .scp-image-block .scp-image-caption {
    border-bottom-color: rgb(var(--neon-orange));
}
 
.orange hr {
    background-color: rgb(var(--neon-orange));
    border-color: rgb(var(--neon-orange));
}
 
.orange span.hilighter {
    background-color: rgb(var(--neon-orange));
}
 
#page-content .orange a:not([href*="user"]):not([href*="javascript:;"]):not(.fa-info):not([href*="https://www.scp-wiki.net/classification-committee-memo"]):not([href="https://scp-wiki.wikidot.com/anomaly-classification-system-guide"]):not([href="/classification-committee-memo"]) {
    box-shadow: inset 0 -0.125rem 0 0rem rgba(var(--neon-orange));
}
 
#page-content .orange a:not([href*="user"]):not([href*="javascript:;"]):not([href*="https://www.scp-wiki.net/classification-committee-memo"]):not([href="https://scp-wiki.wikidot.com/anomaly-classification-system-guide"]):not([href="/classification-committee-memo"]):not(.fa-info):hover {
    box-shadow: inset 0 -1.5em 0 0 rgba(var(--neon-orange));
}
 
#page-content .orange tr th {
    background-color: rgb(var(--neon-orange));
}
 
#page-content .orange tr {
    --tables-border: var(--neon-orange);
}
 
.orange .expoblock {
    border-color: rgb(var(--neon-orange));
}
 
.orange .overwatch_notice {
    border-color: rgb(var(--neon-orange));
}
 
.orange .ethics_alert {
    border-color: rgb(var(--neon-orange));
}
 
.orange .raisa_update {
    border-color: rgb(var(--neon-orange));
}
 
.orange .classification_warning {
    border-color: rgb(var(--neon-orange));
}
 
.orange .miscom_message {
    border-color: rgb(var(--neon-orange));
}
 
.orange .sidebox {
    box-shadow: 0 0 0 0 rgb(var(--neon-orange));
    border-top-color: rgb(var(--neon-orange));
}
 
.orange .sidebox::before {
    border-right-color: rgb(var(--neon-orange));
}
 
.orange .sidebox::after {
    box-shadow: 0.125rem 0 0 0 rgb(var(--neon-orange));
}
 
.orange .blbf-main>div {
    border-color: rgb(var(--neon-orange));
}
 
.orange .blbf-main>div::before {
   background-color: rgb(var(--neon-orange));
}
 
.orange .yui-navset .yui-nav li {
    background-color: rgb(var(--neon-orange));
    box-shadow: 0 0 0 0 rgb(var(--neon-orange));
}
 
.orange .yui-navset .yui-nav .selected {
    box-shadow: 0 0 0 0.25rem rgb(var(--neon-orange));
}
 
.orange .yui-navset .yui-nav a:before {
background-color: rgb(var(--neon-orange));
}
 
.orange .yui-navset .yui-nav .selected a:before,
.orange .yui-navset .yui-nav .selected:active a:before,
.orange .yui-navset .yui-nav .selected:focus a:before,
.orange .yui-navset .yui-nav .selected:hover a:before {
background-color: rgb(var(--neon-orange));
}
 
.orange .yui-navset .yui-nav li:active a:before, .orange .yui-navset .yui-nav li:focus a:before,
.orange .yui-navset .yui-nav li:hover a:before {
    background-color: rgb(var(--neon-orange));
}
 
.orange .printuser a {
    color: rgb(var(--neon-orange));
}
 
.orange a.collapsible-block-link {
    box-shadow: inset 0 -0.125rem 0 0rem rgba(var(--neon-orange));
}
 
.orange a.collapsible-block-link:hover {
    box-shadow: inset 0 -1.5em 0 0 rgba(var(--neon-orange));
}
 
.red {
    border-color: rgb(var(--deep-crimson));
}
 
.red .blockquote, [class*=blockquote],
.red blockquote,
.red div.blockquote {
   border-left-color: rgba(var(--deep-crimson));
}
 
.red .image-block .image-caption,
.red .scp-image-block .scp-image-caption {
    border-bottom-color: rgb(var(--deep-crimson));
}
 
.red hr {
    background-color: rgb(var(--deep-crimson));
    border-color: rgb(var(--deep-crimson));
}
 
.red span.hilighter {
    background-color: rgb(var(--deep-crimson));
}
 
#page-content .red a:not([href*="user"]):not([href*="javascript:;"]):not(.fa-info):not([href*="https://www.scp-wiki.net/classification-committee-memo"]):not([href="https://scp-wiki.wikidot.com/anomaly-classification-system-guide"]):not([href="/classification-committee-memo"]) {
    box-shadow: inset 0 -0.125rem 0 0rem rgba(var(--deep-crimson));
}
 
#page-content .red a:not([href*="user"]):not([href*="javascript:;"]):not([href*="https://www.scp-wiki.net/classification-committee-memo"]):not([href="https://scp-wiki.wikidot.com/anomaly-classification-system-guide"]):not([href="/classification-committee-memo"]):not(.fa-info):hover {
    box-shadow: inset 0 -1.5em 0 0 rgba(var(--deep-crimson));
}
 
#page-content .red tr th {
    background-color: rgb(var(--deep-crimson));
}
 
#page-content .red tr {
    --tables-border: var(--deep-crimson);
}
 
.red .expoblock {
    border-color: rgb(var(--deep-crimson));
}
 
.red .overwatch_notice {
    border-color: rgb(var(--deep-crimson));
}
 
.red .ethics_alert {
    border-color: rgb(var(--deep-crimson));
}
 
.red .raisa_update {
    border-color: rgb(var(--deep-crimson));
}
 
.red .classification_warning {
    border-color: rgb(var(--deep-crimson));
}
 
.red .miscom_message {
    border-color: rgb(var(--deep-crimson));
}
 
.red .sidebox {
    box-shadow: 0 0 0 0 rgb(var(--deep-crimson));
    border-top-color: rgb(var(--deep-crimson));
}
 
.red .sidebox::before {
    border-right-color: rgb(var(--deep-crimson));
}
 
.red .sidebox::after {
    box-shadow: 0.125rem 0 0 0 rgb(var(--deep-crimson));
}
 
.red .blbf-main>div {
    border-color: rgb(var(--deep-crimson));
}
 
.red .blbf-main>div::before {
   background-color: rgb(var(--deep-crimson));
}
 
.red .yui-navset .yui-nav li {
    background-color: rgb(var(--deep-crimson));
    box-shadow: 0 0 0 0 rgb(var(--deep-crimson));
}
 
.red .yui-navset .yui-nav .selected {
    box-shadow: 0 0 0 0.25rem rgb(var(--deep-crimson));
}
 
.red .yui-navset .yui-nav a:before {
background-color: rgb(var(--deep-crimson));
}
 
.red .yui-navset .yui-nav .selected a:before,
.red .yui-navset .yui-nav .selected:active a:before,
.red .yui-navset .yui-nav .selected:focus a:before,
.red .yui-navset .yui-nav .selected:hover a:before {
background-color: rgb(var(--deep-crimson));
}
 
.red .yui-navset .yui-nav li:active a:before, .red .yui-navset .yui-nav li:focus a:before,
.red .yui-navset .yui-nav li:hover a:before {
    background-color: rgb(var(--deep-crimson));
}
 
.red .printuser a {
    color: rgb(var(--deep-crimson));
}
 
.red a.collapsible-block-link {
    box-shadow: inset 0 -0.125rem 0 0rem rgba(var(--deep-crimson));
}
 
.red a.collapsible-block-link:hover {
    box-shadow: inset 0 -1.5em 0 0 rgba(var(--deep-crimson));
}
 
.pink {
    border-color: rgb(var(--lipstick-pink));
}
 
.pink .blockquote, [class*=blockquote],
.pink blockquote,
.pink div.blockquote {
   border-left-color: rgba(var(--lipstick-pink));
}
 
.pink .image-block .image-caption,
.pink .scp-image-block .scp-image-caption {
    border-bottom-color: rgb(var(--lipstick-pink));
}
 
.pink hr {
    background-color: rgb(var(--lipstick-pink));
    border-color: rgb(var(--lipstick-pink));
}
 
.pink span.hilighter {
    background-color: rgb(var(--lipstick-pink));
}
 
#page-content .pink a:not([href*="user"]):not([href*="javascript:;"]):not(.fa-info):not([href*="https://www.scp-wiki.net/classification-committee-memo"]):not([href="https://scp-wiki.wikidot.com/anomaly-classification-system-guide"]):not([href="/classification-committee-memo"]) {
    box-shadow: inset 0 -0.125rem 0 0rem rgba(var(--lipstick-pink));
}
 
#page-content .pink a:not([href*="user"]):not([href*="javascript:;"]):not([href*="https://www.scp-wiki.net/classification-committee-memo"]):not([href="https://scp-wiki.wikidot.com/anomaly-classification-system-guide"]):not([href="/classification-committee-memo"]):not(.fa-info):hover {
    box-shadow: inset 0 -1.5em 0 0 rgba(var(--lipstick-pink));
}
 
#page-content .pink tr th {
    background-color: rgb(var(--lipstick-pink));
}
 
#page-content .pink tr {
    --tables-border: var(--lipstick-pink);
}
 
.pink .expoblock {
    border-color: rgb(var(--lipstick-pink));
}
 
.pink .overwatch_notice {
    border-color: rgb(var(--lipstick-pink));
}
 
.pink .ethics_alert {
    border-color: rgb(var(--lipstick-pink));
}
 
.pink .raisa_update {
    border-color: rgb(var(--lipstick-pink));
}
 
.pink .classification_warning {
    border-color: rgb(var(--lipstick-pink));
}
 
.pink .miscom_message {
    border-color: rgb(var(--lipstick-pink));
}
 
.pink .sidebox {
    box-shadow: 0 0 0 0 rgb(var(--lipstick-pink));
    border-top-color: rgb(var(--lipstick-pink));
}
 
.pink .sidebox::before {
    border-right-color: rgb(var(--lipstick-pink));
}
 
.pink .sidebox::after {
    box-shadow: 0.125rem 0 0 0 rgb(var(--lipstick-pink));
}
 
.pink .blbf-main>div {
    border-color: rgb(var(--lipstick-pink));
}
 
.pink .blbf-main>div::before {
   background-color: rgb(var(--lipstick-pink));
}
 
.pink .yui-navset .yui-nav li {
    background-color: rgb(var(--lipstick-pink));
    box-shadow: 0 0 0 0 rgb(var(--lipstick-pink));
}
 
.pink .yui-navset .yui-nav .selected {
    box-shadow: 0 0 0 0.25rem rgb(var(--lipstick-pink));
}
 
.pink .yui-navset .yui-nav a:before {
background-color: rgb(var(--lipstick-pink));
}
 
.pink .yui-navset .yui-nav .selected a:before,
.pink .yui-navset .yui-nav .selected:active a:before,
.pink .yui-navset .yui-nav .selected:focus a:before,
.pink .yui-navset .yui-nav .selected:hover a:before {
background-color: rgb(var(--lipstick-pink));
}
 
.pink .yui-navset .yui-nav li:active a:before, .pink .yui-navset .yui-nav li:focus a:before,
.pink .yui-navset .yui-nav li:hover a:before {
    background-color: rgb(var(--lipstick-pink));
}
 
.pink .printuser a {
    color: rgb(var(--lipstick-pink));
}
 
.pink a.collapsible-block-link {
    box-shadow: inset 0 -0.125rem 0 0rem rgba(var(--lipstick-pink));
}
 
.pink a.collapsible-block-link:hover {
    box-shadow: inset 0 -1.5em 0 0 rgba(var(--lipstick-pink));
}
 
.violet {
    border-color: rgb(var(--lavender-violet));
}
 
.violet .blockquote, [class*=blockquote],
.violet blockquote,
.violet div.blockquote {
   border-left-color: rgba(var(--lavender-violet));
}
 
.violet .image-block .image-caption,
.violet .scp-image-block .scp-image-caption {
    border-bottom-color: rgb(var(--lavender-violet));
}
 
.violet hr {
    background-color: rgb(var(--lavender-violet));
    border-color: rgb(var(--lavender-violet));
}
 
.violet span.hilighter {
    background-color: rgb(var(--lavender-violet));
}
 
#page-content .violet a:not([href*="user"]):not([href*="javascript:;"]):not(.fa-info):not([href*="https://www.scp-wiki.net/classification-committee-memo"]):not([href="https://scp-wiki.wikidot.com/anomaly-classification-system-guide"]):not([href="/classification-committee-memo"]) {
    box-shadow: inset 0 -0.125rem 0 0rem rgba(var(--lavender-violet));
}
 
#page-content .violet a:not([href*="user"]):not([href*="javascript:;"]):not([href*="https://www.scp-wiki.net/classification-committee-memo"]):not([href="https://scp-wiki.wikidot.com/anomaly-classification-system-guide"]):not([href="/classification-committee-memo"]):not(.fa-info):hover {
    box-shadow: inset 0 -1.5em 0 0 rgba(var(--lavender-violet));
}
 
#page-content .violet tr th {
    background-color: rgb(var(--lavender-violet));
}
 
#page-content .violet tr {
    --tables-border: var(--lavender-violet);
}
 
.violet .expoblock {
    border-color: rgb(var(--lavender-violet));
}
 
.violet .overwatch_notice {
    border-color: rgb(var(--lavender-violet));
}
 
.violet .ethics_alert {
    border-color: rgb(var(--lavender-violet));
}
 
.violet .raisa_update {
    border-color: rgb(var(--lavender-violet));
}
 
.violet .classification_warning {
    border-color: rgb(var(--lavender-violet));
}
 
.violet .miscom_message {
    border-color: rgb(var(--lavender-violet));
}
 
.violet .sidebox {
    box-shadow: 0 0 0 0 rgb(var(--lavender-violet));
    border-top-color: rgb(var(--lavender-violet));
}
 
.violet .sidebox::before {
    border-right-color: rgb(var(--lavender-violet));
}
 
.violet .sidebox::after {
    box-shadow: 0.125rem 0 0 0 rgb(var(--lavender-violet));
}
 
.violet .blbf-main>div {
    border-color: rgb(var(--lavender-violet));
}
 
.violet .blbf-main>div::before {
   background-color: rgb(var(--lavender-violet));
}
 
.violet .yui-navset .yui-nav li {
    background-color: rgb(var(--lavender-violet));
    box-shadow: 0 0 0 0 rgb(var(--lavender-violet));
}
 
.violet .yui-navset .yui-nav .selected {
    box-shadow: 0 0 0 0.25rem rgb(var(--lavender-violet));
}
 
.violet .yui-navset .yui-nav a:before {
background-color: rgb(var(--lavender-violet));
}
 
.violet .yui-navset .yui-nav .selected a:before,
.violet .yui-navset .yui-nav .selected:active a:before,
.violet .yui-navset .yui-nav .selected:focus a:before,
.violet .yui-navset .yui-nav .selected:hover a:before {
background-color: rgb(var(--lavender-violet));
}
 
.violet .yui-navset .yui-nav li:active a:before, .violet .yui-navset .yui-nav li:focus a:before,
.violet .yui-navset .yui-nav li:hover a:before {
    background-color: rgb(var(--lavender-violet));
}
 
.violet .printuser a {
    color: rgb(var(--lavender-violet));
}
 
.violet a.collapsible-block-link {
    box-shadow: inset 0 -0.125rem 0 0rem rgba(var(--lavender-violet));
}
 
.violet a.collapsible-block-link:hover {
    box-shadow: inset 0 -1.5em 0 0 rgba(var(--lavender-violet));
}
 
.teal {
    border-color: rgb(var(--seafoam-teal));
}
 
.teal .blockquote, [class*=blockquote],
.teal blockquote,
.teal div.blockquote {
   border-left-color: rgba(var(--seafoam-teal));
}
 
.teal .image-block .image-caption,
.teal .scp-image-block .scp-image-caption {
    border-bottom-color: rgb(var(--seafoam-teal));
}
 
.teal hr {
    background-color: rgb(var(--seafoam-teal));
    border-color: rgb(var(--seafoam-teal));
}
 
.teal span.hilighter {
    background-color: rgb(var(--seafoam-teal));
}
 
#page-content .teal a:not([href*="user"]):not([href*="javascript:;"]):not(.fa-info):not([href*="https://www.scp-wiki.net/classification-committee-memo"]):not([href="https://scp-wiki.wikidot.com/anomaly-classification-system-guide"]):not([href="/classification-committee-memo"]) {
    box-shadow: inset 0 -0.125rem 0 0rem rgba(var(--seafoam-teal));
}
 
#page-content .teal a:not([href*="user"]):not([href*="javascript:;"]):not([href*="https://www.scp-wiki.net/classification-committee-memo"]):not([href="https://scp-wiki.wikidot.com/anomaly-classification-system-guide"]):not([href="/classification-committee-memo"]):not(.fa-info):hover {
    box-shadow: inset 0 -1.5em 0 0 rgba(var(--seafoam-teal));
}
 
#page-content .teal tr th {
    background-color: rgb(var(--seafoam-teal));
}
 
#page-content .teal tr {
    --tables-border: var(--seafoam-teal);
}
 
.teal .expoblock {
    border-color: rgb(var(--seafoam-teal));
}
 
.teal .overwatch_notice {
    border-color: rgb(var(--seafoam-teal));
}
 
.teal .ethics_alert {
    border-color: rgb(var(--seafoam-teal));
}
 
.teal .raisa_update {
    border-color: rgb(var(--seafoam-teal));
}
 
.teal .classification_warning {
    border-color: rgb(var(--seafoam-teal));
}
 
.teal .miscom_message {
    border-color: rgb(var(--seafoam-teal));
}
 
.teal .sidebox {
    box-shadow: 0 0 0 0 rgb(var(--seafoam-teal));
    border-top-color: rgb(var(--seafoam-teal));
}
 
.teal .sidebox::before {
    border-right-color: rgb(var(--seafoam-teal));
}
 
.teal .sidebox::after {
    box-shadow: 0.125rem 0 0 0 rgb(var(--seafoam-teal));
}
 
.teal .blbf-main>div {
    border-color: rgb(var(--seafoam-teal));
}
 
.teal .blbf-main>div::before {
   background-color: rgb(var(--seafoam-teal));
}
 
.teal .yui-navset .yui-nav li {
    background-color: rgb(var(--seafoam-teal));
    box-shadow: 0 0 0 0 rgb(var(--seafoam-teal));
}
 
.teal .yui-navset .yui-nav .selected {
    box-shadow: 0 0 0 0.25rem rgb(var(--seafoam-teal));
}
 
.teal .yui-navset .yui-nav a:before {
background-color: rgb(var(--seafoam-teal));
}
 
.teal .yui-navset .yui-nav .selected a:before,
.teal .yui-navset .yui-nav .selected:active a:before,
.teal .yui-navset .yui-nav .selected:focus a:before,
.teal .yui-navset .yui-nav .selected:hover a:before {
background-color: rgb(var(--seafoam-teal));
}
 
.teal .yui-navset .yui-nav li:active a:before, .teal .yui-navset .yui-nav li:focus a:before,
.teal .yui-navset .yui-nav li:hover a:before {
    background-color: rgb(var(--seafoam-teal));
}
 
.teal .printuser a {
    color: rgb(var(--seafoam-teal));
}
 
.teal a.collapsible-block-link {
    box-shadow: inset 0 -0.125rem 0 0rem rgba(var(--seafoam-teal));
}
 
.teal a.collapsible-block-link:hover {
    box-shadow: inset 0 -1.5em 0 0 rgba(var(--seafoam-teal));
}

‡ 授权 / 引用

请按如下方式引用此页：

“新世代 主题版式”，作者 JakdragonX，来自 SCP 维基。原文链接：https://scp-wiki.wikidot.com/theme:new-age。译者 Allen3723，来自 SCP-CN 维基。译文链接：http://scp-wiki-cn.wikidot.com/theme:new-age。遵循 CC-BY-SA 协议。

更多详情请参阅授权指南。
授权信息

备忘录div中使用的部门标识是由 EstrellaYoshte 设计的。来源：https://scp-wiki-cn.wikidot.com/desk-of-junior-designer-s-yvonne。所有其他图像都是由 Liryn 制作的，并在CC-BY-SA 3.0协议下发布。来源：https://scp-wiki-cn.wikidot.com/theme:basalt

在此主题版式中使用的SVG图像均来自https://www.svgbackgrounds.com/ ，且根据其网站，它们被授权为在CC-BY-SA 4.0协议下发布。

更多维基文档信息，请见版权信息总览。

脚注

1. 译注：下方的etc为省略记号。

2. 这是一条注释