SCP-2908-JP - 偽りなき電卓

SCP-2908-JP - 偽りなき電卓
By: (user deleted)
Published on 10 Apr 2022 03:57

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

クレジット

タイトル: SCP-2908-JPはSCP-2908-JPです。
著者: ©︎RuRItech does not match any existing user name
作成年: 2022

誤伝達部門は誤伝達部門であり、通達は通達です。

当該ファイルは当該ファイルであり、正確な説明は正確な説明であるものの、不可能なことは不可能なままです。閲覧者は閲覧者であり、必要な情報は必要な情報であり、可能な範囲での推測は可能な範囲での推測です。

— 誤伝達部門日本支部所属の瀬戸博士は、誤伝達部門日本支部所属です。

---

アイテム番号はアイテム番号であり、SCP-2908-JPはSCP-2908-JPです。

オブジェクトクラスはオブジェクトクラスであり、ThaumielはThaumielです。

特別収容プロトコルは特別収容プロトコルです。サイト-81MCの第27収容チャンバーはサイト-81MCの第27収容チャンバーであり、SCP-2908-JPの収容場所は収容場所です。SCP-2908-JPの状態は状態であり、自己収容状態は状態です。

説明は説明です。SCP-2908-JPはSCP-2908-JPであり、何らかの無機物 (岩石・道具・機械・機械生命体等)は何らかの無機物であり、詳細な性質・外見等は詳細な性質・外見等であり、不明は不明です。現状は現状、SCP-2908-JP-1の正体は正体であり、AO-2430-JPと分類されていたAnomalousアイテムはAO-2430-JPであり、推測は推測です。以下の文書は以下の文書です:

Anomalousアイテム番号はAnomalousアイテム番号であり、AO-2430-JPはAO-2430-JPです。
説明は説明です。異常性を有するカシオ製電卓は異常性を有するカシオ製電卓であり、入力をそのまま出力することはそのまま出力されます。また、自身についての情報は自身についての情報であり、「AはAであり、BはBである」のような形式の文章は「AはAであり、BはBである」のような形式であり、改変は改変です。
回収日は回収日であり、20██/8/2は20██/8/2です。
回収場所は回収場所であり、████博士の自宅は████博士の自宅です。
現状は現状であり、サイト-81MCの低脅威物品収容ロッカーは低脅威物品収容ロッカーであり、収容は収容です。

補遺1は補遺1であり、フリードマン博士による陳述はフリードマン博士によって陳述されます。

[不要な部分は不要な部分です]

何故認識災害を引き起こすだけの電卓がThaumiel指定されているのかどうか、それこそがこれがThaumiel指定されている理由である。SCP-2908-JPはSCP-2908-JPであり、

少なくとも、厄介なアノマリーは常に厄介なものであり、これらをどう扱うか考えることこそが考えることである。だからこそ、特別収容プロトコルは"特別"収容プロトコルであるのだ。職務を全うする事は即ち職務を全うする事である。我々は全力を挙げて全力を挙げなければいけないのだ。

---

• • _
  批評コメント批評コメント

  
  コメント投稿フォームへ

  批評コメントTopへ

  - hide block

ERROR

The (user deleted)'s portal does not exist.

エラー:	(user deleted)のportalページが存在しません。利用ガイドを参照し、portalページを作成してください。

利用ガイド

1. portal:7627731 (29 Aug 2021 10:56)