Difference between revisions of "Template:Componentbox"

<div style="float:left;padding:5px;color:white;font-size:1.2em;text-shadow:0px 0px 0.40em rgba(0,0,0,1);font-family:Gotham;">Components</div><div style="float:right;padding:5px;color:white;font-size:1.2em;text-shadow:0px 0px 0.40em rgba(0,0,0,1);font-family:Gotham;">Required</div>

<div style="float:left;padding:5px;color:white;font-size:1.2em;text-shadow:0px 0px 0.40em rgba(0,0,0,1);font-family:Gotham;">Components</div><div style="float:right;padding:5px;color:white;font-size:1.2em;text-shadow:0px 0px 0.40em rgba(0,0,0,1);font-family:Gotham;">Required</div>

&nbsp;

&nbsp;

<div style="background:#b2d5e8;padding:0.25em;text-align:center;"><!--components display-->

<div style="background:#b2d5e8;padding:0.25em;text-align:center;"><!--components display-->

{{#if: {{{component1|}}} | <div style="width:100%;position:relative;height:36px">&nbsp;<div style="float:left;padding:2px;color:black;font-size:1em;font-family:Gotham;">{{icon|{{{component1|No Image}}}|small}} [[{{{component1|No Item}}}{{lang}}|{{{component1|No Item}}}]]</div><div style="float:right;padding:1px;color:black;font-size:1em;font-family:Gotham;">{{{component1amt|0}}}</div></div>|}}{{#ifeq: {{{structure}}}|2|<div style="background:#9c0c0c;width:100%;height:2px;text-align:center;margin-top:2px;position:relative">&nbsp;</div>|}}{{#if: {{{component2|}}} | <div style="width:100%;position:relative;height:36px">&nbsp;<div style="float:left;padding:2px;color:black;font-size:1em;font-family:Gotham;">{{icon|{{{component2|No Image}}}|small}} [[{{{component2|No Item}}}{{lang}}|{{{component2|No Item}}}]]</div><div style="float:right;padding:1px;color:black;font-size:1em;font-family:Gotham;">{{{component2amt|0}}}</div></div>|}}{{#ifeq: {{{structure}}}|3|<div style="background:#9c0c0c;width:100%;height:2px;text-align:center;margin-top:2px;position:relative">&nbsp;</div>|}}{{#if: {{{component3|}}} | <div style="width:100%;position:relative;height:36px">&nbsp;<div style="float:left;padding:2px;color:black;font-size:1em;font-family:Gotham;">{{icon|{{{component3|No Image}}}|small}} [[{{{component3|No Item}}}{{lang}}|{{{component3|No Item}}}]]</div><div style="float:right;padding:1px;color:black;font-size:1em;font-family:Gotham;">{{{component3amt|0}}}</div></div>|}}{{#ifeq: {{{structure}}}|4|<div style="background:#9c0c0c;width:100%;height:2px;text-align:center;margin-top:2px;position:relative">&nbsp;</div>|}}{{#if: {{{component4|}}} | <div style="width:100%;position:relative;height:36px">&nbsp;<div style="float:left;padding:2px;color:black;font-size:1em;font-family:Gotham;">{{icon|{{{component4|No Image}}}|small}} [[{{{component4|No Item}}}{{lang}}|{{{component4|No Item}}}]]</div><div style="float:right;padding:1px;color:black;font-size:1em;font-family:Gotham;">{{{component4amt|0}}}</div></div>|}}{{#ifeq: {{{structure}}}|5|<div style="background:#9c0c0c;width:100%;height:2px;text-align:center;margin-top:2px;position:relative">&nbsp;</div>|}}{{#if: {{{component5|}}} | <div style="width:100%;position:relative;height:36px">&nbsp;<div style="float:left;padding:2px;color:black;font-size:1em;font-family:Gotham;">{{icon|{{{component5|No Image}}}|small}} [[{{{component5|No Item}}}{{lang}}|{{{component5|No Item}}}]]</div><div style="float:right;padding:1px;color:black;font-size:1em;font-family:Gotham;">{{{component5amt|0}}}</div></div>|}}{{#ifeq: {{{structure}}}|6|<div style="background:#9c0c0c;width:100%;height:2px;text-align:center;margin-top:2px;position:relative">&nbsp;</div>|}}{{#if: {{{component6|}}} | <div style="width:100%;position:relative;height:36px">&nbsp;<div style="float:left;padding:2px;color:black;font-size:1em;font-family:Gotham;">{{icon|{{{component6|No Image}}}|small}} [[{{{component6|No Item}}}{{lang}}|{{{component6|No Item}}}]]</div><div style="float:right;padding:1px;color:black;font-size:1em;font-family:Gotham;">{{{component6amt|0}}}</div></div>|}}{{#ifeq: {{{structure}}}|7|<div style="background:#9c0c0c;width:100%;height:2px;text-align:center;margin-top:2px;position:relative">&nbsp;</div>|}}{{#if: {{{component7|}}} | <div style="width:100%;position:relative;height:36px">&nbsp;<div style="float:left;padding:2px;color:black;font-size:1em;font-family:Gotham;">{{icon|{{{component7|No Image}}}|small}} [[{{{component7|No Item}}}{{lang}}|{{{component7|No Item}}}]]</div><div style="float:right;padding:1px;color:black;font-size:1em;font-family:Gotham;">{{{component7amt|0}}}</div></div>|}}{{#ifeq: {{{structure}}}|8|<div style="background:#9c0c0c;width:100%;height:2px;text-align:center;margin-top:2px;position:relative">&nbsp;</div>|}}{{#if: {{{component8|}}} | <div style="width:100%;position:relative;height:36px">&nbsp;<div style="float:left;padding:2px;color:black;font-size:1em;font-family:Gotham;">{{icon|{{{component8|No Image}}}|small}} [[{{{component8|No Item}}}{{lang}}|{{{component8|No Item}}}]]</div><div style="float:right;padding:1px;color:black;font-size:1em;font-family:Gotham;">{{{component8amt|0}}}</div></div>|}}{{#ifeq: {{{structure}}}|9|<div style="background:#9c0c0c;width:100%;height:2px;text-align:center;margin-top:2px;position:relative">&nbsp;</div>|}}{{#if: {{{component9|}}} | <div style="width:100%;position:relative;height:36px">&nbsp;<div style="float:left;padding:2px;color:black;font-size:1em;font-family:Gotham;">{{icon|{{{component9|No Image}}}|small}} [[{{{component9|No Item}}}{{lang}}{{lang}}|{{{component9|No Item}}}]]</div><div style="float:right;padding:1px;color:black;font-size:1em;font-family:Gotham;">{{{component9amt|0}}}</div></div>|}}

{{#if: {{{component1|}}} | <div style="width:100%;position:relative;height:36px">&nbsp;<div style="float:left;padding:2px;color:black;font-size:1em;font-family:Gotham;">{{icon|{{{component1|No Image}}}|small}} [[{{{component1|No Item}}}{{lang}}|{{{component1|No Item}}}]]</div><div style="float:right;padding:1px;color:black;font-size:1em;font-family:Gotham;">{{{component1amt|0}}}</div></div>|}}{{#ifeq: {{{structure}}}|2|<div style="background:#9c0c0c;width:100%;height:2px;text-align:center;margin-top:2px;position:relative">&nbsp;</div>|}}{{#if: {{{component2|}}} | <div style="width:100%;position:relative;height:36px">&nbsp;<div style="float:left;padding:2px;color:black;font-size:1em;font-family:Gotham;">{{icon|{{{component2|No Image}}}|small}} [[{{{component2|No Item}}}{{lang}}|{{{component2|No Item}}}]]</div><div style="float:right;padding:1px;color:black;font-size:1em;font-family:Gotham;">{{{component2amt|0}}}</div></div>|}}{{#ifeq: {{{structure}}}|3|<div style="background:#9c0c0c;width:100%;height:2px;text-align:center;margin-top:2px;position:relative">&nbsp;</div>|}}{{#if: {{{component3|}}} | <div style="width:100%;position:relative;height:36px">&nbsp;<div style="float:left;padding:2px;color:black;font-size:1em;font-family:Gotham;">{{icon|{{{component3|No Image}}}|small}} [[{{{component3|No Item}}}{{lang}}|{{{component3|No Item}}}]]</div><div style="float:right;padding:1px;color:black;font-size:1em;font-family:Gotham;">{{{component3amt|0}}}</div></div>|}}{{#ifeq: {{{structure}}}|4|<div style="background:#9c0c0c;width:100%;height:2px;text-align:center;margin-top:2px;position:relative">&nbsp;</div>|}}{{#if: {{{component4|}}} | <div style="width:100%;position:relative;height:36px">&nbsp;<div style="float:left;padding:2px;color:black;font-size:1em;font-family:Gotham;">{{icon|{{{component4|No Image}}}|small}} [[{{{component4|No Item}}}{{lang}}|{{{component4|No Item}}}]]</div><div style="float:right;padding:1px;color:black;font-size:1em;font-family:Gotham;">{{{component4amt|0}}}</div></div>|}}{{#ifeq: {{{structure}}}|5|<div style="background:#9c0c0c;width:100%;height:2px;text-align:center;margin-top:2px;position:relative">&nbsp;</div>|}}{{#if: {{{component5|}}} | <div style="width:100%;position:relative;height:36px">&nbsp;<div style="float:left;padding:2px;color:black;font-size:1em;font-family:Gotham;">{{icon|{{{component5|No Image}}}|small}} [[{{{component5|No Item}}}{{lang}}|{{{component5|No Item}}}]]</div><div style="float:right;padding:1px;color:black;font-size:1em;font-family:Gotham;">{{{component5amt|0}}}</div></div>|}}{{#ifeq: {{{structure}}}|6|<div style="background:#9c0c0c;width:100%;height:2px;text-align:center;margin-top:2px;position:relative">&nbsp;</div>|}}{{#if: {{{component6|}}} | <div style="width:100%;position:relative;height:36px">&nbsp;<div style="float:left;padding:2px;color:black;font-size:1em;font-family:Gotham;">{{icon|{{{component6|No Image}}}|small}} [[{{{component6|No Item}}}{{lang}}|{{{component6|No Item}}}]]</div><div style="float:right;padding:1px;color:black;font-size:1em;font-family:Gotham;">{{{component6amt|0}}}</div></div>|}}{{#ifeq: {{{structure}}}|7|<div style="background:#9c0c0c;width:100%;height:2px;text-align:center;margin-top:2px;position:relative">&nbsp;</div>|}}{{#if: {{{component7|}}} | <div style="width:100%;position:relative;height:36px">&nbsp;<div style="float:left;padding:2px;color:black;font-size:1em;font-family:Gotham;">{{icon|{{{component7|No Image}}}|small}} [[{{{component7|No Item}}}{{lang}}|{{{component7|No Item}}}]]</div><div style="float:right;padding:1px;color:black;font-size:1em;font-family:Gotham;">{{{component7amt|0}}}</div></div>|}}{{#ifeq: {{{structure}}}|8|<div style="background:#9c0c0c;width:100%;height:2px;text-align:center;margin-top:2px;position:relative">&nbsp;</div>|}}{{#if: {{{component8|}}} | <div style="width:100%;position:relative;height:36px">&nbsp;<div style="float:left;padding:2px;color:black;font-size:1em;font-family:Gotham;">{{icon|{{{component8|No Image}}}|small}} [[{{{component8|No Item}}}{{lang}}|{{{component8|No Item}}}]]</div><div style="float:right;padding:1px;color:black;font-size:1em;font-family:Gotham;">{{{component8amt|0}}}</div></div>|}}{{#ifeq: {{{structure}}}|9|<div style="background:#9c0c0c;width:100%;height:2px;text-align:center;margin-top:2px;position:relative">&nbsp;</div>|}}{{#if: {{{component9|}}} | <div style="width:100%;position:relative;height:36px">&nbsp;<div style="float:left;padding:2px;color:black;font-size:1em;font-family:Gotham;">{{icon|{{{component9|No Image}}}|small}} [[{{{component9|No Item}}}{{lang}}{{lang}}|{{{component9|No Item}}}]]</div><div style="float:right;padding:1px;color:black;font-size:1em;font-family:Gotham;">{{{component9amt|0}}}</div></div>|}}

<div style="background:#659bb7;width:100%;height:3px;text-align:center;margin-top:2px;position:relative">&nbsp;</div><!--End components display-->

<div style="background:#659bb7;width:100%;height:3px;text-align:center;margin-top:2px;position:relative">&nbsp;</div><!--End components display-->

<div style="width:100%;position:relative;height:25px">&nbsp;<div style="float:left;padding:2px;color:black;font-size:1em;font-family:Gotham;">Mass:</div><div style="float:right;padding:2px;color:black;font-size:1em;font-family:Gotham;">{{{mass|0}}}</div></div>{{#if: {{{volume|}}} |

<div style="width:100%;position:relative;height:25px">&nbsp;<div style="float:left;padding:2px;color:black;font-size:1em;font-family:Gotham;">Mass:</div><div style="float:right;padding:2px;color:black;font-size:1em;font-family:Gotham;">{{{mass|0}}}</div></div>{{#if: {{{volume|}}} |

<div style="width:100%;position:relative;height:25px">&nbsp;<div style="float:left;padding:2px;color:black;font-size:1em;font-family:Gotham;">Volume:</div><div style="float:right;padding:2px;color:black;font-size:1em;font-family:Gotham;">{{{volume|0}}}</div></div>|}}{{#if: {{{refinetime|}}} |

<div style="width:100%;position:relative;height:25px">&nbsp;<div style="float:left;padding:2px;color:black;font-size:1em;font-family:Gotham;">Volume:</div><div style="float:right;padding:2px;color:black;font-size:1em;font-family:Gotham;">{{{volume|0}}}</div></div>|}}{{#if: {{{refinetime|}}} |