MediaWiki:Gadget-HanSect.css：修订间差异
删除的内容 添加的内容
小无编辑摘要 |
简化段落缩进样式：去掉冗余功能，保留核心缩进+移动端 |
||
| 第1行： | 第1行： | ||
/* 段落首行缩进 2em，首段除外 */ |
|||
/* ================================================ |
|||
.mw-parser-output > p { |
|||
MediaWiki 段落首行缩进样式（适配 1.43+） |
|||
text-indent: 2em; |
|||
优化版本 - 更高效、更易维护 |
|||
================================================ */ |
|||
/* CSS 自定义属性定义 - 限定在最小必要范围内避免冲突 */ |
|||
body.ns-subject #mw-content-text, |
|||
body.ns-subject #wikiPreview { |
|||
--text-indent-paragraph: 2em; |
|||
--text-indent-paragraph-mobile: 1.5em; |
|||
} |
} |
||
.mw-parser-output > p:first-of-type { |
|||
text-indent: 0; |
|||
/* ================================================ |
|||
1. 主内容区段落缩进 - 统一选择器 |
|||
================================================ */ |
|||
/* 主内容区段落缩进 */ |
|||
/*! 重要性能说明：此选择器影响约85%的内容段落，已优化层级 */ |
|||
body.ns-subject #mw-content-text.mw-content-ltr .mw-parser-output > p, |
|||
body.ns-subject #wikiPreview.mw-content-ltr .mw-parser-output > p { |
|||
text-indent: var(--text-indent-paragraph); |
|||
} |
} |
||
/* |
/* 列表、表格内段落不缩进 */ |
||
.mw-parser-output li p, |
|||
.mw-parser-output dd p, |
|||
.mw-parser-output td p { |
|||
text-indent: 0; |
text-indent: 0; |
||
} |
} |
||
/* 讨论工具回复框不缩进 */ |
|||
/* ================================================ |
|||
2. 特定模块缩进规则 |
|||
================================================ */ |
|||
/* mp-2012 模块内的段落缩进 */ |
|||
#mp-2012 .knoblock p { |
|||
text-indent: var(--text-indent-paragraph); |
|||
} |
|||
/* 讨论工具回复框取消缩进 */ |
|||
.ext-discussiontools-ui-replyWidget .mw-parser-output > p { |
.ext-discussiontools-ui-replyWidget .mw-parser-output > p { |
||
text-indent: 0; |
text-indent: 0; |
||
/* 使用更具体的选择器避免 !important，如需要可取消注释下一行 */ |
|||
/* text-indent: 0 !important; */ |
|||
} |
} |
||
/* 移动端缩小缩进 */ |
|||
/* ================================================ |
|||
3. Template:Excerpt 模板缩进规则 |
|||
================================================ */ |
|||
/* Excerpt 模板段落缩进 */ |
|||
body.ns-subject #mw-content-text.mw-content-ltr .mw-parser-output > .excerpt-block > .excerpt > p, |
|||
body.ns-subject #wikiPreview.mw-content-ltr .mw-parser-output > .excerpt-block > .excerpt > p { |
|||
text-indent: var(--text-indent-paragraph); |
|||
} |
|||
/* 取消 Excerpt 模板段落内部元素的缩进 */ |
|||
body.ns-subject #mw-content-text.mw-content-ltr .mw-parser-output > .excerpt-block > .excerpt > p *, |
|||
body.ns-subject #wikiPreview.mw-content-ltr .mw-parser-output > .excerpt-block > .excerpt > p * { |
|||
text-indent: 0; |
|||
} |
|||
/* ================================================ |
|||
4. 响应式设计和移动端优化 |
|||
================================================ */ |
|||
@media (max-width: 768px) { |
@media (max-width: 768px) { |
||
.mw-parser-output > p { |
|||
/* 移动端减少缩进量 */ |
|||
text-indent: 1.5em; |
|||
body.ns-subject #mw-content-text.mw-content-ltr .mw-parser-output > p, |
|||
body.ns-subject #wikiPreview.mw-content-ltr .mw-parser-output > p, |
|||
#mp-2012 .knoblock p, |
|||
body.ns-subject #mw-content-text.mw-content-ltr .mw-parser-output > .excerpt-block > .excerpt > p, |
|||
body.ns-subject #wikiPreview.mw-content-ltr .mw-parser-output > .excerpt-block > .excerpt > p { |
|||
text-indent: var(--text-indent-paragraph-mobile); |
|||
} |
|||
} |
|||
/* ================================================ |
|||
5. 浏览器兼容性处理 |
|||
================================================ */ |
|||
/* 为不支持 CSS 变量的旧浏览器提供回退 */ |
|||
body.ns-subject #mw-content-text.mw-content-ltr .mw-parser-output > p, |
|||
body.ns-subject #wikiPreview.mw-content-ltr .mw-parser-output > p { |
|||
text-indent: 2em; /* 回退值 */ |
|||
text-indent: var(--text-indent-paragraph); /* 现代浏览器使用变量 */ |
|||
} |
|||
/* ================================================ |
|||
6. 性能优化和特殊情况处理 |
|||
================================================ */ |
|||
/* 避免对表格、列表等特殊元素应用缩进 */ |
|||
.mw-parser-output table p, |
|||
.mw-parser-output ul p, |
|||
.mw-parser-output ol p, |
|||
.mw-parser-output dl p { |
|||
text-indent: 0; |
|||
/* 使用更具体的选择器避免 !important，如需要可取消注释下一行 */ |
|||
/* text-indent: 0 !important; */ |
|||
} |
|||
/* 首段缩进控制（可根据需要启用） */ |
|||
/* |
|||
.mw-parser-output > p:first-of-type { |
|||
text-indent: 0; 取消注释启用首段不缩进 |
|||
} |
|||
*/ |
|||
/* 空段落不应用缩进 */ |
|||
.mw-parser-output > p:empty { |
|||
text-indent: 0; |
|||
} |
|||
/* ================================================ |
|||
7. 打印样式优化 |
|||
================================================ */ |
|||
@media print { |
|||
/* 打印样式优化 */ |
|||
body.ns-subject #mw-content-text.mw-content-ltr .mw-parser-output > p, |
|||
body.ns-subject #wikiPreview.mw-content-ltr .mw-parser-output > p, |
|||
#mp-2012 .knoblock p, |
|||
body.ns-subject #mw-content-text.mw-content-ltr .mw-parser-output > .excerpt-block > .excerpt > p, |
|||
body.ns-subject #wikiPreview.mw-content-ltr .mw-parser-output > .excerpt-block > .excerpt > p { |
|||
text-indent: 1.5em; /* 打印时使用较小缩进 */ |
|||
} |
} |
||
} |
} |
||
2026年6月11日 (四) 20:22的版本
/* 段落首行缩进 2em，首段除外 */
.mw-parser-output > p {
text-indent: 2em;
}
.mw-parser-output > p:first-of-type {
text-indent: 0;
}
/* 列表、表格内段落不缩进 */
.mw-parser-output li p,
.mw-parser-output dd p,
.mw-parser-output td p {
text-indent: 0;
}
/* 讨论工具回复框不缩进 */
.ext-discussiontools-ui-replyWidget .mw-parser-output > p {
text-indent: 0;
}
/* 移动端缩小缩进 */
@media (max-width: 768px) {
.mw-parser-output > p {
text-indent: 1.5em;
}
}