https://petitplanet.wiki/index.php?action=history&feed=atom&title=User%3AStevium%2Fstyles.css 2026-04-10T00:42:40Z Revision history for this page on the wiki MediaWiki 1.43.5 https://petitplanet.wiki/index.php?title=User:Stevium/styles.css&diff=6732&oldid=prev 2026-04-03T05:31:24Z

<p>Main Page test</p> <a href="https://petitplanet.wiki/index.php?title=User:Stevium/styles.css&amp;diff=6732&amp;oldid=6312">Show changes</a>

Stevium https://petitplanet.wiki/index.php?title=User:Stevium/styles.css&diff=6312&oldid=prev 2025-12-17T07:24:37Z

<p>Stevium changed the content model of the page <a href="/User:Stevium/styles.css" title="User:Stevium/styles.css">User:Stevium/styles.css</a> from &quot;CSS&quot; to &quot;Sanitized CSS&quot;</p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <tr class="diff-title" lang="en"> <td colspan="1" style="background-color: #fff; color: #202122; text-align: center;">← Older revision</td> <td colspan="1" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 07:24, 17 December 2025</td> </tr><tr><td colspan="2" class="diff-notice" lang="en"><div class="mw-diff-empty">(No difference)</div> </td></tr></table>

Stevium https://petitplanet.wiki/index.php?title=User:Stevium/styles.css&diff=6311&oldid=prev 2025-12-17T07:24:32Z

<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 07:24, 17 December 2025</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l67">Line 67:</td> <td colspan="2" class="diff-lineno">Line 67:</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>.mp-icon:hover <del style="font-weight: bold; text-decoration: none;">{</del></div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>.mp-icon:hover .mp-icon-img {</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>.mp-icon-img {</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>background-color: var(--background-color-2);</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>background-color: var(--background-color-2);</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>}</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 class="diff-marker" data-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" data-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>.mp-button {</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;">.mp-icon:hover </ins>.mp-button {</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>background-color: var(--background-color-3);</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>background-color: var(--background-color-3);</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"></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>

Stevium https://petitplanet.wiki/index.php?title=User:Stevium/styles.css&diff=5135&oldid=prev 2025-11-26T13:33:22Z

<p>Created User:Stevium/styles.css</p> <p><b>New page</b></p><div>.mp-button {<br /> width: 100%;<br /> gap: 6px;<br /> position: relative;<br /> cursor: pointer;<br /> user-select: none;<br /> text-align: center;<br /> background-color: var(--background-color-2);<br /> color: var(--color-base);<br /> border-radius: 0 0 10px 10px;<br /> font-size: 1em;<br /> }<br /> <br /> .mp-button a,<br /> .mp-button a:hover {<br /> text-decoration: none;<br /> color: var(--color-base);<br /> }<br /> <br /> .mp-icon-wrapper {<br /> display: flex;<br /> flex-wrap: wrap;<br /> justify-content: center;<br /> gap: 8px;<br /> margin: auto;<br /> --icon-base-width: 90px;<br /> --icon-max-width: 200px;<br /> }<br /> <br /> .mp-icon {<br /> flex: 1 auto;<br /> width: var(--icon-base-width);<br /> max-width: var(--icon-max-width);<br /> display: flex;<br /> flex-direction: column;<br /> }<br /> <br /> /* Responsive icon size */<br /> @media screen and (min-width: 1500px) and (max-width: 2600px) {<br /> .mp-main-icons {<br /> --icon-base-width: 6vw;<br /> }<br /> }<br /> @media screen and (max-width: 950px) {<br /> .mp-icon-wrapper.mp-main-icons {<br /> --icon-base-width: 70px;<br /> --icon-max-width: 100px;<br /> }<br /> }<br /> <br /> .mp-icon-link {<br /> flex: 1;<br /> font-size: 1em;<br /> margin: -2px 0 0;<br /> padding: 0.25em 0;<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> }<br /> <br /> .mp-icon-img {<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> border-radius: 10px 10px 0 0;<br /> background-color: var(--background-color-1);<br /> }<br /> <br /> .mp-icon:hover {<br /> .mp-icon-img {<br /> background-color: var(--background-color-2);<br /> }<br /> .mp-button {<br /> background-color: var(--background-color-3);<br /> }<br /> }<br /> <br /> .mp-icon-img a {<br /> padding: 12px 0;<br /> }<br /> <br /> .mp-icon-img a,<br /> .mp-icon-img span {<br /> display: block;<br /> width: 100%;<br /> height: 100%;<br /> text-align: center;<br /> }<br /> <br /> .mp-icon-img img {<br /> max-width: unset !important;<br /> width: 60px !important;<br /> height: 60px !important;<br /> object-fit: contain;<br /> }<br /> <br /> @media screen and (max-width: 950px) {<br /> .mp-icon-link {<br /> font-size: 12px;<br /> }<br /> <br /> .mp-icon-img a {<br /> padding: 6px 0;<br /> }<br /> <br /> .mp-icon-img img {<br /> width: 50px !important;<br /> height: 50px !important;<br /> }<br /> }</div>

Stevium