模板:纯白魔方/common.css - 版本历史

2026年9月19日 (六) 23:54 某不知名鸽子

2026-09-19T23:54:28Z

←上一版本		2026年9月20日 (日) 07:54的版本
第6行：		第6行：
	margin: 4px 0;		margin: 4px 0;
	padding: 0 12px 0 1.5em;		padding: 0 12px 0 1.5em;
	line-height: 1;		line-height: 1.2;
	font-size: 1rem;		font-size: 1rem;
	white-space: nowrap;		white-space: nowrap;
	overflow: hidden;		overflow: hidden;
	text-overflow: ellipsis;		text-overflow: ellipsis;
	~~color: #333;~~
	text-align: left;		text-align: left;
	border: none;		border: none;
	background: linear-gradient(to right, ~~grey~~, transparent);		background: linear-gradient(to right, #ddd, transparent);
	border-radius: 999px 0 0 999px;		border-radius: 999px 0 0 999px;
	cursor: pointer;		cursor: pointer;

2026年9月19日 (六) 23:51 某不知名鸽子

2026-09-19T23:51:07Z

←上一版本		2026年9月20日 (日) 07:51的版本
第1行：		第1行：
	~~/* ===== .lw-treebut 样式===== */~~
	.lw-treebut {		.lw-treebut {
	~~/* —— 盒模型与排版 —— */~~
	display: block;		display: block;
	box-sizing: border-box;		box-sizing: border-box;
	position: relative;		position: relative;
	width: 100%; ~~/* 移动端：占满整行 */~~		width: 100%;
	margin: 4px 0;		margin: 4px 0;
	padding: 0 12px 0 1.5em; ~~/* 左侧留出 ◎ 的位置 */~~		padding: 0 12px 0 1.5em;
	line-height: 1; ~~/* 高度 = 字体高度 */~~		line-height: 1;
	font-size: 1rem;		font-size: 1rem;
	white-space: nowrap;		white-space: nowrap;
	overflow: hidden;		overflow: hidden;
	text-overflow: ellipsis;		text-overflow: ellipsis;

	~~/* —— 外观 —— */~~
	color: #333;		color: #333;
	background: linear-gradient(to right, ~~#808080~~, transparent);		text-align: left;
			border: none;
			background: linear-gradient(to right, grey, transparent);
	border-radius: 999px 0 0 999px;		border-radius: 999px 0 0 999px;
	cursor: pointer;		cursor: pointer;
第23行：		第21行：
	}		}

	~~/* 左侧的 ◎ —— 颜色跟随文字（currentColor） */~~
	.lw-treebut::before {		.lw-treebut::before {
	content: "◎";		content: "◎";
第35行：		第32行：
	}		}

	~~/* —— 桌面端：占屏幕宽度的 1/3 —— */~~
	@media (min-width: 768px) {		@media (min-width: 768px) {
	.lw-treebut {		.lw-treebut {
第42行：		第38行：
	}		}

	~~/* —— 悬浮 / 键盘聚焦 —— */~~
	.lw-treebut:hover,		.lw-treebut:hover,
	.lw-treebut:focus {		.lw-treebut:focus {
	background: linear-gradient(to right, #000, ~~#808080~~);		background: linear-gradient(to right, #000, grey);
	color: #fff;		color: #fff;
	outline: none;		outline: none;
	}		}

	~~/* 可选：按下时的轻微反馈 */~~
	.lw-treebut:active {		.lw-treebut:active {
	filter: brightness(1.15);		filter: brightness(1.15);
	}		}

2026年9月19日 (六) 23:37 某不知名鸽子

2026-09-19T23:37:11Z

←上一版本		2026年9月20日 (日) 07:37的版本
第1行：		第1行：
	/* ===== .lw-~~treebutton~~ 样式===== */		/* ===== .lw-treebut 样式===== */
	.lw-~~treebutton~~ {		.lw-treebut {
	/* —— 盒模型与排版 —— */		/* —— 盒模型与排版 —— */
	display: block;		display: block;
第24行：		第24行：

	/* 左侧的 ◎ —— 颜色跟随文字（currentColor） */		/* 左侧的 ◎ —— 颜色跟随文字（currentColor） */
	.lw-~~treebutton~~::before {		.lw-treebut::before {
	content: "◎";		content: "◎";
	position: absolute;		position: absolute;
第37行：		第37行：
	/* —— 桌面端：占屏幕宽度的 1/3 —— */		/* —— 桌面端：占屏幕宽度的 1/3 —— */
	@media (min-width: 768px) {		@media (min-width: 768px) {
	.lw-~~treebutton~~ {		.lw-treebut {
	width: 33.3333%;		width: 33.3333%;
	}		}
第43行：		第43行：

	/* —— 悬浮 / 键盘聚焦 —— */		/* —— 悬浮 / 键盘聚焦 —— */
	.lw-~~treebutton~~:hover,		.lw-treebut:hover,
	.lw-~~treebutton~~:focus {		.lw-treebut:focus {
	background: linear-gradient(to right, #000, #808080);		background: linear-gradient(to right, #000, #808080);
	color: #fff;		color: #fff;
第51行：		第51行：

	/* 可选：按下时的轻微反馈 */		/* 可选：按下时的轻微反馈 */
	.lw-~~treebutton~~:active {		.lw-treebut:active {
	filter: brightness(1.15);		filter: brightness(1.15);
	}		}

某不知名鸽子：某不知名鸽子移动页面纯白魔方/common.css至模板:纯白魔方/common.css，不留重定向：命名空间错误

2026-09-19T23:30:36Z

某不知名鸽子移动页面纯白魔方/common.css至模板:纯白魔方/common.css，不留重定向：命名空间错误

←上一版本		2026年9月20日 (日) 07:30的版本
（没有差异）

2026年9月19日 (六) 23:18 某不知名鸽子

2026-09-19T23:18:58Z

←上一版本		2026年9月20日 (日) 07:18的版本
第1行：		第1行：
	/* ===== lw-treebutton 样式===== */		/* ===== .lw-treebutton 样式===== */
	lw-treebutton {		.lw-treebutton {
	/* —— 盒模型与排版 —— */		/* —— 盒模型与排版 —— */
	display: block;		display: block;
第24行：		第24行：

	/* 左侧的 ◎ —— 颜色跟随文字（currentColor） */		/* 左侧的 ◎ —— 颜色跟随文字（currentColor） */
	lw-treebutton::before {		.lw-treebutton::before {
	content: "◎";		content: "◎";
	position: absolute;		position: absolute;
第37行：		第37行：
	/* —— 桌面端：占屏幕宽度的 1/3 —— */		/* —— 桌面端：占屏幕宽度的 1/3 —— */
	@media (min-width: 768px) {		@media (min-width: 768px) {
	lw-treebutton {		.lw-treebutton {
	width: 33.3333%;		width: 33.3333%;
	}		}
第43行：		第43行：

	/* —— 悬浮 / 键盘聚焦 —— */		/* —— 悬浮 / 键盘聚焦 —— */
	lw-treebutton:hover,		.lw-treebutton:hover,
	lw-treebutton:focus {		.lw-treebutton:focus {
	background: linear-gradient(to right, #000, #808080);		background: linear-gradient(to right, #000, #808080);
	color: #fff;		color: #fff;
第51行：		第51行：

	/* 可选：按下时的轻微反馈 */		/* 可选：按下时的轻微反馈 */
	lw-treebutton:active {		.lw-treebutton:active {
	filter: brightness(1.15);		filter: brightness(1.15);
	}		}

2026年9月19日 (六) 23:09 某不知名鸽子

2026-09-19T23:09:57Z

←上一版本	2026年9月20日 (日) 07:09的版本
第1行：	第1行：
		/* ===== lw-treebutton 样式===== */
		lw-treebutton {
		/* —— 盒模型与排版 —— */
		display: block;
		box-sizing: border-box;
		position: relative;
		width: 100%; /* 移动端：占满整行 */
		margin: 4px 0;
		padding: 0 12px 0 1.5em; /* 左侧留出 ◎ 的位置 */
		line-height: 1; /* 高度 = 字体高度 */
		font-size: 1rem;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;

		/* —— 外观 —— */
		color: #333;
		background: linear-gradient(to right, #808080, transparent);
		border-radius: 999px 0 0 999px;
		cursor: pointer;
		user-select: none;
		transition: color .18s ease;
		}

		/* 左侧的 ◎ —— 颜色跟随文字（currentColor） */
		lw-treebutton::before {
		content: "◎";
		position: absolute;
		left: .45em;
		top: 50%;
		transform: translateY(-50%);
		color: currentColor;
		font-size: .9em;
		line-height: 1;
		}

		/* —— 桌面端：占屏幕宽度的 1/3 —— */
		@media (min-width: 768px) {
		lw-treebutton {
		width: 33.3333%;
		}
		}

		/* —— 悬浮 / 键盘聚焦 —— */
		lw-treebutton:hover,
		lw-treebutton:focus {
		background: linear-gradient(to right, #000, #808080);
		color: #fff;
		outline: none;
		}

		/* 可选：按下时的轻微反馈 */
		lw-treebutton:active {
		filter: brightness(1.15);
		}

某不知名鸽子：某不知名鸽子将页面纯白魔方/common.css的内容模型从“wikitext”更改为“已过滤的CSS”

2026-09-19T22:54:49Z

某不知名鸽子将页面纯白魔方/common.css的内容模型从“wikitext”更改为“已过滤的CSS”

←上一版本		2026年9月20日 (日) 06:54的版本
（没有差异）

某不知名鸽子：清空全部内容

2026-09-19T22:54:29Z

清空全部内容

←上一版本		2026年9月20日 (日) 06:54的版本
第1行：		第1行：
	~~/* 感谢ds老师支援 */~~
	~~lw-treebutton {~~
	~~display: block;~~
	~~box-sizing: border-box;~~
	~~position: relative;~~
	~~width: 100%; /* 移动端：占满整行 */~~
	~~margin: 4px 0;~~
	~~padding: 0 12px 0 1.5em;~~
	~~line-height: 1;~~
	~~font-size: 1rem;~~
	~~white-space: nowrap;~~
	~~overflow: hidden;~~
	~~text-overflow: ellipsis;~~

	~~/* —— 外观 —— */~~
	~~color: #333;~~
	~~background-image: linear-gradient(to right, grey, transparent);~~
	~~border-radius: 999px 0 0 999px; /* 左端圆弧（半圆） */~~
	~~cursor: pointer;~~
	~~user-select: none;~~
	~~-webkit-tap-highlight-color: transparent;~~
	~~transition: color .18s ease;~~
	}

	~~/* 左侧的 ◎ —— 颜色跟随文字（currentColor） */~~
	~~lw-treebutton::before {~~
	~~content: "◎";~~
	~~position: absolute;~~
	~~left: .45em;~~
	~~top: 50%;~~
	~~transform: translateY(-50%);~~
	~~color: currentColor; /* 与文本颜色保持一致 */~~
	~~font-size: .9em;~~
	~~line-height: 1;~~
	~~pointer-events: none;~~
	}

	~~/* —— 桌面端：占屏幕宽度的 1/3 —— */~~
	~~@media (min-width: 768px) {~~
	~~lw-treebutton {~~
	~~width: 33.3333%;~~
	}
	}

	~~/* —— 悬浮 / 键盘聚焦 —— */~~
	~~lw-treebutton:hover,~~
	~~lw-treebutton:focus-visible {~~
	~~background-image: linear-gradient(to right, #000, grey);~~
	~~color: #fff; /* 字体变白，◎ 也随 currentColor 变白 */~~
	~~outline: none;~~
	}

	~~/* 可选：按下时的轻微反馈 */~~
	~~lw-treebutton:active {~~
	~~filter: brightness(1.15);~~
	}

某不知名鸽子：创建页面，内容为“/* 感谢ds老师支援 / lw-treebutton { display: block; box-sizing: border-box; position: relative; width: 100%; / 移动端：占满整行 / margin: 4px 0; padding: 0 12px 0 1.5em; line-height: 1; font-size: 1rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; / —— 外观 —— */ color: #333; background-image: linear-gradient(to right, grey, transparent); border-radius: 999px…”

2026-09-19T22:53:16Z

创建页面，内容为“感谢ds老师支援： lw-treebutton { display: block; box-sizing: border-box; position: relative; width: 100%; 移动端：占满整行： margin: 4px 0; padding: 0 12px 0 1.5em; line-height: 1; font-size: 1rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; —— 外观 ——： color: #333; background-image: linear-gradient(to right, grey, transparent); border-radius: 999px…”

新页面

/* 感谢ds老师支援 */
lw-treebutton {
display: block;
box-sizing: border-box;
position: relative;
width: 100%; /* 移动端：占满整行 */
margin: 4px 0;
padding: 0 12px 0 1.5em;
line-height: 1;
font-size: 1rem;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;

/* —— 外观 —— */
color: #333;
background-image: linear-gradient(to right, grey, transparent);
border-radius: 999px 0 0 999px; /* 左端圆弧（半圆） */
cursor: pointer;
user-select: none;
-webkit-tap-highlight-color: transparent;
transition: color .18s ease;
}

/* 左侧的 ◎ —— 颜色跟随文字（currentColor） */
lw-treebutton::before {
content: "◎";
position: absolute;
left: .45em;
top: 50%;
transform: translateY(-50%);
color: currentColor; /* 与文本颜色保持一致 */
font-size: .9em;
line-height: 1;
pointer-events: none;
}

/* —— 桌面端：占屏幕宽度的 1/3 —— */
@media (min-width: 768px) {
lw-treebutton {
width: 33.3333%;
}
}

/* —— 悬浮 / 键盘聚焦 —— */
lw-treebutton:hover,
lw-treebutton:focus-visible {
background-image: linear-gradient(to right, #000, grey);
color: #fff; /* 字体变白，◎ 也随 currentColor 变白 */
outline: none;
}

/* 可选：按下时的轻微反馈 */
lw-treebutton:active {
filter: brightness(1.15);
}