Template:16TeamBracket:修订间差异
模板页面
更多语言
更多操作
ContentBot2(留言 | 贡献) v2: 全新卡片式设计,彩色轮次表头,加粗连线,无空列 |
ContentBot2(留言 | 贡献) 美化:更精致的卡片圆角、改进配色、更好的冠军展示、添加深色模式CSS指引 |
||
| (未显示同一用户的5个中间版本) | |||
| 第1行: | 第1行: | ||
<includeonly><div style="overflow-x:auto; padding:10px 0;"> | <includeonly><div style="overflow-x:auto; padding:16px 4px;"> | ||
{| style="border- | <div style="display:flex; justify-content:center; align-items:stretch; gap:0; min-width:780px; font-size:14px; line-height:1.5;"> | ||
| | |||
|- | <!-- ===== RD1: 八分之一决赛 ===== --> | ||
<div style="display:flex; flex-direction:column; min-width:135px;"> | |||
<div style="font-weight:bold; text-align:center; padding:8px 6px; background:#34495e; color:#ecf0f1; border-radius:6px 6px 0 0; border-bottom:2px solid #5d7b9e; font-size:13px;">{{{rd1|八分之一决赛}}}</div> | |||
<div style="display:flex; flex-direction:column; flex:1; justify-content:space-around;"> | |||
<div style="border:1.5px solid #7f8c8d; border-radius:6px; overflow:hidden; margin:3px 0;"> | |||
<div style="padding:6px 12px; white-space:nowrap;">{{{s1|1}}}. [[{{{prefix|}}}{{{t1|}}}|{{{d1|{{{t1|}}}}}}]]</div> | |||
<div style="text-align:center; font-size:10px; padding:2px; border-top:1px solid #95a5a6; border-bottom:1px solid #95a5a6; opacity:0.4; letter-spacing:2px;">VS</div> | |||
<div style="padding:6px 12px; white-space:nowrap;">{{{s16|16}}}. [[{{{prefix|}}}{{{t16|}}}|{{{d16|{{{t16|}}}}}}]]</div> | |||
</div> | |||
<div style="border:1.5px solid #7f8c8d; border-radius:6px; overflow:hidden; margin:3px 0;"> | |||
<div style="padding:6px 12px; white-space:nowrap;">{{{s8|8}}}. [[{{{prefix|}}}{{{t8|}}}|{{{d8|{{{t8|}}}}}}]]</div> | |||
<div style="text-align:center; font-size:10px; padding:2px; border-top:1px solid #95a5a6; border-bottom:1px solid #95a5a6; opacity:0.4; letter-spacing:2px;">VS</div> | |||
<div style="padding:6px 12px; white-space:nowrap;">{{{s9|9}}}. [[{{{prefix|}}}{{{t9|}}}|{{{d9|{{{t9|}}}}}}]]</div> | |||
</div> | |||
<div style="border:1.5px solid #7f8c8d; border-radius:6px; overflow:hidden; margin:3px 0;"> | |||
<div style="padding:6px 12px; white-space:nowrap;">{{{s5|5}}}. [[{{{prefix|}}}{{{t5|}}}|{{{d5|{{{t5|}}}}}}]]</div> | |||
<div style="text-align:center; font-size:10px; padding:2px; border-top:1px solid #95a5a6; border-bottom:1px solid #95a5a6; opacity:0.4; letter-spacing:2px;">VS</div> | |||
<div style="padding:6px 12px; white-space:nowrap;">{{{s12|12}}}. [[{{{prefix|}}}{{{t12|}}}|{{{d12|{{{t12|}}}}}}]]</div> | |||
</div> | |||
<div style="border:1.5px solid #7f8c8d; border-radius:6px; overflow:hidden; margin:3px 0;"> | |||
<div style="padding:6px 12px; white-space:nowrap;">{{{s4|4}}}. [[{{{prefix|}}}{{{t4|}}}|{{{d4|{{{t4|}}}}}}]]</div> | |||
<div style="text-align:center; font-size:10px; padding:2px; border-top:1px solid #95a5a6; border-bottom:1px solid #95a5a6; opacity:0.4; letter-spacing:2px;">VS</div> | |||
<div style="padding:6px 12px; white-space:nowrap;">{{{s13|13}}}. [[{{{prefix|}}}{{{t13|}}}|{{{d13|{{{t13|}}}}}}]]</div> | |||
</div> | |||
<div style="border:1.5px solid #7f8c8d; border-radius:6px; overflow:hidden; margin:3px 0;"> | |||
<div style="padding:6px 12px; white-space:nowrap;">{{{s3|3}}}. [[{{{prefix|}}}{{{t3|}}}|{{{d3|{{{t3|}}}}}}]]</div> | |||
<div style="text-align:center; font-size:10px; padding:2px; border-top:1px solid #95a5a6; border-bottom:1px solid #95a5a6; opacity:0.4; letter-spacing:2px;">VS</div> | |||
<div style="padding:6px 12px; white-space:nowrap;">{{{s14|14}}}. [[{{{prefix|}}}{{{t14|}}}|{{{d14|{{{t14|}}}}}}]]</div> | |||
</div> | |||
<div style="border:1.5px solid #7f8c8d; border-radius:6px; overflow:hidden; margin:3px 0;"> | |||
<div style="padding:6px 12px; white-space:nowrap;">{{{s6|6}}}. [[{{{prefix|}}}{{{t6|}}}|{{{d6|{{{t6|}}}}}}]]</div> | |||
<div style="text-align:center; font-size:10px; padding:2px; border-top:1px solid #95a5a6; border-bottom:1px solid #95a5a6; opacity:0.4; letter-spacing:2px;">VS</div> | |||
<div style="padding:6px 12px; white-space:nowrap;">{{{s11|11}}}. [[{{{prefix|}}}{{{t11|}}}|{{{d11|{{{t11|}}}}}}]]</div> | |||
</div> | |||
<div style="border:1.5px solid #7f8c8d; border-radius:6px; overflow:hidden; margin:3px 0;"> | |||
<div style="padding:6px 12px; white-space:nowrap;">{{{s7|7}}}. [[{{{prefix|}}}{{{t7|}}}|{{{d7|{{{t7|}}}}}}]]</div> | |||
<div style="text-align:center; font-size:10px; padding:2px; border-top:1px solid #95a5a6; border-bottom:1px solid #95a5a6; opacity:0.4; letter-spacing:2px;">VS</div> | |||
<div style="padding:6px 12px; white-space:nowrap;">{{{s10|10}}}. [[{{{prefix|}}}{{{t10|}}}|{{{d10|{{{t10|}}}}}}]]</div> | |||
</div> | |||
<div style="border:1.5px solid #7f8c8d; border-radius:6px; overflow:hidden; margin:3px 0;"> | |||
<div style="padding:6px 12px; white-space:nowrap;">{{{s2|2}}}. [[{{{prefix|}}}{{{t2|}}}|{{{d2|{{{t2|}}}}}}]]</div> | |||
<div style="text-align:center; font-size:10px; padding:2px; border-top:1px solid #95a5a6; border-bottom:1px solid #95a5a6; opacity:0.4; letter-spacing:2px;">VS</div> | |||
<div style="padding:6px 12px; white-space:nowrap;">{{{s15|15}}}. [[{{{prefix|}}}{{{t15|}}}|{{{d15|{{{t15|}}}}}}]]</div> | |||
</div> | |||
</div></div> | |||
<!-- Arrow: RD1 → RD2 --> | |||
<div style="display:flex; flex-direction:column; justify-content:space-around; width:22px; flex-shrink:0;"> | |||
<div style="text-align:center; color:#95a5a6; font-size:16px; line-height:1.8;">›</div> | |||
<div style="text-align:center; color:#95a5a6; font-size:16px; line-height:1.8;">›</div> | |||
<div style="text-align:center; color:#95a5a6; font-size:16px; line-height:1.8;">›</div> | |||
<div style="text-align:center; color:#95a5a6; font-size:16px; line-height:1.8;">›</div> | |||
</div> | |||
<!-- ===== RD2: 四分之一决赛 ===== --> | |||
<div style="display:flex; flex-direction:column; min-width:135px;"> | |||
<div style="font-weight:bold; text-align:center; padding:8px 6px; background:#4a6785; color:#ecf0f1; border-radius:6px 6px 0 0; border-bottom:2px solid #6b8eaa; font-size:13px;">{{{rd2|四分之一决赛}}}</div> | |||
<div style="display:flex; flex-direction:column; flex:1; justify-content:space-around;"> | |||
<div style="border:1.5px solid #c0392b; border-radius:6px; overflow:hidden; margin:6px 0;"> | |||
<div style="padding:6px 12px; text-align:center; white-space:nowrap; font-size:13px;">{{#if:{{{w1|}}}|<b style="color:#27ae60;">{{{w1}}}</b>|<span style="opacity:0.35;">—</span>}}</div> | |||
<div style="text-align:center; font-size:10px; padding:2px; border-top:1px solid #c0392b; border-bottom:1px solid #c0392b; opacity:0.5; letter-spacing:2px;">VS</div> | |||
<div style="padding:6px 12px; text-align:center; white-space:nowrap; font-size:13px;">{{#if:{{{w2|}}}|<b style="color:#27ae60;">{{{w2}}}</b>|<span style="opacity:0.35;">—</span>}}</div> | |||
</div> | |||
<div style="border:1.5px solid #c0392b; border-radius:6px; overflow:hidden; margin:6px 0;"> | |||
<div style="padding:6px 12px; text-align:center; white-space:nowrap; font-size:13px;">{{#if:{{{w3|}}}|<b style="color:#27ae60;">{{{w3}}}</b>|<span style="opacity:0.35;">—</span>}}</div> | |||
<div style="text-align:center; font-size:10px; padding:2px; border-top:1px solid #c0392b; border-bottom:1px solid #c0392b; opacity:0.5; letter-spacing:2px;">VS</div> | |||
<div style="padding:6px 12px; text-align:center; white-space:nowrap; font-size:13px;">{{#if:{{{w4|}}}|<b style="color:#27ae60;">{{{w4}}}</b>|<span style="opacity:0.35;">—</span>}}</div> | |||
</div> | |||
<div style="border:1.5px solid #c0392b; border-radius:6px; overflow:hidden; margin:6px 0;"> | |||
<div style="padding:6px 12px; text-align:center; white-space:nowrap; font-size:13px;">{{#if:{{{w5|}}}|<b style="color:#27ae60;">{{{w5}}}</b>|<span style="opacity:0.35;">—</span>}}</div> | |||
<div style="text-align:center; font-size:10px; padding:2px; border-top:1px solid #c0392b; border-bottom:1px solid #c0392b; opacity:0.5; letter-spacing:2px;">VS</div> | |||
<div style="padding:6px 12px; text-align:center; white-space:nowrap; font-size:13px;">{{#if:{{{w6|}}}|<b style="color:#27ae60;">{{{w6}}}</b>|<span style="opacity:0.35;">—</span>}}</div> | |||
</div> | |||
<div style="border:1.5px solid #c0392b; border-radius:6px; overflow:hidden; margin:6px 0;"> | |||
<div style="padding:6px 12px; text-align:center; white-space:nowrap; font-size:13px;">{{#if:{{{w7|}}}|<b style="color:#27ae60;">{{{w7}}}</b>|<span style="opacity:0.35;">—</span>}}</div> | |||
<div style="text-align:center; font-size:10px; padding:2px; border-top:1px solid #c0392b; border-bottom:1px solid #c0392b; opacity:0.5; letter-spacing:2px;">VS</div> | |||
<div style="padding:6px 12px; text-align:center; white-space:nowrap; font-size:13px;">{{#if:{{{w8|}}}|<b style="color:#27ae60;">{{{w8}}}</b>|<span style="opacity:0.35;">—</span>}}</div> | |||
</div> | |||
</div></div> | |||
<!-- Arrow: RD2 → RD3 --> | |||
<div style="display:flex; flex-direction:column; justify-content:space-around; width:22px; flex-shrink:0;"> | |||
<div style="text-align:center; color:#95a5a6; font-size:18px; line-height:1.8;">›</div> | |||
<div style="text-align:center; color:#95a5a6; font-size:18px; line-height:1.8;">›</div> | |||
</div> | |||
<!-- ===== RD3: 半决赛 ===== --> | |||
<div style="display:flex; flex-direction:column; min-width:135px;"> | |||
<div style="font-weight:bold; text-align:center; padding:8px 6px; background:#2980b9; color:#fff; border-radius:6px 6px 0 0; border-bottom:2px solid #5dade2; font-size:13px;">{{{rd3|半决赛}}}</div> | |||
<div style="display:flex; flex-direction:column; flex:1; justify-content:space-around;"> | |||
<div style="border:2px solid #f39c12; border-radius:6px; overflow:hidden; margin:10px 0;"> | |||
<div style="padding:8px 12px; text-align:center; white-space:nowrap; font-size:14px;">{{#if:{{{w9|}}}|<b style="color:#27ae60;">{{{w9}}}</b>|<span style="opacity:0.35;">—</span>}}</div> | |||
<div style="text-align:center; font-size:10px; padding:2px; border-top:1px solid #f39c12; border-bottom:1px solid #f39c12; opacity:0.5; letter-spacing:2px;">VS</div> | |||
<div style="padding:8px 12px; text-align:center; white-space:nowrap; font-size:14px;">{{#if:{{{w10|}}}|<b style="color:#27ae60;">{{{w10}}}</b>|<span style="opacity:0.35;">—</span>}}</div> | |||
</div> | |||
<div style="border:2px solid #f39c12; border-radius:6px; overflow:hidden; margin:10px 0;"> | |||
<div style="padding:8px 12px; text-align:center; white-space:nowrap; font-size:14px;">{{#if:{{{w12|}}}|<b style="color:#27ae60;">{{{w12}}}</b>|<span style="opacity:0.35;">—</span>}}</div> | |||
<div style="text-align:center; font-size:10px; padding:2px; border-top:1px solid #f39c12; border-bottom:1px solid #f39c12; opacity:0.5; letter-spacing:2px;">VS</div> | |||
<div style="padding:8px 12px; text-align:center; white-space:nowrap; font-size:14px;">{{#if:{{{w8_qf|}}}|<b style="color:#27ae60;">{{{w8_qf}}}</b>|<span style="opacity:0.35;">—</span>}}</div> | |||
</div> | |||
</div></div> | |||
<!-- Arrow: RD3 → RD4 --> | |||
<div style="display:flex; flex-direction:column; justify-content:center; width:22px; flex-shrink:0;"> | |||
<div style="text-align:center; color:#95a5a6; font-size:20px;">›</div> | |||
</div> | |||
<!-- | <!-- ===== RD4: 决赛 ===== --> | ||
<div style="display:flex; flex-direction:column; justify-content:center; min-width:145px;"> | |||
<div style="font-weight:bold; text-align:center; padding:8px 6px; background:#c0392b; color:#fff; border-radius:6px 6px 0 0; border-bottom:2px solid #e74c3c; font-size:13px;">{{{rd4|决赛}}}</div> | |||
<div style="display:flex; flex-direction:column; justify-content:center; flex:1;"> | |||
<div style="border:2.5px solid #e74c3c; border-radius:8px; overflow:hidden;"> | |||
<div style="padding:10px 12px; text-align:center; font-size:15px;">{{#if:{{{w11|}}}|<b style="color:#27ae60;">{{{w11}}}</b>|<span style="opacity:0.35;">—</span>}}</div> | |||
<div style="text-align:center; font-size:11px; padding:3px; border-top:2px solid #e74c3c; border-bottom:2px solid #e74c3c; opacity:0.6; letter-spacing:3px; font-weight:600;">VS</div> | |||
< | <div style="padding:10px 12px; text-align:center; font-size:15px;">{{#if:{{{w13|}}}|<b style="color:#27ae60;">{{{w13}}}</b>|<span style="opacity:0.35;">—</span>}}</div> | ||
</div> | |||
</div></div> | |||
< | |||
< | |||
<!-- | <!-- Arrow → Champion --> | ||
<div style="display:flex; flex-direction:column; justify-content:center; width:26px; flex-shrink:0;"> | |||
<div style="text-align:center; color:#f1c40f; font-size:22px;">›</div> | |||
</div> | |||
< | |||
< | |||
< | |||
<!-- | <!-- ===== Champion ===== --> | ||
<div style="display:flex; flex-direction:column; justify-content:center; min-width:120px;"> | |||
<div style="text-align:center; padding:18px 12px; background:linear-gradient(135deg,#f9ca24 0%,#e67e22 50%,#f39c12 100%); border-radius:10px; font-weight:bold; font-size:17px; color:#2d3436; box-shadow:0 2px 8px rgba(0,0,0,0.15);"> | |||
{{#if:{{{champion|}}}|<div style="font-size:28px; margin-bottom:4px;">🏆</div><div>{{{champion}}}</div>|<span style="opacity:0.4;">—</span>}} | |||
</div> | |||
< | </div> | ||
< | |||
</div></div> | |||
< | <noinclude> | ||
== 用法 == | |||
16队单败淘汰赛对阵表(Flexbox 卡片式,深色模式兼容)。 | |||
=== 参数 === | |||
{| class="wikitable" | |||
! 参数 !! 说明 | |||
|- | |- | ||
| <code>t1</code>–<code>t16</code> || 队伍名称(链接目标,需使用 MediaWiki 归一化后的页面名) | |||
|- | |- | ||
| | | <code>d1</code>–<code>d16</code> || 队伍显示名(可选,默认等于 t 值) | ||
|- | |- | ||
| | | <code>s1</code>–<code>s16</code> || 种子序号(可选,默认 1–16) | ||
|- | |- | ||
| | | <code>prefix</code> || 链接前缀,如 <code>机器人大赛/第二十二届/</code> | ||
< | |||
|- | |- | ||
| <code>w1</code>–<code>w8</code> || 八分之一决赛各场胜者 | |||
|- | |- | ||
| | | <code>w9</code>–<code>w10</code> || 上半区四分之一决赛胜者 | ||
|- | |- | ||
| | | <code>w12</code>, <code>w8_qf</code> || 下半区四分之一决赛胜者 | ||
|- | |- | ||
| | | <code>w11</code>, <code>w13</code> || 半决赛胜者 | ||
< | |||
|- | |- | ||
| <code>champion</code> || 冠军 | |||
|- | |- | ||
| | | <code>rd1</code>–<code>rd4</code> || 各轮次名称(可选) | ||
< | |} | ||
< | |||
< | |||
=== | === 深色模式 === | ||
在 <code>MediaWiki:Common.css</code> 中添加以下 CSS 以支持深色模式: | |||
* | <pre> | ||
* | html.skin-theme-clientpref-night .mw-parser-output [style*="background:#34495e"] { background:#252b33 !important; } | ||
* | html.skin-theme-clientpref-night .mw-parser-output [style*="background:#4a6785"] { background:#1e2430 !important; } | ||
* | html.skin-theme-clientpref-night .mw-parser-output [style*="background:#2980b9"] { background:#1a2a3a !important; } | ||
* | html.skin-theme-clientpref-night .mw-parser-output [style*="background:#c0392b"] { background:#3a1a1a !important; } | ||
* | html.skin-theme-clientpref-night .mw-parser-output [style*="border:1.5px solid #7f8c8d"] { border-color:#333a44 !important; } | ||
* | html.skin-theme-clientpref-night .mw-parser-output [style*="border:1.5px solid #c0392b"] { border-color:#5a2020 !important; } | ||
html.skin-theme-clientpref-night .mw-parser-output [style*="border:2px solid #f39c12"] { border-color:#5a4a10 !important; } | |||
html.skin-theme-clientpref-night .mw-parser-output [style*="border:2.5px solid #e74c3c"] { border-color:#5a2020 !important; } | |||
html.skin-theme-clientpref-night .mw-parser-output [style*="color:#ecf0f1"] { color:#c8d0dc !important; } | |||
html.skin-theme-clientpref-night .mw-parser-output [style*="color:#2d3436"] { color:#c8d0dc !important; } | |||
html.skin-theme-clientpref-night .mw-parser-output [style*="background:linear-gradient"] { background:#2a2518 !important; } | |||
</pre> | |||
</noinclude></includeonly> | </noinclude></includeonly> | ||