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 Reverted edits by Evon R'al (talk) to last revision by Arin Mara
Tag: Rollback
m Coding and testing
 
(375 intermediate revisions by the same user not shown)
Line 1: Line 1:
{{Infobox
<includeonly>{{#css:
| name        = <!-- left empty, to NOT have edit links at the bottom of the box.-->


| abovestyle =
div.ShipBoxLarge
  background: #d2801e;
  {
  background-image: -moz-linear-gradient(center top, #d2801e 0%, #653f03 100%);
  float: left;
  background-image: -webkit-gradient(linear, center top, left bottom, color-stop(0%,#d2801e), color-stop(100%,#653f03));
  clear: both;
  background-image: -webkit-linear-gradient(top, #d2801e 0%, #653f03 100%);  
  width: 100%;
  background-image: -o-linear-gradient(top, #d2801e 0%, #653f03 100%);  
}
  background-image: -ms-linear-gradient(top, #d2801e 0%, #653f03 100%);  
  background-image: linear-gradient(to bottom, #d2801e 0%, #653f03 100%);
  color: #000000;


| title          =
.ShipBoxLarge .ship-info
| above          = {{#if: {{{class name|}}}
{
                    | {{#if: {{{class page name|}}}
  background-color: #1D1C23;
                      | [[{{{class page name}}}|{{{class name}}}]]
  border-bottom: 1px solid #525751;
                      | Class page name ?
  border-left: 1px solid black;
                      }}
  border-right: 1px solid black;
                    | Class name ?
  border-top: 1px solid #525751;
                  }}
  float: left;
  margin-bottom: 10px;
  /*width: 800px;*/
}


| image      = {{#if: {{{image|}}}
.ShipBoxLarge table
                 | [[File:{{{image}}}|{{#if: {{{size|}}}
{
                                      | {{{size}}}
  border-spacing: 0;
                                      | 250px
  margin: 0;
                                      }}|link={{{class page name}}}]]
}
 
.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>
      </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>
                 }}
                 }}
| caption    = {{{caption}}}
              }}
 
            <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>
      </td>
    </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>


| headerstyle =  
      <td>
  background: #d2801e;  
        <div class='att-line res-boxes' style='position: relative;'>
  background-image: -moz-linear-gradient(center top, #d2801e 0%, #653f03 100%);  
          <div class='att-item' style='height: 40px; position: absolute; left: 0; background-color: #110809; text-align: right;'>
  background-image: -webkit-gradient(linear, center top, left bottom, color-stop(0%,#d2801e), color-stop(100%,#653f03));  
            <div class='att-item' style='width: 87px; /*margin-left: 95px; */text-align: right;'>
  background-image: -webkit-linear-gradient(top, #d2801e 0%, #653f03 100%);  
              <div class='att-value' style='width: auto;'>{{#if: {{{shieldhp|}}}|{{{shieldhp}}}|0 HP}}</div>
  background-image: -o-linear-gradient(top, #d2801e 0%, #653f03 100%);  
              <div class='att-img'>[[Image:icon_shield.png|20px|shields]]</div>
  background-image: -ms-linear-gradient(top, #d2801e 0%, #653f03 100%);  
            </div>
  background-image: linear-gradient(to bottom, #d2801e 0%, #653f03 100%);
  color: #000000;


| header1    = Details
            <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>


| label2    = Summary
            <div class='att-img'>[[Image:icon_resist_therm.png|20px|shield thermal resistance]]</div>
|   data2    = {{{summary|}}}
            <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>


| label3    = Reading list
            <div class='att-img'>[[Image:icon_resist_kin.png|20px|shield kinetic resistance]]</div>
|   data3    = {{{reading list|}}}
            <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>


| label4    = Slides
            <div class='att-img'>[[Image:icon_resist_exp.png|20px|shield explosive resistance]]</div>
|   data4    = {{#if: {{{slides link|}}}
            <div style='display: inline-block;'>
                 | [{{{slides link|}}} PDF]
              <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>
      </td>
    </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>
 
      </td>
    </tr>


|  label5     = ToT video
     </table>
|  data5    = {{#if: {{{video link|}}}
                | [{{{video link|}}} YouTube]
                }}


|  label6    = Reading list
<!-- Ship bonuses -->
|  data6     =<div class="mw-collapsible mw-collapsed" style="overflow:auto;">
     <div class='ship-border-box' style='display: {{#if: {{{bonuses|}}} |block |none }}; margin: 10px 5px 5px'>
Distinctio iste voluptatum ipsam maxime sint. Fuga velit nostrum rerum dolor rerum aspernatur laborum. Qui explicabo iure omnis molestiae aliquam dolor. Dolores qui ipsum eveniet ut repellat culpa qui omnis.
    <div class='label'>S H I P&nbsp;&nbsp;&nbsp;B O N U S E S</div>
    <p>{{{bonuses}}}</p>
    </div>


Et velit aperiam molestiae nostrum. Reprehenderit aut consequatur architecto. Hic nihil harum ducimus pariatur est tenetur minima. Qui voluptatem maxime non et voluptatum facilis voluptatibus repudiandae. Optio fugit adipisci laboriosam sunt hic facilis sed corrupti. Culpa quia veritatis aut dolores quo quam velit corrupti.
<!-- Ship description -->
</div>
    <div class='ship-desc'>{{#if: {{{info|}}} |{{{info}}} |&nbsp;}}</div>


}}<noinclude>
  </div content-right>
{{documentation}}
  </div content>
</noinclude>
</div ShipInfo>
</div ShipBoxLarge></includeonly>
<noinclude> {{documentation}} <!-- Please add categories and interwikis to the bottom of sub-page /doc, not here --></noinclude>