Toggle search
Toggle menu
4.5K
7.6K
15.6K
232.1K
EVE University Wiki
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
More actions
← Older editNewer edit →
VisualWikitext
m Coding and testing
m Coding and testing
Line 262: Line 262:
   <div content-right style="border-left: 1px solid #333333; max-width: 32em;">
   <div content-right style="border-left: 1px solid #333333; max-width: 32em;">


<!-- Ship attributes -->
<!-- Ship attributes wip old -->
          <table class='attributes' style='margin-bottom: 5px; width: 100%;'>
    <table class='attributes' style='margin-bottom: 5px; width: 100%;'>
            <tr>
      <tr>
              <td>
        <td>
                <div style='border: 1px solid #323931; background-color: #191E18;'>
          <div style='border: 1px solid #323931; background-color: #191E18;'>


<!-- Fittings wip old -->
<!-- Fittings -->
                <div class='att-line'>
            <div class='att-line'>
                    <div class='att-item' style='width: 8.4em; text-align: right;'>
              <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-value'>{{#if: {{{highs|}}}|{{{highs}}}|0}}</div>
                      <div class='att-img'>[[Image:icon_hi_slot.png|20px|high slots]]</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-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-value'>{{#if: {{{launchers|}}}|{{{launchers}}}|0}}</div>
                      <div class='att-img'>[[Image:icon_launcher_hp.png|20px|launcher hardpoints]]</div>
                <div class='att-img'>[[Image:icon_launcher_hp.png|20px|launcher hardpoints]]</div>
                      <div class='att-label'>launchers</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-value'>{{#if: {{{turrets|}}}|{{{turrets}}}|0}}</div>
                      <div class='att-img'>[[Image:icon_turret_hp.png|20px|turret hardpoints]]</div>
                <div class='att-img'>[[Image:icon_turret_hp.png|20px|turret hardpoints]]</div>
                      <div class='att-label'>turrets</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-value'>{{#if: {{{mediums|}}}|{{{mediums}}}|0}}</div>
                      <div class='att-img'>[[Image:icon_mid_slot.png|20px|middle slots]]</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-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-value'>{{#if: {{{lows|}}}|{{{lows}}}|0}}</div>
                      <div class='att-img'>[[Image:icon_low_slot.png|20px|low slots]]</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-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: 8.4em; text-align: right;'>
                     <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>
Line 337: Line 337:
                       <div class='att-label'>cargo</div>
                       <div class='att-label'>cargo</div>
                     </div>
                     </div>
                  </div>
            </div>


<!-- Defense -->
<!-- Defense old -->
                   <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='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-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>
                     <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='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='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>
                       <div style='display: inline-block;'>
                       <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 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>
                       <div class='att-img'>[[Image:icon_resist_kin.png|20px|shield kinetic resistance]]</div>
                       <div class='att-img'>[[Image:icon_resist_kin.png|20px|shield kinetic resistance]]</div>
                       <div style='display: inline-block;'>
                       <div style='display: inline-block;'>
Line 416: Line 422:


                 </div>
                 </div>
              </td>


            </tr>
        </td>
 
      </tr>
          </table>
    </table>


<!-- wip new-->
<!-- wip new-->
     <table class='attributes' style='margin-bottom: 5px; width: 100%; clear: both; border: 1px solid #323931; background-color: #191E18;'>
     <table class='attributes' style='margin-bottom: 5px; width: 100%; clear: both; border: 1px solid #323931; background-color: #191E18;'>
<!-- 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: 81px;">fittings</td>
Line 433: Line 439:
           </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-value'>{{{launchers|0}}}</div>
             <div class='att-img'>[[Image:icon_launcher_hp.png|20px|launcher hardpoints]]</div>
             <div class='att-img'>[[Image:icon_launcher_hp.png|20px|launcher hardpoints]]</div>
             <div class='att-label'>launchers</div>
             <div class='att-label'>launchers</div>
Line 454: Line 460:
         </td>
         </td>
     </tr>
     </tr>
      
     <!-- 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: 81px;">{{#if: {{{fighterbay|}}} | fighters |drones }} & cargo</td>
Line 490: Line 496:


             <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-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-img'>[[Image:Icon_capacity.png|20px|cargo capacity]]</div>
               <div class='att-label'>cargo</div>
               <div class='att-label'>cargo</div>
Line 497: Line 503:
       </td>
       </td>
     </tr>
     </tr>
 
<!-- defense -->
     <tr class='att-line'>
     <tr class='att-line'>
       <td class='att-label' style="text-align: right; width: 81px;">defence</td>
       <td class='att-label' style="text-align: right; width: 81px; height: 40px; line-height: 40px;">defence</td>
       <td style="text-align: left;">
       <td style="text-align: left;">
        <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='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>
        </div>
       </td>
       </td>
     </tr>
     </tr>
Retrieved from "https://wiki.eveuniversity.org/User:Evon_R%27al/Sandbox_template"