跳转到内容

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

勤求古训,博采众方
删除的内容 添加的内容
修复:全角引号被 Georgia 接管导致标点贴字——中文/中文标点改由 "TemplateStyles CJK Body"(回落中文字体),拉丁字符仍用 Georgia
以 heti 官方规则为底补齐版式类,并把版式改为模板参数开关({{图书排版|行间注}} 等)
 
(未显示2个用户的48个中间版本)
第1行: 第1行:
/* ===== 字体栈:正文黑体优先,衬线族走宋体 =====
/* 中文字体别名:汉字与中文标点(含 U+201C/U+201D 引号)由中文字体渲染,
常用字 → 雅黑/苹方(屏幕阅读舒服)
拉丁字母与数字仍由 Georgia 渲染,避免西文字体接管全角引号造成标点贴字 */
生僻字 → SimSun-ExtB/G / Jigmo / HanaMin
@font-face {
========================================================== */
font-family: "TemplateStyles CJK Body";
/* ===== 字体回退栈说明(混合方案)=====
src: local("Microsoft YaHei UI"), local("Microsoft YaHei"),
顺序:西文无衬线 → 黑体(系统默认) → 宋体 → 扩展B/G → 生僻字兜底
local("PingFang SC"), local("PingFangSC-Regular"), local("Hiragino Sans GB"),
- 标点跟随正文字体:2026-09 删去标点专用的 @font-face(它原先把标点强制交给宋体
local("Noto Serif SC"), local("Source Han Serif SC"),
全角,用于修复「引号贴字」);现在引号、逗号等一律用正文字体,简繁各自随其汉字字体。
local("STSong"), local("SimSun"), local("WenQuanYi Micro Hei");
- 常用字走 "PingFang SC" / "Microsoft YaHei"(黑体,屏幕阅读舒服)
unicode-range: U+2000-206F, U+2E80-2EFF, U+3000-303F, U+31C0-31EF, U+3200-32FF,
- 生僻字自动往后掉:SimSun-ExtB → SimSun-ExtG → Jigmo → HanaMin
U+3400-4DBF, U+4E00-9FFF, U+F900-FAFF, U+FE10-FE6F, U+FF00-FFEF,
参考 ctext.org 的长栈逻辑。
U+1F200-1F2FF, U+20000-2A6DF;
(宋体栈的西文用 Georgia——与衬线中文协调;黑体栈的西文用 Verdana/Arial——与黑体协调)
========================================================== */

/* 段距:2026-09 删去自身声明,交回站点默认(.mw-body p{margin:0.5em 0 1em 0})。
原先声明的 0.4em/0.5em 特异性低于 .mw-body p,实际从未生效。 */
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) 会小于正文,
且原行高是固定 px、比例不齐(h4 为 1.2、h6 为 1.5);改用倍数后随字号缩放。 */
h1 {
margin-bottom:24px;font-size:2.25rem;line-height:1.4
}
h2 {
font-size:1.875rem;line-height:1.4
}
h3 {
font-size:1.625rem;line-height:1.4
}
h4 {
font-size:1.5rem;line-height:1.4
}
h5 {
font-size:1.375rem;line-height:1.4
}
h6 {
font-size:1.25rem;line-height:1.4
}
h1+h2, h2+h3, h3+h4, h4+h5, h5+h6 {
margin-top:12px
}
.heti--serif, .heti--song, .heti--poetry {
font-family: Georgia,
"SimSun", "Songti SC", "Noto Serif SC",
"PMingLiU", "PMingLiu-ExtB", "SimSun-ExtB", "SimSun-ExtG", 新細明體,
"Jigmo3", "Jigmo2", "Jigmo", "HanaMinA", "HanaMinB",
serif
}
.heti--columns-2 {
max-width:none;column-gap:2em;column-count:2
}
.heti--columns-2 p {
margin-top:6px;margin-bottom:12px;text-indent:2em
}
/* 诗词标题:2026-09 起不再用楷体(楷体版式已整体移除),改为继承容器的宋体栈,仍居中加粗。 */
.heti--poetry h1, .heti--poetry h2, .heti--poetry h3, .heti--poetry h4, .heti--poetry h5, .heti--poetry h6 {
font-family:inherit;font-weight:800;text-align:center
}
.heti--poetry p {
text-align:center;text-indent:0
}
}



div.mw-parser-output{
/* ===== 正文段落(仅 p)===== */
background-color:#f6f4f0;
p {
font-size: 1.25rem; /* 20px(1.25 × 根字号 16px);原为固定 17px */
line-height: 2;
text-align: justify;
overflow-wrap: break-word;
word-wrap: break-word;
hyphens: auto;
text-indent: 2em;
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;
}
p:not(:lang(zh)) {
text-align: start;
text-indent: 0;
}
}


/* ===== 2026-09 补齐(依据 scripts/survey-heti.js --diff)==============================
h2 { font-size: 1.75rem }
参考 Wikisource SKQS 的正文行宽(下方 .heti--line-length)。
h3 { font-size: 1.5rem }
(.heti-adjacent-* / .heti-spacing-* 间距类、.heti--columns-1/3/4 与 -16em~-48em 共 16 类,
h4 { font-size: 1.25rem }
以及 .heti--sans / .heti--hei 黑体类,均已移除:158 个嵌入页零引用。)
h5 { font-size: 1.125rem }
================================================================================== */
h6 { font-size: 1rem }


/* 正文行宽 —— 参考 Wikisource SKQS 的 .skqs-body(max-width:42em + 居中);
h2,h3,h4,h5,h6 {
heti 的 $line-length 也是 42em(两处独立收敛到同一值)。由 {{图书排版|限宽}} 触发。 */
font-weight: bold;
.heti--line-length {
font-family: "TemplateStyles CJK Body", Georgia, -apple-system, 'Nimbus Roman No9 L', 'PingFang SC', 'Hiragino Sans GB', 'Noto Serif SC', 'Microsoft Yahei UI', 'WenQuanYi Micro Hei', 'ST Heiti', sans-serif;
max-width: 42em;
margin-inline: auto;
}
}



p {
/* 诗词 + 多栏、以及 <poem> 的缩进/对齐,统一由下方 .tushu-body 作用域的规则处理
font-size: 120%;
(原先这里有两条「版式类 + p」的规则,特异性与 .tushu-body 版相同且被其覆盖,已合并) */
text-indent:2em;

font-family: "TemplateStyles CJK Body", Georgia, -apple-system, 'Nimbus Roman No9 L', 'PingFang SC', 'Hiragino Sans GB', 'Noto Serif SC', 'Microsoft Yahei UI', 'WenQuanYi Micro Hei', 'ST Heiti', sans-serif;
/* ===== <poem> 在图书排版容器内自动套用诗排版(2026-09)=========================
Poem 扩展的 <poem> 只负责“把换行变成 <br>”,本身不带任何诗排版。
此前要居中和不缩进必须额外写 |诗词;现在只要放在 {{图书排版}} 的容器里,
<poem> 的诗行就自动居中、不缩进,可省去 |诗词 参数。
(若某处想左对齐,可在该 <poem> 外套一层 <div class="heti--columns-2">,
多栏语境下通常左对齐更好读——但注意多栏内仍会居中,如需左对齐请说明。)
============================================================================== */
.tushu-body .poem p {
text-align: center;
text-indent: 0;
}
}
/* 行间注(ruby):wikitext 直接写 <ruby>被注字<rt>注文</rt></ruby> */
ruby { ruby-align: center; }
ruby rt { font-size: 0.55em; font-weight: normal; }
.mw-parser-output .heti--annotation p { line-height: 2.25; }
/* —— 古籍纸阅读:纸色与文字色固定,不随皮肤暗色主题变化 —— */
div.mw-parser-output { background-color: #f6f4f0 !important; }
.mw-parser-output { color: #202122; }
.mw-parser-output a { color: #0645ad; }


/* ===== 诗词容器内的段落一律居中且不缩进(2026-09)==============================
/* —— heti 中文排版选取(不入 sup/sub 以免与脚注角标冲突)—— */
用「.tushu-body + 版式类 + p」(0,2,1)提升特异性,保证诗词容器内的段落
.mw-parser-output p { text-align: justify; }
一定是居中且不缩进,不受全局或外层规则影响(原先 |古籍/|行间注 与 |诗词 嵌套时,
.mw-parser-output p:not(:lang(zh)) { text-align: start; }
外层规则会覆盖诗词的 text-indent:0,使居中文本首行右移 2em)。
.mw-parser-output em { font-weight: 600; }
============================================================================== */
.mw-parser-output ins, .mw-parser-output u { padding-block-end: 1px; border-block-end: 1px solid; text-decoration: none; }
.tushu-body .heti--poetry p {
text-align: center;
text-indent: 0;
}

/* |诗词|双栏(分栏诗词):分栏时诗句改为左对齐。多栏每栏本就窄,居中的诗行左右参差
反而难读;标题仍继承 .heti--poetry 的居中(只针对 p,不动 h1–h6)。 */
.tushu-body .heti--poetry.heti--columns-2 p {
text-align: start;
text-indent: 0;
}

/* ===== 多栏内顶部外边距归零(2026-09)==========================================
多栏里 CSS 无法选中“每一栏的首元素”,而各块级元素自带的 margin-top 不同
(h2 是 24px、p 是 6px),导致两栏起始位置错开。把多栏内所有直接子元素的
margin-top 归零,各栏即从同一基线开始;段间距改由 margin-bottom 承担。
============================================================================== */
.heti--columns-2 > * {
margin-top: 0;
}

/* ===== 基础容器 ================================================================
.tushu-body 由 Module:图书排版 **总是**输出(无参数时也输出),但本身不设任何样式。
保留它的唯一原因是:153 个页面已于 2026-09 加上 {{图书排版/尾}},
若模板不输出容器,那些 </div> 会变成孤立的闭合标签。
正文限宽已于 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;
}

2026年9月22日 (二) 21:16的最新版本

/* ===== 字体栈:正文黑体优先,衬线族走宋体 =====
   常用字 → 雅黑/苹方(屏幕阅读舒服)
   生僻字 → SimSun-ExtB/G / Jigmo / HanaMin
========================================================== */
/* ===== 字体回退栈说明(混合方案)=====
   顺序:西文无衬线 → 黑体(系统默认) → 宋体 → 扩展B/G → 生僻字兜底
   - 标点跟随正文字体:2026-09 删去标点专用的 @font-face(它原先把标点强制交给宋体
     全角,用于修复「引号贴字」);现在引号、逗号等一律用正文字体,简繁各自随其汉字字体。
   - 常用字走 "PingFang SC" / "Microsoft YaHei"(黑体,屏幕阅读舒服)
   - 生僻字自动往后掉:SimSun-ExtB → SimSun-ExtG → Jigmo → HanaMin
   参考 ctext.org 的长栈逻辑。
   (宋体栈的西文用 Georgia——与衬线中文协调;黑体栈的西文用 Verdana/Arial——与黑体协调)
========================================================== */

/* 段距:2026-09 删去自身声明,交回站点默认(.mw-body p{margin:0.5em 0 1em 0})。
   原先声明的 0.4em/0.5em 特异性低于 .mw-body p,实际从未生效。 */
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) 会小于正文,
   且原行高是固定 px、比例不齐(h4 为 1.2、h6 为 1.5);改用倍数后随字号缩放。 */
h1 {
margin-bottom:24px;font-size:2.25rem;line-height:1.4
}
h2 {
font-size:1.875rem;line-height:1.4
}
h3 {
font-size:1.625rem;line-height:1.4
}
h4 {
font-size:1.5rem;line-height:1.4
}
h5 {
font-size:1.375rem;line-height:1.4
}
h6 {
font-size:1.25rem;line-height:1.4
}
h1+h2, h2+h3, h3+h4, h4+h5, h5+h6 {
margin-top:12px
}
.heti--serif, .heti--song, .heti--poetry {
font-family: Georgia,
            "SimSun", "Songti SC", "Noto Serif SC",
            "PMingLiU", "PMingLiu-ExtB", "SimSun-ExtB", "SimSun-ExtG", 新細明體,
            "Jigmo3", "Jigmo2", "Jigmo", "HanaMinA", "HanaMinB",
            serif
}
.heti--columns-2 {
max-width:none;column-gap:2em;column-count:2
}
.heti--columns-2 p {
margin-top:6px;margin-bottom:12px;text-indent:2em
}
/* 诗词标题:2026-09 起不再用楷体(楷体版式已整体移除),改为继承容器的宋体栈,仍居中加粗。 */
.heti--poetry h1, .heti--poetry h2, .heti--poetry h3, .heti--poetry h4, .heti--poetry h5, .heti--poetry h6 {
font-family:inherit;font-weight:800;text-align:center
}
.heti--poetry p {
text-align:center;text-indent:0
}


/* ===== 正文段落(仅 p)===== */
p {
	font-size: 1.25rem;   /* 20px(1.25 × 根字号 16px);原为固定 17px */
	line-height: 2;
	text-align: justify;
	overflow-wrap: break-word;
	word-wrap: break-word;
	hyphens: auto;
	text-indent: 2em;
	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;
}
p:not(:lang(zh)) {
	text-align: start;
	text-indent: 0;
}

/* ===== 2026-09 补齐(依据 scripts/survey-heti.js --diff)==============================
   参考 Wikisource SKQS 的正文行宽(下方 .heti--line-length)。
   (.heti-adjacent-* / .heti-spacing-* 间距类、.heti--columns-1/3/4 与 -16em~-48em 共 16 类,
   以及 .heti--sans / .heti--hei 黑体类,均已移除:158 个嵌入页零引用。)
   ================================================================================== */

/* 正文行宽 —— 参考 Wikisource SKQS 的 .skqs-body(max-width:42em + 居中);
   heti 的 $line-length 也是 42em(两处独立收敛到同一值)。由 {{图书排版|限宽}} 触发。 */
.heti--line-length {
	max-width: 42em;
	margin-inline: auto;
}


/* 诗词 + 多栏、以及 <poem> 的缩进/对齐,统一由下方 .tushu-body 作用域的规则处理
   (原先这里有两条「版式类 + p」的规则,特异性与 .tushu-body 版相同且被其覆盖,已合并) */

/* ===== <poem> 在图书排版容器内自动套用诗排版(2026-09)=========================
   Poem 扩展的 <poem> 只负责“把换行变成 <br>”,本身不带任何诗排版。
   此前要居中和不缩进必须额外写 |诗词;现在只要放在 {{图书排版}} 的容器里,
   <poem> 的诗行就自动居中、不缩进,可省去 |诗词 参数。
   (若某处想左对齐,可在该 <poem> 外套一层 <div class="heti--columns-2">,
   多栏语境下通常左对齐更好读——但注意多栏内仍会居中,如需左对齐请说明。)
   ============================================================================== */
.tushu-body .poem p {
	text-align: center;
	text-indent: 0;
}

/* ===== 诗词容器内的段落一律居中且不缩进(2026-09)==============================
   用「.tushu-body + 版式类 + p」(0,2,1)提升特异性,保证诗词容器内的段落
   一定是居中且不缩进,不受全局或外层规则影响(原先 |古籍/|行间注 与 |诗词 嵌套时,
   外层规则会覆盖诗词的 text-indent:0,使居中文本首行右移 2em)。
   ============================================================================== */
.tushu-body .heti--poetry p {
	text-align: center;
	text-indent: 0;
}

/* |诗词|双栏(分栏诗词):分栏时诗句改为左对齐。多栏每栏本就窄,居中的诗行左右参差
   反而难读;标题仍继承 .heti--poetry 的居中(只针对 p,不动 h1–h6)。 */
.tushu-body .heti--poetry.heti--columns-2 p {
	text-align: start;
	text-indent: 0;
}

/* ===== 多栏内顶部外边距归零(2026-09)==========================================
   多栏里 CSS 无法选中“每一栏的首元素”,而各块级元素自带的 margin-top 不同
   (h2 是 24px、p 是 6px),导致两栏起始位置错开。把多栏内所有直接子元素的
   margin-top 归零,各栏即从同一基线开始;段间距改由 margin-bottom 承担。
   ============================================================================== */
.heti--columns-2 > * {
	margin-top: 0;
}

/* ===== 基础容器 ================================================================
   .tushu-body 由 Module:图书排版 **总是**输出(无参数时也输出),但本身不设任何样式。
   保留它的唯一原因是:153 个页面已于 2026-09 加上 {{图书排版/尾}},
   若模板不输出容器,那些 </div> 会变成孤立的闭合标签。
   正文限宽已于 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;
}