Difference between revisions of "Template:ShipBoxLarge"

From EVE University Wiki
Jump to: navigation, search
(Remove option to collapse ship data block.)
(Fix broken hover/alt tags on armour icons)
 
(9 intermediate revisions by 2 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;
}
 
 
 
.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 93:
 
  }
 
  }
  
.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 109:
 
  }
 
  }
  
.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 125:
 
  }
 
  }
  
.attributes .att-line .att-item
+
.ShipBoxLarge .attributes .att-item
 
  {
 
  {
 
   border-right: 2px solid #191E18;
 
   border-right: 2px solid #191E18;
Line 137: Line 132:
 
  }
 
  }
  
.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 157:
 
   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
 
 
  {
 
  {
 
   font-family: arial;
 
   font-family: arial;
Line 206: Line 166:
 
   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 238: Line 175:
 
   line-height: 20px;
 
   line-height: 20px;
 
   margin: 0 5px 5px;
 
   margin: 0 5px 5px;
 +
}
 +
 +
.ShipBoxLarge .techcorner
 +
{
 +
  width: 64px;
 +
  height: 64px;
 +
  position: absolute;
 +
  top: 0px;
 +
  left: 0px;
 +
  margin-left: 1px;
 +
  margin-top: 1px;
 
  }
 
  }
 
    
 
    
.ship-info .forum-link
+
.ShipBoxLarge .box-discussion
 
  {
 
  {
   background-color: #110809;
+
   margin-left: -6px;
   border: 1px solid #323931;
+
   margin-right: -6px;
  display: block;
 
  float: left;
 
 
   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'>
 
<!-- Title -->
 
<!-- Title -->
 
     <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> {{#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>
 
     </div>
 
<!-- Content -->
 
<!-- Content -->
     <table style='width:100%;'>
+
     <table style='width: 100%;'>
  
 
       <tr>
 
       <tr>
 
<!-- Content left: image and link -->
 
<!-- Content left: image and link -->
         <td style='padding: 5px; width: 256px;' valign='top'>
+
         <td style='padding: 5px; width: 256px; vertical-align: top;'>
           <div style='border: 1px solid #323931; position: relative;' class='ship-img'>{{#if: {{{tech|}}}
+
 
            | <div class="techcorner">[[Image:CornerT{{{tech}}}h.png|link=]]</div>
+
           <div class='ship-img' style='border: 1px solid #323931; position: relative;'>{{#ifexist: File:{{{shipimg}}}
            |
+
                | [[Image:{{{shipimg}}}|256x256px|{{{shipname|}}}]]
          }}{{#ifexist: File:{{{shipimg}}}
+
                | {{#if: {{{shipid|}}}
                | [[Image:{{{shipimg}}}|256x256px|{{#if: {{{shipname|}}}
+
                    | {{Imageserver|types|{{{shipid}}}|render|size=256}}
                  | {{{shipname}}}
+
                    | [[Image:no-image.png|256x256px|{{#if: {{{shipname|}}} | {{{shipname}}} | Unknown Ship }} ]]
                  | Unknown Ship
+
                  }}
                }}]]
+
              }}
                | [[Image:no-image.png|256x256px|{{#if: {{{shipname|}}}
+
            {{#if: {{{tech|}}} |<div class="techcorner">[[Image:CornerT{{{tech}}}h.png|link=]]</div> }}  
                  | {{{shipname}}}
 
                  | 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 347: Line 255:
 
                 | 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>
  
           <div style='display: {{#ifexist: File:{{{shipimg}}} |none |block}}; text-align: center;' class='forum-link'>
+
<!-- Wiki links -->
             <div class='linkentry'>
+
           <div class='box-discussion'>
              <div class='linkname' style='font-weight: bold;'>{{#if: {{{shipimg|}}}
+
             <div class='discussion-bgr'>RELATED UNI-WIKI REFERENCES</div>
                  | [[File:{{{shipimg}}}| Upload {{{shipimg}}} for this ships image.]]
+
            <div class='linkname'>[[Ships|EVE Online Ships Overview]]<br>{{{wikireferences|}}}</div>
                  | <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>
 
            </div>
 
 
           </div>
 
           </div>
  
          <div class='forum-link'>
+
<!--* External links *-->
            <div class='linkentry'>
+
          <div class='box-discussion'>
               <div class='linkimg'>[[Image:Icon_capacity.png|20px|forum discussion]]</div>
+
               <div class='discussion-bgr'>EXTERNAL LINKS</div>
              <div style='display: inline-block; font-size: 10px;'>Forum Discussions :</div>
+
               <div class='linkname'>{{#if: {{{shipid|}}}
               <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>
+
                | [https://zkillboard.com/ship/{{{shipid}}}/ {{{shipname|}}} on zKillboard]{{#switch: {{lc: {{{class}}} }}
            </div>
+
                  | 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>
 +
 
<!-- Content right: data -->
 
<!-- Content right: data -->
         <td style='padding: 5px 5px 5px 0; border-left: 1px solid #333333' valign='top'>
+
         <td style='border-left: 1px solid #333333; padding: 5px 5px 5px 0; vertical-align: top;'>
 
+
<!-- Title (Ship name) -->
 
           <div class='titlename' style='margin-bottom: 1em;'>[[{{{shipname|}}}]]</div>
 
           <div class='titlename' style='margin-bottom: 1em;'>[[{{{shipname|}}}]]</div>
 
+
<!-- Ship attributes -->
           <table class='attributes' style='width: 100%; margin-bottom: 5px;'>
+
           <table class='attributes' style='margin-bottom: 5px; width: 100%;'>
 
 
 
             <tr>
 
             <tr>
 
               <td>
 
               <td>
                 <div style='background-color: #191E18; border: 1px solid #323931;'>
+
<!-- Fittings -->
 +
                 <div style='border: 1px solid #323931; background-color: #191E18;'>
 
                   <div class='att-line'>
 
                   <div class='att-line'>
                     <div class='att-item' style='width: 80px; text-align: right;'>
+
                     <div class='att-item' style='width: 81px; 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'>{{#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-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'>{{#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'>{{#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>
Line 399: Line 310:
 
                       <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 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'>{{#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='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: 81px; 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;'>{{#if: {{{dronebay|}}}|{{{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;'>{{#if: {{{bandwidth|}}}|{{{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-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 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: 81px; 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>
Line 424: Line 351:
 
                       <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;'>
Line 443: Line 370:
 
                     </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>
Line 469: Line 394:
 
                     </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: 81px; 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>
Line 490: Line 417:
 
           </table>
 
           </table>
  
           <div class='ship-border-box' style='display: {{#if: {{{bonuses|}}}|block|none}}; margin: 10px 5px 5px'>
+
<!-- Ship bonuses -->
             <div class='label'><div class='inner'>S H I P&nbsp;&nbsp;&nbsp;B O N U S E S</div></div>  
+
           <div class='ship-border-box' style='display: {{#if: {{{bonuses|}}} |block |none }}; margin: 10px 5px 5px'>
             <p>{{#if: {{{bonuses|}}} |{{{bonuses}}} |<i>no bonuses available for this ship</i>}}</p>
+
             <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>
  

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?)