Difference between revisions of "Template:12DEBracketAlt"

From QWiki
(Created page with "<!-- Template:12DEBracketAlt 12-Player Double Elimination Bracket (Liquipedia-based) SEEDING LOGIC ============= Top 4 seeds receive byes into Winners Round 2. Winners Round...")
 
 
Line 1: Line 1:
<!--
+
<includeonly><div class="bracket-wrapper bracket-team"><div class="bracket-scroller"><div style="width:{{#expr:{{{column-width|150}}}*7+65{{#if:{{{R7W1score2|}}}|+{{{score-width|21}}}}}}}px" class="bracket bracket-width-7col-10{{#if:{{{R7W1score2|}}}|-s2}}">
Template:12DEBracketAlt
+
<div style="width:{{#expr:{{{column-width|150}}}*6+50}}px;float:left" class="bracket-width-6col-10"> <!-- DE section -->
12-Player Double Elimination Bracket (Liquipedia-based)
+
  <div class="bracket-column bracket-column-matches" style="width:{{{column-width|150}}}px">
 +
<div style="height:52px;margin-top:0px">{{#ifeq:true|{{{hideroundtitles}}}||<div class="bracket-header">{{{R1|Winners' Round 1}}}</div>}}</div>
 +
<!-- Match 1 -->
 +
<div class="bracket-game">
 +
<div class="bracket-cell-r1" style="{{#if:{{{R1D1win|}}}|font-weight:bold}}">
 +
<div class="bracket-player-top" style="{{#if:{{{R1D1race|}}}|background:{{RaceColor|{{{R1D1race}}}}};}} padding-right:{{#expr:{{{score-width|21}}}+2}}px">&nbsp;{{#if:{{{R1D1flag|}}}|{{FlagNoLink/{{lc:{{{R1D1flag}}}}}}}}}&nbsp;<span style="vertical-align:-1px;">{{{R1D1|R1D1}}}</span><div class="bracket-score" style="width:21px">{{{R1D1score|}}}</div></div></div>
 +
{{#if:{{{R1G1details|}}}|<div class="bracket-popup-wrapper bracket-popup-team" style="margin-left:{{{column-width|150}}}px;"><div class="bracket-popup">
 +
{{BracketMatchPlayers|{{#if:{{{R1D1|}}}|{{{R1D1}}}|TBD}}|{{{R1D1flag|}}}|{{#if:{{{R1D2|}}}|{{{R1D2}}}|TBD}}|{{{R1D2flag|}}}}} {{{R1G1details}}}</div></div>}}
 +
<div class="bracket-cell-r1" style="{{#if:{{{R1D2win|}}}|font-weight:bold}}">
 +
<div class="bracket-player-bottom" style="{{#if:{{{R1D2flag|}}}|background:{{RaceColor|{{{R1D2flag}}}}};}} padding-right:{{#expr:{{{score-width|21}}}+2}}px">&nbsp;{{#if:{{{R1D2flag|}}}|{{FlagNoLink/{{lc:{{{R1D2flag}}}}}}}}}&nbsp;<span style="vertical-align:-1px;">{{{R1D2|R1D2}}}</span><div class="bracket-score" style="width:21px">{{{R1D2score|}}}</div></div></div>
 +
</div>
 +
 +
<div style="height:14px"></div>
 +
<!-- Match 2 -->
 +
<div class="bracket-game">
 +
<div class="bracket-cell-r1" style="{{#if:{{{R1D3win|}}}|font-weight:bold}}">
 +
<div class="bracket-player-top" style="{{#if:{{{R1D3race|}}}|background:{{RaceColor|{{{R1D3race}}}}};}} padding-right:{{#expr:{{{score-width|21}}}+2}}px">&nbsp;{{#if:{{{R1D3flag|}}}|{{FlagNoLink/{{lc:{{{R1D3flag}}}}}}}}}&nbsp;<span style="vertical-align:-1px;">{{{R1D3|R1D3}}}</span><div class="bracket-score" style="width:21px">{{{R1D3score|}}}</div></div></div>
 +
{{#if:{{{R1G2details|}}}|<div class="bracket-popup-wrapper bracket-popup-team" style="margin-left:{{{column-width|150}}}px;"><div class="bracket-popup">
 +
{{BracketMatchPlayers|{{#if:{{{R1D3|}}}|{{{R1D3}}}|TBD}}|{{{R1D3flag|}}}|{{#if:{{{R1D4|}}}|{{{R1D4}}}|TBD}}|{{{R1D4flag|}}}}} {{{R1G2details}}}</div></div>}}
 +
<div class="bracket-cell-r1" style="{{#if:{{{R1D4win|}}}|font-weight:bold}}">
 +
<div class="bracket-player-bottom" style="{{#if:{{{R1D4flag|}}}|background:{{RaceColor|{{{R1D4flag}}}}};}} padding-right:{{#expr:{{{score-width|21}}}+2}}px">&nbsp;{{#if:{{{R1D4flag|}}}|{{FlagNoLink/{{lc:{{{R1D4flag}}}}}}}}}&nbsp;<span style="vertical-align:-1px;">{{{R1D4|R1D4}}}</span><div class="bracket-score" style="width:21px">{{{R1D4score|}}}</div></div></div>
 +
</div>
  
SEEDING LOGIC
+
<div style="height:14px"></div>
=============
+
<!-- Match 3 -->
Top 4 seeds receive byes into Winners Round 2.
+
<div class="bracket-game">
 +
<div class="bracket-cell-r1" style="{{#if:{{{R1D5win|}}}|font-weight:bold}}">
 +
<div class="bracket-player-top" style="{{#if:{{{R1D5race|}}}|background:{{RaceColor|{{{R1D5race}}}}};}} padding-right:{{#expr:{{{score-width|21}}}+2}}px">&nbsp;{{#if:{{{R1D5flag|}}}|{{FlagNoLink/{{lc:{{{R1D5flag}}}}}}}}}&nbsp;<span style="vertical-align:-1px;">{{{R1D5|R1D5}}}</span><div class="bracket-score" style="width:21px">{{{R1D5score|}}}</div></div></div>
 +
{{#if:{{{R1G3details|}}}|<div class="bracket-popup-wrapper bracket-popup-team" style="margin-left:{{{column-width|150}}}px;"><div class="bracket-popup">
 +
{{BracketMatchPlayers|{{#if:{{{R1D5|}}}|{{{R1D5}}}|TBD}}|{{{R1D5flag|}}}|{{#if:{{{R1D6|}}}|{{{R1D6}}}|TBD}}|{{{R1D6flag|}}}}} {{{R1G3details}}}</div></div>}}
 +
<div class="bracket-cell-r1" style="{{#if:{{{R1D6win|}}}|font-weight:bold}}">
 +
<div class="bracket-player-bottom" style="{{#if:{{{R1D6flag|}}}|background:{{RaceColor|{{{R1D6flag}}}}};}} padding-right:{{#expr:{{{score-width|21}}}+2}}px">&nbsp;{{#if:{{{R1D6flag|}}}|{{FlagNoLink/{{lc:{{{R1D6flag}}}}}}}}}&nbsp;<span style="vertical-align:-1px;">{{{R1D6|R1D6}}}</span><div class="bracket-score" style="width:21px">{{{R1D6score|}}}</div></div></div>
 +
</div>
  
Winners Round 1 (8 players):
+
<div style="height:14px"></div>
  Game 1: R1W1 vs R1W2
+
<!-- Match 4 -->
  Game 2: R1W3 vs R1W4
+
<div class="bracket-game">
  Game 3: R1W5 vs R1W6
+
<div class="bracket-cell-r1" style="{{#if:{{{R1D7win|}}}|font-weight:bold}}">
  Game 4: R1W7 vs R1W8
+
<div class="bracket-player-top" style="{{#if:{{{R1D7race|}}}|background:{{RaceColor|{{{R1D7race}}}}};}} padding-right:{{#expr:{{{score-width|21}}}+2}}px">&nbsp;{{#if:{{{R1D7flag|}}}|{{FlagNoLink/{{lc:{{{R1D7flag}}}}}}}}}&nbsp;<span style="vertical-align:-1px;">{{{R1D7|R1D7}}}</span><div class="bracket-score" style="width:21px">{{{R1D7score|}}}</div></div></div>
 
+
{{#if:{{{R1G4details|}}}|<div class="bracket-popup-wrapper bracket-popup-team" style="margin-left:{{{column-width|150}}}px;"><div class="bracket-popup">
Winners Round 2 (Top 4 enter):
+
{{BracketMatchPlayers|{{#if:{{{R1D7|}}}|{{{R1D7}}}|TBD}}|{{{R1D7flag|}}}|{{#if:{{{R1D8|}}}|{{{R1D8}}}|TBD}}|{{{R1D8flag|}}}}} {{{R1G4details}}}</div></div>}}
  Seed 1 vs Winner G1
+
<div class="bracket-cell-r1" style="{{#if:{{{R1D8win|}}}|font-weight:bold}}">
  Seed 4 vs Winner G2
+
<div class="bracket-player-bottom" style="{{#if:{{{R1D8flag|}}}|background:{{RaceColor|{{{R1D8flag}}}}};}} padding-right:{{#expr:{{{score-width|21}}}+2}}px">&nbsp;{{#if:{{{R1D8flag|}}}|{{FlagNoLink/{{lc:{{{R1D8flag}}}}}}}}}&nbsp;<span style="vertical-align:-1px;">{{{R1D8|R1D8}}}</span><div class="bracket-score" style="width:21px">{{{R1D8score|}}}</div></div></div>
  Seed 2 vs Winner G3
+
</div>
  Seed 3 vs Winner G4
 
 
 
Losers Round 1:
 
  All 4 losers from Winners Round 1 enter here.
 
 
 
PARAMETER NAMING
 
================
 
Winners:
 
  R1W1–R1W8, R1W1score–R1W8score
 
  R2W1–R2W8, R2W1score–R2W8score
 
  R3W1–R3W4
 
  R4W1–R4W2
 
 
 
Losers:
 
  L1W1–L1W8
 
  L2W1–L2W8
 
  L3W1–L3W4
 
  L4W1–L4W4
 
  L5W1–L5W2
 
 
 
Grand Finals:
 
  GF1, GF2 (optional reset)
 
-->
 
 
 
<div class="bracket-wrapper" style="width: {{#expr:{{{column-width|150}}}*7+65}}px;">
 
 
 
<!-- ===================== -->
 
<!-- WINNERS BRACKET -->
 
<!-- ===================== -->
 
 
 
<div class="bracket-column">
 
  <div class="bracket-header">{{{R1|Winners Round 1}}}</div>
 
 
 
  <!-- R1 Game 1 -->
 
  <div class="bracket-game">
 
    <div class="bracket-player-top">{{{R1W1}}}<span class="bracket-score">{{{R1W1score}}}</span></div>
 
    <div class="bracket-player-bottom">{{{R1W2}}}<span class="bracket-score">{{{R1W2score}}}</span></div>
 
  </div>
 
 
 
  <!-- R1 Game 2 -->
 
  <div class="bracket-game">
 
    <div class="bracket-player-top">{{{R1W3}}}<span class="bracket-score">{{{R1W3score}}}</span></div>
 
    <div class="bracket-player-bottom">{{{R1W4}}}<span class="bracket-score">{{{R1W4score}}}</span></div>
 
  </div>
 
 
 
  <!-- R1 Game 3 -->
 
  <div class="bracket-game">
 
    <div class="bracket-player-top">{{{R1W5}}}<span class="bracket-score">{{{R1W5score}}}</span></div>
 
    <div class="bracket-player-bottom">{{{R1W6}}}<span class="bracket-score">{{{R1W6score}}}</span></div>
 
  </div>
 
 
 
  <!-- R1 Game 4 -->
 
  <div class="bracket-game">
 
    <div class="bracket-player-top">{{{R1W7}}}<span class="bracket-score">{{{R1W7score}}}</span></div>
 
    <div class="bracket-player-bottom">{{{R1W8}}}<span class="bracket-score">{{{R1W8score}}}</span></div>
 
  </div>
 
</div>
 
 
 
<div class="bracket-column">
 
  <div class="bracket-header">{{{R2|Winners Round 2}}}</div>
 
 
 
  <div class="bracket-game">
 
    <div class="bracket-player-top">{{{R2W1}}}<span class="bracket-score">{{{R2W1score}}}</span></div>
 
    <div class="bracket-player-bottom">{{{R2W2}}}<span class="bracket-score">{{{R2W2score}}}</span></div>
 
  </div>
 
 
 
  <div class="bracket-game">
 
    <div class="bracket-player-top">{{{R2W3}}}<span class="bracket-score">{{{R2W3score}}}</span></div>
 
    <div class="bracket-player-bottom">{{{R2W4}}}<span class="bracket-score">{{{R2W4score}}}</span></div>
 
  </div>
 
 
 
  <div class="bracket-game">
 
    <div class="bracket-player-top">{{{R2W5}}}<span class="bracket-score">{{{R2W5score}}}</span></div>
 
    <div class="bracket-player-bottom">{{{R2W6}}}<span class="bracket-score">{{{R2W6score}}}</span></div>
 
  </div>
 
 
 
  <div class="bracket-game">
 
    <div class="bracket-player-top">{{{R2W7}}}<span class="bracket-score">{{{R2W7score}}}</span></div>
 
    <div class="bracket-player-bottom">{{{R2W8}}}<span class="bracket-score">{{{R2W8score}}}</span></div>
 
  </div>
 
</div>
 
 
 
<div class="bracket-column">
 
  <div class="bracket-header">{{{R3|Winners Semifinals}}}</div>
 
 
 
  <div class="bracket-game">
 
    <div class="bracket-player-top">{{{R3W1}}}<span class="bracket-score">{{{R3W1score}}}</span></div>
 
    <div class="bracket-player-bottom">{{{R3W2}}}<span class="bracket-score">{{{R3W2score}}}</span></div>
 
  </div>
 
 
 
  <div class="bracket-game">
 
    <div class="bracket-player-top">{{{R3W3}}}<span class="bracket-score">{{{R3W3score}}}</span></div>
 
    <div class="bracket-player-bottom">{{{R3W4}}}<span class="bracket-score">{{{R3W4score}}}</span></div>
 
  </div>
 
</div>
 
 
 
<div class="bracket-column">
 
  <div class="bracket-header">{{{R4|Winners Final}}}</div>
 
 
 
  <div class="bracket-game">
 
    <div class="bracket-player-top">{{{R4W1}}}<span class="bracket-score">{{{R4W1score}}}</span></div>
 
    <div class="bracket-player-bottom">{{{R4W2}}}<span class="bracket-score">{{{R4W2score}}}</span></div>
 
  </div>
 
</div>
 
 
 
<!-- ===================== -->
 
<!-- LOSERS BRACKET -->
 
<!-- ===================== -->
 
 
 
<div class="bracket-column losers">
 
  <div class="bracket-header">{{{L1|Losers Round 1}}}</div>
 
 
 
  <div class="bracket-game">
 
    <div class="bracket-player-top">{{{L1W1}}}</div>
 
    <div class="bracket-player-bottom">{{{L1W2}}}</div>
 
  </div>
 
 
 
  <div class="bracket-game">
 
    <div class="bracket-player-top">{{{L1W3}}}</div>
 
    <div class="bracket-player-bottom">{{{L1W4}}}</div>
 
  </div>
 
 
 
  <div class="bracket-game">
 
    <div class="bracket-player-top">{{{L1W5}}}</div>
 
    <div class="bracket-player-bottom">{{{L1W6}}}</div>
 
  </div>
 
 
 
  <div class="bracket-game">
 
    <div class="bracket-player-top">{{{L1W7}}}</div>
 
    <div class="bracket-player-bottom">{{{L1W8}}}</div>
 
  </div>
 
</div>
 
 
 
<div class="bracket-column losers">
 
  <div class="bracket-header">{{{L2|Losers Round 2}}}</div>
 
 
 
  <div class="bracket-game">
 
    <div class="bracket-player-top">{{{L2W1}}}</div>
 
    <div class="bracket-player-bottom">{{{L2W2}}}</div>
 
 
   </div>
 
   </div>
 
+
   <div class="bracket-column" style="width:10px">
   <div class="bracket-game">
+
<div style="float:left;width:4px;clear:left;">
    <div class="bracket-player-top">{{{L2W3}}}</div>
+
<div style="width:4px;height:40px;"> </div>
    <div class="bracket-player-bottom">{{{L2W4}}}</div>
+
<div style="width:4px;height:47px;border-bottom:solid #aaa 2px"> </div>
 +
<div style="width:4px;height:21px"> </div>
 +
</div>
 +
<div style="float:left;width:4px;">
 +
<div style="width:4px;height:52px;"> </div>
 +
<div style="width:4px;height:14px;"> </div>
 +
<div style="width:6px;height:21px;border-bottom:solid #aaa 2px"> </div>
 +
 +
<div style="width:4px;height:23px;"> </div>
 +
</div>
 +
<div style="float:left;width:4px;clear:left;">
 +
<div style="width:4px;height:167px;border-bottom:solid #aaa 2px"> </div>
 +
<div style="width:4px;height:23px"> </div>
 +
</div>
 +
<div style="float:left;width:4px;">
 +
<div style="width:6px;height:167px;border-bottom:solid #aaa 2px"> </div>
 +
<div style="width:4px;height:23px;"> </div>
 +
</div>
 
   </div>
 
   </div>
 
+
  <div class="bracket-column bracket-column-matches" style="width:{{{column-width|150}}}px">
  <div class="bracket-game">
+
<div style="height:40px;margin-top:0px">{{#ifeq:true|{{{hideroundtitles}}}||<div class="bracket-header">{{{R2|Winners' Round 2}}}</div>}}</div>
    <div class="bracket-player-top">{{{L2W5}}}</div>
+
<!-- Match 1 (Seed 1 vs Winner of R1 Match 1) -->
    <div class="bracket-player-bottom">{{{L2W6}}}</div>
+
<div class="bracket-game">
 +
<div class="bracket-cell-r1" style="{{#if:{{{R2D1win|}}}|font-weight:bold}}">
 +
<div class="bracket-player-top" style="{{#if:{{{R2D1race|}}}|background:{{RaceColor|{{{R2D1race}}}}};}} padding-right:{{#expr:{{{score-width|21}}}+2}}px">&nbsp;{{#if:{{{R2D1flag|}}}|{{FlagNoLink/{{lc:{{{R2D1flag}}}}}}}}}&nbsp;<span style="vertical-align:-1px;">{{{R2D1|Seed 1}}}</span><div class="bracket-score" style="width:21px">{{{R2D1score|}}}</div></div></div>
 +
{{#if:{{{R2G1details|}}}|<div class="bracket-popup-wrapper bracket-popup-team" style="margin-left:{{{column-width|150}}}px;"><div class="bracket-popup">
 +
{{BracketMatchPlayers|{{#if:{{{R2D1|}}}|{{{R2D1}}}|TBD}}|{{{R2D1flag|}}}|{{#if:{{{R2W1|}}}|{{{R2W1}}}|TBD}}|{{{R2W1flag|}}}}} {{{R2G1details}}}</div></div>}}
 +
<div class="bracket-cell-r1" style="{{#if:{{{R2W1win|}}}|font-weight:bold}}">
 +
<div class="bracket-player-bottom" style="{{#if:{{{R2W1race|}}}|background:{{RaceColor|{{{R2W1race}}}}};}} padding-right:{{#expr:{{{score-width|21}}}+2}}px">&nbsp;{{#if:{{{R2W1flag|}}}|{{FlagNoLink/{{lc:{{{R2W1flag}}}}}}}}}&nbsp;<span style="vertical-align:-1px;">{{{R2W1|R2W1}}}</span><div class="bracket-score" style="width:21px">{{{R2W1score|}}}</div></div></div>
 +
</div>
 +
<!-- Match 2 (Seed 2 vs Winner of R1 Match 2) -->
 +
<div class="bracket-game">
 +
<div class="bracket-cell-r1" style="{{#if:{{{R2D2win|}}}|font-weight:bold}}">
 +
<div class="bracket-player-top" style="{{#if:{{{R2D2race|}}}|background:{{RaceColor|{{{R2D2race}}}}};}} padding-right:{{#expr:{{{score-width|21}}}+2}}px">&nbsp;{{#if:{{{R2D2flag|}}}|{{FlagNoLink/{{lc:{{{R2D2flag}}}}}}}}}&nbsp;<span style="vertical-align:-1px;">{{{R2D2|Seed 2}}}</span><div class="bracket-score" style="width:21px">{{{R2D2score|}}}</div></div></div>
 +
{{#if:{{{R2G2details|}}}|<div class="bracket-popup-wrapper bracket-popup-team" style="margin-left:{{{column-width|150}}}px;"><div class="bracket-popup">
 +
{{BracketMatchPlayers|{{#if:{{{R2D2|}}}|{{{R2D2}}}|TBD}}|{{{R2D2flag|}}}|{{#if:{{{R2W2|}}}|{{{R2W2}}}|TBD}}|{{{R2W2flag|}}}|}} {{{R2G2details}}}</div></div>}}
 +
<div class="bracket-cell-r1" style="{{#if:{{{R2W2win|}}}|font-weight:bold}}">
 +
<div class="bracket-player-bottom" style="{{#if:{{{R2W2race|}}}|background:{{RaceColor|{{{R2W2race}}}}};}} padding-right:{{#expr:{{{score-width|21}}}+2}}px">&nbsp;{{#if:{{{R2W2flag|}}}|{{FlagNoLink/{{lc:{{{R2W2flag}}}}}}}}}&nbsp;<span style="vertical-align:-1px;">{{{R2W2|R2W2}}}</span><div class="bracket-score" style="width:21px">{{{R2W2score|}}}</div></div></div>
 +
</div>
 +
<!-- Match 3 (Seed 3 vs Winner of R1 Match 3) -->
 +
<div class="bracket-game">
 +
<div class="bracket-cell-r1" style="{{#if:{{{R2D3win|}}}|font-weight:bold}}">
 +
<div class="bracket-player-top" style="{{#if:{{{R2D3race|}}}|background:{{RaceColor|{{{R2D3race}}}}};}} padding-right:{{#expr:{{{score-width|21}}}+2}}px">&nbsp;{{#if:{{{R2D3flag|}}}|{{FlagNoLink/{{lc:{{{R2D3flag}}}}}}}}}&nbsp;<span style="vertical-align:-1px;">{{{R2D3|Seed 3}}}</span><div class="bracket-score" style="width:21px">{{{R2D3score|}}}</div></div></div>
 +
{{#if:{{{R2G3details|}}}|<div class="bracket-popup-wrapper bracket-popup-team" style="margin-left:{{{column-width|150}}}px;"><div class="bracket-popup">
 +
{{BracketMatchPlayers|{{#if:{{{R2D3|}}}|{{{R2D3}}}|TBD}}|{{{R2D3flag|}}}|{{#if:{{{R2W3|}}}|{{{R2W3}}}|TBD}}|{{{R2W3flag|}}}}} {{{R2G3details}}}</div></div>}}
 +
<div class="bracket-cell-r1" style="{{#if:{{{R2W3win|}}}|font-weight:bold}}">
 +
<div class="bracket-player-bottom" style="{{#if:{{{R2W3race|}}}|background:{{RaceColor|{{{R2W3race}}}}};}} padding-right:{{#expr:{{{score-width|21}}}+2}}px">&nbsp;{{#if:{{{R2W3flag|}}}|{{FlagNoLink/{{lc:{{{R2W3flag}}}}}}}}}&nbsp;<span style="vertical-align:-1px;">{{{R2W3|R2W3}}}</span><div class="bracket-score" style="width:21px">{{{R2W3score|}}}</div></div></div>
 +
</div>
 +
<!-- Match 4 (Seed 4 vs Winner of R1 Match 4) -->
 +
<div class="bracket-game">
 +
<div class="bracket-cell-r1" style="{{#if:{{{R2D4win|}}}|font-weight:bold}}">
 +
<div class="bracket-player-top" style="{{#if:{{{R2D4race|}}}|background:{{RaceColor|{{{R2D4race}}}}};}} padding-right:{{#expr:{{{score-width|21}}}+2}}px">&nbsp;{{#if:{{{R2D4flag|}}}|{{FlagNoLink/{{lc:{{{R2D4flag}}}}}}}}}&nbsp;<span style="vertical-align:-1px;">{{{R2D4|Seed 4}}}</span><div class="bracket-score" style="width:21px">{{{R2D4score|}}}</div></div></div>
 +
{{#if:{{{R2G4details|}}}|<div class="bracket-popup-wrapper bracket-popup-team" style="margin-left:{{{column-width|150}}}px;"><div class="bracket-popup">
 +
{{BracketMatchPlayers|{{#if:{{{R2D4|}}}|{{{R2D4}}}|TBD}}|{{{R2D4flag|}}}|{{#if:{{{R2W4|}}}|{{{R2W4}}}|TBD}}|{{{R2W4flag|}}}}} {{{R2G4details}}}</div></div>}}
 +
<div class="bracket-cell-r1" style="{{#if:{{{R2W4win|}}}|font-weight:bold}}">
 +
<div class="bracket-player-bottom" style="{{#if:{{{R2W4race|}}}|background:{{RaceColor|{{{R2W4race}}}}};}} padding-right:{{#expr:{{{score-width|21}}}+2}}px">&nbsp;{{#if:{{{R2W4flag|}}}|{{FlagNoLink/{{lc:{{{R2W4flag}}}}}}}}}&nbsp;<span style="vertical-align:-1px;">{{{R2W4|R2W4}}}</span><div class="bracket-score" style="width:21px">{{{R2W4score|}}}</div></div></div>
 +
</div>
 
   </div>
 
   </div>
 
+
   <div class="bracket-column" style="width:10px">
   <div class="bracket-game">
+
<div style="float:left;width:4px">
    <div class="bracket-player-top">{{{L2W7}}}</div>
+
<div style="width:4px;height:75px"> </div>
    <div class="bracket-player-bottom">{{{L2W8}}}</div>
+
<div style="width:4px;height:16px;border-top-right-radius:3px;border:solid #aaa;border-width:2px 2px 0 0"> </div>
 +
<div style="width:4px;height:38px"> </div>
 +
<div style="width:4px;height:16px;border-bottom-right-radius:3px;border:solid #aaa;border-width:0 2px 2px 0"> </div>
 +
<div style="width:4px;height:33px"> </div>
 +
</div>
 +
<div style="float:left;width:4px;">
 +
<div style="width:4px;height:93px;"> </div>
 +
<div style="width:4px;height:6px;border-bottom-left-radius:3px;border:solid #aaa;border-width:0 0 2px 2px"> </div>
 +
<div style="width:4px;height:22px;"> </div>
 +
<div style="width:4px;height:6px;border-top-left-radius:3px;border:solid #aaa;border-width:2px 0 0 2px"> </div>
 +
<div style="width:4px;height:51px;"> </div>
 +
</div>
 +
<div style="float:left;width:4px">
 +
<div style="width:4px;height:37px"> </div>
 +
<div style="width:4px;height:16px;border-top-right-radius:3px;border:solid #aaa;border-width:2px 2px 0 0"> </div>
 +
<div style="width:4px;height:38px"> </div>
 +
<div style="width:4px;height:16px;border-bottom-right-radius:3px;border:solid #aaa;border-width:0 2px 2px 0"> </div>
 +
<div style="width:4px;height:33px"> </div>
 +
</div>
 +
<div style="float:left;width:4px;">
 +
<div style="width:4px;height:55px;"> </div>
 +
<div style="width:4px;height:6px;border-bottom-left-radius:3px;border:solid #aaa;border-width:0 0 2px 2px"> </div>
 +
<div style="width:4px;height:22px;"> </div>
 +
<div style="width:4px;height:6px;border-top-left-radius:3px;border:solid #aaa;border-width:2px 0 0 2px"> </div>
 +
<div style="width:4px;height:51px;"> </div>
 +
</div>
 
   </div>
 
   </div>
</div>
+
  <div class="bracket-column bracket-column-matches" style="width:{{{column-width|150}}}px">
 
+
<div>
<div class="bracket-column losers">
+
<div style="height:93px;"> </div>
  <div class="bracket-header">{{{L3|Losers Quarterfinals}}}</div>
+
<div style="height:6px;border:solid #aaa;border-width:0 0 2px 0"> </div>
 
+
<div style="height:22px;"> </div>
  <div class="bracket-game">
+
<div style="height:6px;border:solid #aaa;border-width:2px 0 0 0"> </div>
    <div class="bracket-player-top">{{{L3W1}}}</div>
+
<div style="height:51px;"> </div>
    <div class="bracket-player-bottom">{{{L3W2}}}</div>
+
</div>
 +
<div>
 +
<div style="height:55px;"> </div>
 +
<div style="height:6px;border:solid #aaa;border-width:0 0 2px 0"> </div>
 +
<div style="height:22px;"> </div>
 +
<div style="height:6px;border:solid #aaa;border-width:2px 0 0 0"> </div>
 +
<div style="height:51px;"> </div>
 +
</div>
 
   </div>
 
   </div>
 
+
   <div class="bracket-column" style="width:10px">
   <div class="bracket-game">
+
<div>
    <div class="bracket-player-top">{{{L3W3}}}</div>
+
<div style="height:93px;"> </div>
    <div class="bracket-player-bottom">{{{L3W4}}}</div>
+
<div style="height:6px;border:solid #aaa;border-width:0 0 2px 0"> </div>
 +
<div style="height:22px;"> </div>
 +
<div style="height:6px;border:solid #aaa;border-width:2px 0 0 0"> </div>
 +
<div style="height:51px;"> </div>
 +
</div>
 +
<div>
 +
<div style="height:55px;"> </div>
 +
<div style="height:6px;border:solid #aaa;border-width:0 0 2px 0"> </div>
 +
<div style="height:22px;"> </div>
 +
<div style="height:6px;border:solid #aaa;border-width:2px 0 0 0"> </div>
 +
<div style="height:51px;"> </div>
 +
</div>
 
   </div>
 
   </div>
</div>
+
  <div class="bracket-column bracket-column-matches" style="width:{{{column-width|150}}}px">
 
+
<div style="height:40px;margin-top:0px">{{#ifeq:true|{{{hideroundtitles}}}||<div class="bracket-header">{{{R4|Winners' Round 3}}}</div>}}</div>
<div class="bracket-column losers">
+
<div class="bracket-game">
  <div class="bracket-header">{{{L4|Losers Semifinals}}}</div>
+
<div class="bracket-cell-r2" style="{{#if:{{{R4W1win|}}}|font-weight:bold}}">
 
+
<div class="bracket-player-top" style="{{#if:{{{R4W1race|}}}|background:{{RaceColor|{{{R4W1race}}}}};}} padding-right:{{#expr:{{{score-width|21}}}+2}}px">&nbsp;{{#if:{{{R4W1flag|}}}|{{FlagNoLink/{{lc:{{{R4W1flag}}}}}}}}}&nbsp;<span style="vertical-align:-1px;">{{{R4W1|R4W1}}}</span><div class="bracket-score" style="width:21px">{{{R4W1score|}}}</div></div></div>
  <div class="bracket-game">
+
{{#if:{{{R4G1details|}}}|<div class="bracket-popup-wrapper bracket-popup-team" style="margin-left:{{{column-width|150}}}px;"><div class="bracket-popup">
    <div class="bracket-player-top">{{{L4W1}}}</div>
+
{{BracketMatchPlayers|{{#if:{{{R4W1|}}}|{{{R4W1}}}|TBD}}|{{{R4W1flag|}}}|{{#if:{{{R4W2|}}}|{{{R4W2}}}|TBD}}|{{{R4W2flag|}}}}} {{{R4G1details}}}</div></div>}}
    <div class="bracket-player-bottom">{{{L4W2}}}</div>
+
<div class="bracket-cell-r2" style="{{#if:{{{R4W2win|}}}|font-weight:bold}}">
 +
<div class="bracket-player-bottom" style="{{#if:{{{R4W2race|}}}|background:{{RaceColor|{{{R4W2race}}}}};}} padding-right:{{#expr:{{{score-width|21}}}+2}}px">&nbsp;{{#if:{{{R4W2flag|}}}|{{FlagNoLink/{{lc:{{{R4W2flag}}}}}}}}}&nbsp;<span style="vertical-align:-1px;">{{{R4W2|R4W2}}}</span><div class="bracket-score" style="width:21px">{{{R4W2score|}}}</div></div></div>
 +
</div>
 +
<div class="bracket-game">
 +
<div class="bracket-cell-r2" style="{{#if:{{{R4W3win|}}}|font-weight:bold}}">
 +
<div class="bracket-player-top" style="{{#if:{{{R4W3race|}}}|background:{{RaceColor|{{{R4W3race}}}}};}} padding-right:{{#expr:{{{score-width|21}}}+2}}px">&nbsp;{{#if:{{{R4W3flag|}}}|{{FlagNoLink/{{lc:{{{R4W3flag}}}}}}}}}&nbsp;<span style="vertical-align:-1px;">{{{R4W3|R4W3}}}</span><div class="bracket-score" style="width:21px">{{{R4W3score|}}}</div></div></div>
 +
{{#if:{{{R4G2details|}}}|<div class="bracket-popup-wrapper bracket-popup-team" style="margin-left:{{{column-width|150}}}px;"><div class="bracket-popup">
 +
{{BracketMatchPlayers|{{#if:{{{R4W3|}}}|{{{R4W3}}}|TBD}}|{{{R4W3flag|}}}|{{#if:{{{R4W4|}}}|{{{R4W4}}}|TBD}}|{{{R4W4flag|}}}}} {{{R4G2details}}}</div></div>}}
 +
<div class="bracket-cell-r2" style="{{#if:{{{R4W4win|}}}|font-weight:bold}}">
 +
<div class="bracket-player-bottom" style="{{#if:{{{R4W4race|}}}|background:{{RaceColor|{{{R4W4race}}}}};}} padding-right:{{#expr:{{{score-width|21}}}+2}}px">&nbsp;{{#if:{{{R4W4flag|}}}|{{FlagNoLink/{{lc:{{{R4W4flag}}}}}}}}}&nbsp;<span style="vertical-align:-1px;">{{{R4W4|R4W4}}}</span><div class="bracket-score" style="width:21px">{{{R4W4score|}}}</div></div></div>
 +
</div>
 
   </div>
 
   </div>
 
+
   <div class="bracket-column" style="width:10px">
   <div class="bracket-game">
+
<div style="float:left;width:4px">
    <div class="bracket-player-top">{{{L4W3}}}</div>
+
<div style="width:4px;height:111px"> </div>
    <div class="bracket-player-bottom">{{{L4W4}}}</div>
+
<div style="width:4px;height:52px;border-top-right-radius:3px;border:solid #aaa;border-width:2px 2px 0 0"> </div>
 +
<div style="width:4px;height:38px"> </div>
 +
<div style="width:4px;height:52px;border-bottom-right-radius:3px;border:solid #aaa;border-width:0 2px 2px 0"> </div>
 +
<div style="width:4px;height:69px"> </div>
 +
</div>
 +
<div style="float:left;width:4px;">
 +
<div style="width:4px;height:165px;"> </div>
 +
<div style="width:4px;height:6px;border-bottom-left-radius:3px;border:solid #aaa;border-width:0 0 2px 2px"> </div>
 +
<div style="width:4px;height:22px;"> </div>
 +
<div style="width:4px;height:6px;border-top-left-radius:3px;border:solid #aaa;border-width:2px 0 0 2px"> </div>
 +
<div style="width:4px;height:123px;"> </div>
 +
</div>
 
   </div>
 
   </div>
</div>
+
  <div class="bracket-column bracket-column-matches" style="width:{{{column-width|150}}}px">
 
+
<div>
<div class="bracket-column losers">
+
<div style="height:165px;"> </div>
  <div class="bracket-header">{{{L5|Losers Final}}}</div>
+
<div style="height:6px;border:solid #aaa;border-width:0 0 2px 0"> </div>
 
+
<div style="height:22px;"> </div>
  <div class="bracket-game">
+
<div style="height:6px;border:solid #aaa;border-width:2px 0 0 0"> </div>
    <div class="bracket-player-top">{{{L5W1}}}</div>
+
<div style="height:123px;"> </div>
    <div class="bracket-player-bottom">{{{L5W2}}}</div>
+
</div>
 
   </div>
 
   </div>
</div>
+
  <div class="bracket-column" style="width:10px">
 
+
<div>
<!-- ===================== -->
+
<div style="height:165px;"> </div>
<!-- GRAND FINALS -->
+
<div style="height:6px;border:solid #aaa;border-width:0 0 2px 0"> </div>
<!-- ===================== -->
+
<div style="height:22px;"> </div>
 
+
<div style="height:6px;border:solid #aaa;border-width:2px 0 0 0"> </div>
<div class="bracket-column finals">
+
<div style="height:123px;"> </div>
  <div class="bracket-header">{{{GF|Grand Finals}}}</div>
+
</div>
 
 
  <div class="bracket-game">
 
    <div class="bracket-player-top">{{{GF1}}}<span class="bracket-score">{{{GF1score}}}</span></div>
 
    <div class="bracket-player-bottom">{{{GF2}}}<span class="bracket-score">{{{GF2score}}}</span></div>
 
 
   </div>
 
   </div>
</div>
+
  <div class="bracket-column bracket-column-matches" style="width:{{{column-width|150}}}px">
 
+
<div style="height:40px;margin-top:0px">{{#ifeq:true|{{{hideroundtitles}}}||<div class="bracket-header">{{{R6|Winners' Finals}}}</div>}}</div>
</div>
+
<div class="bracket-game">
 +
<div class="bracket-cell-r3" style="{{#if:{{{R6W1win|}}}|font-weight:bold}}">
 +
<div class="bracket-player-top" style="{{#if:{{{R6W1race|}}}|background:{{RaceColor|{{{R6W1race}}}}};}} padding-right:{{#expr:{{{score-width|21}}}+2}}px">&nbsp;{{#if:{{{R6W1flag|}}}|{{FlagNoLink/{{lc:{{{R6W1flag}}}}}}}}}&nbsp;<span style="vertical-align:-1px;">{{{R6W1|R6W1}}}</span><div class="bracket-score" style="width:21px">{{{R6W1score|}}}</div></div></div>
 +
{{#if:{{{R6G1details|}}}|<div class="bracket-popup-wrapper bracket-popup-team" style="margin-left:{{{column-width|140}}}px;"><div class="bracket-popup">
 +
{{BracketMatchPlayers|{{#if:{{{R6W1|}}}|{{{R6W1}}}|TBD}}|{{{R6W1flag|}}}|{{#if:{{{R6W2|}}}|{{{R6W2}}}|TBD}}|{{{R6W2flag|}}}}} {{{R6G1details}}}</div></div>}}
 +
<div class="bracket-cell-r3" style="height:156px;{{#if:{{{R6W2win|}}}|font-weight:bold}}">
 +
<div class="bracket-player-bottom" style="{{#if:{{{R6W2race|}}}|background:{{RaceColor|{{{R6W2race}}}}};}} padding-right:{{#expr:{{{score-width|21}}}+2}}px">&nbsp;{{#if:{{{R6W2flag|}}}|{{FlagNoLink/{{lc:{{{R6W2flag}}}}}}}}}&nbsp;<span

Latest revision as of 18:33, 21 January 2026