https://ultracity.pro/index.php?action=history&feed=atom&title=%D0%A8%D0%B0%D0%B1%D0%BB%D0%BE%D0%BD%3AGranit%2Fstyles.css 2026-04-06T23:06:28Z История изменений этой страницы в вики MediaWiki 1.45.1 https://ultracity.pro/index.php?title=%D0%A8%D0%B0%D0%B1%D0%BB%D0%BE%D0%BD:Granit/styles.css&diff=234956&oldid=prev 2022-01-03T17:21:37Z

<p></p> <p><b>Новая страница</b></p><div>.center { /* Minerva skin doesn&#039;t provide this */<br /> text-align: center;<br /> }<br /> .granit-banner-image {<br /> max-width: 100%;<br /> height: 100%;<br /> object-fit: contain;<br /> margin-top: 1vh;<br /> }<br /> .granit-subtitle {<br /> text-align: center;<br /> }<br /> .granit-header {<br /> display: flex;<br /> flex-direction:row;<br /> flex-wrap: wrap;<br /> text-align:center; /* noflex */<br /> padding: 5px;<br /> margin-bottom:1em;<br /> }<br /> <br /> .granit-header + .granit-header {<br /> margin-top: -2em;<br /> }<br /> <br /> .granit-header &gt; .granit-tab {<br /> display:inline-block; /* noflex */<br /> flex:1 1 0;<br /> align-self: flex-end;<br /> vertical-align:bottom; /* noflex */<br /> text-align:center;<br /> font-size:larger;<br /> margin: 5px;<br /> }<br /> .granit-tab &gt; .red-marker {<br /> visibility: hidden;<br /> background-color: #ed1c24;<br /> height: 0.6em;<br /> }<br /> .granit-tab.selected &gt; .red-marker {<br /> visibility: visible;<br /> }<br /> @media (max-width:550px) {<br /> .granit-header {<br /> flex-direction:column;<br /> padding:0;<br /> margin-top: 0!important; /* cancels out the sibling styling */<br /> }<br /> .granit-header &gt; .granit-tab {<br /> width: 100%;<br /> margin:0;<br /> }<br /> /* At smaller sizes we make the hr the green marker */<br /> .granit-tab &gt; .red-marker {<br /> display:none;<br /> }<br /> .granit-tab &gt; p {<br /> margin:0 2vw 0 2vw;<br /> }<br /> .granit-tab.selected &gt; hr {<br /> background-color: #ed1c24;<br /> height: 5px;<br /> }<br /> }<br /> @media (min-width:551px) {<br /> .granit-subtitle {<br /> font-size:155%;<br /> }<br /> }</div>

Rodion