https://wiki.citizons.org/index.php?action=history&feed=atom&title=%E6%A8%A1%E6%9D%BF%3AMain_page%2Fshared%2Fstyles.css 2026-04-13T17:23:43Z 本wiki上该页面的版本历史 MediaWiki 1.42.1 https://wiki.citizons.org/index.php?title=%E6%A8%A1%E6%9D%BF:Main_page/shared/styles.css&diff=14&oldid=prev 2024-08-25T00:44:40Z

<p></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="zh-Hans-CN"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">←上一版本</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">2024年8月25日 (日) 00:44的版本</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l19">第19行：</td> <td colspan="2" class="diff-lineno">第19行：</td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> font-size: 0.875rem;</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> font-size: 0.875rem;</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> font-family: monospace;</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> font-family: monospace;</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;"> text-align: center;</del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>}</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>}</div></td></tr> </table>

Haoming Xu https://wiki.citizons.org/index.php?title=%E6%A8%A1%E6%9D%BF:Main_page/shared/styles.css&diff=13&oldid=prev 2024-08-25T00:40:53Z

<p></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="zh-Hans-CN"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">←上一版本</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">2024年8月25日 (日) 00:40的版本</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l1">第1行：</td> <td colspan="2" class="diff-lineno">第1行：</td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div> </div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">.mw-body-header, .citizen-body</ins></div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">{</ins></div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"> width: 100%;</ins></div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">}</ins></div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">.home-grid {</ins></div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"> display: grid;</ins></div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"> grid: auto-flow dense/repeat( auto-fit, minmax( 9.375rem, 1fr ) );</ins></div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"> grid-auto-rows: minmax( 3rem, auto );</ins></div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"> grid-gap: 0.625rem;</ins></div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">}</ins></div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">.home-card {</ins></div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"> position: relative;</ins></div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"> padding: 15px;</ins></div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"> background: var( --color-surface-1 );</ins></div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"> border-radius: 8px;</ins></div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"> font-size: 0.875rem;</ins></div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">}</ins></div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">.home-footer {</ins></div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"> font-size: 0.875rem;</ins></div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"> font-family: monospace;</ins></div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"> text-align: center;</ins></div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">}</ins></div></td></tr> </table>

Haoming Xu https://wiki.citizons.org/index.php?title=%E6%A8%A1%E6%9D%BF:Main_page/shared/styles.css&diff=12&oldid=prev 2024-08-24T14:31:24Z

<p>Haoming Xu将页面<a href="/wiki/%E6%A8%A1%E6%9D%BF:Main_page/shared/styles.css" title="模板:Main page/shared/styles.css">模板:Main page/shared/styles.css</a>的内容模型从“CSS”更改为“已过滤的CSS”</p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <tr class="diff-title" lang="zh-Hans-CN"> <td colspan="1" style="background-color: #fff; color: #202122; text-align: center;">←上一版本</td> <td colspan="1" style="background-color: #fff; color: #202122; text-align: center;">2024年8月24日 (六) 14:31的版本</td> </tr><tr><td colspan="2" class="diff-notice" lang="zh-Hans-CN"><div class="mw-diff-empty">（没有差异）</div> </td></tr></table>

Haoming Xu https://wiki.citizons.org/index.php?title=%E6%A8%A1%E6%9D%BF:Main_page/shared/styles.css&diff=11&oldid=prev 2024-08-24T14:31:11Z

<p>清空全部内容</p> <a href="https://wiki.citizons.org/index.php?title=%E6%A8%A1%E6%9D%BF:Main_page/shared/styles.css&amp;diff=11&amp;oldid=10">显示更改</a>

Haoming Xu https://wiki.citizons.org/index.php?title=%E6%A8%A1%E6%9D%BF:Main_page/shared/styles.css&diff=10&oldid=prev 2024-08-24T14:29:48Z

<p>Haoming Xu将页面<a href="/wiki/%E6%A8%A1%E6%9D%BF:Main_page/shared/styles.css" title="模板:Main page/shared/styles.css">模板:Main page/shared/styles.css</a>的内容模型从“wikitext”更改为“CSS”</p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <tr class="diff-title" lang="zh-Hans-CN"> <td colspan="1" style="background-color: #fff; color: #202122; text-align: center;">←上一版本</td> <td colspan="1" style="background-color: #fff; color: #202122; text-align: center;">2024年8月24日 (六) 14:29的版本</td> </tr><tr><td colspan="2" class="diff-notice" lang="zh-Hans-CN"><div class="mw-diff-empty">（没有差异）</div> </td></tr></table>

Haoming Xu https://wiki.citizons.org/index.php?title=%E6%A8%A1%E6%9D%BF:Main_page/shared/styles.css&diff=9&oldid=prev 2024-08-24T14:27:42Z

<p></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="zh-Hans-CN"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">←上一版本</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">2024年8月24日 (六) 14:27的版本</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l239">第239行：</td> <td colspan="2" class="diff-lineno">第239行：</td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> text-align: center;</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> text-align: center;</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>}</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>}</div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">&lt;templatedata&gt;</ins></div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">{</ins></div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"> "params": {},</ins></div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"> "format": "{{_\n| _ = _\n}}"</ins></div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">}</ins></div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">&lt;/templatedata&gt;</ins></div></td></tr> </table>

Haoming Xu https://wiki.citizons.org/index.php?title=%E6%A8%A1%E6%9D%BF:Main_page/shared/styles.css&diff=8&oldid=prev 2024-08-24T14:03:22Z

<p>创建页面，内容为“.home-grid { display: grid; grid: auto-flow dense/repeat( auto-fit, minmax( 9.375rem, 1fr ) ); grid-auto-rows: minmax( 3rem, auto ); grid-gap: var( --space-xs ); } .home-grid--col2 { grid-template-columns: 1fr 1fr; } .home-grid a.external { background-image: none; } .home-badge { display: flex; gap: var(--space-xxs); font-size: var(--font-size-x-small); padding: var(--space-xxs) var(--space-xs); background: var(--color-surface-2); col…”</p> <p><b>新页面</b></p><div>.home-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: var( --space-xs );<br /> }<br /> <br /> .home-grid--col2 {<br /> grid-template-columns: 1fr 1fr;<br /> }<br /> <br /> .home-grid a.external {<br /> background-image: none;<br /> }<br /> <br /> .home-badge {<br /> display: flex;<br /> gap: var(--space-xxs);<br /> font-size: var(--font-size-x-small);<br /> padding: var(--space-xxs) var(--space-xs);<br /> background: var(--color-surface-2);<br /> color: var(--color-base);<br /> border-radius: var(--border-radius--small);<br /> font-weight: var(--font-weight-normal);<br /> letter-spacing: 0.025em;<br /> line-height: var(--line-height-xs);<br /> }<br /> <br /> .home-card {<br /> position: relative;<br /> padding: var( --space-md );<br /> background: var( --color-surface-1 );<br /> border-radius: var( --border-radius--medium );<br /> font-size: var( --font-size-small );<br /> }<br /> <br /> .home-card table.timeline {<br /> margin-top: var( --space-xs );<br /> }<br /> <br /> .home-card--col2 {<br /> grid-column: span 2;<br /> }<br /> <br /> .home-card--row3 {<br /> grid-row: span 3;<br /> }<br /> <br /> .home-card--row4 {<br /> grid-row: span 4;<br /> }<br /> <br /> .home-card--row8 {<br /> grid-row: span 8 / auto;<br /> }<br /> <br /> .home-card__badge,<br /> .home-card__label {<br /> color: var( --color-base--subtle );<br /> font-size: var( --font-size-x-small );<br /> letter-spacing: 0.05em;<br /> }<br /> <br /> .home-card__badge {<br /> padding: var( --space-xxs ) var( --space-xs );<br /> border-radius: var( --border-radius--small );<br /> background: var( --color-surface-2 );<br /> }<br /> <br /> .home-card__header {<br /> color: var( --color-base--emphasized );<br /> font-size: 1rem;<br /> font-weight: var( --font-weight-semibold );<br /> line-height: var( --line-height-xs );<br /> }<br /> <br /> .home-card__header a {<br /> display: flex;<br /> align-items: center;<br /> justify-content: space-between;<br /> }<br /> <br /> .home-card__header a:after {<br /> content: &#039;▶&#039;;<br /> font-size: var( --font-size-x-small );<br /> }<br /> <br /> .home-card__background {<br /> position: absolute;<br /> inset: 0;<br /> }<br /> <br /> .home-card__background:after {<br /> position: absolute;<br /> pointer-events: none;<br /> inset: 0;<br /> display: block;<br /> background: linear-gradient(to right,#000,transparent);<br /> content: &quot;&quot;;<br /> transition: transform 250ms ease;<br /> }<br /> <br /> .home-card__background picture,<br /> .home-card__background img {<br /> width: 100%;<br /> height: 100%;<br /> }<br /> <br /> .home-card__background img {<br /> object-fit: cover;<br /> object-position: center;<br /> }<br /> <br /> .home-card__foreground {<br /> position: absolute;<br /> top: 0;<br /> bottom: 0;<br /> left: 0;<br /> right: 0;<br /> padding: var( --space-md );<br /> display: flex;<br /> flex-direction: column;<br /> justify-content: center;<br /> gap: var( --space-xxs );<br /> color: #fff;<br /> line-height: var( --line-height-xs );<br /> pointer-events: none;<br /> }<br /> <br /> .home-card__foreground .home-card__badge {<br /> position: absolute;<br /> top: 0;<br /> right: 0;<br /> border-top-left-radius: 0;<br /> border-bottom-right-radius: 0;<br /> }<br /> <br /> .home-card__foreground .home-card__header {<br /> color: #fff;<br /> }<br /> <br /> .home-card__foreground .home-card__label {<br /> color: #bababa;<br /> }<br /> <br /> .home-card p {<br /> margin-top: var( --space-xs );<br /> font-size: var( --font-size-small );<br /> }<br /> <br /> .home-card.home-card--button {<br /> overflow: hidden;<br /> padding: 0;<br /> border: 0;<br /> }<br /> <br /> .home-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 /> .home-card--button .home-card__background a {<br /> padding: 0;<br /> }<br /> <br /> .home-card--button img {<br /> transition: transform 250ms ease;<br /> }<br /> <br /> .home-card--button:hover img {<br /> transform: scale( 1.1 );<br /> }<br /> <br /> .home-link {<br /> display: grid;<br /> margin-top: var( --space-xs );<br /> font-size: var( --font-size-small );<br /> font-weight: var( --font-weight-medium );<br /> grid-gap: var( --space-xs );<br /> text-align: center;<br /> }<br /> <br /> .home-link__button {<br /> display: flex;<br /> }<br /> <br /> .home-link__button a {<br /> flex-grow: 1;<br /> padding: var( --space-xs );<br /> border: 1px solid var( --border-color-base );<br /> background: var( --color-surface-2 );<br /> border-radius: var( --border-radius--medium );<br /> color: var( --color-base--emphasized ) !important;<br /> line-height: var( --line-height-xs );<br /> text-decoration: none !important;<br /> }<br /> <br /> .home-link__button a:hover {<br /> background: var( --color-surface-2--hover );<br /> }<br /> <br /> .home-link__button a:active {<br /> background: var( --color-surface-2--active );<br /> }<br /> <br /> #home-content {<br /> margin-top: var( --space-lg );<br /> }<br /> <br /> .home-card .template-statsbar {<br /> margin: 0;<br /> }<br /> <br /> #home-card-discord {<br /> background: #5865f2;<br /> }<br /> <br /> #home-card-patreon {<br /> background: #ff424d;<br /> }<br /> <br /> #home-card-kofi {<br /> background: #ff5e5b;<br /> }<br /> <br /> #home-card-reddit {<br /> background: #ff4500;<br /> }<br /> <br /> .home-footer {<br /> font-size: var( --font-size-small );<br /> font-family: var( --font-family-monospace );<br /> text-align: center;<br /> }</div>

Haoming Xu