打开/关闭菜单
46
56
27
964
武外梗百科
打开/关闭外观设置菜单
打开/关闭个人菜单
未登录
未登录用户的IP地址会在进行任意编辑后公开展示。

MediaWiki:Common.css:修订间差异

MediaWiki界面页面
无编辑摘要
无编辑摘要
第1行: 第1行:
/* Hero 区域 */
/* 卡片布局容器 */
.hero {
.mw-home-flex {
     width: 100%;
     display: grid;
     padding: 60px 20px;
     grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    background: linear-gradient(135deg, #9ac6ff, #c7e8ff);
     gap: 24px;
     border-radius: 20px;
     margin: 30px 0;
     margin-bottom: 30px;
    text-align: center;
}
}
.hero h1 {
 
     font-size: 36px;
/* 卡片整体可点击 */
     margin: 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;
}
}
.hero p {
 
     font-size: 18px;
/* 悬停效果更现代 */
     margin-top: 10px;
.mw-home-card a:hover {
     transform: translateY(-6px);
    box-shadow: 0 10px 26px rgba(0,0,0,0.10);
     border-color: #c9d8ff;
}
}


/* 卡片布局 */
/* 标题样式 */
.card-grid {
.mw-home-card h2 {
     display: flex;
     margin: 0 0 10px 0;
     flex-wrap: wrap;
     font-size: 20px;
    gap: 20px;
    justify-content: space-between;
    margin-bottom: 40px;
}
}
.card {
 
     flex: 1 1 calc(50% - 20px);
/* 描述 */
    background: white;
.mw-home-card p {
    padding: 20px;
     margin: 0 0 12px 0;
    border-radius: 16px;
     color: #555;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
     transition: transform 0.2s, box-shadow 0.2s;
}
}
.card:hover {
 
     transform: translateY(-4px);
/* 卡片内的跳转链接 */
     box-shadow: 0 6px 16px rgba(0,0,0,0.12);
.mw-home-link {
     display: inline-block;
     margin-top: 8px;
    font-weight: 600;
    color: #4a63ff;
}
}
.card h2 {
.mw-home-card a:hover .mw-home-link {
    margin-top: 0;
    text-decoration: underline;
}
 
/* 手机适配 */
@media (max-width: 700px) {
    .card-grid {
        flex-direction: column;
    }
    .card {
        flex: 1 1 100%;
    }
}
}

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;
}