用户:Mikumikuer/Vector.css
跳转到导航
跳转到搜索
注意：在保存之后，您可能需要清除浏览器缓存才能看到所作出的变更的影响。
- Firefox或Safari：按住Shift的同时单击刷新，或按Ctrl-F5或Ctrl-R（Mac为⌘-R）
- Google Chrome：按Ctrl-Shift-R（Mac为⌘-Shift-R）
- Internet Explorer：按住Ctrl的同时单击刷新，或按Ctrl-F5
- Opera：前往菜单 → 历史（Mac为Opera → Preferences），或按Ctrl-Shift-Del，然后清除浏览数据 → 勾选“已缓存的图片和文件” → 清除数据。
/* 侧栏demo */
div#MenuSidebar {
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.16), 0 2px 4px rgba(0, 0, 0, 0.23);
background-color: hsla(0, 0%, 100%, 0.6);
border-radius: 0 4px 4px 0;
}
div#MenuSidebar>ul,
div#MenuSidebar>p {
box-shadow: none;
border-radius: 0 !important;
background-color: unset;
margin: 0;
}
div#MenuSidebar>p {
font-weight: normal;
padding: 8px 10px 3px 10px;
}
div#MenuSidebar>ul>li {
box-shadow: none;
}
div#MenuSidebar>p::after {
height:4px;
display: block;
width:100%;
position:absolute;
bottom:-8px;
left:5px;
border-radius: 25px;
content:"";
background-image:linear-gradient(90deg, #22AAFF ,transparent 95%);
}
div#MenuSidebar>p {
color:#22AAFF;
position:relative;
padding-left:15px !important;
margin-top:0px !important;
margin-bottom:8px !important;
border:0px !important;
}
div#MenuSidebar>ul>li>a, div#MenuSidebar>ul>li>b {
padding:2px 0px;
padding-left: 8px;
margin-top:5px;
margin-left:10px;
margin-right:0px;
border-radius:5px 0 0 5px;
transition:0.3s all ease;
color:#555;
}
div#MenuSidebar>ul>li>a:HOVER, div#MenuSidebar>ul>li>b:HOVER {
background-color:rgba(34, 170, 255, 0.2);
color:black;
}
div#MenuSidebar>ul>li>a.selflink{
background-color:rgba(34, 170, 255, 0.2) !important;
color:black !important;
}
div#MenuSidebar>ul{
padding-top:2px;padding-bottom:2px;
}
div#MenuSidebar{
background:none !important;
box-shadow:none !important;
width:10.5rem !important;
}
div#MenuSidebar>ul>li.child>a::after,div#MenuSidebar>ul>li.child>b::after{
margin-right: 10px !important;
color:inherit !important;
padding-top:1% !important;
}
div#MenuSidebar>ul>li>ul{
top:-4px;
}