https://bs.ss220.club/index.php?action=history&feed=atom&title=%D0%A8%D0%B0%D0%B1%D0%BB%D0%BE%D0%BD%3ANavBar%2Fstyles.css 2026-04-23T00:41:36Z История изменений этой страницы в вики MediaWiki 1.43.0 https://bs.ss220.club/index.php?title=%D0%A8%D0%B0%D0%B1%D0%BB%D0%BE%D0%BD:NavBar/styles.css&diff=77891&oldid=prev 2025-06-05T08:48:31Z

<p>Новая страница: «.navbar { overflow: hidden; display: flex; flex-direction: column; background-color: var(--tmp-10); border: 1px solid var(--tmp-25); border-radius: var(--border-radius-medium); box-shadow: var(--template-shadow--small) -1px var(--tmp-50); } .navbar hr { margin: 0 0.25rem; background-color: var(--tmp-25); } .navbar-header { user-select: none; overflow: hidden; display: flex; text-align: center; font-weight: bold; font-size: 1.75rem; line-hei...»</p> <p><b>Новая страница</b></p><div>.navbar {<br /> overflow: hidden;<br /> display: flex;<br /> flex-direction: column;<br /> background-color: var(--tmp-10);<br /> border: 1px solid var(--tmp-25);<br /> border-radius: var(--border-radius-medium);<br /> box-shadow: var(--template-shadow--small) -1px var(--tmp-50);<br /> }<br /> <br /> .navbar hr {<br /> margin: 0 0.25rem;<br /> background-color: var(--tmp-25);<br /> }<br /> <br /> .navbar-header {<br /> user-select: none;<br /> overflow: hidden;<br /> display: flex;<br /> text-align: center;<br /> font-weight: bold;<br /> font-size: 1.75rem;<br /> line-height: 1.1em;<br /> min-height: 2.5rem;<br /> background-color: var(--tmp-75);<br /> border-bottom: 2px solid hsl(from var(--tmp-100) h s calc(l + 5));<br /> }<br /> <br /> .navbar-title {<br /> flex: 1;<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> line-height: 1em;<br /> margin: 2px 0.75rem 0;<br /> color: var(--color-white);<br /> }<br /> <br /> .navbar-button {<br /> position: relative;<br /> display: flex;<br /> width: 5rem;<br /> background-color: var(--tmp-100);<br /> box-shadow: var(--template-shadow--medium) hsla(0, 0%, 0%, 0.33);<br /> transition-property: background-color;<br /> transition-duration: var(--transition-time);<br /> }<br /> <br /> .navbar-button:hover {<br /> background-color: hsl(from var(--tmp-100) h s calc(l + var(--adjust-hover)));<br /> }<br /> <br /> .navbar-button:active {<br /> background-color: hsl(from var(--tmp-100) h s calc(l - var(--adjust-active)));<br /> transition-duration: 0s;<br /> }<br /> <br /> .navbar-button a {<br /> position: absolute;<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> font-size: 1.5rem;<br /> inset: 0;<br /> color: var(--color-white) !important;<br /> }<br /> <br /> .navbar-content {<br /> padding: 0.5rem 0.66rem;<br /> }<br /> <br /> .navbar-content p:last-of-type {<br /> margin-block-end: 0;<br /> }<br /> <br /> .navbar-tabs {<br /> padding: 0.25rem;<br /> }</div>

Aylong