XANARCHY的作者页
评分: +49+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; }

a5dqcy7lhzEWwLU.png

All my people out the trenches
Lift us up, make us alright
The devil can't stand your presence
Stand with God and I got leverage
Throw your hands up in the sky
Yes Lord, we wave'em high

你好,这里是XannyWarholXannyWarhol,SCP中文维基上的业余作家和译者。我曾经爱/喜欢过身边很多或虚或实的东西,但这些东西都无一例外地向着一个更坏的方向发展,我感到了极度的困惑,可是我没有任何办法。现在我想我知道了:放下,前行,牢记“God loves you.”——或许只有上帝才会永远爱你吧(笑)。


























162.jpg

该人员于200█年的图片,由研究员Bread绘制。

人员姓名

Xanny Warhol

安保等级:

2级→3级(部分受限)

过往

早年经历不清,或曾加入AWCY?/阿卡迪亚。于201█年█月██日,加入基金会,其拒绝提供任何关于以上两个组织的信息。

因为基金会制造大量高实用性药物以及收容大量枪支异常,其被升职为异常药品及枪支部Department of Anomalous Drugs and Ordiance副主管1

描述

该人员性别女,身高165厘米,体重██千克,对部分药物有异常抗药性,对于多种药物、毒品成瘾。擅长多类药物制作以及新型药物研发,分管药物类与枪支类异常。

该人员拒绝穿实验室用服,常穿Raf Simons2

其常被其他员工描述为“可爱”,原因未知。

喜欢各类现代艺术。

更新:该人员被经常性发现在角落自言自语或“对着空气说话”。问及此事时,其总是声称在与名为“H. Warhol”的基金会编外人员对话。不排除有人格分裂的可能。

See?这是我内心偏黑暗的一面,如果平日的我是Jekyll的话,这个人就是Hyde了。但是,最美好与最阴暗的想法总是双生共存的。我们每个人都是阿布拉克萨斯。

Little demon is still on my shoulder.

























- SCP-CN-1193 - 石之眼 - [+55]

“SCP-CN-1193是在SCP-3406仪式后产生的部分异常个体(即SCP-3406-1)的统称。由于项目特殊的生成条件和与其他由SCP-3406-1不同的异常性质,其被单独列出作为一个异常条目。”

- SCP-CN-2050 - 数据暴雨 - [+31]

“SCP-CN-2050是一系列于实体化信息网络中发生的异常现象,且该异常现象呈扩散趋势。该项目的具体表现为天气异常,包括但不限于:大量降雨、降雪。”

- SCP-4745 - 吓人的雪人

“SCP-4745是一个1米高的塑料雪人公仔,带有一顶礼帽。底座上写着“圣诞节卡尔,来自Dr. Wondertainment”的字样。”

- SCP-3714 - 僵尸指环

“SCP-3714-1个体只会通过短距离的跳跃移动,并伸展双臂,与中国民间传说中的僵尸描述一致。”

- SCP-0000-EX - 被遗忘的颂歌

“基金会所有关于“全视之眼”的文件,仅能由监督者议会查阅。所有提及“永生计划”以及其他关于交互个体死亡的多维分析的行动都将从基金会数据库中删除。”

- SCP-3385 - 终点站:远方天际

(与Smith_sister-conSmith_sister-conKingplineKingplineGlueeGluee合译)

“SCP-3385为一艘经过改装的前卫级战略核动力潜艇。其存在最初的入列匾被移除,并由皇家海军远方天际号的入列匾替换的迹象。”

- SCP-5285 - 伤害之经济3

“SCP-5285的入口已被焊死。根据O5议会的命令,进入者须持有5/5285级权限。”

- SCP-5537 - 献给热爱海鲜的您

“SCP-5537指代从纽约蒙托克贝茨港发现的大量鱼类、甲壳类、双壳类以及其他类似海洋生物部分腐烂的遗体,均具有与Homo sapiens(人类)群体成员相同的遗传结构。”

- SCP-5491 - 迪斯科永不亡

“SCP-5491是一个与位于威尔士,伯利港附近废弃的“Aspekt”夜总会和迪斯科舞厅有关的灵异现象。”

- SCP-6500 - 宿命之道

(与hoah2333hoah2333Esperanza_CaiEsperanza_Cai合译)

“我不会消亡”

这里放的是我平日写作和翻译的成果。

我从来不是社区里最会写文或者翻译的人,但我每次都在努力做到用尽全力,可是效果总是不理想。每当我看到那些和我差不多时间进站的人还有后辈,写了高分文或是拿了精品,我都会很羡慕,也会很焦虑:我尝试把翻译和写作都做好,最后反而一事无成。真的还不如一心搞写作或者翻译呢。
























最后的最后,我想再说些什么,可是我一开口便只剩下沉默。不如送大家一首歌吧。(可能会换哦)

除非特别注明,本页内容采用以下授权方式: Creative Commons Attribution-ShareAlike 3.0 License