用户:Qiuyin-spring tide/代码/fandom.css - 版本历史

2026年8月9日 (日) 05:02 Qiuyin-spring tide

2026-08-09T05:02:14Z

←上一版本		2026年8月9日 (日) 13:02的版本
第73行：		第73行：
	}		}

	~~/* 核心修复：强制输入框使用 border-box，并固定尺寸 */~~
	#p-search .cdx-text-input__input {		#p-search .cdx-text-input__input {
	box-sizing: border-box !important; /* ~~关键：使宽高包含内边距~~ */		box-sizing: border-box !important;
			height: 100% !important; /* 改为 100%，自适应父容器 */
	width: 100% !important;		width: 100% !important;
	~~height: 36px !important;~~
	padding: 5px 20px;		padding: 5px 20px;
	margin: 0;		margin: 0;
第86行：		第85行：
	outline: 0;		outline: 0;
	box-shadow: none;		box-shadow: none;
	line-height: 1.4; ~~/* 根据字体微调垂直居中 */~~		line-height: 1.4;
	transition: background 250ms ease;		transition: background 250ms ease;
	left: auto; ~~/* 覆盖可能的绝对定位 left */~~		left: auto;
	position: relative; ~~/* 防止绝对定位引起溢出 */~~		position: relative;
	-webkit-appearance: none;		-webkit-appearance: none;
	}		}

	~~/* 外层 wrapper 也需要重置盒模型，并移除多余 padding */~~
	.cdx-search-input--has-end-button .cdx-search-input__input-wrapper {		.cdx-search-input--has-end-button .cdx-search-input__input-wrapper {
	height: 36px;		height: 36px;
			padding: 0;
			margin: 0;
	background: #fff;		background: #fff;
	border-radius: 3px;		border-radius: 3px;
	box-sizing: border-box;		box-sizing: border-box;
	~~padding: 0; /* 移除任何内边距 */~~		overflow: hidden; /* 继续保留，防止任何溢出 */
	overflow: hidden; /* ~~保留溢出隐藏，确保视觉一致~~ */
	}		}

2026年8月9日 (日) 04:58 Qiuyin-spring tide

2026-08-09T04:58:09Z

←上一版本		2026年8月9日 (日) 12:58的版本
第1行：		第1行：
			/* 顶部图标基础样式 */
	.cosmos-bannerOption-icon SVG {		.cosmos-bannerOption-icon SVG {
	fill: none;		fill: none;
第5行：		第6行：
	transform: scale(0.7);		transform: scale(0.7);
	}		}

	#cosmos-banner {		#cosmos-banner {
	height: 46px;		height: 46px;
	}		}

			/* 原始搜索表单容器（用于回退或备用） */
	#searchform {		#searchform {
	width: 20% !important;		width: 20% !important;
第13行：		第17行：
	margin-right: 0 !important;		margin-right: 0 !important;
	}		}

			/* 备用输入框样式（当 Codex 不生效时） */
	#searchform input {		#searchform input {
	height: 26px;		height: 26px;
第19行：		第25行：
	color: #1e0c1b;		color: #1e0c1b;
	}		}

			/* 通知区域间距 */
	#cosmos-notification-icons {		#cosmos-notification-icons {
	padding: 5px 5px 5px 0;		padding: 5px 5px 5px 0;
	}		}

			/* 铃铛图标 */
	body .oo-ui-icon-bell,		body .oo-ui-icon-bell,
	.mw-ui-icon-bell::before {		.mw-ui-icon-bell::before {
第27行：		第37行：
	background-size: cover;		background-size: cover;
	}		}

			/* 托盘图标 */
	body .oo-ui-icon-tray,		body .oo-ui-icon-tray,
	.mw-ui-icon-tray::before {		.mw-ui-icon-tray::before {
第32行：		第44行：
	background-size: cover;		background-size: cover;
	}		}
	body:not(.skin-vector-2022) #pt-notifications-alert .mw-echo-notifications-badge.mw-echo-notifications-badge-all-read, body:not(.skin-vector-2022) #pt-notifications-notice .mw-echo-notifications-badge.mw-echo-notifications-badge-all-read {
			/* 通知徽章无新消息时的透明度 */
			body:not(.skin-vector-2022) #pt-notifications-alert .mw-echo-notifications-badge.mw-echo-notifications-badge-all-read,
			body:not(.skin-vector-2022) #pt-notifications-notice .mw-echo-notifications-badge.mw-echo-notifications-badge-all-read {
	opacity: 0.9;		opacity: 0.9;
	transform: scale(0.7);		transform: scale(0.7);
	}		}

	#cosmos-notification-icons #pt-notifications-notice {		#cosmos-notification-icons #pt-notifications-notice {
	padding-left: 0;		padding-left: 0;
	}		}

			/* 隐藏 Codex 搜索框右侧按钮 */
	#p-search .cdx-button {		#p-search .cdx-button {
	display: none;		display: none;
	}		}

			/* 调整 Codex 搜索组件外层高度 */
	.cdx-search-input--has-end-button {		.cdx-search-input--has-end-button {
	height: 36px;		height: 36px;
			box-sizing: border-box;
	}		}

			/* 确保 Codex 文本输入容器基础样式 */
	.cdx-text-input {		.cdx-text-input {
	min-width: auto;		min-width: auto;
	height: 36px;		height: 36px;
	}		}

			/* 核心修复：强制输入框使用 border-box，并固定尺寸 */
	#p-search .cdx-text-input__input {		#p-search .cdx-text-input__input {
	~~left~~: ~~auto~~;		box-sizing: border-box !important; /* 关键：使宽高包含内边距 */
	width: 100%;		width: 100% !important;
	height: 36px;		height: 36px !important;
	padding: 5px 20px;		padding: 5px 20px;
			margin: 0;
	border: 0;		border: 0;
	~~margin: 0;~~
	~~-webkit-appearance: none;~~
	background: #fff;		background: #fff;
	border-radius: 3px;		border-radius: 3px;
	~~box-shadow: none;~~
	color: #1e0c1b;		color: #1e0c1b;
	outline: 0;		outline: 0;
			box-shadow: none;
			line-height: 1.4; /* 根据字体微调垂直居中 */
	transition: background 250ms ease;		transition: background 250ms ease;
			left: auto; /* 覆盖可能的绝对定位 left */
			position: relative; /* 防止绝对定位引起溢出 */
			-webkit-appearance: none;
	}		}

			/* 外层 wrapper 也需要重置盒模型，并移除多余 padding */
	.cdx-search-input--has-end-button .cdx-search-input__input-wrapper {		.cdx-search-input--has-end-button .cdx-search-input__input-wrapper {
	height: 36px;		height: 36px;
	background: #fff;		background: #fff;
	border-radius: 3px;		border-radius: 3px;
	box-sizing: border-box;		box-sizing: border-box;
			padding: 0; /* 移除任何内边距 */
			overflow: hidden; /* 保留溢出隐藏，确保视觉一致 */
	}		}

			/* 悬停、聚焦效果（基于原始 #searchform，不影响 Codex） */
	#searchform input:hover {		#searchform input:hover {
	border: 1px solid #1e0c1b;		border: 1px solid #1e0c1b;

2026年8月9日 (日) 04:25 Qiuyin-spring tide

2026-08-09T04:25:37Z

←上一版本		2026年8月9日 (日) 12:25的版本
第49行：		第49行：
	.cdx-text-input {		.cdx-text-input {
	min-width: auto;		min-width: auto;
			height: 36px;
	}		}
	#p-search .cdx-text-input__input {		#p-search .cdx-text-input__input {
第66行：		第67行：
	}		}
	.cdx-search-input--has-end-button .cdx-search-input__input-wrapper {		.cdx-search-input--has-end-button .cdx-search-input__input-wrapper {
	~~all: unset;~~		height: 36px;
	height: ~~26px~~;
	background: #fff;		background: #fff;
	border-radius: 3px;		border-radius: 3px;
	box-sizing: border-box;		box-sizing: border-box;
	}		}

	#searchform input:hover {		#searchform input:hover {
	border: 1px solid #1e0c1b;		border: 1px solid #1e0c1b;

2026年8月9日 (日) 04:13 Qiuyin-spring tide

2026-08-09T04:13:00Z

←上一版本		2026年8月9日 (日) 12:13的版本
第44行：		第44行：

	.cdx-search-input--has-end-button {		.cdx-search-input--has-end-button {
	~~display: block;~~
	height: 36px;		height: 36px;
	}		}

2026年8月9日 (日) 04:11 Qiuyin-spring tide

2026-08-09T04:11:11Z

←上一版本		2026年8月9日 (日) 12:11的版本
第68行：		第68行：
	.cdx-search-input--has-end-button .cdx-search-input__input-wrapper {		.cdx-search-input--has-end-button .cdx-search-input__input-wrapper {
	all: unset;		all: unset;
	height: ~~36px~~;		height: 26px;
	background: #fff;		background: #fff;
	border-radius: 3px;		border-radius: 3px;

2026年8月9日 (日) 04:10 Qiuyin-spring tide

2026-08-09T04:10:54Z

←上一版本		2026年8月9日 (日) 12:10的版本
第45行：		第45行：
	.cdx-search-input--has-end-button {		.cdx-search-input--has-end-button {
	display: block;		display: block;
			height: 36px;
	}		}

2026年8月9日 (日) 04:05 Qiuyin-spring tide

2026-08-09T04:05:46Z

←上一版本		2026年8月9日 (日) 12:05的版本
第71行：		第71行：
	border-radius: 3px;		border-radius: 3px;
	box-sizing: border-box;		box-sizing: border-box;
			}
			#searchform input:hover {
			border: 1px solid #1e0c1b;
			}
			#searchform input:focus {
			background: #fff;
			border: 1px solid #1e0c1b;
	}		}

2026年8月9日 (日) 03:54 Qiuyin-spring tide

2026-08-09T03:54:37Z

@@ 第43行： / 第43行： @@
+}
 .cdx-search-input--has-end-button .cdx-search-input__input-wrapper {
    all: unset;

2026年8月9日 (日) 03:42 Qiuyin-spring tide

2026-08-09T03:42:19Z

←上一版本		2026年8月9日 (日) 11:42的版本
第44行：		第44行：

	.cdx-search-input--has-end-button .cdx-search-input__input-wrapper {		.cdx-search-input--has-end-button .cdx-search-input__input-wrapper {
	all: unset; ~~/* 先清除所有 Codex 带来的特异性样式 */~~		all: unset;
	~~/* 下面照抄你给 #searchform input 定义的样式，让它和普通输入框一模一样 */~~		height: 36px;
	height: ~~26px~~;
	background: #fff;		background: #fff;
	border-radius: 3px;		border-radius: 3px;
	~~color: #1e0c1b;~~
	~~/* 如果还需要边框，可以补上，比如 border: 1px solid #a2a9b1; （根据实际设计） */~~
	~~min-width: auto; /* 保证不被压扁 */~~
	~~padding: 0 8px; /* 适当的内边距，保持文字不贴边 */~~
	~~font-size: inherit; /* 继承正常字号 */~~
	~~line-height: normal;~~
	box-sizing: border-box;		box-sizing: border-box;
	~~appearance: auto; /* 恢复系统默认的输入框外观 */~~
	~~-webkit-appearance: auto;~~
	~~-moz-appearance: auto;~~
	}		}

2026年8月9日 (日) 03:40 Qiuyin-spring tide

2026-08-09T03:40:06Z

←上一版本		2026年8月9日 (日) 11:40的版本
第43行：		第43行：
	}		}

	#p-search .cdx-~~text~~-~~input~~ {		.cdx-search-input--has-end-button .cdx-search-input__input-wrapper {
	all: unset; /* 先清除所有 Codex 带来的特异性样式 */		all: unset; /* 先清除所有 Codex 带来的特异性样式 */
	/* 下面照抄你给 #searchform input 定义的样式，让它和普通输入框一模一样 */		/* 下面照抄你给 #searchform input 定义的样式，让它和普通输入框一模一样 */