Darkqueer 版式

[[div style="display: none;"]][[embed]]
<iframe src="//interwiki.zokhoi.com/styleFrame.html?priority=1&type=sidebar&css=.side-block%7Bborder%3A%201px%20solid%20%23333%3Bborder-radius%3A%200%3Bbox-shadow%3A%20none%3Bbackground-color%3A%20%23FDF6D7%3B%7D" style="display: none"></iframe>
[[/embed]]

空白风格 CSS
Placeholder McD、 HarryBlank
发布于 2021 年 3 月

感谢

stormbreath、

EstrellaYoshte、和

Croquembouche 共同制作了大部分此版式中所引用的代码。

著作信息

空白风格 CSS
作者：Placeholder McD、HarryBlank

感谢 stormbreath、EstrellaYoshte、和 Croquembouche 共同制作了大部分此版式中所引用的代码。特别是 Estrella。

这是什么？

这是空白风格 CSS：由 Placeholder McD 和 HarryBlank 为后者的作品所制作的视觉样式。它的存在使其能轻易地被更新并广泛应用于作品中。它本质上是 EstrellaYoshte 的半影版式的明亮版本，外加一些特有的注意事项。

它几乎肯定不能和其他版式一起使用，尤其是黑色标记笔。除非你知道你在干什么，否则不要使用此版式。

使用方法

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

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

注意此版式包含以下组件：

当你将此版式与著作信息模块一起使用时，将模块置于一个 {{

}} 元素中确保信息栏不会因渐显而延迟显示。

此版式借用了 PeppersGhost 的 Peppo 的插图方块以及 EstrellaYoshte 的代码，以将基础图像和插图方块居中，使它们在更小的屏幕上看起来更美观（见于：移动端）。它还借用了半影版式中 Estrella 的天才 sidebox 技术，大部分代码衍生自纸堆版式。

请前往讨论区参阅补丁说明以了解空白风格 CSS 的一些额外功能。

ACS 色彩表格

以下带有自定义色彩标题格的表格可以通过将表格置于一个 div 元素中来使用，分别名为“table1”至“table5”.注意将一个 SCP 插图方块置于这些 div 元素中会同样地改变其文本框。也注意这是一个“更好的脚注”，它的详细使用方法可参阅上文中的链接。。这些表格对应于 ACS 组件栏的 5 个基础等级。

这是一个普通的表格；
测试很无趣

这是一个绿色表格；
测试很有趣。

这是一个蓝色表格；
测试也很有趣。

这是一个黄色表格；
测试也很有趣。

这是一个橙色表格；
测试也很有趣。

这是一个红色表格；
测试开始变得无趣。

这是一个紫色表格；
测试就是测试。

注意：紫色表格用于描述Thaumiel级的项目，还有需要6级（宇宙绝密）或临时6级（Thaumiel-Proviso）权限才能访问的文件。这种规定顺应了 Placeholder McD的通感偏好，以及哈利把自己喜欢的东西放到文章里的愿望。

tableb div 元素也会分离其内部表格的单元格。

这是一个破碎的表格；
测试特别有趣！

_{哈利很长很长时间以来一直手动输入表格的格式。真是个书呆子。}

源代码

[[ift{$fade}gs +版式]]

WikiJump include 未展开： 本地数据库中没有当前版本（:scp-wiki:component:fade-in）

[[/ift{$fade}gs]]

[[ift{$acs}gs +版式]]

WikiJump include 未展开： 本地数据库中没有当前版本（:scp-wiki:component:acs-animation）

[[/ift{$acs}gs]]

WikiJump include 未展开： 本地数据库中没有当前版本（:scp-wiki:component:betterfootnotes）

+ 代码- 代码

著作信息

这是由 Queerious制作的Darkqueer版式，该主题基于现有的空白风格分支制作，而空白风格的作者为 Placeholder McD与 HarryBlank；本主题旨在作为Queerstyle的更暗色替代方案。

本版式还使用了由 Woedenaz制作的白色轮廓经典LGBTQ+骄傲月标志。

本版式会彻底重新调整页面的配色，并将标准组件修改为中性／暗色调。同时，它还对页面样式进行了调整，使其呈现出一种伪未来主义的风格。

如需使用本版式，请将以下代码放置在页面顶部：

[[include :scp-wiki-cn:theme:blankstyle]]
[[include :scp-wiki-cn:theme:darkqueer]]

WikiJump include 未展开： 本地数据库中没有当前版本（:scp-wiki:component:theme-squares）

带有说明文字的图像块。

如上所示，可以使用5个连字符 "- - - - -" 创建装饰性水平分隔线。

标题可以通过在行首放置1至6个加号“+”来创建。

+ 折叠块 - 点击我- 折叠块 - 点击我

标题1

标题2

标题3

标题4

标题5

标题6

Tab

长Tab

更长的Tab

空Tab

这是tab视图。

这是一个引用块，只需在每一行开头加上 "> " 即可创建。

更多文字

这是一条水平分隔线

嵌套引用块

这是	表格
你应该知道	如何制作
这些

Footnotes

1.这是脚注。

+ 代码- 代码

css

/*
    DARKQUEER CSS
    By Queerious
    Forked from:
        Blankstyle CSS by Placeholder McD and HarryBlank
        Using Code from Queerstyle CSS by Queerious
    Using:
        White Outline Classic LGBTQ+ Pride Logo by Woedenaz
        from https://scp-wiki.wikidot.com/component:pride-highlighter
*/

/* =========================
   Relevant QUEERSTYLE Code
   ========================= */

#header h1 a::before {
    font-size: 1.2em;
    text-shadow: 3px 3px 3px #fff;
}

#header h2::before {
    font-size: 0.9em;
    text-shadow: 1px 1px 1px #fff;
}

#header {
    margin-top: 0.5em;
}

:root:lang(cn) {
    --header-title: "SCP基金会";
    --header-subtitle: "控制，收容，保护";
}

@media (max-width: 707px) {
    #header h1 a::before {
        font-size: 9vw;
    }

    #login-status,
    #login-status a {
        text-shadow: 1px 1px #afb4b9;
    }
}

@supports (scrollbar-color: auto) {
    .scrollbox {
        scrollbar-color: var(--off-white) var(--off-white);
    }
}

::-webkit-scrollbar-thumb {
    background-color: var(--off-white);
}

div#extra-div-1 {
    height: 150px;
    background-image: url('https://scp-wiki.wdfiles.com/local--files/component:pride-highlighter/gp_logo.svg');
}

/* =========================
   QUEERSTYLE DARK MODE
   ========================= */

#page-content {
    color: var(--off-white);
}

#page-content hr {
    margin: 2em 1em;
}

#page-content a {
    color: var(--brighter-accent-color);
}

#page-content a:visited {
    color: var(--mid-high-accent-color);
}

#page-content a:hover {
    color: var(--brightest-accent-color);
}

#page-content a.newpage {
    color: var(--secondary-accent-color);
}

#login-status,
#login-status a {
    color: var(--brightest-accent-color);
}

/* =========================
   COLOR VARIABLES
   ========================= */

:root:lang(cn) {
    --off-white: #DCDCDC;
    --brighter-white: #F0F0F0;

    --accent-color: #5A1E5A;
    --subdued-accent-color: #5A3C5A;
    --mid-accent-color: #462378;
    --mid-high-accent-color: #58358A;
    --brighter-accent-color: #8C328C;
    --brightest-accent-color: #AA50AA;
    --secondary-accent-color: #8C2850;

    --lighter-color: #877887;
    --darker-color: #140E14;
    --darkest-color: #2E282E;
}

/* =========================
   BODY BACKGROUND
   ========================= */

body {
    background-image: linear-gradient(
        to bottom,
        #000000,
        #000000 90px,
        #000000 90px,
        #171417 200px,
        #171417 200px,
        var(--darkest-color) 100%
    );
    background-repeat: no-repeat;
}

/* =========================
   HEADER
   ========================= */

#header h1,
#header h2 {
    margin-left: 0;
    float: none;
    text-align: center;
}

#header h2 {
    margin-top: 0.5rem;
}

#header h1 span,
#header h2 span {
    font-size: 0;
    display: none;
}

#header h1 a::before,
#header h2::before {
    color: var(--brighter-white);
}

#header h1 a::before {
    text-shadow: 3px 3px 3px var(--darkest-color);
}

#header h2::before {
    text-shadow: 1px 1px 1px var(--darkest-color);
}

/* =========================
   HEADINGS
   ========================= */

h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--off-white);
}

/* =========================
   COLOR CORRECTION
   ========================= */

#page-content hr {
    background-color: var(--off-white);
}

#top-bar,
#top-bar a {
    color: var(--off-white);
    text-shadow: 0.75px 0.75px 1px var(--darkest-color);
}

#top-bar ul li.sfhover a,
#top-bar ul li:hover a {
    color: var(--brighter-accent-color);
}

div.blockquote hr {
    background-color: var(--brighter-accent-color) !important;
}

/* =========================
   TABLES
   ========================= */

#page-content tr th {
    background-color: var(--subdued-accent-color);
    color: var(--off-white);
    border: var(--off-white) 1px solid;
}

#page-content tr td {
    border: var(--off-white) 1px solid;
}

/* =========================
   BLOCKQUOTES
   ========================= */

#page-content div.blockquote,
#page-content blockquote {
    padding-left: 1.5em;
    background-color: var(--darker-color);
    border: 3px dashed var(--subdued-accent-color);
    border-left: 6px solid var(--accent-color);

    border-top-left-radius: 20px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 10px;
}

/* =========================
   YUI RECOLOR
   ========================= */

#page-content .yui-nav a {
    color: var(--off-white);
}

.yui-navset .yui-nav,
.yui-navset .yui-navset-top .yui-nav {
    border-color: var(--accent-color);
}

.yui-navset .yui-nav a,
.yui-navset .yui-navset-top .yui-nav a {
    color: var(--off-white);
    background-color: var(--darker-color);
}

.yui-navset .yui-nav a:hover,
.yui-navset .yui-nav a:focus {
    color: var(--off-white);
    background-color: var(--accent-color);
}

.yui-navset .yui-nav li,
.yui-navset .yui-navset-top .yui-nav li {
    color: var(--darker-color);
    background-color: var(--accent-color);
}

.yui-navset .yui-nav .selected,
.yui-navset .yui-navset-top .yui-nav .selected {
    background-color: var(--accent-color);
}

.yui-navset .yui-nav .selected a {
    width: 100%;
    color: var(--off-white);
}

.yui-navset .yui-nav .selected a:focus,
.yui-navset .yui-nav .selected a:active {
    color: var(--off-white);
    background-color: var(--accent-color);
}

.yui-navset .yui-content {
    background-color: var(--darker-color);
}

.yui-navset .yui-content,
.yui-navset .yui-navset-top .yui-content {
    border: none;
    padding: 0.5em 0.7em;
}

/* =========================
   FOOTNOTES
   ========================= */

a.footnoteref {
    color: var(--secondary-accent-color);
}

/* =========================
   PAGE OPTIONS / ACTION AREA
   ========================= */

#page-options-container,
#action-area {
    color: var(--off-white);
}

#page-options-container a,
#action-area a,
#main-content .page-tags a,
#license-area a {
    color: var(--brighter-accent-color);
}

#page-options-container a:visited,
#action-area a:visited,
#main-content .page-tags a:visited,
#license-area a:visited {
    color: var(--mid-high-accent-color);
}

#page-options-container a:hover,
#action-area a:hover,
#main-content .page-tags a:hover,
#license-area a:hover {
    color: var(--brightest-accent-color);
}

#page-options-container a.newpage,
#action-area a.newpage,
#main-content .page-tags a.newpage,
.license-area a.newpage {
    color: var(--secondary-accent-color);
}

/* =========================
   LOCK INFO
   ========================= */

#lock-info {
    color: black;
}

table.form td div.sub,
form div.sub {
    color: var(--off-white);
}

/* =========================
   IMAGE BLOCK
   ========================= */

.scp-image-block .scp-image-caption {
    background-color: var(--lighter-color);
}

/* =========================
   SCROLLBAR
   ========================= */

@supports (scrollbar-color: auto) {
    .scrollbox {
        scrollbar-color: var(--off-white) var(--darkest-color);
    }
}

::-webkit-scrollbar-thumb {
    background-color: var(--darkest-color);
}

::-webkit-scrollbar-track {
    background-color: var(--off-white);
}

/* =========================
   EARTHWORM RECOLOR
   ========================= */

.earthworm__hub,
.earthworm__previous,
.earthworm__next,
.earthworm__arrowhead {
    background: var(--darker-color) !important;
}

/* =========================
   ACS FIX
   ========================= */

.danger-diamond a {
    color: rgba(0, 0, 0, 0) !important;
}

/* =========================
   CUSTOM STYLES
   ========================= */

.queerbox_large {
    padding: 0.5em;
    background-color: var(--darker-color);
    border: 3px solid var(--accent-color);

    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

版式

页面版本：⁨0⁩, 最后编辑于: ⁨2026/8/15 09:23:49⁩ (⁨⁨32⁩ 日前⁩), 现时评分: 9

历史附件 + 选项

SCP基金会中文分部

著作信息

这是什么？

使用方法

ACS 色彩表格

源代码

著作信息

标题1

标题2

标题3

标题4

标题5

标题6