Template:Grid/Crafting: Difference between revisions

From Vintage Story Wiki
(fix)
(Fix stacksize number cut off)
Line 37: Line 37:
{{#if:{{{OA|}}}|
{{#if:{{{OA|}}}|
<div style="left:78px; top:210px; width:16px; height:16px; position:absolute; overflow:hidden;">
<div style="left:78px; top:210px; width:16px; height:16px; position:absolute; overflow:hidden;">
<div style="left:{{#expr:-16 * (floor({{{OA|}}}/10) - 1)}}px; top:-8px; width:160px; height:16px; position:absolute;">
<div style="left:{{#expr:-16 * (floor({{{OA|}}}/10) - 1)}}px; top:-12px; 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:90px; top:210px; width:16px; height:16px; position:absolute; overflow:hidden;">
<div style="left:90px; top:210px; width:16px; height:16px; position:absolute; overflow:hidden;">
<div style="left:{{#expr:-16 * (({{{OA|}}} - 1) mod 10)}}px; top:-8px; width:160px; height:16px; position:absolute;">
<div style="left:{{#expr:-16 * (({{{OA|}}} - 1) mod 10)}}px; top:-12px; 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 49: Line 49:
         {{#if:{{{A1N|}}}|
         {{#if:{{{A1N|}}}|
<div style="left:40px; top:38px; width:16px; height:16px; position:absolute; overflow:hidden;">
<div style="left:40px; top:38px; width:16px; height:16px; position:absolute; overflow:hidden;">
<div style="left:{{#expr:-16 * (floor({{{A1N|}}}/10) - 1)}}px; top:-8px; width:160px; height:16px; position:absolute;">
<div style="left:{{#expr:-16 * (floor({{{A1N|}}}/10) - 1)}}px; top:-12px; 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:38px; width:16px; height:16px;; position:absolute; overflow:hidden;">
<div style="left:40px; top:38px; width:16px; height:16px;; position:absolute; overflow:hidden;">
<div style="left:{{#expr:-16 * (({{{A1N|}}} - 1) mod 10)}}px; top:-8px; width:160px; height:16px; position:absolute;">
<div style="left:{{#expr:-16 * (({{{A1N|}}} - 1) mod 10)}}px; top:-12px; 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 61: Line 61:
         {{#if:{{{A2N|}}}|
         {{#if:{{{A2N|}}}|
<div style="left:40px; top:89px; width:16px; height:16px; position:absolute; overflow:hidden;">
<div style="left:40px; top:89px; width:16px; height:16px; position:absolute; overflow:hidden;">
<div style="left:{{#expr:-16 * (floor({{{A2N|}}}/10) - 1)}}px; top:-8px; width:160px; height:16px; position:absolute;">
<div style="left:{{#expr:-16 * (floor({{{A2N|}}}/10) - 1)}}px; top:-12px; 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:89px; width:16px; height:16px; position:absolute; overflow:hidden;">
<div style="left:40px; top:89px; width:16px; height:16px; position:absolute; overflow:hidden;">
<div style="left:{{#expr:-16 * (({{{A2N|}}} - 1) mod 10)}}px; top:-8px; width:160px; height:16px; position:absolute;">
<div style="left:{{#expr:-16 * (({{{A2N|}}} - 1) mod 10)}}px; top:-12px; 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 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:-8px; width:160px; height:16px; position:absolute;">
<div style="left:{{#expr:-16 * (floor({{{A3N|}}}/10) - 1)}}px; top:-12px; 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:-8px; width:160px; height:16px; position:absolute;">
<div style="left:{{#expr:-16 * (({{{A3N|}}} - 1) mod 10)}}px; top:-12px; 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:-8px; width:160px; height:16px; position:absolute;">
<div style="left:{{#expr:-16 * (floor({{{B1N|}}}/10) - 1)}}px; top:-12px; 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:-8px; width:160px; height:16px; position:absolute;">
<div style="left:{{#expr:-16 * (({{{B1N|}}} - 1) mod 10)}}px; top:-12px; 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:-8px; width:160px; height:16px; position:absolute;">
<div style="left:{{#expr:-16 * (floor({{{B2N|}}}/10) - 1)}}px; top:-12px; 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:-8px; width:160px; height:16px; position:absolute;">
<div style="left:{{#expr:-16 * (({{{B2N|}}} - 1) mod 10)}}px; top:-12px; 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 114: Line 114:
</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:-8px; width:160px; height:16px; position:absolute;">
<div style="left:{{#expr:-16 * (({{{B3N|}}} - 1) mod 10)}}px; top:-12px; 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:-8px; width:160px; height:16px; position:absolute;">
<div style="left:{{#expr:-16 * (floor({{{C1N|}}}/10) - 1)}}px; top:-12px; 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:-8px; width:160px; height:16px; position:absolute;">
<div style="left:{{#expr:-16 * (({{{C1N|}}} - 1) mod 10)}}px; top:-12px; 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:-8px; width:160px; height:16px; position:absolute;">
<div style="left:{{#expr:-16 * (floor({{{C2N|}}}/10) - 1)}}px; top:-12px; 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:-8px; width:160px; height:16px; position:absolute;">
<div style="left:{{#expr:-16 * (({{{C2N|}}} - 1) mod 10)}}px; top:-12px; 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:-8px; width:160px; height:16px; position:absolute;">
<div style="left:{{#expr:-16 * (floor({{{C3N|}}}/10) - 1)}}px; top:-12px; 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:-8px; width:160px; height:16px; position:absolute;">
<div style="left:{{#expr:-16 * (({{{C3N|}}} - 1) mod 10)}}px; top:-12px; 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:32, 28 September 2018