MediaWiki:Common.css
跳转到导航
跳转到搜索
注意:在发布之后,您可能需要清除浏览器缓存才能看到所作出的变更的影响。
- Firefox或Safari:按住Shift的同时单击刷新,或按Ctrl-F5或Ctrl-R(Mac为⌘-R)
- Google Chrome:按Ctrl-Shift-R(Mac为⌘-Shift-R)
- Internet Explorer或Edge:按住Ctrl的同时单击刷新,或按Ctrl-F5
- Opera:按 Ctrl-F5。
/* 侧边栏容器美化 - 适配vector皮肤 */
#mw-panel {
background: linear-gradient(180deg, #f8f9fa 0%, #e9ecef 100%);
border-right: 1px solid #dee2e6;
box-shadow: 2px 0 5px rgba(0,0,0,0.05);
transition: all 0.3s ease;
}
/* 一级菜单样式(带图标) */
#mw-panel .portal {
margin-bottom: 0.5em;
border-bottom: 1px solid #e9ecef;
padding-bottom: 0.5em;
}
#mw-panel .portal h5 {
background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="%23495057" stroke-width="2"><path d="M4 6h16M4 12h16M4 18h16"/></svg>') no-repeat left center;
padding-left: 24px;
cursor: pointer;
user-select: none;
transition: color 0.2s;
}
#mw-panel .portal h5:hover {
color: #0d6efd;
}
/* 二级菜单项悬停动效 */
#mw-panel .portal .body ul li {
padding: 4px 0 4px 24px;
transition: all 0.2s ease;
border-radius: 4px;
margin: 2px 8px;
}
#mw-panel .portal .body ul li a {
display: block;
color: #495057;
transition: all 0.2s ease;
}
#mw-panel .portal .body ul li:hover {
background: #dee2e6;
transform: translateX(4px);
}
#mw-panel .portal .body ul li:hover a {
color: #0d6efd;
font-weight: 500;
}