MediaWiki:Vector-2022.css:修订间差异
外观
创建页面,内容为“→顶部导航栏背景(淡蓝白渐变): .vector-header-container { background: linear-gradient(90deg, #f8fcff, #e9f7ff) !important; border-bottom: 1px solid #d0e7f8 !important; } →顶部导航栏下方 Tab(阅读 / 编辑 / 历史): .vector-menu-tabs .vector-menu-content li a { color: #1b4d7a !important; } .vector-menu-tabs .vector-menu-content li a:hover { color: #0096c7 !important; } →顶部搜索框圆角: #searchInput…” |
无编辑摘要 |
||
| 第1行: | 第1行: | ||
/* ================================ | |||
顶部导航栏美化 | |||
================================ */ | |||
/* 顶部导航栏背景(淡蓝白渐变) */ | /* 顶部导航栏背景(淡蓝白渐变) */ | ||
.vector-header-container { | .vector-header-container { | ||
| 第23行: | 第27行: | ||
color: white !important; | color: white !important; | ||
border-radius: 20px !important; | border-radius: 20px !important; | ||
} | |||
/* ================================ | |||
首页分类导航美化(漂亮卡片) | |||
================================ */ | |||
.beautiful-grid { | |||
display: grid; | |||
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); | |||
gap: 18px; | |||
margin-top: 20px; | |||
} | |||
.beautiful-card { | |||
background: #ffffff; | |||
padding: 15px 20px; | |||
border-radius: 14px; | |||
font-size: 17px; | |||
font-weight: 600; | |||
color: #2b2d42; | |||
display: flex; | |||
align-items: center; | |||
gap: 12px; | |||
box-shadow: 0 2px 8px rgba(0,0,0,0.08); | |||
border: 1px solid #e3e8f0; | |||
transition: all 0.25s ease; | |||
cursor: pointer; | |||
text-decoration: none !important; | |||
} | |||
/* Card 悬停 */ | |||
.beautiful-card:hover { | |||
transform: translateY(-3px); | |||
box-shadow: 0 6px 14px rgba(0,0,0,0.12); | |||
border-color: #aacbff; | |||
background: #f8fbff; | |||
} | |||
/* 卡片图标(emoji) */ | |||
.card-emoji { | |||
font-size: 22px; | |||
opacity: 0.85; | |||
} | |||
/* MediaWiki 自动把 wiki 链接变蓝,这里强制取消下划线 */ | |||
.beautiful-card a { | |||
text-decoration: none !important; | |||
color: inherit !important; | |||
} | } | ||
2025年11月6日 (四) 14:20的最新版本
/* ================================
顶部导航栏美化
================================ */
/* 顶部导航栏背景(淡蓝白渐变) */
.vector-header-container {
background: linear-gradient(90deg, #f8fcff, #e9f7ff) !important;
border-bottom: 1px solid #d0e7f8 !important;
}
/* 顶部导航栏下方 Tab(阅读 / 编辑 / 历史) */
.vector-menu-tabs .vector-menu-content li a {
color: #1b4d7a !important;
}
.vector-menu-tabs .vector-menu-content li a:hover {
color: #0096c7 !important;
}
/* 顶部搜索框圆角 */
#searchInput {
border-radius: 30px !important;
}
/* 顶部搜索按钮 */
#searchButton {
background: #0077b6;
color: white !important;
border-radius: 20px !important;
}
/* ================================
首页分类导航美化(漂亮卡片)
================================ */
.beautiful-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 18px;
margin-top: 20px;
}
.beautiful-card {
background: #ffffff;
padding: 15px 20px;
border-radius: 14px;
font-size: 17px;
font-weight: 600;
color: #2b2d42;
display: flex;
align-items: center;
gap: 12px;
box-shadow: 0 2px 8px rgba(0,0,0,0.08);
border: 1px solid #e3e8f0;
transition: all 0.25s ease;
cursor: pointer;
text-decoration: none !important;
}
/* Card 悬停 */
.beautiful-card:hover {
transform: translateY(-3px);
box-shadow: 0 6px 14px rgba(0,0,0,0.12);
border-color: #aacbff;
background: #f8fbff;
}
/* 卡片图标(emoji) */
.card-emoji {
font-size: 22px;
opacity: 0.85;
}
/* MediaWiki 自动把 wiki 链接变蓝,这里强制取消下划线 */
.beautiful-card a {
text-decoration: none !important;
color: inherit !important;
}