https://zeta.wiki/index.php?action=history&feed=atom&title=%EB%AA%A8%EB%93%88%3APrevnext%2Fstyles.css 2026-06-06T00:03:15Z 이 문서의 편집 역사 MediaWiki 1.45.3 https://zeta.wiki/index.php?title=%EB%AA%A8%EB%93%88:Prevnext/styles.css&diff=112&oldid=prev 2025-05-13T20:45:39Z

<p></p> <p><b>새 문서</b></p><div>.template-prevnext {<br /> margin: var( --space-md ) 0;<br /> padding: var( --space-xxs );<br /> background-color: var( --color-surface-1 );<br /> border: var( --border-base );<br /> border-radius: var( --border-radius-medium );<br /> font-size: var( --font-size-small );<br /> line-height: var( --line-height-xx-small );<br /> display: grid;<br /> align-items: center;<br /> grid-template-areas: &#039;prev current next&#039;;<br /> grid-template-columns: minmax( max-content, 1fr ) minmax( max-content, 1fr ) minmax( max-content, 1fr );<br /> }<br /> <br /> .template-prevnext__prev,<br /> .template-prevnext__next {<br /> position: relative;<br /> border-radius: var( --border-radius-base );<br /> display: flex;<br /> align-items: center;<br /> gap: var( --space-sm );<br /> }<br /> <br /> .template-prevnext__prev,<br /> .template-prevnext__current,<br /> .template-prevnext__next {<br /> padding: var( --space-xs );<br /> }<br /> <br /> .template-prevnext__prev {<br /> grid-area: prev;<br /> }<br /> <br /> .template-prevnext__current {<br /> grid-area: current;<br /> text-align: center;<br /> }<br /> <br /> .template-prevnext__next {<br /> grid-area: next;<br /> justify-content: flex-end;<br /> text-align: end;<br /> }<br /> <br /> .template-prevnext__link:hover {<br /> background-color: var( --background-color-button-quiet--hover );<br /> }<br /> <br /> .template-prevnext__link:hover &gt; .template-prevnext__icon {<br /> opacity: var( --opacity-icon-base--hover );<br /> }<br /> <br /> .template-prevnext__prev:hover &gt; .template-prevnext__icon {<br /> transform: translateX( -2px );<br /> }<br /> <br /> .template-prevnext__next:hover &gt; .template-prevnext__icon {<br /> transform: translateX( 2px );<br /> }<br /> <br /> .template-prevnext__link:active {<br /> background-color: var( --background-color-button-quiet--active );<br /> }<br /> <br /> .template-prevnext__link:active &gt; .template-prevnext__icon {<br /> opacity: var( --opacity-icon-base--selected );<br /> }<br /> <br /> .template-prevnext__icon {<br /> opacity: var( --opacity-icon-base );<br /> transition: transform 250ms ease;<br /> }<br /> <br /> .template-prevnext__icon img {<br /> filter: var( --filter-invert );<br /> }<br /> <br /> .template-prevnext__title {<br /> color: var( --color-emphasized );<br /> font-weight: 500;<br /> }<br /> <br /> .template-prevnext__link .template-prevnext__title {<br /> color: var( --color-progressive );<br /> }<br /> <br /> .template-prevnext__link--new .template-prevnext__title {<br /> color: var( --color-link-new );<br /> }<br /> <br /> .template-prevnext__desc {<br /> color: var( --color-subtle );<br /> font-size: var( --font-size-x-small );<br /> }<br /> <br /> .template-prevnext__linkoverlay {<br /> position: absolute;<br /> top: 0;<br /> left: 0;<br /> right: 0;<br /> bottom: 0;<br /> }<br /> <br /> .template-prevnext__linkoverlay &gt; a {<br /> display: block;<br /> font-size: 0;<br /> height: 100%;<br /> }<br /> <br /> @media screen and ( max-width: 639px ) {<br /> .template-prevnext {<br /> grid-template-areas:<br /> &#039;current current&#039;<br /> &#039;prev next&#039;;<br /> grid-template-columns: auto;<br /> }<br /> <br /> .template-prevnext__current {<br /> border-bottom: 1px solid var( --border-color-base );<br /> }<br /> }</div>

starcitizen.tools>Alistair3149