MediaWiki:Common.css:修订间差异
跳转到导航
跳转到搜索
无编辑摘要 |
无编辑摘要 |
||
| 第1行: | 第1行: | ||
/* - | /* 侧边栏容器美化 - 适配vector皮肤 */ | ||
#mw-panel { | #mw-panel { | ||
background: linear-gradient(180deg, #f8f9fa 0%, #e9ecef 100%); | background: linear-gradient(180deg, #f8f9fa 0%, #e9ecef 100%); | ||
border-right: 1px solid #dee2e6; | border-right: 1px solid #dee2e6; | ||
box-shadow: 2px 0 5px rgba(0,0,0,0.05); | box-shadow: 2px 0 5px rgba(0,0,0,0.05); | ||
transition: all 0.3s ease; | |||
} | } | ||
/* | /* 一级菜单样式(带图标) */ | ||
# | #mw-panel .portal { | ||
margin- | margin-bottom: 0.5em; | ||
border-bottom: 1px solid #e9ecef; | |||
padding-bottom: 0.5em; | |||
} | } | ||
#mw-panel .portal h5 { | |||
#mw-panel .portal | 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 { | |||
#mw-panel .portal | color: #0d6efd; | ||
} | } | ||
#mw-panel .portal li { | /* 二级菜单项悬停动效 */ | ||
#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 { | |||
#mw-panel .portal li a { | |||
display: block; | display: block; | ||
color: #495057; | color: #495057; | ||
transition: all 0.2s ease; | |||
transition: all 0.2s ease | |||
} | } | ||
#mw-panel .portal li | #mw-panel .portal .body ul li:hover { | ||
background: # | background: #dee2e6; | ||
transform: translateX(4px); | transform: translateX(4px); | ||
} | } | ||
#mw-panel .portal | #mw-panel .portal .body ul li:hover a { | ||
color: #0d6efd; | |||
color: # | |||
font-weight: 500; | font-weight: 500; | ||
} | } | ||
2026年7月8日 (三) 00:34的版本
/* 侧边栏容器美化 - 适配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;
}