https://wiki.holdfastgame.com/index.php?title=Template:StatBar&feed=atom&action=history
Template:StatBar - Revision history
2024-03-29T08:52:10Z
Revision history for this page on the wiki
MediaWiki 1.35.1
https://wiki.holdfastgame.com/index.php?title=Template:StatBar&diff=1130&oldid=prev
Falo at 18:49, 21 August 2019
2019-08-21T18:49:09Z
<p></p>
<table class="diff diff-contentalign-left diff-editfont-monospace" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="en">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Older revision</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 18:49, 21 August 2019</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l20" >Line 20:</td>
<td colspan="2" class="diff-lineno">Line 20:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div><span style="z-index=3;position:relative;left:{{#expr:({{{width|200}}}/{{{sections}}})-3 }}px;top:0px;width:0px;height:{{{height|16}}}px;border-left:3px solid black;display:block;"></div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div><span style="z-index=3;position:relative;left:{{#expr:({{{width|200}}}/{{{sections}}})-3 }}px;top:0px;width:0px;height:{{{height|16}}}px;border-left:3px solid black;display:block;"></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div><span style="z-index=3;position:relative;left:{{#expr:({{{width|200}}}/{{{sections}}})-3 }}px;top:0px;width:0px;height:{{{height|16}}}px;border-left:3px solid black;display:block;"></span></span></span></span>}}</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div><span style="z-index=3;position:relative;left:{{#expr:({{{width|200}}}/{{{sections}}})-3 }}px;top:0px;width:0px;height:{{{height|16}}}px;border-left:3px solid black;display:block;"></span></span></span></span>}}</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div></span><del class="diffchange diffchange-inline">{{#expr:1*{{{width|200}}}/{{{sections}}} }}</del></includeonly></div></td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div></span></includeonly></div></td></tr>
</table>
Falo
https://wiki.holdfastgame.com/index.php?title=Template:StatBar&diff=1129&oldid=prev
Falo: Fix to vertical bar positions
2019-08-21T18:48:46Z
<p>Fix to vertical bar positions</p>
<table class="diff diff-contentalign-left diff-editfont-monospace" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="en">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Older revision</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 18:48, 21 August 2019</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l1" >Line 1:</td>
<td colspan="2" class="diff-lineno">Line 1:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div><noinclude></div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div><noinclude></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div><pre></div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div><pre></div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>{{StatBar|max=<del class="diffchange diffchange-inline">125</del>|value=70|bonus=12|width=200|sections=<del class="diffchange diffchange-inline">5</del>|height=10}}</div></td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>{{StatBar|max=<ins class="diffchange diffchange-inline">100</ins>|value=70|bonus=12|width=200|sections=<ins class="diffchange diffchange-inline">4</ins>|height=10}}</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div></pre></div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div></pre></div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>'''Example:''' {{StatBar|max=<del class="diffchange diffchange-inline">125</del>|value=<del class="diffchange diffchange-inline">70</del>|bonus=<del class="diffchange diffchange-inline">12</del>|width=200|sections=<del class="diffchange diffchange-inline">5</del>|height=16}}Text following</div></td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>'''Example:''' {{StatBar|max=<ins class="diffchange diffchange-inline">100</ins>|value=<ins class="diffchange diffchange-inline">25</ins>|bonus=<ins class="diffchange diffchange-inline">25</ins>|width=200|sections=<ins class="diffchange diffchange-inline">4</ins>|height=16}}Text following</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Next Line</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Next Line</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div></noinclude></div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div></noinclude></div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><includeonly><span style="vertical-align:middle;width:{{{width|200}}}px;height:{{{height|16}}}px;position:static;display:inline-block;border:3px <del class="diffchange diffchange-inline">solid </del>black"></div></td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><includeonly><span style="vertical-align:middle;width:{{{width|200}}}px;height:{{{height|16}}}px;position:static;display:inline-block;border:3px <ins class="diffchange diffchange-inline">inset </ins>black"></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div><span style="z-index=-5;position:relative;left:0px;top:0px;background-color: grey;width:{{{width|200}}}px;height:{{{height|16}}}px;display:inline-block;float:left"></div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div><span style="z-index=-5;position:relative;left:0px;top:0px;background-color: grey;width:{{{width|200}}}px;height:{{{height|16}}}px;display:inline-block;float:left"></div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><span style="z-index=1;position:relative;left:0px;top:0px;background-image: linear-gradient(135deg, rgba(255,110,3,255), rgba(254,249,1,255));width:{{#expr:{{{value}}}*{{{width|200}}}/{{{max}}} }}px;height:{{{height|16}}}px;display:inline-block"></div></td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><span style="z-index=1;position:relative;left:0px;top:0px;background-image: linear-gradient(135deg, rgba(255,110,3,255), rgba(254,249,1,255));width:{{#expr:<ins class="diffchange diffchange-inline">(</ins>{{{value}}}*{{{width|200}}}<ins class="diffchange diffchange-inline">)</ins>/{{{max}}} }}px;height:{{{height|16}}}px;display:inline-block"></div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><span style="z-index=2;position:relative;left:{{#expr:{{{value}}}*{{{width|200}}}/{{{max}}} }}px;top:0px;background-color: rgba(61,236,74,255);width:{{#expr:{{{bonus}}}*{{{width|200}}}/{{{max}}} }}px;height:{{{height|16}}}px;display:inline-block"></div></td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><span style="z-index=2;position:relative;left:{{#expr:<ins class="diffchange diffchange-inline">(</ins>{{{value}}}*{{{width|200}}}<ins class="diffchange diffchange-inline">)</ins>/{{{max}}} }}px;top:0px;background-color: rgba(61,236,74,255);width:{{#expr:{{{bonus}}}*{{{width|200}}}/{{{max}}} }}px;height:{{{height|16}}}px;display:inline-block"></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div></span></span></span></div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div></span></span></span></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>{{#ifeq:{{{sections}}}|4|</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>{{#ifeq:{{{sections}}}|4|</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><span style="z-index=3;position:relative;left:{{#expr:<del class="diffchange diffchange-inline">1*</del>{{{width|200}}}/{{{sections}}} }}px;top:0px;width:<del class="diffchange diffchange-inline">3px</del>;height:{{{height|16}}}px;border-left:3px <del class="diffchange diffchange-inline">solid </del>black;display:block;"></div></td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><span style="z-index=3;position:relative;left:{{#expr:<ins class="diffchange diffchange-inline">(</ins>{{{width|200}}}/{{{sections}}}<ins class="diffchange diffchange-inline">) </ins>}}px;top:0px;width:<ins class="diffchange diffchange-inline">0px</ins>;height:{{{height|16}}}px;border-left:3px <ins class="diffchange diffchange-inline">outset </ins>black;display:block;"></div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><span style="z-index=3;position:relative;left:{{#expr:<del class="diffchange diffchange-inline">1*</del>{{{width|200}}}/{{{sections}}} }}px;top:0px;width:<del class="diffchange diffchange-inline">3px</del>;height:{{{height|16}}}px;border-left:3px <del class="diffchange diffchange-inline">solid </del>black;display:block;"></div></td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><span style="z-index=3;position:relative;left:{{#expr:<ins class="diffchange diffchange-inline">(</ins>{{{width|200}}}/{{{sections}}}<ins class="diffchange diffchange-inline">)-3 </ins>}}px;top:0px;width:<ins class="diffchange diffchange-inline">0px</ins>;height:{{{height|16}}}px;border-left:3px <ins class="diffchange diffchange-inline">outset </ins>black;display:block;"></div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><span style="z-index=3;position:relative;left:{{#expr:<del class="diffchange diffchange-inline">1*</del>{{{width|200}}}/{{{sections}}} }}px;top:0px;width:<del class="diffchange diffchange-inline">3px</del>;height:{{{height|16}}}px;border-left:3px <del class="diffchange diffchange-inline">solid </del>black;display:block;"></span></span></span>|</div></td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><span style="z-index=3;position:relative;left:{{#expr:<ins class="diffchange diffchange-inline">(</ins>{{{width|200}}}/{{{sections}}}<ins class="diffchange diffchange-inline">)-3 </ins>}}px;top:0px;width:<ins class="diffchange diffchange-inline">0px</ins>;height:{{{height|16}}}px;border-left:3px <ins class="diffchange diffchange-inline">outset </ins>black;display:block;"></span></span></span>|</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><span style="z-index=3;position:relative;left:{{#expr:<del class="diffchange diffchange-inline">1*</del>{{{width|200}}}/{{{sections}}} }}px;top:0px;width:<del class="diffchange diffchange-inline">3px</del>;height:{{{height|16}}}px;border-left:3px solid black;display:block;"></div></td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><span style="z-index=3;position:relative;left:{{#expr:<ins class="diffchange diffchange-inline">(</ins>{{{width|200}}}/{{{sections}}}<ins class="diffchange diffchange-inline">) </ins>}}px;top:0px;width:<ins class="diffchange diffchange-inline">0px</ins>;height:{{{height|16}}}px;border-left:3px solid black;display:block;"></div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><span style="z-index=3;position:relative;left:{{#expr:<del class="diffchange diffchange-inline">1*</del>{{{width|200}}}/{{{sections}}} }}px;top:0px;width:<del class="diffchange diffchange-inline">3px</del>;height:{{{height|16}}}px;border-left:3px solid black;display:block;"></div></td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><span style="z-index=3;position:relative;left:{{#expr:<ins class="diffchange diffchange-inline">(</ins>{{{width|200}}}/{{{sections}}}<ins class="diffchange diffchange-inline">)-3 </ins>}}px;top:0px;width:<ins class="diffchange diffchange-inline">0px</ins>;height:{{{height|16}}}px;border-left:3px solid black;display:block;"></div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><span style="z-index=3;position:relative;left:{{#expr:<del class="diffchange diffchange-inline">1*</del>{{{width|200}}}/{{{sections}}} }}px;top:0px;width:<del class="diffchange diffchange-inline">3px</del>;height:{{{height|16}}}px;border-left:3px solid black;display:block;"></div></td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><span style="z-index=3;position:relative;left:{{#expr:<ins class="diffchange diffchange-inline">(</ins>{{{width|200}}}/{{{sections}}}<ins class="diffchange diffchange-inline">)-3 </ins>}}px;top:0px;width:<ins class="diffchange diffchange-inline">0px</ins>;height:{{{height|16}}}px;border-left:3px solid black;display:block;"></div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><span style="z-index=3;position:relative;left:{{#expr:<del class="diffchange diffchange-inline">1*</del>{{{width|200}}}/{{{sections}}} }}px;top:0px;width:<del class="diffchange diffchange-inline">3px</del>;height:{{{height|16}}}px;border-left:3px solid black;display:block;"></span></span></span></span>}}</div></td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><span style="z-index=3;position:relative;left:{{#expr:<ins class="diffchange diffchange-inline">(</ins>{{{width|200}}}/{{{sections}}}<ins class="diffchange diffchange-inline">)-3 </ins>}}px;top:0px;width:<ins class="diffchange diffchange-inline">0px</ins>;height:{{{height|16}}}px;border-left:3px solid black;display:block;"></span></span></span></span>}}</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div></span></includeonly></div></td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div></span><ins class="diffchange diffchange-inline">{{#expr:1*{{{width|200}}}/{{{sections}}} }}</ins></includeonly></div></td></tr>
</table>
Falo
https://wiki.holdfastgame.com/index.php?title=Template:StatBar&diff=1128&oldid=prev
Falo at 18:36, 21 August 2019
2019-08-21T18:36:30Z
<p></p>
<table class="diff diff-contentalign-left diff-editfont-monospace" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="en">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Older revision</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 18:36, 21 August 2019</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l1" >Line 1:</td>
<td colspan="2" class="diff-lineno">Line 1:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div><noinclude></div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div><noinclude></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div><pre></div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div><pre></div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>{{StatBar|max=125|value=70|bonus=12|width=200|sections=5}}</div></td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>{{StatBar|max=125|value=70|bonus=12|width=200|sections=5<ins class="diffchange diffchange-inline">|height=10</ins>}}</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div></pre></div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div></pre></div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>{{StatBar|max=125|value=70|bonus=12|width=200|sections=5}} Text following</div></td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins class="diffchange diffchange-inline">'''Example:''' </ins>{{StatBar|max=125|value=70|bonus=12|width=200|sections=5<ins class="diffchange diffchange-inline">|height=16</ins>}}Text following</div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div> </div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins class="diffchange diffchange-inline">Next Line</ins></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div></noinclude></div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div></noinclude></div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><includeonly></div></td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><includeonly><<ins class="diffchange diffchange-inline">span </ins>style="<ins class="diffchange diffchange-inline">vertical-align:middle;</ins>width:{{{width<ins class="diffchange diffchange-inline">|200</ins>}}}px;height:<ins class="diffchange diffchange-inline">{{{height|16}}}px</ins>;position:<ins class="diffchange diffchange-inline">static</ins>;<ins class="diffchange diffchange-inline">display</ins>:<ins class="diffchange diffchange-inline">inline</ins>-<ins class="diffchange diffchange-inline">block</ins>;border:<ins class="diffchange diffchange-inline">3px solid </ins>black"></div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><<del class="diffchange diffchange-inline">div </del>style="width:{{{width}}}px;height:<del class="diffchange diffchange-inline">16px</del>;position:<del class="diffchange diffchange-inline">relative</del>;<del class="diffchange diffchange-inline">border</del>:<del class="diffchange diffchange-inline">3px;border</del>-<del class="diffchange diffchange-inline">style:inset</del>;border<del class="diffchange diffchange-inline">-color</del>:black"></div></td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><<ins class="diffchange diffchange-inline">span </ins>style="z-index=-5;position:<ins class="diffchange diffchange-inline">relative</ins>;left:0px;top:0px;background-color: grey;width:{{{width<ins class="diffchange diffchange-inline">|200</ins>}}}px;height:<ins class="diffchange diffchange-inline">{{{height|16}}}px;display:inline-block;float:left</ins>"></div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><<del class="diffchange diffchange-inline">div </del>style="z-index=-5;position:<del class="diffchange diffchange-inline">absolute</del>;left:0px;top:0px;background-color: grey;width:{{{width}}}px;height:<del class="diffchange diffchange-inline">16px</del>"<del class="diffchange diffchange-inline">></div</del>></div></td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><<ins class="diffchange diffchange-inline">span </ins>style="z-index=1;position:<ins class="diffchange diffchange-inline">relative</ins>;left:0px;top:0px;background-image: linear-gradient(135deg, rgba(255,110,3,255), rgba(254,249,1,255));width:{{#expr:{{{value}}}*{{{width<ins class="diffchange diffchange-inline">|200</ins>}}}/{{{max}}} }}px;height:<ins class="diffchange diffchange-inline">{{{height|16}}}px;display:inline-block</ins>"></div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><<del class="diffchange diffchange-inline">div </del>style="z-index=1;position:<del class="diffchange diffchange-inline">absolute</del>;left:0px;top:0px;background-image: linear-gradient(135deg, rgba(255,110,3,255), rgba(254,249,1,255));width:{{#expr:{{{value}}}*{{{width}}}/{{{max}}} }}px;height:<del class="diffchange diffchange-inline">16px</del>"<del class="diffchange diffchange-inline">></div</del>></div></td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><<ins class="diffchange diffchange-inline">span </ins>style="z-index=2;position:<ins class="diffchange diffchange-inline">relative</ins>;left:{{#expr:{{{value}}}*{{{width<ins class="diffchange diffchange-inline">|200</ins>}}}/{{{max}}} }}px;top:0px;background-color: rgba(61,236,74,255);width:{{#expr:{{{bonus}}}*{{{width<ins class="diffchange diffchange-inline">|200</ins>}}}/{{{max}}} }}px;height:<ins class="diffchange diffchange-inline">{{{height|16}}}px;display:inline-block</ins>"<ins class="diffchange diffchange-inline">></ins></div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><<del class="diffchange diffchange-inline">div </del>style="z-index=2;position:<del class="diffchange diffchange-inline">absolute</del>;left:{{#expr:{{{value}}}*{{{width}}}/{{{max}}} }}px;top:0px;background-color: rgba(61,236,74,255);width:{{#expr:{{{bonus}}}*{{{width}}}/{{{max}}} }}px;height:<del class="diffchange diffchange-inline">16px</del>"></<del class="diffchange diffchange-inline">div</del>></div></td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins class="diffchange diffchange-inline"></span></span</ins>></<ins class="diffchange diffchange-inline">span</ins>></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>{{#ifeq:{{{sections}}}|4|</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>{{#ifeq:{{{sections}}}|4|</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><<del class="diffchange diffchange-inline">div </del>style="z-index=3;position:<del class="diffchange diffchange-inline">absolute</del>;left:{{#expr:1*{{{width}}}/{{{sections}}} }}px;top:0px;width:3px;height:<del class="diffchange diffchange-inline">16px</del>;border-left:3px solid black;"<del class="diffchange diffchange-inline">></div</del>></div></td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><<ins class="diffchange diffchange-inline">span </ins>style="z-index=3;position:<ins class="diffchange diffchange-inline">relative</ins>;left:{{#expr:1*{{{width<ins class="diffchange diffchange-inline">|200</ins>}}}/{{{sections}}} }}px;top:0px;width:3px;height:<ins class="diffchange diffchange-inline">{{{height|16}}}px</ins>;border-left:3px solid black<ins class="diffchange diffchange-inline">;display:block</ins>;"></div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><<del class="diffchange diffchange-inline">div </del>style="z-index=3;position:<del class="diffchange diffchange-inline">absolute</del>;left:{{#expr:<del class="diffchange diffchange-inline">2</del>*{{{width}}}/{{{sections}}} }}px;top:0px;width:3px;height:<del class="diffchange diffchange-inline">16px</del>;border-left:3px solid black;"<del class="diffchange diffchange-inline">></div</del>></div></td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><<ins class="diffchange diffchange-inline">span </ins>style="z-index=3;position:<ins class="diffchange diffchange-inline">relative</ins>;left:{{#expr:<ins class="diffchange diffchange-inline">1</ins>*{{{width<ins class="diffchange diffchange-inline">|200</ins>}}}/{{{sections}}} }}px;top:0px;width:3px;height:<ins class="diffchange diffchange-inline">{{{height|16}}}px</ins>;border-left:3px solid black<ins class="diffchange diffchange-inline">;display:block</ins>;"></div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><<del class="diffchange diffchange-inline">div </del>style="z-index=3;position:<del class="diffchange diffchange-inline">absolute</del>;left:{{#expr:<del class="diffchange diffchange-inline">3</del>*{{{width}}}/{{{sections}}} }}px;top:0px;width:3px;height:<del class="diffchange diffchange-inline">16px</del>;border-left:3px solid black;"></<del class="diffchange diffchange-inline">div</del>></div></td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><<ins class="diffchange diffchange-inline">span </ins>style="z-index=3;position:<ins class="diffchange diffchange-inline">relative</ins>;left:{{#expr:<ins class="diffchange diffchange-inline">1</ins>*{{{width<ins class="diffchange diffchange-inline">|200</ins>}}}/{{{sections}}} }}px;top:0px;width:3px;height:<ins class="diffchange diffchange-inline">{{{height|16}}}px</ins>;border-left:3px solid black<ins class="diffchange diffchange-inline">;display:block</ins>;"></<ins class="diffchange diffchange-inline">span></span></span</ins>>|</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>|</div></td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><<ins class="diffchange diffchange-inline">span </ins>style="z-index=3;position:<ins class="diffchange diffchange-inline">relative</ins>;left:{{#expr:1*{{{width<ins class="diffchange diffchange-inline">|200</ins>}}}/{{{sections}}} }}px;top:0px;width:3px;height:<ins class="diffchange diffchange-inline">{{{height|16}}}px</ins>;border-left:3px solid black<ins class="diffchange diffchange-inline">;display:block</ins>;"></div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><<del class="diffchange diffchange-inline">div </del>style="z-index=3;position:<del class="diffchange diffchange-inline">absolute</del>;left:{{#expr:1*{{{width}}}/{{{sections}}} }}px;top:0px;width:3px;height:<del class="diffchange diffchange-inline">16px</del>;border-left:3px solid black;"<del class="diffchange diffchange-inline">></div</del>></div></td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><<ins class="diffchange diffchange-inline">span </ins>style="z-index=3;position:<ins class="diffchange diffchange-inline">relative</ins>;left:{{#expr:<ins class="diffchange diffchange-inline">1</ins>*{{{width<ins class="diffchange diffchange-inline">|200</ins>}}}/{{{sections}}} }}px;top:0px;width:3px;height:<ins class="diffchange diffchange-inline">{{{height|16}}}px</ins>;border-left:3px solid black<ins class="diffchange diffchange-inline">;display:block</ins>;"></div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><<del class="diffchange diffchange-inline">div </del>style="z-index=3;position:<del class="diffchange diffchange-inline">absolute</del>;left:{{#expr:<del class="diffchange diffchange-inline">2</del>*{{{width}}}/{{{sections}}} }}px;top:0px;width:3px;height:<del class="diffchange diffchange-inline">16px</del>;border-left:3px solid black;"<del class="diffchange diffchange-inline">></div</del>></div></td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><<ins class="diffchange diffchange-inline">span </ins>style="z-index=3;position:<ins class="diffchange diffchange-inline">relative</ins>;left:{{#expr:<ins class="diffchange diffchange-inline">1</ins>*{{{width<ins class="diffchange diffchange-inline">|200</ins>}}}/{{{sections}}} }}px;top:0px;width:3px;height:<ins class="diffchange diffchange-inline">{{{height|16}}}px</ins>;border-left:3px solid black<ins class="diffchange diffchange-inline">;display:block</ins>;"></div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><<del class="diffchange diffchange-inline">div </del>style="z-index=3;position:<del class="diffchange diffchange-inline">absolute</del>;left:{{#expr:<del class="diffchange diffchange-inline">3</del>*{{{width}}}/{{{sections}}} }}px;top:0px;width:3px;height:<del class="diffchange diffchange-inline">16px</del>;border-left:3px solid black;"<del class="diffchange diffchange-inline">></div</del>></div></td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><<ins class="diffchange diffchange-inline">span </ins>style="z-index=3;position:<ins class="diffchange diffchange-inline">relative</ins>;left:{{#expr:<ins class="diffchange diffchange-inline">1</ins>*{{{width<ins class="diffchange diffchange-inline">|200</ins>}}}/{{{sections}}} }}px;top:0px;width:3px;height:<ins class="diffchange diffchange-inline">{{{height|16}}}px</ins>;border-left:3px solid black<ins class="diffchange diffchange-inline">;display:block</ins>;"></<ins class="diffchange diffchange-inline">span></span</ins>><<ins class="diffchange diffchange-inline">/span</ins>></<ins class="diffchange diffchange-inline">span</ins>>}}</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><<del class="diffchange diffchange-inline">div </del>style="z-index=3;position:<del class="diffchange diffchange-inline">absolute</del>;left:{{#expr:<del class="diffchange diffchange-inline">4</del>*{{{width}}}/{{{sections}}} }}px;top:0px;width:3px;height:<del class="diffchange diffchange-inline">16px</del>;border-left:3px solid black;"></<del class="diffchange diffchange-inline">div</del>></div></td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div></<ins class="diffchange diffchange-inline">span</ins>></includeonly></div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><<del class="diffchange diffchange-inline">div style="z-index=10;width:{{{width}}}px;height:16px;position:static:border-right:5px solid red"</del>></<del class="diffchange diffchange-inline">div</del>></div></td><td colspan="2"> </td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del class="diffchange diffchange-inline">Test1</del></div></td><td colspan="2"> </td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>}}</<del class="diffchange diffchange-inline">div</del>><del class="diffchange diffchange-inline">Test2</del></includeonly></div></td><td colspan="2"> </td></tr>
</table>
Falo
https://wiki.holdfastgame.com/index.php?title=Template:StatBar&diff=1127&oldid=prev
Falo at 17:30, 21 August 2019
2019-08-21T17:30:23Z
<p></p>
<table class="diff diff-contentalign-left diff-editfont-monospace" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="en">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Older revision</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 17:30, 21 August 2019</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l19" >Line 19:</td>
<td colspan="2" class="diff-lineno">Line 19:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div><div style="z-index=3;position:absolute;left:{{#expr:3*{{{width}}}/{{{sections}}} }}px;top:0px;width:3px;height:16px;border-left:3px solid black;"></div></div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div><div style="z-index=3;position:absolute;left:{{#expr:3*{{{width}}}/{{{sections}}} }}px;top:0px;width:3px;height:16px;border-left:3px solid black;"></div></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div><div style="z-index=3;position:absolute;left:{{#expr:4*{{{width}}}/{{{sections}}} }}px;top:0px;width:3px;height:16px;border-left:3px solid black;"></div></div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div><div style="z-index=3;position:absolute;left:{{#expr:4*{{{width}}}/{{{sections}}} }}px;top:0px;width:3px;height:16px;border-left:3px solid black;"></div></div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>}}</div></includeonly></div></td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins class="diffchange diffchange-inline"><div style="z-index=10;width:{{{width}}}px;height:16px;position:static:border-right:5px solid red"></div></ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins class="diffchange diffchange-inline">Test1</ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>}}</div><ins class="diffchange diffchange-inline">Test2</ins></includeonly></div></td></tr>
</table>
Falo
https://wiki.holdfastgame.com/index.php?title=Template:StatBar&diff=1126&oldid=prev
Falo at 23:23, 20 August 2019
2019-08-20T23:23:58Z
<p></p>
<table class="diff diff-contentalign-left diff-editfont-monospace" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="en">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Older revision</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 23:23, 20 August 2019</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l3" >Line 3:</td>
<td colspan="2" class="diff-lineno">Line 3:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>{{StatBar|max=125|value=70|bonus=12|width=200|sections=5}}</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>{{StatBar|max=125|value=70|bonus=12|width=200|sections=5}}</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div></pre></div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div></pre></div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>{{StatBar|max=125|value=70|bonus=12|width=200|sections=5}}</div></td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>{{StatBar|max=125|value=70|bonus=12|width=200|sections=5}} <ins class="diffchange diffchange-inline">Text following</ins></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div></noinclude></div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div></noinclude></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div><includeonly></div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div><includeonly></div></td></tr>
<tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l19" >Line 19:</td>
<td colspan="2" class="diff-lineno">Line 19:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div><div style="z-index=3;position:absolute;left:{{#expr:3*{{{width}}}/{{{sections}}} }}px;top:0px;width:3px;height:16px;border-left:3px solid black;"></div></div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div><div style="z-index=3;position:absolute;left:{{#expr:3*{{{width}}}/{{{sections}}} }}px;top:0px;width:3px;height:16px;border-left:3px solid black;"></div></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div><div style="z-index=3;position:absolute;left:{{#expr:4*{{{width}}}/{{{sections}}} }}px;top:0px;width:3px;height:16px;border-left:3px solid black;"></div></div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div><div style="z-index=3;position:absolute;left:{{#expr:4*{{{width}}}/{{{sections}}} }}px;top:0px;width:3px;height:16px;border-left:3px solid black;"></div></div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>}}</div></td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>}}</div></includeonly></div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div> </div></td><td colspan="2"> </td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div> </div></td><td colspan="2"> </td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div> </div></td><td colspan="2"> </td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div></div></div></td><td colspan="2"> </td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div></includeonly></div></td><td colspan="2"> </td></tr>
</table>
Falo
https://wiki.holdfastgame.com/index.php?title=Template:StatBar&diff=1125&oldid=prev
Falo: Initial version of StatBar template
2019-08-20T23:21:47Z
<p>Initial version of StatBar template</p>
<p><b>New page</b></p><div><noinclude><br />
<pre><br />
{{StatBar|max=125|value=70|bonus=12|width=200|sections=5}}<br />
</pre><br />
{{StatBar|max=125|value=70|bonus=12|width=200|sections=5}}<br />
</noinclude><br />
<includeonly><br />
<div style="width:{{{width}}}px;height:16px;position:relative;border:3px;border-style:inset;border-color:black"><br />
<div style="z-index=-5;position:absolute;left:0px;top:0px;background-color: grey;width:{{{width}}}px;height:16px"></div><br />
<div style="z-index=1;position:absolute;left:0px;top:0px;background-image: linear-gradient(135deg, rgba(255,110,3,255), rgba(254,249,1,255));width:{{#expr:{{{value}}}*{{{width}}}/{{{max}}} }}px;height:16px"></div><br />
<div style="z-index=2;position:absolute;left:{{#expr:{{{value}}}*{{{width}}}/{{{max}}} }}px;top:0px;background-color: rgba(61,236,74,255);width:{{#expr:{{{bonus}}}*{{{width}}}/{{{max}}} }}px;height:16px"></div><br />
{{#ifeq:{{{sections}}}|4|<br />
<div style="z-index=3;position:absolute;left:{{#expr:1*{{{width}}}/{{{sections}}} }}px;top:0px;width:3px;height:16px;border-left:3px solid black;"></div><br />
<div style="z-index=3;position:absolute;left:{{#expr:2*{{{width}}}/{{{sections}}} }}px;top:0px;width:3px;height:16px;border-left:3px solid black;"></div><br />
<div style="z-index=3;position:absolute;left:{{#expr:3*{{{width}}}/{{{sections}}} }}px;top:0px;width:3px;height:16px;border-left:3px solid black;"></div><br />
|<br />
<div style="z-index=3;position:absolute;left:{{#expr:1*{{{width}}}/{{{sections}}} }}px;top:0px;width:3px;height:16px;border-left:3px solid black;"></div><br />
<div style="z-index=3;position:absolute;left:{{#expr:2*{{{width}}}/{{{sections}}} }}px;top:0px;width:3px;height:16px;border-left:3px solid black;"></div><br />
<div style="z-index=3;position:absolute;left:{{#expr:3*{{{width}}}/{{{sections}}} }}px;top:0px;width:3px;height:16px;border-left:3px solid black;"></div><br />
<div style="z-index=3;position:absolute;left:{{#expr:4*{{{width}}}/{{{sections}}} }}px;top:0px;width:3px;height:16px;border-left:3px solid black;"></div><br />
}}<br />
<br />
<br />
<br />
</div><br />
</includeonly></div>
Falo