https://wiki.ministation.ru/index.php?action=history&feed=atom&title=%D0%A8%D0%B0%D0%B1%D0%BB%D0%BE%D0%BD%3APageButton%2Fstyles.css 2026-11-09T09:40:33Z История изменений этой страницы в вики MediaWiki 1.45.1 https://wiki.ministation.ru/index.php?title=%D0%A8%D0%B0%D0%B1%D0%BB%D0%BE%D0%BD:PageButton/styles.css&diff=2808&oldid=prev 2026-08-06T20:29:52Z

<p>PageButton: нормальный размер иконок (Тайпан)</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="ru"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Предыдущая версия</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Версия от 20:29, 6 августа 2026</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l59">Строка 59:</td> <td colspan="2" class="diff-lineno">Строка 59:</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>.pagebutton-image img {</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>.pagebutton-image img {</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: 0.5em;</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: 0.5em;</div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"> min-width: 72px;</ins></div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"> min-height: 72px;</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;"> max-width: 96px;</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;"> max-height: 96px;</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;"> width: auto;</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;"> height: auto;</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;"> object-fit: contain;</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;"> image-rendering: pixelated;</ins></div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>}</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>}</div></td></tr> <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>

Admin https://wiki.ministation.ru/index.php?title=%D0%A8%D0%B0%D0%B1%D0%BB%D0%BE%D0%BD:PageButton/styles.css&diff=1690&oldid=prev 2026-08-02T17:16:19Z

<p>import TemplateStyles CSS</p> <p><b>Новая страница</b></p><div>.pagebutton {<br /> <br /> <br /> <br /> <br /> <br /> <br /> position: relative;<br /> display: inline-flex;<br /> flex-direction: column;<br /> overflow: hidden;<br /> outline: 1px solid #c9d4e4;<br /> border-radius: 6px;<br /> transition-property: box-shadow, outline-color, transform;<br /> transition-duration: 0.3s;<br /> transition-timing-function: ease;<br /> z-index: 1;<br /> }<br /> <br /> .pagebutton:hover {<br /> <br /> <br /> <br /> <br /> <br /> <br /> box-shadow: 0 0.2rem 0.4rem #7a90b8;<br /> transform: translateY(-0.25rem);<br /> transition-timing-function: ease;<br /> z-index: 2;<br /> }<br /> <br /> .pagebutton-image {<br /> flex: 1;<br /> display: inline-flex;<br /> justify-content: center;<br /> background-color: #e8eef7;<br /> transition-property: background-color;<br /> transition-duration: 0.3s;<br /> }<br /> <br /> .pagebutton-image a {<br /> transition-property: opacity;<br /> transition-duration: 0.15s;<br /> }<br /> <br /> .pagebutton:active .pagebutton-image a {<br /> <br /> transition-duration: 0s;<br /> }<br /> <br /> .pagebutton-image a,<br /> .pagebutton-image span {<br /> display: inline-flex;<br /> justify-content: center;<br /> width: 100%;<br /> }<br /> <br /> .pagebutton-image img {<br /> padding: 0.5em;<br /> }<br /> <br /> .pagebutton-text {<br /> overflow: hidden;<br /> display: inline-flex;<br /> align-items: center;<br /> justify-content: center;<br /> height: calc(1.25rem + 1px);<br /> font-weight: bold;<br /> white-space: nowrap;<br /> background-color: #666666;<br /> color: #fff !important;<br /> border-top: 1px solid #666666;<br /> transition-property: background-color, border;<br /> transition-duration: 0.3s;<br /> }<br /> <br /> .pagebutton-text a {<br /> color: #fff !important;<br /> }<br /> <br /> .pagebutton-text a:before {<br /> content: &#039;&#039;;<br /> position: absolute;<br /> top:0;right:0;bottom:0;left:0;<br /> }</div>

Admin