自定义WIKI导航栏

来自bilibili游戏中心 - WIKI
跳到导航 跳到搜索
页面贡献者 :
顾小满real
Creepiz

前言

  • 如下代码需要置入您的WIKI中mediawiki:common.css页面才能生效。
  • 第一次更改mediawiki:common.css需要稍微等待才能生效。

代码

  • 以下所有样式如果不生效,可在样式后面加!important强行覆盖例如:
/* 一级导航背景色*/
.menu-wrap .wiki-menu-li-1 {
    background:red!important
}
  • 以下是所有代码
/* 一级导航背景色*/
.menu-wrap .wiki-menu-li-1 {
    background:red;
} 

/* 二级导航背景色 */
.menu-wrap .wiki-menu-ul-2{
    background:red;
}
/* 二级导航子项背景色 */
.menu-wrap .wiki-menu-ul-2 .wiki-menu-li-2{
    background:red;
}

/* 二级滚动条 */
.menu-wrap .wiki-menu-ul-2::-webkit-scrollbar{
    width: 8px;
    border-radius: 4px;
}
.menu-wrap .wiki-menu-ul-2::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
        border-radius: 5px;
        background: #4D4D4D;
      }
.menu-wrap .wiki-menu-ul-2::-webkit-scrollbar-track {
    /*滚动条里面轨道*/
        border-radius: 0;
        background: blue;
 }

/* 三级导航背景色 */
.wiki-hoverbox{
    background: transparent;
}
/* 三级导航子项背景色 */
.wiki-hoverbox .wiki-menu-li-3{
    background:red
}

/* 三级导航滚动条 */
.wiki-hoverbox .wiki-hoverbox-inner::-webkit-scrollbar {
    width: 8px;
    border-radius: 4px
}

.wiki-hoverbox .wiki-hoverbox-inner::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: #4d4d4d
}

.wiki-hoverbox .wiki-hoverbox-inner::-webkit-scrollbar-track {
    border-radius: 0;
    background: #000
}