Template:Grid/Crafting: Difference between revisions

From Vintage Story Wiki
no edit summary
(removed file type)
No edit summary
 
(17 intermediate revisions by 7 users not shown)
Line 1: Line 1:
<div style="float:{{#if:{{{float|}}}|{{{float}}}|left}};"><div style="left:0px; top:0px; width:174px; height:241px; position:relative;">
<includeonly><div style="float:{{#if:{{{float|}}}|{{{float}}}|left}};"><div style="left:0px; top:0px; width:173px; height:247px; position:relative;">
<div style="left:0px; top:0px; width:256px; height:132px;">[[Image:Crafting_GUI.png|174px|link=|alt=]]</div>
<div style="left:0px; top:0px; width:174px; height:132px;">[[Image:Crafting_GUI.png|174px|link=|alt=]]</div>
 
{{#if:{{{A1|}}}|<div style="left:14px; top:8px; width:40px; height:40px; position:absolute;">
{{#if:{{{A1|}}}|<div style="left:14px; top:9px; width:40px; height:40px; position:absolute;">
[[Image:{{#if:{{{A1-image|}}}|{{{A1-image}}}|Grid_{{{A1}}}.png}}|40px|link={{#if:{{{A1-link|}}}|{{{A1-link}}}|{{{A1}}}}}|alt={{{A1}}}|{{#if:{{{A1_name|}}}|{{{A1_name}}}}}]]
[[Image:{{#if:{{{A1-image|}}}|{{{A1-image}}}|Grid_{{{A1}}}}}|40px|link={{#if:{{{A1-link|}}}|{{{A1-link}}}|{{{A1}}}}}|alt={{{A1}}}]]
</div>}}
</div>}}
{{#if:{{{A2|}}}|<div style="left:14px; top:60px; width:40px; height:40px; position:absolute;">
{{#if:{{{A2|}}}|<div style="left:14px; top:60px; width:40px; height:40px; position:absolute;">
[[Image:{{#if:{{{A2-image|}}}|{{{A2-image}}}|Grid_{{{A2}}}}}|40px|link={{#if:{{{A2-link|}}}|{{{A2-link}}}|{{{A2}}}}}|alt={{{A2}}}]]
[[Image:{{#if:{{{A2-image|}}}|{{{A2-image}}}|Grid_{{{A2}}}.png}}|40px|link={{#if:{{{A2-link|}}}|{{{A2-link}}}|{{{A2}}}}}|alt={{{A2}}}|{{#if:{{{A2_name|}}}|{{{A2_name}}}}}]]
</div>}}
</div>}}
{{#if:{{{A3|}}}|<div style="left:14px; top:110px; width:40px; height:40px; position:absolute;">
{{#if:{{{A3|}}}|<div style="left:14px; top:114px; width:40px; height:40px; position:absolute;">
[[Image:{{#if:{{{A3-image|}}}|{{{A3-image}}}|Grid_{{{A3}}}}}|40px|link={{#if:{{{A3-link|}}}|{{{A3-link}}}|{{{A3}}}}}|alt={{{A3}}}]]
[[Image:{{#if:{{{A3-image|}}}|{{{A3-image}}}|Grid_{{{A3}}}.png}}|40px|link={{#if:{{{A3-link|}}}|{{{A3-link}}}|{{{A3}}}}}|alt={{{A3}}}|{{#if:{{{A3_name|}}}|{{{A3_name}}}}}]]
</div>}}
</div>}}
 
{{#if:{{{B1|}}}|<div style="left:67px; top:8px; width:40px; height:40px; position:absolute;">
{{#if:{{{B1|}}}|<div style="left:65px; top:9px; width:40px; height:40px; position:absolute;">
[[Image:{{#if:{{{B1-image|}}}|{{{B1-image}}}|Grid_{{{B1}}}.png}}|40px|link={{#if:{{{B1-link|}}}|{{{B1-link}}}|{{{B1}}}}}|alt={{{B1}}}|{{#if:{{{B1_name|}}}|{{{B1_name}}}}}]]
[[Image:{{#if:{{{B1-image|}}}|{{{B1-image}}}|Grid_{{{B1}}}}}|40px|link={{#if:{{{B1-link|}}}|{{{B1-link}}}|{{{B1}}}}}|alt={{{B1}}}]]
</div>}}
</div>}}
{{#if:{{{B2|}}}|<div style="left:65px; top:60px; width:40px; height:40px; position:absolute;">
{{#if:{{{B2|}}}|<div style="left:67px; top:60px; width:40px; height:40px; position:absolute;">
[[Image:{{#if:{{{B2-image|}}}|{{{B2-image}}}|Grid_{{{B2}}}}}|40px|link={{#if:{{{B2-link|}}}|{{{B2-link}}}|{{{B2}}}}}|alt={{{B2}}}]]
[[Image:{{#if:{{{B2-image|}}}|{{{B2-image}}}|Grid_{{{B2}}}.png}}|40px|link={{#if:{{{B2-link|}}}|{{{B2-link}}}|{{{B2}}}}}|alt={{{B2}}}|{{#if:{{{B2_name|}}}|{{{B2_name}}}}}]]
</div>}}
</div>}}
{{#if:{{{B3|}}}|<div style="left:65px; top:110px; width:40px; height:40px; position:absolute;">
{{#if:{{{B3|}}}|<div style="left:67px; top:114px; width:40px; height:40px; position:absolute;">
[[Image:{{#if:{{{B3-image|}}}|{{{B3-image}}}|Grid_{{{B3}}}}}|40px|link={{#if:{{{B3-link|}}}|{{{B3-link}}}|{{{B3}}}}}|alt={{{B3}}}]]
[[Image:{{#if:{{{B3-image|}}}|{{{B3-image}}}|Grid_{{{B3}}}.png}}|40px|link={{#if:{{{B3-link|}}}|{{{B3-link}}}|{{{B3}}}}}|alt={{{B3}}}|{{#if:{{{B3_name|}}}|{{{B3_name}}}}}]]
</div>}}
</div>}}
{{#if:{{{C1|}}}|<div style="left:120px; top:8px; width:40px; height:40px; position:absolute;">
{{#if:{{{C1|}}}|<div style="left:118px; top:9px; width:40px; height:40px; position:absolute;">
[[Image:{{#if:{{{C1-image|}}}|{{{C1-image}}}|Grid_{{{C1}}}.png}}|40px|link={{#if:{{{C1-link|}}}|{{{C1-link}}}|{{{C1}}}}}|alt={{{C1}}}|{{#if:{{{C1_name|}}}|{{{C1_name}}}}}]]
[[Image:{{#if:{{{C1-image|}}}|{{{C1-image}}}|Grid_{{{C1}}}}}|40px|link={{#if:{{{C1-link|}}}|{{{C1-link}}}|{{{C1}}}}}|alt={{{C1}}}]]
</div>}}
</div>}}
{{#if:{{{C2|}}}|<div style="left:118px; top:60px; width:40px; height:40px; position:absolute;">
{{#if:{{{C2|}}}|<div style="left:120px; top:60px; width:40px; height:40px; position:absolute;">
[[Image:{{#if:{{{C2-image|}}}|{{{C2-image}}}|Grid_{{{C2}}}}}|40px|link={{#if:{{{C2-link|}}}|{{{C2-link}}}|{{{C2}}}}}|alt={{{C2}}}]]
[[Image:{{#if:{{{C2-image|}}}|{{{C2-image}}}|Grid_{{{C2}}}.png}}|40px|link={{#if:{{{C2-link|}}}|{{{C2-link}}}|{{{C2}}}}}|alt={{{C2}}}|{{#if:{{{C2_name|}}}|{{{C2_name}}}}}]]
</div>}}
</div>}}
{{#if:{{{C3|}}}|<div style="left:118px; top:110px; width:40px; height:40px; position:absolute;">
{{#if:{{{C3|}}}|<div style="left:120px; top:114px; width:40px; height:40px; position:absolute;">
[[Image:{{#if:{{{C3-image|}}}|{{{C3-image}}}|Grid_{{{C3}}}}}|40px|link={{#if:{{{C3-link|}}}|{{{C3-link}}}|{{{C3}}}}}|alt={{{C3}}}]]
[[Image:{{#if:{{{C3-image|}}}|{{{C3-image}}}|Grid_{{{C3}}}.png}}|40px|link={{#if:{{{C3-link|}}}|{{{C3-link}}}|{{{C3}}}}}|alt={{{C3}}}|{{#if:{{{C3_name|}}}|{{{C3_name}}}}}]]
</div>}}
</div>}}
{{#if:{{{Output|}}}|<div style="left:67px; top:187px; width:40px; height:40px; position:absolute;">
{{#if:{{{Output|}}}|<div style="left:65px; top:180px; width:40px; height:40px; position:absolute;">
[[Image:{{#if:{{{Output-image|}}}|{{{Output-image}}}|Grid_{{{Output|}}}.png}}|40px|link={{#if:{{{Output-link|}}}|{{{Output-link}}}|{{{Output}}}}}|alt={{{Output}}}|{{#if:{{{Output_name|}}}|{{{Output_name}}}}}]]
[[Image:{{#if:{{{Output-image|}}}|{{{Output-image}}}|Grid_{{{Output|}}}}}|40px|link={{#if:{{{Output-link|}}}|{{{Output-link}}}|{{{Output}}}}}|alt={{{Output}}}]]
</div>}}
</div>}}
{{#if:{{{OA|}}}|
{{#if:{{{OA|}}}|
<div style="left:78px; top:210px; width:16px; height:16px; position:absolute; overflow:hidden;">
<div style="left:82px; top:216px; width:16px; height:19px; 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:-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}}}|{{#if:{{{Output_name|}}}|{{{Output_name}}}}}]]
</div>
</div>
</div>
</div>
<div style="left:90px; top:210px; width:16px; height:16px; position:absolute; overflow:hidden;">
<div style="left:94px; top:216px; width:16px; height:19px; 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:-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}}}|{{#if:{{{Output_name|}}}|{{{Output_name}}}}}]]
</div>
</div>
</div>
</div>
}}
}}
         {{#if:{{{A1N|}}}|
         {{#if:{{{A1N|}}}|
<div style="left:40px; top:38px; width:16px; height:16px; position:absolute; overflow:hidden;">
<div style="left:29px; top:37px; width:16px; height:19px; 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:-11px; width:160px; height:20px; position:absolute;">
[[Image:GridNumbersCSS.png|160px|link={{#if:{{{Output-link|}}}|{{{Output-link}}}|{{{Output}}}}}|alt={{{Output}}}]]
[[Image:GridNumbersCSS.png|160px|link={{#if:{{{A1-link|}}}|{{{A1-link}}}|{{{A1}}}}}|alt={{{A1}}}|{{#if:{{{A1_name|}}}|{{{A1_name}}}}}]]
</div>
</div>
</div>
</div>
<div style="left:40px; top:38px; width:16px; height:16px;; position:absolute; overflow:hidden;">
<div style="left:41px; top:37px; width:16px; height:19px;; 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:-11px; width:160px; height:20px; position:absolute;">
[[Image:GridNumbersCSS.png|160px|link={{#if:{{{Output-link|}}}|{{{Output-link}}}|{{{Output}}}}}|alt={{{Output}}}]]
[[Image:GridNumbersCSS.png|160px|link={{#if:{{{A1-link|}}}|{{{A1-link}}}|{{{A1}}}}}|alt={{{A1}}}|{{#if:{{{A1_name|}}}|{{{A1_name}}}}}]]
</div>
</div>
</div>
</div>
}}
}}
         {{#if:{{{A2N|}}}|
         {{#if:{{{A2N|}}}|
<div style="left:40px; top:89px; width:16px; height:16px; position:absolute; overflow:hidden;">
<div style="left:29px; top:90px; width:16px; height:19px; 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:-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:{{{A2-link|}}}|{{{A2-link}}}|{{{A2}}}}}|alt={{{A2}}}|{{#if:{{{A2_name|}}}|{{{A2_name}}}}}]]
</div>
</div>
</div>
</div>
<div style="left:40px; top:89px; width:16px; height:16px; position:absolute; overflow:hidden;">
<div style="left:41px; top:90px; width:16px; height:19px; 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:-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:{{{A2-link|}}}|{{{A2-link}}}|{{{A2}}}}}|alt={{{A2}}}|{{#if:{{{A2_name|}}}|{{{A2_name}}}}}]]
</div>
</div>
</div>
</div>
}}
}}
         {{#if:{{{A3N|}}}|
         {{#if:{{{A3N|}}}|
<div style="left:40px; top:139px; width:16px; height:16px; position:absolute; overflow:hidden;">
<div style="left:29px; top:143px; width:16px; height:19px; 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:-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:{{{A3-link|}}}|{{{A3-link}}}|{{{A3}}}}}|alt={{{A3}}}|{{#if:{{{A3_name|}}}|{{{A3_name}}}}}]]
</div>
</div>
</div>
</div>
<div style="left:40px; top:139px; width:16px; height:16px; position:absolute; overflow:hidden;">
<div style="left:41px; top:143px; width:16px; height:19px; 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:-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:{{{A3-link|}}}|{{{A3-link}}}|{{{A3}}}}}|alt={{{A3}}}|{{#if:{{{A3_name|}}}|{{{A3_name}}}}}]]
</div>
</div>
</div>
</div>
}}
}}
         {{#if:{{{B1N|}}}|
         {{#if:{{{B1N|}}}|
<div style="left:91px; top:38px; width:16px; height:16px; position:absolute; overflow:hidden;">
<div style="left:82px; top:37px; width:16px; height:19px; 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:-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:{{{B1-link|}}}|{{{B1-link}}}|{{{B1}}}}}|alt={{{B1}}}|{{#if:{{{B1_name|}}}|{{{B1_name}}}}}]]
</div>
</div>
</div>
</div>
<div style="left:91px; top:38px; width:16px; height:16px; position:absolute; overflow:hidden;">
<div style="left:94px; top:37px; width:16px; height:19px; 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:-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:{{{B1-link|}}}|{{{B1-link}}}|{{{B1}}}}}|alt={{{B1}}}|{{#if:{{{B1_name|}}}|{{{B1_name}}}}}]]
</div>
</div>
</div>
</div>
}}
}}
         {{#if:{{{B2N|}}}|
         {{#if:{{{B2N|}}}|
<div style="left:91px; top:89px; width:16px; height:16px; position:absolute; overflow:hidden;">
<div style="left:82px; top:90px; width:16px; height:19px; 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:-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:{{{B2-link|}}}|{{{B2-link}}}|{{{B2}}}}}|alt={{{B2}}}|{{#if:{{{B2_name|}}}|{{{B2_name}}}}}]]
</div>
</div>
</div>
</div>
<div style="left:91px; top:89px; width:16px; height:16px; position:absolute; overflow:hidden;">
<div style="left:94px; top:90px; width:16px; height:19px; 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:-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:{{{B2-link|}}}|{{{B2-link}}}|{{{B2}}}}}|alt={{{B2}}}|{{#if:{{{B2_name|}}}|{{{B2_name}}}}}]]
</div>
</div>
</div>
</div>
}}
}}
         {{#if:{{{B3N|}}}|
         {{#if:{{{B3N|}}}|
<div style="left:91px; top:139px; width:16px; height:16px; position:absolute; overflow:hidden;">
<div style="left:82px; top:143px; width:16px; height:19px; 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:{{{B3-link|}}}|{{{B3-link}}}|{{{B3}}}}}|alt={{{B3}}}|{{#if:{{{B3_name|}}}|{{{B3_name}}}}}]]
</div>
</div>
</div>
</div>
<div style="left:91px; top:139px; width:16px; height:16px; position:absolute; overflow:hidden;">
<div style="left:94px; top:143px; width:16px; height:19px; 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:-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:{{{B3-link|}}}|{{{B3-link}}}|{{{B3}}}}}|alt={{{B3}}}|{{#if:{{{B3_name|}}}|{{{B3_name}}}}}]]
</div>
</div>
</div>
</div>
}}
}}
         {{#if:{{{C1N|}}}|
         {{#if:{{{C1N|}}}|
<div style="left:142px; top:38px; width:16px; height:16px; position:absolute; overflow:hidden;">
<div style="left:135px; top:37px; width:16px; height:19px; 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:-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:{{{C1-link|}}}|{{{C1-link}}}|{{{C1}}}}}|alt={{{C1}}}|{{#if:{{{C1_name|}}}|{{{C1_name}}}}}]]
</div>
</div>
</div>
</div>
<div style="left:142px; top:38px; width:16px; height:16px; position:absolute; overflow:hidden;">
<div style="left:147px; top:37px; width:16px; height:19px; 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:-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:{{{C1-link|}}}|{{{C1-link}}}|{{{C1}}}}}|alt={{{C1}}}|{{#if:{{{C1_name|}}}|{{{C1_name}}}}}]]
</div>
</div>
</div>
</div>
}}
}}
         {{#if:{{{C2N|}}}|
         {{#if:{{{C2N|}}}|
<div style="left:142px; top:89px; width:16px; height:16px; position:absolute; overflow:hidden;">
<div style="left:135px; top:90px; width:16px; height:19px; 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:-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:{{{C2-link|}}}|{{{C2-link}}}|{{{C2}}}}}|alt={{{C2}}}|{{#if:{{{C2_name|}}}|{{{C2_name}}}}}]]
</div>
</div>
</div>
</div>
<div style="left:142px; top:89px; width:16px; height:16px; position:absolute; overflow:hidden;">
<div style="left:147px; top:90px; width:16px; height:19px; 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:-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:{{{C2-link|}}}|{{{C2-link}}}|{{{C2}}}}}|alt={{{C2}}}|{{#if:{{{C2_name|}}}|{{{C2_name}}}}}]]
</div>
</div>
</div>
</div>
}}
}}
         {{#if:{{{C3N|}}}|
         {{#if:{{{C3N|}}}|
<div style="left:142px; top:139px; width:16px; height:16px; position:absolute; overflow:hidden;">
<div style="left:135px; top:143px; width:16px; height:19px; 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:-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:{{{C3-link|}}}|{{{C3-link}}}|{{{C3}}}}}|alt={{{C3}}}|{{#if:{{{C3_name|}}}|{{{C3_name}}}}}]]
</div>
</div>
</div>
</div>
<div style="left:142px; top:139px; width:16px; height:16px; position:absolute; overflow:hidden;">
<div style="left:147px; top:143px; width:16px; height:19px; 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:-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:{{{C3-link|}}}|{{{C3-link}}}|{{{C3}}}}}|alt={{{C3}}}|{{#if:{{{C3_name|}}}|{{{C3_name}}}}}]]
</div>
</div>
</div>
</div>
}}
}}
</div></div>{{#if:{{{nobreak|}}}||{{-}}}}
</div></div>{{#if:{{{NoBreak|}}}||{{-}}}}</includeonly>
<noinclude>{{doc}}
</noinclude>
Confirmedusers, editor
37,785

edits