MediaWiki:Common.css:修订间差异
MediaWiki界面页面
更多操作
无编辑摘要 |
无编辑摘要 |
||
| 第36行: | 第36行: | ||
/* ============================================ */ | /* ============================================ */ | ||
/* 首页 · | /* 首页 · 直角白卡(干净版) */ | ||
/* ============================================ */ | /* ============================================ */ | ||
.nc-stage { | .nc-stage { | ||
background: | background: #f3f1ec; | ||
margin:-12px -16px 0; | margin:-12px -16px 0; | ||
padding: | padding:26px 18px 32px; | ||
} | } | ||
.nc-cards { display:flex; flex-wrap:wrap; gap:20px; align-items:stretch; } | |||
.nc-cards { | |||
} | |||
.nc-card { | .nc-card { | ||
flex:1; | flex:1; min-width:215px; background:#fff; | ||
border:1px solid #e4ded2; | |||
box-shadow:0 1px 2px rgba(60,50,30,.05), 0 10px 28px -16px rgba(60,50,30,.30); | |||
transition:transform .18s ease, box-shadow .18s ease; | |||
display:flex; flex-direction:column; | |||
border:1px solid | |||
box-shadow: | |||
transition:transform . | |||
display:flex; | |||
} | } | ||
.nc-card:hover { | .nc-card:hover { | ||
transform:translateY(-4px); | transform:translateY(-4px); | ||
box-shadow: | box-shadow:0 2px 4px rgba(60,50,30,.06), 0 18px 36px -16px rgba(60,50,30,.40); | ||
} | } | ||
.nc-card-head { | .nc-card-head { | ||
color:#fff; | color:#fff; font-weight:600; font-size:1.06em; padding:15px 18px; | ||
letter-spacing:.4px; box-shadow:inset 0 -2px 0 rgba(0,0,0,.12); | |||
letter-spacing:.4px; | |||
} | } | ||
.nc-card ul { list-style:none !important; margin:0 !important; padding:6px 0 !important; } | |||
.nc-card li { margin:0 !important; } | .nc-card li { margin:0 !important; } | ||
.nc-card li + li a { border-top:1px solid #f4f1ea; } | |||
.nc-card li a { | .nc-card li a { | ||
display:block; | display:block; padding:9px 18px; color:#3a3730; text-decoration:none; | ||
border-left:3px solid transparent; transition:all .14s ease; font-size:.97em; | |||
transition:all . | |||
} | } | ||
.nc-card li a:hover { background:#f7f4ee; padding-left:24px; } | |||
/* | /* 分类标题条(实色,沉稳)*/ | ||
.nc-card-head.nc-c-lobby { background: | .nc-card-head.nc-c-lobby { background:#8a7642; } | ||
.nc-card-head.nc-c-play { background: | .nc-card-head.nc-c-play { background:#3a5f8a; } | ||
.nc-card-head.nc-c-comm { background: | .nc-card-head.nc-c-comm { background:#6e4a82; } | ||
.nc-card-head.nc-c-apply { background: | .nc-card-head.nc-c-apply { background:#9a5048; } | ||
/* 悬停竖条跟随卡片色 */ | |||
.nc-card:has(.nc-c-lobby) li a:hover { border-left-color:#8a7642; } | |||
.nc-card:has(.nc-c-play) li a:hover { border-left-color:#3a5f8a; } | |||
.nc-card:has(.nc-c-comm) li a:hover { border-left-color:#6e4a82; } | |||
.nc-card:has(.nc-c-apply) li a:hover { border-left-color:#9a5048; } | |||
2026年5月31日 (日) 08:52的版本
/* ============================================ */
/* Noblecraft Wiki · Common.css */
/* ============================================ */
/* —— Noblecraft 格式面板美化(编辑器下拉菜单)—— */
.wikiEditor-ui-toolbar .booklet .index div {
border-radius: 4px 4px 0 0;
font-weight: bold;
}
.wikiEditor-ui-toolbar .booklet .index .current {
background: #0f4c5c !important;
color: #fff !important;
}
.wikiEditor-ui-toolbar .booklet .pages .page-characters span {
display: inline-block;
margin: 4px;
padding: 4px 12px !important;
border: 1px solid #c8c2b4;
border-radius: 4px;
background: #faf7f2;
cursor: pointer;
font-size: 13px;
transition: all .15s;
width: auto !important;
}
.wikiEditor-ui-toolbar .booklet .pages .page-characters span:hover {
background: #0f4c5c;
color: #fff;
border-color: #0f4c5c;
}
.wikiEditor-ui-toolbar .booklet .pages span.nc-红 { color:#c0392b; border-color:#e8b5ad; }
.wikiEditor-ui-toolbar .booklet .pages span.nc-绿 { color:#27866b; border-color:#a9d6c8; }
.wikiEditor-ui-toolbar .booklet .pages span.nc-蓝 { color:#2c6fb3; border-color:#aecbe8; }
.wikiEditor-ui-toolbar .booklet .pages span.nc-橙 { color:#d35400; border-color:#f0c2a0; }
.wikiEditor-ui-toolbar .booklet .pages span.nc-高亮 { color:#b8860b; border-color:#e8d9a0; }
/* ============================================ */
/* 首页 · 直角白卡(干净版) */
/* ============================================ */
.nc-stage {
background: #f3f1ec;
margin:-12px -16px 0;
padding:26px 18px 32px;
}
.nc-cards { display:flex; flex-wrap:wrap; gap:20px; align-items:stretch; }
.nc-card {
flex:1; min-width:215px; background:#fff;
border:1px solid #e4ded2;
box-shadow:0 1px 2px rgba(60,50,30,.05), 0 10px 28px -16px rgba(60,50,30,.30);
transition:transform .18s ease, box-shadow .18s ease;
display:flex; flex-direction:column;
}
.nc-card:hover {
transform:translateY(-4px);
box-shadow:0 2px 4px rgba(60,50,30,.06), 0 18px 36px -16px rgba(60,50,30,.40);
}
.nc-card-head {
color:#fff; font-weight:600; font-size:1.06em; padding:15px 18px;
letter-spacing:.4px; box-shadow:inset 0 -2px 0 rgba(0,0,0,.12);
}
.nc-card ul { list-style:none !important; margin:0 !important; padding:6px 0 !important; }
.nc-card li { margin:0 !important; }
.nc-card li + li a { border-top:1px solid #f4f1ea; }
.nc-card li a {
display:block; padding:9px 18px; color:#3a3730; text-decoration:none;
border-left:3px solid transparent; transition:all .14s ease; font-size:.97em;
}
.nc-card li a:hover { background:#f7f4ee; padding-left:24px; }
/* 分类标题条(实色,沉稳)*/
.nc-card-head.nc-c-lobby { background:#8a7642; }
.nc-card-head.nc-c-play { background:#3a5f8a; }
.nc-card-head.nc-c-comm { background:#6e4a82; }
.nc-card-head.nc-c-apply { background:#9a5048; }
/* 悬停竖条跟随卡片色 */
.nc-card:has(.nc-c-lobby) li a:hover { border-left-color:#8a7642; }
.nc-card:has(.nc-c-play) li a:hover { border-left-color:#3a5f8a; }
.nc-card:has(.nc-c-comm) li a:hover { border-left-color:#6e4a82; }
.nc-card:has(.nc-c-apply) li a:hover { border-left-color:#9a5048; }