https://wiki.yzygzs.net/index.php?action=history&feed=atom&title=Template%3AIndex2026%2FNav%2Fstyle.css 2026-09-18T01:09:20Z 本wiki上该页面的版本历史 MediaWiki 1.46.0 https://wiki.yzygzs.net/index.php?title=Template:Index2026/Nav/style.css&diff=200&oldid=prev 2026-09-06T15:26:28Z

<p>创建页面，内容为“#nav-nav { margin-top: 0.8rem; margin-bottom: 0.8rem; } #nav-nav .nav-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: &quot;&quot;; } #nav-nav .nav-card__foreground { pointer-events: none; height: 100%; width: 100%; display: flex; align-items: center; padding: 0 15px; color: #f…”</p> <p><b>新页面</b></p><div>#nav-nav {<br /> margin-top: 0.8rem;<br /> margin-bottom: 0.8rem;<br /> }<br /> #nav-nav .nav-card__background:after {<br /> position: absolute;<br /> pointer-events: none;<br /> top: 0;<br /> right: 0;<br /> bottom: 0;<br /> left: 0;<br /> display: block;<br /> background: linear-gradient(to right,#000,transparent);<br /> content: &quot;&quot;;<br /> }<br /> #nav-nav .nav-card__foreground {<br /> pointer-events: none;<br /> height: 100%;<br /> width: 100%;<br /> display: flex;<br /> align-items: center;<br /> padding: 0 15px;<br /> color: #fff;<br /> font-weight: 500;<br /> }<br /> .nav-grid {<br /> display: grid;<br /> grid: auto-flow dense/repeat( auto-fit, minmax( 9.375rem, 1fr ) );<br /> grid-auto-rows: minmax( 3rem, auto );<br /> grid-gap: 0.625rem;<br /> }<br /> <br /> <br /> .nav-grid--col2 {<br /> grid-template-columns: 1fr 1fr;<br /> }<br /> <br /> .nav-grid a.external {<br /> background-image: none;<br /> }<br /> <br /> .nav-card {<br /> position: relative;<br /> padding: 15px;<br /> background: var( --color-surface-1 );<br /> border-radius: 8px;<br /> box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.04 ), 0 3px 6px rgba( 0, 0, 0, 0.0575 );<br /> font-size: 0.875rem;<br /> }<br /> <br /> .nav-card table.timeline {<br /> margin-top: 0.2rem;<br /> }<br /> <br /> .nav-card--col1 {<br /> grid-column: span 1;<br /> }<br /> <br /> .nav-card--col2 {<br /> grid-column: span 2;<br /> }<br /> <br /> .nav-card--col3 {<br /> grid-column: span 3;<br /> }<br /> <br /> .nav-card--col4 {<br /> grid-column: span 4;<br /> }<br /> <br /> .nav-card--col5 {<br /> grid-column: span 5;<br /> }<br /> <br /> .nav-card--col6 {<br /> grid-column: span 6;<br /> }<br /> <br /> .nav-card--row1 {<br /> grid-row: span 1;<br /> }<br /> <br /> .nav-card--row2 {<br /> grid-row: span 2;<br /> }<br /> <br /> .nav-card--row3 {<br /> grid-row: span 3;<br /> }<br /> <br /> .nav-card--row4 {<br /> grid-row: span 4;<br /> }<br /> <br /> .nav-card--row8 {<br /> grid-row: span 8 / auto;<br /> }<br /> <br /> .nav-card__text {<br /> margin-bottom: 0px;<br /> text-indent: 30px;<br /> text-align: justify;<br /> }<br /> <br /> .nav-card__label {<br /> color: var( --color-base--subtle );<br /> font-size: 0.8125rem;<br /> letter-spacing: 0.75px;<br /> }<br /> <br /> h3.nav-card__title {<br /> margin-top: 0;<br /> font-size: 1rem;<br /> }<br /> <br /> h3.nav-card__header {<br /> margin-top: 0;<br /> font-size: 1rem;<br /> }<br /> <br /> .nav-card__header a {<br /> display: flex;<br /> align-items: center;<br /> justify-content: space-between;<br /> }<br /> <br /> .nav-card__header a:after {<br /> content: &#039;▶&#039;;<br /> font-size: 0.8125rem;<br /> }<br /> <br /> .nav-card__background {<br /> position: absolute;<br /> top: 0;<br /> right: 0;<br /> bottom: 0;<br /> left: 0;<br /> background: #242a31;<br /> border-radius: 8px;<br /> }<br /> <br /> .nav-card__background:after {<br /> position: absolute;<br /> pointer-events: none;<br /> top: 0;<br /> bottom: 0;<br /> left: 0;<br /> right: 0;<br /> display: block;<br /> background: linear-gradient(to right,#000,transparent);<br /> content: &quot;&quot;;<br /> }<br /> .nav-card__background img {<br /> width: 100%;<br /> height: 100%;<br /> object-fit: cover;<br /> object-position: center;<br /> }<br /> <br /> .nav-card__foreground {<br /> position: absolute;<br /> }<br /> <br /> .nav-card__foreground .nav-card__label {<br /> color: #bababa;<br /> }<br /> <br /> .nav-card__foreground .nav-card__header {<br /> color: #fff;<br /> }<br /> <br /> .nav-card p {<br /> margin-top: 0.2rem;<br /> font-size: 0.875rem;<br /> }<br /> <br /> .nav-card.nav-card--button {<br /> overflow: hidden;<br /> padding: 0;<br /> border: 0;<br /> }<br /> <br /> .nav-card--button a {<br /> display: flex;<br /> height: 100%;<br /> justify-content: center;<br /> align-items: center;<br /> padding: 0 var( --space-md );<br /> background: transparent;<br /> color: #fff;<br /> font-weight: var( --font-weight-medium );<br /> }<br /> <br /> .nav-card--button .nav-card__background a {<br /> padding: 0;<br /> }<br /> <br /> .nav-card--button img {<br /> transition: transform 250ms ease;<br /> }<br /> <br /> .nav-card--button:hover img {<br /> transform: scale(1.1);<br /> }</div>

Yzystudio