https://wiki.starhorizon.ru/index.php?action=history&feed=atom&title=%D0%A8%D0%B0%D0%B1%D0%BB%D0%BE%D0%BD%3ARulesBox%2Fstyles.css 2026-06-01T00:44:00Z История изменений этой страницы в вики MediaWiki 1.43.3 https://wiki.starhorizon.ru/index.php?title=%D0%A8%D0%B0%D0%B1%D0%BB%D0%BE%D0%BD:RulesBox/styles.css&diff=202&oldid=prev 2025-09-05T17:24:54Z

<p>Новая страница: «.rules-box__block { position: relative; display: flex; justify-content: space-between; border-radius: var(--border-radius-medium); box-shadow: var(--box-shadow-medium); } .rules-box__container { } .rules-box__title { font-size: var(--font-size-xl); } .rules-box__content { } .rules-box__container--addition { display: flex; flex-direction: column; position: absolute; max-height: 85%; top: 0; right: 0; width: 20%; min-width: clamp(200px, 20...»</p> <p><b>Новая страница</b></p><div>.rules-box__block {<br /> position: relative;<br /> display: flex;<br /> justify-content: space-between;<br /> border-radius: var(--border-radius-medium);<br /> box-shadow: var(--box-shadow-medium);<br /> }<br /> <br /> .rules-box__container {<br /> <br /> }<br /> <br /> .rules-box__title {<br /> font-size: var(--font-size-xl);<br /> }<br /> <br /> .rules-box__content {<br /> <br /> }<br /> <br /> .rules-box__container--addition {<br /> display: flex;<br /> flex-direction: column;<br /> position: absolute;<br /> max-height: 85%;<br /> top: 0;<br /> right: 0;<br /> width: 20%;<br /> min-width: clamp(200px, 20vw, 300px);<br /> border-radius: var(--border-radius-medium);<br /> background-color: var(--theme-bg-color-250);<br /> border-left: 4px solid var(--theme-border-color-100);<br /> box-shadow: var(--box-shadow);<br /> }<br /> <br /> .rules-box__container--addition,<br /> .rules-box__container--addition .mw-collapsible-toggle {<br /> position: absolute;<br /> padding: 10px 12px;<br /> } <br /> <br /> .rules-box__title--addition {<br /> display: flex;<br /> align-items: center;<br /> }<br /> <br /> .rules-box__content--addition {<br /> overflow-y: auto;<br /> margin-top: 10px;<br /> padding-right: 10px;<br /> }<br /> <br /> @media (max-width: 700px) {<br /> .rules-box__block {<br /> flex-direction: column;<br /> margin: 20px 0;<br /> }<br /> <br /> .rules-box__container--addition {<br /> position: relative;<br /> display: block;<br /> box-sizing: border-box;<br /> width: 100%;<br /> border: none;<br /> margin-top: 20px;<br /> }<br /> }</div>

DeRecnad