Template:图书排版/styles.css:修订间差异

删除的内容 添加的内容
楷体栈西文改回衬线(Georgia),删除与后条冲突的 .heti--kai
以 heti 官方规则为底补齐版式类,并把版式改为模板参数开关({{图书排版|行间注}} 等)
 
(未显示同一用户的7个中间版本)
第1行:
/* ===== 字体别名栈:中正文标点黑体优先,衬线族走全角宋体(修复引号贴字) =====
方案:标点单独走宋体全角,正文走黑体优先长栈(ctext.org 逻辑)。
常用字 → 雅黑/苹方(屏幕阅读舒服)
生僻字 → SimSun-ExtB/G / Jigmo / HanaMin(古籍宋体兜底)HanaMin
========================================================== */
@font-face {
font-family: "TemplateStyles CJK Punct";
src: local("SimSun"), local("宋体"),
local("Songti SC"), local("STSong"), local("Noto Serif SC");
unicode-range: U+2000-206F, U+3000-303F;
}
 
/* ===== 字体回退栈说明(混合方案)=====
顺序:标点 → 西文无衬线 → 黑体(系统默认) → 宋体 → 扩展B/G → 古籍生僻字体兜底
- 标点跟随正文字体:2026-09 删去标点专用的 @font-face(它原先把标点强制交给宋体
- 标点被 "TemplateStyles CJK Punct" 拦截,走宋体全角(解决引号贴字)
全角,用于修复「引号贴字」);现在引号、逗号等一律用正文字体,简繁各自随其汉字字体。
- 常用字走 "PingFang SC" / "Microsoft YaHei"(黑体,屏幕阅读舒服)
- 生僻字自动往后掉:SimSun-ExtB → SimSun-ExtG → Jigmo → HanaMin
参考 ctext.org 的长栈逻辑,结合本站的标点分区方案。
(宋体/楷体栈的西文用 Georgia——与衬线中文协调;黑体栈的西文用 Verdana/Arial——与黑体协调)
========================================================== */
 
/* 正文段距:与 MediaWiki:2026-09 删去自身声明,交回站点默认一致(站点皮肤为.mw-body p{margin:0.4em5em 0 0.5em1em 0})。
原先声明的 0.4em/0.5em 特异性低于 .mw-body p,实际从未生效。 */
2026-09 由 heti 的 12px/24px 改来——那是书籍正文的宽段距,段间距约为站点默认的 2.35 倍。
用相对单位 em(而非 px),随正文字号缩放。 */
p {
margin:0.4em 0 0.5em;text-align:justify
}
p:not(:lang(zh)):not(:lang(ja)):not(:lang(ko)), p:not(:lang(zh)) {
text-align:start
}
h1, h2, h3, h4, h5, h6 {
position:relative;margin:0;margin-top:24px;margin-bottom:12px;font-weight:600;
color:#202122;
font-family: Verdana, Arial, Helvetica, -apple-system,
"PingFang SC", "Microsoft YaHei", "Hiragino Sans GB",
"SimSun", "SimSun-ExtB", "SimSun-ExtG",
"Jigmo3", "Jigmo2", "Jigmo", "HanaMinA", "HanaMinB",
sans-serif;
}
h2, h3, h4, h5, h6 { font-weight: bold; }
/* 标题阶梯:按正文 20px(1.25rem)重定,字号全部用 rem 相对根字号;行高统一 1.4 倍。
原阶梯 32/28/24/20/18/16px 是在正文 17px 下设的,正文放大到 20px 后 h6(16px) 会小于正文,
第52行 ⟶ 第45行:
h6 {
font-size:1.25rem;line-height:1.4
}
h1, h2, h3 {
letter-spacing:.05em
}
h1:not(:lang(zh)):not(:lang(ja)):not(:lang(ko)), h1:not(:lang(zh)), h2:not(:lang(zh)):not(:lang(ja)):not(:lang(ko)), h2:not(:lang(zh)), h3:not(:lang(zh)):not(:lang(ja)):not(:lang(ko)), h3:not(:lang(zh)) {
letter-spacing:0
}
h1+h2, h2+h3, h3+h4, h4+h5, h5+h6 {
margin-top:12px
}
.heti--serif, .heti--song, .heti--poetry {
font-family:"TemplateStyles CJK Punct", Georgia,
"SimSun", "Songti SC", "Noto Serif SC",
"PMingLiU", "PMingLiu-ExtB", "SimSun-ExtB", "SimSun-ExtG", 新細明體,
第69行 ⟶ 第56行:
serif
}
.heti--classiccolumns-2 {
max-width:none;column-gap:2em;column-count:2
font-family:"TemplateStyles CJK Punct", Georgia,
"SimSun", "Songti SC", "Noto Serif SC",
"PMingLiU", "PMingLiu-ExtB", "SimSun-ExtB", "SimSun-ExtG", 新細明體,
"Jigmo3", "Jigmo2", "Jigmo", "HanaMinA", "HanaMinB",
serif
}
.heti--columns-2 p {
.heti--classic h1, .heti--classic h2, .heti--classic h3, .heti--classic h4, .heti--classic h5, .heti--classic h6 {
font-family:"TemplateStyles CJK Punct", Georgia,
"Kaiti SC", "STKaiti", "KaiTi",
serif;font-weight:800
}
.heti--classic blockquote, .heti--classic cite, .heti--classic q {
font-family:"TemplateStyles CJK Punct", Georgia,
"Kaiti SC", "STKaiti", "KaiTi",
serif
}
.heti--classic figcaption, .heti--classic caption, .heti--classic th {
font-family:"TemplateStyles CJK Punct", Verdana, Arial, Helvetica, -apple-system,
"PingFang SC", "Microsoft YaHei", "Hiragino Sans GB",
"SimSun", "SimSun-ExtB", "SimSun-ExtG",
"Jigmo3", "Jigmo2", "Jigmo", "HanaMinA", "HanaMinB",
sans-serif
}
.heti--hei {
font-family:"TemplateStyles CJK Punct", Verdana, Arial, Helvetica, -apple-system,
"PingFang SC", "Microsoft YaHei", "Hiragino Sans GB",
"SimSun", "SimSun-ExtB", "SimSun-ExtG",
"Jigmo3", "Jigmo2", "Jigmo", "HanaMinA", "HanaMinB",
sans-serif
}
.heti--song {
font-family:"TemplateStyles CJK Punct", Georgia,
"SimSun", "Songti SC", "Noto Serif SC",
"PMingLiU", "PMingLiu-ExtB", "SimSun-ExtB", "SimSun-ExtG", 新細明體,
"Jigmo3", "Jigmo2", "Jigmo", "HanaMinA", "HanaMinB",
serif
}
.heti--columns-1, .heti--columns-2, .heti--columns-3, .heti--columns-4, .heti--columns-16em, .heti--columns-20em, .heti--columns-24em, .heti--columns-28em, .heti--columns-32em, .heti--columns-36em, .heti--columns-40em, .heti--columns-44em, .heti--columns-48em {
max-width:none;column-gap:2em
}
.heti--columns-1 p, .heti--columns-2 p, .heti--columns-3 p, .heti--columns-4 p, .heti--columns-16em p, .heti--columns-20em p, .heti--columns-24em p, .heti--columns-28em p, .heti--columns-32em p, .heti--columns-36em p, .heti--columns-40em p, .heti--columns-44em p, .heti--columns-48em p {
margin-top:6px;margin-bottom:12px;text-indent:2em
}
/* 诗词标题:2026-09 起不再用楷体(楷体版式已整体移除),改为继承容器的宋体栈,仍居中加粗。 */
.heti--columns-1 {
.heti--poetry h1, .heti--poetry h2, .heti--poetry h3, .heti--poetry h4, .heti--poetry h5, .heti--poetry h6 {
column-count:1
font-family:inherit;font-weight:800;text-align:center
}
.heti--columns-2 {
column-count:2
}
.heti--columns-3 {
column-count:3
}
.heti--columns-4 {
column-count:4
}
.heti--columns-16em {
column-width:16em
}
.heti--columns-20em {
column-width:20em
}
.heti--columns-24em {
column-width:24em
}
.heti--columns-28em {
column-width:28em
}
.heti--columns-32em {
column-width:32em
}
.heti--columns-36em {
column-width:36em
}
.heti--columns-40em {
column-width:40em
}
.heti--columns-44em {
column-width:44em
}
.heti--columns-48em {
column-width:48em
}
.heti--vertical {
max-width:none;max-height:42em;writing-mode:vertical-rl;letter-spacing:.125em
}
.heti--vertical h1, .heti--vertical h2, .heti--vertical h3, .heti--vertical h4, .heti--vertical h5, .heti--vertical h6 {
text-align:start
}
.heti--vertical q {
quotes:"「" "」" "『" "』"
}
.heti--ancient, .heti--poetry {
font-family:"TemplateStyles CJK Punct", Georgia,
"SimSun", "Songti SC", "Noto Serif SC",
"PMingLiU", "PMingLiu-ExtB", "SimSun-ExtB", "SimSun-ExtG", 新細明體,
"Jigmo3", "Jigmo2", "Jigmo", "HanaMinA", "HanaMinB",
serif
}
.heti--ancient h1, .heti--ancient h2, .heti--ancient h3, .heti--ancient h4, .heti--ancient h5, .heti--ancient h6, .heti--poetry h1, .heti--poetry h2, .heti--poetry h3, .heti--poetry h4, .heti--poetry h5, .heti--poetry h6 {
font-family:"TemplateStyles CJK Punct", Georgia,
"Kaiti SC", "STKaiti", "KaiTi",
serif;font-weight:800;text-align:center
}
.heti--ancient h1 .heti-meta, .heti--ancient h2 .heti-meta, .heti--ancient h3 .heti-meta, .heti--ancient h4 .heti-meta, .heti--ancient h5 .heti-meta, .heti--ancient h6 .heti-meta, .heti--poetry h1 .heti-meta, .heti--poetry h2 .heti-meta, .heti--poetry h3 .heti-meta, .heti--poetry h4 .heti-meta, .heti--poetry h5 .heti-meta, .heti--poetry h6 .heti-meta {
font-weight:400
}
@media screen and (min-width: 640px){
.heti--ancient h1 .heti-meta, .heti--ancient h2 .heti-meta, .heti--ancient h3 .heti-meta, .heti--ancient h4 .heti-meta, .heti--ancient h5 .heti-meta, .heti--ancient h6 .heti-meta, .heti--poetry h1 .heti-meta, .heti--poetry h2 .heti-meta, .heti--poetry h3 .heti-meta, .heti--poetry h4 .heti-meta, .heti--poetry h5 .heti-meta, .heti--poetry h6 .heti-meta {
position:absolute;line-height:inherit;text-indent:0;display:inline;margin-top:4px;margin-left:8px
}
}
.heti--ancient .heti-meta, .heti--poetry .heti-meta {
line-height:24px;text-align:center;text-indent:0
}
.heti--ancient p {
text-indent:2em
}
.heti--poetry p {
text-align:center;text-indent:0
}
/* .heti--annotation p 的规则已于 2026-09 删除:其三条声明(margin 12px/24px、
line-height 2.25、text-indent 2em)在 2.25 行距提为默认后已全部等于默认值,属冗余。 */
.heti--annotation .heti-meta {
margin-top:12px;margin-bottom:24px
}
.heti-meta {
display:block;text-indent:0
}
.heti-verse {
text-align:center;text-indent:0
}
/* 辅助字号四档:改用 em(相对所在元素字号)并保持原有相对比例。
原为固定 px——正文 17px 时是 18/20/14/12px,即约 1.06/1.18/0.82/0.71 倍;
现取整为 1.1/1.25/0.8/0.7 倍,随正文自动缩放。行高统一 1.5 倍。 */
.heti-large {
font-size:1.1em;line-height:1.5
}
.heti-x-large {
font-size:1.25em;line-height:1.5;letter-spacing:.05em
}
.heti-small {
font-size:0.8em;line-height:1.5
}
.heti-x-small {
font-size:0.7em;line-height:1.5
}
.heti-list-latin {
list-style-type:upper-latin
}
.heti-list-latin ol {
list-style-type:lower-roman
}
.heti-list-latin ol ol {
list-style-type:lower-latin
}
.heti-list-han {
}
.heti-list-han ol {
list-style-type:decimal
}
.heti-list-han ol ol {
list-style-type:decimal-leading-zero
}
.heti-fn {
margin-top:59px;border-top:1px solid;border-top-color:#ccc;
font-size:0.8em;
font-family:"TemplateStyles CJK Punct", Verdana, Arial, Helvetica, -apple-system,
"PingFang SC", "Microsoft YaHei", "Hiragino Sans GB",
"SimSun", "SimSun-ExtB", "SimSun-ExtG",
"Jigmo3", "Jigmo2", "Jigmo", "HanaMinA", "HanaMinB",
sans-serif;
line-height:24px
}
.heti-fn ol {
margin-top:12px;margin-bottom:0
}
.heti-fn li:target {
background-color:#dbedff
}
.heti-hang {
position:absolute;line-height:inherit;text-indent:0
}
/* .heti-em(着重号)已于 2026-09 移除:改用 {{着重}} 模板(类名 em-cjk,
样式独立在 Template:着重/styles.css),着重号因此不再依赖本样式表。
旧写法 <span class="heti-em"> 不再生效,请改用 {{着重|字}}。 */
 
/* ===== 基础正文排版(自 heti 字号阶梯)===== */
/* ===== 页面底色与文字色(站点原有)===== */
/* ===== 中文标点与中文字体别名 ===== */
/* ===== 正文与标题字体栈(引号走全角字体)===== */
h1, h2, h3, h4, h5, h6 {
font-family: "TemplateStyles CJK Punct", Verdana, Arial, Helvetica, -apple-system,
"PingFang SC", "Microsoft YaHei", "Hiragino Sans GB",
"SimSun", "SimSun-ExtB", "SimSun-ExtG",
"Jigmo3", "Jigmo2", "Jigmo", "HanaMinA", "HanaMinB",
sans-serif;
font-weight: 600;
}
h2, h3, h4, h5, h6 { font-weight: bold; }
p { text-indent: 2em; }
p:not(:lang(zh)) { text-align: start; text-indent: 0; }
 
/* ===== 正文段落(仅 p)===== */
p {
font-size: 1.25rem; /* 20px(1.25 × 根字号 16px);原为固定 17px */
line-height: 2.25;
text-align: justify;
letter-spacing: .02em;
overflow-wrap: break-word;
word-wrap: break-word;
第282行 ⟶ 第81行:
text-indent: 2em;
color: #202122;
font-family: "TemplateStyles CJK Punct", Verdana, Arial, Helvetica, -apple-system,
"PingFang SC", "Microsoft YaHei", "Hiragino Sans GB",
"SimSun", "SimSun-ExtB", "SimSun-ExtG",
第291行 ⟶ 第90行:
text-align: start;
text-indent: 0;
}
 
/* ===== 标题(仅 h1-h6)===== */
h1, h2, h3, h4, h5, h6 {
color: #202122;
font-family: "TemplateStyles CJK Punct", Verdana, Arial, Helvetica, -apple-system,
"PingFang SC", "Microsoft YaHei", "Hiragino Sans GB",
"SimSun", "SimSun-ExtB", "SimSun-ExtG",
"Jigmo3", "Jigmo2", "Jigmo", "HanaMinA", "HanaMinB",
sans-serif;
}
 
/* ===== 2026-09 补齐(依据 scripts/survey-heti.js --diff)==============================
参考 Wikisource SKQS 的正文行宽(下方 .heti--line-length)。
1) heti 官方有而本站缺的 5 个类(.heti 容器类本体有意不引入,理由见 content/tushu/DESIGN.md §2);
(.heti-adjacent-* / .heti-spacing-* 间距类、.heti--columns-1/3/4 与 -16em~-48em 共 16 类,
2) 参考 Wikisource SKQS 的两项:正文行宽、楷体字体栈。
以及 .heti--sans / .heti--hei 黑体类,均已移除:158 个嵌入页零引用。)
================================================================================== */
.heti--sans {
font-family:"Helvetica Neue",helvetica,arial,"Heti Hei",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"
}
.heti-adjacent-half {
margin-inline-end:-0.5em
}
.heti-adjacent-quarter {
margin-inline-end:-0.25em
}
.heti-spacing-start {
margin-inline-end:.25em
}
.heti-spacing-end {
margin-inline-start:.25em
}
 
/* 正文行宽 —— 参考 Wikisource SKQS 的 .skqs-body(max-width:42em + 居中);
第330行 ⟶ 第105行:
}
 
/* 楷体字体栈 —— 取自 Wikisource [[Template:楷體/style.css]] 的完整栈;
删去本站不会命中的 :lang(zh-tw)/(zh-hk)/(zh-mo) 变体覆盖(本站只有 zh/zh-hans/zh-hant)。 */
.heti--kai, .heti--kai p {
font-family: "TemplateStyles CJK Punct", Times,
"Kaiti SC", 楷体, KaiTi, 楷体_GB2312, 华文楷体, STKaiti,
"Kaiti TC", 標楷體, DFKai-SB, "TW-Kai", 全字庫正楷體,
serif;
}
/* 楷体字号:楷体字形偏小(笔画细、中宫宽),同字号下视觉上小于宋体,
故放大 1.2em(正文为 1.25rem 时即 24px)。用相对值,改正文字号时自动跟随。
注意必须写在 .heti--kai p 上——p 有自己的固定字号(1.25rem,不继承容器),
写在容器 .heti--kai 上对它无效。 */
.heti--kai p {
font-size: 1.2em;
}
 
/* 诗词 + 多栏、以及 <poem> 的缩进/对齐,统一由下方 .tushu-body 作用域的规则处理
第361行 ⟶ 第121行:
}
 
/* ===== 嵌套版式:诗词容器内的段落一律居中且不缩进(2026-09)==============================
问题场景:外层用 |行间注(或 |古籍)套住内层 |诗词 时,两个版式类都命中同一个 <p>,
特异性相同(0,1,1),胜负由 CSS 顺序决定——而 .heti--annotation p 的 text-indent:2em
在样式表里更靠后,会覆盖诗词的 text-indent:0,使居中的文本首行右移 2em,
看起来就像“没居中”。
用「.tushu-body + 版式类 + p」(0,2,1)提升特异性,保证诗词容器内的段落
一定是居中且不缩进,不再受全局或外层版式规则影响。(原先 |古籍/|行间注 与 |诗词 嵌套时,
外层规则会覆盖诗词的 text-indent:0,使居中文本首行右移 2em)。
============================================================================== */
.tushu-body .heti--poetry p {
第374行 ⟶ 第131行:
}
 
/* |诗词|双栏(分栏诗词 + 多栏):分栏时诗句改为左对齐。多栏每栏本就窄,居中的诗行左右参差
反而难读;标题仍继承 .heti--poetry 的居中(只针对 p,不动 h1–h6)。 */
.tushu-body .heti--poetry.heti--columns-2 p, {
.tushu-body .heti--poetry.heti--columns-3 p,
.tushu-body .heti--poetry.heti--columns-4 p {
text-align: start;
text-indent: 0;
第388行 ⟶ 第143行:
margin-top 归零,各栏即从同一基线开始;段间距改由 margin-bottom 承担。
============================================================================== */
.heti--columns-12 > *, {
.heti--columns-2 > *,
.heti--columns-3 > *,
.heti--columns-4 > * {
margin-top: 0;
}
第401行 ⟶ 第153行:
正文限宽已于 2026-09 改回**由 |限宽 参数触发**(见下方 .heti--line-length)。
============================================================================== */
 
/* ===== 繁体(zh-Hant):改用繁体系字体栈 =========================================
简体走黑体(苹方 SC/雅黑),繁体改用繁体系(正黑體/苹方 TC),与 Vector 皮肤一致。
:lang() 匹配大小写不敏感;MediaWiki 繁体变体给出的是 <html lang="zh-Hant">。 */
:lang(zh-hant) p,
:lang(zh-hant) h1, :lang(zh-hant) h2, :lang(zh-hant) h3, :lang(zh-hant) h4, :lang(zh-hant) h5, :lang(zh-hant) h6 {
font-family: Verdana, Arial, Helvetica, -apple-system,
"PingFang TC", "Microsoft JhengHei", "Source Han Sans TC", "Noto Sans CJK TC",
"MingLiU", "PMingLiU",
"SimSun-ExtB", "SimSun-ExtG",
"Jigmo3", "Jigmo2", "Jigmo", "HanaMinA", "HanaMinB",
sans-serif;
}
:lang(zh-hant) .heti--serif, :lang(zh-hant) .heti--song, :lang(zh-hant) .heti--poetry {
font-family: Georgia,
"Songti TC", "Noto Serif TC", "Source Han Serif TC", "PMingLiU", "MingLiU",
"SimSun-ExtB", "SimSun-ExtG",
"Jigmo3", "Jigmo2", "Jigmo", "HanaMinA", "HanaMinB",
serif;
}