跳转到内容

MediaWiki:Vector-2022.css:修订间差异

来自次元企鹅情报局百科
Admin留言 | 贡献
创建页面,内容为“顶部导航栏背景(淡蓝白渐变):​ .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…”
 
Admin留言 | 贡献
无编辑摘要
 
第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;
}