MediaWiki:MenuSidebar.css:修订间差异
跳转到导航
跳转到搜索
(搬运PRTS样式) |
(覆盖原本样式背景设置) |
||
(未显示同一用户的50个中间版本) | |||
第1行: | 第1行: | ||
.skin-vector .mw-body{margin-left: | .skin-vector .mw-body { | ||
.skin-vector #mw-panel{padding-left:0 !important;width: | margin-left: 15.5em !important; | ||
.skin-vector #left-navigation,.skin-vector #content{margin-left: | padding: 1.25em 1.5em 1.5em 1.5em !important | ||
div#MenuSidebar{margin-bottom:5rem;position:absolute;top: | } | ||
div#MenuSidebar a.external{background:none;padding-right: | |||
div#MenuSidebar>:first-child{margin-top:0px;border-top:2px solid # | .skin-vector #mw-panel { | ||
div#MenuSidebar>:first-child>:first-child{box-shadow:none} | padding-left: 0 !important; | ||
div#MenuSidebar>ul{list-style:none none;width: | width: 15em !important | ||
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:# | |||
div#MenuSidebar>ul>li ul a,div#MenuSidebar>ul>li ul b{padding-right:18px} | .skin-vector .mw-footer, | ||
div#MenuSidebar>ul ul{list-style:none none;position:absolute;left:100%;width:100%;top:0px;margin:0px;z-index:1;background-color:#333; | .skin-vector #left-navigation, | ||
div#MenuSidebar ul li:first-child{box-shadow:none} | .skin-vector #content { | ||
div#MenuSidebar > p{padding:8px | margin-left: 15em | ||
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( | |||
div#MenuSidebar li b,div#MenuSidebar li a{padding:5px 0px;padding-left: | div#MenuSidebar { | ||
div#MenuSidebar a{transition:all 0.15s ease-in;color:# | margin-bottom: 5rem; | ||
div#MenuSidebar a:hover,div#MenuSidebar b:hover{color: | position: absolute; | ||
div#MenuSidebar b{cursor:default} | top: 300px; | ||
div#MenuSidebar li.child>a::after,div#MenuSidebar li.child>b::after{float:right;content:" | text-align: center !important; | ||
div#MenuSidebar a.selflink{font-weight:bold;color:#f4c430;cursor:default} | width: 100%; | ||
div#MenuSidebar a.selflink:hover{background-color:inherit;color:#f4c430} | background: url("https://heishenhua.wiki/w/images/sidebar_bg.png") no-repeat !important; | ||
div#MenuSidebar>ul>li:last-child>a,div#MenuSidebar>ul>li:last-child>b{border-bottom-right-radius:5px} | background-size: 100% 100% !important; | ||
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 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; | |||
} |
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;
}