MediaWiki:Common.css
注意:在发布之后,您可能需要清除浏览器缓存才能看到所作出的变更的影响。
- Firefox或Safari:按住Shift的同时单击刷新,或按Ctrl-F5或Ctrl-R(Mac为⌘-R)
- Google Chrome:按Ctrl-Shift-R(Mac为⌘-Shift-R)
- Internet Explorer或Edge:按住Ctrl的同时单击刷新,或按Ctrl-F5
- Opera:按 Ctrl-F5。
/* 这里放置的CSS将应用于所有皮肤 */
/* 此处所有CSS将为使用Vector皮肤的用户加载 */
/* 设置全站背景图 */
html, body {
background: url("/images/3/3b/Preview.jpg") no-repeat center center fixed !important;
background-size: cover !important;
background-color: transparent !important;
}
/* 彻底移除所有默认白色背景 */
body,
#content,
#mw-content-text,
.mw-body,
.vector-body,
.skin-vector,
.skin-vector-body,
.skin-vector .mw-page-container,
.skin-vector .mw-content-container {
background: transparent !important;
backdrop-filter: none !important;
box-shadow: none !important;
border: none !important;
}
/* 修复 padding 或遮挡问题 */
#content {
padding: 10px !important;
}
/* 让表格背景透明 */
.wikitable,
.wikitable td,
.wikitable th,
table,
table td,
table th {
background-color: transparent !important;
border: none !important;
box-shadow: none !important;
}
/* 移除表格的边框线和间距 */
table {
border-collapse: collapse !important;
border-spacing: 0 !important;
}
/* 可选:移除每个格子的 padding(如需更紧凑) */
table td,
table th {
padding: 4px !important;
}
/* 默认隐藏左侧菜单栏 */
#mw-panel {
display: none !important;
}
/* 保留“[隐藏]”按钮但显示在合适位置 */
#mw-panel-toggle {
position: fixed;
top: 120px;
left: 10px;
z-index: 1000;
background-color: rgba(255, 255, 255, 0.2);
padding: 4px 8px;
border-radius: 6px;
cursor: pointer;
backdrop-filter: blur(3px);
}
/* 当用户点击“显示菜单”时恢复显示 */
body.mw-panel-open #mw-panel {
display: block !important;
}
/* ===== 顶部背景透明,适配登录+未登录用户 ===== */
#mw-page-base,
#mw-head-base,
#mw-header,
.vector-header-container,
.vector-sticky-header,
.vector-header-start,
.vector-header-end,
.vector-user-links {
background-color: transparent !important;
backdrop-filter: blur(8px);
box-shadow: none !important;
border: none !important;
}
/* Logo 背景透明 */
.vector-header-logo {
background: none !important;
}
/* 顶部 Tab 选项卡 背景透明 */
.vector-tab,
.vector-tab-selected {
background: rgba(255,255,255,0.05) !important;
backdrop-filter: blur(3px);
border-radius: 6px;
}