模板:Infobox/styles.css - 版本历史

2026年2月9日 (一) 18:34 小小白哦

2026-02-09T18:34:16Z

@@ 第11行： / 第11行： @@
    box-sizing: border-box;
+}
 .calc-title {
    font-weight: bold;
@@ 第23行： / 第24行： @@
    hyphens: auto;
+}
 .calc-image {
    text-align: center;
@@ 第29行： / 第31行： @@
    border-bottom: 1px solid #eeeeee;
+}
 .calc-image img {
    max-width: 100%;
@@ 第36行： / 第39行： @@
    margin: 0 auto;
+}
 .calc-data {
    padding: 0;
+}
 .calc-row {
    display: flex;
@@ 第47行： / 第52行： @@
    box-sizing: border-box;
+}
 .calc-row:last-child {
    border-bottom: none;
+}
 .calc-label {
    flex: 0 0 35%;
@@ 第60行： / 第67行： @@
    line-height: 1.4;
+}
 .calc-value {
    flex: 1 1 65%;
@@ 第69行： / 第77行： @@
    line-height: 1.4;
+}
 @media (prefers-color-scheme: dark) {
    .calc-infobox {
@@ 第140行： / 第221行： @@
    color: #b0b0b0;
+}
 @media screen and (max-width: 768px) {
    .calc-infobox {
@@ 第162行： / 第244行： @@
+   }
+}
 @media print {
    .calc-infobox {
      box-shadow: none;
-     border: 1px solid #000;
+     border: 1px solid #000000;
      break-inside: avoid;
+   }
+}

2026年2月9日 (一) 18:24 小小白哦

2026-02-09T18:24:34Z

←上一版本		2026年2月10日 (二) 02:24的版本
第1行：		第1行：
	~~/* 基础样式 - 浅色模式默认 */~~
	.calc-infobox {		.calc-infobox {
	width: 300px;		width: 300px;
第5行：		第4行：
	margin: 0 0 1em 1em;		margin: 0 0 1em 1em;
	border: 1px solid #cccccc;		border: 1px solid #cccccc;
	border-radius: ~~4px~~;		border-radius: 12px;
	background: #ffffff;		background: #ffffff;
	color: #333333;		color: #333333;
第12行：		第11行：
	box-sizing: border-box;		box-sizing: border-box;
	}		}

	~~/* 标题样式 - 浅色 */~~
	.calc-title {		.calc-title {
	font-weight: bold;		font-weight: bold;
第26行：		第23行：
	hyphens: auto;		hyphens: auto;
	}		}

	~~/* 图片区域 - 浅色 */~~
	.calc-image {		.calc-image {
	text-align: center;		text-align: center;
第34行：		第29行：
	border-bottom: 1px solid #eeeeee;		border-bottom: 1px solid #eeeeee;
	}		}

	.calc-image img {		.calc-image img {
	max-width: 100%;		max-width: 100%;
第42行：		第36行：
	margin: 0 auto;		margin: 0 auto;
	}		}

	~~/* 数据区域 */~~
	.calc-data {		.calc-data {
	padding: 0;		padding: 0;
	}		}

	~~/* 数据行 */~~
	.calc-row {		.calc-row {
	display: flex;		display: flex;
第57行：		第47行：
	box-sizing: border-box;		box-sizing: border-box;
	}		}

	.calc-row:last-child {		.calc-row:last-child {
	border-bottom: none;		border-bottom: none;
	}		}

	~~/* 标签列 - 浅色 */~~
	.calc-label {		.calc-label {
	flex: 0 0 35%;		flex: 0 0 35%;
第73行：		第60行：
	line-height: 1.4;		line-height: 1.4;
	}		}

	~~/* 数值列 - 浅色 */~~
	.calc-value {		.calc-value {
	flex: 1 1 65%;		flex: 1 1 65%;
第84行：		第69行：
	line-height: 1.4;		line-height: 1.4;
	}		}

	~~/* 深色模式 - 系统偏好 */~~
	@media (prefers-color-scheme: dark) {		@media (prefers-color-scheme: dark) {
	.calc-infobox {		.calc-infobox {
第117行：		第100行：
	}		}

	~~/* 深色模式 - Citizen 皮肤类名 */~~
	.theme-dark .calc-infobox,		.theme-dark .calc-infobox,
	.skin-citizen-dark .calc-infobox,		.skin-citizen-dark .calc-infobox,
第158行：		第140行：
	color: #b0b0b0;		color: #b0b0b0;
	}		}

	~~/* 响应式优化 */~~
	@media screen and (max-width: 768px) {		@media screen and (max-width: 768px) {
	.calc-infobox {		.calc-infobox {
第182行：		第162行：
	}		}
	}		}

	~~/* 打印样式 */~~
	@media print {		@media print {
	.calc-infobox {		.calc-infobox {

2026年2月9日 (一) 18:22 小小白哦

2026-02-09T18:22:47Z

显示更改

小小白哦：小小白哦将页面模板:Infobox/styles.css的内容模型从“wikitext”更改为“已过滤的CSS”

2026-02-09T18:09:34Z

小小白哦将页面模板:Infobox/styles.css的内容模型从“wikitext”更改为“已过滤的CSS”

←上一版本		2026年2月10日 (二) 02:09的版本
（没有差异）

2026年2月9日 (一) 18:06 小小白哦

2026-02-09T18:06:03Z

←上一版本		2026年2月10日 (二) 02:06的版本
第1行：		第1行：
	.~~custom~~-infobox {		/* InfoBox CSS */
			.calc-infobox {
	width: 300px;		width: 300px;
	float: right;		float: right;
第8行：		第9行：
	color: var(--color-base, #000);		color: var(--color-base, #000);
	overflow: hidden;		overflow: hidden;
			box-shadow: 0 2px 8px rgba(0,0,0,0.1);
	}		}

	.~~infobox~~-title {		.calc-title {
	font-weight: bold;		font-weight: bold;
	text-align: center;		text-align: center;
	padding: 12px;		padding: 12px;
	background: #f4ca30;		background: linear-gradient(135deg, #f4ca30 0%, #e5b720 100%);
	color: #000;		color: #000;
	font-size: 1.1em;		font-size: 1.1em;
	}		}

	.~~infobox~~-image {		.calc-image {
	text-align: center;		text-align: center;
	padding: 10px;		padding: 10px;
			background: var(--background-color-neutral, #f9f9f9);
	}		}

	.~~infobox~~-~~table~~ {		.calc-image img {
	width: 100%;		max-width: 100%;
	border-~~collapse~~: ~~collapse~~;		height: auto;
			border-radius: 2px;
	}		}

	.~~infobox~~-~~table th,~~		.calc-data {
	.~~infobox~~-~~table td~~ {		padding: 0;
			}

			.calc-row {
			display: flex;
	padding: 8px 12px;		padding: 8px 12px;
	~~text-align: left;~~
	border-bottom: 1px solid var(--border-color-subtle, #eee);		border-bottom: 1px solid var(--border-color-subtle, #eee);
	}		}

	.~~infobox~~-~~table th~~ {		.calc-row:last-child {
			border-bottom: none;
			}

			.calc-label {
	width: 40%;		width: 40%;
	font-weight: bold;		font-weight: bold;
	~~background~~: var(--~~background~~-color-~~neutral~~-~~subtle~~, #~~f5f5f5~~);		color: var(--color-base, #333);
			}

			.calc-value {
			width: 60%;
			text-align: right;
			color: var(--color-base, #666);
	}		}

	.infobox-~~table tr~~:~~last~~-~~child th~~,		/* 深色模式适配 */
	.~~infobox~~-~~table tr~~:~~last~~-~~child td~~ {		@media (prefers-color-scheme: dark) {
	~~border~~-~~bottom~~: ~~none~~;		.calc-infobox {
			background: #2a2a2a;
			border-color: #444;
			}
			.calc-title {
			background: linear-gradient(135deg, #d4a820 0%, #c5a010 100%);
			}
			.calc-image {
			background: #333;
			}
			.calc-row {
			border-color: #444;
			}
			.calc-label,
			.calc-value {
			color: #ddd;
			}
	}		}

小小白哦：创建页面，内容为“.custom-infobox { width: 300px; float: right; margin: 0 0 1em 1em; border: 1px solid var(--border-color-subtle, #ccc); border-radius: 4px; background: var(--background-color-base, #fff); color: var(--color-base, #000); overflow: hidden; } .infobox-title { font-weight: bold; text-align: center; padding: 12px; background: #f4ca30; color: #000; font-size: 1.1em; } .infobox-image { text-align: center; padding: 10px; } .infobox-tab…”

2026-02-09T17:53:47Z

创建页面，内容为“.custom-infobox { width: 300px; float: right; margin: 0 0 1em 1em; border: 1px solid var(--border-color-subtle, #ccc); border-radius: 4px; background: var(--background-color-base, #fff); color: var(--color-base, #000); overflow: hidden; } .infobox-title { font-weight: bold; text-align: center; padding: 12px; background: #f4ca30; color: #000; font-size: 1.1em; } .infobox-image { text-align: center; padding: 10px; } .infobox-tab…”

新页面

.custom-infobox {
width: 300px;
float: right;
margin: 0 0 1em 1em;
border: 1px solid var(--border-color-subtle, #ccc);
border-radius: 4px;
background: var(--background-color-base, #fff);
color: var(--color-base, #000);
overflow: hidden;
}

.infobox-title {
font-weight: bold;
text-align: center;
padding: 12px;
background: #f4ca30;
color: #000;
font-size: 1.1em;
}

.infobox-image {
text-align: center;
padding: 10px;
}

.infobox-table {
width: 100%;
border-collapse: collapse;
}

.infobox-table th,
.infobox-table td {
padding: 8px 12px;
text-align: left;
border-bottom: 1px solid var(--border-color-subtle, #eee);
}

.infobox-table th {
width: 40%;
font-weight: bold;
background: var(--background-color-neutral-subtle, #f5f5f5);
}

.infobox-table tr:last-child th,
.infobox-table tr:last-child td {
border-bottom: none;
}

模板:Infobox/styles.css - 版本历史

2026年2月9日 (一) 18:34 小小白哦

2026年2月9日 (一) 18:24 小小白哦

2026年2月9日 (一) 18:22 小小白哦

小小白哦：​小小白哦将页面模板:Infobox/styles.css的内容模型从“wikitext”更改为“已过滤的CSS”

2026年2月9日 (一) 18:06 小小白哦

小小白哦：小小白哦将页面模板:Infobox/styles.css的内容模型从“wikitext”更改为“已过滤的CSS”