MediaWiki:Common.css - 版本历史

2026年5月21日 (四) 12:15 Admin

2026-05-21T12:15:57Z

@@ 第819行： / 第819行： @@
+}
 /* 直播间卡片底部控件 - 箭头 + 圆点 */
 #live-controls {
      display: flex !important;
@@ 第825行： / 第824行： @@
      align-items: center !important;
      gap: 8px !important;                 /* 缩小箭头与圆点间距，更贴 */
+}

2026年5月21日 (四) 12:11 Admin

2026-05-21T12:11:17Z

←上一版本		2026年5月21日 (四) 20:11的版本
第819行：		第819行：
	}		}
	/* 直播间卡片底部控件 - 箭头 + 圆点 */		/* 直播间卡片底部控件 - 箭头 + 圆点 */
			/* 直播间卡片底部控件 - 箭头紧贴圆点，背景透明 */
	#live-controls {		#live-controls {
	~~margin~~-~~top~~: ~~15px~~;		display: flex !important;
			justify-content: center !important; /* 整体居中 */
			align-items: center !important;
			gap: 8px !important; /* 缩小箭头与圆点间距，更贴 */
	}		}
	#live-prev-btn, #live-next-btn {
	background: ~~rgba(0,0,0,0.4)~~;		/* 箭头背景透明，取消圆形背景块 */
	width: ~~36px~~;		#live-prev-btn,
	height: ~~36px~~;		#live-next-btn {
	border-radius: ~~50%~~;		background: transparent !important; /* 透明背景 */
			width: auto !important; /* 自适应宽度 */
			height: auto !important;
			border-radius: 0 !important;
			color: #ffffff; /* 白色箭头，可根据背景调整 */
			font-size: 24px;
			line-height: 1;
	display: inline-flex;		display: inline-flex;
	align-items: center;		align-items: center;
第832行：		第842行：
	transition: all 0.2s;		transition: all 0.2s;
	}		}
	#live-prev-btn:hover, #live-next-btn:hover {		#live-prev-btn:hover,
	background: ~~rgba(0,0,0,0.7)~~;		#live-next-btn:hover {
	transform: scale(1.05);		background: transparent !important;
	}		transform: scale(1.1);
	~~#live-dots span {~~		color: #ffd89b; /* 悬停轻微变色 */
	~~box-shadow~~: ~~0 0 2px rgba(0,0,0,0.3)~~;
	}		}

2026年5月21日 (四) 12:00 Admin

2026-05-21T12:00:55Z

←上一版本		2026年5月21日 (四) 20:00的版本
第818行：		第818行：
	font-size: 18px;		font-size: 18px;
	}		}
	/* ~~直播间卡片底部：左中右并排~~ + ~~计数器中置~~ */		/* 直播间卡片底部控件 - 箭头 + 圆点 */
	#live-~~buttons-row~~ {		#live-controls {
	~~display: grid !important;~~		margin-top: 15px;
	~~grid~~-~~template-columns~~: ~~1fr auto 1fr !important; /* 三列：左自动撑开，中间自动，右自动撑开 */~~
	~~align-items: center !important;~~
	~~gap: 12px !important;~~
	~~width: 100% !important;~~
	~~box-sizing: border-box !important~~;
	}		}
			#live-prev-btn, #live-next-btn {
	~~/* 左按钮：靠左（自然就是左对齐） */~~		background: rgba(0,0,0,0.4);
	#live-prev-btn {		width: 36px;
	justify-~~self~~: ~~start !important~~;		height: 36px;
			border-radius: 50%;
			display: inline-flex;
			align-items: center;
			justify-content: center;
			transition: all 0.2s;
	}		}
			#live-prev-btn:hover, #live-next-btn:hover {
	~~/* 计数器：居中 */~~		background: rgba(0,0,0,0.7);
	#live-~~counter~~ {		transform: scale(1.05);
	~~justify-self~~: ~~center !important~~;
	~~text-align~~: ~~center !important~~;
	}		}
			#live-dots span {
	~~/* 右按钮：靠右 */~~		box-shadow: 0 0 2px rgba(0,0,0,0.3);
	#live-~~next-btn~~ {
	~~justify-self: end !important;~~
	}

	~~/* 统一样式（保持美观） */~~
	~~#live-prev-btn,~~
	~~#live~~-~~next-btn,~~
	~~#live-counter {~~
	~~flex~~: ~~none !important; /* 兼容旧浏览器 */~~
	~~background: rgba(~~0, 0~~, 0, 0.5);~~
	~~padding: 6px 16px;~~
	~~border-radius: 40px;~~
	~~white-space: nowrap;~~
	}
	~~#live-prev-btn,~~
	~~#live-next-btn {~~
	~~background:~~ rgba(~~255, 255, 255~~, 0~~.2);~~
	~~border: 1px solid rgba(255, 255, 255~~, 0~~.4);~~
	~~cursor: pointer;~~
	}
	~~#live-prev-btn:hover,~~
	~~#live-next-btn:hover {~~
	~~background: rgba(255, 255, 255~~, 0.35);
	}		}

2026年5月21日 (四) 11:53 Admin

2026-05-21T11:53:12Z

←上一版本		2026年5月21日 (四) 19:53的版本
第820行：		第820行：
	/* 直播间卡片底部：左中右并排 + 计数器中置 */		/* 直播间卡片底部：左中右并排 + 计数器中置 */
	#live-buttons-row {		#live-buttons-row {
	display: ~~flex~~ !important;		display: grid !important;
	~~flex~~-~~direction: row !important;~~		grid-template-columns: 1fr auto 1fr !important; /* 三列：左自动撑开，中间自动，右自动撑开 */
	~~flex~~-~~wrap~~: ~~nowrap~~ !important;
	align-items: center !important;		align-items: center !important;
	~~justify-content~~: ~~normal~~ !important; ~~/* 取消原有的 center */~~		gap: 12px !important;
	width: 100% !important;		width: 100% !important;
	~~gap~~: ~~12px~~ !important; ~~/* 可选：最小间距，防止贴太紧 */~~		box-sizing: border-box !important;
	}		}

	/* ~~上一个：靠左~~ */		/* 左按钮：靠左（自然就是左对齐） */
	#live-prev-btn {		#live-prev-btn {
	~~margin~~-~~right~~: ~~auto !important;~~		justify-self: start !important;
	~~flex: none~~ !important;
	}		}

	/* ~~下一个：靠右~~ */		/* 计数器：居中 */
			#live-counter {
			justify-self: center !important;
			text-align: center !important;
			}

			/* 右按钮：靠右 */
	#live-next-btn {		#live-next-btn {
	~~margin~~-~~left~~: ~~auto !important;~~		justify-self: end !important;
	~~flex: none~~ !important;
	}		}

	/* ~~计数器：居中，不可点击~~ */		/* 统一样式（保持美观） */
			#live-prev-btn,
			#live-next-btn,
	#live-counter {		#live-counter {
	~~text-align: center !important;~~		flex: none !important; /* 兼容旧浏览器 */
	flex: none !important;
	background: rgba(0, 0, 0, 0.5);		background: rgba(0, 0, 0, 0.5);
	padding: 6px 16px;		padding: 6px 16px;
	border-radius: 40px;		border-radius: 40px;
	~~font~~-~~weight~~: ~~bold~~;		white-space: nowrap;
	}		}

	~~/* 统一按钮风格（可选） */~~
	#live-prev-btn,		#live-prev-btn,
	#live-next-btn {		#live-next-btn {
	background: rgba(255, 255, 255, 0.2);		background: rgba(255, 255, 255, 0.2);
	border: 1px solid rgba(255, 255, 255, 0.4);		border: 1px solid rgba(255, 255, 255, 0.4);
	~~padding: 6px 16px;~~
	~~border-radius: 40px;~~
	cursor: pointer;		cursor: pointer;
	~~transition: all 0.2s;~~
	~~white-space: nowrap;~~
	}		}
	#live-prev-btn:hover,		#live-prev-btn:hover,
	#live-next-btn:hover {		#live-next-btn:hover {
	background: rgba(255, 255, 255, 0.35);		background: rgba(255, 255, 255, 0.35);
	~~transform: scale(1.02);~~
	}

	~~/* 移动端适配：保持并排，稍微缩小间距和内边距 */~~
	~~@media (max-width: 640px) {~~
	~~#live-buttons-row {~~
	~~gap: 8px !important;~~
	}
	~~#live-prev-btn,~~
	~~#live-next-btn,~~
	~~#live-counter {~~
	~~padding: 4px 12px !important;~~
	~~font-size: 12px !important;~~
	}
	}		}

2026年5月21日 (四) 11:49 Admin

2026-05-21T11:49:50Z

@@ 第818行： / 第818行： @@
       font-size: 18px;
+}
-/* 强制直播按钮横排 */
+/* 直播间卡片底部：左中右并排 + 计数器中置 */
 #live-buttons-row {
      display: flex !important;
      flex-direction: row !important;
      flex-wrap: nowrap !important;
+}
-#live-buttons-row > span {
      flex: none !important;
-     display: inline-flex !important;  /* 防止变成块级元素 */
-     align-items: center;
-     justify-content: space-between;
+/* 下一个：靠右 */
+}

2026年5月21日 (四) 11:46 Admin

2026-05-21T11:46:42Z

←上一版本		2026年5月21日 (四) 19:46的版本
第828行：		第828行：
	display: inline-flex !important; /* 防止变成块级元素 */		display: inline-flex !important; /* 防止变成块级元素 */
	align-items: center;		align-items: center;
	justify-content: ~~center~~;		justify-content: space-between;
	}		}

2026年5月20日 (三) 12:16 Admin

2026-05-20T12:16:27Z

@@ 第817行： / 第817行： @@
      text-decoration: none;
       font-size: 18px;
+}

2026年5月18日 (一) 14:44 Admin

2026-05-18T14:44:31Z

@@ 第817行： / 第817行： @@
      text-decoration: none;
       font-size: 18px;
+}

2026年5月18日 (一) 12:52 Admin

2026-05-18T12:52:17Z

@@ 第817行： / 第817行： @@
      text-decoration: none;
       font-size: 18px;
+}

2026年4月24日 (五) 15:50 Admin

2026-04-24T15:50:36Z

←上一版本		2026年4月24日 (五) 23:50的版本
第807行：		第807行：


			/* 首页角色画廊文字：渐变 + 加粗（针对纯文本） */
	.character-section .gallerybox .gallerytext {		.character-section .gallerybox .gallerytext {
	~~/* 渐变文字 */~~		display: inline-block;
	background: linear-gradient(135deg, #9b30ff, #1e90ff);		background: linear-gradient(135deg, #9b30ff, #1e90ff);
	-webkit-background-clip: text;		-webkit-background-clip: text;
第814行：		第815行：
	color: transparent;		color: transparent;
	font-weight: bold;		font-weight: bold;
			text-decoration: none;
	~~/* 黑色描边 */~~		font-size: 18px;
	~~-webkit-text-stroke: 1px black;~~
	text-~~stroke~~: ~~1px black~~;

	~~/* 增大字体 */~~
	font-size: ~~25px; /* 可按需调整，也可用 1.2rem 等 */~~

	~~/* 保持原有内边距/显示方式（可选） */~~
	~~display: inline-block;~~
	~~padding: 4px 0~~;
	}		}