MediaWiki:Common.css:修订间差异
无编辑摘要 |
无编辑摘要 |
||
| 第485行: | 第485行: | ||
} | } | ||
/* Portfolio style: | /* Portfolio style: scrapbook */ | ||
.nc-art-card, | .nc-art-card, | ||
.nc-logo-card { | .nc-logo-card { | ||
background: rgba(255, | background: rgba(255,252,246,.78); | ||
border: 1px solid rgba( | border: 1px solid rgba(218,208,190,.78); | ||
box-shadow: 0 | box-shadow: 0 18px 42px -34px rgba(80,62,42,.52); | ||
} | } | ||
.nc-art-card:hover, | .nc-art-card:hover, | ||
.nc-logo-card:hover { | .nc-logo-card:hover { | ||
transform: translateY(-2px); | transform: translateY(-2px) rotate(-.2deg); | ||
box-shadow: 0 | box-shadow: 0 24px 52px -36px rgba(80,62,42,.66); | ||
} | } | ||
| 第502行: | 第502行: | ||
.nc-logo-image { | .nc-logo-image { | ||
background: | background: | ||
linear-gradient(180deg, rgba(255,255,255,. | linear-gradient(180deg, rgba(255,255,255,.84), rgba(252,247,237,.68)); | ||
} | } | ||
.nc-art-caption, | .nc-art-caption, | ||
.nc-logo-mosaic .nc-art-caption { | .nc-logo-mosaic .nc-art-caption { | ||
background: rgba( | background: rgba(250,244,232,.86); | ||
border-top: 1px solid rgba( | border-top: 1px solid rgba(222,211,190,.75); | ||
color: # | color: #302a24; | ||
} | } | ||
.nc-art-caption span, | .nc-art-caption span, | ||
.nc-logo-mosaic .nc-art-caption span { | .nc-logo-mosaic .nc-art-caption span { | ||
color: # | color: #887b6d; | ||
font-weight: | font-weight: 580; | ||
} | } | ||
.nc-fanart-grid .nc-art-card::before { | .nc-fanart-grid .nc-art-card::before { | ||
opacity: . | opacity: .30; | ||
background: linear-gradient(90deg, #d8a34a, #78a9b8, #b391c8); | |||
} | |||
/* 给玩家创作卡片一点贴纸感,但不要影响官方设定图太多 */ | |||
.nc-fanart-grid .nc-art-card:nth-child(2n) { | |||
transform: rotate(.25deg); | |||
} | |||
.nc-fanart-grid .nc-art-card:nth-child(2n):hover { | |||
transform: translateY(-2px) rotate(.05deg); | |||
} | |||
.nc-fanart-grid .nc-art-card:nth-child(2n+1) { | |||
transform: rotate(-.15deg); | |||
} | |||
.nc-fanart-grid .nc-art-card:nth-child(2n+1):hover { | |||
transform: translateY(-2px) rotate(.05deg); | |||
} | } | ||