[[iftags +组件]]
这是什么
我用户 'Croquembouche' 不存在用在一大堆页面上的一大堆各种各样的CSS“改进”,因为我觉得这样就能使其更容易处理。
该组件做出了很多非常细碎的改动以使得写作体验更加舒服且能够使制作组件/版式更加容易一点(也就是我经常干的事)。它不会对读者来说在视觉上改变页面中的任何东西——这些改动是为作者服务的。
我不期望用了这个组件的文章的翻译版也会用到这个组件,除非那个翻译者也喜欢这个组件而且也想用这个组件之类的。
这个组件可能不会与其它组件或版式冲突,且即使会冲突,也可能不会有什么影响。
用法
在任意维基上:
[[include :scp-wiki:component:croqstyle]]
该组件被设计于与其它组件一同使用,所以-=-是用来隐藏该文档的。在另一个组件内使用时,请确保将该组件放在[[iftags]]块内,这样你的组件的用户就不会强制同样使用 Croq 风格。
相关组件
其它个人自定义组件(只会改变一点点东西):
- RSO组件 — 用户 'Rounderhouse' 不存在
个人自定义版式(在视觉上有大的变化):
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; }
著作信息
隐藏用户信息和搜索栏组件
作者:用户 'Mercuresphere' 不存在
如果您喜欢我的风格的话,欢迎您来我的作者页看看我的其他作品。
这是什么?
这个组件可以改变顶栏当中用户信息和搜索栏两部分的显示状态,使其变为可折叠并默认隐藏。
使用方法:
若需使用本组件,请在你页面的任意位置插入以下代码:
[[include :backrooms-wiki-cn:component:toggle-search-top-box]]
这个组件可以适配大部分版式的配色方案,遇到不能适配的少数场合(如采用亮色系版头的版式)可以额外引入以下代码修改配色:
style="display: none;" ]]
“......”
一场会议开始了,这次是在联合工业进行的,这次的会议相较于组织来说,是尤为重要的一件事,这次的联合工业部进行了一项前所未有的大挫折,好似一座高山摆在我们面前,而组织手上仅有一把登山镐,缓慢的爬过这座山。
事情的起因是一个组织,此组织极其恶劣,擅自对我下属分部进行挑衅,甚至殴打了我组织的成员,造成几人伤亡,刺杀了总监张作梗,我组织不能容忍这一恶劣行为,下发了最后通牒。
但此组织非但不接受劝告,甚至撕毁了条单,对我组织进行宣战,我组织也只好进行战争准备。
“总监,这是递给你的一项报告。”
张卫国顺势地接了过去,但他看到时双手止不住的颤抖起来,随之而来的是愤怒感。
联合工业复兴教团
在长期联合工业的控制之下,一部分对政策感到不满的异己思想者在■■■
发起了叛乱活动,并对外宣称,只有教宗才能保护在后室手无寸铁的人民,神会赐予他们能力碘伏一切反对者。
但整个联合工业的人都明白,这是一群空想主义者,他们在幻想一种实体能降临庇护他们,加入他们无疑就是送死。
在早些时候,这个组织并没有公然宣布独立,只是幕后进行渗透和破坏,保卫部的成员都很难找到奸细,他们对间谍渗透是十分擅长的,目前为止给出的结论是这样的。
在后面点,是熟知的暴动叛乱,成立了一个特别的宗教极权集团,并给普通的,抱有其他意见的部分流浪者灌输思想,逐渐扩大势力...
“胡闹,竟敢做出这种伤天害理的事,简直荒唐!”张卫国愤怒的说。
从前张卫国一向是很正常的人,脾气向来很好,但不知这次瞬间爆发了脾气,也可能是因为这件事吧。
“也对,这个组织的确做的太过了,我组织何尝不能愤怒呢,我等势必将他们归拿此处。”江平文清澈的说。
“好,是时候给他们点教训了!我下令立即出发!”张卫国发出命令的口吻,行使江平文出动。
“是,总监!”江平文大声的说
脚步声瞬间而去,顺势跑向了楼下,接着就是汽车发动的声音,向着远方奔去。
“为我组织严惩别处的入侵,做最优质的战士。我们会打这个仗。张作梗的去世,让我们更加团结一致!我们组织的朋友们,要对可耻的公然刺杀张作梗,做出回答!今天,我们为被害的张作梗哀悼;明天,我们就要让这个极端宗教组织付出代价!”
“听到了吗,同志们,我们将面对的是那些可恶的宗教分子们,为总监张作梗,为了组织,我们不得不出发,去面对,去战斗,现在是为组织争光的时候,也是为总监报仇的时候,同志们,愿你们平安归来!”
江平文的这一系列激情演讲,深刻鼓舞了同志们的士气,能否归来暂且不知,只知道他们是第一批上战场的士兵,甚至上战场都没希望可能回来,但我还是祝福平安回归组织罢了。
远方的军队逐渐散去,坦克的轰隆声也渐渐的褪去了,只剩下了漆黑的印记,不知回来又剩多少呢...
页面版本:7,最后编辑:2023年6月23日 15:43(UTC+08:00)