Toggle search
Toggle menu
4.5K
7.6K
15.6K
232.1K
EVE University Wiki
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
More actions
← Older edit
VisualWikitext
m {{ns:<namespace name or number>}} is a magic word
m Coding and testing
 
Line 1: Line 1:
{{Color box|color=#2f8f2f|border=#144f1d<!--
<includeonly>{{#css:
According to the w3schools color picker #2f8f2f is a green of 37% on the lighter/darker scale and #144f1d is 19% I personally do not see the difference.
Another problem with the color is the contrast with the link colors, red and orange, so we might need another background color.


-->|It has been suggested that this <!-- literal text
div.ShipBoxLarge
-->{{ #ifeq: {{NAMESPACE}} | {{ns:Extension}} | extension | <!-- ??? to be read ass if NAMESPACE is ns:Extension then text extension ??? (Nope, {{ns:<namespace name or number}} is a magic word. Using a non existing namespace confuses the parser into thinking it is a template)
{
ns:Extension should have probably been just Extension. The wiki now sees it as a template. Also as far as I have been able to find out UniWiki does not use the namespace Extension. If UniWiki is not using the namespace Extension then this part of the code can be removed.
  float: left;
  clear: both;
  width: 100%;
}


-->{{ #if: {{NAMESPACE}} | page | article }}<!-- article in main: else page
.ShipBoxLarge .ship-info
--> or section<!-- literal text
{
-->}} <!-- Close of #ifeq:
  background-color: #1D1C23;
  border-bottom: 1px solid #525751;
  border-left: 1px solid black;
  border-right: 1px solid black;
  border-top: 1px solid #525751;
  float: left;
  margin-bottom: 10px;
  /*width: 800px;*/
}


-->be merged with <!-- literal text
.ShipBoxLarge table
{
  border-spacing: 0;
  margin: 0;
}


-->{{ Pagelist | nspace= default | delim= '' | {{{1|}}} | {{{2|}}}|{{{3|}}}|{{{4|}}}|{{{5|}}}|{{{6|}}}|{{{7|}}}|{{{8|}}}|{{{9|}}}|{{{10|}}}|{{{11|}}}|{{{12|}}}|{{{13|}}}|{{{14|}}}|{{{15|}}}|{{{16|}}}|{{{17|}}}|{{{18|}}}|{{{19|}}}| {{{20|}}} }}<!-- call to Pagelist (transclusion)
.ShipBoxLarge table td
{
  padding: 0;
}


-->{{ #if: {{{target|}}} | &nbsp;to ''[[ {{{target}}} ]]''| }}<!-- if target= is used then add link to target
.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;
}


-->. (<!-- literal text
.ShipBoxLarge .titlename a
{
  float: left;
  font-size: 180%;
  height: 30px;
  line-height: 30px;
  padding-left: 5px;
}


-->[[ {{{discussion| {{{discuss | :{{TALKPAGENAME}} }}} }}}<!-- link either discussion=, discuss=  or :TALKPAGENAME. What s the : doing
.ShipBoxLarge .titlename a:hover
-->| Discuss ]]<!-- link name
{
  text-decoration: none;   
}


-->)<!-- literal text<!--
.ShipBoxLarge .ship-border-box
{
  background-color: #110809;
  border: 1px solid #878984;
}


-->}}<!-- Close of Color box
.ShipBoxLarge .ship-border-box p
{
  color: #FFFFFF;
  font-size: 90%;
  margin: 0;
  padding: 5px;
  text-align: left;
}


-->{{ #if: {{{nocat | }}} | | }}<!-- what the BEEP does this? Looks like a test for a parameter nocat but both options are empty. Could probably be removed. -->
.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);
}


<includeonly>[[Category:Candidates for merging]]</includeonly>
.ShipBoxLarge .box-resist
<noinclude>{{documentation}}</noinclude>
{
  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>
                }}
              }}
 
            <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>
 
      <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>
 
            <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>
      </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>
 
    </table>
 
<!-- Ship bonuses -->
    <div class='ship-border-box' style='display: {{#if: {{{bonuses|}}} |block |none }}; margin: 10px 5px 5px'>
    <div class='label'>S H I P&nbsp;&nbsp;&nbsp;B O N U S E S</div>
    <p>{{{bonuses}}}</p>
    </div>
 
<!-- Ship description -->
    <div class='ship-desc'>{{#if: {{{info|}}} |{{{info}}} |&nbsp;}}</div>
 
  </div content-right>
  </div content>
</div ShipInfo>
</div ShipBoxLarge></includeonly>
<noinclude> {{documentation}} <!-- Please add categories and interwikis to the bottom of sub-page /doc, not here --></noinclude>
Retrieved from "https://wiki.eveuniversity.org/User:Evon_R%27al/Sandbox_template"