虚空舞者 中心页

进入此地的实体可能会发现，它们的经历赋予了他的外表；它构成了它；它们的认知造就了现实；想象等同于力量。

虚空舞者 中心页
作者：Lt Flops
发布于 2021/01/21

虚空舞者 中心页
By: Twilit
Published on 02 Feb 2021 01:55

What this is

A bunch of miscellaneous CSS 'improvements' that I, Croquembouche, use on a bunch of pages because I think it makes them easier to deal with.

The changes this component makes are bunch of really trivial modifications to ease the writing experience and to make documenting components/themes a bit easier (which I do a lot). It doesn't change anything about the page visually for the reader — the changes are for the writer.

I wouldn't expect translations of articles that use this component to also use this component, unless the translator likes it and would want to use it anyway.

This component probably won't conflict with other components or themes, and even if it does, it probably won't matter too much.

Usage

On any wiki:

[[include :scp-wiki:component:croqstyle]]

This component is designed to be used on other components. When using on another component, be sure to add this inside the component's [[iftags]] block, so that users of your component are not forced into also using Croqstyle.

Related components

Other personal styling components (which change just a couple things):

• RSO Component — Rounderhouse

Personal styling themes (which are visual overhauls):

• Magnus Web Format — DrMagnus
• Flopstyle CSS — Lt Flops
• Blankstyle CSS — HarryBlank
• Placestyle CSS — Placeholder McD
• Jakstyle — JakdragonX

CSS changes

Reasonably-sized footnotes

Stops footnotes from being a million miles wide, so that you can actually read them.

.hovertip { max-width: 400px; }

Monospace edit/code

Makes the edit textbox monospace, and also changes all monospace text to Fira Code, the obviously superior monospace font.

@import url('https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;700&display=swap');
 
:root { --mono-font: "Fira Code", Cousine, monospace; }
#edit-page-textarea, .code pre, .code p, .code, tt, .page-source { font-family: var(--mono-font); }
.code pre * { white-space: pre; }
.code *, .pre * { font-feature-settings: unset; }

Teletype backgrounds

Adds a light grey background to <tt> elements ({{text}}), so code snippets stand out more.

tt {
  background-color: var(--swatch-something-bhl-idk-will-fix-later, #f4f4f4);
  font-size: 85%;
  padding: 0.2em 0.4em;
  margin: 0;
  border-radius: 6px;
}

No more bigfaces

Stops big pictures from appearing when you hover over someone's avatar image, because they're stupid and really annoying and you can just click on them if you want to see the big version.

.avatar-hover { display: none !important; }

Breaky breaky

Any text inside a div with class nobreak has line-wrapping happen between every letter.

.nobreak { word-break: break-all; }

Code colours

Add my terminal's code colours as variables. Maybe I'll change this to a more common terminal theme like Monokai or something at some point, but for now it's just my personal theme, which is derived from Tomorrow Night Eighties.

Also, adding the .terminal class to a fake code block as [[div class="code terminal"]] gives it a sort of pseudo-terminal look with a dark background. Doesn't work with [[code]], because Wikidot inserts a bunch of syntax highlighting that you can't change yourself without a bunch of CSS. Use it for non-[[code]] code snippets only.

Quick tool to colourise a 'standard' Wikidot component usage example with the above vars: link

:root {
  --c-bg: #393939;
  --c-syntax: #e0e0e0;
  --c-comment: #999999;
  --c-error: #f2777a;
  --c-value: #f99157;
  --c-symbol: #ffcc66;
  --c-string: #99cc99;
  --c-operator: #66cccc;
  --c-builtin: #70a7df;
  --c-keyword: #cc99cc;
}
 
.terminal, .terminal > .code {
  color: var(--c-syntax);
  background: var(--c-bg);
  border: 0.4rem solid var(--c-comment);
  border-radius: 1rem;
}

Debug mode

Draw lines around anything inside .debug-mode. The colour of the lines is red but defers to CSS variable --debug-colour.

You can also add div.debug-info.over and div.debug-info.under inside an element to annotate the debug boxes — though you'll need to make sure to leave enough vertical space that the annotation doesn't overlap the thing above or below it.

…like this!

.debug-mode, .debug-mode *, .debug-mode *::before, .debug-mode *::after {
  outline: 1px solid var(--debug-colour, red);
  position: relative;
}
.debug-info {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  font-family: 'Fira Code', monospace;
  font-size: 1rem;
  white-space: nowrap;
}
.debug-info.over { top: -2.5rem; }
.debug-info.under { bottom: -2.5rem; }
.debug-info p { margin: 0; }

/* source: http://ah-sandbox.wikidot.com/component:collapsible-sidebar-x1 */
 
#top-bar .open-menu a {
        position: fixed;
        top: 0.5em;
        left: 0.5em;
        z-index: 5;
        font-family: 'Nanum Gothic', san-serif;
        font-size: 30px;
        font-weight: 700;
        width: 30px;
        height: 30px;
        line-height: 0.9em;
        text-align: center;
        border: 0.2em solid #888;
        background-color: #fff;
        border-radius: 3em;
        color: #888;
        pointer-events: auto;
}
 
@media not all and (max-width: 767px) {
 
    #top-bar .mobile-top-bar {
        display: block;
        pointer-events: none;
    }
 
    #top-bar .mobile-top-bar li {
        display: none;
    }
 
    #main-content {
        max-width: 708px;
        margin: 0 auto;
        padding: 0;
        transition: max-width 0.2s ease-in-out;
    }
 
    #side-bar {
        display: block;
        position: fixed;
        top: 0;
        left: -18rem;
        width: 15.25rem;
        height: 100%;
        margin: 0;
        overflow-x: hidden;
        overflow-y: auto;
        z-index: 10;
        padding: 1em 1em 0 1em;
        background-color: rgba(0,0,0,0.1);
        transition: left 0.4s ease-in-out;
 
        scrollbar-width: thin;
    }
 
    #side-bar:target {
        left: 0;
    }
    #side-bar:focus-within:not(:target) {
        left: 0;
    }
 
    #side-bar:target .close-menu {
        display: block;
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        margin-left: 19.75em;
        opacity: 0;
        z-index: -1;
        visibility: visible;
    }
    #side-bar:not(:target) .close-menu { display: none; }
 
    #top-bar .open-menu a:hover {
        text-decoration: none;
    }
 
    /* FIREFOX-SPECIFIC COMPATIBILITY METHOD */
    @supports (-moz-appearance:none) {
    #top-bar .open-menu a {
        pointer-events: none;
    }
    #side-bar:not(:target) .close-menu {
        display: block;
        pointer-events: none;
        user-select: none;
    }
 
    /* This pseudo-element is meant to overlay the regular sidebar button
    so the fixed positioning (top, left, right and/or bottom) has to match */
 
    #side-bar .close-menu::before {
        content: "";
        position: fixed;
        z-index: 5;
        display: block;
 
        top: 0.5em;
        left: 0.5em;
 
        border: 0.2em solid transparent;
        width: 30px;
        height: 30px;
        font-size: 30px;
        line-height: 0.9em;
 
        pointer-events: all;
        cursor: pointer;
    }
    #side-bar:focus-within {
        left: 0;
    }
    #side-bar:focus-within .close-menu::before {
        pointer-events: none;
    }
    }
}

由OLICUS所作

在我离开之后，你们的地球将自由地度过它痛苦的生存时期，就如我的一颗卫星。

这就是它将来的样子。

欢迎来到虚空。在这里，你得留下来，但这并不意味着是对你的惩罚。

虚空比多数人所了解的事物更可塑。或许它看上去像一块白色石板，但你能够推动它。通过练习，你可以把它塑造成心灵的眼睛（只要你一路都没有失去它）。重要的是，这个地方是你的，也只有你自己。或许其他人会来这里；他们或许会塑造他们希望的事物。但是这里没有怪物。这里没有灾难预言家。而且没有人会告诉你该怎样生活。

因为那个世界结束了，宝贝，不论你喜不喜欢它。在这个地方，他们不再能主宰你的生活，你所得到的，是你的记忆与想象。而且你能够创造真正奇妙的事物。

但前提是你相信着它。

——Fred

作者笔记：这是一个被遗忘之人的故事。现在，他们休息在这里，尽管他们的大脑将不再放松。

一位虚空中的孤独舞者悬晃在上面。她在无穷远的弦上扭转缠结。她暗示了一个游戏，其中的规则、目标与游戏者都是未知的。那里的某处有一名特工，既为秩序，也为混乱，指挥着游戏的进行。并且我们的主角别无选择。

必读

---

• SCP-3309：化为泡影之时，我们去往何方
• SCP-3090：这个女孩玩游戏把自己玩坏了！，by Decibelles

目前的故事

---

1. 深渊回望（ASCII码在CRT屏幕上）
2. 纰漏百出硬件（我为什么不玩暴力电子游戏）
3. A Scene From a Meme(-ory)

---

未完待续…

进一步阅读（参考）

---

• 你拥有家庭，by Decibelles
• SCP-2852：蝉鸣表兄，by kinchtheknifeblade
• SCP-3004：意象成虫，by kinchtheknifeblade
• SCP-2，by Lt Flops
• [还有更多]

人员

---

这里的他们很受欢迎，尽管他们可能还不知道。

▷ Adamo Smalls

Adamo Smalls：31岁。男。出生于波特兰。前狱卒的同谋，为一名模因论者，工作于基金会模因与信息危害部门。专长于分析新型模因因子与模因危害的出现、扩散与影响，并且在机动特遣队指挥部门担任一名实地研究员。表现出与“Mary Sue”类型一致的原型不规则（未确认）。在与SCP-3309的长期测试后，他的存在不再显示。

现被认为居住于虚空中。

---

▷ Heather Mason

Heather Mason：18岁。女。由讽刺左派网络社区的“反大麻玩家”中的POI-6881（“hetcopogg”）与6882（“gaycopmp4”）共同创造。作为SCP-3090的前狱卒俘虏。不同于生理学基础的是，用24英寸宽的CRT电视代替头部。表现出异常能力，即通过电动能力连接并影响电子设备（已确认）。在一次狱卒据点内部的收容失效中被首次宣布死亡，但她被推测为失踪。

现被认为居住于虚空中。

---

术语

---

其中我挑选的——是——来自你狱卒的工具包的。你或许不会喜欢它们，但它们很清楚自己的所作所为，并且这不好。

如果还有更多，不要介意，尽管告诉我，我会一直更新的，好吗？

---

• narrativohazard：¹叙事内容和传播方式的连锁危害效应因素，常常导致它们的相互破坏。现在，那听上去不是很方便吗？

• pataphysical：²我们并不常用它，但你看到它的时候应该就明白了。这会让你立马生气，但当你想象中的怪物变为现实时，你会因你知道的更多而感到高兴。不要让我放纵你。更重要的是，不要放纵他们。

• The Void：³“虚无”的基础，并且也是可见的基础。进入此地的实体可能会发现，它们的经历赋予了它的外表；它构成了它；它们的认知造就了现实；想象等同于力量。宇宙中的实体（物质世界、梦幻空间等）无法进入虚空。仅能通过难以置信的强大叙事扭曲进入虚空。尝试这些操作的实体，当然，面临着发生叙述性危害的高可能性，或者追溯到不存在他们的过去生活中。进入虚空的本质是单向的，除非你比我更了解。

• Them：⁴旧世界的神。我们持续危险的创造者。以前被称为“作者。”那时是个谎言，并且现在也是个谎言。事实是，你能够杀死他们。但前提是你能够找到他们。不过，我确信他们不会战斗太久的。至少不会在他们可怜的领地内。

Coda

---

你发觉困了。或者你阅读了全部。或者你先滚动到这里。

啊，好吧。我早该料到的。

我想，了解读者总是有用的。

‡ 授权 / 引用

请按如下方式引用此页：

“虚空舞者 中心页”，作者 Lt Flops，来自 SCP 维基。原文链接：https://www.scpwiki.com/void-dancer-hub。译者 Twilit，来自 SCP-CN 维基。译文链接：http://scp-wiki-cn.wikidot.com/void-dancer-hub。遵循 CC-BY-SA 协议。

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

名称：The Brain from Planet Arous
作者：Jacques R. Marquette & Nathan H. Juran
授权协议：Public Domain Mark 1.0
备注：本文包含所列电影的摘录。

文件名：the-void.jpg
图像名：Foggy treeline
图像作者：Ruth Hartnup
授权协议：CC BY 2.0
来源链接：Flickr
备注：由Lt Flops编辑

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

Footnotes

1. 译注：“叙述性危害”

2. 译注：“超形上学”

3. 译注：“虚空”

4. 译注：“他们”