Toggle menu
Toggle preferences menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

User:Evon R'al/Sandbox template: Difference between revisions

From EVE University Wiki
m Coding and testing.
m Coding and testing
 
(161 intermediate revisions by the same user not shown)
Line 1: Line 1:
<includeonly>{{#CSS: User:Evon R'al/Sandbox template/styles.css}}
<includeonly>{{#css:
{{#ifeq:{{{child|}}} |yes
|
| <table class="sidebar {{#switch: {{{float|}}}
                          | left= float: left; clear: left; margin: 0 1em 1em 0;
                          | none= float: none; clear: both;
                        }} {{#ifeq: {{{wraplinks|}}} |true
                            |
                            | nowraplinks
                            }} {{{bodyclass|{{{class|}}} }}}" <!--
-->cellspacing="{{#if:{{{cellspacing|}}} |{{{cellspacing}}} |5}}" <!--
-->cellpadding="{{#if:{{{cellpadding|}}} |{{{cellpadding}}} |0}}" <!--
-->style="<!--{{#switch: {{{float|}}}
          | none= float: none; clear: both;
          | left= float: left; clear: left; margin: 0 1em 1em 0;
          }}--><!--
      -->{{#if:{{{width|}}} |width: {{{width}}}; }}<!--
      -->{{{bodystyle|{{{style|}}} }}}">
}}<!--


-->{{#ifeq: {{{child|}}} |yes
div.ShipBoxLarge
    |
{
    | {{#if: {{{outertitle|}}}
  float: left;
      | <caption class="sidebar-outertitle {{{outertitleclass|}}}" style="{{{outertitlestyle|}}}">{{{outertitle}}}</caption><!--
  clear: both;
  -->}}
  width: 100%;
  }}<!--
}


-->{{#ifeq:{{{child|}}} |yes
.ShipBoxLarge .ship-info
    |
{
    | {{#if: {{{topimage|}}}
  background-color: #1D1C23;
      | <tr>
  border-bottom: 1px solid #525751;
        <td class="sidebar-topimage {{{topimageclass|}}}" style="{{{topimagestyle|}}}">{{{topimage}}}<!--
  border-left: 1px solid black;
          -->{{#if: {{{topcaption|}}}
  border-right: 1px solid black;
              |<div class="sidebar-topcaption" style="{{{topcaptionstyle|}}}">{{{topcaption}}}</div>
  border-top: 1px solid #525751;
  float: left;
  margin-bottom: 10px;
  /*width: 800px;*/
}
 
.ShipBoxLarge table
{
  border-spacing: 0;
  margin: 0;
}
 
.ShipBoxLarge table td
{
  padding: 0;
}
 
.ShipBoxLarge .title
{
  border-bottom: 1px solid #525751;
  color: #CCCCCC;
  font-family: trebuchet MS;
  font-size: 12px;
  font-weight: bold;
  height: 22px;
  line-height: 20px;
  padding: 0 10px;
  text-align: left;
  text-transform: uppercase;
}
 
.ShipBoxLarge .titlename a
{
  float: left;
  font-size: 180%;
  height: 30px;
  line-height: 30px;
  padding-left: 5px;
}
 
.ShipBoxLarge .titlename a:hover
{
  text-decoration: none;   
}
 
.ShipBoxLarge .ship-border-box
{
  background-color: #110809;
  border: 1px solid #878984;
}
 
.ShipBoxLarge .ship-border-box p
{
  color: #FFFFFF;
  font-size: 90%;
  margin: 0;
  padding: 5px;
  text-align: left;
}
 
.ShipBoxLarge .label
{
  background-color:#0e1618;
  border-bottom: 1px solid #4C4646;
  border-top: 1px solid #4C4646;
  font-family: Trebuchet MS;
  font-size: 10px;
  height: 14px;
  line-height: 14px;
  padding: 2px 5px;
  color: var(--color-inverted-fixed);
}
 
.ShipBoxLarge .box-resist
{
  height: 15px;
  line-height: 15px;
  width: 50px;
}
 
.ShipBoxLarge .bgr-em  { background-color: #121923; }
.ShipBoxLarge .bgr-thr { background-color: #290b0b; }
.ShipBoxLarge .bgr-kin { background-color: #292021; }
.ShipBoxLarge .bgr-exp { background-color: #2b190b; }
.ShipBoxLarge .val-em  { background-color: #1c5d85; }
.ShipBoxLarge .val-thr { background-color: #8d1717; }
.ShipBoxLarge .val-kin { background-color: #757575; }
.ShipBoxLarge .val-exp { background-color: #875f1a; }
 
.ShipBoxLarge .box-resist .resist-value .value-text
{
  font-weight: bold;
  text-align: center;
  width: 50px;
}
 
.ShipBoxLarge .attributes
{
  border: none;
  padding: 3px;
}
 
.ShipBoxLarge .attributes .att-line
{
  background-color: #110809;
  font-family: trebuchet MS;
  font-size: 11px;
  height: 20px;
  line-height: 20px;
  margin-bottom: 2px;
}
 
.ShipBoxLarge .attributes .att-item
{
  border-right: 2px solid #191E18;
  display: inline-block;
  padding: 0 5px;
}
 
.ShipBoxLarge .attributes .att-img
{
  display: inline-block;
  margin-right: 2px;
}
 
.ShipBoxLarge .attributes .res-boxes .att-img
{
  margin-right: 0;
}
 
.ShipBoxLarge .attributes .att-label
{
  color: #9E9E9E;
  display: inline-block;
}
 
.ShipBoxLarge .attributes .att-value
{
  color: #FFFFFF;
  display: inline-block;
  margin-right: 2px;
  text-align: right;
  width: 10px;
}
 
.ShipBoxLarge p.ship-desc,
.ShipBoxLarge .ship-desc
{
  font-family: arial;
  font-size: 11px;
  line-height: 120%;
  padding: 5px 5px 0;
  text-align: justify;
  color: var(--color-inverted-fixed);
}
 
.ShipBoxLarge .ship-variants
{
  border-top: 1px solid #323931;
  font-family: trebuchet MS;
  font-size: 11px;
  height: 20px;
  line-height: 20px;
  margin: 0 5px 5px;
}
 
.ShipBoxLarge .techcorner
{
  width: 64px;
  height: 64px;
  position: absolute;
  top: 0px;
  left: 0px;
  margin-left: 1px;
  margin-top: 1px;
}
 
.ShipBoxLarge .box-discussion
{
  margin-left: -6px;
  margin-right: -6px;
  margin-top: 5px;
  border-color: #393734 black;
  border-style: solid;
  border-width: 1px;
  padding: 5px;
  background-color: #1A1A1A;
}
 
.ShipBoxLarge .box-discussion .discussion-bgr
{
  color: #4C4C4C;
  font-family: trebuchet MS;
  font-size: 90%;
}
 
.ShipBoxLarge .box-discussion .linkname
{
  font-size: 11px;
  line-height: 120%;
  padding: 0 5px;
}
 
}}<!-- Content -->
<div ShipBoxLarge class='ShipBoxLarge'>
 
<div class='ship-info'>
<!-- Title -->
    <div class='title'><span style='font-size: 16px;'>&equiv;</span> {{#if: {{{class|}}} |{{{class}}} |SHIP}}: INFORMATION</div>
<!-- Title (Ship name) -->
    <div class='titlename' style='height: 1em;'>[[{{{shipname|}}}]]</div>
 
<!-- Content -->
  <div content style="clear: left; display: flex; flex-wrap: wrap">
 
<!-- ship image -->
    <div content-left style="padding: 5px;">
    <div class='ship-img' style='border: 1px solid #323931; position: relative;'>{{#ifexist: File:{{{shipimg}}}
                | [[Image:{{{shipimg}}}|256x256px|{{{shipname|}}}]]
                | {{#if: {{{shipid|}}}
                  | {{Imageserver|types|{{{shipid}}}|render|size=256}}
                  | [[Image:no-image.png|256x256px|{{#if: {{{shipname|}}} | {{{shipname}}} | Unknown Ship }} ]]
                  }}
               }}
               }}
            {{#if: {{{tech|}}} |<div class="techcorner">[[Image:CornerT{{{tech}}}h.png|link=]]</div> }}
    </div ship-img>
<!-- Wiki links -->
          <div class='box-discussion'>
            <div class='discussion-bgr'>RELATED UNI-WIKI REFERENCES</div>
            <div class='linkname'>[[Ships|EVE Online Ships Overview]]<br>{{{wikireferences|}}}</div>
          </div box-discussion>
<!--* External links *-->
    <div class='box-discussion'>
      <div class='discussion-bgr'>EXTERNAL LINKS</div>
      <div class='linkname'>{{#if: {{{shipid|}}}
                | [https://zkillboard.com/ship/{{{shipid}}}/ {{{shipname|}}} on zKillboard]{{#switch: {{lc: {{{class}}} }}
                  | shuttle=
                  | #default= <br>[https://www.eveworkbench.com/fitting/{{{shipid}}} {{{shipname|}}} on EVE Workbench]
                  }} <br>[https://janice.e-351.com/i/{{{shipid}}}/ {{{shipname|}}} on Janice]<br>[https://everef.net/type/{{{shipid}}} {{{shipname|}}} on EVE Ref]
              }}<br>{{{externallinks|}}}
      </div linkname>
    </div box-discussion>
  </div content-left>
  <div content-right style="border-left: 1px solid #333333; max-width: 32em;">
<!-- Ship attributes wip old -->
    <table class='attributes' style='margin-bottom: 5px; width: 100%; display: none;'>
      <tr>
        <td>
          <div style='border: 1px solid #323931; background-color: #191E18;'>
<!-- Fittings -->
            <div class='att-line'>
              <div class='att-item' style='width: 8.4em; text-align: right;'>
                <div class='att-label'>fittings</div>
              </div>
              <div class='att-item' style='border-right: none;'>
                <div class='att-value'>{{#if: {{{highs|}}}|{{{highs}}}|0}}</div>
                <div class='att-img'>[[Image:icon_hi_slot.png|20px|high slots]]</div>
                <div class='att-label' style='color: #9A7535;'>highs</div>
              </div>
              <div class='att-item' style='border-right: none;'>
                <div class='att-value'>{{#if: {{{launchers|}}}|{{{launchers}}}|0}}</div>
                <div class='att-img'>[[Image:icon_launcher_hp.png|20px|launcher hardpoints]]</div>
                <div class='att-label'>launchers</div>
                </div>
              <div class='att-item'>
                <div class='att-value'>{{#if: {{{turrets|}}}|{{{turrets}}}|0}}</div>
                <div class='att-img'>[[Image:icon_turret_hp.png|20px|turret hardpoints]]</div>
                <div class='att-label'>turrets</div>
              </div>
              <div class='att-item'>
                <div class='att-value'>{{#if: {{{mediums|}}}|{{{mediums}}}|0}}</div>
                <div class='att-img'>[[Image:icon_mid_slot.png|20px|middle slots]]</div>
                <div class='att-label' style='color: #9A7535;'>mediums</div>
              </div>
              <div class='att-item' style='border-right: none;>
                <div class='att-value'>{{#if: {{{lows|}}}|{{{lows}}}|0}}</div>
                <div class='att-img'>[[Image:icon_low_slot.png|20px|low slots]]</div>
                <div class='att-label' style='color: #9A7535;'>lows</div>
              </div>                   
            </div>
<!-- Drones & cargo -->
            <div class='att-line'>
              <div class='att-item' style='width: 8.4em; text-align: right;'>
                <div class='att-label'>{{#if: {{{fighterbay|}}} | fighters |drones }} & cargo</div>
              </div>
{{#if: {{{fighterbay|}}}
  |            <div class='att-item'>
                <div class='att-value' style='width: 60px;'>{{{fighterbay}}}</div>
                <div class='att-img'>[[Image:icon_drone_capacity.png|20px|fighter capacity]]</div>
                <div class='att-label'>fighters</div>
              </div>
              <div class='att-item'>
                <div class='att-value' style='width: 20px;'>{{{fightertubes|}}}</div>
                <div class='att-img'>[[Image:icon_drone_bandwith.png|20px|fighter squad tubes]]</div>
                <div class='att-label'>squad tubes</div>
              </div>
  | {{#if: {{{dronebay|}}}
      |        <div class='att-item'>
                <div class='att-value' style='width: 40px;'>{{{dronebay|}}}</div>
                <div class='att-img'>[[Image:icon_drone_capacity.png|20px|drone capacity]]</div>
                <div class='att-label'>drones</div>
              </div>
              <div class='att-item'>
                <div class='att-value' style='width: 80px;'>{{{bandwidth|}}}</div>
                <div class='att-img'>[[Image:icon_drone_bandwith.png|20px|drone bandwidth]]</div>
                <div class='att-label'>b/w</div>
              </div>
      |        <div class='att-item'>
                <div class='att-label' style="width: 160px; text-align: center; color: #9A7535;">No drone bay</div>
              </div>
    }}
}}
              <div class='att-item' style='border-right: none;'>
                <div class='att-value' style='width: 70px;'>{{#if: {{{cargohold|}}}|{{{cargohold}}}|0{{m3}} }}</div>
                <div class='att-img'>[[Image:Icon_capacity.png|20px|cargo capacity]]</div>
                <div class='att-label'>cargo</div>
              </div>
            </div>
<!-- Defense old -->
            <div class='att-line res-boxes' style='position: relative;'>
              <div class='att-item' style='width: 8.4em; height: 40px; position: absolute; left: 0; background-color: #110809; text-align: right;'>
                <div class='att-label' style='line-height: 40px;'>defense</div>
              </div>
              <div class='att-item' style='width: 87px; margin-left: 95px; text-align: right;'>
                <div class='att-value' style='width: auto'>{{#if: {{{shieldhp|}}}|{{{shieldhp}}}|0 HP}}</div>
                <div class='att-img'>[[Image:icon_shield.png|20px|shields]]</div>
              </div>
              <div class='att-item' style='border-right: none;'>
                <div class='att-img'>[[Image:icon_resist_em.png|20px|shield electromagnetic resistance]]</div>
                <div style='display: inline-block;'>
                  <div class='box-resist bgr-em'>
                    <div class='resist-value val-em' style='width: {{#expr: {{#if: {{{shieldem|}}}|{{{shieldem}}}|0}}/2 round 0}}px;'>
                      <div class='value-text'> {{#if: {{{shieldem|}}}|{{{shieldem}}}|0}}</div>
                    </div>
                  </div>
                </div>
                <div class='att-img'>[[Image:icon_resist_therm.png|20px|shield thermal resistance]]</div>
                  <div style='display: inline-block;'>
                    <div class='box-resist bgr-thr'>
                    <div class='resist-value val-thr' style='width: {{#expr: {{#if: {{{shieldtherm|}}}|{{{shieldtherm}}}|0}}/2 round 0}}px;'>
                      <div class='value-text'>{{#if: {{{shieldtherm|}}}|{{{shieldtherm}}}|0}}</div>
                    </div>
                  </div>
                </div>
                <div class='att-img'>[[Image:icon_resist_kin.png|20px|shield kinetic resistance]]</div>
                <div style='display: inline-block;'>
                  <div class='box-resist bgr-kin'>
                    <div class='resist-value val-kin' style='width: {{#expr: {{#if: {{{shieldkin|}}}|{{{shieldkin}}}|0}}/2 round 0}}px;'>
                      <div class='value-text'>{{#if: {{{shieldkin|}}}|{{{shieldkin}}}|0}}</div>
                    </div>
                  </div>
                </div>
                <div class='att-img'>[[Image:icon_resist_exp.png|20px|shield explosive resistance]]</div>
                <div style='display: inline-block;'>
                  <div class='box-resist bgr-exp'>
                    <div class='resist-value val-exp' style='width: {{#expr: {{#if: {{{shieldexp|}}}|{{{shieldexp}}}|0}}/2 round 0}}px;'>
                        <div class='value-text'>{{#if: {{{shieldexp|}}}|{{{shieldexp}}}|0}}</div>
                      </div>
                  </div>
                </div>
              </div>
            </div>
            <div class='att-line res-boxes'>
              <div class='att-item' style='width: 87px; margin-left: 95px;; text-align: right;'>
                <div class='att-value' style='width: auto'>{{#if: {{{armorhp|}}} |{{{armorhp}}} |0 HP}}</div>
                <div class='att-img'>[[Image:icon_armor.png|20px|armor]]</div>
              </div>
              <div class='att-item' style='border-right: none;'>
                <div class='att-img'>[[Image:icon_resist_em.png|20px|armor electromagnetic resistance]]</div>
                <div style='display: inline-block;'>
                  <div class='box-resist bgr-em'> <div class='resist-value val-em' style='width: {{#expr: {{#if:{{{armorem|}}}|{{{armorem}}}|0}}/2 round 0}}px;'>
                    <div class='value-text'>{{#if:{{{armorem|}}}|{{{armorem}}}|0}}</div>
                  </div>
                </div>
              </div>
              <div class='att-img'>[[Image:icon_resist_therm.png|20px|armor thermal resistance]]</div>
              <div style='display: inline-block;'>
                <div class='box-resist bgr-thr'>
                  <div class='resist-value val-thr' style='width:{{#expr: {{#if:{{{armortherm|}}}|{{{armortherm}}}|0}}/2 round 0}}px;'>
                    <div class='value-text'>{{#if: {{{armortherm|}}}|{{{armortherm}}}|0}}</div>
                  </div>
                </div>
              </div>
              <div class='att-img'>[[Image:icon_resist_kin.png|20px|armor kinetic resistance]]</div>
              <div style='display: inline-block;'>
                <div class='box-resist bgr-kin'>
                    <div class='resist-value val-kin' style='width: {{#expr: {{#if: {{{armorkin|}}}|{{{armorkin}}}|0}}/2 round 0}}px;'>
                    <div class='value-text'>{{#if: {{{armorkin|}}}|{{{armorkin}}}|0}}</div>
                  </div>
                </div>
              </div>
              <div class='att-img'>[[Image:icon_resist_exp.png|20px|armor explosive resistance]]</div>
              <div style='display: inline-block;'>
                <div class='box-resist bgr-exp'>
                  <div class='resist-value val-exp' style='width:{{#expr: {{#if: {{{armorexp|}}}|{{{armorexp}}}|0}}/2 round 0}}px;'>
                    <div class='value-text'>{{#if: {{{armorexp|}}}|{{{armorexp}}}|0}}</div>
                  </div>
                </div>
              </div>
            </div>
          </div>
<!-- Target & nav -->
            <div class='att-line'>
              <div class='att-item' style='width: 8.4em; text-align: right;'>
                <div class='att-label'>target & nav</div>
              </div>
              <div class='att-item'>
                <div class='att-value'style='min-width: 40px; width: auto;'>{{#if: {{{targetrange|}}}|{{{targetrange}}}|0 km}}</div>
                <div class='att-img'>[[Image:icon_target_range.png|20px|max. targeting range]]</div>
                <div class='att-label'>tgt. range</div>
              </div>
              <div class='att-item'>
                <div class='att-value'style='min-width: 40px; width: auto;'>{{#if: {{{sigradius|}}}|{{{sigradius}}}|0 m}}</div>
                <div class='att-img'>[[Image:icon_ship_sig.png|20px|ship signature radius]]</div>
                <div class='att-label'>sig. radius</div>
              </div>
              <div class='att-item' style='border-right: none;'>
                <div class='att-value'style='min-width: 40px; width: auto;'>{{#if: {{{maxvelocity|}}}|{{{maxvelocity}}}|0 m/s}}</div>
                <div class='att-img'>[[Image:Icon_velocity.png|20px|max. velocity]]</div>
                <div class='att-label'>max. velocity</div>
              </div>
            </div>
          </div>
         </td>
         </td>
       </tr>
       </tr>
     }}
     </table>
  }}<!--
 
<!-- wip new-->
    <table class='attributes' style='margin-bottom: 5px; width: 100%; clear: both; border: 1px solid #323931; background-color: #191E18;'>
<!-- fittings -->
    <tr class='att-line'>
      <td class='att-label' style="text-align: right; width: 8.4em;">fittings</td>
      <td style="text-align: left;">
        <div class='att-item' style='border-right: none;'>
            <div class='att-value'>{{#if: {{{highs|}}}|{{{highs}}}|0}}</div>
            <div class='att-img'>[[Image:icon_hi_slot.png|20px|high slots]]</div>
            <div class='att-label' style='color: #9A7535;'>highs</div>
          </div>
          <div class='att-item' style='border-right: none;'>
            <div class='att-value'>{{{launchers|0}}}</div>
            <div class='att-img'>[[Image:icon_launcher_hp.png|20px|launcher hardpoints]]</div>
            <div class='att-label'>launchers</div>
          </div>
          <div class='att-item'>
            <div class='att-value'>{{#if: {{{turrets|}}}|{{{turrets}}}|0}}</div>
            <div class='att-img'>[[Image:icon_turret_hp.png|20px|turret hardpoints]]</div>
            <div class='att-label'>turrets</div>
          </div>
            <div class='att-item'>
            <div class='att-value'>{{#if: {{{mediums|}}}|{{{mediums}}}|0}}</div>
            <div class='att-img'>[[Image:icon_mid_slot.png|20px|middle slots]]</div>
            <div class='att-label' style='color: #9A7535;'>mediums</div>
          </div>
          <div class='att-item' style='border-right: none;>
            <div class='att-value'>{{#if: {{{lows|}}}|{{{lows}}}|0}}</div>
            <div class='att-img'>[[Image:icon_low_slot.png|20px|low slots]]</div>
            <div class='att-label' style='color: #9A7535;'>lows</div>
          </div>                   
        </td>
    </tr>
    <!-- drones -->
    <tr class='att-line'>
      <td class='att-label' style="text-align: right; width: 8.4em;">{{#if: {{{fighterbay|}}} | fighters |drones }} & cargo</td>
      <td style="text-align: left;">
            </div> {{#if: {{{fighterbay|}}}
              | <div class='att-item'>
                  <div class='att-value' style='width: 60px;'>{{{fighterbay}}}</div>
                  <div class='att-img'>[[Image:icon_drone_capacity.png|20px|fighter capacity]]</div>
                  <div class='att-label'>fighters</div>
                </div>
                <div class='att-item'>
                  <div class='att-value' style='width: 20px;'>{{{fightertubes|}}}</div>
                  <div class='att-img'>[[Image:icon_drone_bandwith.png|20px|fighter squad tubes]]</div>
                  <div class='att-label'>squad tubes</div>
                </div>
              | {{#if: {{{dronebay|}}}
                | <div class='att-item'>
                    <div class='att-value' style='width: 40px;'>{{{dronebay|}}}</div>
                    <div class='att-img'>[[Image:icon_drone_capacity.png|20px|drone capacity]]</div>
                    <div class='att-label'>drones</div>
                  </div>
                  <div class='att-item'>
                      <div class='att-value' style='width: 80px;'>{{{bandwidth|}}}</div>
                      <div class='att-img'>[[Image:icon_drone_bandwith.png|20px|drone bandwidth]]</div>
                      <div class='att-label'>b/w</div>
                    </div>
                | <div class='att-item'>
                    <div class='att-label' style="width: 160px; text-align: center; color: #9A7535;">No drone bay</div>
                  </div>
                }}
              }}


-->{{#ifeq: {{{child|}}} |yes
            <div class='att-item' style='border-right: none;'>
    |
              <div class='att-value' style='width: 70px;'>{{#if: {{{cargohold|}}}|{{{cargohold}}}|0{{m3}} }}</div>
     | {{#if:{{{pretitle|}}}
              <div class='att-img'>[[Image:Icon_capacity.png|20px|cargo capacity]]</div>
      | <tr>
              <div class='att-label'>cargo</div>
          <td class="sidebar-pretitle {{{pretitleclass|}}}" style="{{{basestyle|}}}; {{#if:{{{topimage|}}}
            </div>
                                                                                      | padding-top: 0.2em
                  </div>
                                                                                    }}; {{{pretitlestyle|}}}"> {{{pretitle}}}
      </td>
        </td>
     </tr>
        </tr>
<!-- defense -->
    }}
    <tr class='att-line'style="/*temp*/ height: 50px;">
  }}<!--
 
      <td class='att-label' style="text-align: right; width: 8.4em; height: 40px; line-height: 40px;">defense</td>
 
      <td>
        <div class='att-line res-boxes' style='position: relative;'>
          <div class='att-item' style='height: 40px; position: absolute; left: 0; background-color: #110809; text-align: right;'>
            <div class='att-item' style='width: 87px; /*margin-left: 95px; */text-align: right;'>
              <div class='att-value' style='width: auto;'>{{#if: {{{shieldhp|}}}|{{{shieldhp}}}|0 HP}}</div>
              <div class='att-img'>[[Image:icon_shield.png|20px|shields]]</div>
            </div>
 
            <div class='att-img'>[[Image:icon_resist_em.png|20px|shield electromagnetic resistance]]</div>
            <div style='display: inline-block;'>
              <div class='box-resist bgr-em'>
                <div class='resist-value val-em' style='width: {{#expr: {{#if: {{{shieldem|}}}|{{{shieldem}}}|0}}/2 round 0}}px;'>
                  <div class='value-text'> {{#if: {{{shieldem|}}}|{{{shieldem}}}|0}}</div>
                </div>
              </div>
            </div>
 
            <div class='att-img'>[[Image:icon_resist_therm.png|20px|shield thermal resistance]]</div>
            <div style='display: inline-block;'>
              <div class='box-resist bgr-thr'>
                <div class='resist-value val-thr' style='width: {{#expr: {{#if: {{{shieldtherm|}}}|{{{shieldtherm}}}|0}}/2 round 0}}px;'>
                  <div class='value-text'>{{#if: {{{shieldtherm|}}}|{{{shieldtherm}}}|0}}</div>
                </div>
              </div>
            </div>
 
            <div class='att-img'>[[Image:icon_resist_kin.png|20px|shield kinetic resistance]]</div>
            <div style='display: inline-block;'>
              <div class='box-resist bgr-kin'>
                <div class='resist-value val-kin' style='width: {{#expr: {{#if: {{{shieldkin|}}}|{{{shieldkin}}}|0}}/2 round 0}}px;'>
                  <div class='value-text'>{{#if: {{{shieldkin|}}}|{{{shieldkin}}}|0}}</div>
                </div>
              </div>
            </div>


-->{{#if: {{{title|}}}
            <div class='att-img'>[[Image:icon_resist_exp.png|20px|shield explosive resistance]]</div>
    | {{#ifeq:{{{child|}}} |yes
            <div style='display: inline-block;'>
      |
              <div class='box-resist bgr-exp'>
      | <tr>
                <div class='resist-value val-exp' style='width: {{#expr: {{#if: {{{shieldexp|}}}|{{{shieldexp}}}|0}}/2 round 0}}px;'>
          <th class="sidebar-title {{{titleclass|}}}" style="{{{basestyle|}}}; {{#if: {{{pretitle|}}}
                  <div class='value-text'>{{#if: {{{shieldexp|}}}|{{{shieldexp}}}|0}}</div>
                                                                                | padding-top: 0
                </div>
                                                                              }}; {{{titlestyle|}}}">
              </div>
      }} {{{title}}}</th>
            </div>
          </tr>
  }}<!--


-->{{#if:{{{image|}}}
           </div>
    | <tr>
        </div>
      <td class="sidebar-image {{{imageclass|}}}" style="{{{imagestyle|}}}">{{{image}}}<!--
      -->{{#if:{{{caption|}}}
           | <div class="sidebar-caption" style="{{{captionstyle|}}}">{{{caption}}}</div>
          }}
       </td>
       </td>
      </tr>
    </tr>
  }}<!--
<!-- target & nav -->
    <tr class='att-line'>
      <td class='att-label' style="text-align: right; width: 8.4em;">target & nav</td>
      <td style="text-align: left;">
          <div class='att-item'>
            <div class='att-value'style='min-width: 40px; width: auto;'>{{#if: {{{targetrange|}}}|{{{targetrange}}}|0 km}}</div>
            <div class='att-img'>[[Image:icon_target_range.png|20px|max. targeting range]]</div>
            <div class='att-label'>tgt. range</div>
          </div>
          <div class='att-item'>
            <div class='att-value'style='min-width: 40px; width: auto;'>{{#if: {{{sigradius|}}}|{{{sigradius}}}|0 m}}</div>
            <div class='att-img'>[[Image:icon_ship_sig.png|20px|ship signature radius]]</div>
            <div class='att-label'>sig. radius</div>
          </div>
          <div class='att-item' style='border-right: none;'>
            <div class='att-value'style='min-width: 40px; width: auto;'>{{#if: {{{maxvelocity|}}}|{{{maxvelocity}}}|0 m/s}}</div>
            <div class='att-img'>[[Image:Icon_velocity.png|20px|max. velocity]]</div>
            <div class='att-label'>max. velocity</div>
          </div>


-->{{#if:{{{above|}}}
       </td>
    | <tr>
    </tr>
       <td class="sidebar-above {{{aboveclass|}}}" style="{{{abovestyle|}}}"><!--newline required for bullet-points to work:-->
{{{above}}}</td>
      </tr>
  }}<!--


heading#/content# starts here:
    </table>


-->{{#if: {{{heading1|}}}|
<!-- Ship bonuses -->
<tr>
    <div class='ship-border-box' style='display: {{#if: {{{bonuses|}}} |block |none }}; margin: 10px 5px 5px'>
  <th class="sidebar-heading {{{headingclass|}}}" style="{{{basestyle|}}};{{{headingstyle|}}};{{{heading1style|}}}">
    <div class='label'>S H I P&nbsp;&nbsp;&nbsp;B O N U S E S</div>  
{{{heading1}}}</th>
    <p>{{{bonuses}}}</p>
  </tr>
    </div>
}}{{#if:
{{{content1|}}}|
<tr>
<td class="sidebar-content {{{contentclass|}}}" style="{{{contentstyle|}}};{{{content1style|}}}"><!-- newline required before contents# for bullets to work -->
{{{content1}}}</td>
</tr>
}}{{#if: {{{heading2|}}}|
<tr>
<th class="sidebar-heading {{{headingclass|}}}" style="{{{basestyle|}}};{{{headingstyle|}}};{{{heading2style|}}}">
{{{heading2}}}</th>
</tr>
}}{{#if:
{{{content2|}}}|
<tr>
<td class="sidebar-content {{{contentclass|}}}" style="{{{contentstyle|}}};{{{content2style|}}}">
{{{content2}}}</td>
</tr>
}}{{#if: {{{heading3|}}}|
<tr>
<th class="sidebar-heading {{{headingclass|}}}" style="{{{basestyle|}}};{{{headingstyle|}}};{{{heading3style|}}}">
{{{heading3}}}</th>
</tr>
}}{{#if:
{{{content3|}}}|
<tr>
<td class="sidebar-content {{{contentclass|}}}" style="{{{contentstyle|}}};{{{content3style|}}}">
{{{content3}}}</td>
</tr>
}}{{#if: {{{heading4|}}}|
<tr>
<th class="sidebar-heading {{{headingclass|}}}" style="{{{basestyle|}}};{{{headingstyle|}}};{{{heading4style|}}}">
{{{heading4}}}</th>
</tr>
}}{{#if:
{{{content4|}}}|
<tr>
<td class="sidebar-content {{{contentclass|}}}" style="{{{contentstyle|}}};{{{content4style|}}}">
{{{content4|}}}</td>
</tr>
}}{{#if: {{{heading5|}}}|
<tr>
<th class="sidebar-heading {{{headingclass|}}}" style="{{{basestyle|}}};{{{headingstyle|}}};{{{heading5style|}}}">
{{{heading5}}}</th>
</tr>
}}{{#if:
{{{content5|}}}|
<tr>
<td class="sidebar-content {{{contentclass|}}}" style="{{{contentstyle|}}};{{{content5style|}}}">
{{{content5}}}</td>
</tr>
}}{{#if: {{{heading6|}}}|
<tr>
<th class="sidebar-heading {{{headingclass|}}}" style="{{{basestyle|}}};{{{headingstyle|}}};{{{heading6style|}}}">
{{{heading6}}}</th>
</tr>
}}{{#if:
{{{content6|}}}|
<tr>
<td class="sidebar-content {{{contentclass|}}}" style="{{{contentstyle|}}};{{{content6style|}}}">
{{{content6}}}</td>
</tr>
}}{{#if: {{{heading7|}}}|
<tr>
<th class="sidebar-heading {{{headingclass|}}}" style="{{{basestyle|}}};{{{headingstyle|}}};{{{heading7style|}}}">
{{{heading7}}}</th>
</tr>
}}{{#if:
{{{content7|}}}|
<tr>
<td class="sidebar-content {{{contentclass|}}}" style="{{{contentstyle|}}};{{{content7style|}}}">
{{{content7}}}</td>
</tr>
}}{{#if: {{{heading8|}}}|
<tr>
<th class="sidebar-heading {{{headingclass|}}}" style="{{{basestyle|}}};{{{headingstyle|}}};{{{heading8style|}}}">
{{{heading8}}}</th>
</tr>
}}{{#if:
{{{content8|}}}|
<tr>
<td class="sidebar-content {{{contentclass|}}}" style="{{{contentstyle|}}};{{{content8style|}}}">
{{{content8}}}</td>
</tr>
}}{{#if: {{{heading9|}}}|
<tr>
<th class="sidebar-heading {{{headingclass|}}}" style="{{{basestyle|}}};{{{headingstyle|}}};{{{heading9style|}}}">
{{{heading9}}}</th>
</tr>
}}{{#if:
{{{content9|}}}|
<tr>
<td class="sidebar-content {{{contentclass|}}}" style="{{{contentstyle|}}};{{{content9style|}}}">
{{{content9}}}</td>
</tr>
}}{{#if: {{{heading10|}}}|
<tr>
<th class="sidebar-heading {{{headingclass|}}}" style="{{{basestyle|}}};{{{headingstyle|}}};{{{heading10style|}}}">
{{{heading10}}}</th>
</tr>
}}{{#if:
{{{content10|}}}|
<tr>
<td class="sidebar-content {{{contentclass|}}}" style="{{{contentstyle|}}};{{{content10style|}}}">
{{{content10}}}</td>
</tr>
}}{{#if: {{{heading11|}}}|
<tr>
<th class="sidebar-heading {{{headingclass|}}}" style="{{{basestyle|}}};{{{headingstyle|}}};{{{heading11style|}}}">
{{{heading11}}}</th>
</tr>
}}{{#if:
{{{content11|}}}|
<tr>
<td class="sidebar-content {{{contentclass|}}}" style="{{{contentstyle|}}};{{{content11style|}}}">
{{{content11}}}</td>
</tr>
}}{{#if: {{{heading12|}}}|
<tr>
<th class="sidebar-heading {{{headingclass|}}}" style="{{{basestyle|}}};{{{headingstyle|}}};{{{heading12style|}}}">
{{{heading12}}}</th>
</tr>
}}{{#if:
{{{content12|}}}|
<tr>
<td class="sidebar-content {{{contentclass|}}}" style="{{{contentstyle|}}};{{{content12style|}}}">
{{{content12}}}</td>
</tr>
}}{{#if: {{{heading13|}}}|
<tr>
<th class="sidebar-heading {{{headingclass|}}}" style="{{{basestyle|}}};{{{headingstyle|}}};{{{heading13style|}}}">
{{{heading13}}}</th>
</tr>
}}{{#if:
{{{content13|}}}|
<tr>
<td class="sidebar-content {{{contentclass|}}}" style="{{{contentstyle|}}};{{{content13style|}}}">
{{{content13}}}</td>
</tr>
}}{{#if: {{{heading14|}}}|
<tr>
<th class="sidebar-heading {{{headingclass|}}}" style="{{{basestyle|}}};{{{headingstyle|}}};{{{heading14style|}}}">
{{{heading14}}}</th>
</tr>
}}{{#if:
{{{content14|}}}|
<tr>
<td class="sidebar-content {{{contentclass|}}}" style="{{{contentstyle|}}};{{{content14style|}}}">
{{{content14}}}</td>
</tr>
}}{{#if: {{{heading15|}}}|
<tr>
<th class="sidebar-heading {{{headingclass|}}}" style="{{{basestyle|}}};{{{headingstyle|}}};{{{heading15style|}}}">
{{{heading15}}}</th>
</tr>
}}{{#if:
{{{content15|}}}|
<tr>
<td class="sidebar-content {{{contentclass|}}}" style={{{contentstyle|}}};{{{content15style|}}}">
{{{content15}}}</td>
</tr>
}}{{#if: {{{heading16|}}}|
<tr>
<th class="sidebar-heading {{{headingclass|}}}" style="{{{basestyle|}}};{{{headingstyle|}}};{{{heading16style|}}}">
{{{heading16}}}</th>
</tr>
}}{{#if:
{{{content16|}}}|
<tr>
<td class="sidebar-content {{{contentclass|}}}" style="{{{contentstyle|}}};{{{content16style|}}}">
{{{content16}}}</td>
</tr>
}}{{#if: {{{heading17|}}}|
<tr>
<th class="sidebar-heading {{{headingclass|}}}" style="{{{basestyle|}}};{{{headingstyle|}}};{{{heading17style|}}}">
{{{heading17}}}</th>
</tr>
}}{{#if:
{{{content17|}}}|
<tr>
<td class="sidebar-content {{{contentclass|}}}" style="{{{contentstyle|}}};{{{content17style|}}}">
{{{content17}}}</td>
</tr>
}}{{#if: {{{heading18|}}}|
<tr>
<th class="sidebar-heading {{{headingclass|}}}" style="{{{basestyle|}}};{{{headingstyle|}}};{{{heading18style|}}}">
{{{heading18}}}</th>
</tr>
}}{{#if:
{{{content18|}}}|
<tr>
<td class="sidebar-content {{{contentclass|}}}" style="{{{contentstyle|}}};{{{content18style|}}}">
{{{content18}}}</td>
</tr>
}}{{#if: {{{heading19|}}}|
<tr>
<th class="sidebar-heading {{{headingclass|}}}" style="{{{basestyle|}}};{{{headingstyle|}}};{{{heading19style|}}}">
{{{heading19}}}</th>
</tr>
}}{{#if:
{{{content19|}}}|
<tr>
<td class="sidebar-content {{{contentclass|}}}" style="{{{contentstyle|}}};{{{content19style|}}}">
{{{content19}}}</td>
</tr>
}}{{#if: {{{heading20|}}}|
<tr>
<th class="sidebar-heading {{{headingclass|}}}" style="{{{basestyle|}}};{{{headingstyle|}}};{{{heading20style|}}}">
{{{heading20}}}</th>
</tr>
}}{{#if:
{{{content20|}}}|
<tr>
<td class="sidebar-content {{{contentclass|}}}" style="{{{contentstyle|}}};{{{content20style|}}}">
{{{content20}}}</td>
</tr>
}}{{#if: {{{heading21|}}}|
<tr>
<th class="sidebar-heading {{{headingclass|}}}" style="{{{basestyle|}}};{{{headingstyle|}}};{{{heading21style|}}}">
{{{heading21}}}</th>
</tr>
}}{{#if:
{{{content21|}}}|
<tr>
<td class="sidebar-content {{{contentclass|}}}" style="{{{contentstyle|}}};{{{content21style|}}}">
{{{content21}}}</td>
</tr>
}}{{#if: {{{heading22|}}}|
<tr>
<th class="sidebar-heading {{{headingclass|}}}" style="{{{basestyle|}}};{{{headingstyle|}}};{{{heading22style|}}}">
{{{heading22}}}</th>
</tr>
}}{{#if:
{{{content22|}}}|
<tr>
<td class="sidebar-content {{{contentclass|}}}" style="{{{contentstyle|}}};{{{content22style|}}}">
{{{content22}}}</td>
</tr>
}}{{#if: {{{heading23|}}}|
<tr>
<th class="sidebar-heading {{{headingclass|}}}" style="{{{basestyle|}}};{{{headingstyle|}}};{{{heading23style|}}}">
{{{heading23}}}</th>
</tr>
}}{{#if:
{{{content23|}}}|
<tr>
<td class=sidebar-content {{{contentclass|}}}" style="{{{contentstyle|}}};{{{content23style|}}}">
{{{content23}}}</td>
</tr>
}}{{#if: {{{heading24|}}}|
<tr>
<th class="sidebar-heading {{{headingclass|}}}" style="{{{basestyle|}}};{{{headingstyle|}}};{{{heading24style|}}}">
{{{heading24}}}</th>
</tr>
}}{{#if:
{{{content24|}}}|
<tr>
<td class="sidebar-content {{{contentclass|}}}" style="{{{contentstyle|}}};{{{content24style|}}}">
{{{content24}}}</td>
</tr>
}}{{#if: {{{heading25|}}}|
<tr>
<th class="sidebar-heading {{{headingclass|}}}" style="{{{basestyle|}}};{{{headingstyle|}}};{{{heading25style|}}}">
{{{heading25}}}</th>
</tr>
}}{{#if:
{{{content25|}}}|
<tr>
<td class="sidebar-content {{{contentclass|}}}" style="{{{contentstyle|}}};{{{content25style|}}}">
{{{content25}}}</td>
</tr>
}}{{#if: {{{heading26|}}}|
<tr>
<th class="sidebar-heading {{{headingclass|}}}" style="{{{basestyle|}}};{{{headingstyle|}}};{{{heading26style|}}}">
{{{heading26}}}</th>
</tr>
}}{{#if:
{{{content26|}}}|
<tr>
<td class="sidebar-content {{{contentclass|}}}" style="{{{contentstyle|}}};{{{content26style|}}}">
{{{content26}}}</td>
</tr>
}}{{#if: {{{heading27|}}}|
<tr>
<th class="sidebar-heading {{{headingclass|}}}" style="{{{basestyle|}}};{{{headingstyle|}}};{{{heading27style|}}}">
{{{heading27}}}</th>
</tr>
}}{{#if:
{{{content27|}}}|
<tr>
<td class="sidebar-content {{{contentclass|}}}" style="{{{contentstyle|}}};{{{content27style|}}}">
{{{content27}}}</td>
</tr>
}}{{#if: {{{heading28|}}}|
<tr>
<th class="sidebar-heading {{{headingclass|}}}" style="{{{basestyle|}}};{{{headingstyle|}}};{{{heading28style|}}}">
{{{heading28}}}</th>
</tr>
}}{{#if:
{{{content28|}}}|
<tr>
<td class="sidebar-content {{{contentclass|}}}" style="{{{contentstyle|}}};{{{content28style|}}}">
{{{content28}}}</td>
</tr>
}}{{#if: {{{heading29|}}}|
<tr>
<th class="sidebar-heading {{{headingclass|}}}" style="{{{basestyle|}}};{{{headingstyle|}}};{{{heading29style|}}}">
{{{heading29}}}</th>
</tr>
}}{{#if:
{{{content29|}}}|
<tr>
<td class="sidebar-content {{{contentclass|}}}" style="{{{contentstyle|}}};{{{content29style|}}}">
{{{content29}}}</td>
</tr>
}}{{#if: {{{heading30|}}}|
<tr>
<th class="sidebar-heading {{{headingclass|}}}" style="{{{basestyle|}}};{{{headingstyle|}}};{{{heading30style|}}}">
{{{heading30}}}</th>
</tr>
}}{{#if:
{{{content30|}}}|
<tr>
<td class="sidebar-content {{{contentclass|}}}" style="{{{contentstyle|}}};{{{content30style|}}}">
{{{content30}}}</td>
</tr>
}}{{#if: {{{heading31|}}}|
<tr>
<th class="sidebar-heading {{{headingclass|}}}" style="{{{basestyle|}}};{{{headingstyle|}}};{{{heading31style|}}}">
{{{heading31}}}</th>
</tr>
}}{{#if:
{{{content31|}}}|
<tr>
<td class="sidebar-content  {{{contentclass|}}}" style="{{{contentstyle|}}};{{{content31style|}}}">
{{{content31}}}</td>
</tr>
}}{{#if: {{{heading32|}}}|
<tr>
<th class="sidebar-hading {{{headingclass|}}}" style="{{{basestyle|}}};{{{headingstyle|}}};{{{heading32style|}}}">
{{{heading32}}}</th>
</tr>
}}{{#if:
{{{content32|}}}|
<tr>
<td class="sidebar-content {{{contentclass|}}}" style="{{{contentstyle|}}};{{{content32style|}}}">
{{{content32}}}</td>
</tr>
}}{{#if: {{{heading33|}}}|
<tr>
<th class="sidebar-heading {{{headingclass|}}}" style="{{{basestyle|}}};{{{headingstyle|}}};{{{heading33style|}}}">
{{{heading33}}}</th>
</tr>
}}{{#if:
{{{content33|}}}|
<tr>
<td class="sidebar-content {{{contentclass|}}}" style="{{{contentstyle|}}};{{{content33style|}}}">
{{{content33}}}</td>
</tr>
}}{{#if: {{{heading34|}}}|
<tr>
<th class="sidebar-heading {{{headingclass|}}}" style="{{{basestyle|}}};{{{headingstyle|}}};{{{heading34style|}}}">
{{{heading34}}}</th>
</tr>
}}{{#if:
{{{content34|}}}|
<tr>
<td class="sidebar-content {{{contentclass|}}}" style="{{{contentstyle|}}};{{{content34style|}}}">
{{{content34}}}</td>
</tr>
}}{{#if: {{{heading35|}}}|
<tr>
<th class="sidebar-heading {{{headingclass|}}}" style="{{{basestyle|}}};{{{headingstyle|}}};{{{heading35style|}}}">
{{{heading35}}}</th>
</tr>
}}{{#if:
{{{content35|}}}|
<tr>
<td class="sidebar-content {{{contentclass|}}}" style="{{{contentstyle|}}};{{{content35style|}}}">
{{{content35}}}</td>
</tr>
}}<!--


-->{{#if: {{{below|}}}
<!-- Ship description -->
    | <tr>
    <div class='ship-desc'>{{#if: {{{info|}}} |{{{info}}} |&nbsp;}}</div>
      <td class="sidebar-below {{{belowclass|}}}" style="{{{belowstyle|}}}">
{{{below}}}</td>
      </tr>
  }}<!--


-->{{#ifeq:{{{child|}}} |yes
  </div content-right>
    |
  </div content>
    | {{#switch:{{{navbar|{{{tnavbar|<noinclude>off</noinclude>}}} }}}
</div ShipInfo>
    | none
</div ShipBoxLarge></includeonly>
    | off=
<noinclude> {{documentation}} <!-- Please add categories and interwikis to the bottom of sub-page /doc, not here --></noinclude>
    | #default= <tr>
                  <td style="text-align:right;font-size:115%; {{{navbarstyle|{{{tnavbarstyle|}}} }}}">
                  {{navbar
                    | {{{name|{{PAGENAME}} }}}
                    | mini= 1
                    | fontstyle= {{{navbarfontstyle|{{{tnavbarfontstyle|}}} }}}
                  }}
                  </td>
                </tr><!--
  -->}}
</table>
}}</includeonly>
<noinclude>{{documentation}}<!-- Please add categories and interwikis to the bottom of Template:Sidebar/doc, not here --></noinclude>