MediaWiki:Common.css:修订间差异
MediaWiki界面页面
更多操作
清空全部内容 标签:清空 手工回退 |
无编辑摘要 |
||
| 第1行: | 第1行: | ||
/* 现代首页容器 */ | |||
.home-container { | |||
display: flex; | |||
flex-wrap: wrap; | |||
gap: 20px; | |||
margin-top: 20px; | |||
} | |||
/* 侧边栏与主内容比例 */ | |||
.home-main { flex: 3; min-width: 300px; } | |||
.home-sidebar { flex: 1; min-width: 250px; } | |||
/* 欢迎区域 */ | |||
.home-welcome { | |||
background: linear-gradient(135deg, #36b 0%, #2a4b8d 100%); | |||
color: white; | |||
padding: 30px; | |||
border-radius: 8px; | |||
margin-bottom: 20px; | |||
box-shadow: 0 4px 12px rgba(0,0,0,0.1); | |||
} | |||
.home-welcome h1 { color: white; border-bottom: none; margin-top: 0; font-weight: bold; } | |||
/* 快速导航按钮 */ | |||
.home-nav { | |||
display: grid; | |||
grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); | |||
gap: 10px; | |||
margin-bottom: 20px; | |||
} | |||
.home-nav-item { | |||
background: #f8f9fa; | |||
border: 1px solid #a2a9b1; | |||
padding: 15px; | |||
text-align: center; | |||
border-radius: 6px; | |||
transition: all 0.2s; | |||
} | |||
.home-nav-item:hover { | |||
background: #eaf3ff; | |||
border-color: #36b; | |||
text-decoration: none !important; | |||
transform: translateY(-2px); | |||
} | |||
2025年12月21日 (日) 17:50的版本
/* 现代首页容器 */
.home-container {
display: flex;
flex-wrap: wrap;
gap: 20px;
margin-top: 20px;
}
/* 侧边栏与主内容比例 */
.home-main { flex: 3; min-width: 300px; }
.home-sidebar { flex: 1; min-width: 250px; }
/* 欢迎区域 */
.home-welcome {
background: linear-gradient(135deg, #36b 0%, #2a4b8d 100%);
color: white;
padding: 30px;
border-radius: 8px;
margin-bottom: 20px;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.home-welcome h1 { color: white; border-bottom: none; margin-top: 0; font-weight: bold; }
/* 快速导航按钮 */
.home-nav {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
gap: 10px;
margin-bottom: 20px;
}
.home-nav-item {
background: #f8f9fa;
border: 1px solid #a2a9b1;
padding: 15px;
text-align: center;
border-radius: 6px;
transition: all 0.2s;
}
.home-nav-item:hover {
background: #eaf3ff;
border-color: #36b;
text-decoration: none !important;
transform: translateY(-2px);
}