Difference between revisions of "Template:Tracker kite"

From QBWiki
Jump to navigation Jump to search
m
m (add height variable)
 
(6 intermediate revisions by the same user not shown)
Line 1: Line 1:
<includeonly>{{#vardefine:bgcolor|{{#if:{{{active|}}}|#f77|{{#if:{{{light|}}}|#eee|#ddd}}}}}}{{#vardefine:color|{{#if:{{{active|}}}|black|black}}}}{{#vardefine:vertical_offset|{{#expr:{{{lines|1}}}*-11}}}}<div style="display:flex; flex-direction:row; max-height:80px; color: {{#var:color}}; text-align:center;"><div style="{{{style|}}}border-left: 12px solid transparent; border-top: 40px solid {{#var:bgcolor}}; border-bottom: 40px solid {{#var:bgcolor}};"><div style="height: 0; position: relative; top: {{#var:vertical_offset}}px; padding: 0 {{#if:{{{narrow|}}}|0|10px}}; white-space: nowrap;">{{{1|}}}</div></div><div style="width:0; height:0; border-top: 40px solid transparent; border-bottom: 40px solid transparent; border-left: 12px solid {{#var:bgcolor}};">
+
<includeonly>{{#vardefine:height|{{{height|80}}}}}{{#vardefine:bgcolor|{{{bgcolor|{{#if:{{{active|}}}|red|{{#if:{{{light|}}}|#eee|#ddd}}}}}}}}}{{#vardefine:color|{{{color|{{#if:{{{active|}}}|black|black}}}}}}}{{#vardefine:vertical_offset|{{#expr:{{{lines|1}}}*-11}}}}<div style="{{{parentstyle|}}}display:flex; flex-direction:row; max-height:{{#var:height}}px; color: {{#var:color}}; text-align:center; flex-grow:{{#if:{{{narrow|}}}|0|1}};"><div style="{{{style|}}}border-left: 12px solid transparent; border-top: {{#expr:{{#var:height}}/2}}px solid {{#var:bgcolor}}; border-bottom: {{#expr:{{#var:height}}/2}}px solid {{#var:bgcolor}};flex-grow:{{#if:{{{narrow|}}}|0|1}};"><div style="height: 0; position: relative; top: {{#var:vertical_offset}}px; padding: 0 {{#if:{{{narrow|}}}|0|10px}}; white-space: nowrap;">{{{1|}}}</div></div><div style="width:0; height:0; border-top: {{#expr:{{#var:height}}/2}}px solid transparent; border-bottom: {{#expr:{{#var:height}}/2}}px solid transparent; border-left: 12px solid {{#var:bgcolor}};">
 
</div></div></includeonly><noinclude>
 
</div></div></includeonly><noinclude>
 
Inspired by the Domino's pizza tracker.
 
Inspired by the Domino's pizza tracker.
Line 12: Line 12:
 
{{Tracker kite|narrow=yes}}
 
{{Tracker kite|narrow=yes}}
 
{{Tracker kite|Multiple<br/>Lines<br/>(don't exceed 3)|lines=3}}
 
{{Tracker kite|Multiple<br/>Lines<br/>(don't exceed 3)|lines=3}}
 +
{{Tracker kite|Blue + white text|bgcolor=blue|color=white}}
 
</div>
 
</div>
 
</noinclude>
 
</noinclude>

Latest revision as of 21:27, 13 February 2023

Inspired by the Domino's pizza tracker.

A long string of text spanning 54 characters in length
Bold
Active
Light
Multiple
Lines
(don't exceed 3)
Blue + white text