https://wiki.starhorizon.ru/index.php?action=history&feed=atom&title=%D0%A8%D0%B0%D0%B1%D0%BB%D0%BE%D0%BD%3AModernFrame%2Fstyles.css 2026-06-01T00:44:18Z История изменений этой страницы в вики MediaWiki 1.43.3 https://wiki.starhorizon.ru/index.php?title=%D0%A8%D0%B0%D0%B1%D0%BB%D0%BE%D0%BD:ModernFrame/styles.css&diff=107&oldid=prev 2025-08-02T16:53:21Z

<p>Новая страница: «.modern-frame { <span class="autocomment">--bg-color из стилей шаблона; по умолчанию: var(--theme-bg-color-300): </span> <span class="autocomment">--alpha из стилей шаблона; по умолчанию: 30%: </span> --c-m-bg: color-mix(in srgb, var(--bg-color) var(--alpha), var(--theme-bg-color-100)); --c-m-border: color-mix(in srgb, var(--bg-color) 80%, transparent); background: var(--bg-color); display: flex; flex-direction: column; border-radius: var(--bord...»</p> <p><b>Новая страница</b></p><div>.modern-frame {<br /> /* --bg-color из стилей шаблона; по умолчанию: var(--theme-bg-color-300) */<br /> /* --alpha из стилей шаблона; по умолчанию: 30% */<br /> --c-m-bg: color-mix(in srgb, var(--bg-color) var(--alpha), var(--theme-bg-color-100));<br /> --c-m-border: color-mix(in srgb, var(--bg-color) 80%, transparent);<br /> <br /> background: var(--bg-color);<br /> display: flex;<br /> flex-direction: column;<br /> border-radius: var(--border-radius-medium);<br /> }<br /> <br /> .modern-frame__title {<br /> position: relative;<br /> display: flex;<br /> align-items: center;<br /> min-height: 32px;<br /> padding: 2px 8px;<br /> color: var(--theme-text-color-header);<br /> font-family: var(--font-family-heading);<br /> border-radius: var(--border-radius-medium) var(--border-radius-medium) 0 0;<br /> border-top: 2px solid var(--color-lighter-alpha-x);<br /> border-bottom: 3px solid var(--color-darkened-border);<br /> }<br /> <br /> .modern-frame__content {<br /> border-radius: 0 0 var(--border-radius-medium) var(--border-radius-medium);<br /> box-shadow: var(--box-shadow-inset-medium);<br /> border: 2px solid var(--c-m-border);<br /> background: var(--c-m-bg);<br /> flex-grow: 2;<br /> }</div>

DeRecnad