Enrique-Fernand
评分: +2+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; }

恩里克-费尔南


评分: +2+x

天上天下,唯吾独尊

名称:恩里克-费尔南

性别:男

别称:军零天神,恩里克(称呼其姓),费尔南(称呼其名)

亲属关系:哥伦比娅(姐姐)

友人关系:无(旧世界的恩里克并没有朋友)

婚姻关系:单身狗一条

诞生时间:未知

诞生地点:未知(自称来自永恒之路)

死亡时间:不可能会有

死亡地点:不可能会有

种族:未知

现居住地:无

身高:186cm~???

体重:75公斤~???

性格:自以为事,傲慢,无礼,他不会听从除哥伦比娅以外所有人的话,他将和他同等强大的存在视为敌人,他将比他弱小的存在视为垃圾,纵使他会听从哥伦比娅的意见,但很多时候,他并不会尊敬他的姐姐,可以说是一个非常讨人厌的家伙。

立场:秩序邪恶或混乱邪恶

天上天下,唯吾独尊

我们不必为这个世界所感动,因为吾等高于这个世界,姐姐

吾乃永恒之路而来的至高存在,汝等皆为蝼蚁

以上为旧世界恩里克-费尔南的介绍

那么接下来就是新世界的了

性格层面上有很大的改变

性格:在经历了某种未知的事件之后,从最开始的自傲,傲慢,变成了温柔,待人和蔼,他变得十分疼爱自己的姐姐,也不会再像以前那样子,自视至高,就像换了个人一样

朋友:永恒天维,虚无鸿蒙,起源404,XX

最爱的人:哥伦比娅

外表:身材瘦高的男性,蓬松的黑色头发,双目为灰色,黑色的衬衫与白色的外套,深黑色的长裤,没有许多特别的装饰品进行衬托,俨然一副普通人的模样

现在呆着的地方:始源之零组织(在哥伦比娅建议下加入)

人物简介:

他几乎没有任何身份,非人非神,只有一个普通的名号“军零天神”,普通的外貌使他成为了整个组织里面最不起眼的一个存在,但几乎没有人可以想象到他的强大

背景故事:

他的诞生自始至终都是个迷,与其有过些许交集的人都会传出很多谣言,有传闻说他们姐弟二人是被“真神”选中成为的使徒,也有传闻说他们诞生自永恒之路,也有传闻称他们是一对双生的至高神,象征着光明与黑暗。但几乎都毫无依据,姐弟二人都声称自己来自永恒之路,但二者的力量又强大到可以将永恒之路视为无一般的渺小

武器层面:并没有武器,他可以随心所欲的创造出各种各样的神器

技能方面:

永恒-粉碎:从手指中释放出毁灭任何次元,时空,宇宙,叙事的力量,可以自主调节威力

永恒-理念:可以强制修改任何存在的意识,改变它们存在的意义,但一般不会使用

言出法随:只要念头一动,便可以让一切东西由自己所操纵,世间万物的一切会随着自己的语言而改变

现实扭曲:最强大的现实扭曲,一切叙事,一切因果,一切现实,一切宇宙,一切次元,一切时空,一切思想。一切中的一切皆会被其所扭曲,改变。

永恒-幻想:常态状态下,最强的技能,调动全部的力量,让世间万物的一切归于虚无,虚无本身将归于虚无

形态:『幻想之歌』

绽放出现的最强形态,仅新世界的恩里克才能拥有,在经历了【圣经事件】后所爆发出的最强形态

外貌:全身会散发出较为强烈的白色闪光,周边会出现各种各样特殊的符号漂浮在一旁,白色的裙摆会出现在腰间。

周围的时间与空间将会因此而产生扭曲,如果不是极其强大的存在,光是靠近就会陷入到时间与空间的循环之内。

正常情况下是不会使用这个形态的

技能介绍:

幻想之力:仅此一招,也可以说是这个形态出现的使用过的唯一一招,一切数学,一切文学,一切哲学,一切神学,一切玄学,一切幻想,一切妄想,一切知识,一切理念,一切认知,一切存在,一切永恒……一切的一切都为坍缩为无。

幻想阿尔法(从未使用过):无人见证其力量,改变一切逻辑的轨道,改变一切世界的走向,可以修改形而上与形而下之间的区别,使其一模一样,可以修改有与无的区别,让有化为无,让无成为有,亦可以让其相同……

幻想-火花(从未使用过的技能):让任何时空任何地点的指定位置,燃出一朵特殊的火花,可以让世间万物中的一切都因此而获得生机,可以起死回生,火花没有任何伤害性,包括一只蚂蚁都可以靠在上面休息,任何获得火花的人,只要心里想,都可以瞬间创造出一个新的存在,新的世界(包括永恒之路)

幻想-天堂圣水(从未使用过的技能):从指定的位置召唤出一瓶圣水,其本身无论是瓶子还是水,都无法进行任何方面的解析。只要是获得圣水的人,可以凭借一滴圣水达成心想事成,不论何等离谱的事情。

技能暂时结束,往后可能会补充

琐事方面:

恩里克对碳酸饮料有一定的钟情程度,有很多时候他都会喜欢带着一瓶可乐

恩里克可以听从他人的请求,但不会听命于任何人的命令,除了哥伦比娅

恩里克和哥伦比娅其实并不是亲生姐弟

恩里克深爱的自己的姐姐

【圣经事件】后,加深了恩里克对自己姐姐的情感

恩里克宁愿自己去死也不希望哥伦比娅出事(哥伦比娅也一样)

恩里克是整个组织里面最强的存在,但在组织里面几乎没有几个人知道他的实力,除了起源404

恩里克属于平凡的强大,在很多人眼中,她就是个普通人,唯独同他交过手的,才深知他的可怕

恩里克深谙世界一切知识,它既可以是全知全能的,也可以是非全知全能的,这取决于他

往后可能会有更多的补充

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