https://wiki.starhorizon.ru/index.php?action=history&feed=atom&title=%D0%A8%D0%B0%D0%B1%D0%BB%D0%BE%D0%BD%3AColoredTextFrame%2Fstyles.css 2026-09-16T22:02:42Z История изменений этой страницы в вики MediaWiki 1.43.3 https://wiki.starhorizon.ru/index.php?title=%D0%A8%D0%B0%D0%B1%D0%BB%D0%BE%D0%BD:ColoredTextFrame/styles.css&diff=126&oldid=prev 2025-08-03T16:16:16Z

<p>Новая страница: «.сolored-frame-text { --perceived-lightness: calc( ((var(--label-r) * 0.2126) + (var(--label-g) * 0.7152) + (var(--label-b) * 0.0722)) / 255 ); --lightness-switch: max(0, min(calc((1/(var(--lightness-threshold) - var(--perceived-lightness)))), 1)); --lighten-by: calc(((var(--lightness-threshold) - var(--perceived-lightness)) * 100) * var(--lightness-switch)); --label-r-calc: calc(var(--label-r) + var(--lighten-by)); --label-g-c...»</p> <p><b>Новая страница</b></p><div>.сolored-frame-text {<br /> --perceived-lightness: calc( ((var(--label-r) * 0.2126) + (var(--label-g) * 0.7152) + (var(--label-b) * 0.0722)) / 255 );<br /> --lightness-switch: max(0, min(calc((1/(var(--lightness-threshold) - var(--perceived-lightness)))), 1));<br /> <br /> --lighten-by: calc(((var(--lightness-threshold) - var(--perceived-lightness)) * 100) * var(--lightness-switch));<br /> <br /> --label-r-calc: calc(var(--label-r) + var(--lighten-by));<br /> --label-g-calc: calc(var(--label-g) + var(--lighten-by));<br /> --label-b-calc: calc(var(--label-b) + var(--lighten-by));<br /> }<br /> <br /> .сolored-frame-text {<br /> display: block;<br /> padding: 6px 8px;<br /> border-radius: var(--border-radius-high);<br /> <br /> background: rgba(var(--label-r), var(--label-g), var(--label-b), var(--background-alpha));<br /> border: 1px solid rgba(var(--label-r), var(--label-g), var(--label-b), var(--border-alpha));<br /> }<br /> <br /> .сolored-frame-text__header {<br /> font-weight: bold;<br /> font-family: var(--font-family-heading);<br /> margin-bottom: 4px;<br /> color: rgba(var(--label-r-calc), var(--label-g-calc), var(--label-b-calc), 1);<br /> }<br /> <br /> .сolored-frame-text__content {<br /> color: var(--theme-text-color);<br /> }</div>

DeRecnad