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 edit
VisualWikitext
m Coding and testing
m Coding and testing
 
(4 intermediate revisions by the same user not shown)
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 302: Line 302:
<!-- 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>
                    </div> {{#if: {{{fighterbay|}}}
              </div>  
                      | <div class='att-item'>
{{#if: {{{fighterbay|}}}
                          <div class='att-value' style='width: 60px;'>{{{fighterbay}}}</div>
  |           <div class='att-item'>
                          <div class='att-img'>[[Image:icon_drone_capacity.png|20px|fighter capacity]]</div>
                <div class='att-value' style='width: 60px;'>{{{fighterbay}}}</div>
                          <div class='att-label'>fighters</div>
                <div class='att-img'>[[Image:icon_drone_capacity.png|20px|fighter capacity]]</div>
                        </div>
                <div class='att-label'>fighters</div>
                        <div class='att-item'>
              </div>
                          <div class='att-value' style='width: 20px;'>{{{fightertubes|}}}</div>
              <div class='att-item'>
                          <div class='att-img'>[[Image:icon_drone_bandwith.png|20px|fighter squad tubes]]</div>
                <div class='att-value' style='width: 20px;'>{{{fightertubes|}}}</div>
                          <div class='att-label'>squad tubes</div>
                <div class='att-img'>[[Image:icon_drone_bandwith.png|20px|fighter squad tubes]]</div>
                        </div>
                <div class='att-label'>squad tubes</div>
                      | {{#if: {{{dronebay|}}}
              </div>
                          | <div class='att-item'>
  | {{#if: {{{dronebay|}}}
                              <div class='att-value' style='width: 40px;'>{{{dronebay|}}}</div>
      |       <div class='att-item'>
                              <div class='att-img'>[[Image:icon_drone_capacity.png|20px|drone capacity]]</div>
                <div class='att-value' style='width: 40px;'>{{{dronebay|}}}</div>
                              <div class='att-label'>drones</div>
                <div class='att-img'>[[Image:icon_drone_capacity.png|20px|drone capacity]]</div>
                              </div>
                <div class='att-label'>drones</div>
                              <div class='att-item'>
              </div>
                                <div class='att-value' style='width: 80px;'>{{{bandwidth|}}}</div>
              <div class='att-item'>
                                <div class='att-img'>[[Image:icon_drone_bandwith.png|20px|drone bandwidth]]</div>
                <div class='att-value' style='width: 80px;'>{{{bandwidth|}}}</div>
                                <div class='att-label'>b/w</div>
                <div class='att-img'>[[Image:icon_drone_bandwith.png|20px|drone bandwidth]]</div>
                              </div>
                <div class='att-label'>b/w</div>
                          | <div class='att-item'>
              </div>
                              <div class='att-label' style="width: 160px; text-align: center; color: #9A7535;">No drone bay</div>
      |       <div class='att-item'>
                            </div>
                <div class='att-label' style="width: 160px; text-align: center; color: #9A7535;">No drone bay</div>
                        }}
              </div>
                    }}
    }}
}}


                    <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>
                    </div>
              </div>
             </div>
             </div>


<!-- Defense old -->
<!-- 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-value' style='width: auto'>{{#if: {{{shieldhp|}}}|{{{shieldhp}}}|0 HP}}</div>
                <div class='att-img'>[[Image:icon_shield.png|20px|shields]]</div>
              </div>
 
              <div class='att-item' style='border-right: none;'>
 
                <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 class='att-line res-boxes'>
              <div class='att-item' style='width: 87px; margin-left: 95px;; text-align: right;'>
                <div class='att-value' style='width: auto'>{{#if: {{{armorhp|}}} |{{{armorhp}}} |0 HP}}</div>
                <div class='att-img'>[[Image:icon_armor.png|20px|armor]]</div>
              </div>
 
              <div class='att-item' style='border-right: none;'>


                    <div class='att-item' style='width: 87px; margin-left: 95px; text-align: right;'>
                <div class='att-img'>[[Image:icon_resist_em.png|20px|armor electromagnetic resistance]]</div>
                      <div class='att-value' style='width: auto'>{{#if: {{{shieldhp|}}}|{{{shieldhp}}}|0 HP}}</div>
                <div style='display: inline-block;'>
                      <div class='att-img'>[[Image:icon_shield.png|20px|shields]]</div>
                  <div class='box-resist bgr-em'> <div class='resist-value val-em' style='width: {{#expr: {{#if:{{{armorem|}}}|{{{armorem}}}|0}}/2 round 0}}px;'>
                    </div>
                    <div class='value-text'>{{#if:{{{armorem|}}}|{{{armorem}}}|0}}</div>
                  </div>
                </div>
              </div>


                    <div class='att-item' style='border-right: none;'>
              <div class='att-img'>[[Image:icon_resist_therm.png|20px|armor thermal 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-thr'>
                        <div class='box-resist bgr-em'>
                  <div class='resist-value val-thr' style='width:{{#expr: {{#if:{{{armortherm|}}}|{{{armortherm}}}|0}}/2 round 0}}px;'>
                          <div class='resist-value val-em' style='width: {{#expr: {{#if: {{{shieldem|}}}|{{{shieldem}}}|0}}/2 round 0}}px;'>
                    <div class='value-text'>{{#if: {{{armortherm|}}}|{{{armortherm}}}|0}}</div>
                          <div class='value-text'> {{#if: {{{shieldem|}}}|{{{shieldem}}}|0}}</div>
                  </div>
                        </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_kin.png|20px|armor kinetic 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-kin'>
                      </div>
                    <div class='resist-value val-kin' style='width: {{#expr: {{#if: {{{armorkin|}}}|{{{armorkin}}}|0}}/2 round 0}}px;'>
                    <div class='value-text'>{{#if: {{{armorkin|}}}|{{{armorkin}}}|0}}</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_exp.png|20px|armor explosive resistance]]</div>
                      <div style='display: inline-block;'>
              <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 class='box-resist bgr-exp'>
                      </div>
                  <div class='resist-value val-exp' style='width:{{#expr: {{#if: {{{armorexp|}}}|{{{armorexp}}}|0}}/2 round 0}}px;'>
                      <div class='att-img'>[[Image:icon_resist_exp.png|20px|shield explosive resistance]]</div>
                    <div class='value-text'>{{#if: {{{armorexp|}}}|{{{armorexp}}}|0}}</div>
                      <div style='display: inline-block;'>
                  </div>
                        <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>


                  <div class='att-line res-boxes'>
            </div>
                    <div class='att-item' style='width: 87px; margin-left: 95px;; text-align: right;'>
          </div>
                      <div class='att-value' style='width: auto'>{{#if: {{{armorhp|}}} |{{{armorhp}}} |0 HP}}</div><div class='att-img'>[[Image:icon_armor.png|20px|armor]]</div>
                    </div>
                    <div class='att-item' style='border-right: none;'>
                      <div class='att-img'>[[Image:icon_resist_em.png|20px|armor electromagnetic resistance]]</div>
                      <div style='display: inline-block;'>
                        <div class='box-resist bgr-em'> <div class='resist-value val-em' style='width: {{#expr: {{#if:{{{armorem|}}}|{{{armorem}}}|0}}/2 round 0}}px;'> <div class='value-text'>{{#if:{{{armorem|}}}|{{{armorem}}}|0}}</div></div></div>
                      </div>
                      <div class='att-img'>[[Image:icon_resist_therm.png|20px|armor thermal resistance]]</div>
                      <div style='display: inline-block;'>
                        <div class='box-resist bgr-thr'> <div class='resist-value val-thr' style='width:{{#expr: {{#if:{{{armortherm|}}}|{{{armortherm}}}|0}}/2 round 0}}px;'> <div class='value-text'>{{#if: {{{armortherm|}}}|{{{armortherm}}}|0}}</div></div></div>
                      </div>
                      <div class='att-img'>[[Image:icon_resist_kin.png|20px|armor kinetic resistance]]</div>
                      <div style='display: inline-block;'>
                        <div class='box-resist bgr-kin'> <div class='resist-value val-kin' style='width: {{#expr: {{#if: {{{armorkin|}}}|{{{armorkin}}}|0}}/2 round 0}}px;'> <div class='value-text'>{{#if: {{{armorkin|}}}|{{{armorkin}}}|0}}</div></div></div>
                      </div>
                      <div class='att-img'>[[Image:icon_resist_exp.png|20px|armor explosive resistance]]</div>
                      <div style='display: inline-block;'>
                        <div class='box-resist bgr-exp'> <div class='resist-value val-exp' style='width:{{#expr: {{#if: {{{armorexp|}}}|{{{armorexp}}}|0}}/2 round 0}}px;'> <div class='value-text'>{{#if: {{{armorexp|}}}|{{{armorexp}}}|0}}</div></div></div>
                      </div>
                    </div>
                  </div>


<!-- Target & nav -->
<!-- Target & nav -->
                  <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'>target & nav</div>
                <div class='att-label'>target & nav</div>
                    </div>
              </div>
                    <div class='att-item'>
              <div class='att-item'>
                      <div class='att-value'style='min-width: 40px; width: auto;'>{{#if: {{{targetrange|}}}|{{{targetrange}}}|0 km}}</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-img'>[[Image:icon_target_range.png|20px|max. targeting range]]</div>
                      <div class='att-label'>tgt. range</div>
                <div class='att-label'>tgt. range</div>
                    </div>
              </div>
                    <div class='att-item'>
              <div class='att-item'>
                      <div class='att-value'style='min-width: 40px; width: auto;'>{{#if: {{{sigradius|}}}|{{{sigradius}}}|0 m}}</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-img'>[[Image:icon_ship_sig.png|20px|ship signature radius]]</div>
                      <div class='att-label'>sig. 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='min-width: 40px; width: auto;'>{{#if: {{{maxvelocity|}}}|{{{maxvelocity}}}|0 m/s}}</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-img'>[[Image:Icon_velocity.png|20px|max. velocity]]</div>
                      <div class='att-label'>max. velocity</div>
                <div class='att-label'>max. velocity</div>
                    </div>
              </div>
                  </div>
            </div>


                </div>
          </div>


         </td>
         </td>
Line 431: 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 462: 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 504: 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>
 
<!-- 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'>
Retrieved from "https://wiki.eveuniversity.org/User:Evon_R%27al/Sandbox_template"