Template:Grid/Crafting: Difference between revisions

From Vintage Story Wiki
No edit summary
No edit summary
Line 48: Line 48:
}}
}}
         {{#if:{{{A1N|}}}|
         {{#if:{{{A1N|}}}|
<div style="left:14px; top:9px; width:40px; height:40px; position:absolute; overflow:hidden;">
<div style="left:14px; top:9px; 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:-8px; 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:14px; top:9px; width:40px; height:40px; position:absolute; overflow:hidden;">
<div style="left:14px; top:9px; 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:-8px; 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}}}]]
Line 60: Line 60:
}}
}}
         {{#if:{{{A2N|}}}|
         {{#if:{{{A2N|}}}|
<div style="left:left:14px; top:60px; width:40px; height:40px; position:absolute; overflow:hidden;">
<div style="left:left:14px; top:60px; 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:-8px; 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:14px; top:60px; width:40px; height:40px; position:absolute; overflow:hidden;">
<div style="left:14px; top:60px; 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:-8px; 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}}}]]
Line 72: Line 72:
}}
}}
         {{#if:{{{A3N|}}}|
         {{#if:{{{A3N|}}}|
<div style="left:14px; top:110px; width:40px; height:40px; position:absolute; overflow:hidden;">
<div style="left:14px; top:110px; 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:-8px; 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:14px; top:110px; width:40px; height:40px; position:absolute; overflow:hidden;">
<div style="left:14px; top:110px; 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:-8px; 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}}}]]
Line 84: Line 84:
}}
}}
         {{#if:{{{B1N|}}}|
         {{#if:{{{B1N|}}}|
<div style="left:65px; top:9px; width:40px; height:40px; position:absolute; overflow:hidden;">
<div style="left:65px; top:9px; 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:-8px; 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:65px; top:9px; width:40px; height:40px; position:absolute; overflow:hidden;">
<div style="left:65px; top:9px; 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:-8px; 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}}}]]
Line 96: Line 96:
}}
}}
         {{#if:{{{B2N|}}}|
         {{#if:{{{B2N|}}}|
<div style="left:65px; top:60px; width:40px; height:40px; position:absolute; overflow:hidden;">
<div style="left:65px; top:60px; 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:-8px; 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:65px; top:60px; width:40px; height:40px; position:absolute; overflow:hidden;">
<div style="left:65px; top:60px; 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:-8px; 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}}}]]
Line 108: Line 108:
}}
}}
         {{#if:{{{B3N|}}}|
         {{#if:{{{B3N|}}}|
<div style="left:65px; top:110px; width:40px; height:40px; position:absolute; overflow:hidden;">
<div style="left:65px; top:110px; 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:-8px; 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:65px; top:110px; width:40px; height:40px; position:absolute; overflow:hidden;">
<div style="left:65px; top:110px; 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:-8px; 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}}}]]
Line 120: Line 120:
}}
}}
         {{#if:{{{C1N|}}}|
         {{#if:{{{C1N|}}}|
<div style="left:118px; top:9px; width:40px; height:40px; position:absolute; overflow:hidden;">
<div style="left:118px; top:9px; 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:-8px; 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:118px; top:9px; width:40px; height:40px; position:absolute; overflow:hidden;">
<div style="left:118px; top:9px; 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:-8px; 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}}}]]
Line 132: Line 132:
}}
}}
         {{#if:{{{C2N|}}}|
         {{#if:{{{C2N|}}}|
<div style="left:118px; top:60px; width:40px; height:40px; position:absolute; overflow:hidden;">
<div style="left:118px; top:60px; 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:-8px; 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:118px; top:60px; width:40px; height:40px; position:absolute; overflow:hidden;">
<div style="left:118px; top:60px; 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:-8px; 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}}}]]
Line 144: Line 144:
}}
}}
         {{#if:{{{C3N|}}}|
         {{#if:{{{C3N|}}}|
<div style="left:118px; top:110px; width:40px; height:40px; position:absolute; overflow:hidden;">
<div style="left:118px; top:110px; 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:-8px; 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:118px; top:110px; width:40px; height:40px; position:absolute; overflow:hidden;">
<div style="left:118px; top:110px; 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:-8px; 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}}}]]

Revision as of 21:57, 17 February 2018