跳转到内容

MediaWiki:MenuSidebar.css

来自偶像大师中文维基
ZheiZhei留言 | 贡献2025年9月1日 (一) 08:27的版本 (创建页面,内容为“.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 { mar…”)
(差异) ←上一版本 | 最后版本 (差异) | 下一版本→ (差异)

注意:在发布之后,您可能需要清除浏览器缓存才能看到所作出的更改的影响。

  • Firefox或Safari:按住Shift的同时单击刷新,或按Ctrl-F5Ctrl-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;
}