Difference between revisions of "Template:4SEBracket"

From comp.tf
Jump to navigation Jump to search
m (Last fix)
(Changed the titles to be dark, like the majority of the templates. Removed the tf logo from them.)
Line 1: Line 1:
<div class="bracket-wrapper">
+
<div class="legacy"><div style="width:{{#expr:{{{column-width|150}}}*2+25}}px" class="bracket">
<div style="width:{{#expr:{{{column-width|150}}}*2+25}}px" class="bracket">
+
<div class="bracket-column" style="width:{{{column-width|150}}}px">
  <div class="bracket-column" style="width:{{{column-width|150}}}px">
+
<div style="height:40px;margin-top:{{#ifeq:true|{{{hideroundtitles}}}|-40px">|0px"><div class="bracket-header">{{{R1|Semifinals}}}</div>}}</div>
    <div style="height:40px;margin-top:0px">{{#ifeq:true|{{{hideroundtitles}}}||<div class="bracket-header">{{{R1|Semifinals}}}</div>}}</div>
+
<div class="bracket-game">
    <div class="bracket-game">
+
<div class="bracket-cell-r1" style="{{#if:{{{R1D1win|}}}|font-weight:bold}}">
      <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>
<div class="bracket-player-top" style="padding-right:{{#expr:{{{score-width|21}}}+2}}px"><span style="vertical-align:-1px;">{{#if:{{{R1D1team|}}}|{{TeamBracket/{{{R1D1team}}}}}|{{#if:{{{R1D1|}}}|{{TeamBracket/tf}}<span style="vertical-align:-1px;">{{{R1D1}}}</span>|{{#if:{{{R1D1literal|}}}|{{{R1D1literal}}}|&nbsp;}}}}}}</span><div class="bracket-score" style="width:21px">{{{R1D1score|}}}</div></div></div>
+
{{#if:{{{R1G1details|}}}|<div class="bracket-game-details" style="margin-left:{{{column-width|150}}}px;">
{{#if:{{{R1G1details|}}}|<div class="bracket-game-details" style="margin-left:{{{column-width|170}}}px;">
+
{{BracketMatchPlayers|{{{R1D1|TBD}}}|{{{R1D1race|}}}|{{{R1D2|TBD}}}|{{{R1D2race|}}}}} {{{R1G1details}}}</div>}}
<div class="header">
+
<div class="bracket-cell-r1" style="{{#if:{{{R1D2win|}}}|font-weight:bold}}">
<div class="left">{{#if:{{{R1D1team|}}}|{{Team2/{{{R1D1team}}}}}|{{#if:{{{R1D1|}}}|<span style="vertical-align:-1px;">{{{R1D1}}}</span>{{Team2/tf}}|{{#if:{{{R1D1literal|}}}|{{{R1D1literal}}}|&nbsp;}}}}}}</div>
+
<div class="bracket-player-bottom" style="{{#if:{{{R1D2race|}}}|background:{{RaceColor|{{{R1D2race}}}}};}} 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 class="right">{{#if:{{{R1D2team|}}}|{{Team/{{{R1D2team}}}}}|{{#if:{{{R1D2|}}}|{{Team/tf}}<span style="vertical-align:-1px;">{{{R1D2}}}</span>|{{#if:{{{R1D2literal|}}}|{{{R1D2literal}}}|&nbsp;}}}}}}</div></div>
+
</div>
{{{R1G1details}}}</div>}}
+
<div class="bracket-game">
      <div class="bracket-cell-r1" style="{{#if:{{{R1D2win|}}}|font-weight:bold}}">
+
<div class="bracket-cell-r1" style="{{#if:{{{R1D3win|}}}|font-weight:bold}}">
        <div class="bracket-player-bottom" style="padding-right:{{#expr:{{{score-width|21}}}+2}}px"><span style="vertical-align:-1px;">{{#if:{{{R1D2team|}}}|{{TeamBracket/{{{R1D2team}}}}}|{{#if:{{{R1D2|}}}|{{TeamBracket/tf}}<span style="vertical-align:-1px;">{{{R1D2}}}</span>|{{#if:{{{R1D2literal|}}}|{{{R1D2literal}}}|&nbsp;}}}}}}</span><div class="bracket-score" style="width:21px">{{{R1D2score|}}}</div></div></div>
+
<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>
    </div>
+
{{#if:{{{R1G2details|}}}|<div class="bracket-game-details" style="margin-left:{{{column-width|150}}}px;">
    <div class="bracket-game">
+
{{BracketMatchPlayers|{{{R1D3|TBD}}}|{{{R1D3race|}}}|{{{R1D4|TBD}}}|{{{R1D4race|}}}}} {{{R1G2details}}}</div>}}
      <div class="bracket-cell-r1" style="{{#if:{{{R1D3win|}}}|font-weight:bold}}">
+
<div class="bracket-cell-r1" style="{{#if:{{{R1D4win|}}}|font-weight:bold}}">
        <div class="bracket-player-top" style="padding-right:{{#expr:{{{score-width|21}}}+2}}px"><span style="vertical-align:-1px;">{{#if:{{{R1D3team|}}}|{{TeamBracket/{{{R1D3team}}}}}|{{#if:{{{R1D3|}}}|{{TeamBracket/tf}}<span style="vertical-align:-1px;">{{{R1D3}}}</span>|{{#if:{{{R1D3literal|}}}|{{{R1D3literal}}}|&nbsp;}}}}}}</span><div class="bracket-score" style="width:21px">{{{R1D3score|}}}</div></div></div>
+
<div class="bracket-player-bottom" style="{{#if:{{{R1D4race|}}}|background:{{RaceColor|{{{R1D4race}}}}};}} 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>
{{#if:{{{R1G2details|}}}|<div class="bracket-game-details" style="margin-left:{{{column-width|170}}}px;">
+
</div>
<div class="header">
+
</div>
<div class="left">{{#if:{{{R1D3team|}}}|{{Team2/{{{R1D3team}}}}}|{{#if:{{{R1D3|}}}|<span style="vertical-align:-1px;">{{{R1D3}}}</span>{{Team2/tf}}|{{#if:{{{R1D3literal|}}}|{{{R1D3literal}}}|&nbsp;}}}}}}</div>
+
<div class="bracket-column" style="width:20px">
<div class="right">{{#if:{{{R1D4team|}}}|{{Team/{{{R1D4team}}}}}|{{#if:{{{R1D4|}}}|{{Team/tf}}<span style="vertical-align:-1px;">{{{R1D4}}}</span>|{{#if:{{{R1D4literal|}}}|{{{R1D4literal}}}|&nbsp;}}}}}}</div></div>
+
<div style="float:left;width:9px">
{{{R1G2details}}}</div>}}
+
<div style="width:9px;height:{{#ifeq:true|{{{hideroundtitles}}}|35|75}}px;"> </div>
      <div class="bracket-cell-r1" style="{{#if:{{{R1D4win|}}}|font-weight:bold}}">
 
        <div class="bracket-player-bottom" style="padding-right:{{#expr:{{{score-width|21}}}+2}}px"><span style="vertical-align:-1px;">{{#if:{{{R1D4team|}}}|{{TeamBracket/{{{R1D4team}}}}}|{{#if:{{{R1D4|}}}|{{TeamBracket/tf}}<span style="vertical-align:-1px;">{{{R1D4}}}</span>|{{#if:{{{R1D4literal|}}}|{{{R1D4literal}}}|&nbsp;}}}}}}</span><div class="bracket-score" style="width:21px">{{{R1D4score|}}}</div></div></div>
 
      </div>
 
    </div>
 
  <div class="bracket-column" style="width:20px">
 
    <div style="float:left;width:9px">
 
<div style="width:9px;height:75px"> </div>
 
 
<div style="width:9px;height:16px;border-top-right-radius:3px;border:solid #aaa;border-width:2px 2px 0 0"> </div>
 
<div style="width:9px;height:16px;border-top-right-radius:3px;border:solid #aaa;border-width:2px 2px 0 0"> </div>
 
<div style="width:9px;height:38px"> </div>
 
<div style="width:9px;height:38px"> </div>
Line 35: Line 28:
 
</div>
 
</div>
 
<div style="float:left;width:9px;">
 
<div style="float:left;width:9px;">
<div style="width:9px;height:93px;"> </div>
+
<div style="width:9px;height:{{#ifeq:true|{{{hideroundtitles}}}|53|93}}px;"> </div>
 
<div style="width:9px;height:6px;border-bottom-left-radius:3px;border:solid #aaa;border-width:0 0 2px 2px"> </div>
 
<div style="width:9px;height:6px;border-bottom-left-radius:3px;border:solid #aaa;border-width:0 0 2px 2px"> </div>
 
<div style="width:9px;height:22px;"> </div>
 
<div style="width:9px;height:22px;"> </div>
Line 43: Line 36:
 
</div>
 
</div>
 
<div class="bracket-column" style="width:{{{column-width|150}}}px">
 
<div class="bracket-column" style="width:{{{column-width|150}}}px">
<div style="height:40px;margin-top:0px">{{#ifeq:true|{{{hideroundtitles}}}||<div class="bracket-header">{{{R2|Finals}}}</div>}}</div>
+
<div style="height:40px;margin-top:{{#ifeq:true|{{{hideroundtitles}}}|-40px">|0px"><div class="bracket-header">{{{R2|Finals}}}</div>}}</div>
 
<div class="bracket-game">
 
<div class="bracket-game">
 
<div class="bracket-cell-r2" style="{{#if:{{{R2W1win|}}}|font-weight:bold}}">
 
<div class="bracket-cell-r2" style="{{#if:{{{R2W1win|}}}|font-weight:bold}}">
<div class="bracket-player-top" style="padding-right:{{#expr:{{{score-width|21}}}+2}}px"><span style="vertical-align:-1px;">{{#if:{{{R2W1team|}}}|{{TeamBracket/{{{R2W1team}}}}}|{{#if:{{{R2W1|}}}|{{TeamBracket/tf}}<span style="vertical-align:-1px;">{{{R2W1}}}</span>|{{#if:{{{R2W1literal|}}}|{{{R2W1literal}}}|&nbsp;}}}}}}</span><div class="bracket-score" style="width:21px">{{{R2W1score|}}}</div></div></div>
+
<div class="bracket-player-top" 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>
{{#if:{{{R2G1details|}}}|<div class="bracket-game-details" style="margin-left:{{{column-width|170}}}px;">
+
{{#if:{{{R2G1details|}}}|<div class="bracket-game-details" style="margin-left:{{{column-width|150}}}px;">
<div class="header">
+
{{BracketMatchPlayers|{{{R2W1|TBD}}}|{{{R2W1race|}}}|{{{R2W2|TBD}}}|{{{R2W2race|}}}}} {{{R2G1details}}}</div>}}
<div class="left">{{#if:{{{R2W1team|}}}|{{Team2/{{{R2W1team}}}}}|{{#if:{{{R2W1|}}}|<span style="vertical-align:-1px;">{{{R2W1}}}</span>{{Team2/tf}}|{{#if:{{{R2W1literal|}}}|{{{R2W1literal}}}|&nbsp;}}}}}}</div>
 
<div class="right">{{#if:{{{R2W2team|}}}|{{Team/{{{R2W2team}}}}}|{{#if:{{{R2W2|}}}|{{Team/tf}}<span style="vertical-align:-1px;">{{{R2W2}}}</span>|{{#if:{{{R2W2literal|}}}|{{{R2W2literal}}}|&nbsp;}}}}}}</div></div>
 
{{{R2G1details}}}</div>}}
 
 
<div class="bracket-cell-r1" style="{{#if:{{{R2W2win|}}}|font-weight:bold}}">
 
<div class="bracket-cell-r1" style="{{#if:{{{R2W2win|}}}|font-weight:bold}}">
<div class="bracket-player-bottom" style="padding-right:{{#expr:{{{score-width|21}}}+2}}px"><span style="vertical-align:-1px;">{{#if:{{{R2W2team|}}}|{{TeamBracket/{{{R2W2team}}}}}|{{#if:{{{R2W2|}}}|{{TeamBracket/tf}}<span style="vertical-align:-1px;">{{{R2W2}}}</span>|{{#if:{{{R2W2literal|}}}|{{{R2W2literal}}}|&nbsp;}}}}}}</span><div class="bracket-score" style="width:21px">{{{R2W2score|}}}</div></div></div>
+
<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>
+
</div>
{{#if:{{{R2D1|}}}{{{R2D2|}}}{{{R2D1team|}}}{{{R2D2team|}}}{{{R2D1literal|}}}{{{R2D2literal|}}}|
+
{{#if:{{{R2D1|}}}{{{R2D2|}}}{{{R2D1race|}}}{{{R2D2race|}}}{{{R2D1flag|}}}{{{R2D2flag|}}}{{{R2G2details|}}}|
<div style="text-align:center;margin-bottom:-14px;margin-top:6px">{{{L2|'''3rd Place Match'''}}}</div>
+
<div style="text-align:center;margin-bottom:-14px;margin-top:6px">{{{L2|'''3rd Place Match'''}}}</div>
<div class="bracket-game">
+
<div class="bracket-game">
<div class="bracket-cell-r1" style="{{#if:{{{R2D1win|}}}|font-weight:bold}}">
+
<div class="bracket-cell-r1" style="{{#if:{{{R2D1win|}}}|font-weight:bold}}">
<div class="bracket-player-top" style="padding-right:{{#expr:{{{score-width|21}}}+2}}px"><span style="vertical-align:-1px;">{{#if:{{{R2D1team|}}}|{{TeamBracket/{{{R2D1team}}}}}|{{#if:{{{R2D1|}}}|{{TeamBracket/tf}}<span style="vertical-align:-1px;">{{{R2D1}}}</span>|{{#if:{{{R2D1literal|}}}|{{{R2D1literal}}}|&nbsp;}}}}}}</span><div class="bracket-score" style="width:21px">{{{R2D1score|}}}</div></div></div>
+
<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|R2D1}}}</span><div class="bracket-score" style="width:21px">{{{R2D1score|}}}</div></div></div>
{{#if:{{{R2G2details|}}}|<div class="bracket-game-details" style="margin-left:{{{column-width|170}}}px;">
+
{{#if:{{{R2G2details|}}}|<div class="bracket-game-details" style="margin-left:{{{column-width|150}}}px;">
<div class="header">
+
{{BracketMatchPlayers|{{{R2D1|TBD}}}|{{{R2D1race|}}}|{{{R2D2|TBD}}}|{{{R2D2race|}}}}} {{{R2G2details}}}</div>}}
<div class="left">{{#if:{{{R2D1team|}}}|{{Team2/{{{R2D1team}}}}}|{{#if:{{{R2D1|}}}|<span style="vertical-align:-1px;">{{{R2D1}}}</span>{{Team2/tf}}|{{#if:{{{R2D1literal|}}}|{{{R2D1literal}}}|&nbsp;}}}}}}</div>
 
<div class="right">{{#if:{{{R2D2team|}}}|{{Team/{{{R2D2team}}}}}|{{#if:{{{R2D2|}}}|{{Team/tf}}<span style="vertical-align:-1px;">{{{R2D2}}}</span>|{{#if:{{{R2D2literal|}}}|{{{R2D2literal}}}|&nbsp;}}}}}}</div></div>
 
{{{R2G2details}}}</div>}}
 
 
<div class="bracket-cell-r1" style="{{#if:{{{R2D2win|}}}|font-weight:bold}}">
 
<div class="bracket-cell-r1" style="{{#if:{{{R2D2win|}}}|font-weight:bold}}">
        <div class="bracket-player-bottom" style="padding-right:{{#expr:{{{score-width|21}}}+2}}px"><span style="vertical-align:-1px;">{{#if:{{{R2D2team|}}}|{{TeamBracket/{{{R2D2team}}}}}|{{#if:{{{R2D2|}}}|{{TeamBracket/tf}}<span style="vertical-align:-1px;">{{{R2D2}}}</span>|{{#if:{{{R2D2literal|}}}|{{{R2D2literal}}}|&nbsp;}}}}}}</span><div class="bracket-score" style="width:21px">{{{R2D2score|}}}</div></div></div>
+
<div class="bracket-player-bottom" 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|R2D2}}}</span><div class="bracket-score" style="width:21px">{{{R2D2score|}}}</div></div></div>
 
</div>
 
</div>
 
}}
 
}}

Revision as of 12:15, 19 March 2015

Semifinals
  R1D1
  R1D2
  R1D3
  R1D4
Finals
  R2W1
  R2W2

Created on Liquipedia

 {{4SEBracket
<!-- Semifinals -->
|R1D1={{flag|}} |R1D1score= |R1D1win=
|R1D2={{flag|}} |R1D2score= |R1D2win=
|R1D3={{flag|}} |R1D3score= |R1D3win=
|R1D4={{flag|}} |R1D4score= |R1D4win=

<!-- Finals -->
|R2W1={{flag|}} |R2W1score= |R2W1win=
|R2W2={{flag|}} |R2W2score= |R2W2win=

<!-- 3RD PLACE -->
|R2D1={{flag|}} |R2D1score= |R2D1win=
|R2D2={{flag|}} |R2D1score= |R2D1win=
}}