https://wiki.ministation.ru/index.php?action=history&feed=atom&title=%D0%A8%D0%B0%D0%B1%D0%BB%D0%BE%D0%BD%3AFlexBox%2Fstyles.css 2026-11-09T07:19:52Z История изменений этой страницы в вики MediaWiki 1.45.1 https://wiki.ministation.ru/index.php?title=%D0%A8%D0%B0%D0%B1%D0%BB%D0%BE%D0%BD:FlexBox/styles.css&diff=1660&oldid=prev 2026-08-02T17:12:23Z

<p>import TemplateStyles CSS</p> <p><b>Новая страница</b></p><div>.flexbox-container {<br /> display: flex;<br /> flex: 1 0 30rem;<br /> flex-direction: column;<br /> background-color: var(--tmp-10);<br /> border-radius: 8px;<br /> box-shadow: 0 2px 0 rgba(0,0,0,.12);<br /> }<br /> <br /> .flexbox-container:before {<br /> border-radius: 8px;<br /> }<br /> <br /> @media (max-width: 719px) {<br /> .flexbox-container {<br /> flex: 1 0 100%;<br /> }<br /> }<br /> <br /> .flexbox-header {<br /> display: flex;<br /> align-items: center;<br /> min-height: 1.75rem;<br /> font-weight: bold;<br /> font-size: 1.1rem;<br /> background-color: var(--tmp-25);<br /> border-bottom: 2px solid var(--tmp-100);<br /> border-radius: 8px 8px 0 0;<br /> }<br /> <br /> .flexbox-header hr {<br /> display: none;<br /> }<br /> <br /> .flexbox-title {<br /> padding-top: 2px;<br /> margin: 0 0.5em;<br /> font-size: 0.85em;<br /> line-height: 1.1rem;<br /> }<br /> <br /> .flexbox-subtitle {<br /> display: inline-flex;<br /> justify-content: center;<br /> align-items: center;<br /> height: 100%;<br /> min-width: 2.5rem;<br /> padding: 0 0.25em;<br /> background-color: var(--tmp-100);<br /> color: #fff;<br /> border-radius: 8px 8px 0 0;<br /> }<br /> <br /> .flexbox-subtitle.alone {<br /> width: 100%;<br /> margin: 0;<br /> padding: 2px 0.25em 0;<br /> text-align: center;<br /> line-height: 1.1rem;<br /> font-size: 1.1em;<br /> }<br /> <br /> .flexbox-content {<br /> flex: 1;<br /> display: flex;<br /> }<br /> <br /> .flexbox-image {<br /> overflow: hidden;<br /> align-content: center;<br /> border: 2px solid var(--tmp-100);<br /> border-top: 0;<br /> border-bottom-left-radius: 8px;<br /> }<br /> <br /> .flexbox-text {<br /> border: solid var(--tmp-25);<br /> border-width: 0px 1px 1px 0;<br /> border-bottom-right-radius: 8px;<br /> }<br /> <br /> .flexbox-desc {<br /> flex: 1;<br /> padding: 0.33rem;<br /> line-height: 1.125rem;<br /> }<br /> <br /> .flexbox-text {<br /> flex: 1;<br /> display: flex;<br /> flex-direction: column;<br /> }<br /> <br /> .flexbox-desc {<br /> flex: 1;<br /> }</div>

Admin