Difference between revisions of "Template:ShipBoxLarge"

From EVE University Wiki
Jump to: navigation, search
m (Modify CSS so it only works inside the template.)
m (CSS overhaul.)
Line 1: Line 1:
<includeonly>{{#css:
+
{{#css:
  
 
div.ShipBoxLarge
 
div.ShipBoxLarge
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 .box-roles
 +
{
 +
  float: right;
 +
  font-size: 80%;
 +
  display: block;
 +
  color: #F0F0CA;
 +
}
 +
 
 +
.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 62:
 
  }
 
  }
  
.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 73:
 
  }
 
  }
  
.ShipBoxLarge .ship-info .ship-border-box p
+
.ShipBoxLarge .ship-border-box p
 
  {
 
  {
 
   color: #FFFFFF;
 
   color: #FFFFFF;
Line 82: Line 82:
 
  }
 
  }
  
.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;
}
 
 
 
.ShipBoxLarge .ship-info .label .inner
 
{
 
  background-color:#0e1618;
 
  font-size: 10px;
 
  padding: 0 3px;
 
 
  }
 
  }
  
Line 117: Line 112:
 
.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 117:
 
  }
 
  }
  
.ShipBoxLarge .ship-info .attributes
+
.ShipBoxLarge .attributes
 
  {
 
  {
   border: medium none;
+
   border: none;
 
   padding: 3px;
 
   padding: 3px;
 
  }
 
  }
Line 140: Line 133:
 
  }
 
  }
  
.ShipBoxLarge .attributes .att-line .att-item
+
.ShipBoxLarge .attributes .att-item
 
  {
 
  {
 
   border-right: 2px solid #191E18;
 
   border-right: 2px solid #191E18;
Line 147: Line 140:
 
  }
 
  }
  
.ShipBoxLarge .attributes .att-line .att-item .att-img
+
.ShipBoxLarge .attributes .att-img
 
  {
 
  {
 
   display: inline-block;
 
   display: inline-block;
Line 153: Line 146:
 
  }
 
  }
  
.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 157:
 
  }
 
  }
  
.ShipBoxLarge .attributes .att-line .att-item .att-value
+
.ShipBoxLarge .attributes .att-value
 
  {
 
  {
 
   color: #FFFFFF;
 
   color: #FFFFFF;
Line 173: Line 166:
 
  }
 
  }
  
.ShipBoxLarge .ship-info p.ship-desc
+
.ShipBoxLarge p.ship-desc
 
  {
 
  {
 
   font-family: arial;
 
   font-family: arial;
Line 182: Line 175:
 
  }
 
  }
  
.ShipBoxLarge .ship-info .ship-variants
+
.ShipBoxLarge .ship-variants
 
  {
 
  {
 
   border-top: 1px solid #323931;
 
   border-top: 1px solid #323931;
Line 203: Line 196:
 
  }
 
  }
 
    
 
    
.ShipBoxLarge .ship-info .box-discussion
+
.ShipBoxLarge .box-discussion
 
  {
 
  {
 
   margin-left: -6px;
 
   margin-left: -6px;
Line 215: Line 208:
 
  }
 
  }
  
.ShipBoxLarge .ship-info .box-discussion .discussion-bgr
+
.ShipBoxLarge .box-discussion .discussion-bgr
 
  {
 
  {
 
   color: #4C4C4C;
 
   color: #4C4C4C;
Line 222: Line 215:
 
  }
 
  }
  
.ShipBoxLarge .ship-info .box-discussion .linkname
+
.ShipBoxLarge .box-discussion .linkname
 
  {
 
  {
 
   font-size: 11px;
 
   font-size: 11px;
Line 235: Line 228:
 
<!-- 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 class='box-roles' style='display: {{#if: {{{roles|}}} |block |none}};'>{{#ifeq: {{{roles}}} |unspecified |<!--blank--> |{{{roles}}} }}
 
       </div>
 
       </div>
 
     </div>
 
     </div>
Line 247: Line 240:
 
           <div class='ship-img' style='border: 1px solid #323931; position: relative;'>{{#if: {{{tech|}}}
 
           <div class='ship-img' style='border: 1px solid #323931; position: relative;'>{{#if: {{{tech|}}}
 
             | <div class="techcorner">[[Image:CornerT{{{tech}}}h.png|link=]]</div>
 
             | <div class="techcorner">[[Image:CornerT{{{tech}}}h.png|link=]]</div>
            |
 
 
           }}{{#ifexist: File:{{{shipimg}}}
 
           }}{{#ifexist: File:{{{shipimg}}}
                 | [[Image:{{{shipimg}}}|256x256px|{{#if: {{{shipname|}}}
+
                 | [[Image:{{{shipimg}}}|256x256px|{{#if: {{{shipname|}}} | {{{shipname}}} | Unknown Ship }} ]]
                  | {{{shipname}}}
+
                 | [[Image:no-image.png|256x256px|{{#if: {{{shipname|}}} | {{{shipname}}} | Unknown Ship }} ]]
                  | Unknown Ship
+
              }}
                }}]]
 
                 | [[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 270:
 
                   | {{{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='box-discussion' style='display: {{#ifexist: File:{{{shipimg}}} |none |block}}; text-align: center;'>
Line 292: Line 279:
 
             </div>
 
             </div>
 
           </div>
 
           </div>
 +
 
<!-- Wiki links -->
 
<!-- Wiki links -->
 
           <div class='box-discussion'>
 
           <div class='box-discussion'>
Line 310: Line 298:
  
 
         </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 324: Line 313:
 
                       <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 325:
 
                       <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>
 +
 
                   <div class='att-line'>
 
                   <div class='att-line'>
 
                     <div class='att-item' style='width: 80px; text-align: right;'>
 
                     <div class='att-item' style='width: 80px; text-align: right;'>
Line 350: Line 340:
 
                       <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: 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>
 
                     </div>
                     <div class='att-item' style='border-right: medium 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>
 +
 
                   <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: 80px; height: 40px; position: absolute; left: 0; background-color: #110809; text-align: right;'>
Line 361: Line 352:
 
                       <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 371:
 
                     </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;'>
Line 406: Line 395:
 
                     </div>
 
                     </div>
 
                   </div>
 
                   </div>
 +
 
                   <div class='att-line'>
 
                   <div class='att-line'>
 
                     <div class='att-item' style='width: 80px; text-align: right;'>
 
                     <div class='att-item' style='width: 80px; text-align: right;'>
Line 416: Line 406:
 
                       <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='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>
 
                     </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='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>
 
                     </div>
 
                   </div>
 
                   </div>
 +
 
                 </div>
 
                 </div>
 
               </td>
 
               </td>
Line 426: Line 417:
  
 
           </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>

Revision as of 16:00, 31 January 2023

SHIP: INFORMATION
Unknown Ship
Unknown Faction
Please upload an image for this ship and edit the respective entry on the ship database, see "editing database entry" here.
RELATED UNI-WIKI REFERENCES
EXTERNAL LINKS

[[]]
fittings
0
high slots
highs
0
launcher hardpoints
launchers
0
turret hardpoints
turrets
0
middle slots
mediums
0
low slots
lows
drones & cargo
0  m3
drone capacity
drones
0 Mbit/sec
drone bandwidth
b/w
0  m3
cargo capacity
cargo
defense
0 HP
shields
shield electromagnetic resistance
0
shield thermal resistance
0
shield kinetic resistance
0
shield explosive resistance
0
0 HP
armor
Icon resist em.png
0
Icon resist therm.png
0
Icon resist kin.png
0
Icon resist exp.png
0
target & nav
0 km
max. targeting range
tgt. range
0 m
ship signature radius
sig. radius
0 m/s
max. velocity
max. velocity

 

</includeonly>

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