More actions
mNo edit summary |
Make fighter/drone info visible. |
||
| (39 intermediate revisions by 11 users not shown) | |||
| Line 1: | Line 1: | ||
< | <includeonly>{{#css: | ||
div.ShipBoxLarge | |||
{ | |||
float: left; | |||
clear: both; | |||
width: 100%; | |||
} | |||
.ShipBoxLarge .ship-info | |||
{ | |||
background-color: #1D1C23; | |||
border-bottom: 1px solid #525751; | |||
border-left: 1px solid black; | |||
border-right: 1px solid black; | |||
border-top: 1px solid #525751; | |||
float: left; | |||
margin-bottom: 10px; | |||
width: 800px; | |||
} | |||
.ShipBoxLarge table | |||
{ | |||
border-spacing: 0; | |||
margin: 0; | |||
} | |||
.ShipBoxLarge table td | |||
{ | |||
padding: 0; | |||
} | |||
.ShipBoxLarge .title | |||
{ | |||
border-bottom: 1px solid #525751; | |||
color: #CCCCCC; | |||
font-family: trebuchet MS; | |||
font-size: 12px; | |||
font-weight: bold; | |||
height: 22px; | |||
line-height: 20px; | |||
padding: 0 10px; | |||
text-align: left; | |||
text-transform: uppercase; | |||
} | |||
.ShipBoxLarge .titlename a | |||
{ | |||
float: left; | |||
font-size: 180%; | |||
height: 30px; | |||
line-height: 30px; | |||
padding-left: 5px; | |||
} | |||
.ShipBoxLarge .titlename a:hover | |||
{ | |||
text-decoration: none; | |||
} | |||
.ShipBoxLarge .ship-border-box | |||
{ | |||
background-color: #110809; | |||
border: 1px solid #878984; | |||
} | |||
.ShipBoxLarge .ship-border-box p | |||
{ | |||
color: #FFFFFF; | |||
font-size: 90%; | |||
margin: 0; | |||
padding: 5px; | |||
text-align: left; | |||
} | |||
.ShipBoxLarge .label | |||
{ | |||
background-color:#0e1618; | |||
border-bottom: 1px solid #4C4646; | |||
border-top: 1px solid #4C4646; | |||
font-family: Trebuchet MS; | |||
font-size: 10px; | |||
height: 14px; | |||
line-height: 14px; | |||
padding: 2px 5px; | |||
color: var(--color-inverted-fixed); | |||
} | |||
.ShipBoxLarge .box-resist | |||
{ | |||
height: 15px; | |||
line-height: 15px; | |||
width: 50px; | |||
} | |||
.ShipBoxLarge .bgr-em { background-color: #121923; } | |||
.ShipBoxLarge .bgr-thr { background-color: #290b0b; } | |||
.ShipBoxLarge .bgr-kin { background-color: #292021; } | |||
.ShipBoxLarge .bgr-exp { background-color: #2b190b; } | |||
.ShipBoxLarge .val-em { background-color: #1c5d85; } | |||
.ShipBoxLarge .val-thr { background-color: #8d1717; } | |||
.ShipBoxLarge .val-kin { background-color: #757575; } | |||
.ShipBoxLarge .val-exp { background-color: #875f1a; } | |||
.ShipBoxLarge .box-resist .resist-value .value-text | |||
{ | |||
font-weight: bold; | |||
text-align: center; | |||
width: 50px; | |||
} | |||
.ShipBoxLarge .attributes | |||
{ | |||
border: none; | |||
padding: 3px; | |||
} | |||
.ShipBoxLarge .attributes .att-line | |||
{ | |||
background-color: #110809; | |||
font-family: trebuchet MS; | |||
font-size: 11px; | |||
height: 20px; | |||
line-height: 20px; | |||
margin-bottom: 2px; | |||
} | |||
.ShipBoxLarge .attributes .att-item | |||
{ | |||
border-right: 2px solid #191E18; | |||
display: inline-block; | |||
padding: 0 5px; | |||
} | |||
.ShipBoxLarge .attributes .att-img | |||
{ | |||
display: inline-block; | |||
margin-right: 2px; | |||
} | |||
.ShipBoxLarge .attributes .res-boxes .att-img | |||
{ | |||
margin-right: 0; | |||
} | |||
.ShipBoxLarge .attributes .att-label | |||
{ | |||
color: #9E9E9E; | |||
display: inline-block; | |||
} | |||
.ShipBoxLarge .attributes .att-value | |||
{ | |||
color: #FFFFFF; | |||
display: inline-block; | |||
margin-right: 2px; | |||
text-align: right; | |||
width: 10px; | |||
} | |||
.ShipBoxLarge p.ship-desc | |||
{ | |||
color: var(--color-inverted-fixed); | |||
font-family: arial; | |||
font-size: 11px; | |||
line-height: 120%; | |||
padding: 5px 5px 0; | |||
text-align: justify; | |||
} | |||
.ShipBoxLarge .ship-variants | |||
{ | |||
border-top: 1px solid #323931; | |||
font-family: trebuchet MS; | |||
font-size: 11px; | |||
height: 20px; | |||
line-height: 20px; | |||
margin: 0 5px 5px; | |||
} | |||
.ShipBoxLarge .techcorner | |||
{ | |||
width: 64px; | |||
height: 64px; | |||
position: absolute; | |||
top: 0px; | |||
left: 0px; | |||
margin-left: 1px; | |||
margin-top: 1px; | |||
} | |||
.ShipBoxLarge .box-discussion | |||
{ | |||
margin-left: -6px; | |||
margin-right: -6px; | |||
margin-top: 5px; | |||
border-color: #393734 black; | |||
border-style: solid; | |||
border-width: 1px; | |||
padding: 5px; | |||
background-color: #1A1A1A; | |||
} | |||
.ShipBoxLarge .box-discussion .discussion-bgr | |||
{ | |||
color: #4C4C4C; | |||
font-family: trebuchet MS; | |||
font-size: 90%; | |||
} | |||
.ShipBoxLarge .box-discussion .linkname | |||
{ | |||
font-size: 11px; | |||
line-height: 120%; | |||
padding: 0 5px; | |||
} | |||
}}<!-- Content --> | |||
<div class='ShipBoxLarge'> | |||
<div class='ship-info'> | |||
<!-- Title --> | |||
<div class='title'><span style='font-size: 16px;'>≡</span> {{#if: {{{class|}}} |{{{class}}} |SHIP}}: INFORMATION | |||
</div> | |||
<!-- Content --> | |||
<table style='width: 100%;'> | |||
<tr> | |||
<!-- Content left: image and link --> | |||
<td style='padding: 5px; width: 256px; vertical-align: top;'> | |||
<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 style='position: absolute; margin-left: 200px; margin-top: -60px;'>[[Image:{{#switch: {{lc: {{{faction}}} }} | |||
| angel cartel= Logo_faction_angel_cartel.png | |||
| amarr empire= Logo_faction_amarr_empire.png | |||
| blood raiders= Logo_faction_the_blood_raider_covenant.png | |||
| caldari state= Logo_faction_caldari_state.png | |||
| concord= Logo_faction_concord_assembly.png | |||
| edencom= Logo_faction_edencom.png | |||
| gallente federation= Logo_faction_gallente_federation.png | |||
| guristas= Logo_faction_guristas_pirates.png | |||
| intaki syndicate= Logo faction the syndicate.png | |||
| interbus= Logo faction the interbus.png | |||
| jovian directorate= Logo faction jove empire.png | |||
| khanid kingdom= Logo_faction_khanid_kingdom.png | |||
| minmatar republic= Logo_faction_minmatar_republic.png | |||
| mordu's legion= Logo_faction_mordus_legion.png | |||
| outer ring excavations= Logo_faction_outer_ring_excavations.png | |||
| sansha's nation= Logo_faction_sanshas_nation.png | |||
| serpentis= Logo_faction_serpentis.png | |||
| sisters of eve= Logo_faction_sisters_of_eve.png | |||
| society of conscious thought= Logo_faction_the_society.png | |||
| triglavian collective= Logo_faction_triglavian_collective.png | |||
| #default= Helpicon.png | |||
}}|60x60px|{{#if: {{{faction|}}} | |||
| {{{faction}}} | |||
| Unknown Faction | |||
}}|link=]] | |||
</div> | |||
<!-- Wiki links --> | |||
<div class='box-discussion'> | |||
<div class='discussion-bgr'>RELATED UNI-WIKI REFERENCES</div> | |||
<div class='linkname'>[[Ships|EVE Online Ships Overview]]<br>{{{wikireferences|}}}</div> | |||
</div> | |||
<!--* External links *--> | |||
<div class='box-discussion'> | |||
<div class='discussion-bgr'>EXTERNAL LINKS</div> | |||
<div class='linkname'>{{#if: {{{shipid|}}} | |||
| [https://zkillboard.com/ship/{{{shipid}}}/ {{{shipname|}}} on zKillboard]{{#switch: {{lc: {{{class}}} }} | |||
| shuttle= | |||
| #default= <br>[https://www.eveworkbench.com/fitting/{{{shipid}}} {{{shipname|}}} on EVE Workbench] | |||
}} <br>[https://janice.e-351.com/i/{{{shipid}}}/ {{{shipname|}}} on Janice]<br>[https://everef.net/type/{{{shipid}}} {{{shipname|}}} on EVE Ref] | |||
}}<br>{{{externallinks|}}}</div> | |||
</div> | |||
</td> | |||
<!-- Content right: data --> | |||
<td style='border-left: 1px solid #333333; padding: 5px 5px 5px 0; vertical-align: top;'> | |||
<!-- Title (Ship name) --> | |||
<div class='titlename' style='margin-bottom: 1em;'>[[{{{shipname|}}}]]</div> | |||
<!-- Ship attributes --> | |||
<table class='attributes' style='margin-bottom: 5px; width: 100%;'> | |||
<tr> | |||
<td> | |||
<div style='border: 1px solid #323931; background-color: #191E18;'> | |||
<!-- Fittings --> | |||
<div class='att-line'> | |||
<div class='att-item' style='width: 8.4em; text-align: right;'> | |||
<div class='att-label'>fittings</div> | |||
</div> | |||
<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> | |||
<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> | |||
<div class='att-item'> | |||
<div class='att-value'>{{#if: {{{turrets|}}}|{{{turrets}}}|0}}</div><div class='att-img'>[[Image:icon_turret_hp.png|20px|turret hardpoints]]</div><div class='att-label'>turrets</div> | |||
</div> | |||
<div class='att-item'> | |||
<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 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> | |||
</div> | |||
<!-- Drones & cargo --> | |||
<div class='att-line'> | |||
<div class='att-item' style='width: 8.4em; text-align: right;'> | |||
<div class='att-label'>{{#if: {{{fighterbay|}}} | fighters |drones }} & cargo</div> | |||
</div> | |||
{{#if: {{{fighterbay|}}} | |||
| <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 class='att-item'> | |||
<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> | |||
| {{#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> | |||
</div> | |||
<!-- Defense --> | |||
<div class='att-line res-boxes' style='position: relative;'> | |||
<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> | |||
<div class='att-item' style='width: 87px; margin-left: 95px; text-align: right;'> | |||
<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 class='att-item' style='border-right: none;'> | |||
<div class='att-img'>[[Image:icon_resist_em.png|20px|shield electromagnetic resistance]]</div> | |||
<div style='display: inline-block;'> | |||
<div class='box-resist bgr-em'> <div class='resist-value val-em' style='width: {{#expr: {{#if: {{{shieldem|}}}|{{{shieldem}}}|0}}/2 round 0}}px;'> <div class='value-text'>{{#if: {{{shieldem|}}}|{{{shieldem}}}|0}}</div></div></div> | |||
</div> | |||
<div class='att-img'>[[Image:icon_resist_therm.png|20px|shield thermal resistance]]</div> | |||
<div style='display: inline-block;'> | |||
<div class='box-resist bgr-thr'> <div class='resist-value val-thr' style='width: {{#expr: {{#if: {{{shieldtherm|}}}|{{{shieldtherm}}}|0}}/2 round 0}}px;'> <div class='value-text'>{{#if: {{{shieldtherm|}}}|{{{shieldtherm}}}|0}}</div></div></div> | |||
</div> | |||
<div class='att-img'>[[Image:icon_resist_kin.png|20px|shield kinetic resistance]]</div> | |||
<div style='display: inline-block;'> | |||
<div class='box-resist bgr-kin'> <div class='resist-value val-kin' style='width: {{#expr: {{#if: {{{shieldkin|}}}|{{{shieldkin}}}|0}}/2 round 0}}px;'> <div class='value-text'>{{#if: {{{shieldkin|}}}|{{{shieldkin}}}|0}}</div></div></div> | |||
</div> | |||
<div class='att-img'>[[Image:icon_resist_exp.png|20px|shield explosive resistance]]</div> | |||
<div style='display: inline-block;'> | |||
<div class='box-resist bgr-exp'> <div class='resist-value val-exp' style='width: {{#expr: {{#if: {{{shieldexp|}}}|{{{shieldexp}}}|0}}/2 round 0}}px;'> <div class='value-text'>{{#if: {{{shieldexp|}}}|{{{shieldexp}}}|0}}</div></div></div> | |||
</div> | |||
</div> | |||
</div> | |||
<div class='att-line res-boxes'> | |||
<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> | |||
<div class='att-item' style='border-right: none;'> | |||
<div class='att-img'>[[Image:icon_resist_em.png|20px|armor electromagnetic resistance]]</div> | |||
<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> | |||
<div class='att-img'>[[Image:icon_resist_therm.png|20px|armor thermal resistance]]</div> | |||
<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> | |||
<div class='att-img'>[[Image:icon_resist_kin.png|20px|armor kinetic resistance]]</div> | |||
<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> | |||
<div class='att-img'>[[Image:icon_resist_exp.png|20px|armor explosive resistance]]</div> | |||
<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> | |||
</div> | |||
</div> | |||
<!-- Target & nav --> | |||
<div class='att-line'> | |||
<div class='att-item' style='width: 8.4em; text-align: right;'> | |||
<div class='att-label'>target & nav</div> | |||
</div> | |||
<div class='att-item'> | |||
<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 class='att-item'> | |||
<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 class='att-item' style='border-right: none;'> | |||
<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> | |||
</td> | |||
</tr> | |||
</table> | |||
<!-- Ship bonuses --> | |||
<div class='ship-border-box' style='display: {{#if: {{{bonuses|}}} |block |none }}; margin: 10px 5px 5px'> | |||
<div class='label'>S H I P B O N U S E S</div> | |||
<p>{{{bonuses}}}</p> | |||
</div> | |||
<!-- Ship description --> | |||
<p class='ship-desc'>{{#if: {{{info|}}} |{{{info}}} | }}</p> | |||
<!-- <div class='ship-variants'>Variations : {{#if: {{{variations|}}} |{{{variations}}} |<i>none</i>}}</div>--> | |||
</td> | |||
</tr> | |||
</table> | |||
</div> | |||
</div></includeonly> | |||
<noinclude>{{documentation}}</noinclude> | |||