https://narofootball.ru/index.php?action=history&feed=atom&title=%D0%A8%D0%B0%D0%B1%D0%BB%D0%BE%D0%BD%3ABracket%2Fstyles.css 2026-11-12T02:04:57Z История изменений этой страницы в вики MediaWiki 1.43.9 https://narofootball.ru/index.php?title=%D0%A8%D0%B0%D0%B1%D0%BB%D0%BE%D0%BD:Bracket/styles.css&diff=247&oldid=prev 2026-09-18T17:31:33Z

<p>Новая страница: «<span class="autocomment">===== Турнирная сетка ({{Bracket}}) =====: </span> .bracket { overflow-x: auto; padding: 8px 4px; } .bracket-inner { display: flex; align-items: stretch; } <span class="autocomment">Колонка этапа: </span> .bracket-round { flex: 0 0 240px; display: flex; flex-direction: column; } .bracket-round:not(:last-child) { margin-right: 32px; } <span class="autocomment">ширина «коридора» линий: </span> .bracket-roundtitle { background: #e8ebf0; border: 1px solid #b9c2cd; col...»</p> <p><b>Новая страница</b></p><div>/* ===== Турнирная сетка ({{Bracket}}) ===== */<br /> .bracket { overflow-x: auto; padding: 8px 4px; }<br /> .bracket-inner { display: flex; align-items: stretch; }<br /> <br /> /* Колонка этапа */<br /> .bracket-round { flex: 0 0 240px; display: flex; flex-direction: column; }<br /> .bracket-round:not(:last-child) { margin-right: 32px; } /* ширина «коридора» линий */<br /> <br /> .bracket-roundtitle {<br /> background: #e8ebf0; border: 1px solid #b9c2cd; color: #333;<br /> font-weight: bold; text-align: center; padding: 4px 10px; margin-bottom: 12px;<br /> }<br /> .bracket-roundbody { flex: 1; display: flex; flex-direction: column; }<br /> <br /> /* Слот игры и разделители */<br /> .bracket-slot { flex: 0 0 auto; display: flex; justify-content: center; }<br /> .bracket-gap { flex: 1 1 0; min-height: 14px; position: relative; }<br /> <br /> /* Игра */<br /> .bracket-match { position: relative; width: 240px; }<br /> .bracket-matchmeta { font-size: 11px; color: #666; margin: 0 0 2px 1px; white-space: nowrap; }<br /> .bracket-matchteams { width: 100%; border-collapse: collapse; background: #f7f9fb; font-size: 13px; }<br /> .bracket-matchteams td { border: 1px solid #b9c2cd; padding: 3px 8px; }<br /> .bracket-score { width: 52px; text-align: center; white-space: nowrap; }<br /> .bracket-note { font-size: 11px; color: #777; }<br /> .bracket-winner td { font-weight: bold; color: #0b4da2; background: #eaf2fb; }<br /> <br /> /* Линии. Все отрезки — в 32px коридоре между колонками (x: right/left −32) */<br /> .bracket-round:not(:last-child) .bracket-m-solo::after,<br /> .bracket-round:not(:last-child) .bracket-m-up::after,<br /> .bracket-round:not(:last-child) .bracket-m-lo::after {<br /> content: &quot;&quot;; position: absolute; right: -32px; width: 32px;<br /> }<br /> /* Одиночная игра: просто горизонтальный отрезок от середины */<br /> .bracket-m-solo::after { top: 50%; border-top: 2px solid #9db8d2; }<br /> /* Верхняя игра пары: отрезок + спуск вниз */<br /> .bracket-m-up::after { top: 50%; height: 50%; border-top: 2px solid #9db8d2; border-right: 2px solid #9db8d2; }<br /> /* Нижняя игра пары: спуск сверху + отрезок */<br /> .bracket-m-lo::after { top: 0; height: 50%; border-bottom: 2px solid #9db8d2; border-right: 2px solid #9db8d2; }<br /> /* Вертикаль внутри пары — в разделителе между играми (top/bottom: 0 всегда работают) */<br /> .bracket-gapline::after {<br /> content: &quot;&quot;; position: absolute; top: 0; bottom: 0; right: -32px; width: 32px;<br /> border-right: 2px solid #9db8d2;<br /> }<br /> /* Входящая линия у игр со 2-го этапа */<br /> .bracket-round:not(:first-child) .bracket-match::before {<br /> content: &quot;&quot;; position: absolute; left: -32px; width: 32px; top: 50%;<br /> border-top: 2px solid #9db8d2;<br /> }<br /> <br /> /* Матч за третье место */<br /> .bracket-third { margin-top: 18px; }<br /> .bracket-thirdtitle { width: 240px; margin: 0 auto 10px; }<br /> .bracket-third .bracket-match { margin: 0 auto; }<br /> <br /> /* Тёмная тема (Vector-2022) */<br /> .skin-theme-clientpref-night .bracket-roundtitle { background: #3a4048; border-color: #565e68; color: #eaecf0; }<br /> .skin-theme-clientpref-night .bracket-matchteams { background: #27292d; }<br /> .skin-theme-clientpref-night .bracket-matchteams td { border-color: #565e68; }<br /> .skin-theme-clientpref-night .bracket-winner td { color: #6fb3ff; background: #1d3247; }</div>

Andrew