https://dev.dsp-wiki.com/Template:Infobox_buttons/styles.css/history?feed=atom 2026-05-14T15:06:19Z Revision history for this page on the wiki MediaWiki 1.43.5 https://dev.dsp-wiki.com/index.php?title=Template:Infobox_buttons/styles.css&diff=16922&oldid=prev 2024-03-24T11:54:46Z

<p>1 revision imported: New Files</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"> <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 11:54, 24 March 2024</td> </tr><tr><td colspan="4" class="diff-notice" lang="en"><div class="mw-diff-empty">(No difference)</div> </td></tr> <!-- diff cache key dspwiki?htest:diff:1.41:old-16918:rev-16922 --> </table>

Antt1995 https://dev.dsp-wiki.com/index.php?title=Template:Infobox_buttons/styles.css&diff=16918&oldid=prev 2023-05-04T23:45:17Z

<p></p> <p><b>New page</b></p><div>/* Infobox button */<br /> .infobox-button {<br /> position: relative;<br /> }<br /> <br /> .infobox-extlink-button {<br /> display: block;<br /> padding: 10px 20px;<br /> background: var( --color-primary );<br /> border-radius: 0 0 12px 12px;<br /> color: #fff;<br /> }<br /> <br /> .infobox-extlink-button-icon {<br /> margin-right: 8px;<br /> filter: invert( 1 );<br /> }<br /> <br /> /* Popup card */<br /> .infobox-extlink-list {<br /> position: absolute;<br /> z-index: -1;<br /> overflow: hidden;<br /> width: 100%;<br /> padding-top: var( --space-md );<br /> padding-bottom: var( --space-xs );<br /> background: var( --color-surface-1 );<br /> border-radius: var( --border-radius--medium );<br /> box-shadow: var( --box-shadow-dialog );<br /> opacity: 0;<br /> text-align: left;<br /> transition: transform 250ms ease, opacity 250ms ease;<br /> visibility: hidden;<br /> transform: translateY( -20px );<br /> }<br /> <br /> .infobox-extlink-list p {<br /> margin-bottom: 0;<br /> }<br /> <br /> .infobox-button:hover .infobox-extlink-list {<br /> z-index: 10;<br /> opacity: 1;<br /> visibility: visible;<br /> transform: none;<br /> }<br /> <br /> .infobox-extlink-title {<br /> display: block;<br /> padding: 0 15px;<br /> margin: 5px 0;<br /> color: var( --color-base--subtle );<br /> font-size: 0.8125rem;<br /> font-weight: normal;<br /> letter-spacing: 0.75px;<br /> }<br /> <br /> .infobox-extlink-list ul {<br /> display: flex;<br /> flex-wrap: wrap;<br /> padding: 0 5px;<br /> margin: 0 0 10px 0;<br /> list-style: none;<br /> }<br /> <br /> .infobox-extlink a.external {<br /> display: block;<br /> /* Override external link and file icons */<br /> padding: 5px 10px;<br /> background-image: none;<br /> border-radius: 4px;<br /> transition: background 0.2s ease, color 0.2s ease;<br /> }<br /> <br /> .infobox-extlink a:hover {<br /> background-color: var( --background-color-quiet--hover );<br /> }<br /> <br /> .infobox-extlink a:active {<br /> background-color: var( --background-color-quiet--active );<br /> }<br /> <br /> .infobox-extlink-title:before {<br /> position: absolute;<br /> z-index: -1;<br /> right: 20px;<br /> display: block;<br /> width: 120px;<br /> height: 120px;<br /> margin-top: 5px;<br /> background-position: top right;<br /> background-repeat: no-repeat;<br /> background-size: contain;<br /> opacity: 0.1;<br /> }<br /> <br /> .infobox-extlink-title-rsi:before {<br /> /* TemplateStyles does not like internal link for some reason */<br /> background-image: url( https://media.starcitizen.tools/4/40/RSItm.svg );<br /> content: &#039;&#039;;<br /> }<br /> <br /> .infobox-extlink-title-community:before {<br /> /* TemplateStyles does not like internal link for some reason */<br /> background-image: url( https://media.starcitizen.tools/3/3f/MadeByTheCommunity.svg );<br /> content: &#039;&#039;;<br /> }<br /> <br /> /* Dark mode */<br /> html.skin-citizen-dark .infobox-extlink-title:before {<br /> filter: invert( 1 );<br /> }</div>

Antt1995