More actions
m Coding and testing |
m Coding and testing |
||
| Line 167: | Line 167: | ||
padding: 5px 5px 0; | padding: 5px 5px 0; | ||
text-align: justify; | text-align: justify; | ||
color: | color: var(--color-inverted-fixed); | ||
} | } | ||
| Line 266: | Line 266: | ||
<tr> | <tr> | ||
<td> | <td> | ||
<div style='border: 1px solid #323931; background-color: #191E18;'> | <div style='border: 1px solid #323931; background-color: #191E18;'> | ||
<!-- Fittings wip--> | |||
<div class='att-line'> | <div class='att-line'> | ||
<div class='att-item' style='width: | <div class='att-item' style='width: 8.4em; text-align: right;'> | ||
<div class='att-label'>fittings</div> | <div class='att-label'>fittings</div> | ||
</div> | </div> | ||
<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-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: none;'> | <div class='att-item' style='border-right: none;'> | ||
<div class='att-value'>{{#if: {{{launchers|}}}|{{{launchers}}}|0}}</div><div class='att-img'>[[Image:icon_launcher_hp.png|20px|launcher hardpoints]]</div><div class='att-label'>launchers</div> | <div class='att-value'>{{#if: {{{launchers|}}}|{{{launchers}}}|0}}</div> | ||
<div class='att-img'>[[Image:icon_launcher_hp.png|20px|launcher hardpoints]]</div> | |||
<div class='att-label'>launchers</div> | |||
</div> | </div> | ||
<div class='att-item'> | <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 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> | ||
<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: {{{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' style='border-right: none;> | <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 --> | <!-- Drones & cargo --> | ||
<div class='att-line'> | <div class='att-line'> | ||
<div class='att-item' style='width: | <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|}}} | ||
| <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 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: 20px;'>{{{fightertubes|}}}</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 class='att-img'>[[Image:icon_drone_bandwith.png|20px|fighter squad tubes]]</div> | ||
<div class='att-label'>squad tubes</div> | |||
</div> | </div> | ||
| {{#if: {{{dronebay|}}} | | {{#if: {{{dronebay|}}} | ||
| <div class='att-item'> | | <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 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-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 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> | ||
| <div class='att-item'> | | <div class='att-item'> | ||
| Line 314: | Line 330: | ||
<div class='att-item' style='border-right: none;'> | <div class='att-item' style='border-right: none;'> | ||
<div class='att-value' style='width: 70px;'>{{#if: {{{cargohold|}}}|{{{cargohold}}}|0 {{m3}} }}</div><div class='att-img'>[[Image:Icon_capacity.png|20px|cargo capacity]]</div><div class='att-label'>cargo</div> | <div class='att-value' style='width: 70px;'>{{#if: {{{cargohold|}}}|{{{cargohold}}}|0 {{m3}} }}</div> | ||
<div class='att-img'>[[Image:Icon_capacity.png|20px|cargo capacity]]</div> | |||
<div class='att-label'>cargo</div> | |||
</div> | </div> | ||
</div> | </div> | ||
<!-- Defense --> | <!-- Defense --> | ||
<div class='att-line res-boxes' style='position: relative;'> | <div class='att-line res-boxes' style='position: relative;'> | ||
<div class='att-item' style='width: | <div class='att-item' style='width: 8.4em; height: 40px; position: absolute; left: 0; background-color: #110809; text-align: right;'> | ||
<div class='att-label' style='line-height: 40px;'>defense</div> | <div class='att-label' style='line-height: 40px;'>defense</div> | ||
</div> | </div> | ||
<div class='att-item' style='width: 87px; margin-left: 95px; 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 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: none;'> | <div class='att-item' style='border-right: none;'> | ||
<div class='att-img'>[[Image:icon_resist_em.png|20px|shield electromagnetic resistance]]</div> | <div class='att-img'>[[Image:icon_resist_em.png|20px|shield electromagnetic resistance]]</div> | ||
<div style='display: inline-block;'> | <div style='display: inline-block;'> | ||
<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 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> | ||
<div class='att-img'>[[Image:icon_resist_therm.png|20px|shield thermal resistance]]</div> | <div class='att-img'>[[Image:icon_resist_therm.png|20px|shield thermal resistance]]</div> | ||
| Line 368: | Line 389: | ||
</div> | </div> | ||
</div> | </div> | ||
<!-- Target & nav --> | <!-- Target & nav --> | ||
<div class='att-line'> | <div class='att-line'> | ||
<div class='att-item' style='width: | <div class='att-item' style='width: 8.4em; text-align: right;'> | ||
<div class='att-label'>target & nav</div> | <div class='att-label'>target & nav</div> | ||
</div> | </div> | ||
<div class='att-item'> | <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 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='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 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: none;'> | <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 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> | ||
| Line 390: | Line 418: | ||
</table> | </table> | ||
<table class='attributes' style='margin-bottom: 5px; width: 100%; clear: both; border: 1px solid #323931; background-color: #191E18;'><!-- wip new--> | |||
<tr class='att-line'> | |||
<td class='att-label' style="text-align: right; width: 81px;">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'>{{#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> | |||
</td> | |||
</tr> | |||
<tr class='att-line'> | |||
<td class='att-label' style="text-align: right; width: 81px;">{{#if: {{{fighterbay|}}} | fighters |drones }} & cargo</td> | |||
<td style="text-align: left;"> | |||
</td> | |||
</tr> | |||
<tr class='att-line'> | |||
<td class='att-label' style="text-align: right; width: 81px;">defence</td> | |||
<td style="text-align: left;"> | |||
</td> | |||
</tr> | |||
<tr class='att-line'> | |||
<td class='att-label' style="text-align: right; width: 81px;">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> | |||
</td> | |||
</tr> | |||
</table> | |||
<!-- Ship bonuses --> | <!-- Ship bonuses --> | ||