https://erindal.com/mediawiki/index.php?action=history&feed=atom&title=Template%3AMagic%2Fstyles.css 2026-09-18T08:23:54Z Revision history for this page on the wiki MediaWiki 1.43.9 https://erindal.com/mediawiki/index.php?title=Template:Magic/styles.css&diff=542&oldid=prev 2026-08-29T23:43:49Z

<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 23:43, 29 August 2026</td> </tr><tr> <td colspan="2" class="diff-lineno">Line 6:</td> <td colspan="2" class="diff-lineno">Line 6:</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>/* Arcane record illustrations behave like compact wiki thumbnails rather</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>/* Arcane record illustrations behave like compact wiki thumbnails rather</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> than character portraits or full-bleed hero art. <del style="font-weight: bold; text-decoration: none;">Keep the complete image</del></div></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div> than character portraits or full-bleed hero art. <ins style="font-weight: bold; text-decoration: none;">*/</ins></div></td> </tr> <tr> <td class="diff-marker" data-marker="−"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div> visible while preserving MediaWiki's normal file link. */</div></td> <td colspan="2" class="diff-empty 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>.wiki-record.wiki-record--magic .wiki-record__image {</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>.wiki-record.wiki-record--magic .wiki-record__image {</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> display: flex !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> display: flex !important;</div></td> </tr> <tr> <td colspan="2" class="diff-lineno">Line 20:</td> <td colspan="2" class="diff-lineno">Line 19:</td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> overflow: hidden !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> overflow: hidden !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-bottom: 1px solid var(--wiki-line, var(--ew-border));</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-bottom: 1px solid var(--wiki-line, var(--ew-border));</div></td> </tr> <tr> <td colspan="2" class="diff-empty diff-side-deleted"></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div> border-bottom: 1px solid var(--ew-component-border, var(--wiki-line));</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> background-color: var(--wiki-paper, var(--ew-paper-light));</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> background-color: var(--wiki-paper, var(--ew-paper-light));</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;">image</del>: <del style="font-weight: bold; text-decoration: none;">radial</del>-<del style="font-weight: bold; text-decoration: none;">gradient(circle at 50% 45%</del>, <del style="font-weight: bold; text-decoration: none;">rgba</del>(<del style="font-weight: bold; text-decoration: none;">255, 255, 255, 0.24</del>)<del style="font-weight: bold; text-decoration: none;">, transparent 72%</del>);</div></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div> background-<ins style="font-weight: bold; text-decoration: none;">color</ins>: <ins style="font-weight: bold; text-decoration: none;">var(</ins>-<ins style="font-weight: bold; text-decoration: none;">-ew-component-surface</ins>, <ins style="font-weight: bold; text-decoration: none;">var</ins>(<ins style="font-weight: bold; text-decoration: none;">--wiki-paper</ins>));</div></td> </tr> <tr> <td colspan="2" class="diff-empty diff-side-deleted"></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div> background-image: radial-gradient(</div></td> </tr> <tr> <td colspan="2" class="diff-empty diff-side-deleted"></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div> circle at 50% 45%,</div></td> </tr> <tr> <td colspan="2" class="diff-empty diff-side-deleted"></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div> var(--ew-component-sheen, rgba(255, 255, 255, 0.24)),</div></td> </tr> <tr> <td colspan="2" class="diff-empty diff-side-deleted"></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div> transparent 72%</div></td> </tr> <tr> <td colspan="2" class="diff-empty diff-side-deleted"></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div> );</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> </table>

Miyokari https://erindal.com/mediawiki/index.php?title=Template:Magic/styles.css&diff=466&oldid=prev 2026-08-19T00:06:48Z

<p>Created page with &quot;<span class="autocomment">========================================================= ERINDAL MAGIC PAGES Magic-only additions to the shared WikiArticle system. MediaWiki 1.43 TemplateStyles-safe. =========================================================: </span> <span class="autocomment">Arcane record illustrations behave like compact wiki thumbnails rather than character portraits or full-bleed hero art. Keep the complete image visible while preserving MediaWiki&#039;s normal file link.: </span> .wiki-record.wiki-...&quot;</p> <p><b>New page</b></p><div>/* =========================================================<br /> ERINDAL MAGIC PAGES<br /> Magic-only additions to the shared WikiArticle system.<br /> MediaWiki 1.43 TemplateStyles-safe.<br /> ========================================================= */<br /> <br /> /* Arcane record illustrations behave like compact wiki thumbnails rather<br /> than character portraits or full-bleed hero art. Keep the complete image<br /> visible while preserving MediaWiki&#039;s normal file link. */<br /> .wiki-record.wiki-record--magic .wiki-record__image {<br /> display: flex !important;<br /> align-items: center !important;<br /> justify-content: center !important;<br /> box-sizing: border-box !important;<br /> width: 100% !important;<br /> height: 230px !important;<br /> min-height: 230px !important;<br /> max-height: 230px !important;<br /> padding: 0.7rem !important;<br /> overflow: hidden !important;<br /> border-bottom: 1px solid var(--wiki-line, var(--ew-border));<br /> background-color: var(--wiki-paper, var(--ew-paper-light));<br /> background-image: radial-gradient(circle at 50% 45%, rgba(255, 255, 255, 0.24), transparent 72%);<br /> }<br /> <br /> /* MediaWiki can place one or more spans around the file link. */<br /> .wiki-record.wiki-record--magic .wiki-record__image &gt; span,<br /> .wiki-record.wiki-record--magic .wiki-record__image .mw-file-description {<br /> display: flex !important;<br /> align-items: center !important;<br /> justify-content: center !important;<br /> box-sizing: border-box !important;<br /> width: 100% !important;<br /> height: 100% !important;<br /> max-width: 100% !important;<br /> max-height: 100% !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .wiki-record.wiki-record--magic .wiki-record__image .mw-file-element,<br /> .wiki-record.wiki-record--magic .wiki-record__image img {<br /> display: block !important;<br /> box-sizing: border-box !important;<br /> width: auto !important;<br /> height: auto !important;<br /> max-width: 90% !important;<br /> max-height: 205px !important;<br /> margin: auto !important;<br /> padding: 0 !important;<br /> object-fit: contain !important;<br /> object-position: center !important;<br /> }</div>

Miyokari