Toggle menu
Toggle preferences menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

Template:ShipBoxTooltip: Difference between revisions

Template page
m Coding and testing.
m CSS ship attributes: Move inline css to class. Refactor css.
Line 49: Line 49:


/* Ship attributes */
/* Ship attributes */
.uniwiki-ship-tooltip-bottom {
.uniwiki-ship-tooltip-bottom,
.sbtt-attributes {
   float: left;
   float: left;
   width: 170px;
   width: 170px;
  }
  }


.uniwiki-ship-tooltip-bottom .tt-att {
.sbtt-attributes div {
  color: #9E8F75;
   display: inline-block;
   display: inline-block;
  font-size: 10px;
   float:left;
   float:left;
  margin-right: 3px;
  padding-right: 3px;
   height: 13px;
   height: 13px;
  white-space: nowrap;
  color: #9E8F75;
  font-size: 10px;
   line-height: 15px;
   line-height: 15px;
  margin-right: 3px;
  padding-right: 3px;
  }
  }


Line 99: Line 101:
     </div>
     </div>
     }}
     }}
     <div class='uniwiki-ship-tooltip-bottom'>
     <div class="sbtt-attributes">
     <div class='tt-att' style='white-space: nowrap;'>[[Image:icon_hi_slot.png|15x15px|high slots]]{{{highs|0}}}({{{launchers|0}}}/{{{turrets|0}}}) [[Image:icon_mid_slot.png|15x15px|middle slots]]{{{mediums|0}}} [[Image:icon_low_slot.png|15x15px|low slots]]{{{lows|0}}}</div>
     <div>[[Image:icon_hi_slot.png|15x15px|high slots]]{{{highs|0}}}({{{launchers|0}}}/{{{turrets|0}}}) [[Image:icon_mid_slot.png|15x15px|middle slots]]{{{mediums|0}}} [[Image:icon_low_slot.png|15x15px|low slots]]{{{lows|0}}}</div>
     <div class='tt-att' style='white-space: nowrap;'>[[Image:icon_powergrid.png|15x15px|powergrid]]{{{powergrid|0 MW}}} [[Image:icon_cpu.png|15x15px|cpu output]]{{{cpu|0 tf}}}</div>
     <div>[[Image:icon_powergrid.png|15x15px|powergrid]]{{{powergrid|0 MW}}} [[Image:icon_cpu.png|15x15px|cpu output]]{{{cpu|0 tf}}}</div>
     <div class='tt-att'>[[Image:Icon_velocity.png|15x15px|max. velocity]]{{{maxvelocity|0 m/s}}}</div>
     <div>[[Image:Icon_velocity.png|15x15px|max. velocity]]{{{maxvelocity|0 m/s}}}</div>
     <div class='tt-att'>[[Image:Icon_capacity.png|15x15px|cargo capacity]]{{{cargohold|0 m&#179;}}}</div>
     <div>[[Image:Icon_capacity.png|15x15px|cargo capacity]]{{{cargohold|0 m&#179;}}}</div>
     </div>
     </div>
   </td>
   </td>