MediaWiki:Common.css:修订间差异
MediaWiki界面页面
更多操作
无编辑摘要 |
无编辑摘要 |
||
| 第1行: | 第1行: | ||
/* | /* 卡片布局容器 */ | ||
. | .mw-home-flex { | ||
display: grid; | |||
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); | |||
gap: 24px; | |||
margin: 30px 0; | |||
margin | |||
} | } | ||
. | |||
/* 卡片整体可点击 */ | |||
.mw-home-card a { | |||
display: block; | |||
background: #ffffff; | |||
padding: 22px; | |||
border-radius: 18px; | |||
box-shadow: 0 4px 14px rgba(0,0,0,0.06); | |||
text-decoration: none; | |||
color: #333; | |||
height: 100%; | |||
border: 1px solid #e7e7e7; | |||
transition: all 0.25s ease; | |||
} | } | ||
. | |||
/* 悬停效果更现代 */ | |||
.mw-home-card a:hover { | |||
transform: translateY(-6px); | |||
box-shadow: 0 10px 26px rgba(0,0,0,0.10); | |||
border-color: #c9d8ff; | |||
} | } | ||
/* | /* 标题样式 */ | ||
.card | .mw-home-card h2 { | ||
margin: 0 0 10px 0; | |||
font-size: 20px; | |||
} | } | ||
.card { | |||
/* 描述 */ | |||
.mw-home-card p { | |||
margin: 0 0 12px 0; | |||
color: #555; | |||
} | } | ||
. | |||
/* 卡片内的跳转链接 */ | |||
.mw-home-link { | |||
display: inline-block; | |||
margin-top: 8px; | |||
font-weight: 600; | |||
color: #4a63ff; | |||
} | } | ||
. | .mw-home-card a:hover .mw-home-link { | ||
text-decoration: underline; | |||
} | } | ||
2025年11月23日 (日) 23:05的版本
/* 卡片布局容器 */
.mw-home-flex {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 24px;
margin: 30px 0;
}
/* 卡片整体可点击 */
.mw-home-card a {
display: block;
background: #ffffff;
padding: 22px;
border-radius: 18px;
box-shadow: 0 4px 14px rgba(0,0,0,0.06);
text-decoration: none;
color: #333;
height: 100%;
border: 1px solid #e7e7e7;
transition: all 0.25s ease;
}
/* 悬停效果更现代 */
.mw-home-card a:hover {
transform: translateY(-6px);
box-shadow: 0 10px 26px rgba(0,0,0,0.10);
border-color: #c9d8ff;
}
/* 标题样式 */
.mw-home-card h2 {
margin: 0 0 10px 0;
font-size: 20px;
}
/* 描述 */
.mw-home-card p {
margin: 0 0 12px 0;
color: #555;
}
/* 卡片内的跳转链接 */
.mw-home-link {
display: inline-block;
margin-top: 8px;
font-weight: 600;
color: #4a63ff;
}
.mw-home-card a:hover .mw-home-link {
text-decoration: underline;
}