版式开发查漏补缺指南
简介
这是一个给各位版式开发者写的自查清单，确保你的版式在绝大部分场景下都能正常工作。
CSS覆盖
页面布局覆盖
页面元素覆盖
Wikidot原生样式
- div.blockquote和blockquote需要共用一个样式。
- div.wiki-note应该有样式，这是wikidot自带的语法[[note]]（虽然很冷门）。
用户组件覆盖
如果是基础版式，是否已经包括了这些Sigma-9版式自带的东西：
常用组件
- 标准插图块
- 版权信息
- Wikiwalk导航
多重折叠模块
https://scp-wiki-cn.wikidot.com/component:colstyle ，复制全部CSS到你的页面中。
div.meta-title伪标题
应该和#page-title保持一致。
div.pseudocrumbs伪父页面导航
应该和#breadcrumbs保持一致。
隐藏标签
以下划线开头的标签会被隐藏，这不是Wikidot原生功能，而是由以下CSS实现的：
#main-content .page-tags a[href^='/system:page-tags/tag/_'] { display: none; }
著作信息模块
著作信息模块的结构比较复杂，尤其是考虑到它使用iframe实现状态切换，一些元素的样式肯定无法被修改。这里建议同样查看独立著作信息模块是否能适配版式。
警告信息
- div#u-adult-warning
- div#u-component-top-box
- div#u-archived-top-box
一些Sigma-9提供的组件
- span.ruby和span.rt/ruby和rt是否可以正常显示？你可以用inline-flex等更现代的方式实现拼音标注。
- span.keycap是否有样式？
- span.bblock和span.dblock是否有样式？
- div.curved是否有样式？虽然没什么人用，但最好还是做了。
- .content-panel、.panel-footer、.panel-heading，这是负责首页上的内容板块的样式。不是必备项，但如果是希望用于全站的版式，可以考虑做一下。
Action-area覆盖
跨维基组件覆盖
可访问性、无障碍
颜色对比度
响应式布局
移动端（或者屏幕宽度小于768px）时，请检查：
- 顶栏是否会自动切换到.mobile-top-bar？
- 即使没有状态切换，也应该正常工作。
- 顶栏下拉内容是否会遮挡整个屏幕？
- 顶栏是否会顶出额外的空白页面宽度？这往往是由于.mobile-top-bar的内容超出容器导致的。
- 头像按钮、搜索按钮、通往主页的版头标题都能正常点击吗？
- 侧边栏能否正常呼出，内容不被顶栏遮挡？