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.

Template:ShipBoxLarge: Difference between revisions

Template page
More actions
← Older edit
VisualWikitext
m Sorted faction logic options alphabetically. Made the default no image instead of a "random" faction. Add factions from {{ShipArticle}} that where not here. Make logic case insensitive.
Make fighter/drone info visible.
 
(15 intermediate revisions by 3 users not shown)
Line 1: Line 1:
<includeonly>{{#css:
<includeonly>{{#css:


.ship-info
div.ShipBoxLarge
  {
  {
   float: left;
   float: left;
  clear: both;
  width: 100%;
}
.ShipBoxLarge .ship-info
{
   background-color: #1D1C23;
   background-color: #1D1C23;
   border-bottom: 1px solid #525751;
   border-bottom: 1px solid #525751;
Line 14: Line 20:
  }
  }


.ship-info table { background-color: transparent; }
.ShipBoxLarge table
{
  border-spacing: 0;
  margin: 0;
}


.ship-info table,
.ShipBoxLarge table td
.ship-info table tr,
.ship-info table td
  {
  {
  margin: 0;
   padding: 0;
   padding: 0;
  border-spacing: 0;
  }
  }


.ship-info .title
.ShipBoxLarge .title
  {
  {
   border-bottom: 1px solid #525751;
   border-bottom: 1px solid #525751;
Line 39: Line 45:
  }
  }


#content .ship-info .titlename a
.ShipBoxLarge .titlename a
  {
  {
  background: none repeat scroll 0 0 transparent;
  color: orange;
   float: left;
   float: left;
   font-size: 180%;
   font-size: 180%;
Line 50: Line 54:
  }
  }


#content .ship-info .titlename a:hover,
.ShipBoxLarge .titlename a:hover
#content .ship-info .titlename a.hover
  {
  {
  color: orange;
   text-decoration: none;     
   text-decoration: none;     
  }
  }


.ship-info .ship-border-box
.ShipBoxLarge .ship-border-box
  {
  {
   background-color: #110809;
   background-color: #110809;
Line 63: Line 65:
  }
  }


.ship-info .ship-border-box p
.ShipBoxLarge .ship-border-box p
  {
  {
   color: #FFFFFF;
   color: #FFFFFF;
Line 72: Line 74:
  }
  }


.ship-info .label
.ShipBoxLarge .label
  {
  {
  background-color:#0e1618;
   border-bottom: 1px solid #4C4646;
   border-bottom: 1px solid #4C4646;
   border-top: 1px solid #4C4646;
   border-top: 1px solid #4C4646;
   font-family: Trebuchet MS;
   font-family: Trebuchet MS;
  font-size: 10px;
   height: 14px;
   height: 14px;
   line-height: 14px;
   line-height: 14px;
   padding: 2px;
   padding: 2px 5px;
}
  color: var(--color-inverted-fixed);
 
.ship-info .label .inner
{
  background-color:#0e1618;
  font-size: 10px;
  padding: 0 3px;
  }
  }


.box-resist
.ShipBoxLarge .box-resist
  {  
  {  
   height: 15px;
   height: 15px;
Line 96: Line 94:
  }
  }


.bgr-em { background-color: #121923; }
.ShipBoxLarge .bgr-em { background-color: #121923; }
.bgr-thr { background-color: #290b0b; }
.ShipBoxLarge .bgr-thr { background-color: #290b0b; }
.bgr-kin { background-color: #292021; }
.ShipBoxLarge .bgr-kin { background-color: #292021; }
.bgr-exp { background-color: #2b190b; }
.ShipBoxLarge .bgr-exp { background-color: #2b190b; }
.val-em { background-color: #1c5d85; }
.ShipBoxLarge .val-em { background-color: #1c5d85; }
.val-thr { background-color: #8d1717; }
.ShipBoxLarge .val-thr { background-color: #8d1717; }
.val-kin { background-color: #757575; }
.ShipBoxLarge .val-kin { background-color: #757575; }
.val-exp { background-color: #875f1a; }
.ShipBoxLarge .val-exp { background-color: #875f1a; }


.box-resist .resist-value .value-text
.ShipBoxLarge .box-resist .resist-value .value-text
  {
  {
  font-family: trebuchet MS;
  font-size: 11px;
   font-weight: bold;
   font-weight: bold;
   text-align: center;
   text-align: center;
Line 114: Line 110:
  }
  }


.ship-info .attributes
.ShipBoxLarge .attributes
  {
  {
   border: medium none;
   border: none;
   padding: 3px;
   padding: 3px;
  }
  }


.attributes .att-line
.ShipBoxLarge .attributes .att-line
  {
  {
   background-color: #110809;
   background-color: #110809;
Line 130: Line 126:
  }
  }


.attributes .att-line .att-item
.ShipBoxLarge .attributes .att-item
  {
  {
   border-right: 2px solid #191E18;
   border-right: 2px solid #191E18;
Line 137: Line 133:
  }
  }


.attributes .att-line .att-item .att-img
.ShipBoxLarge .attributes .att-img
  {
  {
   display: inline-block;
   display: inline-block;
   margin-right: 2px;
   margin-right: 2px;
  }
  }
 
 
.attributes .res-boxes .att-item .att-img
.ShipBoxLarge .attributes .res-boxes .att-img
  {
  {
   margin-right: 0;
   margin-right: 0;
  }
  }
 
 
.attributes .att-line .att-item .att-label
.ShipBoxLarge .attributes .att-label
  {
  {
   color: #9E9E9E;
   color: #9E9E9E;
   display: inline-block;
   display: inline-block;
  }
  }
 
 
.attributes .att-line .att-item .att-value
.ShipBoxLarge .attributes .att-value
  {
  {
   color: #FFFFFF;
   color: #FFFFFF;
Line 162: Line 158:
   width: 10px;
   width: 10px;
  }
  }
 
 
.attributes th
.ShipBoxLarge p.ship-desc
{
  float: right;
  font-size: 10px;
  height: 15px;
  line-height: 15px;
}
 
.attributes .collapseButton
{
  color: transparent;
  float: left;
  margin-left: -6px;
}
 
.attributes .collapseButton a
{
  border-color: #444A42 #000000;
  border-style: solid;
  border-width: 1px;
  color: transparent;
  margin-top: -1px;
  position: absolute;
  width: 100px;
}
 
.attributes .collapseButton a:hover,
.attributes .collapseButton a.hover
{
  border-top: 1px solid #FFFFFF;
  border-bottom: 1px solid #FFFFFF;
  border-right: 1px solid #444A42;
  border-left: 1px solid #444A42;
}
 
.ship-info p.ship-desc
  {
  {
  color: var(--color-inverted-fixed);
   font-family: arial;
   font-family: arial;
   font-size: 11px;
   font-size: 11px;
Line 206: Line 168:
   text-align: justify;
   text-align: justify;
  }
  }
 
 
.ship-info .box-footer
.ShipBoxLarge .ship-variants
{
  border-top: 1px solid #333333;
  font-family: trebuchet MS;
  font-size: 95%;
  margin: 15px 5px 0;
  text-align: right;
}
 
#content .ship-info .box-footer a
{
  background-image: none;
  color: #CCCCCC;
  padding: 5px;
}
 
#content .ship-info .box-footer a:hover,
#content .ship-info .box-footer a.hover
{
  color: orange;
  text-decoration: none;
}
 
.ship-info .ship-variants
  {
  {
   border-top: 1px solid #323931;
   border-top: 1px solid #323931;
Line 239: Line 178:
   margin: 0 5px 5px;
   margin: 0 5px 5px;
  }
  }
 
 
.ship-info .forum-link
.ShipBoxLarge .techcorner
  {
  {
   background-color: #110809;
   width: 64px;
   border: 1px solid #323931;
  height: 64px;
   display: block;
  position: absolute;
   float: left;
  top: 0px;
  left: 0px;
  margin-left: 1px;
   margin-top: 1px;
}
 
.ShipBoxLarge .box-discussion
{
   margin-left: -6px;
   margin-right: -6px;
   margin-top: 5px;
   margin-top: 5px;
  border-color: #393734 black;
  border-style: solid;
  border-width: 1px;
   padding: 5px;
   padding: 5px;
   width: 248px;
   background-color: #1A1A1A;
  }
  }
 
 
.ship-info .forum-link .linkentry
.ShipBoxLarge .box-discussion .discussion-bgr
  {
  {
   display: inline-block;
   color: #4C4C4C;
   line-height: 15px;
  font-family: trebuchet MS;
   font-size: 90%;
  }
  }
 
 
.ship-info .forum-link .linkentry .linkimg
.ShipBoxLarge .box-discussion .linkname
{
  display: inline-block;
  height: 15px;
  width: 20px;
}
 
.ship-info .forum-link .linkentry .linkname
{
  display: inline;
}
 
.ship-info .forum-link .linkentry a
  {
  {
  display: inline;
   font-size: 11px;
   font-size: 11px;
  line-height: 120%;
  padding: 0 5px;
  }
  }


#content .ship-info .forum-link .linkentry a.external
{
  background: none repeat scroll 0 0 transparent;
  color: #9E9E9E;
  padding: 0;
}
 
#content .ship-info .forum-link .linkentry a.external.hover,
#content .ship-info .forum-link .linkentry a.external:hover
{
  background-color: #393939;
  text-decoration: none;
  color: orange;
}
 
.techcorner
{
  width: 64px;
  height: 64px;
  position: absolute;
  top: 0px;
  left: 0px;
  margin-left: 1px;
  margin-top: 1px;
}
 
}}<!-- Content -->
}}<!-- Content -->
<div style='float: left; clear: both; width: 100%'>
<div class='ShipBoxLarge'>
 
   <div class='ship-info'>
   <div class='ship-info'>
     <div class='title'><span style='font-size: 16px'>&equiv;</span> {{#if: {{{class|}}} |{{{class}}} |SHIP}}: INFORMATION<div style='display: {{#if: {{{roles|}}} |block |none}}; float: right; font-weight: bold; font-family: trebuchet MS; text-transform: uppercase; font-size: 80%; line-height: 20px; color: #F1EFCA;'>{{#ifeq: {{{roles}}} |unspecified | | {{{roles}}} }}</div></div>
<!-- Title -->
     <table style='width:100%;'>
     <div class='title'><span style='font-size: 16px;'>&equiv;</span> {{#if: {{{class|}}} |{{{class}}} |SHIP}}: INFORMATION
    </div>
<!-- Content -->
     <table style='width: 100%;'>
 
       <tr>
       <tr>
         <td style='padding: 5px; width: 256px;' valign='top'>
<!-- Content left: image and link -->
           <div style='border: 1px solid #323931; position: relative;' class='ship-img'>{{#if: {{{tech|}}}
         <td style='padding: 5px; width: 256px; vertical-align: top;'>
            | <div class="techcorner">[[Image:CornerT{{{tech}}}h.png|link=]]</div>
 
            |
           <div class='ship-img' style='border: 1px solid #323931; position: relative;'>{{#ifexist: File:{{{shipimg}}}
          }}{{#ifexist: File:{{{shipimg}}}
                | [[Image:{{{shipimg}}}|256x256px|{{{shipname|}}}]]
                | [[Image:{{{shipimg}}}|256x256px|{{#if: {{{shipname|}}}
                | {{#if: {{{shipid|}}}
                  | {{{shipname}}}
                    | {{Imageserver|types|{{{shipid}}}|render|size=256}}
                  | Unknown Ship
                    | [[Image:no-image.png|256x256px|{{#if: {{{shipname|}}} | {{{shipname}}} | Unknown Ship }} ]]
                }}]]
                  }}
                | [[Image:no-image.png|256x256px|{{#if: {{{shipname|}}}
              }}
                  | {{{shipname}}}
            {{#if: {{{tech|}}} |<div class="techcorner">[[Image:CornerT{{{tech}}}h.png|link=]]</div> }}  
                  | Unknown Ship}}]]
                }}
           </div>
           </div>
           <div style='position: absolute; margin-left: 200px; margin-top: -60px;'>[[Image:{{#switch: {{lc: {{{faction}}} }}
           <div style='position: absolute; margin-left: 200px; margin-top: -60px;'>[[Image:{{#switch: {{lc: {{{faction}}} }}
Line 339: Line 257:
                 | sansha's nation= Logo_faction_sanshas_nation.png
                 | sansha's nation= Logo_faction_sanshas_nation.png
                 | serpentis= Logo_faction_serpentis.png
                 | serpentis= Logo_faction_serpentis.png
                 | sisters of eve =Logo_faction_sisters_of_eve.png
                 | sisters of eve= Logo_faction_sisters_of_eve.png
                 | society of conscious thought =Logo_faction_the_society.png
                 | society of conscious thought= Logo_faction_the_society.png
                 | triglavian collective= Logo_faction_triglavian_collective.png
                 | triglavian collective= Logo_faction_triglavian_collective.png
                 | #default= no-image.png
                 | #default= Helpicon.png
               }}|60x60px|{{#if: {{{faction|}}}
               }}|60x60px|{{#if: {{{faction|}}}
                   |{{{faction}}}
                   | {{{faction}}}
                   |Unknown Faction
                   | Unknown Faction
                 }}]]</div>
                 }}|link=]]
           <div style='display: {{#ifexist: File:{{{shipimg}}} |none |block}}; text-align: center;' class='forum-link'>
          </div>
             <div class='linkentry'>
 
              <div class='linkname' style='font-weight: bold;'>{{#if: {{{shipimg|}}}
<!-- Wiki links -->
                  | [[File:{{{shipimg}}}| Upload {{{shipimg}}} for this ships image.]]
           <div class='box-discussion'>
                  | <span style='font-weight: normal; font-size: 11px; line-height: 120%;'>Please upload an image for this ship and edit the respective entry on the ship database, see "editing database entry" [[Template:Ship|here]].</span>
             <div class='discussion-bgr'>RELATED UNI-WIKI REFERENCES</div>
                  }}</div>
            <div class='linkname'>[[Ships|EVE Online Ships Overview]]<br>{{{wikireferences|}}}</div>
            </div>
           </div>
           </div>
          <div class='forum-link'>
 
            <div class='linkentry'>
<!--* External links *-->
               <div class='linkimg'>[[Image:Icon_capacity.png|20px|forum discussion]]</div>
          <div class='box-discussion'>
              <div style='display: inline-block; font-size: 10px;'>Forum Discussions :</div>
               <div class='discussion-bgr'>EXTERNAL LINKS</div>
               <div class='linkname'>[https://forum.eveuniversity.org/search.php?keywords={{urlencode:{{{shipname|}}}}}&terms=all&author=&fid%5B%5D=129&sc=1&sf=titleonly&sr=topics&sk=t&sd=d&st=0&ch=300&t=0&submit=Search PvP Forums], [https://forum.eveuniversity.org/search.php?keywords={{urlencode:{{{shipname|}}}}}&terms=all&author=&fid%5B%5D=128&sc=1&sf=titleonly&sr=topics&sk=t&sd=d&st=0&ch=300&t=0&submit=Search PvE Forums]</div>
               <div class='linkname'>{{#if: {{{shipid|}}}
            </div>
                | [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>
           </div>
           </div>
         </td>
         </td>
         <td style='padding: 5px 5px 5px 0; border-left: 1px solid #333333' valign='top'>
 
           <div class='titlename' style='position: absolute; display:{{#if: {{{shipname|}}} |block |block}};'>[[{{{shipname|}}}]]</div>      
<!-- Content right: data -->
           <table class='collapsible attributes' style='width: 100%; margin-bottom: 5px;'>
         <td style='border-left: 1px solid #333333; padding: 5px 5px 5px 0; vertical-align: top;'>
            <tr>
<!-- Title (Ship name) -->
              <th><div style='float: left; width: 100px; font-family: trebuchet MS; margin-left: -3px;'>SHOW ATTRIBUTES</div></th>
           <div class='titlename' style='margin-bottom: 1em;'>[[{{{shipname|}}}]]</div>
            </tr>
<!-- Ship attributes -->
            <tr>
           <table class='attributes' style='margin-bottom: 5px; width: 100%;'>
              <td style='padding: 0; margin: 0;'><div style='height: 15px; line-height: 15px;'>&nbsp;</div></td>
            </tr>
             <tr>
             <tr>
               <td>
               <td>
                 <div style='background-color: #191E18; border: 1px solid #323931;'>
                 <div style='border: 1px solid #323931; background-color: #191E18;'>
<!-- Fittings -->
                   <div class='att-line'>
                   <div class='att-line'>
                     <div class='att-item' style='width: 80px; text-align: right;'>
                     <div class='att-item' style='width: 8.4em; text-align: right;'>
                       <div class='att-label'>fittings</div>
                       <div class='att-label'>fittings</div>
                     </div>
                     </div>
                     <div class='att-item' style='border-right: medium none;'>
                     <div class='att-item' style='border-right: none;'>
                       <div class='att-value'>{{{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-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>
                     <div class='att-item' style='border-right: medium none;'>
                     <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 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 class='att-item'>
                     <div class='att-item'>
                       <div class='att-value'>{{{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-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>
                     <div class='att-item'>
                     <div class='att-item'>
                       <div class='att-value'>{{{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 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'>
                     <div class='att-item' style='border-right: none;>
                       <div class='att-value'>{{{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='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>
                   </div>
<!-- Drones & cargo -->
                   <div class='att-line'>
                   <div class='att-line'>
                     <div class='att-item' style='width: 80px; text-align: right;'>
                     <div class='att-item' style='width: 8.4em; text-align: right;'>
                       <div class='att-label'>drones & cargo</div>
                       <div class='att-label'>{{#if: {{{fighterbay|}}} | fighters |drones }} & cargo</div>
                     </div>
                     </div>
                    <div class='att-item'>
                {{#if: {{{fighterbay|}}}
                       <div class='att-value' style='width: 40px;'>{{{dronebay|0 m3}}}</div><div class='att-img'>[[Image:icon_drone_capacity.png|20px|drone capacity]]</div><div class='att-label'>drones</div>
                  | <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>
                     <div class='att-item'>
                     <div class='att-item'>
                       <div class='att-value' style='width: 80px;'>{{{bandwidth|0 Mbit/sec}}}</div><div class='att-img'>[[Image:icon_drone_bandwith.png|20px|drone bandwidth]]</div><div class='att-label'>b/w</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-item' style='border-right: medium none;'>
                  | {{#if: {{{dronebay|}}}
                       <div class='att-value' style='width: 70px;'>{{{cargohold|0 m3}}}</div><div class='att-img'>[[Image:Icon_capacity.png|20px|cargo capacity]]</div><div class='att-label'>cargo</div>
                      | <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>
                   </div>
                   </div>
<!-- Defense -->
                   <div class='att-line res-boxes' style='position: relative;'>
                   <div class='att-line res-boxes' style='position: relative;'>
                     <div class='att-item' style='width: 80px; height: 40px; position: absolute; left: 0; background-color: #110809; text-align: right;'>
                     <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 class='att-label' style='line-height: 40px;'>defense</div>
                     </div>
                     </div>
                     <div class='att-item' style='width: 87px; margin-left: 95px; 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 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: medium none;'>
                     <div class='att-item' style='border-right: none;'>
                       <div class='att-img'>[[Image:icon_resist_em.png|20px|shield electromagnetic resistance]]</div>
                       <div class='att-img'>[[Image:icon_resist_em.png|20px|shield electromagnetic resistance]]</div>
                       <div style='display: inline-block;'>
                       <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 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>
                       <div class='att-img'>[[Image:icon_resist_therm.png|20px|shield thermal resistance]]</div>
                       <div class='att-img'>[[Image:icon_resist_therm.png|20px|shield thermal resistance]]</div>
                       <div style='display: inline-block;'>
                       <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 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 class='att-img'>[[Image:icon_resist_kin.png|20px|shield kinetic resistance]]</div>
                       <div class='att-img'>[[Image:icon_resist_kin.png|20px|shield kinetic resistance]]</div>
                       <div style='display: inline-block;'>
                       <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 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>
                       <div class='att-img'>[[Image:icon_resist_exp.png|20px|shield explosive resistance]]</div>
                       <div class='att-img'>[[Image:icon_resist_exp.png|20px|shield explosive resistance]]</div>
                       <div style='display: inline-block;'>
                       <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 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>
                   </div>
                   </div>
                   <div class='att-line res-boxes'>
                   <div class='att-line res-boxes'>
                     <div class='att-item' style='width: 80px;'>
                     <div class='att-item' style='width: 87px; margin-left: 95px;; text-align: right;'>
                      <div class='att-label'>&nbsp;</div>
                    </div>
                    <div class='att-item' style='width: 87px; 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 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>
                     <div class='att-item' style='border-right: medium none;'>
                     <div class='att-item' style='border-right: none;'>
                       <div class='att-img'>[[Image:icon_resist_em.png|20px|armor electromagnetic resistance|]]</div>
                       <div class='att-img'>[[Image:icon_resist_em.png|20px|armor electromagnetic resistance]]</div>
                       <div style='display: inline-block;'>
                       <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 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>
                       <div class='att-img'>[[Image:icon_resist_therm.png|20px|armor thermal resistance|]]</div>
                       <div class='att-img'>[[Image:icon_resist_therm.png|20px|armor thermal resistance]]</div>
                       <div style='display: inline-block;'>
                       <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 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>
                       <div class='att-img'>[[Image:icon_resist_kin.png|20px|armor kinetic resistance|]]</div>
                       <div class='att-img'>[[Image:icon_resist_kin.png|20px|armor kinetic resistance]]</div>
                       <div style='display: inline-block;'>
                       <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 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>
                       <div class='att-img'>[[Image:icon_resist_exp.png|20px|armor explosive resistance|]]</div>
                       <div class='att-img'>[[Image:icon_resist_exp.png|20px|armor explosive resistance]]</div>
                       <div style='display: inline-block;'>
                       <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 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>
                     </div>
                   </div>
                   </div>
<!-- Target & nav -->
                   <div class='att-line'>
                   <div class='att-line'>
                     <div class='att-item' style='width: 80px; text-align: right;'>
                     <div class='att-item' style='width: 8.4em; text-align: right;'>
                       <div class='att-label'>target & nav</div>
                       <div class='att-label'>target & nav</div>
                     </div>
                     </div>
                     <div class='att-item'>
                     <div class='att-item'>
                       <div class='att-value' style='width: 50px'>{{#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 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>
                     <div class='att-item'>
                     <div class='att-item'>
                       <div class='att-value' style='width: 30px'>{{#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 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>
                     <div class='att-item' style='border-right: medium none;'>
                     <div class='att-item' style='border-right: none;'>
                       <div class='att-value' style='width: 55px;'>{{#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 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>
                   </div>
                 </div>
                 </div>
               </td>
               </td>
             </tr>
             </tr>
           </table>
           </table>
           <div class='ship-border-box' style='display: {{#if: {{{bonuses|}}}|block|none}}; margin: 10px 5px 5px'>
 
             <div class='label'><div class='inner'>S H I P&nbsp;&nbsp;&nbsp;B O N U S E S</div></div>  
<!-- Ship bonuses -->
             <p>{{#if: {{{bonuses|}}} |{{{bonuses}}} |<i>no bonuses available for this ship</i>}}</p>
           <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>
           </div>
<!-- Ship description -->
           <p class='ship-desc'>{{#if: {{{info|}}} |{{{info}}} |&nbsp;}}</p>
           <p class='ship-desc'>{{#if: {{{info|}}} |{{{info}}} |&nbsp;}}</p>
          <!--<div class='ship-variants'>Variations : {{#if: {{{variations|}}} |{{{variations}}} |<i>none</i>}}</div>-->
<!--         <div class='ship-variants'>Variations : {{#if: {{{variations|}}} |{{{variations}}} |<i>none</i>}}</div>-->
          <div class='box-footer'>[[{{{shipname|}}}]] =></div>
         </td>
         </td>
       </tr>
       </tr>
     </table>
     </table>
   </div>
   </div>
</div></includeonly>
</div></includeonly>
<noinclude>{{documentation}}</noinclude>
<noinclude>{{documentation}}</noinclude>
Retrieved from "https://wiki.eveuniversity.org/Template:ShipBoxLarge"