MediaWiki:MenuSidebar.css:修订间差异
跳转到导航
跳转到搜索
(修改样式) |
(覆盖原本样式背景设置) |
||
(未显示同一用户的49个中间版本) | |||
第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 | ||
} | } | ||
第6行: | 第6行: | ||
.skin-vector #mw-panel { | .skin-vector #mw-panel { | ||
padding-left: 0 !important; | padding-left: 0 !important; | ||
width: | width: 15em !important | ||
} | } | ||
.skin-vector .mw-footer, | |||
.skin-vector #left-navigation, | .skin-vector #left-navigation, | ||
.skin-vector #content { | .skin-vector #content { | ||
margin-left: | margin-left: 15em | ||
} | } | ||
第17行: | 第18行: | ||
margin-bottom: 5rem; | margin-bottom: 5rem; | ||
position: absolute; | position: absolute; | ||
top: | top: 300px; | ||
width: 100% | 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 { | div#MenuSidebar a.external { | ||
background: none; | background: none; | ||
padding-right: | padding-right: 18px; | ||
padding-left: 18px; | |||
} | } | ||
第37行: | 第42行: | ||
div#MenuSidebar>ul { | div#MenuSidebar>ul { | ||
list-style: none none; | list-style: none none; | ||
width: | width: 65%; | ||
margin: 0px; | margin: 0px auto; | ||
border-top: 2px solid #000000; | border-top: 2px solid #000000; | ||
border-bottom-right-radius: 5px | border-bottom-right-radius: 5px | ||
第63行: | 第68行: | ||
div#MenuSidebar>ul>li ul a, | div#MenuSidebar>ul>li ul a, | ||
div#MenuSidebar>ul>li ul b { | div#MenuSidebar>ul>li ul b { | ||
padding-right: 18px | padding-right: 18px; | ||
} | } | ||
第75行: | 第80行: | ||
z-index: 1; | z-index: 1; | ||
background-color: #333; | background-color: #333; | ||
} | } | ||
第83行: | 第87行: | ||
div#MenuSidebar>p { | div#MenuSidebar>p { | ||
padding: 8px | 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; | |||
} | } | ||
第102行: | 第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 b, | ||
div#MenuSidebar li a { | div#MenuSidebar li a { | ||
padding: 5px 0px; | |||
padding-left: | padding-left: 0px; | ||
display: block; | display: block; | ||
width: auto; | width: auto; | ||
第119行: | 第131行: | ||
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 a:hover, | ||
div#MenuSidebar b:hover { | div#MenuSidebar b:hover { | ||
color: | color: white; | ||
background- | text-decoration: none !important; | ||
background: url('https://heishenhua.wiki/w/images/sidebar_li_h.png') no-repeat center center; | |||
background-size: 100% 100%; | |||
} | } | ||
第133行: | 第146行: | ||
} | } | ||
div#MenuSidebar li.child>a::after, | div#MenuSidebar li.child>a::after,div#MenuSidebar li.child>b::after{ | ||
div#MenuSidebar li.child>b::after { | float:right; | ||
float: right; | content: " "; | ||
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); | |||
} | } | ||
第160行: | 第163行: | ||
div#MenuSidebar a.selflink:hover { | div#MenuSidebar a.selflink:hover { | ||
background-color: inherit; | background-color: inherit; | ||
color: #f4c430 | color: #f4c430 | ||
} | } | ||
第181行: | 第183行: | ||
} | } | ||
#MenuSidebar .copyUrl::after { | /* #MenuSidebar .copyUrl::after { | ||
content: "\f0c1"; | content: "\f0c1"; | ||
font-family: 'Font Awesome 5 Free'; | font-family: 'Font Awesome 5 Free'; | ||
第196行: | 第198行: | ||
pointer-events: auto; | pointer-events: auto; | ||
cursor: pointer | 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;
}