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

Template:ShipBoxLarge: Difference between revisions

Template page
m CSS overhaul.
m Large sig radius did not fit.
Line 1: Line 1:
{{#css:
<includeonly>{{#css:


div.ShipBoxLarge
div.ShipBoxLarge
Line 305: Line 305:
<!-- Ship attributes -->
<!-- Ship attributes -->
           <table class='attributes' style='margin-bottom: 5px; width: 100%;'>
           <table class='attributes' style='margin-bottom: 5px; width: 100%;'>
             <tr>
             <tr>
               <td>
               <td>
<!-- Fittings -->
                 <div style='border: 1px solid #323931; background-color: #191E18;'>
                 <div style='border: 1px solid #323931; background-color: #191E18;'>
                   <div class='att-line'>
                   <div class='att-line'>
Line 329: Line 329:
                     </div>                     
                     </div>                     
                   </div>
                   </div>
 
<!-- Droned & cargo -->
                   <div class='att-line'>
                   <div class='att-line'>
                     <div class='att-item' style='width: 80px; text-align: right;'>
                     <div class='att-item' style='width: 80px; text-align: right;'>
Line 344: Line 344:
                     </div>
                     </div>
                   </div>
                   </div>
 
<!-- 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: 80px; height: 40px; position: absolute; left: 0; background-color: #110809; text-align: right;'>
                     <div class='att-item' style='width: 80px; height: 40px; position: absolute; left: 0; background-color: #110809; text-align: right;'>
Line 395: Line 395:
                     </div>
                     </div>
                   </div>
                   </div>
 
<!-- Target & nav -->
                   <div class='att-line'>
                   <div class='att-line'>
                     <div class='att-item' style='width: 80px; text-align: right;'>
                     <div class='att-item' style='width: 80px; text-align: right;'>
Line 401: Line 401:
                     </div>
                     </div>
                     <div class='att-item'>
                     <div class='att-item'>
                       <div class='att-value' style='width: 50px'>{{#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='width: 30px'>{{#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='width: 55px;'>{{#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>