https://ex.ss220.club/index.php?action=history&feed=atom&title=%D0%A8%D0%B0%D0%B1%D0%BB%D0%BE%D0%BD%3APageButton%2Fstyles.css 2026-04-21T20:12:27Z История изменений этой страницы в вики MediaWiki 1.45.3 https://ex.ss220.club/index.php?title=%D0%A8%D0%B0%D0%B1%D0%BB%D0%BE%D0%BD:PageButton/styles.css&diff=130&oldid=prev 2026-04-21T13:30:30Z

<p>Защитил страницу <a href="/wiki/%D0%A8%D0%B0%D0%B1%D0%BB%D0%BE%D0%BD:PageButton/styles.css" title="Шаблон:PageButton/styles.css">Шаблон:PageButton/styles.css</a> ([Редактирование=Разрешено только администраторам] (бессрочно) [Переименование=Разрешено только администраторам] (бессрочно))</p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <tr class="diff-title" lang="ru"> <td colspan="1" style="background-color: #fff; color: #202122; text-align: center;">← Предыдущая версия</td> <td colspan="1" style="background-color: #fff; color: #202122; text-align: center;">Версия от 13:30, 21 апреля 2026</td> </tr><tr><td colspan="2" class="diff-notice" lang="ru"><div class="mw-diff-empty">(нет различий)</div> </td></tr></table>

Burenov https://ex.ss220.club/index.php?title=%D0%A8%D0%B0%D0%B1%D0%BB%D0%BE%D0%BD:PageButton/styles.css&diff=35&oldid=prev 2026-04-18T12:56:02Z

<p>Новая страница: «.pagebutton { --pagebutton-transition: calc(var(--transition-time) * 2); --color-tmp-100: var(--tmp-100); --color-tmp-75: var(--tmp-75); --color-tmp-50: var(--tmp-50); --color-tmp-25: var(--tmp-25); --color-tmp-10: var(--tmp-10); user-select: none; position: relative; display: inline-flex; flex-direction: column; overflow: hidden; outline: 1px outset var(--color-tmp-25); border-radius: var(--border-radius-small); transition-p...»</p> <p><b>Новая страница</b></p><div>.pagebutton {<br /> --pagebutton-transition: calc(var(--transition-time) * 2);<br /> --color-tmp-100: var(--tmp-100);<br /> --color-tmp-75: var(--tmp-75);<br /> --color-tmp-50: var(--tmp-50);<br /> --color-tmp-25: var(--tmp-25);<br /> --color-tmp-10: var(--tmp-10);<br /> <br /> user-select: none;<br /> position: relative;<br /> display: inline-flex;<br /> flex-direction: column;<br /> overflow: hidden;<br /> outline: 1px outset var(--color-tmp-25);<br /> border-radius: var(--border-radius-small);<br /> transition-property: box-shadow, outline-color, transform;<br /> transition-duration: var(--pagebutton-transition);<br /> transition-timing-function: var(--linear-bounce);<br /> z-index: 1;<br /> }<br /> <br /> .pagebutton:hover {<br /> --pagebutton-transition: var(--transition-time);<br /> --color-tmp-100: var(--hover-100, var(--tmp-100));<br /> --color-tmp-75: var(--hover-75, var(--tmp-75));<br /> --color-tmp-50: var(--hover-50, var(--tmp-50));<br /> --color-tmp-25: var(--hover-25, var(--tmp-25));<br /> --color-tmp-10: var(--hover-10, var(--tmp-10));<br /> <br /> box-shadow: 0 0.2rem 0.4rem var(--color-tmp-75);<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: var(--color-tmp-10);<br /> transition-property: background-color;<br /> transition-duration: var(--pagebutton-transition);<br /> }<br /> <br /> .pagebutton-image a {<br /> transition-property: filter;<br /> transition-duration: var(--transition-time);<br /> }<br /> <br /> .pagebutton:active .pagebutton-image a {<br /> filter: drop-shadow(0 0 6px var(--color-tmp-75));<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: hsl(from var(--color-tmp-75) h var(--adjust-s) var(--adjust-bg-l));<br /> color: var(--color-white) !important;<br /> border-top: 1px solid hsl(from var(--color-tmp-75) h var(--adjust-s) var(--adjust-bd-l));<br /> transition-property: background-color, border;<br /> transition-duration: var(--pagebutton-transition);<br /> }<br /> <br /> .pagebutton-text a {<br /> color: var(--color-white) !important;<br /> }<br /> <br /> .pagebutton-text a:before {<br /> content: &#039;&#039;;<br /> position: absolute;<br /> inset: 0;<br /> }</div>

Burenov