基金會週刊 第064期



評分: +1+x

What this is

A bunch of miscellaneous CSS 'improvements' that I, CroquemboucheCroquembouche, 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):

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

 

近期新聞

2021萬聖月

老掉牙鬼故事2Trick or Treat大家喜愛的萬聖節非官方活動展開,這次多加開了藝術創作的投稿項目,歡迎大家共襄盛舉。


用戶推薦列表與推薦故事系列翻譯募集中

徵求與我們共同完成用戶推薦列表推薦故事系列的翻譯
儘管我們一直不停的推出新的翻譯,但仍有許多精彩的文章在等待著我們。希望能徵求與我們一起完成翻譯朋友。


本周原創作品

SCP-ZH-160

SCP-ZH-160的屍體內部含有多個混亂的時空截斷面,這些截斷面各自帶有不穩定的基線時間,進而影響到SCP-ZH-160的內部臟器以及肌肉組織受到不同程度的腐爛。試圖與這些截斷面發生交互會使得其進行接觸的物質的分子結構完全湮滅。
 
作者 Pao Mian

SCP-ZH-769

吃下SCP-ZH-769的人體(以下將其稱為對象)將於一個月内被逐步融化為上述的紅色黏稠液體,經觀察,身體的融化並不會影響其認知、發聲能力、大腦功能、血液流動及生命機能,即使負責該功能的器官已被融化。
 
作者 helloahuman

SCP-ZH-280

基金會現有的數據分析顯示SCP-ZH-280疑似只會出現在全國境內的教育機構當中,又因該異常本身帶有高度的自我隱蔽性質而未被一般民眾給發現。但是由於跨空間異常所帶有的不穩定性以及潛在的危害性質而將SCP-ZH-280正式編入Keter分級,須立即對SCP-ZH-280的內部環境進行分析並確認裡面是否擁有敵意活動實體的存在。
 
作者 Pao Mian

蔚藍之王

藍海之上,藍天之下,我們誦唱
祂們的名 就是 蔚——藍——之王

豔陽,潤雨,灰雲,還有那美麗的月
無論晴陰那都會永恆不變的我們的約
 
作者 k1s10r0db00ne

SCP-ZH-052

項目表現為和「二班第14號男同學」有關的記憶異常,所有受影響者皆認為自身擁有和此人相關的互動記憶,卻無法記起項目的長相、姓名、特徵,也無法正確憶起項目在記憶中的表現。儘管如此,所有受影響者一致認為項目是非常重要的一段記憶,並在2021年4月發現此一異常記憶現象,引起媒體關注後由基金會介入調查。
 
作者 Lostwhat

SCP-ZH-298

SCP-ZH-298個體似乎具有折射太陽光的能力,使光線能夠穿透它們所在的物理範圍。這一特性,加上它們一般的生活範圍,使得它們極容易受到民眾的忽視,偶發的目擊報告也經常被通報單位人員視為幻覺或鄉里傳說。空域雷達對於這些個體的偵測效果極弱,推測是基於個體組成的密度不比周邊的雲層更高——甚至更低。
 
作者 SamScript

十月十七日憶院外友人

我知道你早已知道,但你極之特別,尤其對我而言,我從未與如此見識獨到,富有個性,有智慧又有與頭腦相等的自信之人。你的存在實在使我驚嘆不止,我不能不心想:這樣美麗的靈魂真的會看得上我嗎?
 
作者 k1s10r0db00ne

觸不到的你

從開初第一眼 我即知悉心中一切將爲你單向解密 不存在重蹈覆轍
你如雪山的高冷傲人一般 絕對零度的你 我不知得要耗上何等熱情才能使你同樣怦然心動
Fuck me for trying. 我努力追求 卻無處下手
三個字 將讓我勞碌一生 只求能使你回眸一笑
 
作者 k1s10r0db00ne

本周翻譯作品

SCP-6668

D-1812019制服底下開始出現動靜。從他右手腕離開的齧齒動物不斷增加,到最後甚至讓整隻手掌被完全扯斷。斷掌掉落地面的同時還有更多齧齒類不間斷地從那道斷口奔湧而出,而他雙側的耳孔也開始有齧齒類爬出。
 
作者 Dysadron
譯者 vomiter

Fishish的提案

SCP-001-J是當前正在摧毀我們的唯一家鄉—地球的79億實體的統稱。
就在 我 O5議會對SCP-001的文件進行修改並封鎖訪問之前,所有的基金會人員皆收到了以下訊息。這下你可爽了吧。
 
作者 Fishish
譯者 Pao Mian

SCP-5056實驗與事故報告

2003年1月14日,Allan McInnis博士就2002年9月8日發生於應用超自然部與奧秘消解部之連鎖收容突破事故接受調查期間,被暫停了Site-43的主任職務。Edwin Falkirk博士被指定暫代其職,並於當日稍晚時間抵達Site-43,並幾乎在同時於行政與監度部二層男廁遇到了SCP-5056-A和SCP-5056-B。
 
作者 HarryBlank
譯者 Frederica Bernkastel

SCP-4560

隨著SCP-4560進一步的感染,患者最終會失去以任何方式公開表示遭遇負面事件的能力,並會透過講述自身在其他方面的成就,或透過其他可能的手段來轉移交流重心,藉此積極地否認這些發生在他們身上的負面事件。在這個階段的患者依然保有些許能夠表達自身負面情緒的能力,但隨著更進一步的感染,這種能力會逐漸削弱,最終會完全被積極正面的外部交流方式所覆蓋。
 
作者 Jacob Conwell
譯者 Lostwhat

業配,釣魚,發財

但問題在於這樣的做法會增加其它人被宰割的機率,不過如果你不在乎的話那就OK,但這不應該會是你的最優先選擇。再加上如果你跟你家小孩解釋說「我只是想把你帶到外面過完這次聖誕節,這樣你才不會被一個劣質版本的聖誕老人給活剝」他們還會問你為什麼當初要決定住在這種鬼地方。
 
作者 DrKaldahl
譯者 Pao Mian

馬提內效應

一切混亂的情緒此刻都如潮水般退去,如今Wettle只剩下了一種感覺:困惑至極。「馬堤內效應是甚麼鬼東西?」

Bastien現在看上去也同樣的困惑。「那個多元宇宙陰謀論?有很多人記得查爾斯‧馬提內去年從馬力歐的配音工作退休,但整件事情根本沒有發生過,所以他們覺得自己是來自另一個平行時空的?」

Wettle試著發聲,到第三次以前卻說不出任何完整的字句,第一次嘗試甚至沒有發出聲音。「那不是……那不是叫曼德拉效應嗎?」
 
作者 HarryBlank
譯者 Lostwhat

SCP-6402

不實指控,DODA不是美國資本主義者。不過,DODA是純正的共產主義者。

還有我鍵盤壞了打不出小寫。

我還是不懂,為什麼是活的熊?一般來說都是熊吃你,而不是反過來。

顧客太遜了。在俄羅斯,你吃熊。
 
作者 Mooagain
譯者 Frederica Bernkastel

本周藝術作品

medium.jpg

貓咪的擬人化圖輯

貓咪的擬人化圖輯

 
繪者 fs_68Mfs_68M
搬運 Dr V ValentineDr V Valentine

v1LXgKZ.jpg

黑暗的房間

黑暗的房間

 
繪者 relena_xdrelena_xd

本周焦點成員

編輯推薦回顧

本周回顧翻譯

SCP-2072-JP – 私刑

SCP-2072-JP的子宮內存在著4個人型生物(SCP-2072-JP-1群)。SCP-2072-JP-1群的特徵為除了頭部外其他肌肉與身體構造皆發育不全,此發育程度與孕期約15周的胎兒一致。另外,雖然擁有營養器官,但並未觀測到其需要營養供給的跡象。其基本的行為方式為以頭部摩擦子宮內膜或是擠壓子宮口等,目前尚未解明此類行為是否是在嘗試離開子宮。

本周回顧原創

削不完肉的沙威瑪

我是說,那塊沙威瑪好像有聲帶,而且似乎有點扭動,只是我在吃下去之前沒有看清楚發現這點,吃下去沙威瑪後我彷彿能夠聽到它的叫聲還有心跳聲,尤其那老闆用刀把肉削下來時叫聲特別大,大概是因為特別痛吧?

當我在那老闆面前吃下沙威瑪的時候,我才注意到那個沙威瑪有點鹹,而且是一整塊的,我的意思是說沙威瑪不通常都是肉串嗎?肉與肉之間有許多接縫處,但當天我看到的肉卻是一整塊紅肉。

編輯部資訊

連結

加入編輯部

這份周刊才剛起步,非常歡迎任何人加入一起編輯。讓我們共同記錄繁中基金會的路程。
漫畫與專欄作品熱烈徵求中,歡迎前來#周刊編輯部投稿!
加入#周刊編輯部

除非特別註明,本頁內容採用以下授權方式: Creative Commons Attribution-ShareAlike 3.0 License