MediaWiki:Common.css:修订间差异

Baneq留言 | 贡献
无编辑摘要
Baneq留言 | 贡献
无编辑摘要
第413行: 第413行:
.nc-logo-mosaic {
.nc-logo-mosaic {
display: grid;
display: grid;
grid-template-columns: repeat(12, minmax(0, 1fr));
grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
gap: 18px;
gap: 18px;
margin: 14px 0 34px;
margin: 14px 0 34px;
align-items: start;
}
}


第424行: 第423行:
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, 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 {
.nc-logo-image {
min-height: 190px;
height: 190px;
padding: 22px;
padding: 22px;
display: flex;
display: flex;
第451行: 第435行:
}
}


.nc-logo-badge .nc-logo-image {
.nc-logo-image img {
min-height: 250px;
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
object-fit: contain;
}
}


第459行: 第447行:
}
}


.nc-logo-image img,
.nc-logo-badge .nc-logo-image {
.nc-logo-image .mw-file-element {
height: 240px;
display: block;
width: auto !important;
height: auto !important;
max-width: 100% !important;
max-height: 100% !important;
object-fit: contain !important;
}
}


第484行: 第466行:
font-size: .88em;
font-size: .88em;
font-weight: 600;
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;
}
}
}