MediaWiki:Common.css：修订间差异
无编辑摘要 |
无编辑摘要 |
||
| 第274行： | 第274行： | ||
/* 图片集 */ | /* 图片集 */ | ||
/* Noblecraft Portfolio Gallery V2 */ | |||
.nc-portfolio-grid { | .nc-portfolio-grid { | ||
display: grid; | display: grid; | ||
grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); | grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); | ||
gap: 18px; | gap: 18px; | ||
margin: 14px 0 | margin: 14px 0 32px; | ||
} | } | ||
.nc-art-card { | .nc-art-card { | ||
position: relative; | |||
background: rgba(255,255,255,.54); | background: rgba(255,255,255,.54); | ||
border: 1px solid rgba(218,224,230,.72); | border: 1px solid rgba(218,224,230,.72); | ||
box-shadow: 0 16px 34px -30px rgba(45,52,68,.5); | box-shadow: 0 16px 34px -30px rgba(45,52,68,.5); | ||
overflow: hidden; | overflow: hidden; | ||
transition: transform .16s ease, box-shadow .16s ease; | transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease; | ||
} | } | ||
.nc-art-card:hover { | .nc-art-card:hover { | ||
transform: translateY(-2px); | transform: translateY(-2px); | ||
box-shadow: 0 | border-color: rgba(190,200,210,.92); | ||
box-shadow: 0 22px 44px -32px rgba(45,52,68,.72); | |||
} | } | ||
| 第301行： | 第304行： | ||
padding: 14px; | padding: 14px; | ||
background: rgba(255,255,255,.34); | background: rgba(255,255,255,.34); | ||
} | } | ||
| 第332行： | 第331行： | ||
font-weight: 600; | font-weight: 600; | ||
} | } | ||
/* Official character art: taller, illustration-first cards. */ | |||
.nc-character-grid { | |||
grid-template-columns: repeat(auto-fill, minmax(235px, 1fr)); | |||
} | |||
.nc-character-grid .nc-art-image { | |||
height: 330px; | |||
padding: 16px; | |||
background: | |||
linear-gradient(180deg, rgba(255,255,255,.56), rgba(246,248,251,.42)); | |||
} | |||
/* Logo assets: shorter, cleaner, material-display cards. */ | |||
.nc-logo-grid { | |||
grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); | |||
} | |||
.nc-logo-grid .nc-art-image { | |||
height: 190px; | |||
padding: 20px; | |||
background: | |||
linear-gradient(135deg, rgba(255,255,255,.62), rgba(238,242,246,.55)); | |||
} | |||
.nc-logo-grid .nc-art-caption { | |||
background: rgba(240,244,248,.70); | |||
} | |||
/* Player creations: slightly softer, community-gallery feel. */ | |||
.nc-fanart-grid { | |||
grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); | |||
} | |||
.nc-fanart-grid .nc-art-card::before { | |||
content: ""; | |||
position: absolute; | |||
left: 0; | |||
top: 0; | |||
right: 0; | |||
height: 3px; | |||
background: linear-gradient(90deg, #d89038, #4c8fbd, #8d62b8); | |||
opacity: .45; | |||