Template:Info/styles.css - 版本历史

2026年5月25日 (一) 00:06 棍牧典

2026-05-25T00:06:34Z

←上一版本		2026年5月25日 (一) 08:06的版本
第1行：		第1行：
	.info-stack-container {		.info-stack-container {
	max-width: 100%;		max-width: 100%;
	~~/* 默认边框和背景，可通过内联 style 变量覆盖 */~~
	border: 1px solid var(--color-surface-border, #a2a9b1);		border: 1px solid var(--color-surface-border, #a2a9b1);
	border-left-width: 4px;		border-left-width: 4px;
第13行：		第12行：
	}		}

	~~/* 保留 Info 原有的相邻吸附逻辑 */~~
	.info-stack-container + .info-stack-container {		.info-stack-container + .info-stack-container {
	margin-top: -9px;		margin-top: -9px;
第21行：		第19行：
	letter-spacing: 0.03em;		letter-spacing: 0.03em;
	text-transform: uppercase;		text-transform: uppercase;
	~~border-bottom: 1px solid var(--color-surface-border, #a2a9b1);~~
	}		}

	.info-stack-body {		.info-stack-body {
	display: flex;		display: flex;
	align-items: center; ~~/* 图标与文本默认垂直居中 */~~		align-items: center;
	}		}

第37行：		第34行：
	.info-stack-content {		.info-stack-content {
	flex: 1;		flex: 1;
	min-width: 0; /* ~~防止长连续文本撑破 Flex 容器~~ */		min-width: 0;
			}

			/* 抹平 MediaWiki 祖传 <p> 标签的自带 margin */
			.info-stack-content > p:first-child {
			margin-top: 0;
			}
			.info-stack-content > p:last-child {
			margin-bottom: 0;
	}		}

2026年5月25日 (一) 00:02 棍牧典

2026-05-25T00:02:58Z

←上一版本		2026年5月25日 (一) 08:02的版本
第1行：		第1行：
	.info-stack-container {		.info-stack-container {
	border: 1px solid #~~AAA~~;		max-width: 100%;
	border-left: 4px solid ~~#36c~~;		/* 默认边框和背景，可通过内联 style 变量覆盖 */
	background-color: #fff;		border: 1px solid var(--color-surface-border, #a2a9b1);
	margin: ~~1em~~ 0;		border-left-width: 4px;
			border-left-style: solid;
			background-color: var(--color-surface-0, #fff);
			border-radius: 0;
			margin: 8px 0;
	box-sizing: border-box;		box-sizing: border-box;
	~~max~~-~~width~~: ~~100%~~;		display: flex;
			flex-direction: column;
	}		}

	/* ~~相邻容器边框合并，实现无缝堆叠~~ */		/* 保留 Info 原有的相邻吸附逻辑 */
	.info-stack-container + .info-stack-container {		.info-stack-container + .info-stack-container {
	margin-top: -1px;		margin-top: -9px;
			}

			.info-stack-header {
			letter-spacing: 0.03em;
			text-transform: uppercase;
			border-bottom: 1px solid var(--color-surface-border, #a2a9b1);
	}		}

	.info-~~header~~ {		.info-stack-body {
	display: flex;		display: flex;
	align-items: center;		align-items: center; /* 图标与文本默认垂直居中 */
	}		}

	.info-icon {		.info-stack-icon {
	margin-right: 12px;		margin-right: 12px;
	flex-shrink: 0;		flex-shrink: 0;
第24行：		第35行：
	}		}

	.info-~~title~~ {		.info-stack-content {
	flex: 1;		flex: 1;
	min-width: 0;		min-width: 0; /* 防止长连续文本撑破 Flex 容器 */
	}

	~~.info-content {~~
	/* ~~基础样式由内联控制~~ */
	}

	~~.info-body {~~
	~~display: flex;~~
	~~align-items: flex-start;~~
	}		}

2026年5月24日 (日) 23:35 棍牧典

2026-05-24T23:35:45Z

←上一版本		2026年5月25日 (一) 07:35的版本
第1行：		第1行：
	.info-stack-container {		.info-stack-container {
			border: 1px solid #AAA;
			border-left: 4px solid #36c;
			background-color: #fff;
			margin: 1em 0;
			box-sizing: border-box;
	max-width: 100%;		max-width: 100%;
	~~border: 1px solid var(--color-surface-border, #a2a9b1);~~
	~~border-left-width: 4px;~~
	~~border-left-style: solid;~~
	~~border-left-color: var(--color-primary, #36c);~~
	~~background-color: var(--color-surface-0, #fff);~~
	~~margin: 1em auto;~~
	~~box-sizing: border-box;~~
	~~padding: 0;~~
	}		}

	.info-stack-~~title~~ {		/* 相邻容器边框合并，实现无缝堆叠 */
	~~padding: 8px 12px;~~		.info-stack-container + .info-stack-container {
	margin~~: 0;~~		margin-top: -1px;
	~~font-weight: 700;~~
	~~font~~-~~size~~: ~~0.85em;~~
	~~text~~-~~align: left;~~
	~~background-color: var(--color-surface-2, #f0f0f0);~~
	~~color: var(--color-base, #202122);~~
	~~border-bottom:~~ 1px ~~solid var(--color-surface-border, #a2a9b1);~~
	~~letter-spacing: 0.03em;~~
	~~text-transform: uppercase~~;
	}		}

	.info-~~stack-inner~~ {		.info-header {
	display: flex;		display: flex;
	align-items: ~~flex-start;~~		align-items: center;
	~~gap: 12px;~~
	~~padding: 12px~~;
	}		}

	.info~~-stack~~-icon {		.info-icon {
			margin-right: 12px;
	flex-shrink: 0;		flex-shrink: 0;
	line-height: 0;		line-height: 0;
	}		}

	.info-~~stack-content~~ {		.info-title {
	flex: 1;		flex: 1;
	min-width: 0;		min-width: 0;
	}		}

	.info-~~stack-text~~ {		.info-content {
	~~line~~-~~height: 1.6;~~		/* 基础样式由内联控制 */
	~~color~~: ~~var(--color-base, #202122)~~;		}
	~~background~~-~~color~~: ~~transparent;~~
	~~font~~-~~size: 0.95em~~;		.info-body {
			display: flex;
			align-items: flex-start;
	}		}

2026年5月24日 (日) 23:17 棍牧典

2026-05-24T23:17:10Z

←上一版本		2026年5月25日 (一) 07:17的版本
第1行：		第1行：
	.info-stack-container {		.info-stack-container {
	max-width: 100%;		max-width: 100%;
	border: 1px solid #a2a9b1;		border: 1px solid var(--color-surface-border, #a2a9b1);
	border-left-width: 4px;		border-left-width: 4px;
	border-left-style: solid;		border-left-style: solid;
	border-left-color: #36c;		border-left-color: var(--color-primary, #36c);
	background-color: #fff;		background-color: var(--color-surface-0, #fff);
	margin: 1em auto;		margin: 1em auto;
	box-sizing: border-box;		box-sizing: border-box;
	padding: 0;		padding: 0;
			}

			.info-stack-title {
			padding: 8px 12px;
			margin: 0;
			font-weight: 700;
			font-size: 0.85em;
			text-align: left;
			background-color: var(--color-surface-2, #f0f0f0);
			color: var(--color-base, #202122);
			border-bottom: 1px solid var(--color-surface-border, #a2a9b1);
			letter-spacing: 0.03em;
			text-transform: uppercase;
	}		}

第15行：		第28行：
	align-items: flex-start;		align-items: flex-start;
	gap: 12px;		gap: 12px;
			padding: 12px;
	}		}

第20行：		第34行：
	flex-shrink: 0;		flex-shrink: 0;
	line-height: 0;		line-height: 0;
	~~margin: 12px 0 12px 12px;~~
	}		}

第26行：		第39行：
	flex: 1;		flex: 1;
	min-width: 0;		min-width: 0;
	}

	~~.info-stack-title {~~
	~~padding: 8px 12px;~~
	~~margin: 0;~~
	~~font-weight: 700;~~
	~~font-size: 0.85em;~~
	~~text-align: left;~~
	~~background-color: #f0f0f0;~~
	~~color: #202122;~~
	~~border-bottom: 1px solid #a2a9b1;~~
	~~letter-spacing: 0.03em;~~
	~~text-transform: uppercase;~~
	}		}

	.info-stack-text {		.info-stack-text {
	~~padding: 12px 16px;~~
	line-height: 1.6;		line-height: 1.6;
	color: #202122;		color: var(--color-base, #202122);
	background-color: transparent;		background-color: transparent;
	font-size: 0.95em;		font-size: 0.95em;
	}

	~~/* 无标题时保留内容区域的正常边距 */~~
	~~.info-stack-content:first-child .info-stack-text {~~
	~~padding-top: 12px;~~
	}

	~~/* 相邻容器间距（内容盒子原本的紧凑效果） */~~
	~~.info-stack-container + .info-stack-container {~~
	~~margin-top: -9px;~~
	}		}

2026年5月24日 (日) 23:05 棍牧典

2026-05-24T23:05:47Z

←上一版本		2026年5月25日 (一) 07:05的版本
第1行：		第1行：
	.info-stack-container {		.info-stack-container {
	max-width: 100%;		max-width: 100%;
	border: 1px solid #~~AAA~~;		border: 1px solid #a2a9b1;
	border-left: ~~10px~~ solid ~~#36c~~;		border-left-width: 4px;
	~~background~~-color: #~~f8f9fa~~;		border-left-style: solid;
	~~padding~~: ~~10px 12px~~;		border-left-color: #36c;
	margin: ~~8px 0~~;		background-color: #fff;
			margin: 1em auto;
	box-sizing: border-box;		box-sizing: border-box;
	}		padding: 0;

	~~.info-stack-container + .info-stack-container {~~

	~~margin-top~~: ~~-9px~~;
	}		}

	.info-stack-inner {		.info-stack-inner {
	display: flex;		display: flex;
	align-items: ~~center~~;		align-items: flex-start;
			gap: 12px;
	}		}

	.info-stack-icon {		.info-stack-icon {
	~~margin-right: 12px;~~
	flex-shrink: 0;		flex-shrink: 0;
	line-height: 0;		line-height: 0;
			margin: 12px 0 12px 12px;
	}		}

第31行：		第29行：

	.info-stack-title {		.info-stack-title {
	font-weight: ~~bold~~;		padding: 8px 12px;
	margin-~~bottom~~: ~~4px~~;		margin: 0;
			font-weight: 700;
			font-size: 0.85em;
			text-align: left;
			background-color: #f0f0f0;
			color: #202122;
			border-bottom: 1px solid #a2a9b1;
			letter-spacing: 0.03em;
			text-transform: uppercase;
			}

			.info-stack-text {
			padding: 12px 16px;
			line-height: 1.6;
			color: #202122;
			background-color: transparent;
			font-size: 0.95em;
			}

			/* 无标题时保留内容区域的正常边距 */
			.info-stack-content:first-child .info-stack-text {
			padding-top: 12px;
			}

			/* 相邻容器间距（内容盒子原本的紧凑效果） */
			.info-stack-container + .info-stack-container {
			margin-top: -9px;
	}		}

琪露若：[IPE-NEXT] Quick edit

2026-02-06T03:15:11Z

[IPE-NEXT] Quick edit

新页面

.info-stack-container {
max-width: 100%;
border: 1px solid #AAA;
border-left: 10px solid #36c;
background-color: #f8f9fa;
padding: 10px 12px;
margin: 8px 0;
box-sizing: border-box;
}

.info-stack-container + .info-stack-container {

margin-top: -9px;
}

.info-stack-inner {
display: flex;
align-items: center;
}

.info-stack-icon {
margin-right: 12px;
flex-shrink: 0;
line-height: 0;
}

.info-stack-content {
flex: 1;
min-width: 0;
}

.info-stack-title {
font-weight: bold;
margin-bottom: 4px;
}