打开/关闭菜单
60
73
29
1.1K
武外梗百科
打开/关闭外观设置菜单
打开/关闭个人菜单
未登录
未登录用户的IP地址会在进行任意编辑后公开展示。

MediaWiki:Common.css:修订间差异

MediaWiki界面页面
无编辑摘要
无编辑摘要
第202行: 第202行:
}
}


/* 容器占比更大,让数字更横向突出 */
/* ========================================
#wiki-wordcount {
  字数统计大板块 */
#wiki-wordcount.stat-block {
     width: 100%;
     width: 100%;
     display: flex;
     display: flex;
    flex-direction: column;
    align-items: center;
     justify-content: center;
     justify-content: center;
     align-items: center;
     margin: 40px 0;
     padding: 20px 0;
    text-align: center;
    font-family: 'Segoe UI', sans-serif;
}
 
/* “标签/描述”字体小一点但清晰 */
#wiki-wordcount.stat-block .stat-label {
    font-size: 1.4em;
    font-weight: 500;
    color: #444;
     margin-bottom: 6px;
}
}


/* 数字样式更霸气 */
/* 数字主体更大、更霸气 */
#wiki-wordcount-number {
#wiki-wordcount-number.stat-number {
     font-size: 4.5em;
     font-size: 5.6em; /* 主体数字更大 */
     font-weight: 800;
     font-weight: 900;
      
     width: 100%;          /* 横向撑满 */
     /* 渐变字色 + 光晕 */
     min-width: 14ch;      /* 固定最小宽度基于数字字符宽度 */
    letter-spacing: 0.08em;
     background: linear-gradient(90deg, #00CCFF, #FF69B4);
     background: linear-gradient(90deg, #00CCFF, #FF69B4);
     -webkit-background-clip: text;
     -webkit-background-clip: text;
第223行: 第236行:
         0 0 8px rgba(0, 204, 255, 0.6),
         0 0 8px rgba(0, 204, 255, 0.6),
         0 0 20px rgba(255, 105, 180, 0.4);
         0 0 20px rgba(255, 105, 180, 0.4);
   
    /* 用等宽数字字体防止跳动
      这个是 CSS OpenType 属性,
      让每个数字占据同样宽度 */
    font-variant-numeric: tabular-nums; /* 避免 1、2、3 等宽度变化 */  [oai_citation:0‡Go Make Things](https://gomakethings.com/preventing-layout-shift-with-numbers-using-css/?utm_source=chatgpt.com)
    /* 加一些字符间距让数字更宽 */
    letter-spacing: 0.08em; /* 你可以根据视觉调整 */  [oai_citation:1‡Oryoy](https://www.oryoy.com/news/jie-mi-css-zi-fu-kuan-du-kong-zhi-ji-qiao-qing-song-jia-yu-wen-ben-pai-ban-da-zao-wan-mei-shi-jue-xi.html?utm_source=chatgpt.com)
    /* 固定最小宽度占位 */
    min-width: 12ch; /* 12 个 “0” 宽度 */
    text-align: center;
    white-space: nowrap; /* 不换行 */
}
}


/* 大屏自动放大数字宽度 */
/* 大屏的时候更显眼 */
@media screen and (min-width: 1200px) {
@media screen and (min-width: 1200px) {
     #wiki-wordcount-number {
     #wiki-wordcount-number.stat-number {
         font-size: 5.8em;
         font-size: 6.8em;
         letter-spacing: 0.12em;
         letter-spacing: 0.12em;
     }
     }
}
}