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 341: Line 341:


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