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

From EVE University Wiki
Jump to: navigation, search
m (Coding and testing.)
m (working on template {{ShipBoxLarge}.)
Line 1: Line 1:
 
<includeonly>{{#css:
 
<includeonly>{{#css:
<!-- More CSS in MediaWiki:Common.css -->
+
 
<!--***  overrides  ***-->
+
div.ShipBoxLarge
#bodyContent
 
 
  {
 
  {
   margin-top: -1.5em;
+
   float: left;
 +
  clear: both;
 +
  width: 100%;
 
  }
 
  }
  
#firstHeading
+
.ShipBoxLarge .ship-info
 
  {
 
  {
   display: none;
+
   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;
 
  }
 
  }
  
h1, h2
+
.ShipBoxLarge table
 
  {
 
  {
  background-color: black;
+
   border-spacing: 0;
   border-bottom: 1px solid #2D2413;
+
   margin: 0;
   border-top: 1px solid #2D2413;
 
  clear: both;
 
  font-family: trebuchet MS;
 
  font-variant: small-caps;
 
  height: 25px;
 
  line-height: 25px;
 
  padding: 0 3px;
 
  text-align: center;
 
 
  }
 
  }
  
h1 { color: darkorange; font-size: 140%; }
+
.ShipBoxLarge table td
h2 { color: white; font-size: 120%; }
 
h3 { border-bottom: 1px solid #2C2B2B; clear: both; font-size: 132%; }
 
 
 
.attributes
 
 
  {
 
  {
   background-color: transparent;
+
   padding: 0;
  margin-left: 5px;
 
 
  }
 
  }
  
.attributes h3
+
.ShipBoxLarge .title
 
  {
 
  {
   color: #494949;
+
  border-bottom: 1px solid #525751;
 +
   color: #CCCCCC;
 +
  font-family: trebuchet MS;
 
   font-size: 12px;
 
   font-size: 12px;
   font-variant: small-caps;
+
   font-weight: bold;
   font-weight: normal;
+
   height: 22px;
   line-height: 100%;
+
   line-height: 20px;
   text-align: right;
+
  padding: 0 10px;
 +
   text-align: left;
 +
  text-transform: uppercase;
 
  }
 
  }
  
.attributes .token
+
.ShipBoxLarge .box-roles
 
  {
 
  {
 +
  float: right;
 +
  font-size: 80%;
 +
  display: block;
 +
  color: #F0F0CA;
 +
}
  
 +
.ShipBoxLarge .titlename a
 +
{
 +
  float: left;
 +
  font-size: 180%;
 +
  height: 30px;
 +
  line-height: 30px;
 +
  padding-left: 5px;
 
  }
 
  }
  
.attributes .separator
+
.ShipBoxLarge .titlename a:hover
 
  {
 
  {
   height: 0;
+
   text-decoration: none;  
 
  }
 
  }
  
.att-line
+
.ShipBoxLarge .ship-border-box
 
  {
 
  {
   font-size: 11px;
+
   background-color: #110809;
 +
  border: 1px solid #878984;
 
  }
 
  }
  
.attributes .token .line-label .label
+
.ShipBoxLarge .ship-border-box p
 
  {
 
  {
   color: #494949;
+
   color: #FFFFFF;
   font-size: 12px;
+
   font-size: 90%;
  font-variant: small-caps;
+
   margin: 0;
   font-weight: normal;
+
   padding: 5px;
   line-height: 100%;
+
   text-align: left;
   text-align: right;
 
 
  }
 
  }
  
.att-line .att-item
+
.ShipBoxLarge .label
 
  {
 
  {
   display: inline-block;
+
   background-color:#0e1618;
   margin-bottom: 3px;
+
  border-bottom: 1px solid #4C4646;
   padding: 1px 5px;
+
   border-top: 1px solid #4C4646;
 +
  font-family: Trebuchet MS;
 +
  font-size: 10px;
 +
  height: 14px;
 +
  line-height: 14px;
 +
   padding: 2px 5px;
 
  }
 
  }
  
.att-line .highlight
+
.ShipBoxLarge .box-resist
  {
+
  {  
   color: white;
+
   height: 15px;
 +
  line-height: 15px;
 +
  width: 50px;  
 
  }
 
  }
  
.att-line .att-item .item
+
.ShipBoxLarge .bgr-em  { background-color: #121923; }
 +
.ShipBoxLarge .bgr-thr { background-color: #290b0b; }
 +
.ShipBoxLarge .bgr-kin { background-color: #292021; }
 +
.ShipBoxLarge .bgr-exp { background-color: #2b190b; }
 +
.ShipBoxLarge .val-em  { background-color: #1c5d85; }
 +
.ShipBoxLarge .val-thr { background-color: #8d1717; }
 +
.ShipBoxLarge .val-kin { background-color: #757575; }
 +
.ShipBoxLarge .val-exp { background-color: #875f1a; }
 +
 
 +
.ShipBoxLarge .box-resist .resist-value .value-text
 
  {
 
  {
   display: inline-block;
+
   font-weight: bold;
   height: 21px;
+
   text-align: center;
   line-height: 21px;
+
   width: 50px;
 
  }
 
  }
  
.att-line .att-item .snip
+
.ShipBoxLarge .attributes
 
  {
 
  {
   color: #656565;
+
   border: none;
   font-size: 70%;
+
   padding: 3px;
  margin-left: 5px;
 
  position: relative;
 
 
  }
 
  }
  
.att-line .att-item .snip .desc
+
.ShipBoxLarge .attributes .att-line
 
  {
 
  {
   background-color: black;
+
   background-color: #110809;
  border: 2px dashed #582806;
+
   font-family: trebuchet MS;
  color: #CCCCCC;
 
   display: none;
 
 
   font-size: 11px;
 
   font-size: 11px;
   line-height: 120%;
+
   height: 20px;
   padding: 5px;
+
   line-height: 20px;
   position: absolute;
+
   margin-bottom: 2px;
  right: 0;
 
  text-align: justify;
 
  width: 300px;
 
 
  }
 
  }
  
.att-line .att-item .snip:hover .desc,
+
.ShipBoxLarge .attributes .att-item
.att-line .att-item .snip.hover .desc
 
 
  {
 
  {
   display: block;
+
  border-right: 2px solid #191E18;
 +
   display: inline-block;
 +
  padding: 0 5px;
 
  }
 
  }
  
.att-line .att-item .att-img
+
.ShipBoxLarge .attributes .att-img
 
  {
 
  {
   line-height: 20px;
+
   display: inline-block;
   margin: 0 2px;
+
   margin-right: 2px;
 
  }
 
  }
  
.att-line .att-item .att-img img
+
.ShipBoxLarge .attributes .res-boxes .att-img
 
  {
 
  {
   margin-top: -2px;
+
   margin-right: 0;
 
  }
 
  }
  
.att-line .att-item .att-label
+
.ShipBoxLarge .attributes .att-label
 
  {
 
  {
   color: #7D6843;
+
   color: #9E9E9E;
 +
  display: inline-block;
 
  }
 
  }
  
.box-resist
+
.ShipBoxLarge .attributes .att-value
 
  {
 
  {
  height: 15px;
+
  color: #FFFFFF;
  line-height: 15px;
+
  display: inline-block;
  width: 50px;
+
  margin-right: 2px;
 +
  text-align: right;
 +
  width: 10px;
 
  }
 
  }
  
.bgr-em { background-color: #121923; }
+
.ShipBoxLarge p.ship-desc
.bgr-thr { background-color: #290b0b; }
 
.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-family: arial;
 
   font-size: 11px;
 
   font-size: 11px;
   font-weight: bold;
+
   line-height: 120%;
   text-align: center;
+
   padding: 5px 5px 0;
   width: 50px;
+
   text-align: justify;
 
  }
 
  }
  
<!--***  overrides(end)  ***-->
+
.ShipBoxLarge .ship-variants
 
 
#ship-article .ignore a
 
 
  {
 
  {
   background: none;
+
   border-top: 1px solid #323931;
   color: #4C4C4C;
+
   font-family: trebuchet MS;
}
+
  font-size: 11px;
 
+
  height: 20px;
#ship-article .ignore a:hover,
+
  line-height: 20px;
#ship-article .ignore a.hover
+
   margin: 0 5px 5px;
{
 
   color: orange;
 
 
  }
 
  }
  
.techcorner
+
.ShipBoxLarge .techcorner
 
  {
 
  {
 
   width: 64px;
 
   width: 64px;
 
   height: 64px;
 
   height: 64px;
 
   position: absolute;
 
   position: absolute;
   top: 0;
+
   top: 0px;
   left: 0;
+
   left: 0px;
 
   margin-left: 1px;
 
   margin-left: 1px;
 
   margin-top: 1px;
 
   margin-top: 1px;
 
  }
 
  }
}}
+
 
<div id='ship-article'>
+
.ShipBoxLarge .box-discussion
<!--####    Header    #####-->
+
{
<div class='header'>
+
  margin-left: -6px;
   <div class='headerbg'>[[Image:Eve_university_dbase_header.png|605x50px|EVE University Database]]</div>
+
  margin-right: -6px;
   <div class='mask'>&nbsp;</div>
+
  margin-top: 5px;
   <div class='dbtitle'>Ship Database</div>
+
  border-color: #393734 black;
   <div class='shipname'>{{#if: {{{shipname|}}} |{{{shipname}}} |{{Co|red|! shipname missing !}} }}</div>
+
   border-style: solid;
  </div>
+
   border-width: 1px;
 +
   padding: 5px;
 +
   background-color: #1A1A1A;
 +
  }
  
<!--####    breadcrumbs    ####-->
+
.ShipBoxLarge .box-discussion .discussion-bgr
<!--* Breadcrumbs *-->
+
{
<div class='breadcrumbs'>[[:Category:Ship Database|Ship Database]]<span class='separator'>&#9656;</span>{{#if: {{{grouping|}}} |[[:Category:{{{grouping}}}|{{{grouping}}}]] |{{Co|red|! grouping missing !}} }}<span class='separator'>&#9656;</span>{{#if: {{{shipname|}}} | [[{{{shipname}}}]] }}
+
  color: #4C4C4C;
  </div>
+
  font-family: trebuchet MS;
 +
  font-size: 90%;
 +
  }
  
<!--#####    Main    ####-->
+
.ShipBoxLarge .box-discussion .linkname
<div class='main'>
+
  {
  <table cellspacing='0' cellpadding='0' style='width: 100%'>
+
   font-size: 11px;
  <tr>
+
  line-height: 120%;
 
+
  padding: 0 5px;
<!--***************
+
}
***  Main left  ***
 
*******************-->
 
    <td valign='top' class='left-col'>
 
 
 
<!--* Ship image block *-->
 
    <div style='border: 1px solid #323931; position: relative;'>{{#if: {{{tech|}}}
 
      | <div class="techcorner">[[Image:CornerT{{{tech}}}h.png|link=]]</div>
 
      }}{{#ifexist: File:{{{shipimg}}}
 
        | [[Image:{{{shipimg}}}|center|link= |256x256px|{{{shipname|}}}]]
 
        | {{#if: {{{shipid|}}}
 
          | {{Imageserver|types|{{{shipid}}}|render|size=256}}
 
          | [[Image:no-image.png|center|link= |256x256px|{{{shipname|}}}]]
 
          }}
 
        }}
 
    </div>
 
 
 
    <div class='box-info'>
 
      <table class='ecm-info' cellspacing='0' cellpadding='0'>
 
      <tr>
 
 
 
<!--** Ship image block "caption" left **-->
 
        <td rowspan='3' class='faction-img'>[[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
 
          | 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
 
          }}|center|link=|50px|{{{faction|}}} ]]
 
        </td>
 
 
 
<!--** Ship image block "caption" center, line 1 **-->
 
        <td class='faction'>{{#if: {{{faction|}}} |{{{faction}}} |{{Co|red|! faction missing !}} }}</td>
 
 
 
<!--** Ship image block "caption" center, line 2 **-->
 
      <tr>
 
        <td class='hull-type'>{{#if: {{{grouping|}}} |[[:Category:{{{grouping}}} |{{{grouping}}} ]] }}</td>
 
      </tr>
 
 
 
<!--** Ship image block "caption" center, line 3 **-->
 
      <tr>
 
        <td class='hull-title'>{{#if: {{{hulltype|}}} |{{{hulltype}}} |{{Co|red|! hulltype missing !}} }}</td>
 
      </tr>
 
 
 
      </table>
 
    </div><!--
 
 
 
* class missing error *
 
-->  {{#if: {{{class|}}} | <!-- Nothing --> | <div class='box-discussion' style='text-align: center; color: red;'> ! class missing ! </div> }}<!--
 
 
 
* Highlights *
 
-->  {{#if: {{{highlights1|}}} {{{highlights2|}}} {{{highlights3|}}} {{{highlights4|}}}
 
      |
 
    <div class='box-awards'><!--
 
-->    {{#if: {{{highlights1|}}}
 
      | <div class='award'>
 
          <div class='award-img'>[[Image:Icon_highlights.png|15x15px|Highlight]]</div>
 
          <div class='award-label'>{{{highlights1}}}</div>
 
          <div class='award-bgr'>HIGHLIGHTS</div>
 
        </div>
 
    }}<!--
 
 
 
-->  {{#if: {{{highlights2|}}}
 
      | <div class='award'>
 
          <div class='award-img'>[[Image:Icon_highlights.png|15x15px|Highlight]]</div>
 
          <div class='award-label'>{{{highlights2}}}</div>
 
          <div class='award-bgr'>HIGHLIGHTS</div>
 
        </div>
 
    }}<!--
 
 
 
-->  {{#if: {{{highlights3|}}}
 
      | <div class='award'>
 
          <div class='award-img'>[[Image:Icon_highlights.png|15x15px|Highlight]]</div>
 
          <div class='award-label'>{{{highlights3}}}</div>
 
          <div class='award-bgr'>HIGHLIGHTS</div>
 
        </div>
 
    }}<!--
 
 
 
-->  {{#if: {{{highlights4|}}}
 
      | <div class='award'>
 
          <div class='award-img'>[[Image:Icon_highlights.png|15x15px|Highlight]]</div>
 
          <div class='award-label'>{{{highlights4}}}</div>
 
          <div class='award-bgr'>HIGHLIGHTS</div>
 
        </div>
 
    }}
 
    </div>
 
}}<!--
 
 
 
* Forum links *-->
 
    {{#if: {{{forumlinks|}}}
 
      | <div class='box-discussion'>
 
        <div class='discussion-bgr'>FORUM DISCUSSION</div>
 
        <div class='linkname'>{{{forumlinks}}}</div>
 
        </div>
 
    }}
 
<!--
 
* Wiki links *-->
 
    <div class='box-discussion'>
 
      <div class='discussion-bgr'>RELATED UNI-WIKI REFERENCES</div>
 
      <div class='linkname'>[[Ships|EVE Online Ships Overview]]<br>{{{wikireferences|}}}</div>
 
    </div>
 
 
 
<!--* External links *-->
 
    <div class='box-discussion'>
 
      <div class='discussion-bgr'>EXTERNAL LINKS</div>
 
      <div class='linkname'>{{#if: {{{shipid|}}}
 
        | [https://zkillboard.com/ship/{{{shipid}}}/ {{{shipname|}}} on zKillboard]{{#switch: {{lc: {{{class}}} }}
 
          | shuttle=
 
          | #default= <br>[https://www.eveworkbench.com/fitting/{{{shipid}}} {{{shipname|}}} on EVE Workbench]
 
          }} <br>[https://evepraisal.com/item/{{{shipid}}}/ {{{shipname|}}} on Evepraisal]<br>[https://everef.net/type/{{{shipid}}} {{{shipname|}}} on EVE Ref]
 
      }}<br>{{{externallinks|}}}</div>
 
    </div>
 
    </td>
 
 
 
<!--****************
 
***  Main right ***
 
********************-->
 
    <td valign='top'>
 
 
 
<!--* TOC and Ship info *-->
 
    <div class='box-line'>
 
      __TOC__
 
<!---->{{{info|}}} <!-- Comment in front is to suppress <pre> parsing -->
 
    </div><!--
 
 
 
* Ship bonuses(traits) *-->
 
    {{#if: {{{bonuses|}}}
 
      | <div class='box-line box-bonuses'>
 
          <div class='label'>SHIP BONUSES</div>
 
<!--    -->{{{bonuses}}} <!-- Comment in front is to suppress <pre> parsing -->
 
        </div>
 
    }}<!--
 
 
 
-->  <div class='box-line'>
 
      <table class='midinfo' cellspacing='0' cellpadding='0'>
 
      <tr>
 
 
 
<!--* Required skills *-->
 
        <td class='left' style='width: 330px;'>
 
        <div class='title'>Required Skills</div>
 
<!--   -->{{#if: {{{reqskills|}}} |{{{reqskills}}} |<i>none</i> }} <!-- comment in front is to suppress <pre> parsing -->
 
<!--** Training time **-->
 
          {{#if: {{{reqskills|}}}
 
            | <div class='skillstime'>
 
                <span style='font-variant: small-caps;'>Training Time </span><span style='font-size: 70%;'>what's this?</span><div class='value'>{{{totaltraintime|}}}</div>
 
                <div class='desc'>Estimated training time only for the listed skills based on zero [[Skills_and_learning#Implants|implants]] and without [[Skills_and_learning#Neural_remaps|neural remaps]].
 
                </div>
 
              </div>
 
          }}
 
        </td>
 
 
 
<!--* Grouping *-->
 
        <td class='right'>
 
        <div class='title'>Grouping</div>
 
        <div style='color: #7D6843; font-size: 90%;'>&#9642; Variations</div> <!-- to suppress <pre> parsing
 
      --><span style='padding-left: 10px; display: block;'>{{#if: {{{variations|}}} |{{{variations}}} |<i>none</i> }}</span>
 
        </td>
 
        </tr>
 
      </table>
 
    </div>
 
 
 
<!--* Ship attributes *-->
 
    <div class='box-attributes'>
 
      <h2 style='margin-left: 0;'>Ship Attributes</h2>
 
      <table class='attributes' cellspacing='0' cellpadding='0'>
 
 
 
<!--** Ship attributes - Fittings **-->
 
      <tr class='token'>
 
        <td class='line-label'><span class='label'>Fittings</span></td>
 
        <td class='att-line'>
 
 
 
<!--*** Powergrid ***-->
 
        <div class='att-item'>
 
          <div class='item att-label'>Powergrid</div><div class='item att-img'>[[Image:icon_powergrid.png|20px|powergrid]]</div><div class='item att-value'>{{#if: {{{powergrid|}}} |{{{powergrid}}} |0 MW }}</div>
 
        </div>
 
 
 
<!--*** CPU ***-->
 
        <div class='att-item'>
 
          <div class='item att-label'>CPU</div><div class='item att-img'>[[Image:icon_cpu.png|20px|cpu output]]</div><div class='item att-value'>{{#if: {{{cpu|}}} |{{{cpu}}} |0 tf }}</div>
 
        </div>
 
  
<!--*** Capacitor ***-->
+
}}<!-- Content -->
        <div class='att-item'>
+
<div class='ShipBoxLarge'>
          <div class='item att-label'>Capacitor</div><div class='item att-img'>[[Image:Icon_capacitor_capacity.png|20px|capacitor]]</div><div class='item att-value'>{{#if: {{{capacitor|}}} |{{{capacitor}}} |0 GJ }}</div>
 
        </div>
 
  
<!--*** High slots ***-->
+
  <div class='ship-info'>
        <div class='att-item'>
+
<!-- Title -->
          <div class='item att-label'>High</div><div class='item att-img'>[[Image:icon_hi_slot.png|20px|high slots]]</div><div class='item att-value'>{{#if: {{{highs|}}} |{{{highs}}} |0 }}</div>
+
    <div class='title'><span style='font-size: 16px;'>&equiv;</span> {{#if: {{{class|}}} |{{{class}}} |SHIP}}: INFORMATION
 +
      <div class='box-roles' style='display: {{#if: {{{roles|}}} |block |none}};'>{{#ifeq: {{{roles}}} |unspecified |<!--blank--> |{{{roles}}} }}
 +
      </div>
 +
    </div>
 +
<!-- Content -->
 +
    <table style='width: 100%;'>
  
<!--*** Launchers ***-->
+
      <tr>
          <div class='item att-label' style='color: #9E8F75; margin-left: 5px;'>Launchers</div><div class='item att-img'>[[Image:icon_launcher_hp.png|20px|launcher slots]]</div><div class='item att-value'>{{#if: {{{launchers|}}} |{{{launchers}}} |0 }}</div>
+
<!-- Content left: image and link -->
 +
        <td style='padding: 5px; width: 256px; vertical-align: top;'>
  
<!--*** Turrets ***-->
+
           <div class='ship-img' style='border: 1px solid #323931; position: relative;'>{{#ifexist: File:{{{shipimg}}}
           <div class='item att-label' style='color: #9E8F75; margin-left: 5px;'>Turrets</div><div class='item att-img'>[[Image:icon_turret_hp.png|20px|turret slots]]</div><div class='item att-value'>{{#if: {{{turrets|}}} |{{{turrets}}} |0 }}</div>
+
                | [[Image:{{{shipimg}}}|256x256px|{{{shipname|}}}]]
 
+
                | {{#if: {{{shipid|}}}
        </div>
+
                    | {{Imageserver|types|{{{shipid}}}|render|size=256}}
 
+
                    | [[Image:no-image.png|256x256px|{{#if: {{{shipname|}}} | {{{shipname}}} | Unknown Ship }} ]]
<!--*** Medium slots ***-->
+
                   }}
        <div class='att-item'>
 
          <div class='item att-label'>Medium</div><div class='item att-img'>[[Image:icon_mid_slot.png|20px|medium slots]]</div><div class='item att-value'>{{#if: {{{mediums|}}} |{{{mediums}}} |0 }}</div>
 
        </div>
 
 
 
<!--*** Low slots ***-->
 
        <div class='att-item'>
 
          <div class='item att-label'>Low</div><div class='item att-img'>[[Image:icon_low_slot.png|20px|low slots]]</div><div class='item att-value'>{{#if: {{{lows|}}} |{{{lows}}} |0 }}</div>
 
        </div>
 
 
 
<!--*** Rigs ***-->
 
        <div class='att-item'>
 
          <div class='item att-label'>Rig </div><div class='item att-img'>[[Image:icon_rigs.png|20px|rigs]]</div>
 
              {{#if: {{{rigs_count|}}}
 
              | <div class='item att-value'>{{{rigs_count}}}</div>
 
              | <div class='item att-value'>{{#switch: {{lc: {{{class}}} }}
 
                | corvette
 
                | freighter
 
                | jump freighter
 
                | prototype exploration ship
 
                | shuttle= 0
 
                | #default={{#switch: {{{tech}}}
 
                   | 2= 2
 
                  | #default= 3
 
                  }}
 
                }}</div>
 
 
               }}
 
               }}
              &nbsp;{{#if: {{{rigs_size|}}}
+
             {{#if: {{{tech|}}} |<div class="techcorner">[[Image:CornerT{{{tech}}}h.png|link=]]</div> }}  
                |<div class='item att-value'>{{{rigs_size}}}</div>
 
                |<div class='item att-value'>{{#switch: {{lc: {{{class}}} }}
 
                  | corvette
 
                  | freighter
 
                  | jump freighter
 
                  | prototype exploration ship
 
                  | shuttle= ''
 
 
 
                  | assault frigate
 
                  | command destroyer
 
                  | covert ops
 
                  | destroyer
 
                  | electronic attack ship
 
                  | expedition frigate
 
                  | frigate
 
                  | interceptor
 
                  | interdictor
 
                  | logistics frigate
 
                  | stealth bomber
 
                  | tactical destroyer= small
 
 
 
                  | attack battlecruiser
 
                  | blockade runner
 
                  | combat battlecruiser
 
                  | combat recon ship
 
                  | command ship
 
                  | cruiser
 
                  | deep space transport
 
                  | exhumer
 
                  | force recon ship
 
                  | hauler
 
                  | heavy assault cruiser
 
                  | heavy interdiction cruiser
 
                  | logistics <!-- In-game name for logistics cruiser -->
 
                  | logistics cruiser
 
                  | mining barge
 
                  | strategic cruiser= medium
 
 
 
                  | battleship
 
                  | black ops
 
                  | industrial command ship
 
                  | marauder= large
 
 
 
                  | capital industrial ship
 
                  | carrier
 
                  | dreadnought
 
                  | force auxiliary
 
                  | supercarrier
 
                  | titan= capital
 
 
 
                  | #default= {{Co|red|?}}
 
                }}</div>
 
              }}
 
 
 
<!--*** Calibration ***-->
 
              <div class='item att-label' style='color: #9E8F75; margin-left: 5px;'>Calibration </div><div class='item att-img'>[[Image:icon_calibration.png|16px|calibration]]</div><div class='item att-value'>{{#if: {{{rigs_calibration|}}}
 
                | {{{rigs_calibration}}}
 
                | {{#switch: {{lc: {{{class}}} }}
 
                  | corvette
 
                  | freighter
 
                  | jump freighter= 0
 
                  | prototype exploration ship
 
                  | shuttle= 1
 
                  | #default={{#switch: {{lc: {{{grouping}}} }}
 
                    | pirate faction ships
 
                    | pirate faction battleships
 
                    | pirate faction cruisers
 
                    | pirate faction dreadnoughts
 
                    | pirate faction force auxiliaries
 
                    | pirate faction frigates
 
                    | pirate faction supercarriers
 
                    | pirate faction titans= 350
 
                    | #default= 400
 
                    }}
 
                  }}
 
              }}</div>
 
        </div>
 
        </td>
 
      </tr>
 
 
 
      <tr><td class='separator'></td></tr>
 
 
 
<!--** Ship attributes - Navigation **-->
 
      <tr class='token'>
 
        <td class='line-label'><span class='label'>Navigation</span></td>
 
        <td class='att-line'>
 
 
 
<!--*** Max velocity ***-->
 
        <div class='att-item'>
 
          <div class='item att-label'>Max Velocity</div><div class='item att-img'>[[Image:Icon_velocity.png|20px|max. velocity]]</div><div class='item att-value'>{{#if: {{{maxvelocity|}}} |{{{maxvelocity}}} |0 m/s }}</div>
 
        </div>
 
 
 
<!--*** inertia modifier ***-->
 
        <div class='att-item'>
 
          <div class='item att-label'>Inertia Modifier</div><div class='item att-img'>[[Image:icon_inertia.png|20px|inertia modifier (agility)]]</div><div class='item att-value'>{{#if: {{{inertia|}}} |{{{inertia}}} |0.0 }}</div>
 
        </div>
 
 
 
<!--*** Warp speed ***-->
 
        <div class='att-item'>
 
          <div class='item att-label'>Warp Speed</div><div class='item att-img'>[[Image:Icon_warp_speed.png|20px|inertia modifier (agility)]]</div><div class='item att-value'>{{#if: {{{warpspeed|}}} |{{{warpspeed}}} |0 AU/s }}</div>
 
        </div>
 
 
 
<!--*** Base time to warp ***-->
 
        <div class='att-item'>
 
          <div class='item att-label' style='margin-right: 3px;'>Base Time to Warp</div><div class='item att-img'>[[Image:Icon_warp_time.png|20px|base time to warp]]</div><div class='item att-value'>{{#if: {{{warptime|}}} |{{{warptime}}} |{{Co|red|?}} }}</div><div class='item att-value snip'>what's this?
 
          <div class='desc'>Base Time to Warp is essentially the time needed for this ship to align and accelerate until it reaches 75% of its top speed and goes to warp. The time displayed here is the base calculated time with no account for any warp related skills, modules or any other effects.
 
          </div>
 
          </div>
 
        </div>
 
        </td>
 
      </tr>
 
 
 
      <tr><td class='separator'></td></tr>
 
 
 
<!--** Ship attributes - Drones/Fighters **-->
 
      <tr class='token'>
 
        {{#if: {{{fighterbay|}}}
 
          | <td class='line-label'><span class='label'>Fighters</span></td>
 
            <td class='att-line'>
 
              <div class='att-item'>
 
                <div class='item att-label'>Fighter Bay Capacity</div><div class='item att-img'>[[Image:icon_drone_capacity.png|20px|fighter bay capacity]]</div><div class='item att-value'>{{{fighterbay}}}</div>
 
              </div>
 
              <div class='att-item'>
 
                <div class='item att-label'>Fighter Squad Tubes</div><div class='item att-img'>[[Image:icon_drone_bandwidth.png|20px|fighter squad tubes]]</div><div class='item att-value'>{{#if: {{{fightertubes|}}} |{{{fightertubes}}} |{{Co|red|?}} }}</div>
 
              </div>
 
<!--        -->{{#if: {{{lightfightersquadlimit|}}}
 
                | <div class='att-item'>
 
                    <div class='item att-label'>Light Fighter Squad Limit</div><div class='item att-img'>[[Image:icon_drone_bandwidth.png|20px|light fighter squad limit]]</div><div class='item att-value'>{{{lightfightersquadlimit}}}</div>
 
                  </div>
 
              }}<!--
 
            -->{{#if: {{{heavyfightersquadlimit|}}}
 
                | <div class='att-item'>
 
                    <div class='item att-label'>Heavy Fighter Squad Limit</div><div class='item att-img'>[[Image:icon_drone_bandwidth.png|20px|heavy fighter squad limit]]</div><div class='item att-value'>{{{heavyfightersquadlimit}}}</div>
 
                  </div>
 
              }}<!--
 
             -->{{#if: {{{supportfightersquadlimit|}}}
 
                | <div class='att-item'>
 
                    <div class='item att-label'>Support Fighter Squad Limit</div><div class='item att-img'>[[Image:icon_drone_bandwidth.png|20px|support fighter squad limit]]</div><div class='item att-value'>{{{supportfightersquadlimit}}}</div>
 
                  </div>
 
              }}
 
            </td>
 
 
 
          | <td class='line-label'><span class='label'>Drones</span></td>
 
            <td class='att-line'>
 
              <div class='att-item'> {{#if: {{{dronebay|}}}
 
                |  <div class='item att-label'>Drone Capacity</div><div class='item att-img'>[[Image:icon_drone_capacity.png|20px|drone capacity]]</div><div class='item att-value'>{{{dronebay}}}</div>
 
              </div>
 
              <div class='att-item'>
 
                  <div class='item att-label'>Drone Bandwidth</div><div class='item att-img'>[[Image:icon_drone_bandwidth.png|20px|drone bandwidth]]</div><div class='item att-value'>{{#if: {{{bandwidth|}}} |{{{bandwidth}}} |{{Co|red|?}} }}</div>
 
              </div>
 
 
 
                | <div class='item att-label' style="font-style: italic;">No drone bay.</div>
 
                }}
 
              </div>
 
            </td>
 
        }}
 
      </tr>
 
 
 
      <tr><td class='separator'></td></tr>
 
 
 
<!--** Ship attributes - Targeting **-->
 
      <tr class='token'>
 
        <td class='line-label'><span class='label'>Targeting</span></td>
 
        <td class='att-line'>
 
 
 
<!--*** Max range ***-->
 
        <div class='att-item'>
 
          <div class='item att-label'>Max Tgt. Range</div><div class='item att-img'>[[Image:icon_target_range.png|20px|max. targeting range]]</div><div class='item att-value'>{{#if: {{{targetrange|}}} |{{{targetrange}}} |0 km }}</div>
 
        </div>
 
 
 
<!--*** Max targets ***-->
 
        <div class='att-item'>
 
          <div class='item att-label'>Max Locked Targets</div><div class='item att-img'>[[Image:icon_target_max.png|20px|max. locked targets]]</div><div class='item att-value'>{{#if: {{{maxlockedtargets|}}} |{{{maxlockedtargets}}} |0 }}</div>
 
        </div>
 
 
 
<!--*** Sensor ***-->
 
        <div class='att-item'>
 
          <div class='item att-label'>{{#if: {{{sensortype|}}} |{{{sensortype}}} | Multi }} Sensor</div><div class='item att-img'>{{#switch: {{lc: {{{sensortype}}} }}
 
              | gravimetric= [[Image:Icon_sensor_gravimetric.png|20px|Gravimetric sensor strength]]
 
              | ladar= [[Image:Icon_sensor_ladar.png|20px|LADAR sensor strength]]
 
              | magnetometric= [[Image:Icon_sensor_magnetometric.png|20px|Magnetometric sensor strength]]
 
              | radar= [[Image:Icon_sensor_radar.png|20px|RADAR sensor strength]]
 
              | #default= [[Image:Icon_sensor_gravimetric.png|20px|Multitype sensor strength]]}}</div><div class='item att-value'>{{#if: {{{sensorvalue|}}} |{{{sensorvalue}}} |0 points }}</div>
 
        </div>
 
 
 
<!--*** Signature radius ***-->
 
        <div class='att-item'>
 
          <div class='item att-label'>Sig. Radius</div><div class='item att-img'>[[Image:icon_ship_sig.png|20px|signature radius]]</div><div class='item att-value'>{{#if: {{{sigradius|}}} |{{{sigradius}}} |0 m }}</div>
 
        </div>
 
 
 
<!--*** Scan resolution ***-->
 
        <div class='att-item'>
 
          <div class='item att-label'>Scan Res.</div><div class='item att-img'>[[Image:icon_sensor_resolution.png|20px|scan resolution]]</div><div class='item att-value'>{{#if: {{{scanres|}}} |{{{scanres}}} |0 mm }}</div>
 
        </div>
 
        </td>
 
      </tr>
 
 
 
      <tr><td class='separator'></td></tr>
 
 
 
<!--** Ship attributes - Structure **-->
 
      <tr class='token'>
 
        <td class='line-label'><span class='label'>Structure</span></td>
 
        <td class='att-line'>
 
 
 
<!--*** hitpoints ***-->
 
        <div class='att-item'>
 
          <div class='item att-label'>Structure Hitpoints</div><div class='item att-img'>[[Image:icon_volume.png|20px|structure hitpoints]]</div><div class='item att-value'>{{#if: {{{structurehp|}}} |{{{structurehp}}} |0 HP }}</div>
 
        </div>
 
 
 
<!--*** Mass ***-->
 
        <div class='att-item'>
 
          <div class='item att-label'>Mass</div><div class='item att-img'>[[Image:icon_mass.png|20px|ship mass]]</div><div class='item att-value'>{{#if: {{{mass|}}} |{{{mass}}} |0 kg }}</div>
 
        </div>
 
 
 
<!--*** Volume ***-->
 
        <div class='att-item'>
 
          <div class='item att-label'>Volume</div><div class='item att-img'>[[Image:icon_volume.png|20px|ship volume]]</div><div class='item att-value'>{{#if: {{{volume|}}} |{{{volume}}} |0 m&#179; }}</div>
 
        </div>
 
 
 
<!--*** Cargo capacity ***-->
 
        <div class='att-item'>
 
          <div class='item att-label'>Cargo Capacity</div><div class='item att-img'>[[Image:Icon_capacity.png|20px|cargo capacity]]</div><div class='item att-value'>{{#if: {{{cargohold|}}} |{{{cargohold}}} |0 m&#179; }}</div>
 
        </div><!--
 
 
 
*** Escape bay ***
 
-->      {{#switch: {{lc: {{{class}}} }}
 
          | battleship
 
          | black ops
 
          | marauder=
 
            <div class='att-item'>
 
              <div class='item att-label'>Frigate Escape Bay</div><div class='item att-img'>[[Image:Isis_frigate.png|20px|Frigate Capacity]]</div><div class='item att-value'>1 Frigate</div>
 
            </div>
 
        }}<!--
 
 
 
*** Extrahold ***
 
-->      {{#if: {{{extrahold|}}}
 
          | <div class='att-item'>
 
              <div class='item att-label'>{{{extraholdtype}}} Capacity</div><div class='item att-img'>[[Image:Icon_capacity.png|20px|capacity]]</div><div class='item att-value'>{{{extrahold}}}</div>
 
            </div>
 
        }}<!--
 
 
 
*** Extrahold 2 ***
 
-->      {{#if: {{{extrahold2|}}}
 
          | <div class='att-item'>
 
              <div class='item att-label'>{{{extrahold2type}}} Capacity</div><div class='item att-img'>[[Image:Icon_capacity.png|20px|capacity]]</div><div class='item att-value'>{{{extrahold2}}}</div>
 
        </div>
 
        }}<!--
 
 
 
*** Extrahold 3 ***
 
-->      {{#if: {{{extrahold3|}}}
 
          | <div class='att-item'>
 
              <div class='item att-label'>{{{extrahold3type}}} Capacity</div><div class='item att-img'>[[Image:Icon_capacity.png|20px|capacity]]</div><div class='item att-value'>{{{extrahold3|}}}</div>
 
        </div>
 
        }}<!--
 
 
 
*** Extrahold 4 ***
 
-->      {{#if: {{{extrahold4|}}}
 
          | <div class='att-item'>
 
              <div class='item att-label'>{{{extrahold4type}}} Capacity</div><div class='item att-img'>[[Image:Icon_capacity.png|20px|capacity]]</div><div class='item att-value'>{{{extrahold4}}}</div>
 
        </div>
 
        }}
 
 
 
        </td>
 
      </tr>
 
 
 
      <tr><td class='separator'></td></tr>
 
 
 
<!--** Ship attributes - Armor **-->
 
      <tr class='token'>
 
        <td class='line-label'><span class='label'>Armor</span></td>
 
        <td class='att-line'>
 
 
 
<!--*** hitpoints ***-->
 
        <div class='att-item'>
 
          <div class='item att-label'>Armor Hitpoints</div><div class='item att-img'>[[Image:icon_armor.png|20px|armor hitpoints]]</div><div class='item att-value'>{{#if: {{{armorhp|}}} |{{{armorhp}}} |0 HP }}</div>
 
 
 
<!--*** resistances ***-->
 
          <div class='item att-label' style='margin-left: 5px;'>Armor Resistances</div>
 
 
 
          <div class='item'>
 
          <div class='item att-label' style='color: #9E8F75; margin-left: 5px; font-size: 80%;'>EM</div>
 
          <div class='item att-img'>[[Image:icon_resist_em.png|20px|electromagnetic resistance]]</div>
 
          <div style='display: inline-block;'>
 
            <div class='box-resist bgr-em'>
 
            <div class='resist-value val-em' style='width: {{#if: {{{armorem|}}}
 
                | {{#expr: {{{armorem}}}/2 round 0 }}
 
                | 0
 
                }}px;'>
 
              <div class='value-text'>{{#if: {{{armorem|}}} |{{{armorem}}} |0 }}</div>
 
            </div>
 
            </div>
 
          </div>
 
 
           </div>
 
           </div>
 
+
           <div style='position: absolute; margin-left: 200px; margin-top: -60px;'>[[Image:{{#switch: {{lc: {{{faction}}} }}
           <div class='item'>
+
                | angel cartel= Logo_faction_angel_cartel.png
          <div class='item att-label' style='color:#9E8F75;margin-left: 5px;font-size: 80%;'>THR</div>
+
                | amarr empire= Logo_faction_amarr_empire.png
          <div class='item att-img'>[[Image:icon_resist_therm.png|20px|thermal resistance]]</div>
+
                | blood raiders= Logo_faction_the_blood_raider_covenant.png
          <div style='display: inline-block;'>
+
                | caldari state= Logo_faction_caldari_state.png
            <div class='box-resist bgr-thr'>
+
                | concord= Logo_faction_concord_assembly.png
            <div class='resist-value val-thr' style='width: {{#if: {{{armortherm|}}}
+
                | edencom= Logo_faction_edencom.png
                | {{#expr: {{{armortherm}}}/2 round 0 }}
+
                | gallente federation= Logo_faction_gallente_federation.png
                | 0
+
                | guristas= Logo_faction_guristas_pirates.png
                 }}px;'>
+
                | intaki syndicate= Logo faction the syndicate.png
              <div class='value-text'>{{#if: {{{armortherm|}}} |{{{armortherm}}} |0 }}</div>
+
                | interbus= Logo faction the interbus.png
            </div>
+
                | jovian directorate= Logo faction jove empire.png
            </div>
+
                | khanid kingdom= Logo_faction_khanid_kingdom.png
          </div>
+
                | 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= Helpicon.png
 +
              }}|60x60px|{{#if: {{{faction|}}}
 +
                  | {{{faction}}}
 +
                  | Unknown Faction
 +
                }}|link=]]
 
           </div>
 
           </div>
  
           <div class='item'>
+
<!-- Wiki links -->
          <div class='item att-label' style='color:#9E8F75;margin-left: 5px;font-size: 80%;'>KIN</div>
+
           <div class='box-discussion'>
          <div class='item att-img'>[[Image:icon_resist_kin.png|20px|kinetic resistance]]</div>
+
            <div class='discussion-bgr'>RELATED UNI-WIKI REFERENCES</div>
          <div style='display: inline-block;'>
+
            <div class='linkname'>[[Ships|EVE Online Ships Overview]]<br>{{{wikireferences|}}}</div>
            <div class='box-resist bgr-kin'>
 
            <div class='resist-value val-kin' style='width: {{#if: {{{armorkin|}}}
 
                | {{#expr: {{{armorkin}}}/2 round 0 }}
 
                | 0
 
                }}px;'>
 
              <div class='value-text'>{{#if: {{{armorkin|}}} |{{{armorkin}}} |0 }}</div>
 
            </div>
 
            </div>
 
          </div>
 
 
           </div>
 
           </div>
  
          <div class='item'>
+
<!--* External links *-->
          <div class='item att-label' style='color:#9E8F75;margin-left: 5px;font-size: 80%;'>EXP</div>
+
          <div class='box-discussion'>
          <div class='item att-img'>[[Image:icon_resist_exp.png|20px|explosive resistance]]</div>
+
              <div class='discussion-bgr'>EXTERNAL LINKS</div>
          <div style='display: inline-block;'>
+
              <div class='linkname'>{{#if: {{{shipid|}}}
            <div class='box-resist bgr-exp'>
+
                | [https://zkillboard.com/ship/{{{shipid}}}/ {{{shipname|}}} on zKillboard]{{#switch: {{lc: {{{class}}} }}
            <div class='resist-value val-exp' style='width: {{#if: {{{armorexp|}}}
+
                  | shuttle=
                | {{#expr: {{{armorexp}}}/2 round 0 }}
+
                  | #default= <br>[https://www.eveworkbench.com/fitting/{{{shipid}}} {{{shipname|}}} on EVE Workbench]
                | 0
+
                }} <br>[https://evepraisal.com/item/{{{shipid}}}/ {{{shipname|}}} on Evepraisal]<br>[https://everef.net/type/{{{shipid}}} {{{shipname|}}} on EVE Ref]
                }}px;'>
+
              }}<br>{{{externallinks|}}}</div>
              <div class='value-text'>{{#if: {{{armorexp|}}} |{{{armorexp}}} |0 }}</div>
 
            </div>
 
            </div>
 
          </div>
 
 
           </div>
 
           </div>
  
        </div>
 
 
         </td>
 
         </td>
      </tr>
 
  
      <tr><td class='separator'></td></tr>
+
<!-- Content right: data -->
 +
        <td style='border-left: 1px solid #333333; padding: 5px 5px 5px 0; vertical-align: top;'>
 +
<!-- Title (Ship name) -->
 +
          <div class='titlename' style='margin-bottom: 1em;'>[[{{{shipname|}}}]]</div>
 +
<!-- Ship attributes -->
 +
          <table class='attributes' style='margin-bottom: 5px; width: 100%;'>
 +
            <tr>
 +
              <td>
 +
<!-- Fittings -->
 +
                <div style='border: 1px solid #323931; background-color: #191E18;'>
 +
                  <div class='att-line'>
 +
                    <div class='att-item' style='width: 81px; text-align: right;'>
 +
                      <div class='att-label'>fittings</div>
 +
                    </div>
 +
                    <div class='att-item' style='border-right: 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: 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' 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>                   
 +
                  </div>
 +
<!-- Drones & cargo -->
 +
                  <div class='att-line'>
 +
                    <div class='att-item' style='width: 81px; text-align: right;'>
 +
                      <div class='att-label'>{{#if: {{{fighterbay|}}} | fighters |drones }} & cargo</div>
 +
                    </div>
 +
                {{#if: {{{fighterbay|}}}
 +
                  | <div class='att-item'>
 +
                      <div class='att-value' style='width: 60px;'>{{{fighterbay}}}</div><div class='att-img'>[[Image:icon_drone_capacity.png|20px|fighter capacity]]</div><div class='att-label'>fighters</div>
 +
                    </div>
 +
                    <div class='att-item'>
 +
                      <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 class='att-item'>
 +
                          <div class='att-label' style="width: 160px; text-align: center; color: #9A7535;">No drone bay</div>
 +
                        </div>
 +
                    }}
 +
                }}
  
<!--** Ship attributes - Shield **-->
+
                    <div class='att-item' style='border-right: none;'>
      <tr class='token'>
+
                      <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>
        <td class='line-label'><span class='label'>Shields</span></td>
+
                    </div>
        <td class='att-line' style='border-bottom: medium none;'>
+
                  </div>
 +
<!-- Defense -->
 +
                  <div class='att-line res-boxes' style='position: relative;'>
 +
                    <div class='att-item' style='width: 81px; 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>
  
<!--*** hitpoints ***-->
+
                  <div class='att-line res-boxes'>
        <div class='att-item'>
+
                    <div class='att-item' style='width: 87px; margin-left: 95px;; text-align: right;'>
          <div class='item att-label'>Shield Capacity</div><div class='item att-img'>[[Image:icon_shield.png|20px|shield hitpoints]]</div><div class='item att-value'>{{#if: {{{shieldhp|}}} |{{{shieldhp}}} |0 HP }}</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 -->
 +
                  <div class='att-line'>
 +
                    <div class='att-item' style='width: 81px; 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>
  
<!--*** resistances ***-->
+
                </div>
          <div class='item att-label' style='margin-left: 5px;'>Shield Resistances</div>
+
              </td>
  
          <div class='item'>
+
             </tr>
          <div class='item att-label' style='color: #9E8F75; margin-left: 5px; font-size: 80%;'>EM</div>
 
          <div class='item att-img'>[[Image:icon_resist_em.png|20px|electromagnetic resistance]]</div>
 
          <div style='display: inline-block;'>
 
             <div class='box-resist bgr-em'>
 
            <div class='resist-value val-em' style='width: {{#if: {{{shieldem|}}}
 
                | {{#expr: {{{shieldem}}}/2 round 0 }}
 
                | 0
 
                }}px;'>
 
              <div class='value-text'>{{#if: {{{shieldem|}}} |{{{shieldem}}} |0 }}</div>
 
            </div>
 
          </div>
 
          </div>
 
        </div>
 
  
        <div class='item'>
+
           </table>
          <div class='item att-label' style='color: #9E8F75; margin-left: 5px; font-size: 80%;'>THR</div>
 
          <div class='item att-img'>[[Image:icon_resist_therm.png|20px|thermal resistance]]</div>
 
          <div style='display: inline-block;'>
 
          <div class='box-resist bgr-thr'>
 
            <div class='resist-value val-thr' style='width: {{#if: {{{shieldtherm|}}}
 
                | {{#expr: {{{shieldtherm}}}/2 round 0 }}
 
                | 0
 
                }}px;'>
 
            <div class='value-text'>{{#if: {{{shieldtherm|}}} |{{{shieldtherm}}} |0 }}</div>
 
            </div>
 
            </div>
 
          </div>
 
           </div>
 
  
          <div class='item'>
+
<!-- Ship bonuses -->
          <div class='item att-label' style='color:#9E8F75;margin-left: 5px;font-size: 80%;'>KIN</div>
+
          <div class='ship-border-box' style='display: {{#if: {{{bonuses|}}} |block |none }}; margin: 10px 5px 5px'>
          <div class='item att-img'>[[Image:icon_resist_kin.png|20px|kinetic resistance]]</div>
+
            <div class='label'>S H I P&nbsp;&nbsp;&nbsp;B O N U S E S</div>  
          <div style='display: inline-block;'>
+
             <p>{{{bonuses}}}</p>
            <div class='box-resist bgr-kin'>
 
            <div class='resist-value val-kin' style='width: {{#if: {{{shieldkin|}}}
 
                | {{#expr: {{{shieldkin}}}/2 round 0 }}
 
                | 0
 
                }}px;'>
 
              <div class='value-text'>{{#if: {{{shieldkin|}}} |{{{shieldkin}}} |0 }}</div>
 
            </div>
 
             </div>
 
          </div>
 
 
           </div>
 
           </div>
  
          <div class='item'><!-- open div 2  -->
+
<!-- Ship description -->
          <div class='item att-label' style='color:#9E8F75;margin-left: 5px;font-size: 80%;'>EXP</div>
+
          <p class='ship-desc'>{{#if: {{{info|}}} |{{{info}}} |&nbsp;}}</p>
          <div class='item att-img'>[[Image:icon_resist_exp.png|20px|explosive resistance]]</div>
+
<!--          <div class='ship-variants'>Variations : {{#if: {{{variations|}}} |{{{variations}}} |<i>none</i>}}</div>-->
          <div style='display: inline-block;'>
+
        </td>
            <div class='box-resist bgr-exp'>
 
            <div class='resist-value val-exp' style='width: {{#if: {{{shieldexp|}}}
 
                | {{#expr: {{{shieldexp}}}/2 round 0 }}
 
                | 0
 
                }}px;'>
 
              <div class='value-text'>{{#if: {{{shieldexp|}}} |{{{shieldexp}}} |0 }}</div>
 
            </div>
 
            </div>
 
          </div>
 
          </div>
 
  
        </div>
+
      </tr>
        </td>
 
      </tr>
 
  
      </table>
+
     </table>
    </div>
 
     </td>
 
  </tr>
 
  </table>
 
  
</div>
+
  </div>
 
</div></includeonly>
 
</div></includeonly>
<noinclude>
+
<noinclude>{{documentation}}</noinclude>
{{Documentation}}
 
</noinclude>
 

Revision as of 18:31, 3 April 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?)