模板:Main page/navigation/styles.css

/* 转自Dustloop This page was last edited on 25 October 2024, at 19:13. */
#footer-nav {
	display: grid;
	grid: auto-flow dense/repeat( auto-fit, minmax( 9.375rem, 1fr ) );
	grid-auto-rows: minmax( 3rem, auto );
	gap: var(--space-sm);
}

#footer-nav {
	margin-top: 1rem;
}

#footer-nav .home-card__background:after {
	position: absolute;
    pointer-events: none;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    background: linear-gradient(to right,#000,transparent);
    content: "";
}

#footer-nav .home-card__foreground {
	pointer-events: none;
	height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    padding: 0 15px;
    color: #fff;
    font-weight: 500;
}

.wrap-text-right {
	padding: 0 1em 0 0.67rem !important;
	word-break: break-all;
	line-height: 1em;
}
/* hide text in homenav images on mobile */
@media (max-width: 428px) {
	#footer-nav .home-card__background:after           { display: none; }
	#footer-nav .home-card__foreground.wrap-text-right { display: none; }
}

.home-grid--col1 { grid-template-columns: 1fr !important; }
.home-grid--col2 { grid-template-columns: 1fr 1fr !important; }
.home-grid--col3 { grid-template-columns: 1fr 1fr 1fr !important;}
.home-grid--col4 { grid-template-columns: 1fr 1fr 1fr 1fr !important; }
.home-grid--col5 { grid-template-columns: 1fr 1fr 1fr 1fr 1fr !important; }
.home-grid--col6 { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr !important; }

.image-offset5 img { object-position: 50% 5% !important; }
.image-offset10 img { object-position: 50% 10% !important; }
.image-offset15 img { object-position: 50% 15% !important; }
.image-offset20 img { object-position: 50% 20% !important; }
.image-offset25 img { object-position: 50% 25% !important; }
.image-offset30 img { object-position: 50% 30% !important; }
.image-offset35 img { object-position: 50% 35% !important; }
.image-offset40 img { object-position: 50% 40% !important; }
.image-offset45 img { object-position: 50% 45% !important; }
.image-offset50 img { object-position: 50% 50% !important; }
.image-offset55 img { object-position: 50% 55% !important; }
.image-offset60 img { object-position: 50% 60% !important; }
.image-offset65 img { object-position: 50% 65% !important; }
.image-offset70 img { object-position: 50% 70% !important; }
.image-offset75 img { object-position: 50% 75% !important; }
.image-offset80 img { object-position: 50% 80% !important; }
.image-offset85 img { object-position: 50% 85% !important; }
.image-offset90 img { object-position: 50% 90% !important; }
.image-offset95 img { object-position: 50% 95% !important; }