https://en.huijia.fun/index.php?action=history&feed=atom&title=Template%3ATheme-STR Template:Theme-STR - Revision history 2026-10-14T23:35:50Z Revision history for this page on the wiki MediaWiki 1.43.9 https://en.huijia.fun/index.php?title=Template:Theme-STR&diff=199&oldid=prev PlurimodSU: Sync with zh: component tokens (section 2b) for Common.css page components; docs: component tokens and page-component demo; English-only copy labels 2026-10-13T16:35:19Z <p>Sync with zh: component tokens (section 2b) for Common.css page components; docs: component tokens and page-component demo; English-only copy labels</p> <a href="https://en.huijia.fun/index.php?title=Template:Theme-STR&amp;diff=199&amp;oldid=172">Show changes</a> PlurimodSU https://en.huijia.fun/index.php?title=Template:Theme-STR&diff=172&oldid=prev PlurimodSU: Code updated to V3.0 version 2026-10-03T09:00:43Z <p>Code updated to V3.0 version</p> <a href="https://en.huijia.fun/index.php?title=Template:Theme-STR&amp;diff=172&amp;oldid=137">Show changes</a> PlurimodSU https://en.huijia.fun/index.php?title=Template:Theme-STR&diff=137&oldid=prev PlurimodSU: Debug: Color Scheme and Sidetools 2026-06-03T16:34:23Z <p>Debug: Color Scheme and Sidetools</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 10:34, 3 June 2026</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l266">Line 266:</td> <td colspan="2" class="diff-lineno">Line 266:</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;"><br></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;"><br></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;">/* Bug Defender</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 screen and (min-width: 1100px) {</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 screen and (min-width: 1100px) {</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-content-container { margin-top: 25px; }</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-content-container { margin-top: 25px; }</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;">*/</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;"><br></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;"><br></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 screen and (min-width: 851px) {</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 screen and (min-width: 851px) {</div></td></tr> <tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l713">Line 713:</td> <td colspan="2" class="diff-lineno">Line 714:</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;"><br></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;"><br></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>/* === 23. MOBILE (≤850px) === */</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>/* === 23. MOBILE (≤850px) === */</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 and (max-width: 850px) {</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;">    .sidebar-chunk {</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;">        transform: none !important;</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;">        animation: none !important;</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;">        opacity: 1 !important;</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: none !important;</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: none !important;</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;">        box-shadow: none !important;</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;">    .sidebar-chunk h2 {</ins></div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">        font-size: 0 !important;</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: none !important;</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 !important;</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;">        margin: 0 !important;</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-content-block{</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: transparent !important;</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;"></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;">    /* Hide the empty green sidebar/portlet shells */</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;">    .sidebar-chunk:empty,</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-portlet:empty,</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-portlet:not(:has(li)):not(:has(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;">        display: none !important;</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: none !important;</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 !important;</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;">        margin: 0 !important;</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: none !important;</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 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;"><br></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;"><br></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-content-block .sidebar-chunk {</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: none !important;</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;">        box-shadow: none !important;</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: transparent !important;</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 !important;</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 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;"><br></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;"><br></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 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>&lt;/style&gt;</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>&lt;/style&gt;</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;"><br></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;"><br></td></tr> </table> PlurimodSU https://en.huijia.fun/index.php?title=Template:Theme-STR&diff=136&oldid=prev PlurimodSU: Debug the color scheme 2026-06-03T16:12:07Z <p>Debug the color scheme</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 10:12, 3 June 2026</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l574">Line 574:</td> <td colspan="2" class="diff-lineno">Line 574:</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>     color: var(--str-text-dim) !important;</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>     color: var(--str-text-dim) !important;</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;">.mw-footer-container { background: transparent; }</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;"><br></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;"><br></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-footer li,</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-footer li,</div></td></tr> <tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l710">Line 710:</td> <td colspan="2" class="diff-lineno">Line 712:</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;"><br></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;"><br></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>/* === 23. MOBILE <del style="font-weight: bold; text-decoration: none;">FIXES </del>(≤850px) === */</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>/* === 23. MOBILE (≤850px) === */</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;">@media screen and (max-width: 850px) {</del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">    /* Undo global relative-positioning that breaks Timeless dropdowns */</del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">    header, nav,</del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">    #mw-header-container, #mw-header-hack, .mw-header-container {</del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">        position: static !important;</del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">        top: auto !important;</del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">    }</del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div> </div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">    #mw-mf-page-left, .dropdown, .dropdown-active,</del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">    #mw-site-navigation, #mw-related-navigation,</del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">    #site-tools, #personal {</del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">        position: static !important;</del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">        height: auto !important;</del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">        max-height: none !important;</del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">        overflow: visible !important;</del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">    }</del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div> </div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">    .dropdown .mw-portlet-body,</del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">    .dropdown.dropdown-active .mw-portlet-body {</del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">        display: block !important;</del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">        height: auto !important;</del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">        max-height: 70vh !important;</del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">        overflow-y: auto !important;</del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">        background-color: var(--str-bg-card) !important;</del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">        border: 1px solid var(--str-border) !important;</del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">        border-radius: var(--str-radius) !important;</del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">        box-shadow: 0 0 25px rgba(0,0,0,0.6), 0 0 8px var(--str-accent) !important;</del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">        z-index: 9999 !important;</del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">        position: relative !important;</del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">    }</del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div> </div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">    .dropdown-toggle, #ca-more, .mw-ui-icon {</del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">        position: relative !important;</del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">        z-index: 9999 !important;</del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">    }</del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div> </div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">    /* Hide empty sidebar/portlet shells */</del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">    .sidebar-chunk:empty,</del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">    .mw-portlet:empty,</del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">    .mw-portlet:not(:has(li)):not(:has(a)) {</del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">        display: none !important;</del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">        border: none !important;</del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">        padding: 0 !important;</del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">        margin: 0 !important;</del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">        background: none !important;</del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">    }</del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div> </div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">    #mw-content-block .sidebar-chunk {</del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">        border: none !important;</del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">        box-shadow: none !important;</del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">        background: transparent !important;</del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">        padding: 0 !important;</del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">    }</del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div> </div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">    /* No abrupt white bottom */</del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">    html, body,</del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">    #mw-content-block, #mw-content-wrapper, .mw-body {</del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">        background-color: var(--str-bg-body) !important;</del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">    }</del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></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;"><br></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-content {</del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">        border-radius: var(--str-radius) var(--str-radius) 0 0 !important;</del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">        margin-bottom: 0 !important;</del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">        border-bottom: none !important;</del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">    }</del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></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;"><br></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-footer {</del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">        background-color: var(--str-bg-card) !important;</del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">        margin-top: 0 !important;</del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">        border-radius: 0 !important;</del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">        border-top: 3px solid var(--str-green) !important;</del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">    }</del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">}</del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>&lt;/style&gt;</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>&lt;/style&gt;</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;"><br></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;"><br></td></tr> </table> PlurimodSU https://en.huijia.fun/index.php?title=Template:Theme-STR&diff=114&oldid=prev PlurimodSU: Edit 2026-05-30T09:41:57Z <p>Edit</p> <a href="https://en.huijia.fun/index.php?title=Template:Theme-STR&amp;diff=114&amp;oldid=113">Show changes</a> PlurimodSU https://en.huijia.fun/index.php?title=Template:Theme-STR&diff=113&oldid=prev PlurimodSU: Edit 2026-05-16T13:12:07Z <p>Edit</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 07:12, 16 May 2026</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l57">Line 57:</td> <td colspan="2" class="diff-lineno">Line 57:</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>     /* Fonts */</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>     /* Fonts */</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>     --font-heading: &#039;ZCOOL XiaoWei&#039;, &#039;Noto Serif SC&#039;, serif;</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>     --font-heading: &#039;ZCOOL XiaoWei&#039;, &#039;Noto Serif SC&#039;, serif;</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>     --font-body: '<del style="font-weight: bold; text-decoration: none;">LXGW WenKai Screen</del>', 'PingFang SC', 'Microsoft YaHei', sans-serif;</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>     --font-body: '<ins style="font-weight: bold; text-decoration: none;">JetBrains Mono', 'Fira Code', 'Segoe UI</ins>', 'PingFang SC', 'Microsoft YaHei', sans-serif;</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>     --font-code: &#039;JetBrains Mono&#039;, monospace;</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>     --font-code: &#039;JetBrains Mono&#039;, monospace;</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>     --font-banner: &#039;ZCOOL XiaoWei&#039;, sans-serif;</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>     --font-banner: &#039;ZCOOL XiaoWei&#039;, sans-serif;</div></td></tr> </table> PlurimodSU https://en.huijia.fun/index.php?title=Template:Theme-STR&diff=84&oldid=prev PlurimodSU: Edit 2026-04-06T21:12:31Z <p>Edit</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 15:12, 6 April 2026</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l35">Line 35:</td> <td colspan="2" class="diff-lineno">Line 35:</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>     --str-bg-body: #0D0D12;</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>     --str-bg-body: #0D0D12;</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>     --str-bg-card: #101018;</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>     --str-bg-card: #101018;</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;">    --background-color-warning-subtle: #202040;</del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">    --color-surface-2: #202040;</del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>     --str-bg-card-alt: #161622;</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>     --str-bg-card-alt: #161622;</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>     --str-bg-sidebar: rgba(0, 0, 0, 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>     --str-bg-sidebar: rgba(0, 0, 0, 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>     --str-border: #28284A;</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>     --str-border: #28284A;</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>     --str-border-glow: rgba(2, 95, 50, 0.4);</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>     --str-border-glow: rgba(2, 95, 50, 0.4);</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;">    --background-color-warning-subtle: #202040;</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--emphasized: #2cff05;</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-surface-2: #202040;</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;"><br></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;"><br></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>     /* BRIGHTER text colors */</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>     /* BRIGHTER text colors */</div></td></tr> </table> PlurimodSU https://en.huijia.fun/index.php?title=Template:Theme-STR&diff=83&oldid=prev PlurimodSU: Edit 2026-04-06T21:09:55Z <p>Edit</p> <p><b>New page</b></p><div>&lt;includeonly&gt;<br /> &lt;html&gt;<br /> &lt;style&gt;<br /> <br /> /**<br /> * S.T.R. OFFICE - TIMELESS CONSOLIDATED THEME (v2.0)<br /> * Theme: Deep Cyber-Mystic Aesthetic<br /> * Palette &quot;DeepFi Cyber&quot;: #3F3954 #025F32 #C1E1A6 #000000<br /> * Palette &quot;DeepFi Noble&quot;: #3F3954 #025F32 #FFD700 #FFFFFF<br /> * Active palette: Cyber (switch --str-accent and --str-heading to #FFD700 for Noble)<br /> *<br /> * v2.0 Changelog:<br /> * - Significantly brighter body/sidebar text for readability<br /> * - Fixed sticky header popping on scroll<br /> * - Added animated scanline sweep, irregular luminance flicker<br /> * - Enhanced entrance animations for content elements<br /> * - More pervasive sci-fi / mysterious atmosphere<br /> */<br /> <br /> <br /> /* --- 1. Font Imports --- */<br /> @import url(&#039;https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&amp;family=Share+Tech+Mono&amp;family=Rajdhani:wght@400;500;600;700&amp;family=JetBrains+Mono:wght@400;700&amp;display=swap&#039;);<br /> @import url(&#039;https://fonts.googleapis.com/css2?family=ZCOOL+XiaoWei&amp;family=Noto+Serif+SC:wght@600;900&amp;family=JetBrains+Mono:wght@400;700&amp;display=swap&#039;);<br /> @import url(&#039;https://cdn.jsdelivr.net/npm/lxgw-wenkai-screen-webfont@1.1.0/style.css&#039;);<br /> <br /> <br /> /* --- 2. Root Variables (DeepFi Cyber Palette) --- */<br /> :root {<br /> --str-deep: #3F3954;<br /> --str-green: #025F32;<br /> --str-green-bright: #0A8F4F;<br /> --str-green-glow: #22CC66;<br /> --str-accent: #C1E1A6;<br /> --str-black: #000000;<br /> --str-bg-body: #0D0D12;<br /> --str-bg-card: #101018;<br /> --background-color-warning-subtle: #202040;<br /> --color-surface-2: #202040;<br /> --str-bg-card-alt: #161622;<br /> --str-bg-sidebar: rgba(0, 0, 0, 0);<br /> --str-border: #28284A;<br /> --str-border-glow: rgba(2, 95, 50, 0.4);<br /> <br /> /* BRIGHTER text colors */<br /> --str-text: #E8E8F4;<br /> --str-text-dim: #AAAAAA;<br /> --str-text-bright: #F5F5FF;<br /> --str-link: #66EEBB;<br /> --str-link-hover: #C1E1A6;<br /> --str-heading: #C1E1A6;<br /> <br /> --str-radius: 8px;<br /> --str-glow-green: 0 0 25px rgba(34, 204, 102, 0.9);<br /> <br /> /* Fonts */<br /> --font-heading: &#039;ZCOOL XiaoWei&#039;, &#039;Noto Serif SC&#039;, serif;<br /> --font-body: &#039;LXGW WenKai Screen&#039;, &#039;PingFang SC&#039;, &#039;Microsoft YaHei&#039;, sans-serif;<br /> --font-code: &#039;JetBrains Mono&#039;, monospace;<br /> --font-banner: &#039;ZCOOL XiaoWei&#039;, sans-serif;<br /> --shadow-subtle: 0 10px 10px rgba(0, 0, 0, 0.1);<br /> }<br /> <br /> #mw-site-navigation span, <br /> #mw-related-navigation span, <br /> #personal .dropdown span, <br /> #p-normal-catlinks a, <br /> #p-variants-desktop a {<br /> color: #22CC66 !important;<br /> text-decoration: none !important;<br /> }<br /> <br /> .sidebar-inner li a:before {<br /> color: var(--str-accent) !important;<br /> filter: drop-shadow(0 0 5px rgba(120, 205, 110, 1)) !important<br /> }<br /> <br /> .sidebar-inner li a:hover:before {<br /> color: #FFFFFF !important;<br /> text-shadow: 0 0 10px #22CC66, 0 0 20px #22CC66 !important;<br /> }<br /> <br /> /* --- 3. Global Body --- */<br /> /* ── Reset: no bleed when collapsed ── */<br /> #personal-inner.dropdown {<br /> background-color: transparent !important;<br /> border: none !important;<br /> box-shadow: none !important;<br /> padding: 0 !important;<br /> }<br /> <br /> /* ── The actual portlet inside — THIS is what&#039;s always visible ── */<br /> #personal-inner #p-personal {<br /> background-color: #1a1a1a !important;<br /> border: 1px solid var(--str-accent) !important;<br /> border-radius: 8px !important;<br /> padding: 10px !important;<br /> box-shadow: <br /> 0 0 20px rgba(0, 0, 0, 0.5),<br /> 0 0 8px var(--str-accent) !important;<br /> }<br /> <br /> /* ── Portlet body transparent ── */<br /> #p-personal .mw-portlet-body {<br /> background-color: transparent !important;<br /> border: none !important;<br /> }<br /> <br /> /* ── Header: title + separator ── */<br /> #p-personal-label {<br /> background-color: transparent !important;<br /> color: var(--str-accent) !important;<br /> text-align: center;<br /> font-weight: bold;<br /> letter-spacing: 0.05em;<br /> margin-bottom: 10px;<br /> padding-bottom: 6px;<br /> border-bottom: 1px solid var(--str-accent) !important;<br /> }<br /> <br /> /* ── List items ── */<br /> #p-personal .mw-portlet-body ul li {<br /> background-color: transparent !important;<br /> transition: background-color 0.15s ease;<br /> }<br /> <br /> /* ── Hover ── */<br /> #p-personal .mw-portlet-body ul li:hover {<br /> background-color: rgba(0, 255, 100, 0.1) !important;<br /> border-radius: 4px;<br /> }<br /> <br /> .kawaii-header-background {<br /> display: none !important;<br /> }<br /> <br /> body {<br /> background-color: var(--str-bg-body) !important;<br /> color: var(--str-text) !important;<br /> font-family: var(--font-body) !important;<br /> font-size: 16px;<br /> line-height: 1.75;<br /> -webkit-font-smoothing: antialiased;<br /> position: relative;<br /> }<br /> <br /> /* Static CRT scanlines (subtle) */<br /> body::before {<br /> content: &quot;&quot;;<br /> position: fixed;<br /> top: 0;<br /> left: 0;<br /> width: 100%;<br /> height: 100%;<br /> pointer-events: none;<br /> z-index: 9990;<br /> background: repeating-linear-gradient(<br /> 0deg,<br /> transparent,<br /> transparent 2px,<br /> rgba(0, 0, 0, 0.035) 2px,<br /> rgba(0, 0, 0, 0.035) 4px<br /> );<br /> }<br /> <br /> /* Irregular luminance blobs that slowly drift */<br /> body::after {<br /> content: &quot;&quot;;<br /> position: fixed;<br /> top: 0;<br /> left: 0;<br /> width: 200%;<br /> height: 200%;<br /> pointer-events: none;<br /> z-index: 9988;<br /> background:<br /> radial-gradient(ellipse at 15% 40%, rgba(2, 95, 50, 0.07) 0%, transparent 55%),<br /> radial-gradient(ellipse at 75% 15%, rgba(63, 57, 84, 0.14) 0%, transparent 45%),<br /> radial-gradient(ellipse at 55% 75%, rgba(193, 225, 166, 0.04) 0%, transparent 50%),<br /> radial-gradient(circle at 90% 85%, rgba(2, 95, 50, 0.05) 0%, transparent 35%);<br /> animation: str-luminance-drift 30s ease-in-out infinite alternate;<br /> }<br /> <br /> @keyframes str-luminance-drift {<br /> 0% { transform: translate(0%, 0%); }<br /> 25% { transform: translate(-5%, -3%); }<br /> 50% { transform: translate(-8%, -6%); }<br /> 75% { transform: translate(-3%, -8%); }<br /> 100% { transform: translate(-10%, -4%); }<br /> }<br /> <br /> <br /> /* ============================================================<br /> 4. KILL STICKY HEADER — prevent pop-out on scroll<br /> ============================================================ */<br /> #mw-header-container,<br /> #mw-header-hack,<br /> .mw-header-container {<br /> position: relative !important;<br /> top: auto !important;<br /> background-color: var(--str-bg-body) !important;<br /> border-bottom: 1px solid var(--str-border) !important;<br /> z-index: 100 !important;<br /> }<br /> <br /> .mw-header-content,<br /> #mw-header {<br /> background: transparent !important;<br /> position: relative !important;<br /> }<br /> <br /> /* Timeless skin sticky behavior override */<br /> .ts-container,<br /> #mw-header-container.ts-sticky,<br /> .mw-header-container[style*=&quot;position&quot;] {<br /> position: relative !important;<br /> top: auto !important;<br /> }<br /> <br /> /* Force any sticky/fixed header variants */<br /> header,<br /> nav {<br /> position: relative !important;<br /> }<br /> <br /> /* Also prevent the drop-shadow bar that appears */<br /> #mw-header-container::after {<br /> display: none !important;<br /> }<br /> <br /> <br /> /* --- 5. Banner / Site Title: S.T.R. OFFICE with Glitch --- */<br /> #p-banner {<br /> color: transparent !important;<br /> font-size: 0 !important;<br /> position: relative;<br /> }<br /> <br /> #p-banner a,<br /> #p-banner span {<br /> color: transparent !important;<br /> font-size: 0 !important;<br /> }<br /> <br /> #p-banner::after {<br /> content: &quot;S.T.R. OFFICE&quot;;<br /> font-family: var(--font-banner) !important;<br /> font-size: 22px;<br /> font-weight: 700;<br /> color: var(--str-accent) !important;<br /> letter-spacing: 4px;<br /> text-transform: uppercase;<br /> text-shadow:<br /> 0 0 8px rgba(193, 225, 166, 0.7),<br /> 0 0 25px rgba(2, 95, 50, 0.5),<br /> 0 0 50px rgba(2, 95, 50, 0.2);<br /> position: relative;<br /> display: inline-block;<br /> animation: str-glitch-subtle 6s infinite;<br /> }<br /> <br /> @keyframes str-glitch-subtle {<br /> 0%, 88%, 100% {<br /> text-shadow:<br /> 0 0 8px rgba(193, 225, 166, 0.7),<br /> 0 0 25px rgba(2, 95, 50, 0.5),<br /> 0 0 50px rgba(2, 95, 50, 0.2);<br /> transform: translate(0, 0) skewX(0deg);<br /> opacity: 1;<br /> }<br /> 89% {<br /> text-shadow: -3px 0 #C1E1A6, 3px 0 #025F32;<br /> transform: translate(-2px, 0) skewX(-1deg);<br /> opacity: 0.85;<br /> }<br /> 90% {<br /> text-shadow: 3px 0 #C1E1A6, -3px 0 #3F3954;<br /> transform: translate(2px, 0) skewX(1deg);<br /> opacity: 0.9;<br /> }<br /> 91% {<br /> text-shadow: 0 0 8px rgba(193, 225, 166, 0.7);<br /> transform: translate(0, 0) skewX(0deg);<br /> opacity: 1;<br /> }<br /> 92% {<br /> text-shadow: -1px 2px #C1E1A6, 1px -2px #025F32, 0 0 30px rgba(34, 204, 102, 0.4);<br /> transform: translate(1px, -1px);<br /> opacity: 0.88;<br /> }<br /> 93% {<br /> transform: translate(0, 0);<br /> opacity: 1;<br /> }<br /> }<br /> <br /> <br /> /* --- 6. Main Content Wrapper &amp; Card --- */<br /> #mw-content-wrapper {<br /> background: transparent !important;<br /> padding-top: 0px;<br /> }<br /> <br /> #mw-content {<br /> background-color: var(--str-bg-card) !important;<br /> color: var(--str-text) !important;<br /> padding: 25px 25px;<br /> border-radius: var(--str-radius);<br /> border: 1px solid var(--str-border);<br /> box-shadow:<br /> 0 0 40px rgba(0, 0, 0, 0.5),<br /> inset 0 1px 0 rgba(255, 255, 255, 0.03);<br /> background-image:<br /> linear-gradient(rgba(193, 225, 166, 0.018) 1px, transparent 1px),<br /> linear-gradient(90deg, rgba(193, 225, 166, 0.018) 1px, transparent 1px) !important;<br /> background-size: 40px 40px !important;<br /> animation: str-page-enter 0.6s ease-out;<br /> }<br /> <br /> @keyframes str-page-enter {<br /> from { opacity: 0; transform: translateY(15px); }<br /> to { opacity: 1; transform: translateY(0); }<br /> }<br /> <br /> /* Body text forced bright across content */<br /> #mw-content,<br /> #mw-content p,<br /> #mw-content li,<br /> #mw-content dd,<br /> #mw-content dt,<br /> #mw-content span,<br /> #mw-content div,<br /> .mw-body-content,<br /> .mw-body-content p,<br /> .mw-body-content li,<br /> .mw-body-content span {<br /> color: var(--str-text) !important;<br /> }<br /> <br /> /* .tools-inline div, <br /> .tools-inline ul, <br /> .tools-inline li {<br /> display: flex;<br /> padding: 5px;<br /> margin: 0;<br /> list-style: none;<br /> } */<br /> <br /> @media screen and (min-width: 1100px) {<br /> #mw-content-container {<br /> margin-top: 25px;<br /> }<br /> }<br /> <br /> @media screen and (min-width: 851px) {<br /> #p-variants-desktop h3 {<br /> padding: 0;<br /> margin: 0;<br /> display: flex;<br /> height: 55px;<br /> align-items: center;<br /> }<br /> }<br /> <br /> /* --- 7. Pill Search Bar --- */<br /> #p-search {<br /> margin: 0 20px !important;<br /> display: flex;<br /> align-items: center;<br /> }<br /> <br /> #searchform {<br /> background: #3F3954 !important;<br /> border: 1px solid var(--mw-border) !important;<br /> border-radius: 30px !important;<br /> display: flex !important;<br /> flex-direction: row !important;<br /> align-items: center !important;<br /> padding: 2px 4px 2px 15px !important;<br /> transition: all 0.3s ease;<br /> overflow: hidden;<br /> max-width: 350px;<br /> }<br /> <br /> #searchform:focus-within {<br /> border-color: var(--mw-primary) !important;<br /> box-shadow: 0 0 0 4px rgba(2, 95, 50, 0.1) !important;<br /> }<br /> <br /> #simpleSearch {<br /> background: transparent !important;<br /> border: none !important;<br /> width: 100% !important;<br /> display: flex !important;<br /> align-items: center !important;<br /> }<br /> <br /> #searchInput {<br /> background: transparent !important;<br /> border: none !important;<br /> box-shadow: none !important;<br /> font-family: var(--font-body);<br /> font-size: 0.85em !important;<br /> padding: 8px 0 !important;<br /> color: #C1E1A6 !important;<br /> width: 100% !important;<br /> }<br /> <br /> <br /> /* --- 8. Sidebar Styling (BOTH left and right) --- */<br /> .sidebar-chunk {<br /> background-color: var(--str-bg-sidebar) !important;<br /> border-radius: var(--str-radius);<br /> border: 1px solid var(--str-border) !important;<br /> margin-bottom: 16px;<br /> padding: 14px;<br /> box-shadow: 0 2px 14px rgba(0, 0, 0, 0.7);<br /> transition: border-color 0.3s ease, box-shadow 0.3s ease;<br /> animation: str-sidebar-enter 0.7s ease-out both;<br /> }<br /> <br /> @keyframes str-sidebar-enter {<br /> from { opacity: 0; transform: translateX(-10px); }<br /> to { opacity: 1; transform: translateX(0); }<br /> }<br /> <br /> .sidebar-chunk:hover {<br /> border-color: var(--str-green) !important;<br /> box-shadow: 0 2px 14px rgba(0, 0, 0, 0.35), 0 0 12px rgba(2, 95, 50, 0.15) !important;<br /> }<br /> <br /> .sidebar-chunk h2,<br /> .sidebar-chunk h3,<br /> .sidebar-chunk .sidebar-name {<br /> font-family: var(--font-heading) !important;<br /> font-size: 0.85em !important;<br /> color: var(--str-accent) !important;<br /> letter-spacing: 1.5px;<br /> text-transform: uppercase;<br /> border-bottom: 1px solid var(--str-border) !important;<br /> padding-bottom: 8px;<br /> margin-bottom: 10px;<br /> }<br /> <br /> /* Sidebar nav links — BRIGHT white */<br /> .sidebar-chunk li,<br /> .sidebar-chunk li a,<br /> .sidebar-chunk .body li a,<br /> .mw-portlet-body li a,<br /> #mw-panel .portal .body li a,<br /> #mw-site-navigation li a,<br /> #mw-related-navigation li a {<br /> color: var(--str-text-bright) !important;<br /> font-family: var(--font-body) !important;<br /> /* font-size: 1em; */<br /> padding: 10px 10px;<br /> transition: color 0.2s ease, padding-left 0.2s ease;<br /> }<br /> <br /> /* Unwatch Logo Bug */<br /> #ca-unwatch a {<br /> display: flex;<br /> justify-content: center;<br /> align-items: center;<br /> /* Debugged: Resetting padding and box-sizing to allow flex centering */<br /> padding: 0 !important;<br /> box-sizing: content-box !important;<br /> width: 100%;<br /> height: 100%;<br /> text-shadow: 0 0 5px rgba(34, 204, 102, 0.9) !important;<br /> }<br /> <br /> .sidebar-chunk li a:hover,<br /> .mw-portlet-body li a:hover {<br /> color: var(--str-accent) !important;<br /> padding-left: 5px;<br /> text-decoration: none !important;<br /> text-shadow: 0 0 6px rgba(102, 238, 187, 0.3);<br /> }<br /> <br /> /* Sidebar icons brightness */<br /> .sidebar-chunk .mw-ui-icon::before,<br /> .sidebar-chunk .mw-ui-icon svg,<br /> .sidebar-chunk img {<br /> filter: brightness(2.2) !important;<br /> opacity: 0.85 !important;<br /> }<br /> <br /> /* Right sidebar portlets */<br /> .mw-portlet {<br /> background-color: var(--str-bg-sidebar) !important;<br /> /* border: 1px solid var(--str-border) !important; */<br /> /* border-radius: var(--str-radius) !important; */<br /> /* margin-bottom: 16px !important; */<br /> padding: 0px;<br /> }<br /> <br /> .mw-portlet h3 {<br /> color: var(--str-accent) !important;<br /> font-family: var(--font-heading) !important;<br /> /* font-size: 1em !important; */<br /> letter-spacing: 1.5px;<br /> text-transform: uppercase;<br /> }<br /> <br /> .mw-portlet li,<br /> .mw-portlet li a {<br /> color: var(--str-text-bright) !important;<br /> }<br /> <br /> .mw-portlet li a:hover {<br /> color: var(--str-link) !important;<br /> }<br /> <br /> <br /> /* --- 9. Headings --- */<br /> .mw-parser-output h1,<br /> .mw-parser-output h2,<br /> .mw-parser-output h3,<br /> .mw-parser-output h4,<br /> .mw-parser-output h5,<br /> .mw-parser-output h6 {<br /> font-family: var(--font-heading) !important;<br /> color: var(--str-heading) !important;<br /> font-weight: 600;<br /> letter-spacing: 0.08em;<br /> padding-bottom: 8px;<br /> margin-bottom: 1em;<br /> overflow: hidden;<br /> display: block;<br /> }<br /> <br /> .mw-parser-output h1 { border-bottom: 2px solid var(--str-green) !important; }<br /> .mw-parser-output h2 { border-bottom: 2px solid rgba(2, 95, 50, 0.5) !important; }<br /> <br /> .mw-parser-output h3,<br /> .mw-parser-output h4,<br /> .mw-parser-output h5,<br /> .mw-parser-output h6 {<br /> border-bottom: none !important;<br /> position: relative;<br /> }<br /> <br /> .mw-parser-output h3::after,<br /> .mw-parser-output h4::after,<br /> .mw-parser-output h5::after,<br /> .mw-parser-output h6::after {<br /> content: &quot;&quot;;<br /> display: block;<br /> position: absolute;<br /> bottom: 0;<br /> left: 0;<br /> height: 2px;<br /> background: linear-gradient(90deg, var(--str-green), transparent);<br /> border-radius: 1px;<br /> }<br /> <br /> .mw-parser-output h3::after { width: 75%; }<br /> .mw-parser-output h4::after { width: 55%; opacity: 0.7; }<br /> .mw-parser-output h5::after { width: 35%; opacity: 0.5; }<br /> .mw-parser-output h6::after { width: 20%; opacity: 0.3; }<br /> <br /> h1.firstHeading {<br /> font-family: var(--font-heading) !important;<br /> color: var(--str-accent) !important;<br /> font-size: 2em;<br /> font-weight: 700;<br /> letter-spacing: 0.1em;<br /> border-bottom: 2px solid var(--str-green) !important;<br /> padding-bottom: 10px;<br /> margin-bottom: 1em;<br /> }<br /> <br /> h1.firstHeading::before {<br /> content: &quot;▹&quot;;<br /> color: var(--str-green-glow);<br /> margin-right: 10px;<br /> /* font-size: 1em; */<br /> }<br /> <br /> .mw-body h1.firstHeading {<br /> margin: 0.25em 0 0.25em;<br /> <br /> }<br /> <br /> h2 {<br /> color: var(--str-heading) !important;<br /> border-bottom: 1px solid var(--str-border) !important;<br /> padding-bottom: 5px;<br /> margin-top: 2em;<br /> font-size: 1.5em;<br /> }<br /> <br /> <br /> /* --- 10. Source Code &amp; Editor --- */<br /> code {<br /> background-color: #1A1A30 !important;<br /> color: #88FFB8 !important;<br /> padding: 3px 7px;<br /> border-radius: 4px;<br /> font-family: var(--font-code) !important;<br /> /* font-size: 1em; */<br /> border: 1px solid var(--str-border);<br /> }<br /> <br /> <br /> <br /> /* Source editor — VERY BRIGHT text */<br /> .mw-editfont-monospace,<br /> #wpTextbox1,<br /> textarea.mw-editfont-monospace,<br /> .ace_editor,<br /> .ace_editor .ace_content,<br /> .ace_editor .ace_text-layer,<br /> .ace_editor .ace_line,<br /> .CodeMirror,<br /> .CodeMirror pre,<br /> .CodeMirror-code,<br /> .CodeMirror-line,<br /> .CodeMirror-line span,<br /> .mw-editfont-default,<br /> textarea {<br /> background-color: #0C0C18 !important;<br /> color: #E8FFE8 !important;<br /> font-family: var(--font-code) !important;<br /> caret-color: var(--str-green-glow) !important;<br /> }<br /> <br /> .CodeMirror-gutters {<br /> background-color: #08080F !important;<br /> border-right: 1px solid var(--str-border) !important;<br /> }<br /> <br /> .CodeMirror-linenumber {<br /> color: var(--str-text-dim) !important;<br /> }<br /> <br /> .ace_cursor {<br /> color: var(--str-green-glow) !important;<br /> border-left-color: var(--str-green-glow) !important;<br /> }<br /> <br /> <br /> /* --- 11. Links --- */<br /> a {<br /> color: var(--str-link) !important;<br /> text-decoration: none;<br /> transition: all 0.2s ease;<br /> }<br /> <br /> a:hover {<br /> color: var(--str-link-hover) !important;<br /> text-decoration: underline dotted !important;<br /> text-shadow: 0 0 8px rgba(102, 238, 187, 0.35);<br /> }<br /> <br /> a:visited {<br /> color: #55CCAA !important;<br /> }<br /> <br /> a.new {<br /> color: #EE7766 !important;<br /> }<br /> <br /> <br /> /* --- 12. Wikitables --- */<br /> table.wikitable {<br /> border-radius: var(--str-radius);<br /> overflow: hidden;<br /> border: 1px solid var(--str-border) !important;<br /> border-collapse: separate;<br /> border-spacing: 0;<br /> background-color: var(--str-bg-card-alt) !important;<br /> }<br /> <br /> table.wikitable th {<br /> background-color: rgba(2, 95, 50, 0.2) !important;<br /> color: var(--str-accent) !important;<br /> font-family: var(--font-heading) !important;<br /> font-size: 0.88em;<br /> letter-spacing: 0.08em;<br /> padding: 10px 12px;<br /> border-bottom: 2px solid var(--str-green) !important;<br /> }<br /> <br /> table.wikitable td {<br /> padding: 9px 12px;<br /> border-top: 1px solid var(--str-border) !important;<br /> color: var(--str-text-bright) !important;<br /> }<br /> <br /> table.wikitable tr:hover td {<br /> background-color: rgba(2, 95, 50, 0.06);<br /> }<br /> <br /> <br /> /* --- 13. Categories &amp; Footer --- */<br /> #catlinks {<br /> background-color: var(--str-bg-card-alt) !important;<br /> border: 1px solid var(--str-border) !important;<br /> border-radius: var(--str-radius);<br /> padding: 12px 15px;<br /> color: var(--str-text) !important;<br /> }<br /> <br /> .mw-footer {<br /> background-color: var(--str-bg-sidebar) !important;<br /> padding: 25px 30px;<br /> border-radius: var(--str-radius) var(--str-radius) 0 0;<br /> margin-top: 30px;<br /> border-top: 3px solid var(--str-green) !important;<br /> color: var(--str-text-dim) !important;<br /> }<br /> <br /> .mw-footer li,<br /> .mw-footer a {<br /> color: var(--str-text-dim) !important;<br /> }<br /> <br /> <br /> /* --- 14. Tabs --- */<br /> .mw-portlet-views li a,<br /> .mw-portlet-namespaces li a,<br /> .mw-portlet-variants li a {<br /> color: var(--str-text) !important;<br /> font-family: var(--font-body) !important;<br /> }<br /> <br /> .mw-portlet-views li.selected a,<br /> .mw-portlet-namespaces li.selected a {<br /> color: var(--str-accent) !important;<br /> border-bottom: 2px solid var(--str-green) !important;<br /> }<br /> <br /> <br /> /* --- 15. TOC --- */<br /> .toc,<br /> #toc {<br /> background-color: var(--str-bg-card-alt) !important;<br /> border: 1px solid var(--str-border) !important;<br /> border-radius: var(--str-radius);<br /> padding: 15px;<br /> color: var(--str-text) !important;<br /> }<br /> <br /> .toc h2,<br /> #toc h2 {<br /> font-family: var(--font-heading) !important;<br /> color: var(--str-accent) !important;<br /> font-size: 0.85em !important;<br /> letter-spacing: 1px;<br /> }<br /> <br /> .toc a { color: var(--str-link) !important; }<br /> .toc li { color: var(--str-text) !important; }<br /> <br /> <br /> /* --- 16. Selection --- */<br /> ::selection {<br /> background-color: var(--str-green) !important;<br /> color: #FFFFFF !important;<br /> }<br /> <br /> <br /> /* --- 17. Logo --- */<br /> #p-logo, .mw-portlet-logo {<br /> display: flex !important;<br /> justify-content: center;<br /> align-items: center;<br /> padding: 15px 0 !important;<br /> margin-bottom: 8px;<br /> }<br /> <br /> <br /> /* --- 18. Misc UI --- */<br /> .oo-ui-toolbar-bar {<br /> background-color: var(--str-bg-card-alt) !important;<br /> border-color: var(--str-border) !important;<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button {<br /> background-color: var(--str-bg-card-alt) !important;<br /> color: var(--str-text-bright) !important;<br /> border-color: var(--str-border) !important;<br /> }<br /> <br /> .oo-ui-labelElement .oo-ui-labelElement-label {<br /> color: var(--str-text) !important;<br /> }<br /> <br /> .oo-ui-textInputWidget input,<br /> .oo-ui-textInputWidget textarea {<br /> background-color: var(--str-bg-card) !important;<br /> color: var(--str-text-bright) !important;<br /> border-color: var(--str-border) !important;<br /> }<br /> <br /> td.diff-context {<br /> background-color: var(--str-bg-card) !important;<br /> color: var(--str-text) !important;<br /> }<br /> <br /> td.diff-addedline { background-color: rgba(2, 95, 50, 0.18) !important; }<br /> td.diff-deletedline { background-color: rgba(180, 50, 50, 0.18) !important; }<br /> <br /> input[type=&quot;text&quot;],<br /> input[type=&quot;search&quot;],<br /> input[type=&quot;password&quot;],<br /> select {<br /> background-color: var(--str-bg-card) !important;<br /> color: var(--str-text-bright) !important;<br /> border: 1px solid var(--str-border) !important;<br /> border-radius: 4px;<br /> font-family: var(--font-body) !important;<br /> }<br /> <br /> .mw-ui-button,<br /> input[type=&quot;submit&quot;] {<br /> background-color: var(--str-green) !important;<br /> color: #FFFFFF !important;<br /> border: none !important;<br /> border-radius: 4px;<br /> font-family: var(--font-heading) !important;<br /> letter-spacing: 0.5px;<br /> transition: all 0.2s ease;<br /> }<br /> <br /> .mw-ui-button:hover,<br /> input[type=&quot;submit&quot;]:hover {<br /> background-color: var(--str-green-bright) !important;<br /> box-shadow: var(--str-glow-green);<br /> }<br /> <br /> .previewnote,<br /> .mw-warning-with-logexcerpt,<br /> .warningbox {<br /> background-color: rgba(63, 57, 84, 0.3) !important;<br /> border-color: var(--str-border) !important;<br /> color: var(--str-text) !important;<br /> }<br /> <br /> .successbox {<br /> background-color: rgba(2, 95, 50, 0.2) !important;<br /> border-color: var(--str-green) !important;<br /> color: var(--str-text) !important;<br /> }<br /> <br /> .errorbox {<br /> background-color: rgba(180, 50, 50, 0.2) !important;<br /> color: #FFAAAA !important;<br /> }<br /> <br /> <br /> /* --- 19. Scrollbar --- */<br /> ::-webkit-scrollbar { width: 8px; height: 8px; }<br /> ::-webkit-scrollbar-track { background: var(--str-bg-body); }<br /> ::-webkit-scrollbar-thumb { background: var(--str-border); border-radius: 4px; }<br /> ::-webkit-scrollbar-thumb:hover { background: var(--str-green); }<br /> <br /> <br /> /* --- 20. Universal text brightness safety --- */<br /> p, li, dd, dt, td, th, span, div, label, legend, figcaption, summary, blockquote {<br /> color: inherit;<br /> }<br /> <br /> <br /> &lt;/style&gt;<br /> <br /> &lt;script&gt;<br /> /**<br /> * S.T.R. OFFICE - UI ENHANCEMENTS (v2.0)<br /> * Features:<br /> * - Bottom reading progress bar with green glow<br /> * - Code copy buttons<br /> * - Scroll reveal entrance animations (staggered)<br /> * - Animated scanline sweep (bright line descending)<br /> * - Irregular luminance flicker overlay<br /> * - Ambient corner glow pulse<br /> * - Kill sticky header via JS as backup<br /> */<br /> <br /> (function() {<br /> &quot;use strict&quot;;<br /> <br /> const injectStyles = () =&gt; {<br /> const s = document.createElement(&#039;style&#039;);<br /> s.innerHTML = `<br /> <br /> /* === Reading Progress Bar === */<br /> #str-progress-container {<br /> position: fixed;<br /> bottom: 0;<br /> left: 0;<br /> width: 100%;<br /> height: 3px;<br /> background: rgba(0, 0, 0, 0.6);<br /> z-index: 99999;<br /> }<br /> #str-progress-bar {<br /> height: 100%;<br /> width: 0%;<br /> background: linear-gradient(90deg, #025F32, #22CC66, #C1E1A6);<br /> box-shadow: 0 0 10px #025F32, 0 0 4px #22CC66;<br /> transition: width 0.1s ease-out;<br /> }<br /> <br /> /* === Code Copy Button === */<br /> .str-copy-btn {<br /> position: absolute;<br /> top: 8px;<br /> right: 8px;<br /> background: rgba(2, 95, 50, 0.7);<br /> color: #D0F0D0;<br /> border: 1px solid rgba(193, 225, 166, 0.25);<br /> border-radius: 4px;<br /> padding: 4px 10px;<br /> font-size: 10px;<br /> font-family: &#039;Share Tech Mono&#039;, monospace;<br /> letter-spacing: 1px;<br /> text-transform: uppercase;<br /> cursor: pointer;<br /> opacity: 0;<br /> transition: all 0.2s ease;<br /> z-index: 50;<br /> }<br /> pre:hover .str-copy-btn { opacity: 1; }<br /> .str-copy-btn:hover {<br /> background: rgba(10, 143, 79, 0.9);<br /> box-shadow: 0 0 12px rgba(2, 95, 50, 0.5);<br /> }<br /> pre { position: relative; }<br /> <br /> /* === Scroll Reveal === */<br /> .str-reveal {<br /> opacity: 0;<br /> transform: translateY(18px);<br /> transition: opacity 0.65s cubic-bezier(0.22, 1, 0.36, 1),<br /> transform 0.65s cubic-bezier(0.22, 1, 0.36, 1);<br /> }<br /> .str-reveal.str-visible {<br /> opacity: 1;<br /> transform: translateY(0);<br /> }<br /> .str-delay-1 { transition-delay: 0.06s; }<br /> .str-delay-2 { transition-delay: 0.14s; }<br /> .str-delay-3 { transition-delay: 0.22s; }<br /> <br /> /* === Animated Scanline Sweep === */<br /> #str-scanline-sweep {<br /> position: fixed;<br /> top: 0;<br /> left: 0;<br /> width: 100%;<br /> height: 100%;<br /> pointer-events: none;<br /> z-index: 9991;<br /> overflow: hidden;<br /> }<br /> #str-scanline-sweep::after {<br /> content: &quot;&quot;;<br /> position: absolute;<br /> left: 0;<br /> width: 100%;<br /> height: 4px;<br /> background: linear-gradient(<br /> 90deg,<br /> transparent 0%,<br /> rgba(193, 225, 166, 0.06) 15%,<br /> rgba(2, 95, 50, 0.12) 40%,<br /> rgba(34, 204, 102, 0.08) 60%,<br /> rgba(193, 225, 166, 0.06) 85%,<br /> transparent 100%<br /> );<br /> box-shadow: 0 0 30px rgba(2, 95, 50, 0.08);<br /> animation: str-sweep-down 7s linear infinite;<br /> }<br /> @keyframes str-sweep-down {<br /> 0% { top: -10px; }<br /> 100% { top: 100%; }<br /> }<br /> <br /> /* === Irregular Luminance Flicker === */<br /> #str-flicker {<br /> position: fixed;<br /> top: 0;<br /> left: 0;<br /> width: 100%;<br /> height: 100%;<br /> pointer-events: none;<br /> z-index: 9987;<br /> opacity: 0;<br /> animation: str-flicker-anim 0.12s steps(3) infinite;<br /> }<br /> @keyframes str-flicker-anim {<br /> 0% { opacity: 0; }<br /> 33% { opacity: 0.015; }<br /> 66% { opacity: 0; }<br /> 100% { opacity: 0.008; }<br /> }<br /> <br /> /* === Ambient Corner Glow Pulse === */<br /> #str-ambient {<br /> position: fixed;<br /> top: 0;<br /> left: 0;<br /> width: 100%;<br /> height: 100%;<br /> pointer-events: none;<br /> z-index: 9986;<br /> opacity: 0;<br /> animation: str-ambient-pulse 18s ease-in-out infinite;<br /> }<br /> @keyframes str-ambient-pulse {<br /> 0%, 100% { opacity: 0; }<br /> 50% { opacity: 1; }<br /> }<br /> `;<br /> document.head.appendChild(s);<br /> };<br /> <br /> <br /> /* --- Kill sticky header via JS (backup for CSS) --- */<br /> const killStickyHeader = () =&gt; {<br /> const hdr = document.getElementById(&#039;mw-header-container&#039;);<br /> if (hdr) {<br /> hdr.style.setProperty(&#039;position&#039;, &#039;relative&#039;, &#039;important&#039;);<br /> hdr.style.setProperty(&#039;top&#039;, &#039;auto&#039;, &#039;important&#039;);<br /> }<br /> /* Also kill any scroll-triggered class toggling */<br /> const observer = new MutationObserver((mutations) =&gt; {<br /> mutations.forEach((m) =&gt; {<br /> if (m.target.id === &#039;mw-header-container&#039; || m.target.classList.contains(&#039;mw-header-container&#039;)) {<br /> m.target.style.setProperty(&#039;position&#039;, &#039;relative&#039;, &#039;important&#039;);<br /> m.target.style.setProperty(&#039;top&#039;, &#039;auto&#039;, &#039;important&#039;);<br /> }<br /> });<br /> });<br /> if (hdr) {<br /> observer.observe(hdr, { attributes: true, attributeFilter: [&#039;class&#039;, &#039;style&#039;] });<br /> }<br /> };<br /> <br /> <br /> /* --- Reading progress bar --- */<br /> const initProgress = () =&gt; {<br /> const c = document.createElement(&#039;div&#039;);<br /> c.id = &#039;str-progress-container&#039;;<br /> const b = document.createElement(&#039;div&#039;);<br /> b.id = &#039;str-progress-bar&#039;;<br /> c.appendChild(b);<br /> document.body.appendChild(c);<br /> window.addEventListener(&#039;scroll&#039;, () =&gt; {<br /> const st = window.pageYOffset || document.documentElement.scrollTop;<br /> const dh = document.documentElement.scrollHeight - document.documentElement.clientHeight;<br /> if (dh &gt; 0) b.style.width = ((st / dh) * 100) + &#039;%&#039;;<br /> });<br /> };<br /> <br /> <br /> /* --- Code copy buttons --- */<br /> const initCopy = () =&gt; {<br /> document.querySelectorAll(&#039;pre&#039;).forEach(block =&gt; {<br /> if (block.querySelector(&#039;.str-copy-btn&#039;)) return;<br /> const btn = document.createElement(&#039;button&#039;);<br /> btn.className = &#039;str-copy-btn&#039;;<br /> btn.innerText = &#039;COPY&#039;;<br /> btn.addEventListener(&#039;click&#039;, (e) =&gt; {<br /> e.preventDefault();<br /> e.stopPropagation();<br /> const text = block.innerText.replace(&#039;COPY&#039;, &#039;&#039;).replace(&#039;COPIED!&#039;, &#039;&#039;).trim();<br /> navigator.clipboard.writeText(text).then(() =&gt; {<br /> btn.innerText = &#039;COPIED!&#039;;<br /> setTimeout(() =&gt; btn.innerText = &#039;COPY&#039;, 2000);<br /> });<br /> });<br /> block.appendChild(btn);<br /> });<br /> };<br /> <br /> <br /> /* --- Scroll reveal with stagger --- */<br /> const initReveal = () =&gt; {<br /> const observer = new IntersectionObserver((entries) =&gt; {<br /> entries.forEach(e =&gt; {<br /> if (e.isIntersecting) {<br /> e.target.classList.add(&#039;str-visible&#039;);<br /> observer.unobserve(e.target);<br /> }<br /> });<br /> }, { threshold: 0.04 });<br /> <br /> const targets = document.querySelectorAll(<br /> &#039;#mw-content h2, #mw-content h3, #mw-content h4, &#039; +<br /> &#039;.thumbinner, table.wikitable, #mw-content pre, &#039; +<br /> &#039;#mw-content .toc, #catlinks, .sidebar-chunk&#039;<br /> );<br /> let i = 0;<br /> targets.forEach(el =&gt; {<br /> el.classList.add(&#039;str-reveal&#039;);<br /> el.classList.add(&#039;str-delay-&#039; + ((i % 3) + 1));<br /> observer.observe(el);<br /> i++;<br /> });<br /> };<br /> <br /> <br /> /* --- Animated scanline sweep --- */<br /> const initScanlineSweep = () =&gt; {<br /> const div = document.createElement(&#039;div&#039;);<br /> div.id = &#039;str-scanline-sweep&#039;;<br /> document.body.appendChild(div);<br /> };<br /> <br /> <br /> /* --- Irregular flicker --- */<br /> const initFlicker = () =&gt; {<br /> const div = document.createElement(&#039;div&#039;);<br /> div.id = &#039;str-flicker&#039;;<br /> div.style.background = &#039;rgba(193, 225, 166, 0.12)&#039;;<br /> document.body.appendChild(div);<br /> };<br /> <br /> <br /> /* --- Ambient glow --- */<br /> const initAmbient = () =&gt; {<br /> const div = document.createElement(&#039;div&#039;);<br /> div.id = &#039;str-ambient&#039;;<br /> div.style.background = [<br /> &#039;radial-gradient(ellipse at 3% 97%, rgba(2, 95, 50, 0.06) 0%, transparent 45%)&#039;,<br /> &#039;radial-gradient(ellipse at 97% 3%, rgba(63, 57, 84, 0.08) 0%, transparent 40%)&#039;,<br /> &#039;radial-gradient(ellipse at 50% 50%, rgba(34, 204, 102, 0.02) 0%, transparent 60%)&#039;<br /> ].join(&#039;, &#039;);<br /> document.body.appendChild(div);<br /> };<br /> <br /> <br /> /* --- Execute all --- */<br /> document.addEventListener(&#039;DOMContentLoaded&#039;, () =&gt; {<br /> injectStyles();<br /> killStickyHeader();<br /> initProgress();<br /> initCopy();<br /> initReveal();<br /> initScanlineSweep();<br /> initFlicker();<br /> initAmbient();<br /> });<br /> <br /> })();<br /> &lt;/script&gt;<br /> &lt;/html&gt;<br /> &lt;/includeonly&gt;&lt;noinclude&gt;{{Theme-STR}}<br /> ==Description==<br /> ==Origin==<br /> Author: [[User:PlurimodSU|Marina Malinti]]<br /> <br /> ===Note===<br /> To use this theme on a page, simply add the following code directly to the page&#039;s source code:<br /> &lt;pre&gt;{{Theme-STR}}&lt;/pre&gt;<br /> [[Category:Template-Theme]]<br /> &lt;/noinclude&gt;</div> PlurimodSU