MediaWiki:Common.css：修订间差异

2026年6月16日 (二) 23:54的最新版本

body,html {
	width:100%;
	height:100%;
	padding:0;
	margin:0
}


/* WIKI背景图 */
body {
	background:url("https://i.postimg.cc/4Nqz8kRj/beijing2.jpg") no-repeat fixed 50% 0;
	background-size:cover;
	/* 图片未加载完成时页面显示纯黑，消除空白闪烁 */
	background-color:#000;
}
.wiki-header {
    background: transparent;
}
/* 导航菜单 */
.wiki-header .wiki-nav {
    border: 1px solid #d0d0d0;
    background: #fff;
}
.menu-wrap .wiki-menu-li-1 {
    border-bottom: 0px solid rgba(0,0,0,.16);
}

.wiki-header .wiki-nav .nav-search-box {
    border-bottom: 0px solid rgba(0, 0, 0, 0.16);
}
.mw-body {
    background-color: transparent !important;
}

/* 全局正文、侧边栏文字白色 */
.mw-body, .portal {
    color: #ffffff !important;
}
/* 所有超链接文字粉色 */
.mw-body a, .portal a {
    color: #ff88bb !important;
}
/* 鼠标悬浮链接加深粉色 */
.mw-body a:hover, .portal a:hover {
    color: #ff5599 !important;
}

/* 页面主大标题统一金色 */
h1.firstHeading {
    color: #ffcc00 !important;
}
/* 页面二级小标题 h2 */
.mw-content-ltr h2 {
    color: #ffcc00 !important;
}
/* 页面三级小标题 h3 */
.mw-content-ltr h3 {
    color: #ffcc00 !important;
}
/* 页面四级小标题 h4 */
.mw-content-ltr h4 {
    color: #ffcc00 !important;
}

/* 侧边栏整体基础 */
.portal {
    background: transparent !important;
}
/* 侧边栏带*一级大标题 h3：粉色、字号放大2倍 */
.portal h3 {
    color: #ff88bb !important;
    font-size: 1.5em !important;
    font-weight: bold;
    margin-top: 12px;
}
/* 侧边栏小目录文字：白色，放大字号 1.15倍，铺满整行 */
.portal li a {
    color: #ffffff !important;
    font-size: 1.2em;
    display: block !important;
    /* 文字向右缩进10px，恢复你原来的偏移 */
    padding: 8px 12px 8px 22px !important;
    margin: 0 -12px !important;
}
/* 鼠标悬浮小目录：金色底色 + 白色文字 */
.portal li a:hover {
    background-color: #ffcc00 !important;
    color: #ffffff !important;
}

/* 清除顶部渐变遮罩，彻底消失 */
#mw-page-base {
    background-image: none !important;
    background: transparent !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}
/* 导航外层容器同步透明 */
#mw-head-base {
    background: transparent !important;
    height: auto !important;
}
/* 导航菜单盒子透明 */
.wiki-header .wiki-nav {
    background: transparent !important;
}

/* 正文整体向下偏移，拉开导航与内容间距 */
#content {
    margin-top: 120px !important;
}
#siteNotice {
    padding-top: 40px !important;
    margin: 0 !important;
}

/* ========== 1. 右上角文字配色区分 ========== */
#mw-head a:not(.userpage-link):not(.talk-link) {
    color: #ffcc00 !important;
}
#mw-head a:not(.userpage-link):not(.talk-link):link,
#mw-head a:not(.userpage-link):not(.talk-link):visited,
#mw-head a:not(.userpage-link):not(.talk-link):hover {
    color: #ffcc00 !important;
}
#mw-head .userpage-link,
#mw-head .talk-link {
    color: #ffffff !important;
}
#mw-head .userpage-link:link,
#mw-head .userpage-link:visited,
#mw-head .userpage-link:hover,
#mw-head .talk-link:link,
#mw-head .talk-link:visited,
#mw-head .talk-link:hover {
    color: #ffffff !important;
}

/* ========== 2. 左侧首页/讨论 顶部操作按钮 样式（图一效果） ========== */
/* 容器基础：深灰黑底色 */
.vector-menu-tabs li a,
.vector-page-actions li a {
    background: #222222 !important;
    padding: 10px 16px !important;
    position: relative !important;
    border: none !important;
    color: #ffcc00 !important;
}
/* 顶部金色横条 */
.vector-menu-tabs li a::before,
.vector-page-actions li a::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 1px !important;
    background: #fff !important;
}
/* 悬浮金色下划线 */
.vector-menu-tabs li a:hover,
.vector-page-actions li a:hover {
    text-decoration: none !important;
}
.vector-menu-tabs li a::after,
.vector-page-actions li a::after {
    content: "" !important;
    position: absolute !important;
    bottom: 6px !important;
    left: 12px !important;
    right: 12px !important;
    height: 2px !important;
    background: transparent !important;
    transition: 0.2s !important;
}
.vector-menu-tabs li a:hover::after,
.vector-page-actions li a:hover::after {
    background: #ffcc00 !important;
}
/* 去除原生白色选中底色 */
.vector-menu-tabs li.selected a,
.vector-page-actions li.selected a {
    background: #222222 !important;
}