模板:Main page/style.css:修订间差异
外观
创建页面,内容为“→2. 页面主要区块布局: .header, .contribution-guide, .recent-updates, .footer { background-color: #fff; padding: 20px; margin-bottom: 20px; border-radius: 8px; box-shadow: 0 2px 4px rgba(0,0,0,0.05); } .header h1 { margin-top: 0; color: #0056b3; } →3. 核心分类网格布局: .category-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 20px; margin-bottom: 20px; }…” |
无编辑摘要 |
||
| 第1行: | 第1行: | ||
/* 2. 页面主要区块布局 */ | /* 2. 页面主要区块布局 */ | ||
.header, .contribution-guide, .recent-updates, .footer { | .header, .contribution-guide, .recent-updates, .footer { | ||
background-color: # | background-color: #f8f9fa; | ||
padding: 20px; | padding: 20px; | ||
margin-bottom: 20px; | margin-bottom: 20px; | ||
| 第22行: | 第22行: | ||
.category-card { | .category-card { | ||
background-color: # | background-color: #f8f9fa; | ||
border: 1px solid #e9ecef; | border: 1px solid #e9ecef; | ||
border-radius: 8px; | border-radius: 8px; | ||
padding: 20px; | padding: 20px; | ||
transition: transform 0.2s, box-shadow 0.2s; | transition: transform 0.2s, box-shadow 0.2s; | ||
} | } | ||
| 第46行: | 第41行: | ||
.recent-updates h2, .contribution-guide h2 { | .recent-updates h2, .contribution-guide h2 { | ||
margin-top: 0; | margin-top: 0; | ||
padding-bottom: 10px; | padding-bottom: 10px; | ||
margin-bottom: 15px; | margin-bottom: 15px; | ||
2025年9月9日 (二) 23:03的版本
/* 2. 页面主要区块布局 */
.header, .contribution-guide, .recent-updates, .footer {
background-color: #f8f9fa;
padding: 20px;
margin-bottom: 20px;
border-radius: 8px;
box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}
.header h1 {
margin-top: 0;
color: #0056b3;
}
/* 3. 核心分类网格布局 */
.category-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 20px;
margin-bottom: 20px;
}
.category-card {
background-color: #f8f9fa;
border: 1px solid #e9ecef;
border-radius: 8px;
padding: 20px;
transition: transform 0.2s, box-shadow 0.2s;
}
.category-card h2 {
margin-top: 0;
font-size: 1.2em;
}
.category-card h2 a {
color: #0056b3;
}
/* 4. 最近更新与页脚 */
.recent-updates h2, .contribution-guide h2 {
margin-top: 0;
padding-bottom: 10px;
margin-bottom: 15px;
}
.recent-updates p {
margin: 5px 0;
}
.footer {
text-align: center;
font-size: 0.9em;
color: #6c757d;
}