MediaWiki:Common.css：修订间差异
无编辑摘要 |
无编辑摘要 |
||
| 第408行： | 第408行： | ||
min-height: 58px; | min-height: 58px; | ||
background: rgba(246,248,251,.84); | background: rgba(246,248,251,.84); | ||
} | |||
/* Portfolio: LOGO mosaic, for mixed logo ratios */ | |||
.nc-logo-mosaic { | |||
display: grid; | |||
grid-template-columns: repeat(12, minmax(0, 1fr)); | |||
gap: 18px; | |||
margin: 14px 0 34px; | |||
align-items: start; | |||
} | |||
.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; | |||
transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease; | |||
} | |||
.nc-logo-card:hover { | |||
transform: translateY(-2px); | |||
border-color: rgba(190,200,210,.92); | |||
box-shadow: 0 22px 44px -32px rgba(45,52,68,.72); | |||
} | |||
.nc-logo-wide { | |||
grid-column: span 4; | |||
} | |||
.nc-logo-badge { | |||
grid-column: span 3; | |||
} | |||
.nc-logo-image { | |||
min-height: 190px; | |||
padding: 22px; | |||
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; | |||
} | |||
.nc-logo-badge .nc-logo-image { | |||
min-height: 250px; | |||
} | |||
.nc-logo-dark { | |||
background: #202124; | |||
} | |||
.nc-logo-image img, | |||
.nc-logo-image .mw-file-element { | |||
display: block; | |||
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; | |||
} | |||
@media (max-width: 980px) { | |||
.nc-logo-wide { | |||
grid-column: span 6; | |||
} | |||
.nc-logo-badge { | |||
grid-column: span 6; | |||
} | |||
} | |||
@media (max-width: 640px) { | |||
.nc-logo-wide, | |||
.nc-logo-badge { | |||
grid-column: 1 / -1; | |||
} | |||
} | } | ||