MediaWiki:Common.css
注意:在发布之后,您可能需要清除浏览器缓存才能看到所作出的更改的影响。
- Firefox或Safari:按住Shift的同时单击刷新,或按Ctrl-F5或Ctrl-R(Mac为⌘-R)
- Google Chrome:按Ctrl-Shift-R(Mac为⌘-Shift-R)
- Edge:按住Ctrl的同时单击刷新,或按Ctrl-F5。
/* 这里开始设置全站背景 */
body {
background-image: url("https://wiki.lingzuian.top/images/thumb/e/ed/Server_Banner.jpg/1350px-Server_Banner.jpg");
background-size: cover;
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
}
/* 让主内容区域变成半透明白色,这样背景能透出来一点点,又不影响看字 */
#content {
background-color: rgba(255, 255, 255, 0.92);
}
/* 让左侧导航栏也变成半透明 */
#mw-panel {
background-color: rgba(255, 255, 255, 0.85);
}
/* 让顶部标题栏也半透明 */
#mw-head {
background-color: rgba(255, 255, 255, 0.85);
}
/* === Network 扩展网络图美化(调试版) === */
/* 1. 尝试多个可能的外层容器选择器 */
.network-graph,
.ext-network-container,
.network-container,
.network {
background-color: #f8f9fa !important;
border: 1px solid #a2a9b1 !important;
border-radius: 12px !important;
box-shadow: 0 4px 12px rgba(0,0,0,0.05) !important;
padding: 20px !important;
min-height: 500px !important;
overflow: hidden !important;
}
/* 2. 针对SVG内部元素的美化 - 更通用的选择器 */
.network-graph svg .node circle,
.ext-network svg .node circle,
.network svg .node circle {
fill: #3366cc !important;
stroke: #fff !important;
stroke-width: 2px !important;
transition: all 0.2s ease-in-out !important;
}
.network-graph svg .node:hover circle,
.ext-network svg .node:hover circle,
.network svg .node:hover circle {
fill: #ff9900 !important;
stroke-width: 3px !important;
}
.network-graph svg .link,
.ext-network svg .link,
.network svg .link {
stroke: #c8ccd1 !important;
stroke-opacity: 0.6 !important;
stroke-width: 1.5px !important;
}
.network-graph svg .node text,
.ext-network svg .node text,
.network svg .node text {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
font-size: 13px !important;
fill: #222 !important;
pointer-events: none !important;
text-shadow: 0 1px 2px rgba(255,255,255,0.8) !important;
}