Difference between revisions of "Template:ShipBoxLarge"

From EVE University Wiki
Jump to: navigation, search
(finished adding forum discussion link to ship information)
(Fix broken hover/alt tags on armour icons)
 
(79 intermediate revisions by 10 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
+
}
{
+
 
border: medium none;
+
.ShipBoxLarge .box-resist
padding: 3px;
+
{  
}
+
  height: 15px;
+
  line-height: 15px;
.attributes .att-line
+
  width: 50px;  
{
+
}
background-color: #110809;
+
 
font-family: trebuchet MS;
+
.ShipBoxLarge .bgr-em { background-color: #121923; }
font-size: 11px;
+
.ShipBoxLarge .bgr-thr { background-color: #290b0b; }
height: 20px;
+
.ShipBoxLarge .bgr-kin { background-color: #292021; }
line-height: 20px;
+
.ShipBoxLarge .bgr-exp { background-color: #2b190b; }
margin-bottom: 2px;
+
.ShipBoxLarge .val-em { background-color: #1c5d85; }
}
+
.ShipBoxLarge .val-thr { background-color: #8d1717; }
+
.ShipBoxLarge .val-kin { background-color: #757575; }
.attributes .att-line .att-item
+
.ShipBoxLarge .val-exp { background-color: #875f1a; }
{
+
 
border-right: 2px solid #191E18;
+
.ShipBoxLarge .box-resist .resist-value .value-text
display: inline-block;
+
{
padding: 0 5px;
+
  font-weight: bold;
}
+
  text-align: center;
+
  width: 50px;
.attributes .att-line .att-item .att-img
+
}
{
+
 
display: inline-block;
+
.ShipBoxLarge .attributes
margin-right: 2px;
+
{
}
+
  border: none;
.attributes .res-boxes .att-item .att-img
+
  padding: 3px;
{
+
}
margin-right:0;
+
 
}
+
.ShipBoxLarge .attributes .att-line
.attributes .att-line .att-item .att-label
+
{
{
+
  background-color: #110809;
color: #9E9E9E;
+
  font-family: trebuchet MS;
display: inline-block;
+
  font-size: 11px;
}
+
  height: 20px;
.attributes .att-line .att-item .att-value
+
  line-height: 20px;
{
+
  margin-bottom: 2px;
color: #FFFFFF;
+
}
display: inline-block;
+
 
margin-right: 2px;
+
.ShipBoxLarge .attributes .att-item
text-align: right;
+
{
width: 10px;
+
  border-right: 2px solid #191E18;
}
+
  display: inline-block;
.attributes th
+
  padding: 0 5px;
{
+
}
float: right;
+
 
font-size: 10px;
+
.ShipBoxLarge .attributes .att-img
height: 15px;
+
{
line-height: 15px;
+
  display: inline-block;
}
+
  margin-right: 2px;
.attributes .collapseButton
+
}
{
+
 
color: transparent;
+
.ShipBoxLarge .attributes .res-boxes .att-img
float: left;
+
{
margin-left: -6px;
+
  margin-right: 0;
}
+
}
.attributes .collapseButton a
+
 
{
+
.ShipBoxLarge .attributes .att-label
border-color: #444A42 #000000;
+
{
border-style: solid;
+
  color: #9E9E9E;
border-width: 1px;
+
  display: inline-block;
color: transparent;
+
}
margin-top: -1px;
+
 
position: absolute;
+
.ShipBoxLarge .attributes .att-value
width: 100px;
+
{
}
+
  color: #FFFFFF;
.attributes .collapseButton a:hover, .attributes .collapseButton a.hover
+
  display: inline-block;
{
+
  margin-right: 2px;
border-top: 1px solid #FFFFFF;
+
  text-align: right;
border-bottom: 1px solid #FFFFFF;
+
  width: 10px;
border-right: 1px solid #444A42;
+
}
border-left: 1px solid #444A42;
+
 
}
+
.ShipBoxLarge p.ship-desc
.ship-info p.ship-desc
+
{
{
+
  font-family: arial;
font-family: arial;
+
  font-size: 11px;
font-size: 11px;
+
  line-height: 120%;
line-height: 120%;
+
  padding: 5px 5px 0;
padding: 5px 5px 0;
+
  text-align: justify;
text-align: justify;
+
}
}
+
 
.ship-info .ship-variants
+
.ShipBoxLarge .ship-variants
{
+
{
border-top: 1px solid #323931;
+
  border-top: 1px solid #323931;
font-family: trebuchet MS;
+
  font-family: trebuchet MS;
font-size: 11px;
+
  font-size: 11px;
height: 20px;
+
  height: 20px;
line-height: 20px;
+
  line-height: 20px;
margin: 0 5px 5px;
+
  margin: 0 5px 5px;
}
+
}
.ship-info .forum-link
+
 
{
+
.ShipBoxLarge .techcorner
background-color: #110809;
+
{
border: 1px solid #323931;
+
  width: 64px;
display: block;
+
  height: 64px;
float: left;
+
  position: absolute;
margin-top: 5px;
+
  top: 0px;
padding: 2px;
+
  left: 0px;
width: 252px;
+
  margin-left: 1px;
}
+
  margin-top: 1px;
.ship-info .forum-link .linkentry
+
}
{
+
 
width:100%;
+
.ShipBoxLarge .box-discussion
}
+
{
.ship-info .forum-link .linkentry .linkimg
+
  margin-left: -6px;
{
+
  margin-right: -6px;
display: inline-block;
+
  margin-top: 5px;
width: 20px;
+
  border-color: #393734 black;
}
+
  border-style: solid;
.ship-info .forum-link .linkentry .linkname
+
  border-width: 1px;
{
+
  padding: 5px;
display: inline-block;
+
  background-color: #1A1A1A;
}
+
}
.ship-info .forum-link .linkentry a
+
 
{
+
.ShipBoxLarge .box-discussion .discussion-bgr
display: block;
+
{
font-size: 11px;
+
  color: #4C4C4C;
}
+
  font-family: trebuchet MS;
+
  font-size: 90%;
#content .ship-info .forum-link .linkentry a.external
+
}
{
+
 
background: none repeat scroll 0 0 transparent;
+
.ShipBoxLarge .box-discussion .linkname
color: #9E9E9E;
+
{
padding: 0 5px;
+
  font-size: 11px;
}
+
  line-height: 120%;
#content .ship-info .forum-link .linkentry a.external.hover, #content .ship-info .forum-link .linkentry a.external:hover
+
  padding: 0 5px;
{
+
}
background-color:#393939;
+
 
text-decoration: none;
+
}}<!-- Content -->
color:orange;
+
<div class='ShipBoxLarge'>
}
+
 
}}
+
  <div class='ship-info'>
<div style='float:left;clear:both;width:100%'>
+
<!-- Title -->
<div class='ship-info'>
+
    <div class='title'><span style='font-size: 16px;'>&equiv;</span> {{#if: {{{class|}}} |{{{class}}} |SHIP}}: INFORMATION
<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>
+
    </div>
<table style='width:100%;'>
+
<!-- Content -->
<tr>
+
    <table style='width: 100%;'>
<td style='padding: 5px; width: 256px;' valign='top'>
+
 
<div style='border:1px solid #323931;' class='ship-img'>[[Image:{{{shipimg}}}|center|256x256px|{{{shipname}}}]]</div>
+
      <tr>
<div class='forum-link'>
+
<!-- Content left: image and link -->
<div class='linkentry'>
+
        <td style='padding: 5px; width: 256px; vertical-align: top;'>
<div class='linkimg'>[[Image:Icon_capacity.png|center|20x20px|forum discussion]]</div>
+
 
<div class='linkname'>[{{{{{{link_pve_disc}}}|http://forum.eveuniversity.org/viewforum.php?f=128}}} {{{shipname}}} PvE Loadouts Discussion Forum]</div>
+
          <div class='ship-img' style='border: 1px solid #323931; position: relative;'>{{#ifexist: File:{{{shipimg}}}
</div>
+
                | [[Image:{{{shipimg}}}|256x256px|{{{shipname|}}}]]
<div class='linkentry'>
+
                |  {{#if: {{{shipid|}}}
<div class='linkimg'>[[Image:Icon_capacity.png|center|20x20px|forum discussion]]</div>
+
                    | {{Imageserver|types|{{{shipid}}}|render|size=256}}
<div class='linkname'>[{{{{{{link_pvp_disc}}}|http://forum.eveuniversity.org/viewforum.php?f=129}}} {{{shipname}}} PvP Loadouts Discussion Forum]</div>
+
                    | [[Image:no-image.png|256x256px|{{#if: {{{shipname|}}} | {{{shipname}}} | Unknown Ship }} ]]
</div>
+
                  }}
</div>
+
              }}
</td>
+
            {{#if: {{{tech|}}} |<div class="techcorner">[[Image:CornerT{{{tech}}}h.png|link=]]</div> }}
<td style='padding:5px' valign='top'>
+
          </div>
<div style='position: absolute;'><div style='color: #F1EFCA;float: left;font-size: 180%;height: 30px;line-height: 30px;'>{{{shipname}}}</div></div>
+
          <div style='position: absolute; margin-left: 200px; margin-top: -60px;'>[[Image:{{#switch: {{lc: {{{faction}}} }}
<table class='collapsible collapsed attributes' style='width:100%;'>
+
                | angel cartel= Logo_faction_angel_cartel.png
<tr>
+
                | amarr empire= Logo_faction_amarr_empire.png
<th><div style='float: left; width: 100px; font-family: trebuchet MS;margin-left: -3px;'>SHOW ATTRIBUTES</div></th>
+
                | blood raiders= Logo_faction_the_blood_raider_covenant.png
</tr>
+
                | caldari state= Logo_faction_caldari_state.png
<tr><td style='padding:0;margin:0;'><div style='height:15px;line-height:15px;'>&nbsp;</div></td></tr>
+
                | concord= Logo_faction_concord_assembly.png
<tr>
+
                | edencom= Logo_faction_edencom.png
<td>
+
                | gallente federation= Logo_faction_gallente_federation.png
<div style='background-color:#191E18;border: 1px solid #323931;'>
+
                | guristas= Logo_faction_guristas_pirates.png
<div class='att-line'>
+
                | intaki syndicate= Logo faction the syndicate.png
<div class='att-item' style='width: 80px; text-align: right;'>
+
                | interbus= Logo faction the interbus.png
<div class='att-label'>fittings</div>
+
                | jovian directorate= Logo faction jove empire.png
</div>
+
                | khanid kingdom= Logo_faction_khanid_kingdom.png
<div class='att-item' style='border-right:medium none;'>
+
                | minmatar republic= Logo_faction_minmatar_republic.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>
+
                | mordu's legion= Logo_faction_mordus_legion.png
</div>
+
                | outer ring excavations= Logo_faction_outer_ring_excavations.png
<div class='att-item' style='border-right:medium none;'>
+
                | sansha's nation= Logo_faction_sanshas_nation.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>
+
                | serpentis= Logo_faction_serpentis.png
</div>
+
                | sisters of eve= Logo_faction_sisters_of_eve.png
<div class='att-item'>
+
                | society of conscious thought= Logo_faction_the_society.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>
+
                | triglavian collective= Logo_faction_triglavian_collective.png
</div>
+
                | #default= Helpicon.png
<div class='att-item'>
+
              }}|60x60px|{{#if: {{{faction|}}}
<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>
+
                  | {{{faction}}}
</div>
+
                  | Unknown Faction
<div class='att-item'>
+
                }}|link=]]
<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>
+
          </div>
</div>
+
 
</div>
+
<!-- Wiki links -->
<div class='att-line'>
+
          <div class='box-discussion'>
<div class='att-item' style='width: 80px; text-align: right;'>
+
            <div class='discussion-bgr'>RELATED UNI-WIKI REFERENCES</div>
<div class='att-label'>drones & cargo</div>
+
            <div class='linkname'>[[Ships|EVE Online Ships Overview]]<br>{{{wikireferences|}}}</div>
</div>
+
          </div>
<div class='att-item'>
+
 
<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>
+
<!--* External links *-->
</div>
+
          <div class='box-discussion'>
<div class='att-item'>
+
              <div class='discussion-bgr'>EXTERNAL LINKS</div>
<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='linkname'>{{#if: {{{shipid|}}}
</div>
+
                | [https://zkillboard.com/ship/{{{shipid}}}/ {{{shipname|}}} on zKillboard]{{#switch: {{lc: {{{class}}} }}
<div class='att-item' style='border-right:medium none;'>
+
                  | shuttle=
<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>
+
                  | #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>
+
              }}<br>{{{externallinks|}}}</div>
<div class='att-line res-boxes'>
+
          </div>
<div class='att-item' style='width: 80px; height: 40px; position: absolute; background-color: #110809;text-align: right;'>
+
 
<div class='att-label' style='line-height: 40px;'>defense</div>
+
        </td>
</div>
+
 
<div class='att-item' style='width: 87px; margin-left: 95px;'>
+
<!-- Content right: data -->
<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>
+
        <td style='border-left: 1px solid #333333; padding: 5px 5px 5px 0; vertical-align: top;'>
</div>
+
<!-- Title (Ship name) -->
<div class='att-item' style='border-right: medium none;'>
+
          <div class='titlename' style='margin-bottom: 1em;'>[[{{{shipname|}}}]]</div>
<div class='att-img'>[[Image:icon_resist_em.png|20px|shield electromagnetic resistance]]</div>
+
<!-- Ship attributes -->
<div style='display: inline-block;'>
+
          <table class='attributes' style='margin-bottom: 5px; width: 100%;'>
<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>
+
            <tr>
</div>
+
              <td>
<div class='att-img'>[[Image:icon_resist_therm.png|20px|shield thermal resistance]]</div>
+
<!-- Fittings -->
<div style='display: inline-block;'>
+
                <div style='border: 1px solid #323931; background-color: #191E18;'>
<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>
+
                  <div class='att-line'>
</div>
+
                    <div class='att-item' style='width: 81px; text-align: right;'>
<div class='att-img'>[[Image:icon_resist_kin.png|20px|shield kinetic resistance]]</div>
+
                      <div class='att-label'>fittings</div>
<div style='display: inline-block;'>
+
                    </div>
<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>
+
                    <div class='att-item' style='border-right: none;'>
</div>
+
                      <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-img'>[[Image:icon_resist_exp.png|20px|shield explosive resistance]]</div>
+
                    </div>
<div style='display: inline-block;'>
+
                    <div class='att-item' style='border-right: none;'>
<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-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>
</div>
+
                    <div class='att-item'>
</div>
+
                      <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-line res-boxes'>
+
                    </div>
<div class='att-item' style='width: 80px;'>
+
                    <div class='att-item'>
<div class='att-label'>&nbsp;</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-item' style='width:87px;'>
+
                    <div class='att-item' style='border-right: none;>
<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 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>                  
<div class='att-item' style='border-right: medium none;'>
+
                  </div>
<div class='att-img'>[[Image:icon_resist_em.png|20px|armor electromagnetic resistance|]]</div>
+
<!-- Drones & cargo -->
<div style='display: inline-block;'>
+
                  <div class='att-line'>
<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-item' style='width: 81px; text-align: right;'>
</div>
+
                      <div class='att-label'>{{#if: {{{fighterbay|}}} | fighters |drones }} & cargo</div>
<div class='att-img'>[[Image:icon_resist_therm.png|20px|armor thermal resistance|]]</div>
+
                    </div>
<div style='display: inline-block;'>
+
                {{#if: {{{fighterbay|}}}
<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 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 class='att-img'>[[Image:icon_resist_kin.png|20px|armor kinetic resistance|]]</div>
+
                    </div>
<div style='display: inline-block;'>
+
                    <div class='att-item'>
<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-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>
+
                    </div>
<div class='att-img'>[[Image:icon_resist_exp.png|20px|armor explosive resistance|]]</div>
+
                  | {{#if: {{{dronebay|}}}
<div style='display: inline-block;'>
+
                      | <div class='att-item'>
<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>
+
                          <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>
+
                          <div class='att-item'>
</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 class='att-line'>
+
                          </div>
<div class='att-item' style='width: 80px;text-align: right;'>
+
                      | <div class='att-item'>
<div class='att-label'>target & nav</div>
+
                          <div class='att-label' style="width: 160px; text-align: center; color: #9A7535;">No drone bay</div>
</div>
+
                        </div>
<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>
+
 
<div class='att-item'>
+
                    <div class='att-item' style='border-right: none;'>
<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: 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>
<div class='att-item' style='border-right:medium none;'>
+
                  </div>
<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>
+
<!-- Defense -->
</div>
+
                  <div class='att-line res-boxes' style='position: relative;'>
</div>
+
                    <div class='att-item' style='width: 81px; height: 40px; position: absolute; left: 0; background-color: #110809; text-align: right;'>
</div>
+
                      <div class='att-label' style='line-height: 40px;'>defense</div>
</td>
+
                    </div>
</tr>
+
                    <div class='att-item' style='width: 87px; margin-left: 95px; text-align: right;'>
</table>
+
                      <div class='att-value' style='width: auto'>{{#if: {{{shieldhp|}}}|{{{shieldhp}}}|0 HP}}</div><div class='att-img'>[[Image:icon_shield.png|20px|shields]]</div>
<p class='ship-desc'>{{{info}}}</p>
+
                    </div>
<div class='ship-variants'>Variations : {{{variations|<i>none</i>}}}</div>
+
                    <div class='att-item' style='border-right: none;'>
<div class='ship-border-box' style='margin:5px'>
+
                      <div class='att-img'>[[Image:icon_resist_em.png|20px|shield electromagnetic resistance]]</div>
<div class='label'><div class='inner'>S H I P&nbsp;&nbsp;&nbsp;B O N U S E S</div></div>  
+
                      <div style='display: inline-block;'>
<p>{{{bonuses|<i>no bonuses available for this ship</i>}}}</p>
+
                        <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>
</td>
+
                      <div class='att-img'>[[Image:icon_resist_therm.png|20px|shield thermal resistance]]</div>
</tr>
+
                      <div style='display: inline-block;'>
</table>
+
                        <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>
</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: 81px; 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>

Latest revision as of 06:27, 24 December 2023

Template documentation (for the above template, sometimes hidden or invisible)
Description
Creates a info box with a subset of the ships stats.
This template is a part of the Ship Database template set and designed to be used in conjunction with the templates on that category and is not meant to be used or called directly!.
If you're looking on how to use the Ship template please see this page instead.

DO NOT EDIT THE CONTENTS OF THIS TEMPLATE IF YOU ARE NOT SURE ON WHAT YOU ARE DOING.
Dependencies
Uses
no-image.png Default ship image when shipimg is not given.
Helpicon.png Default faction logo when faction is empty or unknown.
{{Imageserver}} When no local image of ship is available and shipid is known.
Part of the parameter set of {{ShipArticle}}
Build-in UniWiki links to
Ships
Build-in external links to
zKillboard
EVE Workbench
Janice
EVE Ref
Syntax
ShipBoxLarge is not to be used on its own. It is to be called by using the wrapper template {{Ship}}
Template set
{{ShipArticle}}
{{Ship}}
{{ShipBoxLarge}}
{{ShipBoxTooltip}}
Visit Template:ShipBoxLarge/doc to edit this text! (How does this work?) (Refresh this text - why?)