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 Add code to use CCP image service when no local(wiki) image, only works when shipid is known.
Make fighter/drone info visible.
 
(6 intermediate revisions by 3 users not shown)
Line 43: Line 43:
   text-align: left;
   text-align: left;
   text-transform: uppercase;
   text-transform: uppercase;
}
.ShipBoxLarge .box-roles
{
  float: right;
  font-size: 80%;
  display: block;
  color: #F0F0CA;
  }
  }


Line 92: Line 84:
   line-height: 14px;
   line-height: 14px;
   padding: 2px 5px;
   padding: 2px 5px;
  color: var(--color-inverted-fixed);
  }
  }


Line 168: Line 161:
.ShipBoxLarge 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 195: Line 189:
   margin-top: 1px;
   margin-top: 1px;
  }
  }
 
 
.ShipBoxLarge .box-discussion
.ShipBoxLarge .box-discussion
  {
  {
Line 228: 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 class='box-roles' style='display: {{#if: {{{roles|}}} |block |none}};'>{{#ifeq: {{{roles}}} |unspecified |<!--blank--> |{{{roles}}} }}
      </div>
     </div>
     </div>
<!-- Content -->
<!-- Content -->
Line 288: 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>
Line 302: Line 294:
             <tr>
             <tr>
               <td>
               <td>
                <div style='border: 1px solid #323931; background-color: #191E18;'>
<!-- Fittings -->
<!-- Fittings -->
                <div style='border: 1px solid #323931; background-color: #191E18;'>
                   <div class='att-line'>
                   <div class='att-line'>
                     <div class='att-item' style='width: 81px; 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>
Line 324: Line 316:
                     </div>                     
                     </div>                     
                   </div>
                   </div>
<!-- Drones & cargo -->
<!-- Drones & cargo -->
                   <div class='att-line'>
                   <div class='att-line'>
                     <div class='att-item' style='width: 81px; text-align: right;'>
                     <div class='att-item' style='width: 8.4em; text-align: right;'>
                       <div class='att-label'>{{#if: {{{fighterbay|}}} | fighters |drones }} & cargo</div>
                       <div class='att-label'>{{#if: {{{fighterbay|}}} | fighters |drones }} & cargo</div>
                     </div>
                     </div>
Line 353: Line 346:
                     </div>
                     </div>
                   </div>
                   </div>
<!-- Defense -->
<!-- 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: 81px; 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 386: Line 380:
                     </div>
                     </div>
                     <div class='att-item' style='border-right: 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 404: Line 398:
                     </div>
                     </div>
                   </div>
                   </div>
<!-- Target & nav -->
<!-- Target & nav -->
                   <div class='att-line'>
                   <div class='att-line'>
                     <div class='att-item' style='width: 81px; 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>