MediaWiki:Common.css:修订间差异
无编辑摘要 标签:手工回退 |
无编辑摘要 标签:手工回退 |
||
| (未显示同一用户的69个中间版本) | |||
| 第97行: | 第97行: | ||
.nc-card li { margin:0 !important; } | .nc-card li { margin:0 !important; } | ||
.nc-card li a { | .nc-card li a { | ||
display:block; padding:9px 18px; color:#3a3d42; text-decoration:none; | display:block; | ||
transition: | padding:9px 18px; | ||
color:#3a3d42; | |||
text-decoration:none; | |||
transition:background .15s ease, padding-left .15s ease, color .15s ease; | |||
font-size:.97em; | |||
border-radius:0; | |||
} | |||
.nc-card li a:hover { | |||
background:rgba(120,130,150,.11); | |||
padding-left:24px; | |||
color:#20242a; | |||
} | } | ||
/* 标题条:多色斜向渐变 + 悬停流动 */ | /* 标题条:多色斜向渐变 + 悬停流动 */ | ||
| 第373行: | 第383行: | ||
height: 3px; | height: 3px; | ||
background: linear-gradient(90deg, #d89038, #4c8fbd, #8d62b8); | background: linear-gradient(90deg, #d89038, #4c8fbd, #8d62b8); | ||
opacity: .45; | opacity: .45;} | ||
.nc-fanart-grid .nc-art-image { | |||
height: 300px; | |||
background: rgba(255,255,255,.42); | |||
} | |||
.nc-logo-mosaic { | |||
display: grid; | |||
grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); | |||
gap: 18px; | |||
margin: 14px 0 34px; | |||
} | |||
.nc-logo-card { | |||
background: rgba(255,255,255,.54); | |||
border: 1px solid rgba(218,224,230,.72); | |||
box-shadow: 0 16px 34px -30px rgba(45,52,68,.5); | |||
overflow: hidden; | |||
} | |||
.nc-logo-image { | |||
height: 190px; | |||
padding: 18px; | |||
display: flex; | |||
align-items: center; | |||
justify-content: center; | |||
background: linear-gradient(135deg, rgba(255,255,255,.62), rgba(238,242,246,.48)); | |||
box-sizing: border-box; | |||
overflow: hidden; | |||
} | |||
.nc-logo-dark { | |||
background: #202124; | |||
} | |||
.nc-logo-small .nc-logo-image { | |||
height: 240px; | |||
} | |||
.nc-logo-image .mw-file-description, | |||
.nc-logo-image a.image { | |||
display: inline-flex !important; | |||
align-items: center !important; | |||
justify-content: center !important; | |||
max-width: 100% !important; | |||
max-height: 100% !important; | |||
} | |||
.nc-logo-image img, | |||
.nc-logo-image .mw-file-element { | |||
width: auto !important; | |||
height: auto !important; | |||
max-width: 100% !important; | |||
max-height: 100% !important; | |||
object-fit: contain !important; | |||
} | |||
.nc-logo-mosaic .nc-art-caption { | |||
padding: 12px 12px 14px; | |||
text-align: center; | |||
background: rgba(246,248,251,.68); | |||
color: #263039; | |||
font-weight: 800; | |||
line-height: 1.45; | |||
} | |||
.nc-logo-mosaic .nc-art-caption span { | |||
display: inline-block; | |||
margin-top: 3px; | |||
color: #7a828d; | |||
font-size: .88em; | |||
font-weight: 600; | |||
} | |||
/* Portfolio visual polish */ | |||
.nc-art-card { | |||
border-color: rgba(220,226,232,.55); | |||
box-shadow: 0 18px 40px -34px rgba(45,52,68,.45); | |||
} | |||
.nc-art-card:hover { | |||
transform: translateY(-1px); | |||
box-shadow: 0 20px 42px -34px rgba(45,52,68,.58); | |||
} | |||
.nc-art-image { | |||
background: linear-gradient(180deg, rgba(255,255,255,.72), rgba(246,248,251,.42)); | |||
} | |||
.nc-art-caption { | |||
background: rgba(248,250,252,.48); | |||
font-weight: 760; | |||
} | |||
.nc-art-caption span { | |||
color: #8a929c; | |||
font-weight: 560; | |||
} | |||
.nc-logo-mosaic .nc-art-caption { | |||
padding: 10px 12px 12px; | |||
} | |||
.nc-fanart-grid .nc-art-card::before { | |||
opacity: .24; | |||
} | |||
.nc-fanart-grid .nc-art-image { | |||
height: 290px; | |||
} | |||
/* Portfolio style: white-background friendly section colors */ | |||
/* 基础卡片:清爽、轻阴影 */ | |||
.nc-art-card, | |||
.nc-logo-card { | |||
background: rgba(255,255,255,.78); | |||
border: 1px solid rgba(190,201,213,.56); | |||
box-shadow: 0 16px 38px -34px rgba(28,43,58,.62); | |||
position: relative; | |||
overflow: hidden; | |||
} | |||
.nc-art-card:hover, | |||
.nc-logo-card:hover { | |||
transform: translateY(-2px); | |||
box-shadow: 0 24px 52px -40px rgba(28,43,58,.76); | |||
} | |||
/* 图片区:接近纯白,避免白底图片突兀 */ | |||
.nc-art-image, | |||
.nc-logo-image, | |||
.nc-character-grid .nc-art-image, | |||
.nc-fanart-grid .nc-art-image { | |||
background: | |||
linear-gradient(180deg, rgba(255,255,255,.98), rgba(250,252,254,.92)) !important; | |||
box-shadow: inset 0 -1px 0 rgba(218,225,232,.55); | |||
} | |||
/* 夜间 LOGO 保留深色展示底 */ | |||
.nc-logo-dark { | |||
background: #202124 !important; | |||
} | |||
/* 说明区:轻微分区感 */ | |||
.nc-art-caption, | |||
.nc-logo-mosaic .nc-art-caption { | |||
background: rgba(246,249,252,.84); | |||
border-top: 1px solid rgba(218,225,232,.72); | |||
color: #23313d; | |||
} | |||
.nc-art-caption span, | |||
.nc-logo-mosaic .nc-art-caption span { | |||
color: #75818d; | |||
font-weight: 620; | |||
} | |||
/* 官方设定图:冰蓝,只保留在边框和底线 */ | |||
.nc-character-grid .nc-art-card { | |||
border-color: rgba(112,173,196,.42); | |||
} | |||
.nc-character-grid .nc-art-card::after { | |||
content: ""; | |||
position: absolute; | |||
left: 0; | |||
right: 0; | |||
bottom: 0; | |||
height: 3px; | |||
background: linear-gradient(90deg, #0f7c8c, #72c7d4); | |||
opacity: .58; | |||
} | |||
/* LOGO 区:石墨灰 / 金色 */ | |||
.nc-logo-card { | |||
border-color: rgba(165,154,135,.42); | |||
} | |||
.nc-logo-card::after { | |||
content: ""; | |||
position: absolute; | |||
left: 0; | |||
right: 0; | |||
bottom: 0; | |||
height: 3px; | |||
background: linear-gradient(90deg, #343a40, #c59b47); | |||
opacity: .52; | |||
} | |||
/* 玩家创作:暖橙 / 紫粉 */ | |||
.nc-fanart-grid .nc-art-card { | |||
border-color: rgba(203,156,190,.40); | |||
} | |||
.nc-fanart-grid .nc-art-card::before { | |||
opacity: 0; | |||
} | |||
.nc-fanart-grid .nc-art-card::after { | |||
content: ""; | |||
position: absolute; | |||
left: 0; | |||
right: 0; | |||
bottom: 0; | |||
height: 3px; | |||
background: linear-gradient(90deg, #e08a3e, #c45fa0, #7d6bd6); | |||
opacity: .58; | |||
} | |||