排版
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-xs | 14 / 12px |
.ak-muted | --ak-fg-muted 次要文字 |
CSS
正文排版规则上的 :not(:where(.ak-not-prose, .ak-not-prose *)) 后缀在下表里省略了——它的特指度是 0,不改变原规则的权重。
