这是什么
我
Croquembouche用在一大堆页面上的一大堆各种各样的CSS“改进”,因为我觉得这样就能使其更容易处理。
该组件做出了很多非常细碎的改动以使得写作体验更加舒服且能够使制作组件/版式更加容易一点(也就是我经常干的事)。它不会对读者来说在视觉上改变页面中的任何东西——这些改动是为作者服务的。
我不期望用了这个组件的文章的翻译版也会用到这个组件,除非那个翻译者也喜欢这个组件而且也想用这个组件之类的。
这个组件可能不会与其它组件或版式冲突,且即使会冲突,也可能不会有什么影响。
用法
在任意维基上:
[[include :scp-wiki:component:croqstyle]]
该组件被设计于与其它组件一同使用,所以-=-是用来隐藏该文档的。在另一个组件内使用时,请确保将该组件放在[[iftags]]块内,这样你的组件的用户就不会强制同样使用 Croq 风格。
相关组件
其它个人自定义组件(只会改变一点点东西):
个人自定义版式(在视觉上有大的变化):
CSS修改
大小合理的脚注
不让脚注达到一百万里那么宽,让你能确实地阅读脚注。
.hovertip { max-width: 400px; }
等宽字体编辑/代码
使编辑文本框内字体等宽,且将所有等宽字文本改为Fira Code,也是个明显很优秀的等宽字字体。
@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; }
电传打字机背景
给<tt>元素加上亮灰色的背景({{文本}}),使得代码片段更为突出。
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;
}
不要大脸
禁用悬停于某人的头像的时候出现的大图片,因为这图片又蠢又真的很烦人,想看大头像版本的话直接点击一下就行了。
.avatar-hover { display: none !important; }
碎裂碎裂
任何在带有nobreak类的div中的文本可以在字母间自动换行。
.nobreak { word-break: break-all; }
代码颜色
将我终端中的代码颜色加为变量。可能我会在什么时候把它改成比如Monokai或者别的更加常见的终端主题,但是现在暂时这还是我的个人主题,是从Tomorrow Night Eighties中衍生而来的。
还有,将.terminal类像[[div class="code terminal"]]一样添加到假代码方块中可以让它有一个有点伪终端样的暗色背景。不能用在[[code]]中,因为Wikidot嵌入了一大堆语法来使其高亮,不用一大堆CSS是改不动的。只能用在非[[code]]的代码片段中。
: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中的任何东西周围画上线。线的颜色是红色的但是遵从CSS变量--debug-colour。
你还可以将div.debug-info.over与div.debug-info.under添加到某个元素中以给调试框加注释——虽然你得确保有留下足够的垂直空间,让注释不会与其上方或下方的东西重叠。
.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; }
@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@600;700&display=swap);
/* Centered Header Sigma
* [2021 Wikidot Component]
* By Lt Flops (CC BY-SA 3.0)
* Forked from:
* Penumbra Theme by EstrellaYoshte
* Also based on:
* Centered Header BHL by Woedenaz
**/
/* ---- VARS ---- */
:root{
--titleColor: hsl(0, 0%, 95%);
--subtitleColor: hsl(60, 62%, 85%);
--lgurl: url(https://scp-wiki.wdfiles.com/local--files/component%3Acentered-header-sigma-9/logo.svg);
}
/* ---- SITE BANNER ---- */
#header,
div#header{
background-image: none;
}
#header::before{
position: absolute;
width: 100%;
height: 100%;
content: "";
background-image: var(--lgurl);
background-position: center top;
background-repeat: no-repeat;
background-size: auto 9em;
opacity: .33;
}
#header h1,
#header h2{
float: none;
margin-left: 0;
text-align: center;
}
#header h1 span,
#header h2 span{
/* Hide the Existing Text */
display: none;
}
#header h1 a::before,
#header h2::before{
/* Style the New Text */
font-family: "Montserrat", "Arial", sans-serif;
text-shadow: none;
}
#header h1 a::before{
position: relative;
bottom: .15em;
color: var(--titleColor);
font-size: 115%;
font-weight: 700;
}
#header h2::before{
position: relative;
top: .1em;
color: var(--subtitleColor);
font-size: 130%;
font-weight: 600;
}
#header h1 a::before{
/* Set the New Text's Content From Variable */
content: var(--header-title, "SCP基金会");
}
#header h2::before{
content: var(--header-subtitle, "控制 - 收容 - 保护");
}
/* ---- SEARCH ---- */
#search-top-box{
top: 1em;
right: 0;
}
#search-top-box-form input.button{
margin-right: 0;
}
#search-top-box-input,
#search-top-box-input:hover,
#search-top-box-input:focus,
#search-top-box-form input[type=submit],
#search-top-box-form input[type=submit]:hover,
#search-top-box-form input[type=submit]:focus{
border-radius: 0;
box-shadow: none;
font-size: 100%;
}
/* ---- TOP BAR ---- */
#top-bar{
right: 0;
display: flex;
justify-content: center;
}
#top-bar ul li ul{
border-bottom: 1px solid hsl(0, 0%, 40%);
box-shadow: none;
}
/* ---- LOGIN ---- */
#login-status{
top: 1.1em;
right: initial;
color: hsl(0, 0%, 87%);
}
#account-topbutton{
border-color: hsl(0, 0%, 87%);
font-size: 100%;
}
/* ---- PAGE TITLE ---- */
.meta-title,
#page-title{
text-align: center;
}
/* ---- BREADCRUMBS ---- */
.pseudocrumbs,
#breadcrumbs{
text-align: center;
}
/* ---- MOBILE DISPLAY ---- */
@media (max-width: 767px){
#search-top-box{
top: 1.85em;
width: unset;
}
.mobile-top-bar{
position: relative;
left: 0;
display: flex;
justify-content: center;
}
#login-status{
top: 0;
right: 0;
}
#header .printuser{
font-size: 0;
}
#header .printuser img.small{
margin: 0;
transform: translate(6px, 4px);
}
#my-account{
display: none;
}
#account-topbutton{
margin-left: 2px;
}
}
黑皇后奥查,报到!
黑皇后米莎,在线。
特工霍珀……呃,算是来报到吧。
搞么子?
一位格拉布诺克怎么在这儿?什么情况?
拜托别这么称呼我。有损尊严。
这也太不合规矩了。谁准许你进我们系统的?
是我。
哇哦,天呐
但为什么,蒂弗鲁斯基?
因为黑皇后拉姆达已经和我们断联了,拜她那边的焚书人所赐。而特工霍珀最近刚去过她的宇宙,并和她长谈过,我认为他是最合适的人选,来代理记录她们相关的那个实例。
谢谢,L.S.
哈
行,我明白了。
米莎,你还有别的问题吗,还是说我们该停止浪费时间,开始正事了?
……没有。没有,开始吧。
基准
本次记录的事件,是焚书人对多元宇宙中某座图书馆的毁灭——或者说,近乎毁灭。等等等等,给我等一下。我还以为只有一座图书馆,没别的了。你跟别的姐妹聊过吗,奥查?我知道有好几位姐妹都在不同的图书馆里工作。
没错,我就是其中之一。
……天哪,这完全颠覆了我对我们多元宇宙的理解啊。
欢迎入伙。慢慢就习惯了。
简单总结一下,根据霍珀收集回来的信息,确实有好几个宇宙共用一座无限的图书馆。顺便一提,特工,我们回头要好好谈谈在上一个那样的宇宙中你的所作所为。咕咚。总之,正如米莎所说,我们记录在案的大约半数宇宙,都有自己独立的、但同样无限的图书馆与之绑定。你们可以把它想象成你们见过的那种一个州里图书馆的”区域分支机构“。现在这事说清楚了,能继续了吗?
先决条件
- 被放逐者之图书馆和全球超自然联盟同时存在。这情报我自己也能总结出来,谢了。没必要这么阴阳怪气,奥查。这些事情必须详尽。
- 焚书人将图书馆的持续存在视为一种生存威胁。比他们通常认为的还要严重。
- 焚书人能够驾驭希腊火的力量。他们当然不会满足于用普通的老式火焰。图书馆的典籍足够坚固,普通火焰甚至不能让书页升温。
- 焚书人掌握了……我没看错吧?“门径阻断技术”?这玩意儿真存在?!不幸的是,确实存在。L.S.和我可以证实其效力。我的天哪。
实用价值
老实说吧,各位,我看不出这些信息有什么实际用处,除了吓唬我们自己。你看得太局限了,奥查。如果我们知道过去发生过这类事件,就能和世界树各枝干的姐妹们协调,帮助她们阻止更多类似事件发生。蒂弗鲁斯基说得对。而且在最坏的情况下,我们也能协助协调此类袭击中的撤离工作。……还有可能,获得一个更广泛的后援网络。这正是我们的想法。
弱点
我不认为除了对焚书人全面开战之外,还有什么能彻底阻止一场焚毁的发生。但那样的行动会消耗过多的资源,难以承受。没错,这就是为什么不推荐直接与他们对抗。针对焚书人的训练、欺诈与谍报工作,是预防或至少遏制此类事态的最佳策略。
这是霍珀和我来自的宇宙。天哪,蒂弗鲁斯基,我真的很遗憾。别担心,奥查。他们出现在这份文档上,就说明焚书人没能完全得逞。
但那仍然是一场血腥的袭击。无一幸免,就连壮丽的圆房蚣也没能幸免。全靠蛇之手在2019年及时赶到这座图书馆,以及他们展开的防御,我们才得以把这里当作家园并开始我们的工作。若不是他们,我不会站在这里。
是的。不幸的是,损害严重到几乎将我们与世界树的其余部分彻底切断,并在我们的宇宙中触发了一场死局。
等等,一场什么?
这是世界树中不可避免的宿命,霍珀。我们身处一个临界世界。
可是……为什么没人告诉过我?
我说,公平点讲,格拉布诺克
ಠ_ಠ
我是说霍珀……你平时也不怎么在,对吧?因为你那个转移的能力?……霍珀,你上次离开图书馆——不是在转移期间——是什么时候?
……我得出去走走。
等我们干完正事,特工。别忘了,你还有一个宇宙要汇报。
好的。总之,这是拉姆达的宇宙。
你跟艾丽克斯聊过了?
她还好吗?!
姐妹们,给他点时间。
是的,她很好。实际上好得很。她正和控制与收容保护同盟的其他成员一起,直接向焚书人发起反击。
她在跟狱卒合作?!?
不不!这个SCP是一群来自各行各业的自由战士,与焚书人交战,旨在反抗对帷幕的法西斯式掌控。
我勉强承认这还挺不错。但我不信任他们不会在尘埃落定后变成他们自己摧毁的那种东西。
据霍珀所说,这在监督者议会中并非少见的顾虑。但我们跑题了。特工,拉姆达给了你什么关于这座图书馆焚毁的情报?
不多,很遗憾。那地方在2016年左右的某段时间被烧了,行动代号“重燃亚历山大”。看到他们盗用这个名字已经让我想给这帮混蛋来一枪了……这是一场彻底的焦土行动。没有任何典籍或门径在焚书者的残暴下幸免。唯一的幸存者M'r'j'n'z之所以得以生还,是因为她预见到了危险,在最初察觉到威胁时便经由一条紧急门径让自己脱身了。
有意思。我想见见她,看看她预知的秘密是什么。
嘿,如果你真有机会见到她,我希望你不怕蜘蛛。好了,我要去散个步了,就刚才说的……
等等,你说的“怕蜘蛛”是什么意思
霍珀已下线
……草。他会没事吗?等西尔维娅和我跟他谈过之后,他应该会好一些。现在,我还想讨论一个宇宙。
实例:时间线RZ-I26W
什……等等,那是我的宇宙!
是的。
但……但这不对。我的图书馆好好的。 眼下是好好的。但你确定还能好多久?
……
天呐。
霍珀前段时间恰好去过你的宇宙。截获了焚书者之间一些有趣的闲聊,说的是一个需要尽快解决的“已知威胁实体”。哦老天。 霍珀带回这个消息已经有几个月了。虽然我们不能确定他们什么时候会有所动作,但你和你的图书馆最好有所准备。
……我得去打几个电话……
米莎已下线
……米莎那边真的有危险吗?
哦,天哪,没有。特工霍珀偷听到的那场讨论,最后以他们放弃了直接袭击图书馆的打算为结尾。
什么?!
好啦,奥查。有时候我们都需要撒些善意的小谎以激励大家。而且你们确实都该再检查一下自己图书馆的防御,因为我们永远无法真正确定,焚书人什么时候会想来个名副其实。
……我要去拿我的霰弹枪,练练靶子。不过我还是很生你的气,蒂弗鲁斯基……
奥查已下线
……如果这意味着你们的图书馆不会落得像我那座的下场,那我愿意承受这些愤怒,姐妹……
蒂弗鲁斯基已下线