MediaWiki:Common.css：修订间差异
MediaWiki界面页面
更多操作
无编辑摘要 |
无编辑摘要 |
||
| 第202行： | 第202行： | ||
} | } | ||
/* | /* ---------- 字数大显示区 ---------- */ | ||
#wiki-wordcount { | |||
#wiki-wordcount | |||
width: 100%; | width: 100%; | ||
display: flex; | display: flex; | ||
justify-content: center; | |||
align-items: center; | |||
flex-direction: column; | flex-direction: column; | ||
margin: 40px 0; | margin: 40px 0; | ||
text-align: center; | text-align: center; | ||
font-family: 'Segoe UI', sans-serif; | font-family: 'Segoe UI', 'Arial', sans-serif; | ||
} | } | ||
/* “标签/ | /* “标签/描述”更小 */ | ||
#wiki-wordcount | #wiki-wordcount .stat-label { | ||
font-size: 1. | font-size: 1.2rem; | ||
font-weight: 500; | font-weight: 500; | ||
color: # | color: #555; | ||
margin-bottom: | margin-bottom: 4px; | ||
} | } | ||
/* | /* 数字主体更霸气 */ | ||
#wiki-wordcount | #wiki-wordcount-number { | ||
font-size: | font-size: 6.2rem; /* 更大更显眼 */ | ||
font-weight: 900; | font-weight: 900; | ||
min-width: | /* 强制等宽数字（需要字体支持） */ | ||
letter-spacing: 0. | font-variant-numeric: tabular-nums; /* 让数字等宽 */ [oai_citation:2‡MDN 網頁文件](https://developer.mozilla.org/zh-CN/docs/Web/CSS/font-variant-numeric?utm_source=chatgpt.com) | ||
/* 定义最小宽度，保证位置横向占得足够 */ | |||
min-width: 18ch; /* 18 个数字宽度 */ | |||
letter-spacing: 0.1em; /* 适当字间距，撑开空间 */ | |||
background: linear-gradient(90deg, #00CCFF, #FF69B4); | background: linear-gradient(90deg, #00CCFF, #FF69B4); | ||
-webkit-background-clip: text; | -webkit-background-clip: text; | ||
-webkit-text-fill-color: transparent; | -webkit-text-fill-color: transparent; | ||
text-shadow: | text-shadow: | ||
0 0 | 0 0 10px rgba(0, 204, 255, 0.6), | ||
0 0 | 0 0 24px rgba(255, 105, 180, 0.4); | ||
white-space: nowrap; /* 不换行 */ | |||
} | } | ||
/* | /* 更大屏幕下的微调 */ | ||
@media screen and (min-width: 1200px) { | @media screen and (min-width: 1200px) { | ||
#wiki-wordcount | #wiki-wordcount-number { | ||
font-size: | font-size: 7.6rem; | ||
letter-spacing: 0.12em; | letter-spacing: 0.12em; | ||
min-width: 20ch; | |||
} | } | ||
} | } | ||