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):
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; }
缘起缘落,缘生缘灭
无论您在哪,愿明天一切都好起来
—— 写 ——
—— 译 ——
奇妙小恐龙 — 原作者TwistedGears
健康小孩 — 原作者UglyFlower
啪嗒 — 原作者Elenee FishTruck
像素同人:SCP-4943 — 原作者Roundabouts
周而复始,直到与你再次相遇 — 原作者J Dune
厕所奶酪标签案 — 原作者Uncle Nicolini
蓬松 — 原作者Dr Gears
谢谢你,SCP! — 原作者WhiteGuard
觅我繁星间 艺作 — 原作者Dr Whitney
追忆冢 — 原作者MaliceAforethought
SCP-173,但是……(部分) — 原作者Tstaffor、Dr Trintavon
杀手 — 原作者Chaoseed
奇迹 — 原作者MalyceGraves
城市管理者系列:墓碑园艺。 — 原作者Loiterer87
死神之死 — 原作者destinysday
—— 写 ——
—— 译 ——
云 — 原作者minmin
二重身 — 原作者scka
纯手工缝制 — 原作者EldritchCadence
两兄弚的寓言 — 原作者SunnyClockwork
破损工具 — 原作者weizhong
我们很抱歉 — 原作者DrEverettMann
图案 — 原作者Aelanna
耳 — 原作者Cherry Pict
“一个小小的复仇故事”又名,“Cimmerian博士在Site-19的休息室里用微波炉加热一片开封的美式卡夫芝士两分钟” — 原作者Uncle Nicolini
陌地谷仓 — 原作者Laneous
SunnyClockwork的艺术作品 - SCP系列V, VI & VII — 原作者SunnyClockwork
机遇叩叩 — 原作者tunedtoadeadchannel
音频日志:最后幸存者 — 原作者DrKens
劫路怪匪 — 原作者Doctor Cimmerian
公园漫步 — 原作者MrAnakinSpecter
钻孔 — 原作者Aelanna
大发慈悲 — 原作者Gargus
SCP Café中心页 — 原作者pxdnbluesoul
我们在办公室里养了一株植物
我们称她为花
原创SCP
SCP-CN-1414
+38 … 7
最新评论: isomer-364 于 30 Nov 2019 16:11
最新编辑: Simon Arran 于 11 Sep 2019 03:27
著作信息 作品名称:SCP-CN-1414 文玩人丸 作者:Pimpernel_F_Wagner 该作者的更多作品:作者页在此。 更多 更多 里话及作者杂谈:唔姆。最初的点子来源于几年前的一个梦。也算是我为数不多能记住的梦了。...
标签: euclid scp 人造物品 原创 尸体 强迫性 成瘾性 无定形 活物 触觉影响 认知危害 记忆影响
原创故事
关于地下水道及其(可能的)住民
+85 … 12
最新评论: charathedreemurr 于 09 May 2022 03:03
最新编辑: 14#7_MonochromeMix 于 06 Feb 2023 13:11
著作信息 作品名称:关于地下水道及其(可能的)住民 作者:Pimpernel_F_Wagner 该作者的更多作品:作者页在此。 更多 更多 里话及作者杂谈:周日晚餐对我的影响很大。这是一个行于虚幻与真实之间的故事。一个故事本身并不算吓人,但当它能够与现实生活中的种种联系在一起时,却总是能让人不寒而栗。...
标签: creepypasta 原创 故事 观谬维基
邻家小孩
+70 … 22
最新评论: Pimpernel_F_Wagner 于 01 Mar 2019 14:23
最新编辑: Pimpernel_F_Wagner 于 05 Sep 2019 01:46
...
标签: creepypasta 原创 故事
内向
+53 … 23
最新评论: NicolasL 于 05 Sep 2019 01:14
最新编辑: Pimpernel_F_Wagner 于 05 Sep 2019 01:47
...
标签: creepypasta 原创 故事
小寄居蟹
+49 … 4
最新评论: (user deleted) 于 09 May 2022 01:08
最新编辑: Shawn Otto 于 02 Aug 2020 10:40
...
标签: creepypasta 原创 故事
作家之写
+28 … 13
最新评论: Pimpernel_F_Wagner 于 22 Jan 2019 15:25
最新编辑: Pimpernel_F_Wagner 于 05 Aug 2019 02:46
...
标签: 原创 故事
蜂舞
+21 … 2
最新评论: Lucky7777777 于 22 Jun 2019 01:43
最新编辑: Pimpernel_F_Wagner 于 05 Sep 2019 01:55
...
标签: creepypasta 原创 故事
原创图书馆页面
至深的婚礼
+27 … 1
最新评论: Pimpernel_F_Wagner 于 19 Feb 2020 04:42
最新编辑: Sekai_s 于 29 Sep 2020 12:34
...
标签: wanderers 原创 苍树与血
橡胶球
+16 … 3
最新评论: SlowerLight 于 12 Aug 2022 23:59
最新编辑: Pimpernel_F_Wagner 于 12 Aug 2022 13:40
...
标签: wanderers 原创 苍树与血
翻译故事
云
最新评论: ming314 于 04 Jan 2023 11:04
最新编辑: Pimpernel_F_Wagner 于 13 Dec 2019 14:50
...
标签: creepypasta 故事
两兄弚的寓言
最新评论: Pimpernel_F_Wagner 于 12 Sep 2019 23:49
最新编辑: miumeat 于 12 Mar 2020 13:34

标签: cool之战2 ruiz-duchamp 故事
陌地谷仓
最新评论: Pimpernel_F_Wagner 于 03 Oct 2019 08:15
最新编辑: Sekai_s 于 20 Sep 2020 02:12
teethbrush 8/22/2019 (Thu) 10:35:01 #82940341 IMG_2077.jpg 我问个奇怪的问题,谁有过什么关于谷仓的奇怪经历吗?...
标签: creepypasta 故事 观谬维基
健康小孩
最新评论: Baby Bat 于 04 Sep 2021 15:10
最新编辑: Pimpernel_F_Wagner 于 04 Sep 2021 15:19
下面的文章是摘录自第232397号条目 家庭录像17.mov 的文字副本节选。 需要家庭录像17的完整条目或家庭录像17的完整文字副本的人员可查阅电子可视化图书馆档案HVAA#0000017部分。 文字日志-232391-17-2: 对象-2323在第232398号条目中被称为“爸爸”,且“丹尼尔”代指录像中出现的对象儿童。 00'34'' -...
标签: 故事
啪嗒
最新评论: Pimpernel_F_Wagner 于 12 Oct 2021 05:17
最新编辑: EatherAC 于 12 Oct 2021 09:39
...
标签: creepypasta 故事
“一个小小的复仇故事”又名,“Cimmerian博士在Site-19的休息室里用微波炉加热一片开封的美式卡夫芝士两分钟”
最新评论: DawnTang 于 31 Aug 2019 07:21
最新编辑: sclocation 于 15 Oct 2019 06:21
“一个小小的复仇故事”又名,“Cimmerian博士在Site-19的休息室里用微波炉加热一片开封的美式卡夫芝士两分钟” 上午 10:26 一个腼腆的女人打开了等候室的门。她一只手调整着眼镜,另一只手拿着笔记板,快速地读着下一人的名字。 “是Cimmerian先生吗?人力资源案件解决委员会现在要见你。” 一个脸上带着很久以前发生的火灾留下的伤疤的,有点胖乎乎的男人冷笑着站了起来。...
标签: cimmerian博士 合著 故事
奇妙小恐龙
最新评论: EatherAC 于 03 Sep 2021 23:44
最新编辑: Pimpernel_F_Wagner 于 03 Sep 2021 13:29
...
标签: wondertainment博士 故事
大发慈悲
最新评论: Pimpernel_F_Wagner 于 24 Mar 2020 00:35
最新编辑: (user deleted) 于 05 Apr 2022 04:04
...
标签: 故事 雕像-最初之作
音频日志:最后幸存者
最新评论: Olympic Logic 于 27 Jan 2020 16:54
最新编辑: Sraosha 于 25 Mar 2020 09:47
[[正在访问Site 23日志文件。]] [[ / 数据损坏 / ]] [[播放搜索到的日期最近的未损坏音频日志。]] [[日志: XC/CC/????-错误: 数据记录损坏]] [[最初登陆者: Kensington, Jacob;2级安保许可]] [[接入点: [ / 数据删除 / ] ]] [[音频日志记录:播放开始。]] [长时间的沉默]...
标签: heiden博士 故事
杀手
最新评论: Pimpernel_F_Wagner 于 25 Aug 2022 11:57
最新编辑: Pimpernel_F_Wagner 于 25 Aug 2022 11:57
...
标签: 2013时间竞赛 不灭孽蜥 故事
蓬松
最新评论: Pimpernel_F_Wagner 于 29 Jul 2022 09:42
最新编辑: Pimpernel_F_Wagner 于 29 Jul 2022 09:42
...
标签: creepypasta 故事
厕所奶酪标签案
最新评论: Pimpernel_F_Wagner 于 23 Jul 2022 16:28
最新编辑: Pimpernel_F_Wagner 于 23 Jul 2022 16:48
...
标签: cimmerian博士 合著 故事
机遇叩叩
最新评论: Pimpernel_F_Wagner 于 12 Dec 2019 03:43
最新编辑: Sekai_s 于 07 Feb 2020 03:20
...
标签: 2009gears生日竞赛 故事
图案
最新评论: Pimpernel_F_Wagner 于 23 Jul 2019 14:30
最新编辑: Sekai_s 于 07 Feb 2020 03:20
亲爱的妈妈, 从学校向您发来问候,我是伊莱恩。我知道我已经有一段时间没写信了,但是这儿真的很忙,我真的抽不出时间。 我知道,对于我来说迟到很奇怪,但我希望你在身边,这样我就能告诉你这一切有多疯狂。我真的很想念你和家人们,我希望在休息的时候能有时间去看看你。我终于发现了你不久前寄给我的包裹,我真的很感激,因为我喜欢我衣服上的图案。他们在这里卖的东西和咱们家那边卖的几乎完全不一样。...
标签: 2009gears生日竞赛 故事
二重身
最新评论: OEOWO3O 于 20 Jun 2019 11:56
最新编辑: Pimpernel_F_Wagner 于 18 May 2019 15:14
当他抬头凝视着天花板,躺在床上,等待入眠时,它出现了。更确切地说,它是在那一刻显现出来的。他们互相注视了一会儿,然后他问道:“你是谁?” 他猜它说话的时候会笑,然后它的确那么做了。他又问了一遍: “你叫什么名字?” 他觉得泰勒这个名字很合适。令人惊讶的是,他一想到这儿,它就回复道“泰勒”。 “你在这干嘛?” 为了找点乐子吗? “为了找点乐子。”...
标签: creepypasta ko 二次翻译 故事
周而复始,直到与你再次相遇
最新评论: Pimpernel_F_Wagner 于 23 Jul 2022 13:15
最新编辑: Pimpernel_F_Wagner 于 23 Jul 2022 13:16
...
标签: 交换艺术 巴西岛 故事
我们很抱歉
最新评论: Kapo_William 于 22 Jul 2019 16:41
最新编辑: Pimpernel_F_Wagner 于 17 Aug 2019 13:00
...
标签: 故事
纯手工缝制
最新评论: Pimpernel_F_Wagner 于 27 Jun 2019 13:47
最新编辑: Pimpernel_F_Wagner 于 27 Jun 2019 13:48
...
标签: 故事
钻孔
最新评论: Pimpernel_F_Wagner 于 27 Feb 2020 02:30
最新编辑: Pimpernel_F_Wagner 于 27 Feb 2020 02:30
...
标签: 故事
劫路怪匪
最新评论: Wind Chaser 于 02 Feb 2020 04:15
最新编辑: Sekai_s 于 19 Jan 2021 16:29
啊,由于我看到了万圣节竞赛的中心页,决定花20分钟写点东西,于是便有了这篇文章。非常感谢大河马帮我改进了一下。 差点忘了,图片来源于此: https://commons.wikimedia.org/wiki/File:Applebee%27s_Restaurant.jpg dr-cimmerian-s-personnel-fileDr. Cimmerian的人事档案▸...
标签: cimmerian博士 故事
公园漫步
最新评论: Pimpernel_F_Wagner 于 02 Feb 2020 10:10
最新编辑: Pimpernel_F_Wagner 于 02 Feb 2020 10:09
...
标签: 交换艺术 故事
耳
最新评论: Pimpernel_F_Wagner 于 19 Aug 2019 15:22
最新编辑: Pimpernel_F_Wagner 于 19 Aug 2019 15:25
...
标签: 故事
破损工具
最新评论: Anymon 于 17 Apr 2022 06:49
最新编辑: Pimpernel_F_Wagner 于 19 Jul 2019 05:49
...
标签: 故事
翻译图书馆页面
奇迹
最新评论: Pimpernel_F_Wagner 于 28 Aug 2022 11:38
最新编辑: Pimpernel_F_Wagner 于 28 Aug 2022 11:51
...
标签: wanderers 叙述 图片 地区 宗教性 日记 档案 记载
城市管理者系列:墓碑园艺。
最新评论: Just_We 于 26 Oct 2022 12:55
最新编辑: Pimpernel_F_Wagner 于 31 Aug 2022 16:28
引言 Edward. P. Taff 著 墓...
标签: kragg wanderers wlc2013 异界 报告 散文 档案 记载
死神之死
最新评论: Star-studded sea 于 22 Sep 2022 11:51
最新编辑: Pimpernel_F_Wagner 于 21 Sep 2022 10:10
...
标签: vitalis wanderers wing-two
追忆冢
最新评论: Pimpernel_F_Wagner 于 24 Aug 2022 16:50
最新编辑: Pimpernel_F_Wagner 于 24 Aug 2022 17:13
...
标签: wanderers 叙述 图书管理员 图书馆 记载
其他翻译
谢谢你,SCP!
最新评论: AE_03-hua 于 09 Aug 2022 01:56
最新编辑: Pimpernel_F_Wagner 于 07 Aug 2022 08:53
▷ Show Code ◁ △ Hide Code △ 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...
标签: 文章 雕像-最初之作
SunnyClockwork的艺术作品 - SCP系列V, VI & VII
最新评论: only a tree 于 06 Oct 2022 17:18
最新编辑: Esperanza_Cai 于 08 Aug 2021 09:52
觅我繁星间 艺作
最新评论: Tinicia 于 08 Aug 2022 07:12
最新编辑: Pimpernel_F_Wagner 于 20 Aug 2022 10:59
这幅作品是作为Corgo的SCP的一部分而绘制的。作为艺术捐赠者之一,我很幸运能收到这么酷的请求。我被要求模仿古老的科学期刊来制作一份图解,因此我画了这个。故事在此:觅我繁星间...
标签: 艺术作品
像素同人:SCP-4943
最新评论: dmxggggg 于 22 Jul 2022 21:27
最新编辑: Pimpernel_F_Wagner 于 22 Jul 2022 08:06
又到了每年的这个时候,而这次要收礼物的人是Attila the Pun! 我必须承认,我在制作我的第一个SCP像素艺术时获得了很多乐趣,当然,这幅画的风格 蛮常见的,或者至少经常被其他人使用。无论如何,在我看来,SCP-4943肯定是一个诡异且令人不安的东西,所以我把它选为了绘制目标。 最开始的时候,我为它创作了两幅像素画,但最终选择了第二幅,因为我更喜欢它。不管怎样,这就是成品了! ...
标签: 交换艺术 艺术作品
SCP Café中心页
最新评论: Archibald1 于 03 Apr 2020 02:46
最新编辑: Pimpernel_F_Wagner 于 02 Apr 2020 17:36
SCP Café所使用的Logo。 项目名称: SCP Café播客 主播:pxdnbluesoul 别名:‘忠情的丈夫1’,‘铲屎官2’,‘作者’[已发现匹配页面],‘古龙水发烧友’,‘闲聊达人’,‘托特纳姆热刺队粉丝’,‘Subreddit版主’ 日程安排: 周更(星期五),偶尔会有额外的内容。 特殊收容措施:由于SCP...
标签: 中心 音频
更多页面
……
还没有绽放哦
您好呀。
开始的开始,对于看到这里的您,无论您是喜欢我的作品而主动搜寻,还是偶然间来到了这篇作者页——真的很抱歉。
有一些话一直想要说出口,但由于自己的原因,很难连贯地写下来,所以便想到哪儿写到哪儿吧。
我与这个社区的缘起已经记不清了。如今我时常会思考,我究竟是为了什么而加入这里,写下作品,翻译文章的呢?我一直告诉自己,我确实喜爱写作,确实喜爱翻译,确实想为这个社区做出贡献,确实把这里当成了某种寄托。但我想,这可能只是我为了掩藏自己丑陋动机的修饰,但却确确实实地骗到了自己。我也许只是想收获大家的关注,想在一个社区团体里证明自己也说不定。
无论动机如何,我从加入这里到如今已经五年了。或许是天赋有限,或许是不曾努力。我不知道该怎样表达这种情感。我似乎慢慢地、慢慢地生锈了。我用过去的作品给自己筑成了高塔,而如今却只能看着一篇篇半成的草稿发愣。可能我依然渴望着创作,只是不再有能力落笔,却用着动机消退的名头当做自己的遮羞布。我撒过很多谎,它们骗过了我自己。我无法分清实虚。
我曾经离开过这里一段时间。我想冷静下来,我想重新找到那份对于创作的热情。但令我恐惧的是:暂离并没有带来任何效果。生活没有任何改变,就仿佛创作根本不是我过去日子里的一部分一样。没有想象中的灵感积累与迸发,也没有迫切想要动笔的心情。一切随着时间变淡变轻,直到我细微的呼吸就能将它们吹走。
我意识到自己想法的天真,事情并不如同我预想的一般前进。于是我回来了。可一切依然没有变化。我想写的很多,但它们无法成文,落笔再抬起,却只有碎片一地。我开始大量翻译。寻找我感兴趣的文章,也许为的只是找一个留在这里的理由。
我还有很多愿望,它们也曾是支持我创作的动力。我一直想创作一份属于自己的短篇故事中心,我一直想建立一个设定中心,我一直想绘制一篇艺术作品页,我一直想举办一次活动,我一直想拥有一篇精品。或许还有很多,我失去了很多记忆,我想不起来了。它们有的几乎已经要实现了——但当我摆脱一时的自我陶醉,却发现依旧只是四分五裂的苍白词藻和七零八落的杂乱线条。于是我扫清了她们。把这些未完成的残片放下、归档,期待着有一天能够将她们完成。直到最后,却是删除按下,归于虚无。
但当我对着翻译页面发愣的时候,我发现,或许我已经完全生锈了。就连我喜欢的作者的作品都提不起兴趣去逐句读下来,只是囫囵地瞭解个大概,更别说一字一词地翻译了。我的心浮躁了吗?还是真的没有了热情?我知道自己出了问题,但却不知道自己哪里出了问题。我对生活慢慢提不起兴趣了。做什么都没有意义。虽然还有自我救赎的目标在拖着我的身体前进,但或许有一天它也会锈蚀然后倒下。
我加入这个社区时,前辈们给了我很多的帮助,让我一点点前进。如今,那些前辈们大多都已经很少或不再活动了。就连同时期的伙伴们,许多似乎也没有了动静。或许我也该这样悄悄消失在这艘大船前进的尾浪中吧。我很早就意识到自己在慢慢失去对世界的热情,只是没想到这一天会来得这么……快?我本以为创作和翻译会排名比较靠后呢。我很渺小,不会也不配说出那种英雄退场时豪言壮语。悄悄地离开会被许多人厌恶,但这种轻盈的方式对我来说一直是一种浪漫。“当大家注意到时,她早已经不在许久了。”大概就是这样。
我不会再退出站点了。反复地来回也没有意义。我可能依然会偶尔翻译文章,可能某天我会突然找到某些理由,完成那些未竟之作,谁知道呢。那些大概不存在的、对我抱有期望的人,我可能会让您们失望了。
如果我们有缘分,那么总会再见。可能是在另一个社群,我们都换了昵称,重新认识了对方;又或者那时我已经成了能够独当一面的医生,您是我的病人也说不定——开玩笑的,还请多多保重身体。
最后的最后,依然要向您道歉。真对不起。真的很抱歉。我骗了您,也骗了自己。我并不是绽放的绚烂花朵,也不能结出甘甜的果实。我是不应花期的船儿,总会在最美的时节离去。
无论您在哪,愿明天一切都好起来。
花,于某年某月某日深夜。日期没有意义。