Template:Grid/Crafting: Difference between revisions

From Vintage Story Wiki
(Fix stacksize number cut off)
No edit summary
Line 73: Line 73:
         {{#if:{{{A3N|}}}|
         {{#if:{{{A3N|}}}|
<div style="left:40px; top:139px; width:16px; height:16px; position:absolute; overflow:hidden;">
<div style="left:40px; top:139px; width:16px; height:16px; position:absolute; overflow:hidden;">
<div style="left:{{#expr:-16 * (floor({{{A3N|}}}/10) - 1)}}px; top:-12px; width:160px; height:16px; position:absolute;">
<div style="left:{{#expr:-16 * (floor({{{A3N|}}}/10) - 1)}}px; top:-11px; width:160px; height:16px; position:absolute;">
[[Image:GridNumbersCSS.png|160px|link={{#if:{{{Output-link|}}}|{{{Output-link}}}|{{{Output}}}}}|alt={{{Output}}}]]
[[Image:GridNumbersCSS.png|160px|link={{#if:{{{Output-link|}}}|{{{Output-link}}}|{{{Output}}}}}|alt={{{Output}}}]]
</div>
</div>
</div>
</div>
<div style="left:40px; top:139px; width:16px; height:16px; position:absolute; overflow:hidden;">
<div style="left:40px; top:139px; width:16px; height:16px; position:absolute; overflow:hidden;">
<div style="left:{{#expr:-16 * (({{{A3N|}}} - 1) mod 10)}}px; top:-12px; width:160px; height:16px; position:absolute;">
<div style="left:{{#expr:-16 * (({{{A3N|}}} - 1) mod 10)}}px; top:-11px; width:160px; height:16px; position:absolute;">
[[Image:GridNumbersCSS.png|160px|link={{#if:{{{Output-link|}}}|{{{Output-link}}}|{{{Output}}}}}|alt={{{Output}}}]]
[[Image:GridNumbersCSS.png|160px|link={{#if:{{{Output-link|}}}|{{{Output-link}}}|{{{Output}}}}}|alt={{{Output}}}]]
</div>
</div>
Line 85: Line 85:
         {{#if:{{{B1N|}}}|
         {{#if:{{{B1N|}}}|
<div style="left:91px; top:38px; width:16px; height:16px; position:absolute; overflow:hidden;">
<div style="left:91px; top:38px; width:16px; height:16px; position:absolute; overflow:hidden;">
<div style="left:{{#expr:-16 * (floor({{{B1N|}}}/10) - 1)}}px; top:-12px; width:160px; height:16px; position:absolute;">
<div style="left:{{#expr:-16 * (floor({{{B1N|}}}/10) - 1)}}px; top:-11px; width:160px; height:16px; position:absolute;">
[[Image:GridNumbersCSS.png|160px|link={{#if:{{{Output-link|}}}|{{{Output-link}}}|{{{Output}}}}}|alt={{{Output}}}]]
[[Image:GridNumbersCSS.png|160px|link={{#if:{{{Output-link|}}}|{{{Output-link}}}|{{{Output}}}}}|alt={{{Output}}}]]
</div>
</div>
</div>
</div>
<div style="left:91px; top:38px; width:16px; height:16px; position:absolute; overflow:hidden;">
<div style="left:91px; top:38px; width:16px; height:16px; position:absolute; overflow:hidden;">
<div style="left:{{#expr:-16 * (({{{B1N|}}} - 1) mod 10)}}px; top:-12px; width:160px; height:16px; position:absolute;">
<div style="left:{{#expr:-16 * (({{{B1N|}}} - 1) mod 10)}}px; top:-11px; width:160px; height:16px; position:absolute;">
[[Image:GridNumbersCSS.png|160px|link={{#if:{{{Output-link|}}}|{{{Output-link}}}|{{{Output}}}}}|alt={{{Output}}}]]
[[Image:GridNumbersCSS.png|160px|link={{#if:{{{Output-link|}}}|{{{Output-link}}}|{{{Output}}}}}|alt={{{Output}}}]]
</div>
</div>
Line 97: Line 97:
         {{#if:{{{B2N|}}}|
         {{#if:{{{B2N|}}}|
<div style="left:91px; top:89px; width:16px; height:16px; position:absolute; overflow:hidden;">
<div style="left:91px; top:89px; width:16px; height:16px; position:absolute; overflow:hidden;">
<div style="left:{{#expr:-16 * (floor({{{B2N|}}}/10) - 1)}}px; top:-12px; width:160px; height:16px; position:absolute;">
<div style="left:{{#expr:-16 * (floor({{{B2N|}}}/10) - 1)}}px; top:-11px; width:160px; height:16px; position:absolute;">
[[Image:GridNumbersCSS.png|160px|link={{#if:{{{Output-link|}}}|{{{Output-link}}}|{{{Output}}}}}|alt={{{Output}}}]]
[[Image:GridNumbersCSS.png|160px|link={{#if:{{{Output-link|}}}|{{{Output-link}}}|{{{Output}}}}}|alt={{{Output}}}]]
</div>
</div>
</div>
</div>
<div style="left:91px; top:89px; width:16px; height:16px; position:absolute; overflow:hidden;">
<div style="left:91px; top:89px; width:16px; height:16px; position:absolute; overflow:hidden;">
<div style="left:{{#expr:-16 * (({{{B2N|}}} - 1) mod 10)}}px; top:-12px; width:160px; height:16px; position:absolute;">
<div style="left:{{#expr:-16 * (({{{B2N|}}} - 1) mod 10)}}px; top:-11px; width:160px; height:16px; position:absolute;">
[[Image:GridNumbersCSS.png|160px|link={{#if:{{{Output-link|}}}|{{{Output-link}}}|{{{Output}}}}}|alt={{{Output}}}]]
[[Image:GridNumbersCSS.png|160px|link={{#if:{{{Output-link|}}}|{{{Output-link}}}|{{{Output}}}}}|alt={{{Output}}}]]
</div>
</div>
Line 109: Line 109:
         {{#if:{{{B3N|}}}|
         {{#if:{{{B3N|}}}|
<div style="left:91px; top:139px; width:16px; height:16px; position:absolute; overflow:hidden;">
<div style="left:91px; top:139px; width:16px; height:16px; position:absolute; overflow:hidden;">
<div style="left:{{#expr:-16 * (floor({{{B3N|}}}/10) - 1)}}px; top:-8px; width:160px; height:16px; position:absolute;">
<div style="left:{{#expr:-16 * (floor({{{B3N|}}}/10) - 1)}}px; top:-11px; width:160px; height:16px; position:absolute;">
[[Image:GridNumbersCSS.png|160px|link={{#if:{{{Output-link|}}}|{{{Output-link}}}|{{{Output}}}}}|alt={{{Output}}}]]
[[Image:GridNumbersCSS.png|160px|link={{#if:{{{Output-link|}}}|{{{Output-link}}}|{{{Output}}}}}|alt={{{Output}}}]]
</div>
</div>
</div>
</div>
<div style="left:91px; top:139px; width:16px; height:16px; position:absolute; overflow:hidden;">
<div style="left:91px; top:139px; width:16px; height:16px; position:absolute; overflow:hidden;">
<div style="left:{{#expr:-16 * (({{{B3N|}}} - 1) mod 10)}}px; top:-12px; width:160px; height:16px; position:absolute;">
<div style="left:{{#expr:-16 * (({{{B3N|}}} - 1) mod 10)}}px; top:-11px; width:160px; height:16px; position:absolute;">
[[Image:GridNumbersCSS.png|160px|link={{#if:{{{Output-link|}}}|{{{Output-link}}}|{{{Output}}}}}|alt={{{Output}}}]]
[[Image:GridNumbersCSS.png|160px|link={{#if:{{{Output-link|}}}|{{{Output-link}}}|{{{Output}}}}}|alt={{{Output}}}]]
</div>
</div>
Line 121: Line 121:
         {{#if:{{{C1N|}}}|
         {{#if:{{{C1N|}}}|
<div style="left:142px; top:38px; width:16px; height:16px; position:absolute; overflow:hidden;">
<div style="left:142px; top:38px; width:16px; height:16px; position:absolute; overflow:hidden;">
<div style="left:{{#expr:-16 * (floor({{{C1N|}}}/10) - 1)}}px; top:-12px; width:160px; height:16px; position:absolute;">
<div style="left:{{#expr:-16 * (floor({{{C1N|}}}/10) - 1)}}px; top:-11px; width:160px; height:16px; position:absolute;">
[[Image:GridNumbersCSS.png|160px|link={{#if:{{{Output-link|}}}|{{{Output-link}}}|{{{Output}}}}}|alt={{{Output}}}]]
[[Image:GridNumbersCSS.png|160px|link={{#if:{{{Output-link|}}}|{{{Output-link}}}|{{{Output}}}}}|alt={{{Output}}}]]
</div>
</div>
</div>
</div>
<div style="left:142px; top:38px; width:16px; height:16px; position:absolute; overflow:hidden;">
<div style="left:142px; top:38px; width:16px; height:16px; position:absolute; overflow:hidden;">
<div style="left:{{#expr:-16 * (({{{C1N|}}} - 1) mod 10)}}px; top:-12px; width:160px; height:16px; position:absolute;">
<div style="left:{{#expr:-16 * (({{{C1N|}}} - 1) mod 10)}}px; top:-11px; width:160px; height:16px; position:absolute;">
[[Image:GridNumbersCSS.png|160px|link={{#if:{{{Output-link|}}}|{{{Output-link}}}|{{{Output}}}}}|alt={{{Output}}}]]
[[Image:GridNumbersCSS.png|160px|link={{#if:{{{Output-link|}}}|{{{Output-link}}}|{{{Output}}}}}|alt={{{Output}}}]]
</div>
</div>
Line 133: Line 133:
         {{#if:{{{C2N|}}}|
         {{#if:{{{C2N|}}}|
<div style="left:142px; top:89px; width:16px; height:16px; position:absolute; overflow:hidden;">
<div style="left:142px; top:89px; width:16px; height:16px; position:absolute; overflow:hidden;">
<div style="left:{{#expr:-16 * (floor({{{C2N|}}}/10) - 1)}}px; top:-12px; width:160px; height:16px; position:absolute;">
<div style="left:{{#expr:-16 * (floor({{{C2N|}}}/10) - 1)}}px; top:-11px; width:160px; height:16px; position:absolute;">
[[Image:GridNumbersCSS.png|160px|link={{#if:{{{Output-link|}}}|{{{Output-link}}}|{{{Output}}}}}|alt={{{Output}}}]]
[[Image:GridNumbersCSS.png|160px|link={{#if:{{{Output-link|}}}|{{{Output-link}}}|{{{Output}}}}}|alt={{{Output}}}]]
</div>
</div>
</div>
</div>
<div style="left:142px; top:89px; width:16px; height:16px; position:absolute; overflow:hidden;">
<div style="left:142px; top:89px; width:16px; height:16px; position:absolute; overflow:hidden;">
<div style="left:{{#expr:-16 * (({{{C2N|}}} - 1) mod 10)}}px; top:-12px; width:160px; height:16px; position:absolute;">
<div style="left:{{#expr:-16 * (({{{C2N|}}} - 1) mod 10)}}px; top:-11px; width:160px; height:16px; position:absolute;">
[[Image:GridNumbersCSS.png|160px|link={{#if:{{{Output-link|}}}|{{{Output-link}}}|{{{Output}}}}}|alt={{{Output}}}]]
[[Image:GridNumbersCSS.png|160px|link={{#if:{{{Output-link|}}}|{{{Output-link}}}|{{{Output}}}}}|alt={{{Output}}}]]
</div>
</div>
Line 145: Line 145:
         {{#if:{{{C3N|}}}|
         {{#if:{{{C3N|}}}|
<div style="left:142px; top:139px; width:16px; height:16px; position:absolute; overflow:hidden;">
<div style="left:142px; top:139px; width:16px; height:16px; position:absolute; overflow:hidden;">
<div style="left:{{#expr:-16 * (floor({{{C3N|}}}/10) - 1)}}px; top:-12px; width:160px; height:16px; position:absolute;">
<div style="left:{{#expr:-16 * (floor({{{C3N|}}}/10) - 1)}}px; top:-11px; width:160px; height:16px; position:absolute;">
[[Image:GridNumbersCSS.png|160px|link={{#if:{{{Output-link|}}}|{{{Output-link}}}|{{{Output}}}}}|alt={{{Output}}}]]
[[Image:GridNumbersCSS.png|160px|link={{#if:{{{Output-link|}}}|{{{Output-link}}}|{{{Output}}}}}|alt={{{Output}}}]]
</div>
</div>
</div>
</div>
<div style="left:142px; top:139px; width:16px; height:16px; position:absolute; overflow:hidden;">
<div style="left:142px; top:139px; width:16px; height:16px; position:absolute; overflow:hidden;">
<div style="left:{{#expr:-16 * (({{{C3N|}}} - 1) mod 10)}}px; top:-12px; width:160px; height:16px; position:absolute;">
<div style="left:{{#expr:-16 * (({{{C3N|}}} - 1) mod 10)}}px; top:-11px; width:160px; height:16px; position:absolute;">
[[Image:GridNumbersCSS.png|160px|link={{#if:{{{Output-link|}}}|{{{Output-link}}}|{{{Output}}}}}|alt={{{Output}}}]]
[[Image:GridNumbersCSS.png|160px|link={{#if:{{{Output-link|}}}|{{{Output-link}}}|{{{Output}}}}}|alt={{{Output}}}]]
</div>
</div>

Revision as of 14:34, 28 September 2018