MediaWiki:Minerva.css

我是门球​(留言 | 贡献)2026年2月20日 (五) 12:56的版本 (创建页面,内容为“→这里放置的CSS将应用于MinervaNeue皮肤:​ →=== 强制 Minerva 皮肤显示图片 Logo ===:​ →1. 定位到顶部的品牌区域:​ .branding-box { →确保容器有足够的高度容纳图片:​ min-height: 130px; display: flex; align-items: center; } →2. 隐藏默认的文字 "门球百科":​ .branding-box > a > span { display: none !important; } →3. 将链接标签本身变成图片容器:​ .branding-box > a {…”)
(差异) ←上一版本 | 最后版本 (差异) | 下一版本→ (差异)

注意:在发布之后,您可能需要清除浏览器缓存才能看到所作出的更改的影响。

  • Firefox或Safari:按住Shift的同时单击刷新,或按Ctrl-F5或Ctrl-R(Mac为⌘-R)
  • Google Chrome:按Ctrl-Shift-R(Mac为⌘-Shift-R)
  • Edge:按住Ctrl的同时单击刷新,或按Ctrl-F5。
/* 这里放置的CSS将应用于MinervaNeue皮肤 */
/* === 强制 Minerva 皮肤显示图片 Logo === */

/* 1. 定位到顶部的品牌区域 */
.branding-box {
    /* 确保容器有足够的高度容纳图片 */
    min-height: 130px; 
    display: flex;
    align-items: center;
}

/* 2. 隐藏默认的文字 "门球百科" */
.branding-box > a > span {
    display: none !important;
}

/* 3. 将链接标签本身变成图片容器 */
.branding-box > a {
    /* 替换为您自己的 Logo 图片 URL */
    background-image: url('http://baike.menqiu.cn/resources/assets/menqiu-wiki.png');
    
    background-repeat: no-repeat;
    background-position: left center;
    background-size: contain; /* 自动缩放以适应高度 */
    
    /* 根据您图片的实际比例调整宽高 */
    /* 如果图片是长方形的,可以适当增加 width */
    width: 130px; 
    height: 130px;
    
    display: inline-block;
    /* 隐藏链接可能自带的下划线或文字缩进 */
    text-indent: -9999px;
    overflow: hidden;
    white-space: nowrap;
    
    /* 移除默认的内边距,让图片紧贴边缘 */
    padding: 0;
    margin: 0;
}

/* 4. (可选) 针对大屏手机/平板的微调 */
@media (min-width: 768px) {
    .branding-box > a {
        width: 150px; /* 大屏幕稍微大一点 */
        height: 150px;
    }
}