MediaWiki:Common.css:修订间差异
无编辑摘要 |
|||
| 第33行: | 第33行: | ||
.wikiEditor-ui-toolbar .booklet .pages span.nc-高亮 { color:#b8860b; border-color:#e8d9a0; } | .wikiEditor-ui-toolbar .booklet .pages span.nc-高亮 { color:#b8860b; border-color:#e8d9a0; } | ||
/* ===== | /* ===== 首页 · 精修简约卡片 ===== */ | ||
.nc- | .nc-cards { display:flex; flex-wrap:wrap; gap:20px; align-items:stretch; } | ||
.nc-card { | |||
flex:1; min-width:215px; background:#fff; | |||
box-shadow:0 8px | border:1px solid #ebe6dc; border-radius:12px; overflow:hidden; | ||
box-shadow:0 2px 4px rgba(60,50,30,.04), 0 8px 24px -14px rgba(60,50,30,.18); | |||
transition:transform .18s ease, box-shadow .18s ease; | |||
display:flex; flex-direction:column; | |||
} | } | ||
.nc- | .nc-card:hover { transform:translateY(-4px); box-shadow:0 4px 8px rgba(60,50,30,.06), 0 16px 32px -14px rgba(60,50,30,.26); } | ||
.nc- | .nc-card-head { | ||
color:#fff; font-weight:600; font-size:1.06em; padding:14px 18px; | |||
letter-spacing:.5px; position:relative; | |||
box-shadow:inset 0 -1px 0 rgba(255,255,255,.25); | |||
} | |||
.nc-card-head::after { | |||
.nc-card { | content:""; position:absolute; left:0; right:0; bottom:0; height:3px; | ||
background:rgba(0,0,0,.12); | |||
} | } | ||
.nc-card ul { list-style:none !important; margin:0 !important; padding:6px 0 !important; } | |||
.nc-card ul { list-style:none !important; margin:0 !important; padding: | |||
.nc-card li { margin:0 !important; } | .nc-card li { margin:0 !important; } | ||
.nc-card li + li a { border-top:1px solid #f3f0ea; } | |||
.nc-card li a { | .nc-card li a { | ||
display:block; padding: | display:block; padding:9px 18px; color:#3d3a34; text-decoration:none; | ||
border-left:3px solid transparent; transition:all . | border-left:3px solid transparent; transition:all .14s ease; font-size:.97em; | ||
} | } | ||
.nc-card li a:hover { background:# | .nc-card li a:hover { background:#faf8f3; padding-left:24px; } | ||
/* 各分类主题色:标题条 + 悬停竖条同色 */ | |||
.nc-c-lobby { background: | .nc-c-lobby .nc-card-head, .nc-card.t-lobby .nc-card-head { background:#7a6a3e; } | ||
.nc-c-play { background: | .nc-c-play { } /* 占位 */ | ||
.nc-c-comm { background: | .nc-c-lobby { } | ||
.nc-c-apply { background: | .nc-card-head.nc-c-lobby { background:#7a6a3e; } | ||
.nc-card-head.nc-c-play { background:#345a8a; } | |||
.nc-card-head.nc-c-comm { background:#6a4a7a; } | |||
.nc-card-head.nc-c-apply { background:#8a4a44; } | |||
/* 悬停竖条颜色跟随卡片(用 has 选择器关联) */ | |||
.nc-card:has(.nc-c-lobby) li a:hover { border-left-color:#7a6a3e; } | |||
.nc-card:has(.nc-c-play) li a:hover { border-left-color:#345a8a; } | |||
.nc-card:has(.nc-c-comm) li a:hover { border-left-color:#6a4a7a; } | |||
.nc-card:has(.nc-c-apply) li a:hover { border-left-color:#8a4a44; } | |||