Skip to content

排版 ​

base/typography.css:wikitext 里最常见的那些元素——标题、段落、链接、行内元素、列表、引用、代码。全部是 MW 解析器的原生输出,编辑什么类名都不用写。

标题 ​

h2 = 官网式标题:左侧 4px 青色色条 + 1px 细底线 + 底线上 96px 的青色短横条;h3 = 3px 灰色色条;h4–h6 只降字号(h6 大写加字距,给英文小节用)。h1 是页面标题,归皮肤骨架(见页面头)。

标题上的「编辑」段落链接平时半透明、悬停标题才显形;触屏没有悬停,一直全显。多条链接(VisualEditor 会再加一条「编辑源代码」)之间的 | 由 CSS 画——皮肤的 mustache 模板判断不了「非第一项」。

标题 DOM

「悬停显形」与编辑链接靠右都要求新版标题 DOM(<div class="mw-heading"><h2>…</h2><span class="mw-editsection">…</span></div>):站点须设 $wgParserEnableLegacyHeadingDOM = false。否则解析器仍输出 <h2><span class="mw-headline">…</span><span class="mw-editsection">…</span></h2>,这几条规则不生效(标题本身的色条照常)。

链接与行内 ​

链接色 --ak-link,悬停加 1px 下划线;红链 a.new 用 --ak-link-new;外链 a.external 后面跟一枚 mask 画的外链图标(currentColor,随链接色变;.plainlinks 里不画);自身链接 a.mw-selflink 不是链接,只加粗。<mark> 是淡青底——与 :target 引用、表格当前行同一套「高亮」语言,不是荧光笔黄。

整套系统只有青这一种链接色,不出现紫:已访问就是同一个青「褪一层」。令牌与算法见色彩 · 链接。

hr 是 1px 分隔线,上下各留 32px;表格单元格里是格内分隔,收到 8px。hr.ak-hr-accent 在左端加 96px 青色短横,与 h2 的短横条同一个语汇。

列表 ​

无序列表的项目符号是 5px 的青色菱形(正方形转 45°,致敬源石,见设计理念 · 菱形;嵌套一层变灰);有序列表的编号用 Bender 粗体青色(::marker);定义列表 dt 加粗、dd 缩进。

引用与代码 ​

blockquote:左侧 4px 青条 + 浅一档的底、次要文字色;<poem> 只有一道 1px 左线(表格单元格里不画:模板把描述包进 poem 只为保留换行)。pre(含 SyntaxHighlight 的 .mw-highlight)是下沉底 + 3px 青色色条 + 1px 细框——色条和细框用 border-image 直角拼接,不让不同宽度的 border 在角上斜接出一道小斜边(见装饰语言 · 色条 + 细框)。行内 code 是浅底细框的小块。

工具类 ​

类作用
.ak-not-prose标在模板输出的最外层:子树退出正文排版(为什么)
.ak-hr-accent带青色短横的分隔线
.ak-text-sm / .ak-text-xs14 / 12px
.ak-muted--ak-fg-muted 次要文字

CSS ​

正文排版规则上的 :not(:where(.ak-not-prose, .ak-not-prose *)) 后缀在下表里省略了——它的特指度是 0,不改变原规则的权重。

文本 CC BY-NC-SA 4.0 · 游戏素材版权归鹰角网络所有