MediaWiki:MenuSidebar.css:修订间差异
跳转到导航
跳转到搜索
(CSS调整) 标签:已被回退 |
(覆盖原本样式背景设置) |
||
(未显示同一用户的52个中间版本) | |||
第1行: | 第1行: | ||
.skin-vector .mw-body { | .skin-vector .mw-body { | ||
margin-left: | margin-left: 15.5em !important; | ||
padding: 1.25em 1.5em 1.5em 1.5em !important | padding: 1.25em 1.5em 1.5em 1.5em !important | ||
} | } | ||
.skin-vector #mw-panel { | .skin-vector #mw-panel { | ||
padding-left: 0 !important; | padding-left: 0 !important; | ||
width: | width: 15em !important | ||
} | } | ||
.skin-vector #left-navigation,.skin-vector #content{margin-left: | |||
div#MenuSidebar{ | .skin-vector .mw-footer, | ||
.skin-vector #left-navigation, | |||
.skin-vector #content { | |||
margin-left: 15em | |||
} | |||
div#MenuSidebar { | |||
margin-bottom: 5rem; | margin-bottom: 5rem; | ||
position: absolute; | position: absolute; | ||
top: | top: 300px; | ||
text-align: center !important; | |||
width: 100%; | width: 100%; | ||
background: url("https://heishenhua.wiki/w/images/sidebar_bg.png") no-repeat !important; | |||
background-size: 100% 100% !important; | |||
} | } | ||
div#MenuSidebar a.external{ | div#MenuSidebar a.external { | ||
background:none; | background: none; | ||
padding-right: | padding-right: 18px; | ||
padding-left: 18px; | |||
} | } | ||
div#MenuSidebar>:first-child { | div#MenuSidebar>:first-child { | ||
margin-top:0px; | margin-top: 0px; | ||
border-top:2px solid # | border-top: 2px solid #000000 | ||
} | } | ||
div#MenuSidebar>:first-child>:first-child { | div#MenuSidebar>:first-child>:first-child { | ||
box-shadow:none | box-shadow: none | ||
} | } | ||
div#MenuSidebar>ul{list-style:none none;width: | div#MenuSidebar>ul { | ||
list-style: none none; | |||
width: 65%; | |||
margin: 0px auto; | |||
border-top: 2px solid #000000; | |||
border-bottom-right-radius: 5px | |||
} | |||
div#MenuSidebar ul { | div#MenuSidebar ul { | ||
position:relative; | position: relative; | ||
font-size:0.9rem | font-size: 0.9rem | ||
} | } | ||
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:# | 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: #000000; | |||
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 { | div#MenuSidebar>ul ul { | ||
第46行: | 第78行: | ||
top: 0px; | top: 0px; | ||
margin: 0px; | margin: 0px; | ||
z-index:1; | z-index: 1; | ||
background-color: #333; | background-color: #333; | ||
} | } | ||
div#MenuSidebar ul li:first-child { | div#MenuSidebar ul li:first-child { | ||
box-shadow: none | box-shadow: none | ||
} | } | ||
div#MenuSidebar > p { | |||
padding: 8px | div#MenuSidebar>p { | ||
background: url(https://heishenhua.wiki/w/images/sidebar_title.png) no-repeat center center; | |||
background-size: 100% 100%; | |||
padding: 15px 10px 8px; | |||
margin: 0px; | margin: 0px; | ||
cursor: default; | cursor: default; | ||
color: # | color: #dfdad3; | ||
font-weight: bold; | font-weight: bold; | ||
margin-top: 8px; | margin-top: 8px; | ||
text-align: center; | |||
height: 70px; | |||
display: flex; | |||
justify-content: center; | |||
align-items: center; | |||
} | } | ||
div#MenuSidebar>ul li:hover>ul{ | |||
div#MenuSidebar>ul li:hover>ul { | |||
display: block; | display: block; | ||
opacity: 1; | opacity: 1; | ||
pointer-events: auto; | pointer-events: auto; | ||
visibility: visible | visibility: visible | ||
} | } | ||
第75行: | 第112行: | ||
position: relative; | position: relative; | ||
margin: 0px; | margin: 0px; | ||
box-shadow: inset 0 1px rgba( | box-shadow: inset 0 1px rgba(0, 0, 0, 1); | ||
transition: 0.15s all ease-in; | transition: 0.15s all ease-in; | ||
z-index: 1; | z-index: 1; | ||
background: url(https://heishenhua.wiki/w/images/sidebar_li.png) no-repeat center center; | |||
background-size: 100% 100%; | |||
} | } | ||
div#MenuSidebar li b, div#MenuSidebar li a { | div#MenuSidebar li b, | ||
div#MenuSidebar li a { | |||
padding-left: | padding: 5px 0px; | ||
padding-left: 0px; | |||
display: block; | display: block; | ||
width: auto; | width: auto; | ||
height: 100%; | height: 100%; | ||
font-weight: normal | font-weight: normal | ||
} | } | ||
div#MenuSidebar a{ | div#MenuSidebar a { | ||
transition:all 0.15s ease-in; | transition: all 0.15s ease-in; | ||
color:# | color: #dfdad3 | ||
} | } | ||
div#MenuSidebar a:hover,div#MenuSidebar b:hover{ | |||
color: | div#MenuSidebar a:hover, | ||
background- | div#MenuSidebar b:hover { | ||
color: white; | |||
text-decoration: none !important; | |||
background: url('https://heishenhua.wiki/w/images/sidebar_li_h.png') no-repeat center center; | |||
background-size: 100% 100%; | |||
} | } | ||
div#MenuSidebar b{ | |||
cursor:default | div#MenuSidebar b { | ||
cursor: default | |||
} | } | ||
div#MenuSidebar li.child>a::after,div#MenuSidebar li.child>b::after{ | div#MenuSidebar li.child>a::after,div#MenuSidebar li.child>b::after{ | ||
float:right; | float:right; | ||
第112行: | 第154行: | ||
transform: translate(-0.2em, 0.2em); | transform: translate(-0.2em, 0.2em); | ||
} | } | ||
div#MenuSidebar a.selflink{ | |||
div#MenuSidebar a.selflink { | |||
font-weight: bold; | font-weight: bold; | ||
color: #f4c430; | color: #f4c430; | ||
cursor: default | cursor: default | ||
} | } | ||
div#MenuSidebar a.selflink:hover{ | div#MenuSidebar a.selflink:hover { | ||
background-color:inherit; | background-color: inherit; | ||
color:#f4c430 | color: #f4c430 | ||
} | } | ||
div#MenuSidebar>ul>li:last-child>a,div#MenuSidebar>ul>li:last-child>b { | div#MenuSidebar>ul>li:last-child>a, | ||
border-bottom-right-radius: 5px | div#MenuSidebar>ul>li:last-child>b { | ||
border-bottom-right-radius: 5px | |||
} | } | ||
div#MenuSidebar a.selflink::before { | div#MenuSidebar a.selflink::before { | ||
content:""; | content: ""; | ||
display:block; | display: block; | ||
position:absolute; | position: absolute; | ||
left:0px; | left: 0px; | ||
top:50%; | top: 50%; | ||
transform:translateY(-50%); | transform: translateY(-50%); | ||
border-top:6px solid transparent; | border-top: 6px solid transparent; | ||
border-bottom:6px solid transparent; | border-bottom: 6px solid transparent; | ||
border-left:6px solid #f4c430; | border-left: 6px solid #f4c430 | ||
} | |||
/* #MenuSidebar .copyUrl::after { | |||
content: "\f0c1"; | |||
font-family: 'Font Awesome 5 Free'; | |||
font-weight: 900; | |||
-webkit-font-smoothing: antialiased; | |||
display: inline-block; | |||
font-style: normal; | |||
font-variant: normal; | |||
text-rendering: auto; | |||
line-height: 1; | |||
font-size: 70%; | |||
margin-left: .4em; | |||
color: var(--production); | |||
pointer-events: auto; | |||
cursor: pointer | |||
} */ | |||
div#MenuSidebar span { | |||
text-align: center !important; | |||
} | |||
div#MenuSidebar p#vmsTB { | |||
display: none !important; | |||
} | |||
div#MenuSidebar ul#MSToolbox { | |||
display: none !important; | |||
} | } |
2024年8月18日 (日) 13:19的最新版本
.skin-vector .mw-body {
margin-left: 15.5em !important;
padding: 1.25em 1.5em 1.5em 1.5em !important
}
.skin-vector #mw-panel {
padding-left: 0 !important;
width: 15em !important
}
.skin-vector .mw-footer,
.skin-vector #left-navigation,
.skin-vector #content {
margin-left: 15em
}
div#MenuSidebar {
margin-bottom: 5rem;
position: absolute;
top: 300px;
text-align: center !important;
width: 100%;
background: url("https://heishenhua.wiki/w/images/sidebar_bg.png") no-repeat !important;
background-size: 100% 100% !important;
}
div#MenuSidebar a.external {
background: none;
padding-right: 18px;
padding-left: 18px;
}
div#MenuSidebar>:first-child {
margin-top: 0px;
border-top: 2px solid #000000
}
div#MenuSidebar>:first-child>:first-child {
box-shadow: none
}
div#MenuSidebar>ul {
list-style: none none;
width: 65%;
margin: 0px auto;
border-top: 2px solid #000000;
border-bottom-right-radius: 5px
}
div#MenuSidebar ul {
position: relative;
font-size: 0.9rem
}
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: #000000;
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: #333;
}
div#MenuSidebar ul li:first-child {
box-shadow: none
}
div#MenuSidebar>p {
background: url(https://heishenhua.wiki/w/images/sidebar_title.png) no-repeat center center;
background-size: 100% 100%;
padding: 15px 10px 8px;
margin: 0px;
cursor: default;
color: #dfdad3;
font-weight: bold;
margin-top: 8px;
text-align: center;
height: 70px;
display: flex;
justify-content: center;
align-items: center;
}
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(0, 0, 0, 1);
transition: 0.15s all ease-in;
z-index: 1;
background: url(https://heishenhua.wiki/w/images/sidebar_li.png) no-repeat center center;
background-size: 100% 100%;
}
div#MenuSidebar li b,
div#MenuSidebar li a {
padding: 5px 0px;
padding-left: 0px;
display: block;
width: auto;
height: 100%;
font-weight: normal
}
div#MenuSidebar a {
transition: all 0.15s ease-in;
color: #dfdad3
}
div#MenuSidebar a:hover,
div#MenuSidebar b:hover {
color: white;
text-decoration: none !important;
background: url('https://heishenhua.wiki/w/images/sidebar_li_h.png') no-repeat center center;
background-size: 100% 100%;
}
div#MenuSidebar b {
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 #EAEAEA;
border-bottom: 0.35em solid transparent;
transform: translate(-0.2em, 0.2em);
}
div#MenuSidebar a.selflink {
font-weight: bold;
color: #f4c430;
cursor: default
}
div#MenuSidebar a.selflink:hover {
background-color: inherit;
color: #f4c430
}
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 #f4c430
}
/* #MenuSidebar .copyUrl::after {
content: "\f0c1";
font-family: 'Font Awesome 5 Free';
font-weight: 900;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
font-size: 70%;
margin-left: .4em;
color: var(--production);
pointer-events: auto;
cursor: pointer
} */
div#MenuSidebar span {
text-align: center !important;
}
div#MenuSidebar p#vmsTB {
display: none !important;
}
div#MenuSidebar ul#MSToolbox {
display: none !important;
}