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 Large sig radius did not fit.
Make fighter/drone info visible.
 
(8 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 238: 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|}}}]]
          }}{{#ifexist: File:{{{shipimg}}}
                |  {{#if: {{{shipid|}}}
                | [[Image:{{{shipimg}}}|256x256px|{{#if: {{{shipname|}}} | {{{shipname}}} | Unknown Ship }} ]]
                    | {{Imageserver|types|{{{shipid}}}|render|size=256}}
                | [[Image:no-image.png|256x256px|{{#if: {{{shipname|}}} | {{{shipname}}} | Unknown Ship }} ]]
                    | [[Image:no-image.png|256x256px|{{#if: {{{shipname|}}} | {{{shipname}}} | Unknown Ship }} ]]
              }}
                  }}
              }}
            {{#if: {{{tech|}}} |<div class="techcorner">[[Image:CornerT{{{tech}}}h.png|link=]]</div> }}  
           </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 270: Line 264:
                   | {{{faction}}}
                   | {{{faction}}}
                   | Unknown Faction
                   | Unknown Faction
                 }}|link=]]</div>
                 }}|link=]]
 
          <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>
           </div>


Line 293: 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 307: 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: 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>
Line 329: Line 316:
                     </div>                     
                     </div>                     
                   </div>
                   </div>
<!-- Droned & cargo -->
 
<!-- 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>
                  | {{#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-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 -->
<!-- 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 377: 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 395: Line 398:
                     </div>
                     </div>
                   </div>
                   </div>
<!-- Target & nav -->
<!-- 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>