User:Evon R'al/Sandbox template: Difference between revisions

(9 intermediate revisions by the same user not shown)

Line 17:

float: left;

margin-bottom: 10px;

width: 800px;

/*width: 800px;*/

}

Line 84:

line-height: 14px;

padding: 2px 5px;

color: var(--color-inverted-fixed);

}

Line 158:

Line 159:

}

.ShipBoxLarge p.ship-desc

.ShipBoxLarge p.ship-desc,

.ShipBoxLarge .ship-desc

{

font-family: arial;

Line 165:

Line 167:

padding: 5px 5px 0;

text-align: justify;

color: var(--color-inverted-fixed);

}

Line 215:

Line 218:

}}

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

</div>

<div class='titlename' style='height: 1em;'>[[{{{shipname|}}}]]</div>

<~~table~~ style=~~'width~~: ~~100%~~;'>

~~<tr>~~

<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 ship-img>

~~<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~~>

Line 269:

Line 245:

<div class='discussion-bgr'>RELATED UNI-WIKI REFERENCES</div>

<div class='linkname'>[[Ships|EVE Online Ships Overview]]<br>{{{wikireferences|}}}</div>

</div>

</div 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>

}}<br>{{{externallinks|}}}

</div>

</div linkname>

</div box-discussion>

</div content-left>

</td>

<tr>

<td>

~~~~

~~<td style='border-left: 1px solid #333333; padding: 5px 5px 5px 0; vertical-align: top;'>~~

~~~~

~~<div class='titlename' style='margin-bottom: 1em;'>[[{{{shipname|}}}]]</div>~~

~~~~

~~<table class='attributes' style='margin-bottom: 5px; width: 100%;'>~~

~~<tr>~~

~~<td>~~

~~<div style='border: 1px solid #323931; background-color: #191E18;'>~~

<div class='att-label'>fittings</div>

</div>

<div class='att-value'>{{#if: {{{highs|}}}|{{{highs}}}|0}}</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 class='att-img'>[[Image:icon_hi_slot.png|20px|high slots]]</div>

</div>

<div class='att-label' style='color: #9A7535;'>highs</div>

</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 class='att-value'>{{#if: {{{launchers|}}}|{{{launchers}}}|0}}</div>

<div class='att-img'>[[Image:icon_launcher_hp.png|20px|launcher hardpoints]]</div>

<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 class='att-label'>launchers</div>

</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 class='att-value'>{{#if: {{{turrets|}}}|{{{turrets}}}|0}}</div>

</div>

<div class='att-img'>[[Image:icon_turret_hp.png|20px|turret hardpoints]]</div>

<div class='att-label'>turrets</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 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-img'>[[Image:icon_low_slot.png|20px|low slots]]</div>

</div>

<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 class='att-value' style='width: 60px;'>{{{fighterbay}}}</div>

</div>

<div class='att-img'>[[Image:icon_drone_capacity.png|20px|fighter capacity]]</div>

<div class='att-label'>fighters</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 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-value' style='width: 80px;'>{{{bandwidth|}}}</div>

<div class='att-img'>[[Image:icon_drone_bandwith.png|20px|drone bandwidth]]</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-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 class='att-label' style='line-height: 40px;'>defense</div>

</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 class='att-img'>[[Image:icon_resist_em.png|20px|shield electromagnetic resistance]]</div>

<div class='value-text'> {{#if: {{{shieldem|}}}|{{{shieldem}}}|0}}</div>

</div>

<div class='att-img'>[[Image:icon_resist_therm.png|20px|shield thermal resistance]]</div>

<div class='value-text'>{{#if: {{{shieldtherm|}}}|{{{shieldtherm}}}|0}}</div>

</div>

<div class='att-img'>[[Image:icon_resist_kin.png|20px|shield kinetic resistance]]</div>

<div class='value-text'>{{#if: {{{shieldkin|}}}|{{{shieldkin}}}|0}}</div>

</div>

<div class='att-img'>[[Image:icon_resist_exp.png|20px|shield explosive resistance]]</div>

<div class='value-text'>{{#if: {{{shieldexp|}}}|{{{shieldexp}}}|0}}</div>

</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 class='att-img'>[[Image:icon_resist_em.png|20px|armor electromagnetic resistance]]</div>

<div class='value-text'>{{#if:{{{armorem|}}}|{{{armorem}}}|0}}</div>

</div>

<div class='att-img'>[[Image:icon_resist_therm.png|20px|armor thermal resistance]]</div>

<div class='value-text'>{{#if: {{{armortherm|}}}|{{{armortherm}}}|0}}</div>

</div>

<div class='att-img'>[[Image:icon_resist_kin.png|20px|armor kinetic resistance]]</div>

<div class='value-text'>{{#if: {{{armorkin|}}}|{{{armorkin}}}|0}}</div>

</div>

<div class='att-img'>[[Image:icon_resist_exp.png|20px|armor explosive resistance]]</div>

<div class='value-text'>{{#if: {{{armorexp|}}}|{{{armorexp}}}|0}}</div>

</div>

<div class='att-label'>target & nav</div>

</div>

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

</td>

</tr>

</table>

<td class='att-label' style="text-align: right; width: 8.4em;">fittings</td>

<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-value'>{{{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-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-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-img'>[[Image:icon_low_slot.png|20px|low slots]]</div>

</div>

</td>

</tr>

<td class='att-label' style="text-align: right; width: 8.4em;">{{#if: {{{fighterbay|}}} | fighters |drones }} & cargo</td>

</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-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-value' style='width: 80px;'>{{{bandwidth|}}}</div>

<div class='att-img'>[[Image:icon_drone_bandwith.png|20px|drone bandwidth]]</div>

</div>

| ~~{{#if: {{{dronebay|}}}~~

| <div class='att-item'>

~~| <div class='att-item'>~~

<div class='att-label' style="width: 160px; text-align: center; color: #9A7535;">No drone bay</div>

~~<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>~~

~~<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-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>~~

<div class='att-img'>[[Image:Icon_capacity.png|20px|cargo capacity]]</div>

~~</div>~~

<div class='att-label'>cargo</div>

~~~~

</div>

~~<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-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>

</td>

</tr>

<td class='att-label' style="text-align: right; width: 8.4em; height: 40px; line-height: 40px;">defense</td>

<td>

<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-line res-boxes'>~~

<div class='att-img'>[[Image:icon_resist_em.png|20px|shield electromagnetic resistance]]</div>

~~<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='value-text'> {{#if: {{{shieldem|}}}|{{{shieldem}}}|0}}</div>

<div class='att-img'>[[Image:icon_resist_em.png|20px|~~armor~~ electromagnetic resistance]]</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 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 class='att-line'>~~

~~<div class='att-item' style='width: 81px; 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 class='att-img'>[[Image:icon_resist_therm.png|20px|shield thermal resistance]]</div>

</td>

<div class='value-text'>{{#if: {{{shieldtherm|}}}|{{{shieldtherm}}}|0}}</div>

</div>

</tr>

<div class='att-img'>[[Image:icon_resist_kin.png|20px|shield kinetic resistance]]</div>

<div class='value-text'>{{#if: {{{shieldkin|}}}|{{{shieldkin}}}|0}}</div>

</div>

</~~table~~>

<div class='att-img'>[[Image:icon_resist_exp.png|20px|shield explosive resistance]]</div>

<div class='value-text'>{{#if: {{{shieldexp|}}}|{{{shieldexp}}}|0}}</div>

</div>

</div>

</div>

</td>

<p>{{{~~bonuses~~}}}</p>

</tr>

<td class='att-label' style="text-align: right; width: 8.4em;">target & nav</td>

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

~~~~

</td>

~~<p class='ship-desc'>{{#if: {{{info|}}} |{{{info}}} | }}~~</p>

</tr>

~~<!-- <div class='ship-variants'>Variations : {{#if: {{{variations|}}} |{{{variations}}} |<i>none</i>}}</div>--~~>

</td>

</tr>

</table>

</~~table~~>

<p>{{{bonuses}}}</p>

</div>

</div>

</div content-right>

</div></includeonly>

</div content>

</div ShipInfo>

</div ShipBoxLarge></includeonly>

<noinclude> {{documentation}} </noinclude>

@@ Line 17: / Line 17: @@
    float: left;
    margin-bottom: 10px;
-   width: 800px;
+   /*width: 800px;*/
   }
@@ Line 84: / Line 84: @@
    line-height: 14px;
    padding: 2px 5px;
+  color: var(--color-inverted-fixed);
   }
@@ Line 158: / Line 159: @@
   }
-.ShipBoxLarge p.ship-desc
+.ShipBoxLarge p.ship-desc,
+.ShipBoxLarge .ship-desc
   {
    font-family: arial;
@@ Line 165: / Line 167: @@
    padding: 5px 5px 0;
    text-align: justify;
+  color: var(--color-inverted-fixed);
   }
@@ Line 215: / Line 218: @@
 }}<!-- Content -->
-<div class='ShipBoxLarge'>
+<div ShipBoxLarge class='ShipBoxLarge'>
-  <div class='ship-info'>
+ <div class='ship-info'>
 <!-- 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>
-     </div>
+<!-- Title (Ship name) -->
+     <div class='titlename' style='height: 1em;'>[[{{{shipname|}}}]]</div>
 <!-- Content -->
-    <table style='width: 100%;'>
+   <div content style="clear: left; display: flex; flex-wrap: wrap">
-      <tr>
+<!-- ship image -->
-<!-- Content left: image and link -->
+    <div content-left style="padding: 5px;">
-        <td style='padding: 5px; width: 256px; vertical-align: top;'>
+     <div class='ship-img' style='border: 1px solid #323931; position: relative;'>{{#ifexist: File:{{{shipimg}}}
-          <div class='ship-img' style='border: 1px solid #323931; position: relative;'>{{#ifexist: File:{{{shipimg}}}
                  | [[Image:{{{shipimg}}}|256x256px|{{{shipname|}}}]]
-                 |  {{#if: {{{shipid|}}}
+                 | {{#if: {{{shipid|}}}
-                    | {{Imageserver|types|{{{shipid}}}|render|size=256}}
+                   | {{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 ship-img>
-          <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 -->
@@ Line 269: / Line 245: @@
              <div class='discussion-bgr'>RELATED UNI-WIKI REFERENCES</div>
              <div class='linkname'>[[Ships|EVE Online Ships Overview]]<br>{{{wikireferences|}}}</div>
-           </div>
+           </div box-discussion>
 <!--* External links *-->
-          <div class='box-discussion'>
+     <div class='box-discussion'>
-              <div class='discussion-bgr'>EXTERNAL LINKS</div>
+      <div class='discussion-bgr'>EXTERNAL LINKS</div>
-              <div class='linkname'>{{#if: {{{shipid|}}}
+       <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>[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 linkname>
+     </div box-discussion>
+   </div content-left>
+   <div content-right style="border-left: 1px solid #333333; max-width: 32em;">
-        </td>
+<!-- Ship attributes wip old -->
+     <table class='attributes' style='margin-bottom: 5px; width: 100%; display: none;'>
+       <tr>
+         <td>
+           <div style='border: 1px solid #323931; background-color: #191E18;'>
-<!-- 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>
 <!-- Fittings -->
-                <div style='border: 1px solid #323931; background-color: #191E18;'>
+             <div class='att-line'>
-                  <div class='att-line'>
+               <div class='att-item' style='width: 8.4em; text-align: right;'>
-                    <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: none;'>
-                    <div class='att-item' style='border-right: none;'>
+                 <div class='att-value'>{{#if: {{{highs|}}}|{{{highs}}}|0}}</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 class='att-img'>[[Image:icon_hi_slot.png|20px|high slots]]</div>
-                    </div>
+                 <div class='att-label' style='color: #9A7535;'>highs</div>
-                    <div class='att-item' style='border-right: none;'>
+               </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 class='att-item' style='border-right: none;'>
-                    </div>
+                 <div class='att-value'>{{#if: {{{launchers|}}}|{{{launchers}}}|0}}</div>
-                    <div class='att-item'>
+                 <div class='att-img'>[[Image:icon_launcher_hp.png|20px|launcher hardpoints]]</div>
-                      <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 class='att-label'>launchers</div>
-                    </div>
+                </div>
-                    <div class='att-item'>
+               <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 class='att-value'>{{#if: {{{turrets|}}}|{{{turrets}}}|0}}</div>
-                    </div>
+                 <div class='att-img'>[[Image:icon_turret_hp.png|20px|turret hardpoints]]</div>
-                    <div class='att-item' style='border-right: none;>
+                 <div class='att-label'>turrets</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 class='att-item'>
-                  </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 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-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>
-                {{#if: {{{fighterbay|}}}
+{{#if: {{{fighterbay|}}}
-                  | <div class='att-item'>
+  |            <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 class='att-value' style='width: 60px;'>{{{fighterbay}}}</div>
-                    </div>
+                 <div class='att-img'>[[Image:icon_drone_capacity.png|20px|fighter capacity]]</div>
-                    <div class='att-item'>
+                 <div class='att-label'>fighters</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 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 old -->
+             <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>
+<!-- wip new-->
+    <table class='attributes' style='margin-bottom: 5px; width: 100%; clear: both; border: 1px solid #323931; background-color: #191E18;'>
+<!-- fittings -->
+     <tr class='att-line'>
+       <td class='att-label' style="text-align: right; width: 8.4em;">fittings</td>
+       <td style="text-align: left;">
+         <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'>{{{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>
+        </td>
+     </tr>
+    <!-- drones -->
+     <tr class='att-line'>
+       <td class='att-label' style="text-align: right; width: 8.4em;">{{#if: {{{fighterbay|}}} | fighters |drones }} & cargo</td>
+       <td style="text-align: left;">
+            </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>
-                  | {{#if: {{{dronebay|}}}
+                 | <div class='att-item'>
-                      | <div class='att-item'>
+                     <div class='att-label' style="width: 160px; text-align: center; color: #9A7535;">No drone bay</div>
-                          <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>
-                          <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>
+              <div class='att-img'>[[Image:Icon_capacity.png|20px|cargo capacity]]</div>
-                  </div>
+              <div class='att-label'>cargo</div>
-<!-- Defense -->
+            </div>
-                  <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-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>
+       </td>
+    </tr>
+<!-- defense -->
+     <tr class='att-line'style="/*temp*/ height: 50px;">
+       <td class='att-label' style="text-align: right; width: 8.4em; height: 40px; line-height: 40px;">defense</td>
+       <td>
+         <div class='att-line res-boxes' style='position: relative;'>
+           <div class='att-item' style='height: 40px; position: absolute; left: 0; background-color: #110809; text-align: right;'>
+             <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-line res-boxes'>
+             <div class='att-img'>[[Image:icon_resist_em.png|20px|shield electromagnetic resistance]]</div>
-                    <div class='att-item' style='width: 87px; margin-left: 95px;; text-align: right;'>
+             <div style='display: inline-block;'>
-                      <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='box-resist bgr-em'>
-                    </div>
+                 <div class='resist-value val-em' style='width: {{#expr: {{#if: {{{shieldem|}}}|{{{shieldem}}}|0}}/2 round 0}}px;'>
-                    <div class='att-item' style='border-right: none;'>
+                   <div class='value-text'> {{#if: {{{shieldem|}}}|{{{shieldem}}}|0}}</div>
-                      <div class='att-img'>[[Image:icon_resist_em.png|20px|armor electromagnetic resistance]]</div>
+                 </div>
-                      <div style='display: inline-block;'>
+               </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 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: 81px; 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>
+             <div class='att-img'>[[Image:icon_resist_therm.png|20px|shield thermal resistance]]</div>
-              </td>
+             <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>
-            </tr>
+             <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>
-          </table>
+             <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>
-<!-- Ship bonuses -->
+           </div>
-           <div class='ship-border-box' style='display: {{#if: {{{bonuses|}}} |block |none }}; margin: 10px 5px 5px'>
+         </div>
-             <div class='label'>S H I P&nbsp;&nbsp;&nbsp;B O N U S E S</div>
+       </td>
-             <p>{{{bonuses}}}</p>
+    </tr>
+<!-- target & nav -->
+     <tr class='att-line'>
+       <td class='att-label' style="text-align: right; width: 8.4em;">target & nav</td>
+       <td style="text-align: left;">
+           <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>
-<!-- Ship description -->
+       </td>
-          <p class='ship-desc'>{{#if: {{{info|}}} |{{{info}}} |&nbsp;}}</p>
+    </tr>
-<!--          <div class='ship-variants'>Variations : {{#if: {{{variations|}}} |{{{variations}}} |<i>none</i>}}</div>-->
-        </td>
-      </tr>
+    </table>
-     </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&nbsp;&nbsp;&nbsp;B O N U S E S</div>
+     <p>{{{bonuses}}}</p>
+    </div>
+<!-- Ship description -->
+     <div class='ship-desc'>{{#if: {{{info|}}} |{{{info}}} |&nbsp;}}</div>
-   </div>
+   </div content-right>
-</div></includeonly>
+   </div content>
+ </div ShipInfo>
+</div ShipBoxLarge></includeonly>
 <noinclude> {{documentation}} <!-- Please add categories and interwikis to the bottom of sub-page /doc, not here --></noinclude>