MediaWiki:Citizen.css - 版本历史

泡泡：移动端修复：显示右栏（新来的旅人/运行情况/联系我们），不再display:none

2026-05-22T00:06:49Z

移动端修复：显示右栏（新来的旅人/运行情况/联系我们），不再display:none

←上一版本		2026年5月22日 (五) 08:06的版本
第678行：		第678行：
	.mp-inline-sections {		.mp-inline-sections {
	grid-template-columns: 1fr;		grid-template-columns: 1fr;
	grid-template-areas: "left" "right";		grid-template-areas: "left" "site" "right";
	}		}
	/* mp-left和mp-right不自拉伸 */		/* mp-left和mp-right不自拉伸 */
第685行：		第685行：
	width: 100%;		width: 100%;
	}		}
	/* ~~隐藏空的site区域~~ */		/* 移动端显示全部栏位 */
	.mp-section-site {		.mp-section-site {
	display: ~~none~~;		display: flex;
	}		}
	/* 图标网格居中 */		/* 图标网格居中 */

泡泡：首页移动端布局修复：单列居中，解决右歪问题

2026-05-18T23:22:22Z

首页移动端布局修复：单列居中，解决右歪问题

@@ 第663行： / 第663行： @@
          max-width: 100% !important;
          height: auto;
+     }
+}

泡泡：添加图片移动端自适应样式

2026-05-18T18:02:35Z

添加图片移动端自适应样式

@@ 第648行： / 第648行： @@
      #tab-todo.lts-tab-active {
          display: block;
+     }
+}

泡泡：重写更新日志布局+1:1复刻首页MC按钮风格

2026-05-18T15:49:32Z

重写更新日志布局+1:1复刻首页MC按钮风格

显示更改

泡泡：更新日志移动端Tab样式（纯href选择器）

2026-05-18T15:41:08Z

更新日志移动端Tab样式（纯href选择器）

@@ 第550行： / 第550行： @@
+     }
     更新日志 - MC风格移动端Tab切换
     --------------------------------------------- */
@@ 第618行： / 第605行： @@
+     }
      #tab-log.active, #tab-todo.active {
          display: block;
+     }
+}

泡泡：更新日志MC风格移动端Tab切换样式(JS方案)

2026-05-18T15:40:24Z

更新日志MC风格移动端Tab切换样式(JS方案)

←上一版本		2026年5月18日 (一) 23:40的版本
第554行：		第554行：
	--------------------------------------------- */		--------------------------------------------- */
	/* 桌面端：隐藏tab链接，双栏显示 */		/* 桌面端：隐藏tab链接，双栏显示 */
	~~a[href="#tab~~-~~log"],~~		/* 桌面端：两个内容区都显示 */
	~~a[href="~~#tab-todo"] {		@media screen and (max-width: 720px) {
			/* 移动端：显示tab按钮 */
			/* 分隔符 \| 隐藏 */
			p:has(p:has(/* 被:target的tab高亮为绿色 */
			/* 默认显示log，隐藏todo */
			/* 当#tab-todo:target ~ /* 高亮活跃tab */

			/* ---------------------------------------------
			更新日志 - MC风格移动端Tab切换
			--------------------------------------------- */
			/* 桌面端：隐藏tab按钮，内容都显示 */
			.lts-update-log-tabs {
	display: none;		display: none;
	}		}
			#tab-log, #tab-todo {
	~~/* 桌面端：两个内容区都显示 */~~
	#tab-log,
	#tab-todo {
	display: block;		display: block;
	}		}

	@media screen and (max-width: 720px) {		@media screen and (max-width: 720px) {
	/* ~~移动端：显示tab按钮~~ */		/* 移动端：显示tab按钮组 */
	~~a[href="#tab~~-log~~"],~~		.lts-update-log-tabs {
	~~a[href="#tab~~-~~todo"]~~ {		display: flex;
	display: ~~block~~;		gap: 0;
			margin: 0 0 6px 0;
			}
			.lts-update-log-tabs a {
	flex: 1;		flex: 1;
	padding: 10px 16px;		padding: 10px 16px;
第579行：		第590行：
	color: #555 !important;		color: #555 !important;
	border: 2px solid #888;		border: 2px solid #888;
	border-bottom: 4px solid #666;		border-bottom-width: 4px;
	transition: ~~all 0.05s~~;		border-bottom-style: solid;
			border-bottom-color: #666;
			transition: none;
	font-family: inherit;		font-family: inherit;
	margin: 0;		margin: 0;
	~~box-shadow: none;~~
	}
	~~a[href="#tab-log"]:active,~~
	~~a[href="#tab-todo"]:active {~~
	~~border-bottom: 2px solid #666;~~
	~~transform: translateY(2px);~~
	}
	~~/* 分隔符 \| 隐藏 */~~
	~~p:has(a[href="#tab-log"]) {~~
	~~display: flex;~~
	~~gap: 0;~~
	~~margin: 0 0 4px 0;~~
	~~padding: 0;~~
	}
	~~p:has(a[href="#tab-log"]) a + a {~~
	~~border-left: none;~~
	}
	~~/* 被:target的tab高亮为绿色 */~~
	~~#tab-log:target ~ #tab-todo,~~
	~~#tab-todo:target {~~
	display: block;		display: block;
	}		}
	~~#tab~~-~~log:target {~~		.lts-update-log-tabs a.active {
	~~display: block;~~
	}
	~~/* 默认显示log，隐藏todo */~~
	~~#tab-log { display: block; }~~
	~~#tab-todo { display: none; }~~
	~~/* 当#tab-todo被target时 */~~
	~~#tab-todo:target { display: block; }~~
	~~#tab-todo:target ~ #tab-log,~~
	~~#tab-todo:target + * #tab-log {~~
	~~display: none;~~
	}
	~~/* 高亮活跃tab */~~
	~~#tab-log:target ~ p a[href="#tab~~-log~~"],~~
	~~#tab-todo:target ~ p a[href="#tab~~-~~todo"],~~
	~~/* 如果没有target，默认高亮log按钮 */~~
	p a~~[href="#tab-log"]:not(:has(~ #tab-todo:target))~~ {
	background: #3a971e;		background: #3a971e;
	color: #fff !important;		color: #fff !important;
第627行：		第604行：
	border-bottom-color: #1f4f0e;		border-bottom-color: #1f4f0e;
	}		}
	~~#tab~~-~~todo~~:~~target ~ p a[href="#tab-todo"]~~ {		.lts-update-log-tabs a:active {
	~~background~~: ~~#3a971e~~;		border-bottom-width: 2px;
	~~color~~: ~~#fff !important~~;		transform: translateY(2px);
	~~border~~-~~color~~: ~~#2d7316~~;		}
	~~border~~-~~bottom~~-~~color~~: ~~#1f4f0e~~;		/* 分隔符"\|"隐藏 */
			.lts-update-log-tabs + p,
			p:has(.lts-update-log-tabs) {
			display: none;
			}
			/* 移动端只显示活跃tab */
			#tab-log, #tab-todo {
			display: none;
			}
			#tab-log.active, #tab-todo.active {
			display: block;
	}		}
	}		}

泡泡：更新日志MC风格移动端Tab切换样式(:target方案)

2026-05-18T15:39:51Z

更新日志MC风格移动端Tab切换样式(:target方案)

显示更改

泡泡：lts-tab-btn 适配a标签样式

2026-05-18T15:35:49Z

lts-tab-btn 适配a标签样式

←上一版本		2026年5月18日 (一) 23:35的版本
第603行：		第603行：
	border-radius: 0 !important;		border-radius: 0 !important;
	font-family: inherit;		font-family: inherit;
			text-decoration: none !important;
			text-align: center;
			display: block;
	}		}
	.lts-tab-btn.active {		.lts-tab-btn.active {

泡泡：更新日志移动端Tab切换样式

2026-05-18T15:31:25Z

更新日志移动端Tab切换样式

@@ 第579行： / 第579行： @@
      .lts-update-log .lts-log-right {
          padding-left: 0;
+     }
+}

泡泡：添加更新日志响应式双栏样式

2026-05-18T15:27:48Z

添加更新日志响应式双栏样式

@@ 第543行： / 第543行： @@
      gap: 5px;
      align-items: center;
+}

MediaWiki:Citizen.css - 版本历史

泡泡：​移动端修复：显示右栏（新来的旅人/运行情况/联系我们），不再display:none

泡泡：​首页移动端布局修复：单列居中，解决右歪问题

泡泡：​添加图片移动端自适应样式

泡泡：​重写更新日志布局+1:1复刻首页MC按钮风格

泡泡：​更新日志移动端Tab样式（纯href选择器）

泡泡：​更新日志MC风格移动端Tab切换样式(JS方案)

泡泡：​更新日志MC风格移动端Tab切换样式(:target方案)

泡泡：​lts-tab-btn 适配a标签样式

泡泡：​更新日志移动端Tab切换样式

泡泡：​添加更新日志响应式双栏样式