MediaWiki:Vector.css:修订间差异

来自无人智胜
跳转到导航 跳转到搜索
Root留言 | 贡献
创建页面,内容为“强制左侧导航侧边栏始终展开:​ 禁用侧边栏的折叠功能:​ .vector-sidebar-container { display: flex !important; } 确保主内容区域的布局与展开的侧边栏适配:​ .vector-body { display: flex !important; } 覆盖移动端/窄屏的媒体查询,强制显示侧边栏:​ @media (max-width: 999px) { .vector-header .vector-sidebar-above-page-container { display: flex !important; width: auto !…”
 
Root留言 | 贡献
无编辑摘要
 
(未显示同一用户的6个中间版本)
第1行: 第1行:
/* 强制左侧导航侧边栏始终展开 */
/* 为当前选中的导航标签设置特定文字颜色 */
/* 禁用侧边栏的折叠功能 */
div.vectorTabs li.selected a,
.vector-sidebar-container {
div.vectorTabs li.selected a span,
     display: flex !important;
div.vectorTabs li.selected a:visited div.vectorTabs li {
     color: #CC2200; /* 示例中的红色 */
}
}
 
/* 调整左侧导航面板中门户div的body部分背景图片 */
/* 确保主内容区域的布局与展开的侧边栏适配 */
#mw-panel div.portal div.body {
.vector-body {
     background-image: url("http://example.com/test.png");
     display: flex !important;
}
}
 
/* 调整左侧导航面板中门户标题h5的颜色 */
/* 覆盖移动端/窄屏的媒体查询,强制显示侧边栏 */
#mw-panel div.portal h5 {
@media (max-width: 999px) {
     color: #D49E43; /* 示例中的金色 */
    .vector-header .vector-sidebar-above-page-container {
}
        display: flex !important;
/* 调整侧边栏链接的悬停颜色 */
        width: auto !important;
#mw-panel div.portal div.body ul li a:hover {
        margin-right: 1em;
    color: #AF833B;
    }
     .vector-sidebar-container {
        max-width: none !important;
        width: auto !important;
    }
    .vector-sidebar-main {
        display: block !important;
        width: auto !important;
    }
    /* 隐藏默认的汉堡菜单按钮 */
    .vector-sidebar-menu-button {
        display: none !important;
    }
}
}

2025年9月25日 (四) 23:54的最新版本

/* 为当前选中的导航标签设置特定文字颜色 */
div.vectorTabs li.selected a,
div.vectorTabs li.selected a span,
div.vectorTabs li.selected a:visited div.vectorTabs li {
    color: #CC2200; /* 示例中的红色 */
}
/* 调整左侧导航面板中门户div的body部分背景图片 */
#mw-panel div.portal div.body {
    background-image: url("http://example.com/test.png");
}
/* 调整左侧导航面板中门户标题h5的颜色 */
#mw-panel div.portal h5 {
    color: #D49E43; /* 示例中的金色 */
}
/* 调整侧边栏链接的悬停颜色 */
#mw-panel div.portal div.body ul li a:hover {
    color: #AF833B;
}