http://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-06-21T10:19:43Z История изменений этой страницы в вики MediaWiki 1.44.0 http://wiki.ministation.ru//index.php?title=%D0%A8%D0%B0%D0%B1%D0%BB%D0%BE%D0%BD:PageButton/styles.css&diff=60&oldid=prev 2025-07-26T21:50:17Z

<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>

Als