Toggle search
Toggle menu
4.5K
7.6K
15.6K
232.2K
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
 
(404 intermediate revisions by the same user not shown)
Line 1: Line 1:
<includeonly>{{#css:
<includeonly>{{#css:


.ship-info
div.ShipBoxLarge
  {
{
    float:left;
  float: left;
    background-color: #1D1C23;
  clear: both;
    border-bottom: 1px solid #525751;
  width: 100%;
    border-left: 1px solid black;
}
    border-right: 1px solid black;
    border-top: 1px solid #525751;
    float: left;
    margin-bottom: 10px;
    width: 800px;
  }


.ship-info table { background-color: transparent; }
.ShipBoxLarge .ship-info
{
  background-color: #1D1C23;
  border-bottom: 1px solid #525751;
  border-left: 1px solid black;
  border-right: 1px solid black;
  border-top: 1px solid #525751;
  float: left;
  margin-bottom: 10px;
  /*width: 800px;*/
}


.ship-info table, .ship-info table tr, .ship-info table td { margin:0; padding:0; border-spacing:0; }
.ShipBoxLarge table
{
  border-spacing: 0;
  margin: 0;
}


.ship-info .title
.ShipBoxLarge table td
  {
{
    border-bottom: 1px solid #525751;
  padding: 0;
    color: #CCCCCC;
}
    font-family: trebuchet MS;
    font-size: 12px;
    font-weight: bold;
    height: 22px;
    line-height: 20px;
    padding: 0 10px;
    text-align: left;
    text-transform: uppercase;
  }


#content .ship-info .titlename a
.ShipBoxLarge .title
  {
{
    background: none repeat scroll 0 0 transparent;
  border-bottom: 1px solid #525751;
    color: orange;
  color: #CCCCCC;
    float: left;
  font-family: trebuchet MS;
    font-size: 180%;
  font-size: 12px;
    height: 30px;
  font-weight: bold;
    line-height: 30px;
  height: 22px;
    padding-left: 5px;
  line-height: 20px;
  }
  padding: 0 10px;
  text-align: left;
  text-transform: uppercase;
}


#content .ship-info .titlename a:hover,
.ShipBoxLarge .titlename a
#content .ship-info .titlename a.hover
{
   {
  float: left;
    color:orange;
  font-size: 180%;
    text-decoration:none;  
   height: 30px;
  }
  line-height: 30px;
  padding-left: 5px;
}


.ship-info .ship-border-box
.ShipBoxLarge .titlename a:hover
  {
{
    background-color: #110809;
  text-decoration: none;  
    border: 1px solid #878984;
}
  }


.ship-info .ship-border-box p
.ShipBoxLarge .ship-border-box
  {
{
    color: #FFFFFF;
  background-color: #110809;
    font-size: 90%;
  border: 1px solid #878984;
    margin: 0;
}
    padding: 5px;
    text-align: left;
  }


.ship-info .label
.ShipBoxLarge .ship-border-box p
  {
{
    border-bottom: 1px solid #4C4646;
  color: #FFFFFF;
    border-top: 1px solid #4C4646;
  font-size: 90%;
    font-family: Trebuchet MS;
  margin: 0;
    height: 14px;
  padding: 5px;
    line-height: 14px;
  text-align: left;
    padding: 2px;
}
  }


.ship-info .label .inner
.ShipBoxLarge .label
  {
{
    background-color:#0e1618;
  background-color:#0e1618;
    font-size: 10px;
  border-bottom: 1px solid #4C4646;
    padding: 0 3px;
  border-top: 1px solid #4C4646;
   }
  font-family: Trebuchet MS;
  font-size: 10px;
  height: 14px;
  line-height: 14px;
  padding: 2px 5px;
   color: var(--color-inverted-fixed);
}


.box-resist {  
.ShipBoxLarge .box-resist
    height: 15px;
{  
    line-height: 15px;
  height: 15px;
    width: 50px;  
  line-height: 15px;
  }
  width: 50px;  
}


.bgr-em { background-color:#121923; }
.ShipBoxLarge .bgr-em { background-color: #121923; }
.bgr-thr { background-color:#290b0b; }
.ShipBoxLarge .bgr-thr { background-color: #290b0b; }
.bgr-kin { background-color:#292021; }
.ShipBoxLarge .bgr-kin { background-color: #292021; }
.bgr-exp { background-color:#2b190b; }
.ShipBoxLarge .bgr-exp { background-color: #2b190b; }
.val-em { background-color:#1c5d85; }
.ShipBoxLarge .val-em { background-color: #1c5d85; }
.val-thr { background-color:#8d1717; }
.ShipBoxLarge .val-thr { background-color: #8d1717; }
.val-kin { background-color:#757575; }
.ShipBoxLarge .val-kin { background-color: #757575; }
.val-exp { background-color:#875f1a; }
.ShipBoxLarge .val-exp { background-color: #875f1a; }


.box-resist .resist-value .value-text
.ShipBoxLarge .box-resist .resist-value .value-text
  {
{
    font-family: trebuchet MS;
  font-weight: bold;
    font-size: 11px;
  text-align: center;
    font-weight: bold;
  width: 50px;
    text-align: center;
}
    width: 50px;
  }


.ship-info .attributes
.ShipBoxLarge .attributes
  {
{
    border: medium none;
  border: none;
    padding: 3px;
  padding: 3px;
  }
}


.attributes .att-line
.ShipBoxLarge .attributes .att-line
  {
{
    background-color: #110809;
  background-color: #110809;
    font-family: trebuchet MS;
  font-family: trebuchet MS;
    font-size: 11px;
  font-size: 11px;
    height: 20px;
  height: 20px;
    line-height: 20px;
  line-height: 20px;
    margin-bottom: 2px;
  margin-bottom: 2px;
  }
}


.attributes .att-line .att-item
.ShipBoxLarge .attributes .att-item
  {
{
    border-right: 2px solid #191E18;
  border-right: 2px solid #191E18;
    display: inline-block;
  display: inline-block;
    padding: 0 5px;
  padding: 0 5px;
  }
}


.attributes .att-line .att-item .att-img
.ShipBoxLarge .attributes .att-img
   {
{
    display: inline-block;
  display: inline-block;
    margin-right: 2px;
  margin-right: 2px;
   }
}
 
.ShipBoxLarge .attributes .res-boxes .att-img
{
   margin-right: 0;
}
 
.ShipBoxLarge .attributes .att-label
{
  color: #9E9E9E;
  display: inline-block;
}
 
.ShipBoxLarge .attributes .att-value
{
  color: #FFFFFF;
  display: inline-block;
  margin-right: 2px;
   text-align: right;
  width: 10px;
}
 
.ShipBoxLarge p.ship-desc,
.ShipBoxLarge .ship-desc
{
  font-family: arial;
  font-size: 11px;
  line-height: 120%;
  padding: 5px 5px 0;
  text-align: justify;
  color: var(--color-inverted-fixed);
}
 
.ShipBoxLarge .ship-variants
{
  border-top: 1px solid #323931;
  font-family: trebuchet MS;
  font-size: 11px;
  height: 20px;
  line-height: 20px;
  margin: 0 5px 5px;
}
 
.ShipBoxLarge .techcorner
{
  width: 64px;
  height: 64px;
  position: absolute;
  top: 0px;
  left: 0px;
  margin-left: 1px;
  margin-top: 1px;
}
    
    
.attributes .res-boxes .att-item .att-img
.ShipBoxLarge .box-discussion
   {
{
    margin-right:0;
  margin-left: -6px;
   }
   margin-right: -6px;
    
   margin-top: 5px;
.attributes .att-line .att-item .att-label
   border-color: #393734 black;
   {
  border-style: solid;
    color: #9E9E9E;
  border-width: 1px;
    display: inline-block;
   padding: 5px;
  }
  background-color: #1A1A1A;
 
}
.attributes .att-line .att-item .att-value
 
  {
.ShipBoxLarge .box-discussion .discussion-bgr
    color: #FFFFFF;
{
    display: inline-block;
  color: #4C4C4C;
    margin-right: 2px;
  font-family: trebuchet MS;
    text-align: right;
  font-size: 90%;
    width: 10px;
}
  }
 
 
.ShipBoxLarge .box-discussion .linkname
.attributes th
{
  {
  font-size: 11px;
    float: right;
  line-height: 120%;
    font-size: 10px;
  padding: 0 5px;
    height: 15px;
}
    line-height: 15px;
 
  }
}}<!-- Content -->
 
<div ShipBoxLarge class='ShipBoxLarge'>
.attributes .collapseButton
 
  {
<div class='ship-info'>
     color: transparent;
<!-- Title -->
     float: left;
     <div class='title'><span style='font-size: 16px;'>&equiv;</span> {{#if: {{{class|}}} |{{{class}}} |SHIP}}: INFORMATION</div>
    margin-left: -6px;
<!-- Title (Ship name) -->
  }
     <div class='titlename' style='height: 1em;'>[[{{{shipname|}}}]]</div>
 
 
.attributes .collapseButton a
<!-- Content -->
  {
  <div content style="clear: left; display: flex; flex-wrap: wrap">
     border-color: #444A42 #000000;
 
    border-style: solid;
<!-- ship image -->
    border-width: 1px;
     <div content-left style="padding: 5px;">
    color: transparent;
    <div class='ship-img' style='border: 1px solid #323931; position: relative;'>{{#ifexist: File:{{{shipimg}}}
    margin-top: -1px;
                | [[Image:{{{shipimg}}}|256x256px|{{{shipname|}}}]]
    position: absolute;
                | {{#if: {{{shipid|}}}
    width: 100px;
                  | {{Imageserver|types|{{{shipid}}}|render|size=256}}
  }
                  | [[Image:no-image.png|256x256px|{{#if: {{{shipname|}}} | {{{shipname}}} | Unknown Ship }} ]]
 
                  }}
.attributes .collapseButton a:hover, .attributes .collapseButton a.hover
              }}
  {
            {{#if: {{{tech|}}} |<div class="techcorner">[[Image:CornerT{{{tech}}}h.png|link=]]</div> }}
    border-top: 1px solid #FFFFFF;
    </div ship-img>
    border-bottom: 1px solid #FFFFFF;
 
    border-right: 1px solid #444A42;
<!-- Wiki links -->
    border-left: 1px solid #444A42;
          <div class='box-discussion'>
  }
            <div class='discussion-bgr'>RELATED UNI-WIKI REFERENCES</div>
 
            <div class='linkname'>[[Ships|EVE Online Ships Overview]]<br>{{{wikireferences|}}}</div>
.ship-info p.ship-desc
          </div box-discussion>
  {
 
    font-family: arial;
<!--* External links *-->
    font-size: 11px;
    <div class='box-discussion'>
    line-height: 120%;
      <div class='discussion-bgr'>EXTERNAL LINKS</div>
    padding: 5px 5px 0;
      <div class='linkname'>{{#if: {{{shipid|}}}
    text-align: justify;
                | [https://zkillboard.com/ship/{{{shipid}}}/ {{{shipname|}}} on zKillboard]{{#switch: {{lc: {{{class}}} }}
  }
                  | shuttle=
    
                  | #default= <br>[https://www.eveworkbench.com/fitting/{{{shipid}}} {{{shipname|}}} on EVE Workbench]
.ship-info .box-footer
                  }} <br>[https://janice.e-351.com/i/{{{shipid}}}/ {{{shipname|}}} on Janice]<br>[https://everef.net/type/{{{shipid}}} {{{shipname|}}} on EVE Ref]
   {
              }}<br>{{{externallinks|}}}
    border-top: 1px solid #333333;
      </div linkname>
    font-family: trebuchet MS;
    </div box-discussion>
    font-size: 95%;
  </div content-left>
    margin: 15px 5px 0;
 
    text-align: right;
  <div content-right style="border-left: 1px solid #333333; max-width: 32em;">
  }
 
 
<!-- Ship attributes wip old -->
#content .ship-info .box-footer a
    <table class='attributes' style='margin-bottom: 5px; width: 100%; display: none;'>
  {
      <tr>
    background-image: none;
        <td>
    color: #CCCCCC;
          <div style='border: 1px solid #323931; background-color: #191E18;'>
    padding: 5px;
 
  }
<!-- Fittings -->
 
            <div class='att-line'>
#content .ship-info .box-footer a:hover,
              <div class='att-item' style='width: 8.4em; text-align: right;'>
#content .ship-info .box-footer a.hover
                <div class='att-label'>fittings</div>
  {
              </div>
    color: orange;
              <div class='att-item' style='border-right: none;'>
    text-decoration: none;
                <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-label' style='color: #9A7535;'>highs</div>
.ship-info .ship-variants
              </div>
  {
              <div class='att-item' style='border-right: none;'>
    border-top: 1px solid #323931;
                <div class='att-value'>{{#if: {{{launchers|}}}|{{{launchers}}}|0}}</div>
    font-family: trebuchet MS;
                <div class='att-img'>[[Image:icon_launcher_hp.png|20px|launcher hardpoints]]</div>
    font-size: 11px;
                <div class='att-label'>launchers</div>
    height: 20px;
                </div>
    line-height: 20px;
              <div class='att-item'>
    margin: 0 5px 5px;
                <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-label'>turrets</div>
.ship-info .forum-link
              </div>
  {
              <div class='att-item'>
    background-color: #110809;
                <div class='att-value'>{{#if: {{{mediums|}}}|{{{mediums}}}|0}}</div>
    border: 1px solid #323931;
                <div class='att-img'>[[Image:icon_mid_slot.png|20px|middle slots]]</div>
    display: block;
                <div class='att-label' style='color: #9A7535;'>mediums</div>
    float: left;
              </div>
    margin-top: 5px;
              <div class='att-item' style='border-right: none;>
    padding: 5px;
                <div class='att-value'>{{#if: {{{lows|}}}|{{{lows}}}|0}}</div>
    width: 248px;
                <div class='att-img'>[[Image:icon_low_slot.png|20px|low slots]]</div>
  }
                <div class='att-label' style='color: #9A7535;'>lows</div>
 
              </div>                   
.ship-info .forum-link .linkentry
            </div>
  {
 
    display: inline-block;
<!-- Drones & cargo -->
    line-height: 15px;
            <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>
.ship-info .forum-link .linkentry .linkimg
              </div>
  {
{{#if: {{{fighterbay|}}}
    display: inline-block;
   |            <div class='att-item'>
    height: 15px;
                <div class='att-value' style='width: 60px;'>{{{fighterbay}}}</div>
    width: 20px;
                <div class='att-img'>[[Image:icon_drone_capacity.png|20px|fighter capacity]]</div>
  }
                <div class='att-label'>fighters</div>
 
              </div>
.ship-info .forum-link .linkentry .linkname
              <div class='att-item'>
  {
                <div class='att-value' style='width: 20px;'>{{{fightertubes|}}}</div>
    display: inline;
                <div class='att-img'>[[Image:icon_drone_bandwith.png|20px|fighter squad tubes]]</div>
  }
                <div class='att-label'>squad tubes</div>
 
              </div>
.ship-info .forum-link .linkentry a
   | {{#if: {{{dronebay|}}}
  {
      |        <div class='att-item'>
    display: inline;
                <div class='att-value' style='width: 40px;'>{{{dronebay|}}}</div>
    font-size: 11px;
                <div class='att-img'>[[Image:icon_drone_capacity.png|20px|drone capacity]]</div>
  }
                <div class='att-label'>drones</div>
              </div>
              <div class='att-item'>
                <div class='att-value' style='width: 80px;'>{{{bandwidth|}}}</div>
                <div class='att-img'>[[Image:icon_drone_bandwith.png|20px|drone bandwidth]]</div>
                <div class='att-label'>b/w</div>
              </div>
      |        <div class='att-item'>
                <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-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-label'>cargo</div>
              </div>
            </div>
 
<!-- Defense old -->
            <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-label' style='line-height: 40px;'>defense</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-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 -->
            <div class='att-line'>
              <div class='att-item' style='width: 8.4em; text-align: right;'>
                <div class='att-label'>target & nav</div>
              </div>
              <div class='att-item'>
                <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 class='att-item'>
                <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 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-img'>[[Image:Icon_velocity.png|20px|max. velocity]]</div>
                <div class='att-label'>max. velocity</div>
              </div>
            </div>
 
          </div>
 
        </td>
      </tr>
    </table>


#content .ship-info .forum-link .linkentry a.external
<!-- wip new-->
  {
     <table class='attributes' style='margin-bottom: 5px; width: 100%; clear: both; border: 1px solid #323931; background-color: #191E18;'>
     background: none repeat scroll 0 0 transparent;
<!-- fittings -->
    color: #9E9E9E;
    <tr class='att-line'>
    padding: 0;
      <td class='att-label' style="text-align: right; width: 8.4em;">fittings</td>
  }
      <td style="text-align: left;">
 
        <div class='att-item' style='border-right: none;'>
#content .ship-info .forum-link .linkentry a.external.hover, #content .ship-info .forum-link .linkentry a.external:hover
            <div class='att-value'>{{#if: {{{highs|}}}|{{{highs}}}|0}}</div>
  {
            <div class='att-img'>[[Image:icon_hi_slot.png|20px|high slots]]</div>
    background-color:#393939;
            <div class='att-label' style='color: #9A7535;'>highs</div>
    text-decoration: none;
          </div>
    color:orange;
           <div class='att-item' style='border-right: none;'>
  }
            <div class='att-value'>{{{launchers|0}}}</div>
 
            <div class='att-img'>[[Image:icon_launcher_hp.png|20px|launcher hardpoints]]</div>
.techcorner
            <div class='att-label'>launchers</div>
  {
           </div>
    width: 64px;
          <div class='att-item'>
    height: 64px;
            <div class='att-value'>{{#if: {{{turrets|}}}|{{{turrets}}}|0}}</div>
    position: absolute;
            <div class='att-img'>[[Image:icon_turret_hp.png|20px|turret hardpoints]]</div>
    top: 0px;
            <div class='att-label'>turrets</div>
    left: 0px;
    margin-left: 1px;
    margin-top: 1px;
  }
 
}}
<div style='float:left;clear:both;width:100%'>
  <div class='ship-info'>
    <div class='title'><span style='font-size:16px'>&equiv;</span> {{#if:{{{class}}}|{{{class|SHIP}}}|SHIP}}: INFORMATION<div style='display:{{#if:{{{roles}}}|block|none}};float: right; font-weight: bold; font-family: trebuchet MS; text-transform: uppercase; font-size: 80%; line-height: 20px; color: #F1EFCA;'>{{#ifeq:{{{roles}}}|unspecified||{{{roles}}}}}</div></div>
    <table style='width:100%;'>
      <tr>
        <td style='padding: 5px; width: 256px;' valign='top'>
           <div style='border:1px solid #323931; position: relative;' class='ship-img'>{{#if:{{{tech|}}}|<div class="techcorner">[[Image:CornerT{{{tech|2}}}h.png|link=]]</div>|}}{{#ifexist: File:{{{shipimg}}}|[[Image:{{{shipimg|no-image.png}}}|center|256x256px|{{#if:{{{shipname}}}|{{{shipname|Unknown Ship}}}|Unknown Ship}}]]|[[Image:no-image.png|center|256x256px|{{#if:{{{shipname}}}|{{{shipname}}}|Unknown Ship}}]]}}</div>
          <div style='position: absolute; margin-left: 200px; margin-top: -60px;'>[[Image:{{#switch:{{{faction}}}|Amarr Empire=Logo_faction_amarr_empire.png |Caldari State=Logo_faction_caldari_state.png |Gallente Federation=Logo_faction_gallente_federation.png |Minmatar Republic=Logo_faction_minmatar_republic.png |Outer Ring Excavations=Logo_faction_outer_ring_excavations.png |Triglavian Collective=Logo_faction_triglavian_collective.png |Angel Cartel=Logo_faction_angel_cartel.png |Blood Raiders=Logo_faction_the_blood_raider_covenant.png |Guristas=Logo_faction_guristas_pirates.png |Mordu's Legion=Logo_faction_mordus_legion.png |Sansha's Nation=Logo_faction_sanshas_nation.png|Serpentis=Logo_faction_serpentis.png |Sisters of EVE=Logo_faction_sisters_of_eve.png |Society of Conscious Thought=Logo_faction_the_society.png |CONCORD=Logo_faction_concord_assembly.png |#default=Logo_faction_khanid_kingdom.png}}|center|60x60px|{{#if:{{{faction}}}|{{{faction|Unknown Faction}}}|Unknown Faction}}]]</div>
           <div style='display:{{#ifexist:File:{{{shipimg}}}|none|block}};text-align:center;' class='forum-link'>
            <div class='linkentry'>
              <div class='linkname' style='font-weight:bold;'>{{#if:{{{shipimg}}}|[[File:{{{shipimg}}}|Upload {{{shipimg}}} for this ship image.]]|<span style='font-weight: normal; font-size: 11px; line-height: 120%;'>Please upload an image for this ship and edit the respective entry on the ship database, see "editing database entry" [[Template:Ship|here]].</span>}}</div>
            </div>
           </div>
           </div>
          <div class='forum-link'>
            <div class='att-item'>
             <div class='linkentry'>
             <div class='att-value'>{{#if: {{{mediums|}}}|{{{mediums}}}|0}}</div>
              <div class='linkimg'>[[Image:Icon_capacity.png|center|20x20px|forum discussion]]</div>
            <div class='att-img'>[[Image:icon_mid_slot.png|20px|middle slots]]</div>
              <div style='display: inline-block; font-size: 10px;'>Forum Discussions :</div>
            <div class='att-label' style='color: #9A7535;'>mediums</div>
              <div class='linkname'>[https://forum.eveuniversity.org/search.php?keywords={{urlencode:{{{shipname|}}}}}&terms=all&author=&fid%5B%5D=129&sc=1&sf=titleonly&sr=topics&sk=t&sd=d&st=0&ch=300&t=0&submit=Search PvP Forums] , [https://forum.eveuniversity.org/search.php?keywords={{urlencode:{{{shipname|}}}}}&terms=all&author=&fid%5B%5D=128&sc=1&sf=titleonly&sr=topics&sk=t&sd=d&st=0&ch=300&t=0&submit=Search PvE Forums]</div>
            </div>
           </div>
           </div>
          <div class='att-item' style='border-right: none;>
            <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-label' style='color: #9A7535;'>lows</div>
          </div>                   
         </td>
         </td>
        <td style='padding: 5px 5px 5px 0pt; border-left: 1px solid #333333' valign='top'>
    </tr>
          <div class='titlename' style='position: absolute;display:{{#if:{{{shipname|}}}|block|block}};'>[[{{{shipname|}}}]]</div>      
    <!-- drones -->
          <table class='collapsible attributes' style='width: 100%; margin-bottom: 5px;'>
    <tr class='att-line'>
            <tr>
      <td class='att-label' style="text-align: right; width: 8.4em;">{{#if: {{{fighterbay|}}} | fighters |drones }} & cargo</td>
              <th><div style='float: left; width: 100px; font-family: trebuchet MS;margin-left: -3px;'>SHOW ATTRIBUTES</div></th>
      <td style="text-align: left;">
            </tr>
            </div> {{#if: {{{fighterbay|}}}
            <tr><td style='padding:0;margin:0;'><div style='height:15px;line-height:15px;'>&nbsp;</div></td></tr>
              | <div class='att-item'>
            <tr>
                  <div class='att-value' style='width: 60px;'>{{{fighterbay}}}</div>
               <td>
                  <div class='att-img'>[[Image:icon_drone_capacity.png|20px|fighter capacity]]</div>
                <div style='background-color:#191E18;border: 1px solid #323931;'>
                  <div class='att-label'>fighters</div>
                  <div class='att-line'>
                </div>
                    <div class='att-item' style='width: 80px; text-align: right;'>
                <div class='att-item'>
                       <div class='att-label'>fittings</div>
                  <div class='att-value' style='width: 20px;'>{{{fightertubes|}}}</div>
                  <div class='att-img'>[[Image:icon_drone_bandwith.png|20px|fighter squad tubes]]</div>
                  <div class='att-label'>squad tubes</div>
                </div>
               | {{#if: {{{dronebay|}}}
                | <div class='att-item'>
                    <div class='att-value' style='width: 40px;'>{{{dronebay|}}}</div>
                    <div class='att-img'>[[Image:icon_drone_capacity.png|20px|drone capacity]]</div>
                    <div class='att-label'>drones</div>
                  </div>
                  <div class='att-item'>
                      <div class='att-value' style='width: 80px;'>{{{bandwidth|}}}</div>
                      <div class='att-img'>[[Image:icon_drone_bandwith.png|20px|drone bandwidth]]</div>
                       <div class='att-label'>b/w</div>
                     </div>
                     </div>
                    <div class='att-item' style='border-right:medium none;'>
                | <div class='att-item'>
                      <div class='att-value'>{{{highs|0}}}</div><div class='att-img'>[[Image:icon_hi_slot.png|20px|middle|high slots]]</div><div class='att-label' style='color: #9A7535;'>highs</div>
                    <div class='att-label' style="width: 160px; text-align: center; color: #9A7535;">No drone bay</div>
                    </div>
                  </div>
                    <div class='att-item' style='border-right:medium none;'>
                }}
                      <div class='att-value'>{{{launchers|0}}}</div><div class='att-img'>[[Image:icon_launcher_hp.png|20px|middle|launcher slots]]</div><div class='att-label'>launchers</div>
              }}
                    </div>
 
                    <div class='att-item'>
            <div class='att-item' style='border-right: none;'>
                      <div class='att-value'>{{{turrets|0}}}</div><div class='att-img'>[[Image:icon_turret_hp.png|20px|middle|turret slots]]</div><div class='att-label'>turrets</div>
              <div class='att-value' style='width: 70px;'>{{#if: {{{cargohold|}}}|{{{cargohold}}}|0{{m3}} }}</div>
                    </div>
              <div class='att-img'>[[Image:Icon_capacity.png|20px|cargo capacity]]</div>
                    <div class='att-item'>
              <div class='att-label'>cargo</div>
                      <div class='att-value'>{{{mediums|0}}}</div><div class='att-img'>[[Image:icon_mid_slot.png|20px|middle|middle slots]]</div><div class='att-label' style='color: #9A7535;'>mediums</div>
            </div>
                    </div>
                    <div class='att-item'>
                      <div class='att-value'>{{{lows|0}}}</div><div class='att-img'>[[Image:icon_low_slot.png|20px|middle|low slots]]</div><div class='att-label' style='color: #9A7535;'>lows</div>
                    </div>                  
                   </div>
                   </div>
                  <div class='att-line'>
      </td>
                    <div class='att-item' style='width: 80px; text-align: right;'>
    </tr>
                      <div class='att-label'>drones & cargo</div>
<!-- defense -->
                    </div>
    <tr class='att-line'style="/*temp*/ height: 50px;">
                    <div class='att-item'>
 
                      <div class='att-value' style='width:40px'>{{{dronebay|0 m3}}}</div><div class='att-img'>[[Image:icon_drone_capacity.png|20px|middle|drone capacity]]</div><div class='att-label'>drones</div>
      <td class='att-label' style="text-align: right; width: 8.4em; height: 40px; line-height: 40px;">defense</td>
                    </div>
 
                    <div class='att-item'>
      <td>
                      <div class='att-value' style='width:80px'>{{{bandwidth|0 Mbit/sec}}}</div><div class='att-img'>[[Image:icon_drone_bandwith.png|20px|middle|drone bandwidth]]</div><div class='att-label'>b/w</div>
        <div class='att-line res-boxes' style='position: relative;'>
                    </div>
          <div class='att-item' style='height: 40px; position: absolute; left: 0; background-color: #110809; text-align: right;'>
                    <div class='att-item' style='border-right:medium none;'>
            <div class='att-item' style='width: 87px; /*margin-left: 95px; */text-align: right;'>
                      <div class='att-value' style='width:70px'>{{{cargohold|0 m3}}}</div><div class='att-img'>[[Image:Icon_capacity.png|20px|middle|cargo capacity]]</div><div class='att-label'>cargo</div>
              <div class='att-value' style='width: auto;'>{{#if: {{{shieldhp|}}}|{{{shieldhp}}}|0 HP}}</div>
                    </div>
              <div class='att-img'>[[Image:icon_shield.png|20px|shields]]</div>
                  </div>
            </div>
                  <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-img'>[[Image:icon_resist_em.png|20px|shield electromagnetic resistance]]</div>
                      <div class='att-label' style='line-height: 40px;'>defense</div>
            <div style='display: inline-block;'>
                    </div>
              <div class='box-resist bgr-em'>
                    <div class='att-item' style='width: 87px; margin-left: 95px;text-align: right;'>
                <div class='resist-value val-em' style='width: {{#expr: {{#if: {{{shieldem|}}}|{{{shieldem}}}|0}}/2 round 0}}px;'>
                      <div class='att-value' style='width:auto'>{{#if:{{{shieldhp}}}|{{{shieldhp|0}}}|0}}</div><div class='att-img'>[[Image:icon_shield.png|20px|middle|shields]]</div>
                  <div class='value-text'> {{#if: {{{shieldem|}}}|{{{shieldem}}}|0}}</div>
                    </div>
                </div>
                    <div class='att-item' style='border-right: medium none;'>
              </div>
                      <div class='att-img'>[[Image:icon_resist_em.png|20px|shield electromagnetic resistance]]</div>
            </div>
                      <div style='display: inline-block;'>
 
                        <div class='box-resist bgr-em'> <div class='resist-value val-em' style='width:{{#expr:{{#expr:{{#if:{{{shieldem}}}|{{{shieldem|0}}}|0}}/2}}round0}}px;'> <div class='value-text'>{{#if:{{{shieldem}}}|{{{shieldem|0}}}|0}}</div></div></div>
            <div class='att-img'>[[Image:icon_resist_therm.png|20px|shield thermal resistance]]</div>
                      </div>
            <div style='display: inline-block;'>
                      <div class='att-img'>[[Image:icon_resist_therm.png|20px|shield thermal resistance]]</div>
              <div class='box-resist bgr-thr'>
                      <div style='display: inline-block;'>
                <div class='resist-value val-thr' style='width: {{#expr: {{#if: {{{shieldtherm|}}}|{{{shieldtherm}}}|0}}/2 round 0}}px;'>
                        <div class='box-resist bgr-thr'> <div class='resist-value val-thr' style='width:{{#expr:{{#expr:{{#if:{{{shieldtherm}}}|{{{shieldtherm|0}}}|0}}/2}}round0}}px;'> <div class='value-text'>{{#if:{{{shieldtherm}}}|{{{shieldtherm|0}}}|0}}</div></div></div>
                  <div class='value-text'>{{#if: {{{shieldtherm|}}}|{{{shieldtherm}}}|0}}</div>
                      </div>
                </div>
                      <div class='att-img'>[[Image:icon_resist_kin.png|20px|shield kinetic resistance]]</div>
              </div>
                      <div style='display: inline-block;'>
            </div>
                        <div class='box-resist bgr-kin'> <div class='resist-value val-kin' style='width:{{#expr:{{#expr:{{#if:{{{shieldkin}}}|{{{shieldkin|0}}}|0}}/2}}round0}}px;'> <div class='value-text'>{{#if:{{{shieldkin}}}|{{{shieldkin|0}}}|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|shield explosive resistance]]</div>
            <div style='display: inline-block;'>
                      <div style='display: inline-block;'>
              <div class='box-resist bgr-kin'>
                        <div class='box-resist bgr-exp'> <div class='resist-value val-exp' style='width:{{#expr:{{#expr:{{#if:{{{shieldexp}}}|{{{shieldexp|0}}}|0}}/2}}round0}}px;'> <div class='value-text'>{{#if:{{{shieldexp}}}|{{{shieldexp|0}}}|0}}</div></div></div>
                <div class='resist-value val-kin' style='width: {{#expr: {{#if: {{{shieldkin|}}}|{{{shieldkin}}}|0}}/2 round 0}}px;'>
                      </div>
                  <div class='value-text'>{{#if: {{{shieldkin|}}}|{{{shieldkin}}}|0}}</div>
                    </div>
                </div>
                  </div>
              </div>
                  <div class='att-line res-boxes'>
            </div>
                    <div class='att-item' style='width: 80px;'>
 
                      <div class='att-label'>&nbsp;</div>
            <div class='att-img'>[[Image:icon_resist_exp.png|20px|shield explosive resistance]]</div>
                    </div>
            <div style='display: inline-block;'>
                    <div class='att-item' style='width:87px;text-align: right;'>
              <div class='box-resist bgr-exp'>
                      <div class='att-value' style='width:auto'>{{#if:{{{armorhp}}}|{{{armorhp|0}}}|0}}</div><div class='att-img'>[[Image:icon_armor.png|20px|middle|armor]]</div>
                <div class='resist-value val-exp' style='width: {{#expr: {{#if: {{{shieldexp|}}}|{{{shieldexp}}}|0}}/2 round 0}}px;'>
                    </div>
                  <div class='value-text'>{{#if: {{{shieldexp|}}}|{{{shieldexp}}}|0}}</div>
                    <div class='att-item' style='border-right: medium none;'>
                </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:{{#expr:{{#if:{{{armorem}}}|{{{armorem|0}}}|0}}/2}}round0}}px;'> <div class='value-text'>{{#if:{{{armorem}}}|{{{armorem|0}}}|0}}</div></div></div>
 
                      </div>
          </div>
                      <div class='att-img'>[[Image:icon_resist_therm.png|20px|armor thermal resistance|]]</div>
        </div>
                      <div style='display: inline-block;'>
      </td>
                        <div class='box-resist bgr-thr'> <div class='resist-value val-thr' style='width:{{#expr:{{#expr:{{#if:{{{armortherm}}}|{{{armortherm|0}}}|0}}/2}}round0}}px;'> <div class='value-text'>{{#if:{{{armortherm}}}|{{{armortherm|0}}}|0}}</div></div></div>
    </tr>
                      </div>
<!-- target & nav -->
                      <div class='att-img'>[[Image:icon_resist_kin.png|20px|armor kinetic resistance|]]</div>
    <tr class='att-line'>
                      <div style='display: inline-block;'>
      <td class='att-label' style="text-align: right; width: 8.4em;">target & nav</td>
                        <div class='box-resist bgr-kin'> <div class='resist-value val-kin' style='width:{{#expr:{{#expr:{{#if:{{{armorkin}}}|{{{armorkin|0}}}|0}}/2}}round0}}px;'> <div class='value-text'>{{#if:{{{armorkin}}}|{{{armorkin|0}}}|0}}</div></div></div>
      <td style="text-align: left;">
                      </div>
          <div class='att-item'>
                      <div class='att-img'>[[Image:icon_resist_exp.png|20px|armor explosive resistance|]]</div>
            <div class='att-value'style='min-width: 40px; width: auto;'>{{#if: {{{targetrange|}}}|{{{targetrange}}}|0 km}}</div>
                      <div style='display: inline-block;'>
            <div class='att-img'>[[Image:icon_target_range.png|20px|max. targeting range]]</div>
                        <div class='box-resist bgr-exp'> <div class='resist-value val-exp' style='width:{{#expr:{{#expr:{{#if:{{{armorexp}}}|{{{armorexp|0}}}|0}}/2}}round0}}px;'> <div class='value-text'>{{#if:{{{armorexp}}}|{{{armorexp|0}}}|0}}</div></div></div>
            <div class='att-label'>tgt. range</div>
                      </div>
          </div>
                    </div>
          <div class='att-item'>
                  </div>
            <div class='att-value'style='min-width: 40px; width: auto;'>{{#if: {{{sigradius|}}}|{{{sigradius}}}|0 m}}</div>
                  <div class='att-line'>
            <div class='att-img'>[[Image:icon_ship_sig.png|20px|ship signature radius]]</div>
                    <div class='att-item' style='width: 80px;text-align: right;'>
            <div class='att-label'>sig. radius</div>
                      <div class='att-label'>target & nav</div>
          </div>
                    </div>
          <div class='att-item' style='border-right: none;'>
                    <div class='att-item'>
            <div class='att-value'style='min-width: 40px; width: auto;'>{{#if: {{{maxvelocity|}}}|{{{maxvelocity}}}|0 m/s}}</div>
                      <div class='att-value' style='width:50px'>{{#if:{{{targetrange}}}|{{{targetrange|0 km}}}|0 km}}</div><div class='att-img'>[[Image:icon_target_range.png|20px|middle|max. targeting range]]</div><div class='att-label'>tgt. range</div>
            <div class='att-img'>[[Image:Icon_velocity.png|20px|max. velocity]]</div>
                    </div>
            <div class='att-label'>max. velocity</div>
                    <div class='att-item'>
                      <div class='att-value' style='width:30px'>{{#if:{{{sigradius}}}|{{{sigradius|0 m}}}|0 m}}</div><div class='att-img'>[[Image:icon_ship_sig.png|20px|middle|ship signature radius]]</div><div class='att-label'>sig. radius</div>
                    </div>
                    <div class='att-item' style='border-right:medium none;'>
                      <div class='att-value' style='width:55px'>{{#if:{{{maxvelocity}}}|{{{maxvelocity|0 m/s}}}|0 m/s}}</div><div class='att-img'>[[Image:Icon_velocity.png|20px|middle|max. velocity]]</div><div class='att-label'>max. velocity</div>
                    </div>
                  </div>
                </div>
              </td>
            </tr>
          </table>
          <div class='ship-border-box' style='display:{{#if:{{{bonuses}}}|block|none}};margin:10px 5px 5px'>
            <div class='label'><div class='inner'>S H I P&nbsp;&nbsp;&nbsp;B O N U S E S</div></div>
            <p>{{#if:{{{bonuses}}}|{{{bonuses|<i>no bonuses available for this ship</i>}}}|<i>no bonuses available for this ship</i>}}</p>
           </div>
           </div>
          <p class='ship-desc'>{{#if:{{{info}}}|{{{info|&nbsp;}}}|&nbsp;}}</p>
 
          <!--<div class='ship-variants'>Variations : {{#if:{{{variations}}}|{{{variations|<i>none</i>}}}|<i>none</i>}}</div>-->
      </td>
          <div class='box-footer'>[[{{{shipname|}}}]] =></div>
    </tr>
        </td>
 
      </tr>
     </table>
     </table>
   </div>
 
</div></includeonly>
<!-- Ship bonuses -->
<noinclude>{{documentation}}</noinclude>
    <div class='ship-border-box' style='display: {{#if: {{{bonuses|}}} |block |none }}; margin: 10px 5px 5px'>
    <div class='label'>S H I P&nbsp;&nbsp;&nbsp;B O N U S E S</div>
    <p>{{{bonuses}}}</p>
    </div>
 
<!-- Ship description -->
    <div class='ship-desc'>{{#if: {{{info|}}} |{{{info}}} |&nbsp;}}</div>
 
  </div content-right>
   </div content>
</div ShipInfo>
</div ShipBoxLarge></includeonly>
<noinclude> {{documentation}} <!-- Please add categories and interwikis to the bottom of sub-page /doc, not here --></noinclude>
Retrieved from "https://wiki.eveuniversity.org/User:Evon_R%27al/Sandbox_template"