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

From EVE University Wiki
Jump to: navigation, search
m (Reverted edits by Evon R'al (talk) to last revision by Arin Mara)
Tag: Rollback
m (Undo revision 200137 by Evon R'al (talk))
Tag: Undo
Line 1: Line 1:
{{Infobox
+
<includeonly>{{#css:
| name        = <!-- left empty, to NOT have edit links at the bottom of the box.-->
 
  
| abovestyle =
+
.ship-info
  background: #d2801e;  
+
  {
  background-image: -moz-linear-gradient(center top, #d2801e 0%, #653f03 100%);  
+
  float: left;
  background-image: -webkit-gradient(linear, center top, left bottom, color-stop(0%,#d2801e), color-stop(100%,#653f03));  
+
  background-color: #1D1C23;
  background-image: -webkit-linear-gradient(top, #d2801e 0%, #653f03 100%);  
+
  border-bottom: 1px solid #525751;
  background-image: -o-linear-gradient(top, #d2801e 0%, #653f03 100%);  
+
  border-left: 1px solid black;
  background-image: -ms-linear-gradient(top, #d2801e 0%, #653f03 100%);  
+
  border-right: 1px solid black;
  background-image: linear-gradient(to bottom, #d2801e 0%, #653f03 100%);  
+
  border-top: 1px solid #525751;
  color: #000000;
+
  float: left;
 +
  margin-bottom: 10px;
 +
  width: 800px;
 +
}
  
| title          =
+
.ship-info table { background-color: transparent; }
| above          = {{#if: {{{class name|}}}
 
                    | {{#if: {{{class page name|}}}
 
                      | [[{{{class page name}}}|{{{class name}}}]]
 
                      | Class page name ?
 
                      }}
 
                    | Class name ?
 
                  }}
 
  
| image      = {{#if: {{{image|}}}
+
.ship-info table,
                | [[File:{{{image}}}|{{#if: {{{size|}}}
+
.ship-info table tr,
                                      | {{{size}}}
+
.ship-info table td
                                      | 250px
+
{
                                      }}|link={{{class page name}}}]]
+
  margin: 0;
                }}
+
  padding: 0;
| caption    = {{{caption}}}
+
  border-spacing: 0;
 +
}
  
| headerstyle =
+
.ship-info .title
  background: #d2801e;  
+
{
  background-image: -moz-linear-gradient(center top, #d2801e 0%, #653f03 100%);  
+
  border-bottom: 1px solid #525751;
  background-image: -webkit-gradient(linear, center top, left bottom, color-stop(0%,#d2801e), color-stop(100%,#653f03));  
+
  color: #CCCCCC;
  background-image: -webkit-linear-gradient(top, #d2801e 0%, #653f03 100%);  
+
  font-family: trebuchet MS;
  background-image: -o-linear-gradient(top, #d2801e 0%, #653f03 100%);  
+
  font-size: 12px;
  background-image: -ms-linear-gradient(top, #d2801e 0%, #653f03 100%);  
+
  font-weight: bold;
  background-image: linear-gradient(to bottom, #d2801e 0%, #653f03 100%);  
+
  height: 22px;
  color: #000000;
+
  line-height: 20px;
 +
  padding: 0 10px;
 +
  text-align: left;
 +
  text-transform: uppercase;
 +
}
  
| header1    = Details
+
#content .ship-info .titlename a
 +
{
 +
  background: none repeat scroll 0 0 transparent;
 +
  color: orange;
 +
  float: left;
 +
  font-size: 180%;
 +
  height: 30px;
 +
  line-height: 30px;
 +
  padding-left: 5px;
 +
}
  
| label2    = Summary
+
#content .ship-info .titlename a:hover,
|   data2    = {{{summary|}}}
+
#content .ship-info .titlename a.hover
 +
  {
 +
  color: orange;
 +
   text-decoration: none;   
 +
}
  
| label3    = Reading list
+
.ship-info .ship-border-box
|   data3    = {{{reading list|}}}
+
  {
 +
   background-color: #110809;
 +
  border: 1px solid #878984;
 +
}
  
| label4    = Slides
+
.ship-info .ship-border-box p
|   data4    = {{#if: {{{slides link|}}}
+
  {
                | [{{{slides link|}}} PDF]
+
   color: #FFFFFF;
                }}
+
  font-size: 90%;
 +
  margin: 0;
 +
  padding: 5px;
 +
  text-align: left;
 +
}
  
| label5    = ToT video
+
.ship-info .label
|   data5    = {{#if: {{{video link|}}}
+
  {
                | [{{{video link|}}} YouTube]
+
   border-bottom: 1px solid #4C4646;
                }}
+
  border-top: 1px solid #4C4646;
 +
  font-family: Trebuchet MS;
 +
  height: 14px;
 +
  line-height: 14px;
 +
  padding: 2px;
 +
}
  
| label6    = Reading list
+
.ship-info .label .inner
|   data6    =<div class="mw-collapsible mw-collapsed" style="overflow:auto;">
+
  {
Distinctio iste voluptatum ipsam maxime sint. Fuga velit nostrum rerum dolor rerum aspernatur laborum. Qui explicabo iure omnis molestiae aliquam dolor. Dolores qui ipsum eveniet ut repellat culpa qui omnis.
+
   background-color:#0e1618;
 +
  font-size: 10px;
 +
  padding: 0 3px;
 +
}
  
Et velit aperiam molestiae nostrum. Reprehenderit aut consequatur architecto. Hic nihil harum ducimus pariatur est tenetur minima. Qui voluptatem maxime non et voluptatum facilis voluptatibus repudiandae. Optio fugit adipisci laboriosam sunt hic facilis sed corrupti. Culpa quia veritatis aut dolores quo quam velit corrupti.
+
.box-resist
</div>
+
{
 +
  height: 15px;
 +
  line-height: 15px;
 +
  width: 50px;
 +
}
  
}}<noinclude>
+
.bgr-em { background-color: #121923; }
{{documentation}}
+
.bgr-thr { background-color: #290b0b; }
</noinclude>
+
.bgr-kin { background-color: #292021; }
 +
.bgr-exp { background-color: #2b190b; }
 +
.val-em { background-color: #1c5d85; }
 +
.val-thr { background-color: #8d1717; }
 +
.val-kin { background-color: #757575; }
 +
.val-exp { background-color: #875f1a; }
 +
 
 +
.box-resist .resist-value .value-text
 +
{
 +
  font-family: trebuchet MS;
 +
  font-size: 11px;
 +
  font-weight: bold;
 +
  text-align: center;
 +
  width: 50px;
 +
}
 +
 
 +
.ship-info .attributes
 +
{
 +
  border: medium none;
 +
  padding: 3px;
 +
}
 +
 
 +
.attributes .att-line
 +
{
 +
  background-color: #110809;
 +
  font-family: trebuchet MS;
 +
  font-size: 11px;
 +
  height: 20px;
 +
  line-height: 20px;
 +
  margin-bottom: 2px;
 +
}
 +
 
 +
.attributes .att-line .att-item
 +
{
 +
  border-right: 2px solid #191E18;
 +
  display: inline-block;
 +
  padding: 0 5px;
 +
}
 +
 
 +
.attributes .att-line .att-item .att-img
 +
{
 +
  display: inline-block;
 +
  margin-right: 2px;
 +
}
 +
 
 +
.attributes .res-boxes .att-item .att-img
 +
{
 +
  margin-right: 0;
 +
}
 +
 
 +
.attributes .att-line .att-item .att-label
 +
{
 +
  color: #9E9E9E;
 +
  display: inline-block;
 +
}
 +
 
 +
.attributes .att-line .att-item .att-value
 +
{
 +
  color: #FFFFFF;
 +
  display: inline-block;
 +
  margin-right: 2px;
 +
  text-align: right;
 +
  width: 10px;
 +
}
 +
 
 +
.attributes th
 +
{
 +
  float: right;
 +
  font-size: 10px;
 +
  height: 15px;
 +
  line-height: 15px;
 +
}
 +
 
 +
.attributes .collapseButton
 +
{
 +
  color: transparent;
 +
  float: left;
 +
  margin-left: -6px;
 +
}
 +
 
 +
.attributes .collapseButton a
 +
{
 +
  border-color: #444A42 #000000;
 +
  border-style: solid;
 +
  border-width: 1px;
 +
  color: transparent;
 +
  margin-top: -1px;
 +
  position: absolute;
 +
  width: 100px;
 +
}
 +
 
 +
.attributes .collapseButton a:hover,
 +
.attributes .collapseButton a.hover
 +
{
 +
  border-top: 1px solid #FFFFFF;
 +
  border-bottom: 1px solid #FFFFFF;
 +
  border-right: 1px solid #444A42;
 +
  border-left: 1px solid #444A42;
 +
}
 +
 
 +
.ship-info p.ship-desc
 +
{
 +
  font-family: arial;
 +
  font-size: 11px;
 +
  line-height: 120%;
 +
  padding: 5px 5px 0;
 +
  text-align: justify;
 +
}
 +
 
 +
.ship-info .box-footer
 +
{
 +
  border-top: 1px solid #333333;
 +
  font-family: trebuchet MS;
 +
  font-size: 95%;
 +
  margin: 15px 5px 0;
 +
  text-align: right;
 +
}
 +
 
 +
#content .ship-info .box-footer a
 +
{
 +
  background-image: none;
 +
  color: #CCCCCC;
 +
  padding: 5px;
 +
}
 +
 
 +
#content .ship-info .box-footer a:hover,
 +
#content .ship-info .box-footer a.hover
 +
{
 +
  color: orange;
 +
  text-decoration: none;
 +
}
 +
 
 +
.ship-info .ship-variants
 +
{
 +
  border-top: 1px solid #323931;
 +
  font-family: trebuchet MS;
 +
  font-size: 11px;
 +
  height: 20px;
 +
  line-height: 20px;
 +
  margin: 0 5px 5px;
 +
}
 +
 
 +
.ship-info .forum-link
 +
{
 +
  background-color: #110809;
 +
  border: 1px solid #323931;
 +
  display: block;
 +
  float: left;
 +
  margin-top: 5px;
 +
  padding: 5px;
 +
  width: 248px;
 +
}
 +
 
 +
.ship-info .forum-link .linkentry
 +
{
 +
  display: inline-block;
 +
  line-height: 15px;
 +
}
 +
 
 +
.ship-info .forum-link .linkentry .linkimg
 +
{
 +
  display: inline-block;
 +
  height: 15px;
 +
  width: 20px;
 +
}
 +
 
 +
.ship-info .forum-link .linkentry .linkname
 +
{
 +
  display: inline;
 +
}
 +
 
 +
.ship-info .forum-link .linkentry a
 +
{
 +
  display: inline;
 +
  font-size: 11px;
 +
}
 +
 
 +
#content .ship-info .forum-link .linkentry a.external
 +
{
 +
  background: none repeat scroll 0 0 transparent;
 +
  color: #9E9E9E;
 +
  padding: 0;
 +
}
 +
 
 +
#content .ship-info .forum-link .linkentry a.external.hover,
 +
#content .ship-info .forum-link .linkentry a.external:hover
 +
{
 +
  background-color: #393939;
 +
  text-decoration: none;
 +
  color: orange;
 +
}
 +
 
 +
.techcorner
 +
{
 +
  width: 64px;
 +
  height: 64px;
 +
  position: absolute;
 +
  top: 0px;
 +
  left: 0px;
 +
  margin-left: 1px;
 +
  margin-top: 1px;
 +
}
 +
 
 +
}}<!-- Content -->
 +
<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}}: 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}}}h.png|link=]]</div>
 +
            |
 +
          }}{{#ifexist: File:{{{shipimg}}}
 +
                | [[Image:{{{shipimg}}}|256x256px|{{#if: {{{shipname|}}}
 +
                  | {{{shipname}}}
 +
                  | Unknown Ship
 +
                }}]]
 +
                | [[Image:no-image.png|256x256px|{{#if: {{{shipname|}}}
 +
                  | {{{shipname}}}
 +
                  | Unknown Ship}}]]
 +
                }}
 +
          </div>
 +
          <div style='position: absolute; margin-left: 200px; margin-top: -60px;'>[[Image:{{#switch: {{lc: {{{faction}}} }}
 +
                | angel cartel= Logo_faction_angel_cartel.png
 +
                | amarr empire= Logo_faction_amarr_empire.png
 +
                | blood raiders= Logo_faction_the_blood_raider_covenant.png
 +
                | caldari state= Logo_faction_caldari_state.png
 +
                | concord= Logo_faction_concord_assembly.png
 +
                | edencom= Logo_faction_edencom.png
 +
                | gallente federation= Logo_faction_gallente_federation.png
 +
                | guristas= Logo_faction_guristas_pirates.png
 +
                | intaki syndicate= Logo faction the syndicate.png
 +
                | interbus= Logo faction the interbus.png
 +
                | jovian directorate= Logo faction jove empire.png
 +
                | khanid kingdom= Logo_faction_khanid_kingdom.png
 +
                | minmatar republic= Logo_faction_minmatar_republic.png
 +
                | mordu's legion= Logo_faction_mordus_legion.png
 +
                | outer ring excavations= Logo_faction_outer_ring_excavations.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
 +
                | triglavian collective= Logo_faction_triglavian_collective.png
 +
                | #default= no-image.png
 +
              }}|60x60px|{{#if: {{{faction|}}}
 +
                  | {{{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 ships 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 class='forum-link'>
 +
            <div class='linkentry'>
 +
              <div class='linkimg'>[[Image:Icon_capacity.png|20px|forum discussion]]</div>
 +
              <div style='display: inline-block; font-size: 10px;'>Forum Discussions :</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>
 +
        </td>
 +
        <td style='padding: 5px 5px 5px 0; border-left: 1px solid #333333' valign='top'>
 +
          <div class='titlename' style='position: absolute; display:{{#if: {{{shipname|}}} |block |block}};'>[[{{{shipname|}}}]]</div>       
 +
          <table class='collapsible attributes' style='width: 100%; margin-bottom: 5px;'>
 +
            <tr>
 +
              <th><div style='float: left; width: 100px; font-family: trebuchet MS; margin-left: -3px;'>HIDE ATTRIBUTES</div></th>
 +
            </tr>
 +
            <tr>
 +
              <td style='padding: 0; margin: 0;'><div style='height: 15px; line-height: 15px;'>&nbsp;</div></td>
 +
            </tr>
 +
            <tr>
 +
              <td>
 +
                <div style='background-color: #191E18; border: 1px solid #323931;'>
 +
                  <div class='att-line'>
 +
                    <div class='att-item' style='width: 80px; text-align: right;'>
 +
                      <div class='att-label'>fittings</div>
 +
                    </div>
 +
                    <div class='att-item' style='border-right: medium 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>
 +
                    </div>
 +
                    <div class='att-item' style='border-right: medium none;'>
 +
                      <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-label'>launchers</div>
 +
                    </div>
 +
                    <div class='att-item'>
 +
                      <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>
 +
                    </div>
 +
                    <div class='att-item'>
 +
                      <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-label' style='color: #9A7535;'>mediums</div>
 +
                    </div>
 +
                    <div class='att-item'>
 +
                      <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>                   
 +
                  </div>
 +
                  <div class='att-line'>
 +
                    <div class='att-item' style='width: 80px; text-align: right;'>
 +
                      <div class='att-label'>drones & cargo</div>
 +
                    </div>
 +
                    <div class='att-item'>
 +
                      <div class='att-value' style='width: 40px;'>{{#if: {{{dronebay|}}}|{{{dronebay}}}|0 {{m3}} }}</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;'>{{#if: {{{bandwidth|}}}|{{{bandwidth}}}|0 Mbit/sec}}</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' style='border-right: medium 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>
 +
                  <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-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: medium 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: 80px;'>
 +
                      <div class='att-label'>&nbsp;</div>
 +
                    </div>
 +
                    <div class='att-item' style='width: 87px; 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: medium 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>
 +
                  <div class='att-line'>
 +
                    <div class='att-item' style='width: 80px; text-align: right;'>
 +
                      <div class='att-label'>target & nav</div>
 +
                    </div>
 +
                    <div class='att-item'>
 +
                      <div class='att-value' style='width: 50px'>{{#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='width: 30px'>{{#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: medium none;'>
 +
                      <div class='att-value' style='width: 55px;'>{{#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>
 +
          <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>}}</p>
 +
          </div>
 +
          <p class='ship-desc'>{{#if: {{{info|}}} |{{{info}}} |&nbsp;}}</p>
 +
          <!--<div class='ship-variants'>Variations : {{#if: {{{variations|}}} |{{{variations}}} |<i>none</i>}}</div>-->
 +
          <div class='box-footer'>[[{{{shipname|}}}]] =></div>
 +
        </td>
 +
      </tr>
 +
    </table>
 +
  </div>
 +
</div></includeonly>
 +
<noinclude>{{documentation}}</noinclude>

Revision as of 14:10, 19 January 2023

Template documentation (for the above template, sometimes hidden or invisible)
Visit User:Evon R'al/Sandbox template/doc to edit this text! (How does this work?) (Refresh this text - why?)