MediaWiki:Common.css - 版本历史

2025年6月28日 (六) 03:24 Null

2025-06-28T03:24:34Z

←上一版本		2025年6月28日 (六) 11:24的版本
第86行：		第86行：
	/* 调整版权图标大小 */		/* 调整版权图标大小 */
	.copyright-icon img {		.copyright-icon img {
	width: ~~30px~~; /* 宽度设置为 30 像素 */		width: auto; /* 宽度设置为 30 像素 */
	height: 30px; /* 高度设置为 30 像素 */		height: 30px; /* 高度设置为 30 像素 */
	border: 2px solid #333; /* 边框宽度为 2 像素，颜色为深灰色 */		border: 2px solid #333; /* 边框宽度为 2 像素，颜色为深灰色 */

2025年6月28日 (六) 01:30 Null

2025-06-28T01:30:53Z

←上一版本		2025年6月28日 (六) 09:30的版本
第7行：		第7行：
	font-style: normal;		font-style: normal;
	font-display: swap;		font-display: swap;
	~~crossOrigin~~: anonymous; /* ~~需要服务器配置CORS~~ */		cross-origin: anonymous; /* 修正属性名：crossOrigin → cross-origin */
	}		}

第61行：		第61行：
	}		}

	/* JS控制的类 */		/* JS控制的类 - 增加特异性 */
	.img-auto {		img[src*="www.guohao.asia"].img-auto {
	width: auto !important;		width: auto !important;
	max-width: none !important;		max-width: none !important;
	}		}

	.img-responsive {		img[src*="www.guohao.asia"].img-responsive {
	width: var(--img-desktop-width) !important;		width: var(--img-desktop-width) !important;
	}		}
第79行：		第79行：

	/* 移动端覆盖规则 */		/* 移动端覆盖规则 */
	.img-responsive {		img[src*="www.guohao.asia"].img-responsive {
	width: 100% !important;		width: 100% !important;
	}		}
第95行：		第95行：
	}		}

	/* 处理版权图标加载失败时的样式 */		/* 处理版权图标加载失败时的样式 - 增强选择器 */
			.copyright-icon img[src=""],
	.copyright-icon img:not([src]) {		.copyright-icon img:not([src]) {
	display: none; /* ~~如果图片加载失败（没有 src 属性），则将其隐藏~~ */		display: none; /* 处理空src或缺失src的情况 */
	}		}

2025年6月28日 (六) 01:24 Null

2025-06-28T01:24:11Z

@@ 第82行： / 第82行： @@
      width: 100% !important;
+   }
+}

2025年4月10日 (四) 00:56 Null

2025-04-10T00:56:30Z

新页面

/* ===== 字体定义 ===== */
@font-face {
font-family: 'LXGWWenKaiLite';
src: url('https://www.guohao.asia/cdn/font/lxgw-wenkai-lite/LXGWWenKaiLite-Light.woff2') format('woff2'),
url('https://www.guohao.asia/cdn/font/lxgw-wenkai-lite/LXGWWenKaiLite-Light.ttf') format('truetype');
font-weight: 300;
font-style: normal;
font-display: swap;
crossOrigin: anonymous; /* 需要服务器配置CORS */
}

/* 其他字重定义（结构相同，路径不同） */
@font-face { /* Medium */ }
@font-face { /* Regular */ }

/* 等宽字体定义 */
@font-face {
font-family: 'LXGWWenKaiMonoLite';
src: url('https://www.guohao.asia/cdn/font/lxgw-wenkai-lite/LXGWWenKaiMonoLite-Regular.woff2') format('woff2'),
url('https://www.guohao.asia/cdn/font/lxgw-wenkai-lite/LXGWWenKaiMonoLite-Regular.ttf') format('truetype');
font-weight: 400;
font-style: normal;
font-display: swap;
}

/* ===== 全局样式 ===== */
:root {
--font-primary: 'LXGWWenKaiLite', system-ui, -apple-system, sans-serif;
--font-code: 'LXGWWenKaiMonoLite', 'Courier New', monospace;
--img-desktop-width: min(80%, 1200px); /* 桌面端限制 */
}

body {
font-family: var(--font-primary);
line-height: 1.6;
}

#content h1, #content h2 {
font-family: var(--font-primary);
font-weight: 500; /* 明确使用Medium字重 */
}

code, pre, tt {
font-family: var(--font-code);
line-height: 1.5;
padding: 0.2em 0.4em;
background: #f8f9fa;
border-radius: 3px;
}

/* ===== 图片响应式系统 ===== */
img[src*="www.guohao.asia"] {
height: auto;
display: block;
margin: 0 auto;
transition: width 0.3s ease; /* 平滑过渡效果 */

/* 移动端默认样式 */
width: 100%;
max-width: 100%;
}

/* JS控制的类 */
.img-auto {
width: auto !important;
max-width: none !important;
}

.img-responsive {
width: var(--img-desktop-width) !important;
}

/* ===== 媒体查询 ===== */
@media (max-width: 600px) {
.ev-video {
width: 100%;
height: auto;
}

/* 移动端覆盖规则 */
.img-responsive {
width: 100% !important;
}
}