https://mewsie.world/CoraTOWiki/index.php?action=history&feed=atom&title=MediaWiki%3AChangelogBox.css 2026-05-02T18:58:13Z Revision history for this page on the wiki MediaWiki 1.43.6 https://mewsie.world/CoraTOWiki/index.php?title=MediaWiki:ChangelogBox.css&diff=6651&oldid=prev 2026-01-02T12:22:03Z

<p></p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="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 08:22, 2 January 2026</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l4">Line 4:</td> <td colspan="2" class="diff-lineno">Line 4:</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>/* Changelog Box */</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>/* Changelog Box */</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>.changelog-box {</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>.changelog-box {</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>   background: <del style="font-weight: bold; text-decoration: none;">linear</del>-<del style="font-weight: bold; text-decoration: none;">gradient(135deg, #ffeef7 0%, #ffffff 50%, #f8f9fa 100%</del>) !important;</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>   background: <ins style="font-weight: bold; text-decoration: none;">var(--bg</ins>-<ins style="font-weight: bold; text-decoration: none;">1</ins>) !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>   padding: 25px 30px !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>   padding: 25px 30px !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>   border-radius: 16px !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>   border-radius: 16px !important;</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>   border: 1px solid <del style="font-weight: bold; text-decoration: none;">rgba</del>(<del style="font-weight: bold; text-decoration: none;">255, 107, 157, 0.15</del>) !important;</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>   border: 1px solid <ins style="font-weight: bold; text-decoration: none;">var</ins>(<ins style="font-weight: bold; text-decoration: none;">--border</ins>) !important;</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>   border-left: 5px solid <del style="font-weight: bold; text-decoration: none;">#ff6b9d </del>!important;</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>   border-left: 5px solid <ins style="font-weight: bold; text-decoration: none;">var(--primary) </ins>!important;</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>   box-shadow: 0 4px 20px <del style="font-weight: bold; text-decoration: none;">rgba</del>(<del style="font-weight: bold; text-decoration: none;">255, 107, 157, 0.08</del>), 0 2px 8px <del style="font-weight: bold; text-decoration: none;">rgba</del>(<del style="font-weight: bold; text-decoration: none;">0, 0, 0, 0.04</del>) !important;</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>   box-shadow: 0 4px 20px <ins style="font-weight: bold; text-decoration: none;">var</ins>(<ins style="font-weight: bold; text-decoration: none;">--shadow-soft</ins>), 0 2px 8px <ins style="font-weight: bold; text-decoration: none;">var</ins>(<ins style="font-weight: bold; text-decoration: none;">--shadow-soft</ins>) !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>   margin: 25px 0 !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>   margin: 25px 0 !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>   transition: all 0.3s ease !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>   transition: all 0.3s ease !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>   font-size: 1.05em !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>   font-size: 1.05em !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>   line-height: 1.6 !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>   line-height: 1.6 !important;</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>   color: <del style="font-weight: bold; text-decoration: none;">#2c3e50 </del>!important;</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>   color: <ins style="font-weight: bold; text-decoration: none;">var(--text) </ins>!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>   position: relative !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>   position: relative !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-lineno" id="mw-diff-left-l20">Line 20:</td> <td colspan="2" class="diff-lineno">Line 20:</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>.changelog-box:hover {</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>.changelog-box:hover {</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>   transform: translateY(-2px) !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>   transform: translateY(-2px) !important;</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>   box-shadow: 0 6px 25px <del style="font-weight: bold; text-decoration: none;">rgba</del>(<del style="font-weight: bold; text-decoration: none;">255, 107, 157, 0.12</del>), 0 3px 10px <del style="font-weight: bold; text-decoration: none;">rgba</del>(<del style="font-weight: bold; text-decoration: none;">0, 0, 0, 0.08</del>) !important;</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>   box-shadow: 0 6px 25px <ins style="font-weight: bold; text-decoration: none;">var</ins>(<ins style="font-weight: bold; text-decoration: none;">--shadow-medium</ins>), 0 3px 10px <ins style="font-weight: bold; text-decoration: none;">var</ins>(<ins style="font-weight: bold; text-decoration: none;">--shadow-soft</ins>) !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 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-lineno" id="mw-diff-left-l34">Line 34:</td> <td colspan="2" class="diff-lineno">Line 34:</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>   margin: 0 !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>   margin: 0 !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 class="diff-marker" data-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;">html[data-theme="dark"] .changelog-box { background: linear-gradient(135deg, #121a29 0%, #101625 100%) !important; color: #cfe6ff !important; border-left-color: #7bbbff !important; border-color: rgba(159,208,255,.18) !important; box-shadow: 0 6px 24px rgba(123,187,255,.25) !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;">html[data-theme="dark"] .changelog-box:hover { box-shadow: 0 12px 36px rgba(123,187,255,.28) !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;">html[data-theme="dark"] .changelog-header h3 { color: #9fd0ff !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;">html[data-theme="dark"] .changelog-date { color: #a8c6e8 !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;">html[data-theme="dark"] .changelog-item { color: #cfe6ff !important }</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"></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>

Noorisei https://mewsie.world/CoraTOWiki/index.php?title=MediaWiki:ChangelogBox.css&diff=5836&oldid=prev 2025-12-03T15:40:03Z

<p></p> <a href="https://mewsie.world/CoraTOWiki/index.php?title=MediaWiki:ChangelogBox.css&amp;diff=5836&amp;oldid=5835">Show changes</a>

Noorisei https://mewsie.world/CoraTOWiki/index.php?title=MediaWiki:ChangelogBox.css&diff=5835&oldid=prev 2025-12-03T15:39:24Z

<p></p> <a href="https://mewsie.world/CoraTOWiki/index.php?title=MediaWiki:ChangelogBox.css&amp;diff=5835&amp;oldid=5818">Show changes</a>

Noorisei https://mewsie.world/CoraTOWiki/index.php?title=MediaWiki:ChangelogBox.css&diff=5818&oldid=prev 2025-12-03T15:33:58Z

<p></p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="en"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Older revision</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 11:33, 3 December 2025</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l34">Line 34:</td> <td colspan="2" class="diff-lineno">Line 34:</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>   margin: 0 !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>   margin: 0 !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;">html[data-theme="dark"] .changelog-box { background: linear-gradient(135deg, #121a29 0%, #101625 100%) !important; color: #cfe6ff !important; border-left-color: #7bbbff !important; border-color: rgba(159,208,255,.18) !important; box-shadow: 0 6px 24px rgba(123,187,255,.25) !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;">html[data-theme="dark"] .changelog-box:hover { box-shadow: 0 12px 36px rgba(123,187,255,.28) !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;">html[data-theme="dark"] .changelog-header h3 { color: #9fd0ff !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;">html[data-theme="dark"] .changelog-date { color: #a8c6e8 !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;">html[data-theme="dark"] .changelog-item { color: #cfe6ff !important }</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;"><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>

Noorisei https://mewsie.world/CoraTOWiki/index.php?title=MediaWiki:ChangelogBox.css&diff=5328&oldid=prev 2025-10-21T20:44:10Z

<p>Created page with &quot; <span class="autocomment">Changelog Box: </span> .changelog-box { background: linear-gradient(135deg, #ffeef7 0%, #ffffff 50%, #f8f9fa 100%) !important; padding: 25px 30px !important; border-radius: 16px !important; border: 1px solid rgba(255, 107, 157, 0.15) !important; border-left: 5px solid #ff6b9d !important; box-shadow: 0 4px 20px rgba(255, 107, 157, 0.08), 0 2px 8px rgba(0, 0, 0, 0.04) !important; margin: 25px 0 !important; transition: all 0.3s ease !important; font-size:...&quot;</p> <p><b>New page</b></p><div><br /> <br /> <br /> /* Changelog Box */<br /> .changelog-box {<br /> background: linear-gradient(135deg, #ffeef7 0%, #ffffff 50%, #f8f9fa 100%) !important;<br /> padding: 25px 30px !important;<br /> border-radius: 16px !important;<br /> border: 1px solid rgba(255, 107, 157, 0.15) !important;<br /> border-left: 5px solid #ff6b9d !important;<br /> box-shadow: 0 4px 20px rgba(255, 107, 157, 0.08), 0 2px 8px rgba(0, 0, 0, 0.04) !important;<br /> margin: 25px 0 !important;<br /> transition: all 0.3s ease !important;<br /> font-size: 1.05em !important;<br /> line-height: 1.6 !important;<br /> color: #2c3e50 !important;<br /> position: relative !important;<br /> }<br /> <br /> .changelog-box:hover {<br /> transform: translateY(-2px) !important;<br /> box-shadow: 0 6px 25px rgba(255, 107, 157, 0.12), 0 3px 10px rgba(0, 0, 0, 0.08) !important;<br /> }<br /> <br /> .changelog-with-image {<br /> display: flex !important;<br /> align-items: center !important;<br /> gap: 25px !important;<br /> margin: 25px 0 !important;<br /> }<br /> <br /> .changelog-with-image .changelog-box {<br /> flex: 1 !important;<br /> margin: 0 !important;<br /> }<br /> <br /> <br /> /* ========================================<br /> RESPONSIVE DESIGN<br /> ======================================== */<br /> <br /> /* Desktop médio: 992px - 1199px */<br /> @media (max-width: 1199px) {<br /> .changelog-box {<br /> padding: 18px;<br /> border-radius: 11px;<br /> margin: 18px 0;<br /> }<br /> <br /> .changelog-header {<br /> margin-bottom: 13px;<br /> }<br /> <br /> .changelog-header h3 {<br /> font-size: 1.4rem;<br /> }<br /> <br /> .changelog-date {<br /> font-size: 0.85em;<br /> }<br /> <br /> .changelog-item {<br /> padding: 9px 0;<br /> font-size: 0.95em;<br /> }<br /> }<br /> <br /> /* Desktop pequeno: 768px - 991px */<br /> @media (max-width: 991px) {<br /> .changelog-box {<br /> padding: 16px;<br /> border-radius: 10px;<br /> margin: 16px 0;<br /> }<br /> <br /> .changelog-header {<br /> margin-bottom: 12px;<br /> }<br /> <br /> .changelog-header h3 {<br /> font-size: 1.3rem;<br /> }<br /> <br /> .changelog-date {<br /> font-size: 0.8em;<br /> }<br /> <br /> .changelog-item {<br /> padding: 8px 0;<br /> font-size: 0.9em;<br /> }<br /> }<br /> <br /> /* Tablet: 576px - 767px */<br /> @media (max-width: 767px) {<br /> .changelog-box {<br /> padding: 14px;<br /> border-radius: 8px;<br /> margin: 14px 0;<br /> }<br /> <br /> .changelog-header {<br /> margin-bottom: 10px;<br /> }<br /> <br /> .changelog-header h3 {<br /> font-size: 1.2rem;<br /> }<br /> <br /> .changelog-date {<br /> font-size: 0.75em;<br /> }<br /> <br /> .changelog-item {<br /> padding: 7px 0;<br /> font-size: 0.85em;<br /> }<br /> }<br /> <br /> /* Mobile: até 575px */<br /> @media (max-width: 575px) {<br /> .changelog-box {<br /> padding: 12px;<br /> border-radius: 6px;<br /> margin: 12px 0;<br /> }<br /> <br /> .changelog-header {<br /> margin-bottom: 8px;<br /> }<br /> <br /> .changelog-header h3 {<br /> font-size: 1.1rem;<br /> }<br /> <br /> .changelog-date {<br /> font-size: 0.7em;<br /> }<br /> <br /> .changelog-item {<br /> padding: 6px 0;<br /> font-size: 0.8em;<br /> }<br /> }</div>

Noorisei