https://zh.trucksim.wiki/index.php?action=history&feed=atom&title=Template%3APageInfo%2Fstyles.css 2026-08-31T04:04:41Z 本wiki上该页面的版本历史 MediaWiki 1.46.0 https://zh.trucksim.wiki/index.php?title=Template:PageInfo/styles.css&diff=84&oldid=prev 2026-07-19T11:00:21Z

<p>PageInfo css</p> <p><b>新页面</b></p><div>.page-info {<br /> display: grid;<br /> grid-template-columns: auto minmax(0, 1fr) auto;<br /> align-items: center;<br /> gap: 0.875rem;<br /> <br /> box-sizing: border-box;<br /> width: 100%;<br /> margin: 0 0 1.25rem;<br /> padding: 0.875rem 1rem;<br /> <br /> color: var(--color-base, #202122);<br /> background: var(--background-color-neutral-subtle, #f8f9fa);<br /> <br /> border: 1px solid var(--border-color-base, #a2a9b1);<br /> border-inline-start: 4px solid var(--color-progressive, #36c);<br /> border-radius: 0.75rem;<br /> }<br /> <br /> .page-info__icon {<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> flex: none;<br /> <br /> width: 2rem;<br /> height: 2rem;<br /> <br /> color: var(--color-progressive, #36c);<br /> font-size: 1rem;<br /> font-weight: 700;<br /> <br /> background: var(--background-color-progressive-subtle, #eaf3ff);<br /> border-radius: 50%;<br /> }<br /> <br /> .page-info__body {<br /> min-width: 0;<br /> }<br /> <br /> .page-info__title {<br /> margin-bottom: 0.125rem;<br /> font-weight: 700;<br /> line-height: 1.4;<br /> }<br /> <br /> .page-info__text {<br /> color: var(--color-subtle, #54595d);<br /> font-size: 0.875rem;<br /> line-height: 1.6;<br /> }<br /> <br /> .page-info__text &gt; :first-child {<br /> margin-top: 0;<br /> }<br /> <br /> .page-info__text &gt; :last-child {<br /> margin-bottom: 0;<br /> }<br /> <br /> .page-info__action a {<br /> display: inline-flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> padding: 0.375rem 0.75rem;<br /> <br /> color: var(--color-progressive, #36c);<br /> font-size: 0.875rem;<br /> font-weight: 600;<br /> text-decoration: none;<br /> white-space: nowrap;<br /> <br /> background: var(--background-color-progressive-subtle, #eaf3ff);<br /> border-radius: 0.5rem;<br /> }<br /> <br /> .page-info__action a:hover {<br /> text-decoration: none;<br /> filter: brightness(0.96);<br /> }<br /> <br /> /* 成功 */<br /> .page-info--success {<br /> border-inline-start-color: var(--color-success, #14866d);<br /> }<br /> <br /> .page-info--success .page-info__icon {<br /> color: var(--color-success, #14866d);<br /> background: var(--background-color-success-subtle, #d5fdf4);<br /> }<br /> <br /> /* 警告 */<br /> .page-info--warning,<br /> .page-info--construction,<br /> .page-info--update {<br /> border-inline-start-color: var(--color-warning, #ac6600);<br /> }<br /> <br /> .page-info--warning .page-info__icon,<br /> .page-info--construction .page-info__icon,<br /> .page-info--update .page-info__icon {<br /> color: var(--color-warning, #ac6600);<br /> background: var(--background-color-warning-subtle, #fef6e7);<br /> }<br /> <br /> /* 错误 */<br /> .page-info--error {<br /> border-inline-start-color: var(--color-destructive, #b32424);<br /> }<br /> <br /> .page-info--error .page-info__icon {<br /> color: var(--color-destructive, #b32424);<br /> background: var(--background-color-destructive-subtle, #fee7e6);<br /> }<br /> <br /> /* 剧透 */<br /> .page-info--spoiler {<br /> border-inline-start-color: var(--color-visited, #6b4ba1);<br /> }<br /> <br /> .page-info--spoiler .page-info__icon {<br /> color: var(--color-visited, #6b4ba1);<br /> background: rgba(107, 75, 161, 0.12);<br /> }<br /> <br /> @media screen and (max-width: 720px) {<br /> .page-info {<br /> grid-template-columns: auto minmax(0, 1fr);<br /> align-items: start;<br /> }<br /> <br /> .page-info__action {<br /> grid-column: 2;<br /> }<br /> <br /> .page-info__action a {<br /> padding-inline: 0;<br /> background: transparent;<br /> }<br /> }</div>

Imxiaoanag