Skip to content

页面头 ​

header.ak-page-header:正文白纸上方的两行——上行是面包屑(或命名空间小标)与页面状态指示器,下行是页面标题 h1#firstHeading 与页面动作簇(Citizen 式)。上行没有内容时整行收起、不占高度:主名字空间的页面没有命名空间小标,没有指示器、或只有扩展先放着的空指示器(SMW 的实体检查查到问题前是空的)都算没有内容;脚本事后把指示器填上,这一行会自己出来(:has())。

视口

标题 ​

h1 思源 32px 800,左侧 8px 青色粗条(比正文 h2 的 4px 粗一档);英文 / 日文副名放在 <span class="ak-en"> 里,另起一行、半号、灰色大写。命名空间前缀 .mw-page-title-namespace 变灰。手机上随 --ak-fs-h1 的窄屏值降到 26px(见字号 · 窄屏)。

标题末尾可以跟一枚复制短链接的链条图标 a.ak-page-heading__shortlink(现网侧栏首组的「复制短链接」搬到这里,侧栏少一行):href 就是短链接,脚本把点击变成复制,复制后挂 .is-copied 一小会儿——图标换成对勾、变绿,不弹通知。字号取 h1 的 70%、与标题隔 .4em。它写在 h1 里、紧跟标题文字:页面脚本往 #firstHeading 末尾追加的东西(PRTS 的英文副标题块 .prts-subname)排在它后面,图标留在标题自己那一行;它自己不带文字(名字走 aria-label),h1 的 textContent 仍只是标题。Skin:Arknights 把它插在核心输出的 h1 的末尾。配了 $wgArknightsShortUrl(如 /id/$1,$1 是页面 ID)才输出。

命名空间小标 .ak-page-header__ns 与卡片 eyebrow 同一种 overline:不可点的装饰文字,用 --ak-fg-muted,不上青(见设计理念 · DO / DON'T)。

动作簇 ​

标题 flex: 1,动作簇靠右、底边与标题青条底对齐;标题很长时整簇换到标题下方。不再有 Vector 那样整条下划线的页签——簇里没有「当前」要标。

  • DOM 按 MW 菜单顺序输出:#p-associated-pages(页面 / 讨论)→ #p-views(阅读 / 历史 / 编辑 / ★)→ 变体 → 「更多」;显示顺序由 order 定:讨论 → 查看历史 → 编辑 → ★ → 更多。
  • 当前态只留给读屏器:li.selected(当前命名空间页签「页面」、「阅读」)是 sr-only(不是 display: none,accesskey 还在)——它们只在不是当前态时才是一个动作:讨论页上显示「页面」当返回、历史 / 差异页上显示「阅读」当返回。
  • 「编辑」是簇里唯一的主色实底(#ca-edit / #ca-ve-edit);不可编辑时这一格是「查看源代码」#ca-viewsource,跟讨论 / 查看历史同一种幽灵按钮——不加框也不提亮,它不是一个鼓励你做的动作。
  • ★ 监视纯图标,已监视(#ca-unwatch)黄色。
  • 「更多」= .ak-menu 卡片里两组门户:操作 #p-cactions · 工具 #p-tb。整个工具箱从侧栏搬来,id 不变,mw.util.addPortletLink('p-tb', …) 照常;其中「特殊页面 / 上传文件」是站点级的,不进这里,进侧栏站点导航(同 Citizen)。
  • 窄簇:簇里没有一枚看得见的页签时($wgArknightsShowPageTools 关掉、特殊页面——只剩 变体 / 更多),簇比卡片还窄,标题很长、簇换到下一行靠左时贴按钮右对齐的卡片会伸出版心左侧。这时卡片改挂在整簇上、定宽 240px:簇与标题同行(靠右)时卡片右缘贴簇右缘,簇换行(靠左)时卡片左缘贴簇左缘;放不下的长文案折行。有页签的簇比卡片宽,照旧贴按钮右对齐。
  • ≤639 只留图标:文字进 sr-only(title / accesskey 不变),「更多」只剩 ⋯。整簇只剩图标,有页签也比卡片窄,一律按窄簇走。
视口
「更多」卡片:操作 + 工具两组门户

动作簇的图标由皮肤映射(核心不给 views / associated-pages 的 icon 键):talk → speechBubbles、history → history、edit → edit、viewsource → wikiText、view → eye,讨论页上的命名空间页签换 arrowPrevious 表示返回。

CSS ​

块元素 __修饰 --

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