https://wiki.starhorizon.ru/index.php?action=history&feed=atom&title=%D0%A8%D0%B0%D0%B1%D0%BB%D0%BE%D0%BD%3AModernFrame%2F%D0%A1ollapsible%2Fstyles.css 2026-06-01T03:23:14Z История изменений этой страницы в вики MediaWiki 1.43.3 https://wiki.starhorizon.ru/index.php?title=%D0%A8%D0%B0%D0%B1%D0%BB%D0%BE%D0%BD:ModernFrame/%D0%A1ollapsible/styles.css&diff=203&oldid=prev 2025-09-05T17:25:08Z

<p>Новая страница: «.modern-frame--сollapsible { <span class="autocomment">--bg-color из стилей шаблона; по умолчанию: var(--theme-bg-color-250): </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); border-radius: var(--border-radius-medium); display: gr...»</p> <p><b>Новая страница</b></p><div>.modern-frame--сollapsible {<br /> /* --bg-color из стилей шаблона; по умолчанию: var(--theme-bg-color-250) */<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 /> border-radius: var(--border-radius-medium);<br /> display: grid;<br /> }<br /> <br /> .modern-frame--сollapsible__header {<br /> display: flex;<br /> align-items: center;<br /> min-height: 32px;<br /> padding: 3px;<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 /> overflow-wrap: anywhere;<br /> border-top: 2px solid var(--color-lighter-alpha-x);<br /> border-bottom: 3px solid var(--color-darkened-border);<br /> <br /> grid-row: 1;<br /> grid-column: 1 / 3;<br /> }<br /> <br /> .modern-frame--сollapsible__header h3 {<br /> margin: 0;<br /> padding: 0;<br /> }<br /> <br /> .modern-frame--сollapsible__header a {<br /> z-index: 2;<br /> position: relative;<br /> }<br /> <br /> .modern-frame--сollapsible__header-img {<br /> background: rgba(0, 0, 0, var(--alpha-xs));<br /> padding: 2px;<br /> border-radius: var(--border-radius-low);<br /> }<br /> <br /> .modern-frame--сollapsible__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 /> border-top: none;<br /> <br /> grid-column: 1 / 3;<br /> grid-row: 2;<br /> }<br /> <br /> .modern-frame--сollapsible &gt; .mw-collapsible-toggle {<br /> position: relative;<br /> display: flex;<br /> align-items: center;<br /> justify-content: flex-end;<br /> padding: 8px;<br /> <br /> top: 0;<br /> right: 0;<br /> <br /> grid-row: 1;<br /> grid-column: 1 / 3;<br /> }<br /> <br /> .modern-frame--сollapsible__sub-content {<br /> background-color: rgba(var(--color-darkened--rgb), 0.2);<br /> border-radius: 0 0 var(--border-radius-medium) var(--border-radius-medium);<br /> padding: 10px 8px;<br /> <br /> grid-column: 1 / 3;<br /> }<br /> <br /> @media (max-width: 800px) {<br /> .modern-frame--сollapsible__content {<br /> gap: 6px;<br /> padding: 8px;<br /> }<br /> }</div>

DeRecnad