Difference between revisions of "Template:ShipBoxLarge"
From EVE University Wiki
m (Modify CSS so it only works inside the template.) |
Gorasi Atol (talk | contribs) (Fix broken hover/alt tags on armour icons) |
||
(6 intermediate revisions by 2 users not shown) | |||
Line 10: | Line 10: | ||
.ShipBoxLarge .ship-info | .ShipBoxLarge .ship-info | ||
{ | { | ||
− | |||
background-color: #1D1C23; | background-color: #1D1C23; | ||
border-bottom: 1px solid #525751; | border-bottom: 1px solid #525751; | ||
Line 21: | Line 20: | ||
} | } | ||
− | .ShipBoxLarge | + | .ShipBoxLarge table |
{ | { | ||
− | + | border-spacing: 0; | |
+ | margin: 0; | ||
} | } | ||
− | .ShipBoxLarge | + | .ShipBoxLarge table td |
− | |||
− | |||
{ | { | ||
− | |||
padding: 0; | padding: 0; | ||
− | |||
} | } | ||
− | .ShipBoxLarge | + | .ShipBoxLarge .title |
{ | { | ||
border-bottom: 1px solid #525751; | border-bottom: 1px solid #525751; | ||
Line 49: | Line 45: | ||
} | } | ||
− | .ShipBoxLarge | + | .ShipBoxLarge .titlename a |
{ | { | ||
− | |||
− | |||
float: left; | float: left; | ||
font-size: 180%; | font-size: 180%; | ||
Line 60: | Line 54: | ||
} | } | ||
− | .ShipBoxLarge | + | .ShipBoxLarge .titlename a:hover |
− | |||
{ | { | ||
− | |||
text-decoration: none; | text-decoration: none; | ||
} | } | ||
− | .ShipBoxLarge | + | .ShipBoxLarge .ship-border-box |
{ | { | ||
background-color: #110809; | background-color: #110809; | ||
Line 73: | Line 65: | ||
} | } | ||
− | .ShipBoxLarge | + | .ShipBoxLarge .ship-border-box p |
{ | { | ||
color: #FFFFFF; | color: #FFFFFF; | ||
Line 82: | Line 74: | ||
} | } | ||
− | .ShipBoxLarge | + | .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; |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
Line 117: | Line 104: | ||
.ShipBoxLarge .box-resist .resist-value .value-text | .ShipBoxLarge .box-resist .resist-value .value-text | ||
{ | { | ||
− | |||
− | |||
font-weight: bold; | font-weight: bold; | ||
text-align: center; | text-align: center; | ||
Line 124: | Line 109: | ||
} | } | ||
− | .ShipBoxLarge | + | .ShipBoxLarge .attributes |
{ | { | ||
− | border: | + | border: none; |
padding: 3px; | padding: 3px; | ||
} | } | ||
Line 140: | Line 125: | ||
} | } | ||
− | .ShipBoxLarge .attributes | + | .ShipBoxLarge .attributes .att-item |
{ | { | ||
border-right: 2px solid #191E18; | border-right: 2px solid #191E18; | ||
Line 147: | Line 132: | ||
} | } | ||
− | .ShipBoxLarge .attributes | + | .ShipBoxLarge .attributes .att-img |
{ | { | ||
display: inline-block; | display: inline-block; | ||
Line 153: | Line 138: | ||
} | } | ||
− | .ShipBoxLarge .attributes .res-boxes | + | .ShipBoxLarge .attributes .res-boxes .att-img |
{ | { | ||
margin-right: 0; | margin-right: 0; | ||
} | } | ||
− | .ShipBoxLarge .attributes | + | .ShipBoxLarge .attributes .att-label |
{ | { | ||
color: #9E9E9E; | color: #9E9E9E; | ||
Line 164: | Line 149: | ||
} | } | ||
− | .ShipBoxLarge .attributes | + | .ShipBoxLarge .attributes .att-value |
{ | { | ||
color: #FFFFFF; | color: #FFFFFF; | ||
Line 173: | Line 158: | ||
} | } | ||
− | .ShipBoxLarge | + | .ShipBoxLarge p.ship-desc |
{ | { | ||
font-family: arial; | font-family: arial; | ||
Line 182: | Line 167: | ||
} | } | ||
− | .ShipBoxLarge | + | .ShipBoxLarge .ship-variants |
{ | { | ||
border-top: 1px solid #323931; | border-top: 1px solid #323931; | ||
Line 203: | Line 188: | ||
} | } | ||
− | .ShipBoxLarge | + | .ShipBoxLarge .box-discussion |
{ | { | ||
margin-left: -6px; | margin-left: -6px; | ||
Line 215: | Line 200: | ||
} | } | ||
− | .ShipBoxLarge | + | .ShipBoxLarge .box-discussion .discussion-bgr |
{ | { | ||
color: #4C4C4C; | color: #4C4C4C; | ||
Line 222: | Line 207: | ||
} | } | ||
− | .ShipBoxLarge | + | .ShipBoxLarge .box-discussion .linkname |
{ | { | ||
font-size: 11px; | font-size: 11px; | ||
Line 235: | Line 220: | ||
<!-- Title --> | <!-- Title --> | ||
<div class='title'><span style='font-size: 16px;'>≡</span> {{#if: {{{class|}}} |{{{class}}} |SHIP}}: INFORMATION | <div class='title'><span style='font-size: 16px;'>≡</span> {{#if: {{{class|}}} |{{{class}}} |SHIP}}: INFORMATION | ||
− | |||
− | |||
</div> | </div> | ||
<!-- Content --> | <!-- Content --> | ||
Line 245: | Line 228: | ||
<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;'>{{# | + | <div class='ship-img' style='border: 1px solid #323931; position: relative;'>{{#ifexist: File:{{{shipimg}}} |
− | + | | [[Image:{{{shipimg}}}|256x256px|{{{shipname|}}}]] | |
− | + | | {{#if: {{{shipid|}}} | |
− | + | | {{Imageserver|types|{{{shipid}}}|render|size=256}} | |
− | + | | [[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 283: | Line 262: | ||
| {{{faction}}} | | {{{faction}}} | ||
| Unknown Faction | | Unknown Faction | ||
− | }}]]</div> | + | }}|link=]] |
+ | </div> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
<!-- Wiki links --> | <!-- Wiki links --> | ||
<div class='box-discussion'> | <div class='box-discussion'> | ||
Line 305: | Line 278: | ||
| 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:// | + | }} <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 290: | ||
<!-- 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> | ||
+ | <!-- Fittings --> | ||
<div style='border: 1px solid #323931; background-color: #191E18;'> | <div style='border: 1px solid #323931; background-color: #191E18;'> | ||
<div class='att-line'> | <div class='att-line'> | ||
− | <div class='att-item' style='width: | + | <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: | + | <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: | + | <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 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: | + | <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> | ||
− | + | {{#if: {{{fighterbay|}}} | |
− | <div class='att-value' style='width: | + | | <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: | + | <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: | + | | {{#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: | + | <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 361: | 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: | + | <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 370: | ||
</div> | </div> | ||
</div> | </div> | ||
+ | |||
<div class='att-line res-boxes'> | <div class='att-line res-boxes'> | ||
− | <div class='att-item' style='width: | + | <div class='att-item' style='width: 87px; margin-left: 95px;; 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: | + | <div class='att-item' style='border-right: none;'> |
− | <div class='att-img'>[[Image:icon_resist_em.png|20px|armor electromagnetic resistance | + | <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 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 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 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 394: | ||
</div> | </div> | ||
</div> | </div> | ||
+ | <!-- Target & nav --> | ||
<div class='att-line'> | <div class='att-line'> | ||
− | <div class='att-item' style='width: | + | <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: | + | <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: | + | <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: | + | <div class='att-item' style='border-right: none;'> |
− | <div class='att-value' style='width: | + | <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 416: | ||
</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='label'>S H I P B O N U S E S</div> |
− | <p> | + | <p>{{{bonuses}}}</p> |
</div> | </div> | ||
+ | |||
<!-- Ship description --> | <!-- Ship description --> | ||
<p class='ship-desc'>{{#if: {{{info|}}} |{{{info}}} | }}</p> | <p class='ship-desc'>{{#if: {{{info|}}} |{{{info}}} | }}</p> |
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.
- 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}}