SCP-7742

SCP-7742
By: ashausesall
Published on 01 Oct 2022 02:45

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: -20em;
        width: 17.75em;
        height: 100%;
        margin: 0;
        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;
    }
    }
}

▷ 显示代码 ◁

@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@600;700&display=swap);
 
/* Centered Header Sigma-9
 * [2021 Wikidot Component]
 * By Lt Flops (CC BY-SA 3.0)
 * Forked from:
   * Penumbra Theme by EstrellaYoshte
 * Also based on:
   * Centered Header BHL by Woedenaz
**/
 
/* ---- VARS ---- */
 :root{
     --titleColor: hsl(0, 0%, 95%);
     --subtitleColor: hsl(60, 62%, 85%);
     --lgurl: url(https://scp-wiki.wdfiles.com/local--files/component%3Acentered-header-sigma-9/logo.svg);
}
 
/* ---- SITE HEADER ---- */
 div#header{
     background-image: none;
}
 #header::before{
     position: absolute;
     width: 100%;
     height: 100%;
     top: .45rem;
     left: 0;
     content: " ";
 
     background-image: var(--lgurl);
     background-position: center top;
     background-repeat: no-repeat;
     background-size: auto 8rem;
 
     opacity: .35;
     pointer-events: none;
     z-index: -1;
}
 #header h1,
 #header h2{
     float: none;
     margin-left: 0;
 
     text-align: center;
}
 
/* Move the Subtitle Down a Smidge */
 #header h2{
     margin-top: .45rem;
}
 
/* Hide the Existing Text */
 #header h1 span,
 #header h2 span{
     display: none;
 
     font-size: 0;
}
 
/* Style the New Text */
 #header h1 a::before,
 #header h2::before{
     font-family: "Montserrat", "Arial", sans-serif;
     text-shadow: none;
}
 #header h1 a::before{
     position: relative;
     bottom: .15em;
     color: var(--titleColor);
}
 #header h2::before{
     position: relative;
     bottom: .3em;
     color: var(--subtitleColor);
}
 
/* Set the New Text's Content From Variable */
 #header h1 a::before{
     content: var(--header-title, "SCP基金会");
 
     font-size: 115%;
     font-weight: bold;
}
 #header h2::before{
     content: var(--header-subtitle, "控制 - 收容 - 保护");
 
     font-size: 130%;
     font-weight: 600;
}
 
/* ---- LOGIN ---- */
 #login-status{
     top: .5rem;
     left: 0;
     right: initial;
 
     z-index: 1;
}
 
/* ---- SEARCH ---- */
 #search-top-box{
     top: .5rem;
     right: 0;
}
 #search-top-box-input{
     border-radius: 0;
}
 #search-top-box-input,
 #search-top-box-input:hover,
 #search-top-box-input:focus,
 #search-top-box-form input[type=submit],
 #search-top-box-form input[type=submit]:hover,
 #search-top-box-form input[type=submit]:focus{
     border-radius: 0;
     box-shadow: none;
 
     font-size: unset;
}
 
/* ---- TOP BAR ---- */
 #top-bar{
     display: flex;
     justify-content: center;
     right: 0;
}
 #top-bar ul li ul{
     box-shadow: none;
 
     overflow: hidden;
}
 
/* ---- PAGE TITLE ---- */
 .meta-title,
 #page-title{
     text-align: center;
}
 
/* ---- BREADCRUMBS ---- */
 .pseudocrumbs,
 #breadcrumbs{
     text-align: center;
}
 
/* ---- MOBILE DISPLAY ---- */
 @media (max-width: 767px){
     #login-status{
         left: 5.15rem;
 
         z-index: 20;
    }
     #search-top-box{
         width: unset;
    }
     .mobile-top-bar{
         position: relative;
         display: flex;
         justify-content: center;
         left: 0;
    }
}

项目编号：項目編號：SCP-7742

等级等級3

收容等级：收容等級：

euclid

次要等级：次要等級：

pagnum

扰动等级：擾動等級：

vlam

风险等级：風險等級：

warning

备忘录链接

---

指派站点	站点主管	研究首席	指派特遣队
Site-400	主管Adam Desmond	N/A	N/A

---

特殊收容措施：经Site-400现任站点主管同意，SCP-7742已被许可继续在SCP基金会长期担任分析学收容监督员。然而，他必须接受持续监控，以保护其免于意外死亡。¹

---

描述：SCP-7742是给予前基金会外勤特工Blonsky Batherson的编号。此前他是机动特遣队Eta-77 (“球中球”）的在职行动员。SCP-7742目前驻扎于Site-400，位于北爱尔兰纽卡斯尔地区。

概括而言，SCP-7742在功能上具有不死能力，但有一定限制。

若有活体生物直接（或间接）造成SCP-7742死亡，该生物将立即变形为与SCP-7742在生理上完全相同的复制体。此复制体将保留前一SCP-7742在死亡前的记忆和经验，以及这种固有的异常性质。广泛测试发现任何活体生物都会被转化，无论其生理及构成如何。

基金会研究员提出的理论认为，能使SCP-7742永久性死亡的方式仅有自杀，或是因自然原因死亡。

---

附录7742-1，需注意的复生：

日期与时间	事件描述	观察	备注
04/01/2018 (5:43 AM)	在悬崖边夜间行车时，SCP-7742的车辆撞上了另一位基金会研究员(Riyan Dajeed)的车。SCP-7742的车辆翻下悬崖，他最终死于失血过量以及脊柱撕裂。	Dajeed研究员自发变形成了SCP-7742。新生的SCP-7742自己爬出了汽车，联系紧急服务。	N/A
09/03/2019 (3:36 PM)	在Site-400三层男士休息室内，SCP-7742踩在地板湿滑处意外滑倒，头部撞上附近的陶瓷水槽，因颈部在颅骨基底处折断死亡。	当时正在自己个人宿舍内的清洁工Finley North被转化为了SCP-7742。	通过监控调查，发现清洁工North在轮班清理三层休息室期间，因疏忽没有在湿滑地板上放置地滑提醒标志。
13/07/2019 (4:56 AM)	在混沌分裂者的一次突袭过程中，SCP-7742成为被俘人员，被劫持在Site-400的多功能餐厅。三十分钟后，SCP-7742试图突袭一名分裂者，被其他行动员以枪火射杀。	一名分裂者被转化为SCP-7742。他立即使用该分裂者此前持有的枪支，成功消灭了其余行动员。SCP-7742而后释放了被俘的基金会人员，将他们送往一处紧急避难所内。	此事件过后，找到了餐厅监控视频，SCP-7742因英勇过人及对基金会立下功勋，被颁授基金会银星。

---

附录7742-2，无效化：2020年11月27日，SCP-7742在Site-400外抽烟休息，恰逢一场尤为严重的雷暴发生。SCP-7742被一道闪电击中，遭受内部烧伤及严重器官损伤。在他未能参与每日同事聚会后，站点安保才在Site-400场地内找到了他的尸体。经细致查验，未能找到新生的SCP-7742。

由于SCP-7742显然已经真正死亡，他的遗体随后被火化，交予他还在世的近亲属Alexander Batherson (其父)。在Site-400餐厅的专门点位上为特工Blonksy Batherson树立起一座纪念碑，安放了他的银星以及个人纪念物。

SCP-7742已被重分级为无效化。

---

注意！

紧急威胁战略响应局

一级优先度通知

---

2020年11月30日开始，紧急威胁战略响应局(ETTRA)及分析学部注意到全球灾害及灾祸突然明显增多，尤其多见暴雨、极端雷暴、大雪暴、频繁洪水引起的灾害，并有破坏性飓风多次发生。

此外，还观测到基金会收容中的多个气象学及天气相关异常因未知原因被消灭/无效化，亦或是在异常效应上大幅增强。

因以上意外事件，ETTRA已将此次危机宣布为一次世界级L&T级“灾难性气候崩溃”情景。为保障基金会和帷幕，人员要注意来自ETTRA的一切指示均为有监督者指挥部授权的强制指令。

— Dr. Dan ███████，ETTRA主管

---

附录7742-3，事故记录：2020年12月9日，位于Site-400场地外侧的监控探头拍摄到有一看似为男性的人员显现在了地面上空大约十五米处，而后掉落。派出收容团队调查此人，怀疑其可能为L&T级情景创造的异常。

然而，此人被发现其实是特工Blonksy Batherson。他处于一种极端的情绪紧张和创伤状态，收容人员注意到他喃喃自语着无意义的语句。在他的右臂和躯干上可见多处程度不一的烧伤。

特工Batherson被立即送往Site-400的卫生及病理学病房，他在此接受后续治疗，目前理疗仍在进行中。

在对Batherson特工显现处周边进行调查后，有人员发现了一个不明金属物体，位于最初落地处的五米外。该物体被编为AO-04207742，已安置于收容中。²

▶ AO-04207742的图片

分析显示AO-04207742带有大量电磁辐射痕量，尤其是在其金属部件上。正在调查它与特工Batherson突然归来之间的关联。

‡ 授权 / 引用

请按如下方式引用此页：

“SCP-7742”，作者 NDHeckfire，来自 SCP 维基。原文链接：https://www.scpwiki.com/scp-7742。译者 ashausesall，来自 SCP-CN 维基。译文链接：http://scp-wiki-cn.wikidot.com/scp-7742。遵循 CC-BY-SA 协议。

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

格式和 ETTRA LOGO 都是从 SCP-7000 那里偷借来的，后者的作者是 HarryBlank。

文件名：object.png
图像名：File:Armorer's Hammer MET 12.230.2 001feb2014.jpg
图像作者：Metropolitan Museum of Art.
授权协议：Creative Commons CC0 1.0 Universal Public Domain Dedication
来源链接：https://commons.wikimedia.org/wiki/File:Armorer%27s_Hammer_MET_12.230.2_001feb2014.jpg

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

Footnotes

1. Pagnum:该项目会促成其自身形式的自我收容，基金会有必要采取严密观察和预防措施。

2. 尽管它的体积为中等（高20厘米，宽12厘米），必须施加极大量的力才能将其带走。