https://wiki.shroudforge.net/index.php?action=history&feed=atom&title=Module%3ADependencies%2Fstyles.css 2026-11-05T06:28:22Z Revision history for this page on the wiki MediaWiki 1.46.2 https://wiki.shroudforge.net/index.php?title=Module:Dependencies/styles.css&diff=94&oldid=prev 2026-11-04T22:22:09Z

<p>1 revision imported: Import Star Citizen Modules</p> <table style="background-color: #fff; color: #202122;" data-mw-interface=""> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="en-GB"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Older revision</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 22:22, 4 November 2026</td> </tr><tr><td colspan="4" class="diff-notice" lang="en-GB"><div class="mw-diff-empty">(No difference)</div> </td></tr> <!-- diff cache key mediawiki-mediawiki:diff:1.41:old-93:rev-94 --> </table>

Bonsaibauer https://wiki.shroudforge.net/index.php?title=Module:Dependencies/styles.css&diff=93&oldid=prev 2026-10-08T16:49:52Z

<p>Sync from Git (becda4f): draw SVG thumbnails as silhouettes (via update-page on MediaWiki MCP Server)</p> <p><b>New page</b></p><div>/* Markup comes from Module:Dependencies; the box around it is Module:Mbox&#039;s. */<br /> <br /> .t-dependencies__summary {<br /> display: flex;<br /> flex-wrap: wrap;<br /> align-items: center;<br /> justify-content: space-between;<br /> gap: var(--space-xxs) var(--space-md);<br /> }<br /> <br /> .t-dependencies__meta {<br /> display: flex;<br /> flex-wrap: wrap;<br /> align-items: center;<br /> gap: var(--space-xs);<br /> color: var(--color-subtle);<br /> }<br /> <br /> .t-dependencies__chip {<br /> padding-inline: var(--space-xs);<br /> border: 1px solid var(--border-color-warning);<br /> border-radius: var(--border-radius-pill);<br /> background-color: var(--background-color-warning-subtle);<br /> color: var(--color-warning);<br /> font-size: var(--font-size-x-small);<br /> line-height: var(--line-height-x-small);<br /> }<br /> <br /> .t-dependencies__row {<br /> display: grid;<br /> grid-template-columns: 7rem minmax( 0, 1fr );<br /> gap: var(--space-xxs) var(--space-md);<br /> padding-block: var(--space-sm);<br /> }<br /> <br /> .t-dependencies__row:first-child {<br /> padding-top: 0;<br /> }<br /> <br /> .t-dependencies__row:last-child {<br /> padding-bottom: 0;<br /> }<br /> <br /> .t-dependencies__row + .t-dependencies__row {<br /> border-top: var(--border-subtle);<br /> }<br /> <br /> .t-dependencies__label,<br /> .t-dependencies__sublabel {<br /> display: flex;<br /> align-items: center;<br /> align-self: start;<br /> gap: var(--space-xs);<br /> color: var(--color-subtle);<br /> }<br /> <br /> .t-dependencies__icon {<br /> flex-shrink: 0;<br /> }<br /> <br /> .t-dependencies__row--warning &gt; .t-dependencies__label {<br /> color: var(--color-warning);<br /> }<br /> <br /> .t-dependencies__content &gt; * + * {<br /> margin-top: var(--space-xs);<br /> }<br /> <br /> .t-dependencies__row--muted &gt; .t-dependencies__content {<br /> color: var(--color-subtle);<br /> }<br /> <br /> .t-dependencies__groups {<br /> display: grid;<br /> grid-template-columns: 7.5rem minmax( 0, 1fr );<br /> gap: var(--space-xs) var(--space-sm);<br /> }<br /> <br /> .t-dependencies__count {<br /> padding-inline: var(--space-xxs);<br /> border-radius: var(--border-radius-pill);<br /> background-color: var(--color-surface-2);<br /> font-family: var(--font-family-monospace);<br /> font-size: var(--font-size-x-small);<br /> line-height: var(--line-height-x-small);<br /> }<br /> <br /> .t-dependencies__list {<br /> display: flex;<br /> flex-wrap: wrap;<br /> gap: 0 var(--space-md);<br /> margin: 0;<br /> padding: 0;<br /> list-style: none;<br /> }<br /> <br /> .t-dependencies__list &gt; li {<br /> margin: 0;<br /> list-style: none;<br /> }<br /> <br /> .t-dependencies__list--code {<br /> font-family: var(--font-family-monospace);<br /> }<br /> <br /> .t-dependencies__line {<br /> margin-inline-start: var(--space-xxs);<br /> color: var(--color-subtle);<br /> font-size: var(--font-size-x-small);<br /> line-height: var(--line-height-x-small);<br /> }<br /> <br /> .t-dependencies__note {<br /> color: var(--color-subtle);<br /> }<br /> <br /> .t-dependencies__list--files &gt; li {<br /> display: flex;<br /> flex-wrap: wrap;<br /> align-items: center;<br /> gap: 0 var(--space-xs);<br /> }<br /> <br /> .t-dependencies__thumb {<br /> display: flex;<br /> line-height: 0;<br /> }<br /> <br /> .t-dependencies__thumb img {<br /> width: 20px;<br /> height: 20px;<br /> object-fit: contain;<br /> }<br /> <br /> /* Black here; the wrapper&#039;s skin-invert turns it white on a dark theme. The two<br /> cannot share one filter: Citizen&#039;s --filter-invert is `none` on a light theme. */<br /> .t-dependencies__thumb--svg img {<br /> filter: brightness(0);<br /> }<br /> <br /> /* A missing file&#039;s thumbnail is a red link repeating the name beside it. */<br /> .t-dependencies__thumb .mw-broken-media {<br /> display: none;<br /> }<br /> <br /> .t-dependencies__warning {<br /> color: var(--color-warning);<br /> }<br /> <br /> /* A phone stacks each label above its content. */<br /> @media ( max-width: 639px ) {<br /> .t-dependencies__row,<br /> .t-dependencies__groups {<br /> display: flex;<br /> flex-direction: column;<br /> gap: var(--space-xxs);<br /> }<br /> <br /> .t-dependencies__items + .t-dependencies__sublabel {<br /> margin-top: var(--space-xs);<br /> }<br /> }</div>

starcitizen>Alistar Bot