https://bs.ss220.club/index.php?action=history&feed=atom&title=%D0%A8%D0%B0%D0%B1%D0%BB%D0%BE%D0%BD%3APortalBox%2Fstyles.css 2026-04-28T11:05:54Z История изменений этой страницы в вики MediaWiki 1.43.0 https://bs.ss220.club/index.php?title=%D0%A8%D0%B0%D0%B1%D0%BB%D0%BE%D0%BD:PortalBox/styles.css&diff=77898&oldid=prev 2025-06-05T08:53:36Z

<p>Новая страница: «.portalbox { position: relative; display: flex; border-radius: var(--border-radius-small); } .portalbox-wrapper { overflow: hidden; position: relative; flex: 1; display: flex; background-color: var(--tmp-10); outline: 1px outset var(--tmp-25); border-radius: inherit; box-shadow: var(--template-shadow--small) -1px var(--tmp-25); transition-property: box-shadow; transition-duration: var(--transition-time); z-index: 1; } .portalbox:hover .porta...»</p> <p><b>Новая страница</b></p><div>.portalbox {<br /> position: relative;<br /> display: flex;<br /> border-radius: var(--border-radius-small);<br /> }<br /> <br /> .portalbox-wrapper {<br /> overflow: hidden;<br /> position: relative;<br /> flex: 1;<br /> display: flex;<br /> background-color: var(--tmp-10);<br /> outline: 1px outset var(--tmp-25);<br /> border-radius: inherit;<br /> box-shadow: var(--template-shadow--small) -1px var(--tmp-25);<br /> transition-property: box-shadow;<br /> transition-duration: var(--transition-time);<br /> z-index: 1;<br /> }<br /> <br /> .portalbox:hover .portalbox-wrapper {<br /> box-shadow: var(--template-shadow--small) -1px var(--tmp-100);<br /> }<br /> <br /> .portalbox-role {<br /> display: flex;<br /> flex-direction: column;<br /> justify-content: center;<br /> text-align: center;<br /> width: 128px;<br /> gap: 0.5rem;<br /> padding: 0.5rem 0;<br /> background-color: var(--tmp-10);<br /> border-right: 1px solid var(--tmp-25);<br /> box-shadow: var(--template-shadow--medium) -1px var(--tmp-25);<br /> }<br /> <br /> .portalbox-image a {<br /> transition-property: filter;<br /> transition-duration: var(--transition-time);<br /> }<br /> <br /> .portalbox:active .portalbox-image a {<br /> filter: drop-shadow(0 0 3px var(--tmp-75));<br /> transition-duration: 0s;<br /> }<br /> <br /> .portalbox-name {<br /> hyphens: auto;<br /> font-weight: bold;<br /> line-height: 1rem;<br /> padding: 0 0.25rem;<br /> }<br /> <br /> .portalbox-name a {<br /> color: var(--color-text);<br /> }<br /> <br /> .portalbox-name a:before {<br /> content: &#039;&#039;;<br /> position: absolute;<br /> inset: 0;<br /> }<br /> <br /> .portalbox-desc {<br /> flex: 1;<br /> line-height: 1.1rem;<br /> padding: 0.5rem;<br /> }<br /> <br /> .portalbox-desc a {<br /> position: relative;<br /> z-index: 2;<br /> }<br /> <br /> /* Rainbow */<br /> <br /> .portalbox.rgb .portalbox-wrapper {<br /> margin: 1px;<br /> background-color: hsl(from var(--color-primal-immutable) h s l / 0.85);<br /> }<br /> <br /> .portalbox.rgb .portalbox-role {<br /> background-color: hsl(from var(--color-primal-immutable) h s l / 0.25);<br /> border-right: 1px solid var(--color-border);<br /> box-shadow: var(--template-shadow--medium) -1px var(--color-primal);<br /> }<br /> <br /> .portalbox.rgb .rainbow {<br /> filter: blur(1px);<br /> }<br /> <br /> .portalbox.rgb:hover .rainbow {<br /> filter: blur(3px);<br /> }</div>

Aylong