MediaWiki:MenuSidebar.css
外观
注意:在发布之后,您可能需要清除浏览器缓存才能看到所作出的更改的影响。
- Firefox或Safari:按住Shift的同时单击刷新,或按Ctrl-F5或Ctrl-R(Mac为⌘-R)
- Google Chrome:按Ctrl-Shift-R(Mac为⌘-Shift-R)
- Edge:按住Ctrl的同时单击刷新,或按Ctrl-F5。
.skin-vector .mw-body {
margin-left: 11em !important;
padding: 1.25em 1.5em 1.5em 1.5em !important;
}
.skin-vector #mw-panel {
padding-left: 0 !important;
width: 10.5em !important;
}
.skin-vector #left-navigation,.skin-vector #content {
margin-left: 11em;
}
div#MenuSidebar {
margin-bottom: 5rem;
position: absolute;
top: 200px;
width: 100%;
}
div#MenuSidebar a.external {
background: none;
padding-right: auto;
}
div#MenuSidebar>:first-child {
margin-top: 0px;
border-top: 2px solid #FF74B7;
}
div#MenuSidebar>:first-child>:first-child {
box-shadow: none;
}
div#MenuSidebar>ul {
list-style: none none;
width: 100%;
margin: 0px;
background-color: rgba(255, 237, 230,0.6);
border-top: 2px solid #FF74B7;
border-bottom-right-radius: 5px;
}
div#MenuSidebar ul {
position: relative;
font-size: 0.9rem;
box-shadow: -1px 1px 5px 0px rgba(0,0,0,0.1);
}
div#MenuSidebar>ul>li ul {
display: block;
opacity: 0;
pointer-events: none;
visibility: hidden;
transition: 0.2s all ease-in-out;
z-index: 1;
background-color: #FFEDE6;
width: unset !important;
white-space: nowrap;
}
div#MenuSidebar>ul>li ul a,div#MenuSidebar>ul>li ul b {
padding-right: 18px;
}
div#MenuSidebar>ul ul {
list-style: none none;
position: absolute;
left: 100%;
width: 100%;
top: 0px;
margin: 0px;
z-index: 1;
background-color: #FFEDE6;
box-shadow: -1px 1px 5px 0px rgba(0,0,0,0.1),-1px -1px 5px 0px rgba(0,0,0,0.1);
}
div#MenuSidebar ul li:first-child {
box-shadow: none;
}
div#MenuSidebar > p {
padding: 8px 10px;
margin: 0px;
cursor: default;
color: #FF74B7;
font-weight: bold;
margin-top: 8px;
background-color: rgba(255, 237, 230,0.6);
box-shadow: -1px 1px 5px 0px rgba(0,0,0,0.1);
}
div#MenuSidebar>ul li:hover>ul {
display: block;
opacity: 1;
pointer-events: auto;
visibility: visible;
}
div#MenuSidebar li {
position: relative;
margin: 0px;
box-shadow: inset 0 1px rgba(255,116,184,0.5);
transition: 0.15s all ease-in;
z-index: 1;
}
div#MenuSidebar li b,div#MenuSidebar li a {
padding: 5px 0px;
padding-left: 18px;
display: block;
width: auto;
height: 100%;
font-weight: normal;
}
div#MenuSidebar a {
transition: all 0.15s ease-in;
color: #FF74B7;
}
div#MenuSidebar a:hover,div#MenuSidebar b:hover {
color: #FFF;
background-color: #FF74B7;
text-decoration: none !important;
}
div#MenuSidebar b {
color: #FF74B7;
cursor: default;
}
div#MenuSidebar li.child>a::after,div#MenuSidebar li.child>b::after {
float:right;
content: " ";
border-top: 0.35em solid transparent;
border-left: 0.45em solid #FF74B7;
border-bottom: 0.35em solid transparent;
margin-top: 4%;
padding-right: 5px;
}
div#MenuSidebar a.selflink {
font-weight: bold;
color: #FF74B7;
cursor: default;
}
div#MenuSidebar a.selflink:hover {
background-color: inherit;
color: #FF74B7;
}
div#MenuSidebar>ul>li:last-child>a,div#MenuSidebar>ul>li:last-child>b {
border-bottom-right-radius: 5px;
}
div#MenuSidebar a.selflink::before {
content: "";
display: block;
position: absolute;
left: 0px;
top: 50%;
transform: translateY(-50%);
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
border-left: 6px solid #FF74B7;
}