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

Template:ShipBoxLarge: Difference between revisions

Template page
No edit summary
Make fighter/drone info visible.
 
(89 intermediate revisions by 11 users not shown)
Line 1: Line 1:
{{#css:
<includeonly>{{#css:
.ship-info
 
{
div.ShipBoxLarge
float:left;
{
background-color: #1D1C23;
  float: left;
border-bottom: 1px solid #525751;
  clear: both;
border-left: 1px solid black;
  width: 100%;
border-right: 1px solid black;
}
border-top: 1px solid #525751;
 
float: left;
.ShipBoxLarge .ship-info
margin-bottom: 10px;
{
width: 800px;
  background-color: #1D1C23;
}
  border-bottom: 1px solid #525751;
  border-left: 1px solid black;
.ship-info table { background-color: transparent; }
  border-right: 1px solid black;
.ship-info table, .ship-info table tr, .ship-info table td { margin:0; padding:0; border-spacing:0; }
  border-top: 1px solid #525751;
  float: left;
.ship-info .title
  margin-bottom: 10px;
{
  width: 800px;
border-bottom: 1px solid #525751;
}
color: #CCCCCC;
 
font-family: trebuchet MS;
.ShipBoxLarge table
font-size: 12px;
{
font-weight: bold;
  border-spacing: 0;
height: 22px;
  margin: 0;
line-height: 20px;
}
padding: 0 10px;
 
text-align: left;
.ShipBoxLarge table td
text-transform: uppercase;
{
}
  padding: 0;
}
.ship-info .ship-border-box
 
{
.ShipBoxLarge .title
background-color: #110809;
{
border: 1px solid #878984;
  border-bottom: 1px solid #525751;
}
  color: #CCCCCC;
  font-family: trebuchet MS;
.ship-info .ship-border-box p
  font-size: 12px;
{
  font-weight: bold;
color: #FFFFFF;
  height: 22px;
font-size: 90%;
  line-height: 20px;
margin: 0;
  padding: 0 10px;
padding: 5px;
  text-align: left;
text-align: left;
  text-transform: uppercase;
}
}
 
.ship-info .label
.ShipBoxLarge .titlename a
{
{
border-bottom: 1px solid #4C4646;
  float: left;
border-top: 1px solid #4C4646;
  font-size: 180%;
font-family: Trebuchet MS;
  height: 30px;
height: 14px;
  line-height: 30px;
line-height: 14px;
  padding-left: 5px;
padding: 2px;
}
}
 
.ShipBoxLarge .titlename a:hover
.ship-info .label .inner
{
{
  text-decoration: none;  
background-color:#0e1618;
}
font-size: 10px;
 
padding: 0 3px;
.ShipBoxLarge .ship-border-box
}
{
  background-color: #110809;
.box-resist {
  border: 1px solid #878984;
height: 15px;
}
line-height: 15px;
 
width: 50px;  
.ShipBoxLarge .ship-border-box p
}
{
.bgr-em { background-color:#121923; }  
  color: #FFFFFF;
.bgr-thr { background-color:#290b0b; }  
  font-size: 90%;
.bgr-kin { background-color:#292021; }  
  margin: 0;
.bgr-exp { background-color:#2b190b; }  
  padding: 5px;
.val-em { background-color:#1c5d85; }
  text-align: left;
.val-thr { background-color:#8d1717; }  
}
.val-kin { background-color:#757575; }  
 
.val-exp { background-color:#875f1a; }
.ShipBoxLarge .label
.box-resist .resist-value .value-text
{
{
  background-color:#0e1618;
font-family: trebuchet MS;
  border-bottom: 1px solid #4C4646;
font-size: 11px;
  border-top: 1px solid #4C4646;
font-weight: bold;
  font-family: Trebuchet MS;
text-align: center;
  font-size: 10px;
width: 50px;
  height: 14px;
}
  line-height: 14px;
  padding: 2px 5px;
.ship-info .attributes
  color: var(--color-inverted-fixed);
{
}
border: medium none;
 
padding: 3px;
.ShipBoxLarge .box-resist
}
{
  height: 15px;
.attributes .att-line
  line-height: 15px;
{
  width: 50px;
background-color: #110809;
}
font-family: trebuchet MS;
 
font-size: 11px;
.ShipBoxLarge .bgr-em { background-color: #121923; }
height: 20px;
.ShipBoxLarge .bgr-thr { background-color: #290b0b; }
line-height: 20px;
.ShipBoxLarge .bgr-kin { background-color: #292021; }
margin-bottom: 2px;
.ShipBoxLarge .bgr-exp { background-color: #2b190b; }
}
.ShipBoxLarge .val-em { background-color: #1c5d85; }
.ShipBoxLarge .val-thr { background-color: #8d1717; }
.attributes .att-line .att-item
.ShipBoxLarge .val-kin { background-color: #757575; }
{
.ShipBoxLarge .val-exp { background-color: #875f1a; }
border-right: 2px solid #191E18;
 
display: inline-block;
.ShipBoxLarge .box-resist .resist-value .value-text
padding: 0 5px;
{
}
  font-weight: bold;
  text-align: center;
.attributes .att-line .att-item .att-img
  width: 50px;
{
}
display: inline-block;
 
margin-right: 2px;
.ShipBoxLarge .attributes
}
{
.attributes .res-boxes .att-item .att-img
  border: none;
{
  padding: 3px;
margin-right:0;
}
}
 
.attributes .att-line .att-item .att-label
.ShipBoxLarge .attributes .att-line
{
{
color: #9E9E9E;
  background-color: #110809;
display: inline-block;
  font-family: trebuchet MS;
}
  font-size: 11px;
.attributes .att-line .att-item .att-value
  height: 20px;
{
  line-height: 20px;
color: #FFFFFF;
  margin-bottom: 2px;
display: inline-block;
}
margin-right: 2px;
 
text-align: right;
.ShipBoxLarge .attributes .att-item
width: 10px;
{
}
  border-right: 2px solid #191E18;
.attributes th
  display: inline-block;
{
  padding: 0 5px;
float: right;
}
font-size: 10px;
 
height: 15px;
.ShipBoxLarge .attributes .att-img
line-height: 15px;
{
}
  display: inline-block;
.attributes .collapseButton
  margin-right: 2px;
{
}
color: transparent;
 
float: left;
.ShipBoxLarge .attributes .res-boxes .att-img
margin-left: -6px;
{
}
  margin-right: 0;
.attributes .collapseButton a
}
{
 
border-color: #444A42 #000000;
.ShipBoxLarge .attributes .att-label
border-style: solid;
{
border-width: 1px;
  color: #9E9E9E;
color: transparent;
  display: inline-block;
margin-top: -1px;
}
position: absolute;
 
width: 100px;
.ShipBoxLarge .attributes .att-value
}
{
.attributes .collapseButton a:hover, .attributes .collapseButton a.hover
  color: #FFFFFF;
{
  display: inline-block;
border-top: 1px solid #FFFFFF;
  margin-right: 2px;
border-bottom: 1px solid #FFFFFF;
  text-align: right;
border-right: 1px solid #444A42;
  width: 10px;
border-left: 1px solid #444A42;
}
}
 
.ship-info p.ship-desc
.ShipBoxLarge p.ship-desc
{
{
font-family: arial;
  color: var(--color-inverted-fixed);
font-size: 11px;
  font-family: arial;
line-height: 120%;
  font-size: 11px;
padding: 5px 5px 0;
  line-height: 120%;
text-align: justify;
  padding: 5px 5px 0;
}
  text-align: justify;
.ship-info .ship-variants
}
{
 
border-top: 1px solid #323931;
.ShipBoxLarge .ship-variants
font-family: trebuchet MS;
{
font-size: 11px;
  border-top: 1px solid #323931;
height: 20px;
  font-family: trebuchet MS;
line-height: 20px;
  font-size: 11px;
margin: 0 5px 5px;
  height: 20px;
}
  line-height: 20px;
.ship-info .forum-link
  margin: 0 5px 5px;
{
}
background-color: black;
 
border: 1px solid #323931;
.ShipBoxLarge .techcorner
display: block;
{
float: left;
  width: 64px;
margin-top: 5px;
  height: 64px;
width: 254px;
  position: absolute;
}
  top: 0px;
.ship-info .forum-link .linkentry
  left: 0px;
{
  margin-left: 1px;
width:100%;
  margin-top: 1px;
}
}
.ship-info .forum-link .linkentry a
 
{
.ShipBoxLarge .box-discussion
border-top: 1px solid #323931;
{
float: left;
  margin-left: -6px;
font-size: 11px;
  margin-right: -6px;
height: 20px;
  margin-top: 5px;
line-height: 20px;
  border-color: #393734 black;
width: 100%;
  border-style: solid;
}
  border-width: 1px;
  padding: 5px;
.ship-info .forum-link .linkentry a:hover, .ship-info .forum-link .linkentry.hover
  background-color: #1A1A1A;
{
}
 
}
.ShipBoxLarge .box-discussion .discussion-bgr
{
#content .ship-info .forum-link .linkentry a.external
  color: #4C4C4C;
{
  font-family: trebuchet MS;
background: none repeat scroll 0 0 transparent;
  font-size: 90%;
padding: 0;
}
}
 
}}
.ShipBoxLarge .box-discussion .linkname
<div style='float:left;clear:both;width:100%'>
{
<div class='ship-info'>
  font-size: 11px;
<div class='title'><span style='font-size:16px'>&equiv;</span> {{{class}}}: INFORMATION<div style='float: right; font-weight: bold; font-family: trebuchet MS; text-transform: uppercase; font-size: 80%; line-height: 20px; color: #F1EFCA;'>{{{roles}}}</div></div>
  line-height: 120%;
<table style='width:100%;'>
  padding: 0 5px;
<tr>
}
<td style='padding: 5px; width: 256px;' valign='top'>
 
<div class='ship-img'>[[Image:{{{shipimg}}}|center|256x256px|{{{shipname}}}]]</div>
}}<!-- Content -->
<div class='forum-link'>
<div class='ShipBoxLarge'>
<table cellspacing='0' cellpadding='0'>
 
<tr>
  <div class='ship-info'>
<td style='width:30px' valign='top'>[[Image:Icon_capacity.png|center|28x28px|forum discussion]]</td>
<!-- Title -->
<td valign='top'>
    <div class='title'><span style='font-size: 16px;'>&equiv;</span> {{#if: {{{class|}}} |{{{class}}} |SHIP}}: INFORMATION
<div style='width: 100%; font-family: trebuchet MS; font-size: 11px; line-height: 20px;'>Ship Discussions</div>
    </div>
<div class='linkentry'>[{{{{{{link_pve_disc}}}|http://forum.eveuniversity.org/viewforum.php?f=128}}} {{{shipname}}} PvE Loadouts Discussion]</div>
<!-- Content -->
<div class='linkentry'>[{{{{{{link_pvp_disc}}}|http://forum.eveuniversity.org/viewforum.php?f=128}}} {{{shipname}}} PvP Loadouts Discussion]</div>
    <table style='width: 100%;'>
</td>
 
</tr>
      <tr>
</table>
<!-- Content left: image and link -->
</div>
        <td style='padding: 5px; width: 256px; vertical-align: top;'>
</td>
 
<td style='padding:5px' valign='top'>
          <div class='ship-img' style='border: 1px solid #323931; position: relative;'>{{#ifexist: File:{{{shipimg}}}
<div style='position: absolute;'><div style='color: #F1EFCA;float: left;font-size: 180%;height: 30px;line-height: 30px;'>{{{shipname}}}</div></div>
                | [[Image:{{{shipimg}}}|256x256px|{{{shipname|}}}]]
<table class='collapsible collapsed attributes' style='width:100%;'>
                |  {{#if: {{{shipid|}}}
<tr>
                    | {{Imageserver|types|{{{shipid}}}|render|size=256}}
<th><div style='float: left; width: 100px; font-family: trebuchet MS;margin-left: -3px;'>SHOW ATTRIBUTES</div></th>
                    | [[Image:no-image.png|256x256px|{{#if: {{{shipname|}}} | {{{shipname}}} | Unknown Ship }} ]]
</tr>
                  }}
<tr><td style='padding:0;margin:0;'><div style='height:15px;line-height:15px;'>&nbsp;</div></td></tr>
              }}
<tr>
            {{#if: {{{tech|}}} |<div class="techcorner">[[Image:CornerT{{{tech}}}h.png|link=]]</div> }}
<td>
          </div>
<div style='background-color:#191E18;border: 1px solid #323931;'>
          <div style='position: absolute; margin-left: 200px; margin-top: -60px;'>[[Image:{{#switch: {{lc: {{{faction}}} }}
<div class='att-line'>
                | angel cartel= Logo_faction_angel_cartel.png
<div class='att-item' style='width: 80px; text-align: right;'>
                | amarr empire= Logo_faction_amarr_empire.png
<div class='att-label'>fittings</div>
                | blood raiders= Logo_faction_the_blood_raider_covenant.png
</div>
                | caldari state= Logo_faction_caldari_state.png
<div class='att-item' style='border-right:medium none;'>
                | concord= Logo_faction_concord_assembly.png
<div class='att-value'>{{{highs|0}}}</div><div class='att-img'>[[Image:icon_hi_slot.png|20px|middle|high slots]]</div><div class='att-label' style='color: #9A7535;'>highs</div>
                | edencom= Logo_faction_edencom.png
</div>
                | gallente federation= Logo_faction_gallente_federation.png
<div class='att-item' style='border-right:medium none;'>
                | guristas= Logo_faction_guristas_pirates.png
<div class='att-value'>{{{launchers|0}}}</div><div class='att-img'>[[Image:icon_launcher_hp.png|20px|middle|launcher slots]]</div><div class='att-label'>launchers</div>
                | intaki syndicate= Logo faction the syndicate.png
</div>
                | interbus= Logo faction the interbus.png
<div class='att-item'>
                | jovian directorate= Logo faction jove empire.png
<div class='att-value'>{{{turrets|0}}}</div><div class='att-img'>[[Image:icon_turret_hp.png|20px|middle|turret slots]]</div><div class='att-label'>turrets</div>
                | khanid kingdom= Logo_faction_khanid_kingdom.png
</div>
                | minmatar republic= Logo_faction_minmatar_republic.png
<div class='att-item'>
                | mordu's legion= Logo_faction_mordus_legion.png
<div class='att-value'>{{{mediums|0}}}</div><div class='att-img'>[[Image:icon_mid_slot.png|20px|middle|middle slots]]</div><div class='att-label' style='color: #9A7535;'>mediums</div>
                | outer ring excavations= Logo_faction_outer_ring_excavations.png
</div>
                | sansha's nation= Logo_faction_sanshas_nation.png
<div class='att-item'>
                | serpentis= Logo_faction_serpentis.png
<div class='att-value'>{{{lows|0}}}</div><div class='att-img'>[[Image:icon_low_slot.png|20px|middle|low slots]]</div><div class='att-label' style='color: #9A7535;'>lows</div>
                | sisters of eve= Logo_faction_sisters_of_eve.png
</div>
                | society of conscious thought= Logo_faction_the_society.png
</div>
                | triglavian collective= Logo_faction_triglavian_collective.png
<div class='att-line'>
                | #default= Helpicon.png
<div class='att-item' style='width: 80px; text-align: right;'>
              }}|60x60px|{{#if: {{{faction|}}}
<div class='att-label'>drones & cargo</div>
                  | {{{faction}}}
</div>
                  | Unknown Faction
<div class='att-item'>
                }}|link=]]
<div class='att-value' style='width:40px'>{{{dronebay}}}</div><div class='att-img'>[[Image:icon_drone_capacity.png|20px|middle|drone capacity]]</div><div class='att-label'>drones</div>
          </div>
</div>
 
<div class='att-item'>
<!-- Wiki links -->
<div class='att-value' style='width:60px'>{{{bandwidth}}}</div><div class='att-img'>[[Image:icon_drone_bandwith.png|20px|middle|drone bandwith]]</div><div class='att-label'>b/w</div>
          <div class='box-discussion'>
</div>
            <div class='discussion-bgr'>RELATED UNI-WIKI REFERENCES</div>
<div class='att-item' style='border-right:medium none;'>
            <div class='linkname'>[[Ships|EVE Online Ships Overview]]<br>{{{wikireferences|}}}</div>
<div class='att-value' style='width:70px'>{{{cargohold}}}</div><div class='att-img'>[[Image:Icon_capacity.png|20px|middle|cargo capacity]]</div><div class='att-label'>cargo</div>
          </div>
</div>
 
</div>
<!--* External links *-->
<div class='att-line res-boxes'>
          <div class='box-discussion'>
<div class='att-item' style='width: 80px; height: 40px; position: absolute; background-color: #110809;text-align: right;'>
              <div class='discussion-bgr'>EXTERNAL LINKS</div>
<div class='att-label' style='line-height: 40px;'>defense</div>
              <div class='linkname'>{{#if: {{{shipid|}}}
</div>
                | [https://zkillboard.com/ship/{{{shipid}}}/ {{{shipname|}}} on zKillboard]{{#switch: {{lc: {{{class}}} }}
<div class='att-item' style='width: 87px; margin-left: 95px;'>
                  | shuttle=
<div class='att-value' style='width:30px'>{{{shieldhp|0}}}</div><div class='att-img'>[[Image:icon_shield.png|20px|middle|shields]]</div><div class='att-label'>shields</div>
                  | #default= <br>[https://www.eveworkbench.com/fitting/{{{shipid}}} {{{shipname|}}} on EVE Workbench]
</div>
                }} <br>[https://janice.e-351.com/i/{{{shipid}}}/ {{{shipname|}}} on Janice]<br>[https://everef.net/type/{{{shipid}}} {{{shipname|}}} on EVE Ref]
<div class='att-item' style='border-right: medium none;'>
              }}<br>{{{externallinks|}}}</div>
<div class='att-img'>[[Image:icon_resist_em.png|20px|shield electromagnetic resistance]]</div>
          </div>
<div style='display: inline-block;'>
 
<div class='box-resist bgr-em'> <div class='resist-value val-em' style='width:{{#expr:{{#expr:{{{shieldem|0}}}/2}}round0}}px;'> <div class='value-text'>{{{shieldem|0}}}</div></div></div>
        </td>
</div>
 
<div class='att-img'>[[Image:icon_resist_therm.png|20px|shield thermal resistance]]</div>
<!-- Content right: data -->
<div style='display: inline-block;'>
        <td style='border-left: 1px solid #333333; padding: 5px 5px 5px 0; vertical-align: top;'>
<div class='box-resist bgr-thr'> <div class='resist-value val-thr' style='width:{{#expr:{{#expr:{{{shieldtherm|0}}}/2}}round0}}px;'> <div class='value-text'>{{{shieldtherm|0}}}</div></div></div>
<!-- Title (Ship name) -->
</div>
          <div class='titlename' style='margin-bottom: 1em;'>[[{{{shipname|}}}]]</div>
<div class='att-img'>[[Image:icon_resist_kin.png|20px|shield kinetic resistance]]</div>
<!-- Ship attributes -->
<div style='display: inline-block;'>
          <table class='attributes' style='margin-bottom: 5px; width: 100%;'>
<div class='box-resist bgr-kin'> <div class='resist-value val-kin' style='width:{{#expr:{{#expr:{{{shieldkin|0}}}/2}}round0}}px;'> <div class='value-text'>{{{shieldkin|0}}}</div></div></div>
            <tr>
</div>
              <td>
<div class='att-img'>[[Image:icon_resist_exp.png|20px|shield explosive resistance]]</div>
                <div style='border: 1px solid #323931; background-color: #191E18;'>
<div style='display: inline-block;'>
<!-- Fittings -->
<div class='box-resist bgr-exp'> <div class='resist-value val-exp' style='width:{{#expr:{{#expr:{{{shieldexp|0}}}/2}}round0}}px;'> <div class='value-text'>{{{shieldexp|0}}}</div></div></div>
                  <div class='att-line'>
</div>
                    <div class='att-item' style='width: 8.4em; text-align: right;'>
</div>
                      <div class='att-label'>fittings</div>
</div>
                    </div>
<div class='att-line res-boxes'>
                    <div class='att-item' style='border-right: none;'>
<div class='att-item' style='width: 80px;'>
                      <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 class='att-label'>&nbsp;</div>
                    </div>
</div>
                    <div class='att-item' style='border-right: none;'>
<div class='att-item' style='width:87px;'>
                      <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 class='att-value' style='width:30px'>{{{armorhp|0}}}</div><div class='att-img'>[[Image:icon_armor.png|20px|middle|armor]]</div><div class='att-label'>armor</div>
                    </div>
</div>
                    <div class='att-item'>
<div class='att-item' style='border-right: medium none;'>
                      <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 class='att-img'>[[Image:icon_resist_em.png|20px|armor electromagnetic resistance|]]</div>
                    </div>
<div style='display: inline-block;'>
                    <div class='att-item'>
<div class='box-resist bgr-em'> <div class='resist-value val-em' style='width:{{#expr:{{#expr:{{{armorem|0}}}/2}}round0}}px;'> <div class='value-text'>{{{armorem|0}}}</div></div></div>
                      <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>
<div class='att-img'>[[Image:icon_resist_therm.png|20px|armor thermal resistance|]]</div>
                    <div class='att-item' style='border-right: none;>
<div style='display: inline-block;'>
                      <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 class='box-resist bgr-thr'> <div class='resist-value val-thr' style='width:{{#expr:{{#expr:{{{armortherm|0}}}/2}}round0}}px;'> <div class='value-text'>{{{armortherm|0}}}</div></div></div>
                    </div>                  
</div>
                  </div>
<div class='att-img'>[[Image:icon_resist_kin.png|20px|armor kinetic resistance|]]</div>
 
<div style='display: inline-block;'>
<!-- Drones & cargo -->
<div class='box-resist bgr-kin'> <div class='resist-value val-kin' style='width:{{#expr:{{#expr:{{{armorkin|0}}}/2}}round0}}px;'> <div class='value-text'>{{{armorkin|0}}}</div></div></div>
                  <div class='att-line'>
</div>
                    <div class='att-item' style='width: 8.4em; text-align: right;'>
<div class='att-img'>[[Image:icon_resist_exp.png|20px|armor explosive resistance|]]</div>
                      <div class='att-label'>{{#if: {{{fighterbay|}}} | fighters |drones }} & cargo</div>
<div style='display: inline-block;'>
                    </div>
<div class='box-resist bgr-exp'> <div class='resist-value val-exp' style='width:{{#expr:{{#expr:{{{armorexp|0}}}/2}}round0}}px;'> <div class='value-text'>{{{armorexp|0}}}</div></div></div>
                {{#if: {{{fighterbay|}}}
</div>
                  | <div class='att-item'>
</div>
                      <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>
<div class='att-line'>
                    <div class='att-item'>
<div class='att-item' style='width: 80px;text-align: right;'>
                      <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 class='att-label'>target & nav</div>
                    </div>
</div>
                  | {{#if: {{{dronebay|}}}
<div class='att-item'>
                      | <div class='att-item'>
<div class='att-value' style='width:50px'>{{{targetrange|0 km}}}</div><div class='att-img'>[[Image:icon_target_range.png|20px|middle|max. targeting range]]</div><div class='att-label'>tgt. range</div>
                          <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>
<div class='att-item'>
                          <div class='att-item'>
<div class='att-value' style='width:30px'>{{{sigradius|0 m}}}</div><div class='att-img'>[[Image:icon_ship_sig.png|20px|middle|ship signature radius]]</div><div class='att-label'>sig. radius</div>
                            <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>
<div class='att-item' style='border-right:medium none;'>
                      | <div class='att-item'>
<div class='att-value' style='width:55px'>{{{maxvelocity|0 m/s}}}</div><div class='att-img'>[[Image:Icon_velocity.png|20px|middle|max. velocity]]</div><div class='att-label'>max. velocity</div>
                          <div class='att-label' style="width: 160px; text-align: center; color: #9A7535;">No drone bay</div>
</div>
                        </div>
</div>
                    }}
</div>
                }}
</td>
 
</tr>
                    <div class='att-item' style='border-right: none;'>
</table>
                      <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>
<p class='ship-desc'>{{{info}}}</p>
                    </div>
<div class='ship-variants'>Variations : {{{variations|<i>none</i>}}}</div>
                  </div>
<div class='ship-border-box' style='margin:5px'>
 
<div class='label'><div class='inner'>S H I P&nbsp;&nbsp;&nbsp;B O N U S E S</div></div>  
<!-- Defense -->
<p>{{{bonuses|<i>no bonuses available for this ship</i>}}}</p>
                  <div class='att-line res-boxes' style='position: relative;'>
</div>
                    <div class='att-item' style='width: 8.4em; height: 40px; position: absolute; left: 0; background-color: #110809; text-align: right;'>
</td>
                      <div class='att-label' style='line-height: 40px;'>defense</div>
</tr>
                    </div>
</table>
                    <div class='att-item' style='width: 87px; margin-left: 95px; text-align: right;'>
</div>
                      <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>
                    <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>
 
<!-- 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 -->
          <p class='ship-desc'>{{#if: {{{info|}}} |{{{info}}} |&nbsp;}}</p>
<!--          <div class='ship-variants'>Variations : {{#if: {{{variations|}}} |{{{variations}}} |<i>none</i>}}</div>-->
        </td>
 
      </tr>
 
    </table>
 
  </div>
</div></includeonly>
<noinclude>{{documentation}}</noinclude>