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

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

From EVE University Wiki
m Coding and testing
m Coding and testing
Line 224: Line 224:
     <div class='title'><span style='font-size: 16px;'>&equiv;</span> {{#if: {{{class|}}} |{{{class}}} |SHIP}}: INFORMATION</div>
     <div class='title'><span style='font-size: 16px;'>&equiv;</span> {{#if: {{{class|}}} |{{{class}}} |SHIP}}: INFORMATION</div>
<!-- Title (Ship name) -->
<!-- Title (Ship name) -->
     <div class='titlename' style='margin-bottom: 1em;'>[[{{{shipname|}}}]]</div>
     <div class='titlename' style='height: 1em;'>[[{{{shipname|}}}]]</div>


<!-- Content -->
<!-- Content -->
Line 263: Line 263:


<!-- Ship attributes wip old -->
<!-- Ship attributes wip old -->
     <table class='attributes' style='margin-bottom: 5px; width: 100%;'>
     <table class='attributes' style='margin-bottom: 5px; width: 100%; display: none;'>
       <tr>
       <tr>
         <td>
         <td>
Line 470: Line 470:
<!-- fittings -->
<!-- fittings -->
     <tr class='att-line'>
     <tr class='att-line'>
       <td class='att-label' style="text-align: right; width: 81px;">fittings</td>
       <td class='att-label' style="text-align: right; width: 8.4em;">fittings</td>
       <td style="text-align: left;">
       <td style="text-align: left;">
         <div class='att-item' style='border-right: none;'>
         <div class='att-item' style='border-right: none;'>
Line 501: Line 501:
     <!-- drones -->
     <!-- drones -->
     <tr class='att-line'>
     <tr class='att-line'>
       <td class='att-label' style="text-align: right; width: 81px;">{{#if: {{{fighterbay|}}} | fighters |drones }} & cargo</td>
       <td class='att-label' style="text-align: right; width: 8.4em;">{{#if: {{{fighterbay|}}} | fighters |drones }} & cargo</td>
        <div class='att-line'>
            <div class='att-item' style='width: 8.4em; text-align: right;'>
              <div class='att-label'>{{#if: {{{fighterbay|}}} | fighters |drones }} & cargo</div>
       <td style="text-align: left;">
       <td style="text-align: left;">
             </div> {{#if: {{{fighterbay|}}}
             </div> {{#if: {{{fighterbay|}}}
Line 543: Line 540:
     </tr>
     </tr>
<!-- defense -->
<!-- defense -->
     <tr class='att-line'>
     <tr class='att-line'style="/*temp*/ height: 50px;">
       <td class='att-label' style="text-align: right; width: 81px; height: 40px; line-height: 40px;">defence</td>
 
       <td style="text-align: left;">
       <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-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-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-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-value' style='width: auto;'>{{#if: {{{shieldhp|}}}|{{{shieldhp}}}|0 HP}}</div>
            <div class='att-img'>[[Image:icon_shield.png|20px|shields]]</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 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>
         </div>
       </td>
       </td>
     </tr>
     </tr>
 
<1-- target & nav -->
     <tr class='att-line'>
     <tr class='att-line'>
       <td class='att-label' style="text-align: right; width: 81px;">target & nav</td>
       <td class='att-label' style="text-align: right; width: 8.4em;">target & nav</td>
       <td style="text-align: left;">
       <td style="text-align: left;">
           <div class='att-item'>
           <div class='att-item'>