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

Template:ShipBoxLarge: Difference between revisions

Template page
m Modify CSS so it only works inside the template.
Make fighter/drone info visible.
 
(10 intermediate revisions by 3 users not shown)
Line 10: Line 10:
.ShipBoxLarge .ship-info
.ShipBoxLarge .ship-info
  {
  {
  float: left;
   background-color: #1D1C23;
   background-color: #1D1C23;
   border-bottom: 1px solid #525751;
   border-bottom: 1px solid #525751;
Line 21: Line 20:
  }
  }


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


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


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


.ShipBoxLarge .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 60: Line 54:
  }
  }


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


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


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


.ShipBoxLarge .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);
 
.ShipBoxLarge .ship-info .label .inner
{
  background-color:#0e1618;
  font-size: 10px;
  padding: 0 3px;
  }
  }


Line 117: Line 105:
.ShipBoxLarge .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 124: Line 110:
  }
  }


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


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


.ShipBoxLarge .attributes .att-line .att-item .att-img
.ShipBoxLarge .attributes .att-img
  {
  {
   display: inline-block;
   display: inline-block;
Line 153: Line 139:
  }
  }


.ShipBoxLarge .attributes .res-boxes .att-item .att-img
.ShipBoxLarge .attributes .res-boxes .att-img
  {
  {
   margin-right: 0;
   margin-right: 0;
  }
  }


.ShipBoxLarge .attributes .att-line .att-item .att-label
.ShipBoxLarge .attributes .att-label
  {
  {
   color: #9E9E9E;
   color: #9E9E9E;
Line 164: Line 150:
  }
  }


.ShipBoxLarge .attributes .att-line .att-item .att-value
.ShipBoxLarge .attributes .att-value
  {
  {
   color: #FFFFFF;
   color: #FFFFFF;
Line 173: Line 159:
  }
  }


.ShipBoxLarge .ship-info p.ship-desc
.ShipBoxLarge p.ship-desc
  {
  {
  color: var(--color-inverted-fixed);
   font-family: arial;
   font-family: arial;
   font-size: 11px;
   font-size: 11px;
Line 182: Line 169:
  }
  }


.ShipBoxLarge .ship-info .ship-variants
.ShipBoxLarge .ship-variants
  {
  {
   border-top: 1px solid #323931;
   border-top: 1px solid #323931;
Line 202: Line 189:
   margin-top: 1px;
   margin-top: 1px;
  }
  }
 
 
.ShipBoxLarge .ship-info .box-discussion
.ShipBoxLarge .box-discussion
  {
  {
   margin-left: -6px;
   margin-left: -6px;
Line 215: Line 202:
  }
  }


.ShipBoxLarge .ship-info .box-discussion .discussion-bgr
.ShipBoxLarge .box-discussion .discussion-bgr
  {
  {
   color: #4C4C4C;
   color: #4C4C4C;
Line 222: Line 209:
  }
  }


.ShipBoxLarge .ship-info .box-discussion .linkname
.ShipBoxLarge .box-discussion .linkname
  {
  {
   font-size: 11px;
   font-size: 11px;
Line 235: Line 222:
<!-- 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 -->
Line 245: Line 230:
         <td style='padding: 5px; width: 256px; vertical-align: top;'>
         <td style='padding: 5px; width: 256px; vertical-align: top;'>


           <div class='ship-img' style='border: 1px solid #323931; position: relative;'>{{#if: {{{tech|}}}
           <div class='ship-img' style='border: 1px solid #323931; position: relative;'>{{#ifexist: File:{{{shipimg}}}
            | <div class="techcorner">[[Image:CornerT{{{tech}}}h.png|link=]]</div>
                | [[Image:{{{shipimg}}}|256x256px|{{{shipname|}}}]]
            |
                | {{#if: {{{shipid|}}}
          }}{{#ifexist: File:{{{shipimg}}}
                    | {{Imageserver|types|{{{shipid}}}|render|size=256}}
                | [[Image:{{{shipimg}}}|256x256px|{{#if: {{{shipname|}}}
                    | [[Image:no-image.png|256x256px|{{#if: {{{shipname|}}} | {{{shipname}}} | Unknown Ship }} ]]
                  | {{{shipname}}}
                  }}
                  | Unknown Ship
              }}
                }}]]
            {{#if: {{{tech|}}} |<div class="techcorner">[[Image:CornerT{{{tech}}}h.png|link=]]</div> }}  
                | [[Image:no-image.png|256x256px|{{#if: {{{shipname|}}}
                  | {{{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 283: Line 264:
                   | {{{faction}}}
                   | {{{faction}}}
                   | Unknown Faction
                   | Unknown Faction
                 }}]]</div>
                 }}|link=]]
          </div>


          <div class='box-discussion' style='display: {{#ifexist: File:{{{shipimg}}} |none |block}}; text-align: center;'>
            <div class='linkname'>{{#if: {{{shipimg|}}}
                | [[File:{{{shipimg}}}| Upload {{{shipimg}}} for this ships image.]]
                | Please upload an image for this ship and edit the respective entry on the ship database, see "editing database entry" [[Template:Ship|here]].
                }}
            </div>
          </div>
<!-- Wiki links -->
<!-- Wiki links -->
           <div class='box-discussion'>
           <div class='box-discussion'>
Line 305: Line 280:
                   | shuttle=
                   | shuttle=
                   | #default= <br>[https://www.eveworkbench.com/fitting/{{{shipid}}} {{{shipname|}}} on EVE Workbench]
                   | #default= <br>[https://www.eveworkbench.com/fitting/{{{shipid}}} {{{shipname|}}} on EVE Workbench]
                 }} <br>[https://evepraisal.com/item/{{{shipid}}}/ {{{shipname|}}} on Evepraisal]<br>[https://everef.net/type/{{{shipid}}} {{{shipname|}}} on EVE Ref]
                 }} <br>[https://janice.e-351.com/i/{{{shipid}}}/ {{{shipname|}}} on Janice]<br>[https://everef.net/type/{{{shipid}}} {{{shipname|}}} on EVE Ref]
               }}<br>{{{externallinks|}}}</div>
               }}<br>{{{externallinks|}}}</div>
           </div>
           </div>


         </td>
         </td>
<!-- Content right: data -->
<!-- Content right: data -->
         <td style='border-left: 1px solid #333333; padding: 5px 5px 5px 0; vertical-align: top;'>
         <td style='border-left: 1px solid #333333; padding: 5px 5px 5px 0; vertical-align: top;'>
Line 316: Line 292:
<!-- Ship attributes -->
<!-- Ship attributes -->
           <table class='attributes' style='margin-bottom: 5px; width: 100%;'>
           <table class='attributes' style='margin-bottom: 5px; width: 100%;'>
             <tr>
             <tr>
               <td>
               <td>
                 <div style='border: 1px solid #323931; background-color: #191E18;'>
                 <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'>{{#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 336: Line 312:
                       <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: 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;'>{{#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: 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>
Line 361: Line 355:
                       <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 380: Line 374:
                     </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 406: Line 398:
                     </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>
Line 426: Line 421:


           </table>
           </table>
<!-- Ship bonuses -->
<!-- Ship bonuses -->
           <div class='ship-border-box' style='display: {{#if: {{{bonuses|}}} |block |none}}; margin: 10px 5px 5px'>
           <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>  
             <div class='label'>S H I P&nbsp;&nbsp;&nbsp;B O N U S E S</div>  
             <p>{{#if: {{{bonuses|}}} |{{{bonuses}}} |<i>no bonuses available for this ship</i>}}</p>
             <p>{{{bonuses}}}</p>
           </div>
           </div>
<!-- Ship description -->
<!-- Ship description -->
           <p class='ship-desc'>{{#if: {{{info|}}} |{{{info}}} |&nbsp;}}</p>
           <p class='ship-desc'>{{#if: {{{info|}}} |{{{info}}} |&nbsp;}}</p>