https://sarkic-cults.group/index.php?action=history&feed=atom&title=Template%3AMain_page%2Fnavigation%2Fstyles.css 2026-10-22T02:15:34Z Revision history for this page on the wiki MediaWiki 1.46.2 https://sarkic-cults.group/index.php?title=Template:Main_page/navigation/styles.css&diff=1326&oldid=prev 2026-10-05T14:24:31Z

<p>Add curated lore navigation and document native disclosures and template previews</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 14:24, 5 October 2026</td> </tr><tr> <td colspan="2" class="diff-lineno">Line 27:</td> <td colspan="2" class="diff-lineno">Line 27:</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>#home-discordwidget.home-community-card .home-link__button-discord a { padding: .65rem 1.2rem; }</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>#home-discordwidget.home-community-card .home-link__button-discord a { padding: .65rem 1.2rem; }</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>.home-community-members { flex-basis: 100%; font-size: .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>.home-community-members { flex-basis: 100%; font-size: .875rem; }</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>.home-community-members <del style="font-weight: bold; text-decoration: none;">.mw-collapsible-toggle</del> { <del style="font-weight: bold; text-decoration: none;">float</del>: <del style="font-weight: bold; text-decoration: none;">none</del>; }</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>.home-community-members <ins style="font-weight: bold; text-decoration: none;">&gt; summary</ins> { <ins style="font-weight: bold; text-decoration: none;">cursor</ins>: <ins style="font-weight: bold; text-decoration: none;">pointer; color: var(--color-progressive)</ins>; }</div></td> </tr> <tr> <td colspan="2" class="diff-empty 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>.home-community-members &gt; summary .mw-collapsible-toggle { float: none; margin-right: .5rem; }</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>.home-community-members .discord-widget-wrap { max-width: 400px; margin-top: 1rem; }</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>.home-community-members .discord-widget-wrap { max-width: 400px; margin-top: 1rem; }</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>.home-meta.home-meta--compact { display: flex; justify-content: space-between; flex-wrap: wrap; gap: .5rem 1rem; margin-top: 1rem; padding-top: .85rem; border-top: 1px solid var(--border-color-base); }</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>.home-meta.home-meta--compact { display: flex; justify-content: space-between; flex-wrap: wrap; gap: .5rem 1rem; margin-top: 1rem; padding-top: .85rem; border-top: 1px solid var(--border-color-base); }</div></td> </tr> <!-- diff cache key mediawiki:diff:1.41:old-1298:rev-1326:wikidiff2=table:1.14.1:bc2a06be --> </table>

DivošiRunner https://sarkic-cults.group/index.php?title=Template:Main_page/navigation/styles.css&diff=1298&oldid=prev 2026-10-05T13:48:42Z

<p>Improve archive navigation, reusable templates and document metadata (2026-10-05)</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 13:48, 5 October 2026</td> </tr><tr> <td colspan="2" class="diff-lineno">Line 1:</td> <td colspan="2" class="diff-lineno">Line 1:</td> </tr> <tr> <td colspan="2" class="diff-empty 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>/* Main Page polish: full-width navigation and balanced supporting content.</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>/* Scoped additions; hero, Citizen page width and existing colour tokens are retained. */</div></td> <td colspan="2" class="diff-empty diff-side-added"></td> </tr> <tr> <td colspan="2" class="diff-empty 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> Keep the existing Citizen width, hero, search and colour palette. */</div></td> </tr> <tr> <td class="diff-marker"><a class="mw-diff-movedpara-left" title="Paragraph was moved. Click to jump to new location." href="#movedpara_19_1_rhs">&#x26AB;</a></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><a name="movedpara_3_0_lhs"></a>.home-<del style="font-weight: bold; text-decoration: none;">navigation</del> { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .<del style="font-weight: bold; text-decoration: none;">625rem</del>; }</div></td> <td colspan="2" class="diff-empty diff-side-added"></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>.home-<del style="font-weight: bold; text-decoration: none;">navigation &gt; p</del> { display: <del style="font-weight: bold; text-decoration: none;">contents</del>; }</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;">#home-content</ins>.home-<ins style="font-weight: bold; text-decoration: none;">content-polished</ins> { display: <ins style="font-weight: bold; text-decoration: none;">block; margin-top: 1.75rem</ins>; }</div></td> </tr> <tr> <td colspan="2" class="diff-empty 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>.home-section-title { margin: 0 0 1rem; font-size: 1.4rem; color: var(--color-emphasized); }</div></td> </tr> <tr> <td class="diff-marker"><a class="mw-diff-movedpara-left" title="Paragraph was moved. Click to jump to new location." href="#movedpara_19_2_rhs">&#x26AB;</a></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><a name="movedpara_6_0_lhs"></a>.home-<del style="font-weight: bold; text-decoration: none;">nav</del>-card { min-width: 0; }</div></td> <td colspan="2" class="diff-empty diff-side-added"></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;">.</del>home-<del style="font-weight: bold; text-decoration: none;">nav-card</del> .home-<del style="font-weight: bold; text-decoration: none;">card__header</del> { <del style="font-weight: bold; text-decoration: none;">margin-top</del>: <del style="font-weight: bold; text-decoration: none;">.35rem</del>; <del style="font-weight: bold; text-decoration: none;">font</del>-<del style="font-weight: bold; text-decoration: none;">size</del>: <del style="font-weight: bold; text-decoration: none;">1</del>.<del style="font-weight: bold; text-decoration: none;">1rem</del>; }</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;">#</ins>home-<ins style="font-weight: bold; text-decoration: none;">content</ins> .home-<ins style="font-weight: bold; text-decoration: none;">navigation</ins> { <ins style="font-weight: bold; text-decoration: none;">display</ins>: <ins style="font-weight: bold; text-decoration: none;">grid</ins>; <ins style="font-weight: bold; text-decoration: none;">grid</ins>-<ins style="font-weight: bold; text-decoration: none;">template-columns: repeat(3, minmax(0, 1fr)); gap</ins>: .<ins style="font-weight: bold; text-decoration: none;">85rem</ins>; }</div></td> </tr> <tr> <td colspan="2" class="diff-empty 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>.home-navigation &gt; p, .home-reading-grid &gt; p { display: contents; }</div></td> </tr> <tr> <td class="diff-marker"><a class="mw-diff-movedpara-left" title="Paragraph was moved. Click to jump to new location." href="#movedpara_17_0_rhs">&#x26AB;</a></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><a name="movedpara_9_0_lhs"></a>.home-nav-card__links { <del style="font-weight: bold; text-decoration: none;">display</del>: <del style="font-weight: bold; text-decoration: none;">flex</del>; <del style="font-weight: bold; text-decoration: none;">flex</del>-<del style="font-weight: bold; text-decoration: none;">wrap</del>: <del style="font-weight: bold; text-decoration: none;">wrap</del>; <del style="font-weight: bold; text-decoration: none;">gap</del>: .<del style="font-weight: bold; text-decoration: none;">3rem .7rem</del>; }</div></td> <td colspan="2" class="diff-empty diff-side-added"></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>.home-<del style="font-weight: bold; text-decoration: none;">section</del>-<del style="font-weight: bold; text-decoration: none;">title</del> { <del style="font-weight: bold; text-decoration: none;">font</del>-<del style="font-weight: bold; text-decoration: none;">size</del>: 1.<del style="font-weight: bold; text-decoration: none;">25rem</del>; <del style="font-weight: bold; text-decoration: none;">margin</del>: <del style="font-weight: bold; text-decoration: none;">0</del> <del style="font-weight: bold; text-decoration: none;">0</del> <del style="font-weight: bold; text-decoration: none;">.7rem</del>; }</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>.home-<ins style="font-weight: bold; text-decoration: none;">nav</ins>-<ins style="font-weight: bold; text-decoration: none;">card</ins> { <ins style="font-weight: bold; text-decoration: none;">min</ins>-<ins style="font-weight: bold; text-decoration: none;">width: 0; padding</ins>: 1.<ins style="font-weight: bold; text-decoration: none;">15rem</ins>; <ins style="font-weight: bold; text-decoration: none;">display</ins>: <ins style="font-weight: bold; text-decoration: none;">flex;</ins> <ins style="font-weight: bold; text-decoration: none;">flex-direction:</ins> <ins style="font-weight: bold; text-decoration: none;">column</ins>; }</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>.home-<del style="font-weight: bold; text-decoration: none;">support</del> { <del style="font-weight: bold; text-decoration: none;">margin-top</del>: <del style="font-weight: bold; text-decoration: none;">.625rem</del>; }</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>.home-<ins style="font-weight: bold; text-decoration: none;">nav-card .home-card__label</ins> { <ins style="font-weight: bold; text-decoration: none;">display</ins>: <ins style="font-weight: bold; text-decoration: none;">none</ins>; }</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>.home-<del style="font-weight: bold; text-decoration: none;">support &gt; .home</del>-card<del style="font-weight: bold; text-decoration: none;"> +</del> .home-<del style="font-weight: bold; text-decoration: none;">card</del> { margin-<del style="font-weight: bold; text-decoration: none;">top</del>: .<del style="font-weight: bold; text-decoration: none;">625rem</del>; }</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>.home-<ins style="font-weight: bold; text-decoration: none;">nav</ins>-card .home-<ins style="font-weight: bold; text-decoration: none;">card__header</ins> { margin<ins style="font-weight: bold; text-decoration: none;">: 0 0 .55rem; font</ins>-<ins style="font-weight: bold; text-decoration: none;">size</ins>: <ins style="font-weight: bold; text-decoration: none;">1</ins>.<ins style="font-weight: bold; text-decoration: none;">15rem</ins>; }</div></td> </tr> <tr> <td colspan="2" class="diff-empty 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>.home-nav-card .home-card__header a, .home-feature .home-card__header a { color: var(--color-emphasized); }</div></td> </tr> <tr> <td class="diff-marker"><a class="mw-diff-movedpara-left" title="Paragraph was moved. Click to jump to new location." href="#movedpara_19_4_rhs">&#x26AB;</a></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><a name="movedpara_12_0_lhs"></a>.home-<del style="font-weight: bold; text-decoration: none;">feature</del> p { line-height: 1.6; }</div></td> <td colspan="2" class="diff-empty diff-side-added"></td> </tr> <tr> <td colspan="2" class="diff-empty 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>.home-nav-card .home-card__header a:after, .home-feature .home-card__header a:after { display: none; }</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>.home-shortcuts { display: flex; flex-wrap: wrap; gap: .6rem 1rem; margin: 1rem 0; }</div></td> <td colspan="2" class="diff-empty diff-side-added"></td> </tr> <tr> <td colspan="2" class="diff-empty 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>.home-nav-card p { margin: 0 0 1rem; line-height: 1.6; }</div></td> </tr> <tr> <td class="diff-marker"><a class="mw-diff-movedpara-left" title="Paragraph was moved. Click to jump to new location." href="#movedpara_19_21_rhs">&#x26AB;</a></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><a name="movedpara_16_0_lhs"></a>@media (max-width: <del style="font-weight: bold; text-decoration: none;">540px</del>) { .home-navigation { grid-template-columns: minmax(0,1fr); } }</div></td> <td colspan="2" class="diff-empty diff-side-added"></td> </tr> <tr> <td colspan="2" class="diff-empty diff-side-deleted"></td> <td class="diff-marker"><a class="mw-diff-movedpara-right" title="Paragraph was moved. Click to jump to old location." href="#movedpara_9_0_lhs">&#x26AB;</a></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><a name="movedpara_17_0_rhs"></a>.home-nav-card__links { <ins style="font-weight: bold; text-decoration: none;">margin-top</ins>: <ins style="font-weight: bold; text-decoration: none;">auto</ins>; <ins style="font-weight: bold; text-decoration: none;">font</ins>-<ins style="font-weight: bold; text-decoration: none;">size</ins>: <ins style="font-weight: bold; text-decoration: none;">.875rem</ins>; <ins style="font-weight: bold; text-decoration: none;">line-height</ins>: <ins style="font-weight: bold; text-decoration: none;">1</ins>.<ins style="font-weight: bold; text-decoration: none;">7</ins>; }</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>@media (min-width: 760px) and (max-width: 1100px) { .home-navigation { grid-template-columns: minmax(0,1fr); } }</div></td> <td colspan="2" class="diff-empty diff-side-added"></td> </tr> <tr> <td colspan="2" class="diff-empty 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>.home-shortcuts { margin: 1rem 0 1.75rem; line-height: 1.9; font-size: .875rem; }</div></td> </tr> <tr> <td colspan="2" class="diff-empty diff-side-deleted"></td> <td class="diff-marker"><a class="mw-diff-movedpara-right" title="Paragraph was moved. Click to jump to old location." href="#movedpara_3_0_lhs">&#x26AB;</a></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><a name="movedpara_19_1_rhs"></a>.home-<ins style="font-weight: bold; text-decoration: none;">reading-grid</ins> { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .<ins style="font-weight: bold; text-decoration: none;">85rem; align-items: stretch</ins>; }</div></td> </tr> <tr> <td colspan="2" class="diff-empty diff-side-deleted"></td> <td class="diff-marker"><a class="mw-diff-movedpara-right" title="Paragraph was moved. Click to jump to old location." href="#movedpara_6_0_lhs">&#x26AB;</a></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><a name="movedpara_19_2_rhs"></a>.home-<ins style="font-weight: bold; text-decoration: none;">reading-grid .home</ins>-card { min-width: 0<ins style="font-weight: bold; text-decoration: none;">; padding: 1.25rem</ins>; }</div></td> </tr> <tr> <td colspan="2" class="diff-empty 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>.home-reading-grid .home-card__header { font-size: 1.15rem; margin-top: .4rem; }</div></td> </tr> <tr> <td colspan="2" class="diff-empty diff-side-deleted"></td> <td class="diff-marker"><a class="mw-diff-movedpara-right" title="Paragraph was moved. Click to jump to old location." href="#movedpara_12_0_lhs">&#x26AB;</a></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><a name="movedpara_19_4_rhs"></a>.home-<ins style="font-weight: bold; text-decoration: none;">reading-grid</ins> p { line-height: 1.6; }</div></td> </tr> <tr> <td colspan="2" class="diff-empty 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>.home-activity-links { margin-top: 1.2rem; padding-top: .9rem; border-top: 1px solid var(--border-color-base); font-size: .875rem; }</div></td> </tr> <tr> <td colspan="2" class="diff-empty 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>.home-activity-links .mw-heading { margin: 0; }</div></td> </tr> <tr> <td colspan="2" class="diff-empty 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>.home-activity-links h4 { margin: 0 0 .4rem; font-size: .95rem; }</div></td> </tr> <tr> <td colspan="2" class="diff-empty 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>#home-discordwidget.home-community-card { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem 2rem; padding: 1.2rem 1.25rem; margin-top: .85rem; }</div></td> </tr> <tr> <td colspan="2" class="diff-empty 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>.home-community-heading { flex: 1 1 20rem; }</div></td> </tr> <tr> <td colspan="2" class="diff-empty 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>.home-community-heading .home-card__header { margin: 0 0 .35rem; font-size: 1.1rem; }</div></td> </tr> <tr> <td colspan="2" class="diff-empty 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>.home-community-heading p { margin: 0; }</div></td> </tr> <tr> <td colspan="2" class="diff-empty 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>#home-discordwidget.home-community-card .home-link__button-discord { width: auto; margin: 0; }</div></td> </tr> <tr> <td colspan="2" class="diff-empty 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>#home-discordwidget.home-community-card .home-link__button-discord a { padding: .65rem 1.2rem; }</div></td> </tr> <tr> <td colspan="2" class="diff-empty 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>.home-community-members { flex-basis: 100%; font-size: .875rem; }</div></td> </tr> <tr> <td colspan="2" class="diff-empty 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>.home-community-members .mw-collapsible-toggle { float: none; }</div></td> </tr> <tr> <td colspan="2" class="diff-empty 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>.home-community-members .discord-widget-wrap { max-width: 400px; margin-top: 1rem; }</div></td> </tr> <tr> <td colspan="2" class="diff-empty 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>.home-meta.home-meta--compact { display: flex; justify-content: space-between; flex-wrap: wrap; gap: .5rem 1rem; margin-top: 1rem; padding-top: .85rem; border-top: 1px solid var(--border-color-base); }</div></td> </tr> <tr> <td colspan="2" class="diff-empty 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>.home-meta.home-meta--compact .home-meta__item { padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; }</div></td> </tr> <tr> <td colspan="2" class="diff-empty 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>.home-meta--compact .home-meta__text, .home-meta--compact .home-meta__actions { font-size: .75rem; }</div></td> </tr> <tr> <td colspan="2" class="diff-empty 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>.home-meta--compact .home-meta__actions a { padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; }</div></td> </tr> <tr> <td colspan="2" class="diff-empty diff-side-deleted"></td> <td class="diff-marker"><a class="mw-diff-movedpara-right" title="Paragraph was moved. Click to jump to old location." href="#movedpara_16_0_lhs">&#x26AB;</a></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><a name="movedpara_19_21_rhs"></a>@media (max-width: <ins style="font-weight: bold; text-decoration: none;">1000px</ins>) {<ins style="font-weight: bold; text-decoration: none;"> #home-content</ins> .home-navigation { grid-template-columns:<ins style="font-weight: bold; text-decoration: none;"> repeat(2,</ins> minmax(0,<ins style="font-weight: bold; text-decoration: none;"> </ins>1fr<ins style="font-weight: bold; text-decoration: none;">)</ins>); } }</div></td> </tr> <tr> <td colspan="2" class="diff-empty 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>@media (max-width: 640px) { #home-content .home-navigation, .home-reading-grid { grid-template-columns: minmax(0, 1fr); } .home-shortcuts { margin-bottom: 1.25rem; } #home-discordwidget.home-community-card { gap: .85rem; } .home-community-heading { flex-basis: 100%; } }</div></td> </tr> </table>

DivošiRunner https://sarkic-cults.group/index.php?title=Template:Main_page/navigation/styles.css&diff=1163&oldid=prev 2026-10-05T13:26:10Z

<p>Improve archive navigation, reusable templates and document metadata (2026-10-05)</p> <p><b>New page</b></p><div>/* Scoped additions; hero, Citizen page width and existing colour tokens are retained. */<br /> .home-navigation { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .625rem; }<br /> .home-navigation &gt; p { display: contents; }<br /> .home-nav-card { min-width: 0; }<br /> .home-nav-card .home-card__header { margin-top: .35rem; font-size: 1.1rem; }<br /> .home-nav-card__links { display: flex; flex-wrap: wrap; gap: .3rem .7rem; }<br /> .home-section-title { font-size: 1.25rem; margin: 0 0 .7rem; }<br /> .home-support { margin-top: .625rem; }<br /> .home-support &gt; .home-card + .home-card { margin-top: .625rem; }<br /> .home-feature p { line-height: 1.6; }<br /> .home-shortcuts { display: flex; flex-wrap: wrap; gap: .6rem 1rem; margin: 1rem 0; }<br /> @media (max-width: 540px) { .home-navigation { grid-template-columns: minmax(0,1fr); } }<br /> @media (min-width: 760px) and (max-width: 1100px) { .home-navigation { grid-template-columns: minmax(0,1fr); } }</div>

DivošiRunner