'必殺ネズミコロリ' (GD9SD/7FC5B/AROG8)

SCP-JP SB3 » ナス畑 » '必殺ネズミコロリ' (GD9SD/7FC5B/AROG8)

現在このページの批評は中断しています。

Included page "component:bhl-dark-sidebar" does not exist (create it now)

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):

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; }

クレジット

タイトル: '必殺ネズミコロリ' (GD9SD/7FC5B/AROG8)
著者: ©︎eggplantisnasu
作成年: 2021

GD9SD/7FC5B/AROG8
状態	販売中
需要	高
価格	一つにつき150米ドル/100英ポンド
入手可能性	供給チェーンが確立している
識別名	必殺ネズミコロリ
説明	これを摂食したネズミの精神を操作し、屋外に移動させた後に内側から完全に分解して殺す殺鼠剤。ネズミを引き寄せる効果も有している。人体に影響はない。
マーシャル・カーター＆ダーク有限責任事業組合

初期報告書
筆者	ナット・スアレス	日付	3月20日、2111年
重要性	高	識別名	必殺ネズミコロリ
この商品は元は日本生類創研より販売されていました。当初は通常の家ネズミを駆除するための商品として扱われていましたが、近年大量発生している異常なネズミにも効果があることが判明しました。現在世界各地で増殖し続けているネズミによる被害は拡大しており、もはやこの商品は不快害獣の駆除のみならず、己の体や自宅、事業所を守るための道具として需要がうなぎ上りになると予想されます。MC&Dは日本生類創研と商品の専売契約を結ぶことで、この需要に一気に応えることができるでしょう。
以下のファイルが開かれている:		GD9SD/7FC5B/AROG8
マーシャル・カーター＆ダーク有限責任事業組合

在庫情報
GD9SD/7FC5B/AROG8
所有者	総量	コメント
マーシャル・カーター＆ダーク有限責任事業組合	48730	需要に応じて供給者から入手可能。
世界オカルト連合	120	ネズミの駆除に使用。
財団	451	重要サイトの防衛に使用。
日本生類創研	なし	供給者。
顧客	~10000	商品は一般的自宅や事業所の防衛のために購入される。
他者	~1500	販売独占権を確立する前に市場に流通。少数の追跡されていない商品が存在すると考えられている。
マーシャル・カーター＆ダーク有限責任事業組合

売却記録
GD9SD/7FC5B/AROG8
記録範囲:	2111年から2123年
年	売却数	コメント
2111年	8120
2112年	8349
2113年	8422
2114年	8679
2115年	8801
2116年	8945	売却数のピークに達する。
2117年	8890
2118年	7913	人口減少により売却数が減少し始める。
2119年	7539
2120年	7022
2121年	6643
2122年	2410	商品に耐性のあるスーパーラットが出現する。
2123年	434
マーシャル・カーター＆ダーク有限責任事業組合

メモ 01
GD9SD/7FC5B/AROG8
送信者	ナット・スアレス	受信者	佐藤忠孝
日本生類創研様のスーパーラット対策への改良商品開発のご引き受けには感謝しております。つきましては、改良商品の開発にはどのくらいのお時間が掛かる見通しでしょうか？弊社としましては商品の販売を一旦中止しているということもあり、お客様の命のためにも、なるべく半年以内には販売を再開したいと考えております。このような状況下ではありますが、人命のためもご協力をお願い致します。
マーシャル・カーター＆ダーク有限責任事業組合

メモ 02
GD9SD/7FC5B/AROG8
送信者	佐藤忠孝	受信者	ナット・スアレス
マーシャル・カーター＆ダーク有限責任事業組合様、弊所としましてもなるべく早く開発を完了させたいと考えております。ですが現在、弊所は被害が大きく、研究員と研究所の不足に悩まされており満足に研究できない状況となっております。そのため開発に必要な時間の見通しをつけることができず、貴社のご要望にはお応えできないない可能性があります。弊所も多くの人々の命を救うため、研究に尽力いたしますが、ご要望にお応えできなかった場合は誠に申し訳ございません。
マーシャル・カーター＆ダーク有限責任事業組合

メモ 03
GD9SD/7FC5B/AROG8
送信者	ナット・スアレス	受信者	佐藤忠孝
改良商品の開発に関してはかしこまりました。もちろん弊社も貴所の開発をお待ちしたいところではあります。ですが、もし貴所が弊社に商品を十分供給できなかった場合、当初の契約通り独占販売の解消もしくは商品の研究開発権の譲渡という形となります。心苦しいことではありますが、これもすべてお客様の命のためなのです。重ね重ねご協力をお願い致します。
マーシャル・カーター＆ダーク有限責任事業組合

Incident Report 01
GD9SD/7FC5B/AROG8
筆者	ナット・スアレス	期間	2月4日、2025年
先ほど日本支部の職員から、この商品の研究開発を担当している日本生類創研の研究所が、異常存在の襲撃により壊滅していたとの報告がありました。これにより我が社はこの商品の供給先を失ったことにはなりますが、実はすでに商品の成分分析と改良は済んでおり、我が社で生産することは可能となっています。しかし今や殺鼠剤よりも、より強大な異常存在に対処できる商品のほうが顧客にはよく売れています。今後はこの商品の販売は縮小され、そうすることでより我々が売りたい商品に顧客が食いつくようになるでしょう。
マーシャル・カーター＆ダーク有限責任事業組合