More actions
developing a prototype of the new ship information box |
No edit summary |
||
| Line 110: | Line 110: | ||
display: inline-block; | display: inline-block; | ||
margin-right: 2px; | margin-right: 2px; | ||
} | |||
.attributes .res-boxes .att-item .att-img | |||
{ | |||
margin-right:0; | |||
} | } | ||
.attributes .att-line .att-item .att-label | .attributes .att-line .att-item .att-label | ||
| Line 144: | Line 148: | ||
<div class='attributes ship-border-box' style='background-color:#191E18'> | <div class='attributes ship-border-box' style='background-color:#191E18'> | ||
<div class='att-line'> | <div class='att-line'> | ||
<div class='att-item' style=' | <div class='att-item' style='width: 80px;'> | ||
<div class='att-label'>fittings</div> | <div class='att-label'>fittings</div> | ||
</div> | </div> | ||
| Line 164: | Line 168: | ||
</div> | </div> | ||
<div class='att-line'> | <div class='att-line'> | ||
<div class='att-item' style='width: 80px;'> | |||
<div class='att-label'>drones & cargo</div> | |||
</div> | |||
<div class='att-item'> | <div class='att-item'> | ||
<div class='att-value' style='width:40px'>150 m3</div><div class='att-img'>[[Image:icon_drone_capacity.png|20px|middle|drone capacity]]</div><div class='att-label'>drones</div> | <div class='att-value' style='width:40px'>150 m3</div><div class='att-img'>[[Image:icon_drone_capacity.png|20px|middle|drone capacity]]</div><div class='att-label'>drones</div> | ||
| Line 174: | Line 181: | ||
</div> | </div> | ||
</div> | </div> | ||
<div class='att-line'> | <div class='att-line res-boxes'> | ||
<div class='att-item'> | <div class='att-item' style='width: 80px;'> | ||
<div class='att-label'>defense</div> | |||
</div> | |||
<div class='att-item' style='width:95px;'> | |||
<div class='att-value' style='width:30px'>5000</div><div class='att-img'>[[Image:icon_shield.png|20px|middle|shields]]</div><div class='att-label'>shields</div> | <div class='att-value' style='width:30px'>5000</div><div class='att-img'>[[Image:icon_shield.png|20px|middle|shields]]</div><div class='att-label'>shields</div> | ||
</div> | </div> | ||
<div class='att-item'> | <div class='att-item' style='border-right: medium 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 197: | Line 207: | ||
</div> | </div> | ||
</div> | </div> | ||
<div class='att-line'> | <div class='att-line res-boxes'> | ||
<div class='att-item'> | <div class='att-item' style='width: 80px;'> | ||
<div class='att-label'>defense</div> | |||
</div> | |||
<div class='att-item' style='width:95px;'> | |||
<div class='att-value' style='width:30px'>5000</div><div class='att-img'>[[Image:icon_armor.png|20px|middle|armor]]</div><div class='att-label'>armor</div> | <div class='att-value' style='width:30px'>5000</div><div class='att-img'>[[Image:icon_armor.png|20px|middle|armor]]</div><div class='att-label'>armor</div> | ||
</div> | </div> | ||
<div class='att-item'> | <div class='att-item' style='border-right: medium none;'> | ||
<div class='att-img'>[[Image:icon_resist_em.png|20px|armor electromagnetic resistance|]]</div> | <div class='att-img'>[[Image:icon_resist_em.png|20px|armor electromagnetic resistance|]]</div> | ||
<div style='display: inline-block;'> | <div style='display: inline-block;'> | ||