Example:收缩大标题

Template:收缩大标题/styles.css
Template:收缩大标题 Template:收缩大标题

一个标题栏固定、面板向下展开的收缩组件，点击标题栏切换展开状态。

最简调用

只传名称与内容，其余使用默认值：

{{收缩大标题
| 名称 = 世界观
| 内容 = 这里是世界观的内容。
}}

效果：

≫≫≫世界观ENGLISH TITLE▣

这里是世界观的内容。

完整调用示例

{{收缩大标题
| 背景色       = #57000d
| 水印         = ≫≫≫
| 水印字体     = rubik
| 名称         = 世界观
| 标题字体     = noto
| 英文标题     = WORLDVIEW
| 英文标题字体 = rubik
| 装饰         = ▼▼▼
| 装饰字体     = rubik
| 展开符号     = ▣
| 内容         = 这里是世界观的具体内容，支持多行文本与[[链接]]。
}}

效果：

≫≫≫世界观WORLDVIEW▼▼▼▣

这里是世界观的具体内容，支持多行文本与链接。

参数说明

参数	可选值	默认	说明
背景色	任意颜色值	#57000d	标题栏背景色
水印	任意文字	≫≫≫	标题栏左侧的背景水印
水印字体	字体类后缀，如 rubik、noto、cinzel、tesla、ballet、college、chrontor、mono	rubik	水印字体
名称	任意文字	名称	中文标题主体
标题字体	字体类后缀	noto	中文标题字体
英文标题	任意文字	ENGLISH TITLE	英文副标题
英文标题字体	字体类后缀	rubik	英文副标题字体
装饰	任意文字	空	中文标题下方的装饰符号
装饰字体	字体类后缀	rubik	装饰符号字体
展开符号	任意文字	▣	标题栏右侧的按钮符号
内容	任意文字，可含 <br> 与链接	空	面板展开后显示的内容

注意事项

• 点击标题栏展开或收起下方面板，展开时标题栏位置不变，面板向下撑开。
• 展开符号在展开时旋转 45°，视觉上从加号变为叉号。
• 标题栏悬停时整体亮度提升 15%，由 filter:brightness(1.15) 实现，不依赖具体背景色。
• 组件内文字不可选中，避免点击时误选。
• 组件四角为直角，无圆角。
• 字体类来自 MediaWiki:Citizen.css，详见 Example:字体调用。
• 模板样式定义在 Template:收缩大标题/styles.css，折叠交互由 MediaWiki:Common.js 绑定。