https://wowfwiki.com/index.php?action=history&feed=atom&title=MediaWiki%3ACommon.css 2026-10-30T19:44:21Z Revision history for this page on the wiki MediaWiki 1.43.9 https://wowfwiki.com/index.php?title=MediaWiki:Common.css&diff=1991&oldid=prev 2026-09-17T04:23:50Z

<p>Keep source image captions readable on the wiki dark theme</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 04:23, 17 September 2026</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l261">Line 261:</td> <td colspan="2" class="diff-lineno">Line 261:</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>.mw-parser-output .fw-race-matrix &gt; * &gt; tr &gt; td { padding: 0.45rem 0.2rem; 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>.mw-parser-output .fw-race-matrix &gt; * &gt; tr &gt; td { padding: 0.45rem 0.2rem; 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>.mw-parser-output .fw-race-matrix &gt; * &gt; tr &gt; :nth-child(-n+2) { text-align: left; }</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>.mw-parser-output .fw-race-matrix &gt; * &gt; tr &gt; :nth-child(-n+2) { text-align: left; }</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;">/* Native thumbnail captions must remain legible on the wiki's dark surfaces. */</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;">@media screen {</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;">  .mw-parser-output .fw-reference-media figure,</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;">  .mw-parser-output .fw-reference-media figcaption,</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;">  .mw-parser-output .fw-reference-media .thumbinner,</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;">  .mw-parser-output .fw-reference-media .thumbcaption {</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(--fw-surface);</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;">    color: var(--fw-text);</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-color: var(--fw-line);</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;">  .mw-parser-output .fw-reference-media img { border-color: var(--fw-line); }</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> <!-- diff cache key foreverwiki:diff:1.41:old-1865:rev-1991:php=table --> </table>

WikiAdmin https://wowfwiki.com/index.php?title=MediaWiki:Common.css&diff=1865&oldid=prev 2026-09-17T00:36:53Z

<p>Set the renamed homepage and update home navigation for wowfwiki.com/WoW_Forever_Wiki</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 00:36, 17 September 2026</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l131">Line 131:</td> <td colspan="2" class="diff-lineno">Line 131:</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>:is(.skin-vector, .skin-vector-2022) .wikiEditor-ui .CodeMirror-linenumber { color: #54595d; }</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>:is(.skin-vector, .skin-vector-2022) .wikiEditor-ui .CodeMirror-linenumber { color: #54595d; }</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>/* The home page is a directory. Keep all normal article and edit controls. */</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>/* The home page is a directory. Keep all normal article and edit controls. */</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>.page-<del style="font-weight: bold; text-decoration: none;">Forever_Wiki</del>.action-view .firstHeading, .page-<del style="font-weight: bold; text-decoration: none;">Forever_Wiki</del>.action-view #siteSub,</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>.page-<ins style="font-weight: bold; text-decoration: none;">WoW_Forever_Wiki</ins>.action-view .firstHeading, .page-<ins style="font-weight: bold; text-decoration: none;">WoW_Forever_Wiki</ins>.action-view #siteSub,</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>.page-<del style="font-weight: bold; text-decoration: none;">Forever_Wiki</del>.action-view .vector-appearance-landmark { display: none; }</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>.page-<ins style="font-weight: bold; text-decoration: none;">WoW_Forever_Wiki</ins>.action-view .vector-appearance-landmark { 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>.vector-feature-page-tools-pinned-disabled .page-<del style="font-weight: bold; text-decoration: none;">Forever_Wiki</del>.action-view .vector-column-end { display: none; }</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>.vector-feature-page-tools-pinned-disabled .page-<ins style="font-weight: bold; text-decoration: none;">WoW_Forever_Wiki</ins>.action-view .vector-column-end { display: none; }</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>.fw-home { max-width: 1200px; padding: 0.5rem 0 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>.fw-home { max-width: 1200px; padding: 0.5rem 0 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>.fw-masthead { padding: 0.8rem 0 1.65rem; border-bottom: 1px solid var(--fw-line); }</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>.fw-masthead { padding: 0.8rem 0 1.65rem; border-bottom: 1px solid var(--fw-line); }</div></td></tr> </table>

WikiAdmin https://wowfwiki.com/index.php?title=MediaWiki:Common.css&diff=1853&oldid=prev 2026-09-16T23:50:47Z

<p>Fit the race matrix within the standard desktop content column</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 23:50, 16 September 2026</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l259">Line 259:</td> <td colspan="2" class="diff-lineno">Line 259:</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>.mw-parser-output .fw-race-matrix { font-size: 0.8125rem; }</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>.mw-parser-output .fw-race-matrix { font-size: 0.8125rem; }</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>.mw-parser-output .fw-race-matrix &gt; * &gt; tr &gt; th,</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>.mw-parser-output .fw-race-matrix &gt; * &gt; tr &gt; th,</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>.mw-parser-output .fw-race-matrix &gt; * &gt; tr &gt; td { padding: 0.45rem 0.<del style="font-weight: bold; text-decoration: none;">4rem</del>; text-align: center; }</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>.mw-parser-output .fw-race-matrix &gt; * &gt; tr &gt; td { padding: 0.45rem 0.<ins style="font-weight: bold; text-decoration: none;">2rem</ins>; 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>.mw-parser-output .fw-race-matrix &gt; * &gt; tr &gt; :nth-child(-n+2) { text-align: left; }</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>.mw-parser-output .fw-race-matrix &gt; * &gt; tr &gt; :nth-child(-n+2) { text-align: left; }</div></td></tr> </table>

WikiAdmin https://wowfwiki.com/index.php?title=MediaWiki:Common.css&diff=1842&oldid=prev 2026-09-16T23:48:30Z

<p>Improve race comparison readability on desktop and phones</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 23:48, 16 September 2026</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l255">Line 255:</td> <td colspan="2" class="diff-lineno">Line 255:</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>/* Review labels link to their evidence definitions. */</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>/* Review labels link to their evidence definitions. */</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>.mw-parser-output .fw-review-badge a, .mw-parser-output .fw-review-badge a:visited { color: inherit; }</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>.mw-parser-output .fw-review-badge a, .mw-parser-output .fw-review-badge a:visited { color: inherit; }</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;">/* Keep the ten race/faction rows readable within Vector's desktop content width. */</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;">.mw-parser-output .fw-race-matrix { font-size: 0.8125rem; }</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;">.mw-parser-output .fw-race-matrix &gt; * &gt; tr &gt; th,</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;">.mw-parser-output .fw-race-matrix &gt; * &gt; tr &gt; td { padding: 0.45rem 0.4rem; 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;">.mw-parser-output .fw-race-matrix &gt; * &gt; tr &gt; :nth-child(-n+2) { text-align: left; }</ins></div></td></tr> <!-- diff cache key foreverwiki:diff:1.41:old-196:rev-1842:php=table --> </table>

WikiAdmin https://wowfwiki.com/index.php?title=MediaWiki:Common.css&diff=196&oldid=prev 2026-09-15T23:05:48Z

<p>Add advanced editing help and readable syntax highlighting</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 23:05, 15 September 2026</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l119">Line 119:</td> <td colspan="2" class="diff-lineno">Line 119:</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 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>.skin-vector-2022 #p-search .cdx-search-input__end-button:hover { background: var(--fw-gold-bright); border-color: var(--fw-gold-bright); }</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>.skin-vector-2022 #p-search .cdx-search-input__end-button:hover { background: var(--fw-gold-bright); border-color: var(--fw-gold-bright); }</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;">/* CodeMirror 5's syntax palette expects a light editing surface. */</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;">:is(.skin-vector, .skin-vector-2022) .wikiEditor-ui {</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-color-base: #fff;</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;">  --color-base: #202122;</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;">  color: #202122;</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;">:is(.skin-vector, .skin-vector-2022) .wikiEditor-ui .CodeMirror {</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: #fff; color: #202122; color-scheme: light;</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;">:is(.skin-vector, .skin-vector-2022) .wikiEditor-ui .CodeMirror-gutters { background: #f8f9fa; }</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;">:is(.skin-vector, .skin-vector-2022) .wikiEditor-ui .CodeMirror-linenumber { color: #54595d; }</ins></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>/* The home page is a directory. Keep all normal article and edit controls. */</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>/* The home page is a directory. Keep all normal article and edit controls. */</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>.page-Forever_Wiki.action-view .firstHeading, .page-Forever_Wiki.action-view #siteSub,</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>.page-Forever_Wiki.action-view .firstHeading, .page-Forever_Wiki.action-view #siteSub,</div></td></tr> </table>

WikiAdmin https://wowfwiki.com/index.php?title=MediaWiki:Common.css&diff=161&oldid=prev 2026-09-15T22:11:31Z

<p>Improve search, mobile browsing, source context, and review consistency</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 22:11, 15 September 2026</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l138">Line 138:</td> <td colspan="2" class="diff-lineno">Line 138:</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>.fw-masthead-links { 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>.fw-masthead-links { 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>.fw-masthead-links span { color: #596b7e; padding: 0 0.65rem; }</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>.fw-masthead-links span { color: #596b7e; padding: 0 0.65rem; }</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>.fw-home-search { <del style="font-weight: bold; text-decoration: none;">display: flex; align-items: center; flex</del>-<del style="font-weight: bold; text-decoration: none;">wrap</del>: <del style="font-weight: bold; text-decoration: none;">wrap; gap: 0.6rem 1rem</del>; margin: 1.<del style="font-weight: bold; text-decoration: none;">25rem </del>0; }</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>.fw-home-search { <ins style="font-weight: bold; text-decoration: none;">max</ins>-<ins style="font-weight: bold; text-decoration: none;">width</ins>: <ins style="font-weight: bold; text-decoration: none;">780px</ins>; margin: 1.<ins style="font-weight: bold; text-decoration: none;">35rem </ins>0 <ins style="font-weight: bold; text-decoration: none;">.65rem</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>.<del style="font-weight: bold; text-decoration: none;">skin</del>-<del style="font-weight: bold; text-decoration: none;">vector</del>-<del style="font-weight: bold; text-decoration: none;">2022 </del>.mw-<del style="font-weight: bold; text-decoration: none;">parser</del>-<del style="font-weight: bold; text-decoration: none;">output </del>.fw-home-search <del style="font-weight: bold; text-decoration: none;">&gt; a</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;">fw</ins>-<ins style="font-weight: bold; text-decoration: none;">home</ins>-<ins style="font-weight: bold; text-decoration: none;">search </ins>.mw-<ins style="font-weight: bold; text-decoration: none;">inputbox-centered { text</ins>-<ins style="font-weight: bold; text-decoration: none;">align: left; }</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>.<del style="font-weight: bold; text-decoration: none;">skin</del>-<del style="font-weight: bold; text-decoration: none;">vector</del>-<del style="font-weight: bold; text-decoration: none;">2022 </del>.mw-<del style="font-weight: bold; text-decoration: none;">parser</del>-<del style="font-weight: bold; text-decoration: none;">output </del>.fw-home-search <del style="font-weight: bold; text-decoration: none;">&gt; a</del>:<del style="font-weight: bold; text-decoration: none;">visited </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>.fw-home-search <ins style="font-weight: bold; text-decoration: none;">.mw-inputbox-centered</ins>, .<ins style="font-weight: bold; text-decoration: none;">fw</ins>-<ins style="font-weight: bold; text-decoration: none;">home</ins>-<ins style="font-weight: bold; text-decoration: none;">search </ins>.mw-<ins style="font-weight: bold; text-decoration: none;">inputbox</ins>-<ins style="font-weight: bold; text-decoration: none;">inline, </ins>.fw-home-search <ins style="font-weight: bold; text-decoration: none;">.mw-inputbox-element { margin</ins>: <ins style="font-weight: bold; text-decoration: none;">0; }</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><del style="font-weight: bold; text-decoration: none;">  </del>display: <del style="font-weight: bold; text-decoration: none;">inline-</del>flex; align-items: <del style="font-weight: bold; text-decoration: none;">center</del>; <del style="font-weight: bold; text-decoration: none;">justify</del>-<del style="font-weight: bold; text-decoration: none;">content</del>: <del style="font-weight: bold; text-decoration: none;">center</del>; <del style="font-weight: bold; text-decoration: none;">min-height</del>: <del style="font-weight: bold; text-decoration: none;">2</del>.<del style="font-weight: bold; text-decoration: none;">75rem</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;">#fw-home-search-form </ins>{ display: flex; align-items: <ins style="font-weight: bold; text-decoration: none;">stretch</ins>; <ins style="font-weight: bold; text-decoration: none;">flex</ins>-<ins style="font-weight: bold; text-decoration: none;">wrap</ins>: <ins style="font-weight: bold; text-decoration: none;">wrap</ins>; <ins style="font-weight: bold; text-decoration: none;">gap</ins>: .<ins style="font-weight: bold; text-decoration: none;">6rem; width: 100%; background: transparent</ins>; padding: 0<ins style="font-weight: bold; text-decoration: none;">; margin: 0; }</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><del style="font-weight: bold; text-decoration: none;">  </del>padding: 0.<del style="font-weight: bold; text-decoration: none;">35rem </del>1<del style="font-weight: bold; text-decoration: none;">.15rem</del>; box-sizing: border-box; background: var(--fw-<del style="font-weight: bold; text-decoration: none;">gold</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;">#fw-home-search-form </ins>.<ins style="font-weight: bold; text-decoration: none;">cdx-text-input { flex: 1 </ins>1 <ins style="font-weight: bold; text-decoration: none;">20rem; min-width: 0; width: auto; max-width: 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><del style="font-weight: bold; text-decoration: none;">  </del>color: #<del style="font-weight: bold; text-decoration: none;">17202b</del>; border: 1px solid var(--fw-gold); border-radius: <del style="font-weight: bold; text-decoration: none;">3px</del>; font-weight: 600;</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;">#fw-home-search-form input[name="search"] { min-width: 0; width: 100%</ins>; box-sizing: border-box<ins style="font-weight: bold; text-decoration: none;">; min-height: 3.25rem; padding: .75rem 1rem; font: inherit; font-size: 1rem</ins>; background: var(--fw-<ins style="font-weight: bold; text-decoration: none;">surface); color: var(--fw-text</ins>); <ins style="font-weight: bold; text-decoration: none;">border: 1px solid #71839a; border-radius: 4px; }</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>}</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;">.fw-home-search input::placeholder { </ins>color: #<ins style="font-weight: bold; text-decoration: none;">aebdce; opacity: 1; }</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>.<del style="font-weight: bold; text-decoration: none;">mw</del>-<del style="font-weight: bold; text-decoration: none;">parser</del>-<del style="font-weight: bold; text-decoration: none;">output </del>.fw-home-search <del style="font-weight: bold; text-decoration: none;">&gt; a</del>:hover { background: var(--fw-gold-bright); color: #17202b; }</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;">.fw-home-search input[type="submit"], .fw-home-search button { min-height: 3.25rem; padding: .65rem 1.2rem; font-size: 1rem; background: var(--fw-gold)</ins>; border: 1px solid var(--fw-gold); border-radius: <ins style="font-weight: bold; text-decoration: none;">4px; color: #17202b</ins>; font-weight: 600; <ins style="font-weight: bold; text-decoration: none;">cursor: pointer; </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>.fw-<del style="font-weight: bold; text-decoration: none;">home</del>-<del style="font-weight: bold; text-decoration: none;">search &gt; span </del>{ font-size: <del style="font-weight: bold; text-decoration: none;">0</del>.<del style="font-weight: bold; text-decoration: none;">875rem</del>; color: var(--fw-muted); }</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;">fw</ins>-<ins style="font-weight: bold; text-decoration: none;">home</ins>-<ins style="font-weight: bold; text-decoration: none;">search input[type="submit"]:hover, </ins>.fw-home-search <ins style="font-weight: bold; text-decoration: none;">button</ins>:hover { background: var(--fw-gold-bright); color: #17202b; }</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>.fw-<ins style="font-weight: bold; text-decoration: none;">quick</ins>-<ins style="font-weight: bold; text-decoration: none;">links </ins>{ font-size: .<ins style="font-weight: bold; text-decoration: none;">8125rem</ins>; color: var(--fw-muted)<ins style="font-weight: bold; text-decoration: none;">; margin-bottom: 1.15rem; }</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;">.fw-announcement-note { display: flex; align-items: baseline; gap: .6rem 1.15rem; flex-wrap: wrap; border-left: 3px solid #9c8355; padding: .75rem 1rem; margin-top: 1.2rem; background: #171f2b; font-size: .8125rem; }</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;">.fw-announcement-note strong { color: var(--fw-gold); font-weight: 600; }</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;">.fw-announcement-note span { flex: 1 1 26rem; color: #bdc8d5</ins>; }</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>.fw-featured-guides { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; margin-top: 1.3rem; }</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>.fw-featured-guides { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; margin-top: 1.3rem; }</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>.fw-featured-guide { padding: 1.15rem 1.25rem; background: var(--fw-surface); border: 1px solid var(--fw-line); border-top: 2px solid #9c8355; }</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>.fw-featured-guide { padding: 1.15rem 1.25rem; background: var(--fw-surface); border: 1px solid var(--fw-line); border-top: 2px solid #9c8355; }</div></td></tr> <tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l222">Line 222:</td> <td colspan="2" class="diff-lineno">Line 226:</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>   .fw-related-grid { grid-template-columns: 1fr; }</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>   .fw-related-grid { grid-template-columns: 1fr; }</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>   .fw-featured-guide { padding: 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>   .fw-featured-guide { padding: 1rem; }</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;">.</del>fw-home-search { <del style="font-weight: bold; text-decoration: none;">align</del>-<del style="font-weight: bold; text-decoration: none;">items</del>: <del style="font-weight: bold; text-decoration: none;">stretch</del>; flex<del style="font-weight: bold; text-decoration: none;">-direction</del>: <del style="font-weight: bold; text-decoration: none;">column</del>; <del style="font-weight: bold; text-decoration: none;">gap</del>: <del style="font-weight: bold; text-decoration: none;">0.5rem</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>fw-home-search<ins style="font-weight: bold; text-decoration: none;">-form </ins>{ <ins style="font-weight: bold; text-decoration: none;">flex</ins>-<ins style="font-weight: bold; text-decoration: none;">direction</ins>: <ins style="font-weight: bold; text-decoration: none;">column</ins>; <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;">  #fw-home-search-form .cdx-text-input { </ins>flex: <ins style="font-weight: bold; text-decoration: none;">auto</ins>; <ins style="font-weight: bold; text-decoration: none;">width</ins>: <ins style="font-weight: bold; text-decoration: none;">100%</ins>; }</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>   .fw-section-heading { padding-top: 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>   .fw-section-heading { padding-top: 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>   .mw-parser-output .fw-infobox { float: none; width: 100%; margin: 0.75rem 0 1.5rem; }</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>   .mw-parser-output .fw-infobox { float: none; width: 100%; margin: 0.75rem 0 1.5rem; }</div></td></tr> <tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l236">Line 236:</td> <td colspan="2" class="diff-lineno">Line 241:</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>   .fw-featured-guide p, .fw-example-label { color: #333; }</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>   .fw-featured-guide p, .fw-example-label { color: #333; }</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;"></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;">/* Review labels link to their evidence definitions. */</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;">.mw-parser-output .fw-review-badge a, .mw-parser-output .fw-review-badge a:visited { color: inherit; }</ins></div></td></tr> </table>

WikiAdmin https://wowfwiki.com/index.php?title=MediaWiki:Common.css&diff=113&oldid=prev 2026-09-15T21:26:52Z

<p>Update wiki design, contributor guides, and sourced references</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 21:26, 15 September 2026</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l82">Line 82:</td> <td colspan="2" class="diff-lineno">Line 82:</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>:is(.skin-vector, .skin-vector-2022) #footer { border-top: 1px solid var(--fw-line); margin-top: 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>:is(.skin-vector, .skin-vector-2022) #footer { border-top: 1px solid var(--fw-line); margin-top: 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>:is(.skin-vector, .skin-vector-2022) .mw-parser-output a:focus-visible, :is(.skin-vector, .skin-vector-2022) button:focus-visible,</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>:is(.skin-vector, .skin-vector-2022) .mw-parser-output a:focus-visible, :is(.skin-vector, .skin-vector-2022) button:focus-visible,</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>:is(.skin-vector, .skin-vector-2022) input:focus-visible { outline: 2px solid var(--fw-gold); outline-offset: 3px; }</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>:is(.skin-vector, .skin-vector-2022) input<ins style="font-weight: bold; text-decoration: none;">:focus-visible,</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>/* The home page <del style="font-weight: bold; text-decoration: none;">owns its heading; </del>article <del style="font-weight: bold; text-decoration: none;">titles retain the normal wiki title</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;">:is(.skin-vector, .skin-vector-2022) select:focus-visible,</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>.page-Forever_Wiki .firstHeading, .page-Forever_Wiki #siteSub { display: none; }</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;">:is(.skin-vector, .skin-vector-2022) textarea</ins>:focus-visible { outline: 2px solid var(--fw-gold); outline-offset: 3px<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;">/* Theme the native navigation controls locally, leaving editor dialogs alone. */</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;">.skin-vector-2022 :is(.vector-pinnable-element, .vector-dropdown-content, .vector-sticky-pinned-container, #p-search) {</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-color-base: var(--fw-page);</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-color-neutral: var(--fw-raised);</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-color-neutral-subtle: var(--fw-surface);</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-color-interactive: var(--fw-raised);</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-color-interactive-subtle: var(--fw-surface);</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-color-progressive-subtle: #302d28;</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;">  --color-base: var(--fw-text);</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;">  --color-emphasized: #edf0f5;</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;">  --color-subtle: var(--fw-muted);</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;">  --color-progressive: var(--fw-gold);</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;">  --color-progressive--hover: var(--fw-gold-bright);</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-color-base: #526479;</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-color-subtle: var(--fw-line);</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-color-interactive: #71839a;</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;">.skin-vector-2022 .vector-appearance {</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(--fw-page); color: var(--fw-text); color-scheme: dark;</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;">.skin-vector-2022 .vector-appearance :is(legend, label, .cdx-label__label__text) { color: var(--fw-text); }</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;">.skin-vector-2022 .vector-appearance :is(.cdx-label__description, .vector-client-prefs-description) { color: var(--fw-muted); }</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;">.skin-vector-2022 .vector-appearance input { accent-color: var(--fw-gold); }</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;">.skin-vector-2022 .vector-pinnable-header-toggle-button {</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(--fw-raised); color: var(--fw-text); border: 1px solid #526479; border-radius: 3px;</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;">.skin-vector-2022 .vector-pinnable-header-toggle-button:hover { background: #27374a; color: #fff; }</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;">.skin-vector-2022 .vector-pinnable-header-toggle-button:focus-visible { outline-offset: 2px; }</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;">.skin-vector-2022 #p-search input { min-height: 2.5rem; color-scheme: dark; }</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;">.skin-vector-2022 #p-search input::placeholder { color: #aebdce; opacity: 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;">.skin-vector-2022 #p-search .cdx-search-input__end-button {</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;">  min-height: 2.5rem; background: var(--fw-gold); border-color: var(--fw-gold); color: #17202b; font-weight: 600;</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;">.skin-vector-2022 #p-search .cdx-search-input__end-button:hover { background: var(--fw-gold-bright); border-color: var(--fw-gold-bright)</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>/* The home page <ins style="font-weight: bold; text-decoration: none;">is a directory. Keep all normal </ins>article <ins style="font-weight: bold; text-decoration: none;">and edit controls</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>.page-Forever_Wiki<ins style="font-weight: bold; text-decoration: none;">.action-view </ins>.firstHeading, .page-Forever_Wiki<ins style="font-weight: bold; text-decoration: none;">.action-view </ins>#siteSub<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;">.page-Forever_Wiki.action-view .vector-appearance-landmark { display: 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;">.vector-feature-page-tools-pinned-disabled .page-Forever_Wiki.action-view .vector-column-end </ins>{ display: none; }</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>.fw-home { max-width: 1200px; padding: 0.5rem 0 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>.fw-home { max-width: 1200px; padding: 0.5rem 0 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>.fw-masthead { padding: 0.8rem 0 1.65rem; border-bottom: 1px solid var(--fw-line); }</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>.fw-masthead { padding: 0.8rem 0 1.65rem; border-bottom: 1px solid var(--fw-line); }</div></td></tr> <tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l100">Line 100:</td> <td colspan="2" class="diff-lineno">Line 138:</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>.fw-masthead-links { 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>.fw-masthead-links { 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>.fw-masthead-links span { color: #596b7e; padding: 0 0.65rem; }</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>.fw-masthead-links span { color: #596b7e; padding: 0 0.65rem; }</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;">.fw-home-search { display: flex; align-items: center; flex-wrap: wrap; gap: 0.6rem 1rem; margin: 1.25rem 0; }</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;">.skin-vector-2022 .mw-parser-output .fw-home-search &gt; a,</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;">.skin-vector-2022 .mw-parser-output .fw-home-search &gt; a:visited {</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: inline-flex; align-items: center; justify-content: center; min-height: 2.75rem;</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: 0.35rem 1.15rem; box-sizing: border-box; background: var(--fw-gold);</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;">  color: #17202b; border: 1px solid var(--fw-gold); border-radius: 3px; font-weight: 600;</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;">.mw-parser-output .fw-home-search &gt; a:hover { background: var(--fw-gold-bright); color: #17202b; }</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;">.fw-home-search &gt; span { font-size: 0.875rem; color: var(--fw-muted); }</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;">.fw-featured-guides { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; margin-top: 1.3rem; }</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;">.fw-featured-guide { padding: 1.15rem 1.25rem; background: var(--fw-surface); border: 1px solid var(--fw-line); border-top: 2px solid #9c8355; }</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;">.mw-parser-output .fw-featured-guide h2 { margin: 0.35rem 0 0.6rem; padding: 0; border: 0; font-size: 1.5rem; line-height: 1.3; }</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;">.fw-featured-guide p { margin: 0; color: #bdc8d5; font-size: 0.9375rem; }</ins></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>.fw-section-heading { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; gap: 0.35rem 1rem; padding: 1.6rem 0 0.85rem; }</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>.fw-section-heading { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; gap: 0.35rem 1rem; padding: 1.6rem 0 0.85rem; }</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>.mw-parser-output .fw-section-heading h2 { font-size: 1.35rem; padding: 0; margin: 0; border: 0; }</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>.mw-parser-output .fw-section-heading h2 { font-size: 1.35rem; padding: 0; margin: 0; border: 0; }</div></td></tr> <tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l141">Line 141:</td> <td colspan="2" class="diff-lineno">Line 192:</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>.fw-page-metadata { display: flex; flex-wrap: wrap; gap: 0.45rem 1.5rem; padding: 0.8rem 1rem; background: var(--fw-surface); border: 1px solid var(--fw-line); font-size: 0.875rem; margin: 1rem 0; }</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>.fw-page-metadata { display: flex; flex-wrap: wrap; gap: 0.45rem 1.5rem; padding: 0.8rem 1rem; background: var(--fw-surface); border: 1px solid var(--fw-line); font-size: 0.875rem; margin: 1rem 0; }</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>.fw-page-metadata strong { font-weight: 500; }</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>.fw-page-metadata strong { font-weight: 500; }</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;">/* Contributor help and semantic browsing controls share the same spacing. */</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;">.fw-contributor-note { margin: 1rem 0; padding: 1rem 1.15rem; background: var(--fw-surface); border: 1px solid var(--fw-line); border-left: 3px solid var(--fw-gold); }</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;">.fw-contributor-note p { margin: 0.25rem 0; }</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;">.fw-example-label { color: var(--fw-gold); font-weight: 600; }</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;">.fw-review-badge { display: inline-block; padding: 0.1rem 0.45rem; border: 1px solid #5f6f83; border-radius: 3px; background: var(--fw-raised); color: var(--fw-text); font-size: 0.8125rem; white-space: nowrap; }</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;">.fw-review-summary { display: flex; flex-wrap: wrap; align-items: center; gap: 0.4rem 0.9rem; margin: 0.5rem 0 1.25rem; padding: 0.7rem 0; border-bottom: 1px solid var(--fw-line); color: #bac7d6; 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;">.fw-review-summary &gt; span { min-width: 0; overflow-wrap: anywhere; }</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;">.fw-review-badge.fw-review-source { background: #1d3043; border-color: #536f8b; color: #c3e1fb; }</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;">.fw-review-badge.fw-review-verified { background: #19342d; border-color: #507d6d; color: #bce5d4; }</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;">.fw-review-badge.fw-review-review { background: #362c1c; border-color: #8b7446; color: #f2d69c; }</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;">.fw-review-badge.fw-review-unverified { background: #222d3b; border-color: #5f6f83; color: #d2dce8; }</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;">.fw-related-records { clear: both; padding-top: 0.75rem; margin-top: 1.5rem; border-top: 1px solid var(--fw-line); }</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;">.fw-related-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.5rem 1.5rem; }</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;">.fw-related-grid &gt; * { min-width: 0; }</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;">.fw-related-grid .fw-query-table { margin-bottom: 0.75rem; }</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;">.fw-related-grid :is(h2, h3) { margin-top: 0.8rem; }</ins></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>@media (max-width: 1100px) { .fw-directory { grid-template-columns: repeat(2, minmax(0, 1fr)); } }</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>@media (max-width: 1100px) { .fw-directory { grid-template-columns: repeat(2, minmax(0, 1fr)); } }</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>@media (max-width: 420px) { .fw-directory { grid-template-columns: 1fr; } .fw-directory-card p { min-height: 0; } }</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>@media (max-width: 420px) { .fw-directory { grid-template-columns: 1fr; } .fw-directory-card p { min-height: 0; } }</div></td></tr> <tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l152">Line 152:</td> <td colspan="2" class="diff-lineno">Line 219:</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>   .fw-directory-card p { min-height: 0; }</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>   .fw-directory-card p { min-height: 0; }</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>   .fw-home-bottom { grid-template-columns: 1fr; gap: 1.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>   .fw-home-bottom { grid-template-columns: 1fr; gap: 1.1rem; }</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;">  .fw-featured-guides { grid-template-columns: 1fr; gap: 0.75rem; }</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;">  .fw-related-grid { grid-template-columns: 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;">  .fw-featured-guide { padding: 1rem; }</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;">  .fw-home-search { align-items: stretch; flex-direction: column; gap: 0.5rem; }</ins></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>   .fw-section-heading { padding-top: 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>   .fw-section-heading { padding-top: 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>   .mw-parser-output .fw-infobox { float: none; width: 100%; margin: 0.75rem 0 1.5rem; }</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>   .mw-parser-output .fw-infobox { float: none; width: 100%; margin: 0.75rem 0 1.5rem; }</div></td></tr> <tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l157">Line 157:</td> <td colspan="2" class="diff-lineno">Line 228:</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>@media print {</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>@media print {</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>   .fw-home, .fw-hub-intro, .fw-directory-card, .fw-panel, .fw-empty-state,</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>   .fw-home, .fw-hub-intro, .fw-directory-card, .fw-panel, .fw-empty-state,</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>   .fw-page-metadata, .fw-infobox { background: white; color: black; }</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>   .fw-page-metadata, .fw-infobox<ins style="font-weight: bold; text-decoration: none;">, .fw-featured-guide, .fw-contributor-note </ins>{ background: white; color: black; }</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>   .fw-masthead h1, .fw-eyebrow, .fw-card-kicker, .fw-card-meta,</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>   .fw-masthead h1, .fw-eyebrow, .fw-card-kicker, .fw-card-meta,</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>   .fw-masthead p, .fw-directory-card p, .fw-panel p, .fw-unknown,</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>   .fw-masthead p, .fw-directory-card p, .fw-panel p, .fw-unknown,</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>   .fw-site-note, .fw-database-note, .fw-hub-intro p { color: #333; }</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>   .fw-site-note, .fw-database-note, .fw-hub-intro p { color: #333; }</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>   .fw-directory { grid-template-columns: repeat(2, minmax(0, 1fr)); }</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>   .fw-directory { grid-template-columns: repeat(2, minmax(0, 1fr)); }</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;">  .fw-home-search { display: 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;">  .fw-featured-guide p, .fw-example-label { color: #333; }</ins></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> </table>

WikiAdmin https://wowfwiki.com/index.php?title=MediaWiki:Common.css&diff=62&oldid=prev 2026-09-15T03:53:40Z

<p>Improve navigation contrast on dark background</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 03:53, 15 September 2026</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l45">Line 45:</td> <td colspan="2" class="diff-lineno">Line 45:</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 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>:is(.skin-vector, .skin-vector-2022) .vector-menu-tabs .selected a { color: var(--fw-text); }</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>:is(.skin-vector, .skin-vector-2022) .vector-menu-tabs .selected a { color: var(--fw-text); }</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;">:is(.skin-vector, .skin-vector-2022) .vector-tab-noicon.selected a,</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;">:is(.skin-vector, .skin-vector-2022) .vector-tab-noicon.selected a span,</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;">:is(.skin-vector, .skin-vector-2022) .vector-dropdown-label-text,</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;">:is(.skin-vector, .skin-vector-2022) .cdx-button--weight-quiet { color: var(--fw-text); }</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;">:is(.skin-vector, .skin-vector-2022) .cdx-button--weight-quiet:hover { background-color: var(--fw-raised); }</ins></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>:is(.skin-vector, .skin-vector-2022) .vector-search-box-input, :is(.skin-vector, .skin-vector-2022) #searchInput,</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>:is(.skin-vector, .skin-vector-2022) .vector-search-box-input, :is(.skin-vector, .skin-vector-2022) #searchInput,</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>:is(.skin-vector, .skin-vector-2022) input[type=&quot;search&quot;] {</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>:is(.skin-vector, .skin-vector-2022) input[type=&quot;search&quot;] {</div></td></tr> <!-- diff cache key foreverwiki:diff:1.41:old-61:rev-62:php=table --> </table>

WikiAdmin https://wowfwiki.com/index.php?title=MediaWiki:Common.css&diff=61&oldid=prev 2026-09-15T03:44:57Z

<p>Create Forever Wiki starter page</p> <p><b>New page</b></p><div>/* Forever Wiki: a quiet, compact reference skin. */<br /> :root {<br /> --fw-page: #0e1520;<br /> --fw-surface: #151e2b;<br /> --fw-raised: #1b2736;<br /> --fw-line: #303e4e;<br /> --fw-text: #d9dfe7;<br /> --fw-muted: #9caabc;<br /> --fw-gold: #d9b774;<br /> --fw-gold-bright: #efcf95;<br /> --fw-serif: Georgia, &#039;Times New Roman&#039;, serif;<br /> }<br /> html, body { background: var(--fw-page); color: var(--fw-text); }<br /> body:is(.skin-vector, .skin-vector-2022), :is(.skin-vector, .skin-vector-2022) .mw-page-container,<br /> :is(.skin-vector, .skin-vector-2022) #content, :is(.skin-vector, .skin-vector-2022) .mw-body,<br /> :is(.skin-vector, .skin-vector-2022) .vector-body, :is(.skin-vector, .skin-vector-2022) .vector-header-container,<br /> :is(.skin-vector, .skin-vector-2022) .vector-header, :is(.skin-vector, .skin-vector-2022) .vector-main-menu,<br /> :is(.skin-vector, .skin-vector-2022) .vector-toc, :is(.skin-vector, .skin-vector-2022) .vector-column-start,<br /> :is(.skin-vector, .skin-vector-2022) .vector-column-end, :is(.skin-vector, .skin-vector-2022) .vector-page-tools,<br /> :is(.skin-vector, .skin-vector-2022) .vector-dropdown-content, :is(.skin-vector, .skin-vector-2022) #mw-panel,<br /> :is(.skin-vector, .skin-vector-2022) #mw-head { background: var(--fw-page); color: var(--fw-text); }<br /> :is(.skin-vector, .skin-vector-2022) .mw-body, :is(.skin-vector, .skin-vector-2022) .vector-page-titlebar,<br /> :is(.skin-vector, .skin-vector-2022) .vector-page-toolbar, :is(.skin-vector, .skin-vector-2022) .vector-pinnable-header,<br /> :is(.skin-vector, .skin-vector-2022) .vector-menu-heading { border-color: var(--fw-line); }<br /> :is(.skin-vector, .skin-vector-2022) .mw-body-content { font-size: 1rem; line-height: 1.65; }<br /> :is(.skin-vector, .skin-vector-2022) h1, :is(.skin-vector, .skin-vector-2022) h2, :is(.skin-vector, .skin-vector-2022) h3,<br /> :is(.skin-vector, .skin-vector-2022) h4, :is(.skin-vector, .skin-vector-2022) h5, :is(.skin-vector, .skin-vector-2022) h6 {<br /> color: #edf0f5; border-color: var(--fw-line);<br /> }<br /> :is(.skin-vector, .skin-vector-2022) .firstHeading, :is(.skin-vector, .skin-vector-2022) .mw-parser-output h2 {<br /> font-family: var(--fw-serif); font-weight: 400;<br /> }<br /> :is(.skin-vector, .skin-vector-2022) a, :is(.skin-vector, .skin-vector-2022) .mw-parser-output a { color: var(--fw-gold); }<br /> :is(.skin-vector, .skin-vector-2022) a:visited, :is(.skin-vector, .skin-vector-2022) .mw-parser-output a:visited { color: #c1aad5; }<br /> :is(.skin-vector, .skin-vector-2022) a:hover, :is(.skin-vector, .skin-vector-2022) .mw-parser-output a:hover { color: var(--fw-gold-bright); }<br /> :is(.skin-vector, .skin-vector-2022) a.new, :is(.skin-vector, .skin-vector-2022) .mw-parser-output a.new { color: #df9f91; }<br /> :is(.skin-vector, .skin-vector-2022) .vector-menu-content-list .mw-list-item a,<br /> :is(.skin-vector, .skin-vector-2022) .vector-toc-link { color: #bfcad7; }<br /> :is(.skin-vector, .skin-vector-2022) .vector-menu-heading, :is(.skin-vector, .skin-vector-2022) .vector-pinnable-header-label,<br /> :is(.skin-vector, .skin-vector-2022) .vector-toc .vector-toc-text, :is(.skin-vector, .skin-vector-2022) #footer li,<br /> :is(.skin-vector, .skin-vector-2022) #siteSub, :is(.skin-vector, .skin-vector-2022) .vector-page-titlebar-toc { color: var(--fw-muted); }<br /> :is(.skin-vector, .skin-vector-2022) .vector-menu-tabs li, :is(.skin-vector, .skin-vector-2022) .vector-menu-tabs,<br /> :is(.skin-vector, .skin-vector-2022) .vector-menu-tabs .selected, :is(.skin-vector, .skin-vector-2022) .vector-menu-tabs li a {<br /> background-image: none; background-color: transparent;<br /> }<br /> :is(.skin-vector, .skin-vector-2022) .vector-menu-tabs .selected a { color: var(--fw-text); }<br /> :is(.skin-vector, .skin-vector-2022) .vector-search-box-input, :is(.skin-vector, .skin-vector-2022) #searchInput,<br /> :is(.skin-vector, .skin-vector-2022) input[type=&quot;search&quot;] {<br /> background: var(--fw-surface); color: var(--fw-text); border-color: #46576a;<br /> }<br /> :is(.skin-vector, .skin-vector-2022) .cdx-text-input__input, :is(.skin-vector, .skin-vector-2022) .cdx-menu,<br /> :is(.skin-vector, .skin-vector-2022) .cdx-typeahead-search__menu { background-color: var(--fw-surface); color: var(--fw-text); border-color: var(--fw-line); }<br /> :is(.skin-vector, .skin-vector-2022) .cdx-search-result-title, :is(.skin-vector, .skin-vector-2022) .cdx-menu-item__text,<br /> :is(.skin-vector, .skin-vector-2022) .cdx-typeahead-search__search-footer { color: var(--fw-text); }<br /> :is(.skin-vector, .skin-vector-2022) .cdx-search-result-description { color: var(--fw-muted); }<br /> :is(.skin-vector, .skin-vector-2022) .vector-icon { filter: brightness(0) invert(0.82); }<br /> :is(.skin-vector, .skin-vector-2022) .mw-parser-output pre, :is(.skin-vector, .skin-vector-2022) .mw-parser-output code,<br /> :is(.skin-vector, .skin-vector-2022) .mw-parser-output .mw-code {<br /> background: #111b28; color: #d6e0ec; border-color: var(--fw-line);<br /> }<br /> :is(.skin-vector, .skin-vector-2022) .mw-parser-output pre { padding: 1rem; overflow-x: auto; }<br /> :is(.skin-vector, .skin-vector-2022) .mw-parser-output .toc, :is(.skin-vector, .skin-vector-2022) .catlinks {<br /> background: var(--fw-surface); border-color: var(--fw-line); color: var(--fw-muted);<br /> }<br /> :is(.skin-vector, .skin-vector-2022) .mw-parser-output .wikitable {<br /> background: var(--fw-surface); color: var(--fw-text); border-color: var(--fw-line);<br /> }<br /> :is(.skin-vector, .skin-vector-2022) .mw-parser-output .wikitable &gt; tr &gt; th,<br /> :is(.skin-vector, .skin-vector-2022) .mw-parser-output .wikitable &gt; * &gt; tr &gt; th {<br /> background: var(--fw-raised); color: #eef1f5; border-color: var(--fw-line);<br /> }<br /> :is(.skin-vector, .skin-vector-2022) .mw-parser-output .wikitable &gt; tr &gt; td,<br /> :is(.skin-vector, .skin-vector-2022) .mw-parser-output .wikitable &gt; * &gt; tr &gt; td { border-color: var(--fw-line); }<br /> :is(.skin-vector, .skin-vector-2022) .mw-parser-output .wikitable &gt; * &gt; tr:hover &gt; td { background: #1a2635; }<br /> :is(.skin-vector, .skin-vector-2022) .mw-parser-output .mw-editsection { font-family: sans-serif; font-size: 0.75rem; }<br /> :is(.skin-vector, .skin-vector-2022) .mw-parser-output hr { background-color: var(--fw-line); color: var(--fw-line); }<br /> :is(.skin-vector, .skin-vector-2022) #footer { border-top: 1px solid var(--fw-line); margin-top: 2rem; }<br /> :is(.skin-vector, .skin-vector-2022) .mw-parser-output a:focus-visible, :is(.skin-vector, .skin-vector-2022) button:focus-visible,<br /> :is(.skin-vector, .skin-vector-2022) input:focus-visible { outline: 2px solid var(--fw-gold); outline-offset: 3px; }<br /> /* The home page owns its heading; article titles retain the normal wiki title. */<br /> .page-Forever_Wiki .firstHeading, .page-Forever_Wiki #siteSub { display: none; }<br /> .fw-home { max-width: 1200px; padding: 0.5rem 0 1rem; }<br /> .fw-masthead { padding: 0.8rem 0 1.65rem; border-bottom: 1px solid var(--fw-line); }<br /> .fw-eyebrow, .fw-card-kicker {<br /> display: block; color: var(--fw-muted); font-size: 0.75rem;<br /> font-weight: 600; letter-spacing: 0.11em; line-height: 1.6;<br /> }<br /> .fw-masthead .fw-eyebrow { color: var(--fw-gold); }<br /> .mw-parser-output .fw-masthead h1 {<br /> font-family: var(--fw-serif); font-size: clamp(1.85rem, 3vw, 2.6rem);<br /> font-weight: 400; line-height: 1.2; margin: 0.4rem 0 0.65rem;<br /> padding: 0; border: 0; color: #f0ede5;<br /> }<br /> .fw-masthead p { max-width: 690px; color: #b5c0ce; margin: 0.4rem 0 1rem; }<br /> .fw-masthead-links { font-size: 0.875rem; }<br /> .fw-masthead-links span { color: #596b7e; padding: 0 0.65rem; }<br /> .fw-section-heading { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; gap: 0.35rem 1rem; padding: 1.6rem 0 0.85rem; }<br /> .mw-parser-output .fw-section-heading h2 { font-size: 1.35rem; padding: 0; margin: 0; border: 0; }<br /> .fw-section-heading &gt; span { color: var(--fw-muted); font-size: 0.75rem; }<br /> .fw-directory { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0.65rem; }<br /> .fw-directory-card {<br /> background: var(--fw-surface); border: 1px solid var(--fw-line);<br /> padding: 1.05rem 1rem 0.9rem; min-width: 0;<br /> }<br /> .fw-directory-card:hover { border-color: #647081; background: #192434; }<br /> .fw-directory-card-accent { border-top: 2px solid var(--fw-gold); padding-top: calc(1.05rem - 1px); }<br /> .mw-parser-output .fw-directory-card h3 { font-family: var(--fw-serif); font-size: 1.35rem; font-weight: 400; padding: 0; margin: 0.35rem 0 0.4rem; }<br /> .fw-directory-card p { color: #b3becc; font-size: 0.875rem; line-height: 1.55; margin: 0; min-height: 3.15em; }<br /> .fw-card-meta { display: block; color: var(--fw-muted); font-size: 0.75rem; padding-top: 0.9rem; }<br /> .fw-home-bottom { display: grid; grid-template-columns: 1fr 1fr; gap: 1.65rem; padding: 1.9rem 0 1.1rem; }<br /> .mw-parser-output .fw-panel h2 { font-size: 1.3rem; margin: 0 0 0.65rem; padding: 0 0 0.5rem; }<br /> .fw-panel p { color: #b5c0ce; font-size: 1rem; margin: 0.6rem 0; }<br /> .fw-panel p:last-child { font-size: 0.875rem; }<br /> .fw-site-note { border-top: 1px solid var(--fw-line); padding-top: 0.9rem; color: var(--fw-muted); font-size: 0.75rem; }<br /> .fw-hub-intro { padding: 0.55rem 0 0.85rem; }<br /> .fw-hub-intro p { color: #bdc8d5; margin: 0.4rem 0; max-width: 850px; }<br /> .fw-utility-links { font-size: 0.875rem; }<br /> .fw-database-note { color: var(--fw-muted); font-size: 0.875rem; padding: 0.75rem 0; border-top: 1px solid var(--fw-line); }<br /> .fw-query-table { overflow-x: auto; margin: 0.3rem 0 1.25rem; }<br /> .mw-parser-output .fw-data-table { width: 100%; font-size: 0.875rem; margin: 0.5rem 0; }<br /> .mw-parser-output .fw-data-table &gt; * &gt; tr &gt; th,<br /> .mw-parser-output .fw-data-table &gt; * &gt; tr &gt; td { padding: 0.65rem 0.75rem; text-align: left; vertical-align: top; }<br /> .fw-data-table th { font-weight: 600; white-space: nowrap; }<br /> .fw-data-table td { overflow-wrap: anywhere; }<br /> .fw-empty-state { border: 1px solid var(--fw-line); border-left: 2px solid #9c8355; background: var(--fw-surface); padding: 1.4rem; color: var(--fw-muted); font-size: 0.9375rem; }<br /> .fw-empty-state strong { display: inline-block; margin-bottom: 0.4rem; color: var(--fw-text); font-weight: 500; }<br /> .fw-index-footer { color: var(--fw-muted); font-size: 0.875rem; border-top: 1px solid var(--fw-line); padding-top: 1rem; }<br /> .mw-parser-output .fw-infobox { float: right; clear: right; width: 310px; margin: 0.5rem 0 1.5rem 1.5rem; font-size: 0.875rem; }<br /> .fw-infobox caption { font-family: var(--fw-serif); font-size: 1.4rem; text-align: left; font-weight: 400; padding: 0.3rem 0 0.55rem; color: #edf0f5; }<br /> .mw-parser-output .fw-infobox &gt; * &gt; tr &gt; th,<br /> .mw-parser-output .fw-infobox &gt; * &gt; tr &gt; td { text-align: left; padding: 0.6rem 0.7rem; overflow-wrap: anywhere; }<br /> .mw-parser-output .fw-infobox &gt; * &gt; tr &gt; th { font-weight: 500; width: 40%; }<br /> .mw-parser-output .fw-infobox &gt; * &gt; .fw-infobox-kind &gt; th { color: var(--fw-gold); text-transform: uppercase; font-size: 0.75rem; letter-spacing: 0.1em; }<br /> .mw-parser-output .fw-infobox &gt; * &gt; .fw-infobox-divider &gt; th { font-size: 0.75rem; color: #bbc7d5; }<br /> .fw-unknown { color: var(--fw-muted); font-style: italic; font-size: 1em; }<br /> .fw-page-metadata { display: flex; flex-wrap: wrap; gap: 0.45rem 1.5rem; padding: 0.8rem 1rem; background: var(--fw-surface); border: 1px solid var(--fw-line); font-size: 0.875rem; margin: 1rem 0; }<br /> .fw-page-metadata strong { font-weight: 500; }<br /> @media (max-width: 1100px) { .fw-directory { grid-template-columns: repeat(2, minmax(0, 1fr)); } }<br /> @media (max-width: 420px) { .fw-directory { grid-template-columns: 1fr; } .fw-directory-card p { min-height: 0; } }<br /> @media (max-width: 600px) {<br /> .fw-masthead { padding-top: 0.5rem; }<br /> .fw-masthead-links { line-height: 2; }<br /> .fw-masthead-links span { padding: 0 0.3rem; }<br /> .fw-directory { gap: 0.5rem; }<br /> .fw-directory-card { padding: 0.85rem 0.75rem; }<br /> .fw-card-kicker { font-size: 0.75rem; letter-spacing: 0.055em; }<br /> .fw-directory-card p { min-height: 0; }<br /> .fw-home-bottom { grid-template-columns: 1fr; gap: 1.1rem; }<br /> .fw-section-heading { padding-top: 1.2rem; }<br /> .mw-parser-output .fw-infobox { float: none; width: 100%; margin: 0.75rem 0 1.5rem; }<br /> }<br /> @media print {<br /> .fw-home, .fw-hub-intro, .fw-directory-card, .fw-panel, .fw-empty-state,<br /> .fw-page-metadata, .fw-infobox { background: white; color: black; }<br /> .fw-masthead h1, .fw-eyebrow, .fw-card-kicker, .fw-card-meta,<br /> .fw-masthead p, .fw-directory-card p, .fw-panel p, .fw-unknown,<br /> .fw-site-note, .fw-database-note, .fw-hub-intro p { color: #333; }<br /> .fw-directory { grid-template-columns: repeat(2, minmax(0, 1fr)); }<br /> }</div>

Maintenance script