Difference between revisions of "Template:ShipBoxLarge"

From EVE University Wiki
Jump to: navigation, search
m (Reformat source to increase readability. In preparation of template maintenance.)
Line 1: Line 1:
 
<includeonly>{{#css:
 
<includeonly>{{#css:
.ship-info
+
 
{
+
.ship-info
float:left;
+
{
background-color: #1D1C23;
+
  float: left;
border-bottom: 1px solid #525751;
+
  background-color: #1D1C23;
border-left: 1px solid black;
+
  border-bottom: 1px solid #525751;
border-right: 1px solid black;
+
  border-left: 1px solid black;
border-top: 1px solid #525751;
+
  border-right: 1px solid black;
float: left;
+
  border-top: 1px solid #525751;
margin-bottom: 10px;
+
  float: left;
width: 800px;
+
  margin-bottom: 10px;
}
+
  width: 800px;
+
}
.ship-info table { background-color: transparent; }
+
 
.ship-info table, .ship-info table tr, .ship-info table td { margin:0; padding:0; border-spacing:0; }
+
.ship-info table { background-color: transparent; }
+
 
.ship-info .title
+
.ship-info table,
{
+
.ship-info table tr,
border-bottom: 1px solid #525751;
+
.ship-info table td
color: #CCCCCC;
+
{
font-family: trebuchet MS;
+
  margin: 0;
font-size: 12px;
+
  padding: 0;
font-weight: bold;
+
  border-spacing: 0;
height: 22px;
+
}
line-height: 20px;
+
 
padding: 0 10px;
+
.ship-info .title
text-align: left;
+
{
text-transform: uppercase;
+
  border-bottom: 1px solid #525751;
}
+
  color: #CCCCCC;
+
  font-family: trebuchet MS;
#content .ship-info .titlename a
+
  font-size: 12px;
{
+
  font-weight: bold;
background: none repeat scroll 0 0 transparent;
+
  height: 22px;
color: orange;
+
  line-height: 20px;
float: left;
+
  padding: 0 10px;
font-size: 180%;
+
  text-align: left;
height: 30px;
+
  text-transform: uppercase;
line-height: 30px;
+
}
padding-left: 5px;
+
 
}
+
#content .ship-info .titlename a
+
{
#content .ship-info .titlename a:hover,
+
  background: none repeat scroll 0 0 transparent;
#content .ship-info .titlename a.hover
+
  color: orange;
{
+
  float: left;
color:orange;
+
  font-size: 180%;
text-decoration:none;
+
  height: 30px;
}
+
  line-height: 30px;
+
  padding-left: 5px;
.ship-info .ship-border-box
+
}
{
+
 
background-color: #110809;
+
#content .ship-info .titlename a:hover,
border: 1px solid #878984;
+
#content .ship-info .titlename a.hover
}
+
{
+
  color: orange;
.ship-info .ship-border-box p
+
  text-decoration: none;  
{
+
}
color: #FFFFFF;
+
 
font-size: 90%;
+
.ship-info .ship-border-box
margin: 0;
+
{
padding: 5px;
+
  background-color: #110809;
text-align: left;
+
  border: 1px solid #878984;
}
+
}
+
 
.ship-info .label
+
.ship-info .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
.ship-info .label .inner
+
{
{
+
  border-bottom: 1px solid #4C4646;
background-color:#0e1618;
+
  border-top: 1px solid #4C4646;
font-size: 10px;
+
  font-family: Trebuchet MS;
padding: 0 3px;
+
  height: 14px;
}
+
  line-height: 14px;
+
  padding: 2px;
.box-resist {  
+
}
height: 15px;
+
 
line-height: 15px;
+
.ship-info .label .inner
width: 50px;  
+
{
}  
+
  background-color:#0e1618;
.bgr-em { background-color:#121923; }  
+
  font-size: 10px;
.bgr-thr { background-color:#290b0b; }  
+
  padding: 0 3px;
.bgr-kin { background-color:#292021; }  
+
}
.bgr-exp { background-color:#2b190b; }  
+
 
.val-em { background-color:#1c5d85; }
+
.box-resist
.val-thr { background-color:#8d1717; }  
+
{  
.val-kin { background-color:#757575; }  
+
  height: 15px;
.val-exp { background-color:#875f1a; }
+
  line-height: 15px;
.box-resist .resist-value .value-text
+
  width: 50px;  
{
+
}
font-family: trebuchet MS;
+
 
font-size: 11px;
+
.bgr-em { background-color: #121923; }
font-weight: bold;
+
.bgr-thr { background-color: #290b0b; }
text-align: center;
+
.bgr-kin { background-color: #292021; }
width: 50px;
+
.bgr-exp { background-color: #2b190b; }
}
+
.val-em { background-color: #1c5d85; }
+
.val-thr { background-color: #8d1717; }
.ship-info .attributes
+
.val-kin { background-color: #757575; }
{
+
.val-exp { background-color: #875f1a; }
border: medium none;
+
 
padding: 3px;
+
.box-resist .resist-value .value-text
}
+
{
+
  font-family: trebuchet MS;
.attributes .att-line
+
  font-size: 11px;
{
+
  font-weight: bold;
background-color: #110809;
+
  text-align: center;
font-family: trebuchet MS;
+
  width: 50px;
font-size: 11px;
+
}
height: 20px;
+
 
line-height: 20px;
+
.ship-info .attributes
margin-bottom: 2px;
+
{
}
+
  border: medium none;
+
  padding: 3px;
.attributes .att-line .att-item
+
}
{
+
 
border-right: 2px solid #191E18;
+
.attributes .att-line
display: inline-block;
+
{
padding: 0 5px;
+
  background-color: #110809;
}
+
  font-family: trebuchet MS;
+
  font-size: 11px;
.attributes .att-line .att-item .att-img
+
  height: 20px;
{
+
  line-height: 20px;
display: inline-block;
+
  margin-bottom: 2px;
margin-right: 2px;
+
}
}
+
 
.attributes .res-boxes .att-item .att-img
+
.attributes .att-line .att-item
{
+
{
margin-right:0;
+
  border-right: 2px solid #191E18;
}
+
  display: inline-block;
.attributes .att-line .att-item .att-label
+
  padding: 0 5px;
{
+
}
color: #9E9E9E;
+
 
display: inline-block;
+
.attributes .att-line .att-item .att-img
}
+
{
.attributes .att-line .att-item .att-value
+
  display: inline-block;
{
+
  margin-right: 2px;
color: #FFFFFF;
+
}
display: inline-block;
+
 
margin-right: 2px;
+
.attributes .res-boxes .att-item .att-img
text-align: right;
+
{
width: 10px;
+
  margin-right: 0;
}
+
}
.attributes th
+
 
{
+
.attributes .att-line .att-item .att-label
float: right;
+
{
font-size: 10px;
+
  color: #9E9E9E;
height: 15px;
+
  display: inline-block;
line-height: 15px;
+
}
}
+
 
.attributes .collapseButton
+
.attributes .att-line .att-item .att-value
{
+
{
color: transparent;
+
  color: #FFFFFF;
float: left;
+
  display: inline-block;
margin-left: -6px;
+
  margin-right: 2px;
}
+
  text-align: right;
.attributes .collapseButton a
+
  width: 10px;
{
+
}
border-color: #444A42 #000000;
+
 
border-style: solid;
+
.attributes th
border-width: 1px;
+
{
color: transparent;
+
  float: right;
margin-top: -1px;
+
  font-size: 10px;
position: absolute;
+
  height: 15px;
width: 100px;
+
  line-height: 15px;
}
+
}
.attributes .collapseButton a:hover, .attributes .collapseButton a.hover
+
 
{
+
.attributes .collapseButton
border-top: 1px solid #FFFFFF;
+
{
border-bottom: 1px solid #FFFFFF;
+
  color: transparent;
border-right: 1px solid #444A42;
+
  float: left;
border-left: 1px solid #444A42;
+
  margin-left: -6px;
}
+
}
.ship-info p.ship-desc
+
 
{
+
.attributes .collapseButton a
font-family: arial;
+
{
font-size: 11px;
+
  border-color: #444A42 #000000;
line-height: 120%;
+
  border-style: solid;
padding: 5px 5px 0;
+
  border-width: 1px;
text-align: justify;
+
  color: transparent;
}
+
  margin-top: -1px;
.ship-info .box-footer
+
  position: absolute;
{
+
  width: 100px;
border-top: 1px solid #333333;
+
}
font-family: trebuchet MS;
+
 
font-size: 95%;
+
.attributes .collapseButton a:hover,
margin: 15px 5px 0;
+
.attributes .collapseButton a.hover
text-align: right;
+
{
}
+
  border-top: 1px solid #FFFFFF;
#content .ship-info .box-footer a
+
  border-bottom: 1px solid #FFFFFF;
{
+
  border-right: 1px solid #444A42;
background-image: none;
+
  border-left: 1px solid #444A42;
color: #CCCCCC;
+
}
padding: 5px;
+
 
}
+
.ship-info p.ship-desc
#content .ship-info .box-footer a:hover,
+
{
#content .ship-info .box-footer a.hover
+
  font-family: arial;
{
+
  font-size: 11px;
color: orange;
+
  line-height: 120%;
text-decoration: none;
+
  padding: 5px 5px 0;
}
+
  text-align: justify;
.ship-info .ship-variants
+
}
{
+
 
border-top: 1px solid #323931;
+
.ship-info .box-footer
font-family: trebuchet MS;
+
{
font-size: 11px;
+
  border-top: 1px solid #333333;
height: 20px;
+
  font-family: trebuchet MS;
line-height: 20px;
+
  font-size: 95%;
margin: 0 5px 5px;
+
  margin: 15px 5px 0;
}
+
  text-align: right;
.ship-info .forum-link
+
}
{
+
 
background-color: #110809;
+
#content .ship-info .box-footer a
border: 1px solid #323931;
+
{
display: block;
+
  background-image: none;
float: left;
+
  color: #CCCCCC;
margin-top: 5px;
+
  padding: 5px;
padding: 5px;
+
}
width: 248px;
+
 
}
+
#content .ship-info .box-footer a:hover,
.ship-info .forum-link .linkentry
+
#content .ship-info .box-footer a.hover
{
+
{
display: inline-block;
+
  color: orange;
line-height: 15px;
+
  text-decoration: none;
}
+
}
.ship-info .forum-link .linkentry .linkimg
+
 
{
+
.ship-info .ship-variants
display: inline-block;
+
{
height: 15px;
+
  border-top: 1px solid #323931;
width: 20px;
+
  font-family: trebuchet MS;
}
+
  font-size: 11px;
.ship-info .forum-link .linkentry .linkname
+
  height: 20px;
{
+
  line-height: 20px;
display: inline;
+
  margin: 0 5px 5px;
}
+
}
.ship-info .forum-link .linkentry a
+
 
{
+
.ship-info .forum-link
display: inline;
+
{
font-size: 11px;
+
  background-color: #110809;
}
+
  border: 1px solid #323931;
+
  display: block;
#content .ship-info .forum-link .linkentry a.external
+
  float: left;
{
+
  margin-top: 5px;
background: none repeat scroll 0 0 transparent;
+
  padding: 5px;
color: #9E9E9E;
+
  width: 248px;
padding: 0;
+
}
}
+
 
#content .ship-info .forum-link .linkentry a.external.hover, #content .ship-info .forum-link .linkentry a.external:hover
+
.ship-info .forum-link .linkentry
{
+
{
background-color:#393939;
+
  display: inline-block;
text-decoration: none;
+
  line-height: 15px;
color:orange;
+
}
}
+
 
.techcorner
+
.ship-info .forum-link .linkentry .linkimg
{
+
{
width: 64px;
+
  display: inline-block;
height: 64px;
+
  height: 15px;
position: absolute;
+
  width: 20px;
top: 0px;
+
}
left: 0px;
+
 
margin-left: 1px;
+
.ship-info .forum-link .linkentry .linkname
margin-top: 1px;
+
{
}
+
  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;
 +
}
 +
 
 
}}
 
}}
<div style='float:left;clear:both;width:100%'>
+
<div style='float: left; clear: both; width: 100%'>
<div class='ship-info'>
+
  <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>
+
    <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%;'>
+
    <table style='width:100%;'>
<tr>
+
      <tr>
<td style='padding: 5px; width: 256px;' valign='top'>
+
        <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='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='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 style='display:{{#ifexist:File:{{{shipimg}}}|none|block}};text-align:center;' class='forum-link'>
<div class='linkentry'>
+
            <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 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>
<div class='forum-link'>
+
          <div class='forum-link'>
<div class='linkentry'>
+
            <div class='linkentry'>
<div class='linkimg'>[[Image:Icon_capacity.png|center|20x20px|forum discussion]]</div>
+
              <div class='linkimg'>[[Image:Icon_capacity.png|center|20x20px|forum discussion]]</div>
<div style='display: inline-block; font-size: 10px;'>Forum Discussions :</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 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>
</td>
+
        </td>
<td style='padding: 5px 5px 5px 0pt; border-left: 1px solid #333333' valign='top'>
+
        <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>
+
          <div class='titlename' style='position: absolute; display:{{#if:{{{shipname|}}}|block|block}};'>[[{{{shipname|}}}]]</div>      
<table class='collapsible attributes' style='width: 100%; margin-bottom: 5px;'>
+
          <table class='collapsible attributes' style='width: 100%; margin-bottom: 5px;'>
<tr>
+
            <tr>
<th><div style='float: left; width: 100px; font-family: trebuchet MS;margin-left: -3px;'>SHOW ATTRIBUTES</div></th>
+
              <th><div style='float: left; width: 100px; font-family: trebuchet MS; margin-left: -3px;'>SHOW ATTRIBUTES</div></th>
</tr>
+
            </tr>
<tr><td style='padding:0;margin:0;'><div style='height:15px;line-height:15px;'>&nbsp;</div></td></tr>
+
            <tr><td style='padding: 0; margin: 0;'><div style='height: 15px; line-height: 15px;'>&nbsp;</div></td></tr>
<tr>
+
            <tr>
<td>
+
              <td>
<div style='background-color:#191E18;border: 1px solid #323931;'>
+
                <div style='background-color: #191E18; border: 1px solid #323931;'>
<div class='att-line'>
+
                  <div class='att-line'>
<div class='att-item' style='width: 80px; text-align: right;'>
+
                    <div class='att-item' style='width: 80px; text-align: right;'>
<div class='att-label'>fittings</div>
+
                      <div class='att-label'>fittings</div>
</div>
+
                    </div>
<div class='att-item' style='border-right:medium none;'>
+
                    <div class='att-item' style='border-right: medium none;'>
<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-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>
+
                    </div>
<div class='att-item' style='border-right:medium none;'>
+
                    <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 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>
<div class='att-item'>
+
                    <div class='att-item'>
<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'>{{{turrets|0}}}</div><div class='att-img'>[[Image:icon_turret_hp.png|20px|middle|turret slots]]</div><div class='att-label'>turrets</div>
</div>
+
                    </div>
<div class='att-item'>
+
                    <div class='att-item'>
<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 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-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 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>
<div class='att-line'>
+
                  <div class='att-line'>
<div class='att-item' style='width: 80px; text-align: right;'>
+
                    <div class='att-item' style='width: 80px; text-align: right;'>
<div class='att-label'>drones & cargo</div>
+
                      <div class='att-label'>drones & cargo</div>
</div>
+
                    </div>
<div class='att-item'>
+
                    <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>
+
                      <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>
</div>
+
                    </div>
<div class='att-item'>
+
                    <div class='att-item'>
<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-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>
+
                    </div>
<div class='att-item' style='border-right:medium none;'>
+
                    <div class='att-item' style='border-right: medium none;'>
<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: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>
+
                    </div>
</div>
+
                  </div>
<div class='att-line res-boxes' style='position:relative;'>
+
                  <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-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 class='att-label' style='line-height: 40px;'>defense</div>
</div>
+
                    </div>
<div class='att-item' style='width: 87px; margin-left: 95px;text-align: right;'>
+
                    <div class='att-item' style='width: 87px; margin-left: 95px; text-align: right;'>
<div class='att-value' style='width:auto'>{{#if:{{{shieldhp}}}|{{{shieldhp|0}}}|0}}</div><div class='att-img'>[[Image:icon_shield.png|20px|middle|shields]]</div>
+
                      <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>
+
                    </div>
<div class='att-item' style='border-right: medium none;'>
+
                    <div class='att-item' style='border-right: medium none;'>
<div class='att-img'>[[Image:icon_resist_em.png|20px|shield electromagnetic resistance]]</div>
+
                      <div class='att-img'>[[Image:icon_resist_em.png|20px|shield electromagnetic resistance]]</div>
<div style='display: inline-block;'>
+
                      <div style='display: inline-block;'>
<div class='box-resist bgr-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='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>
+
                      </div>
<div class='att-img'>[[Image:icon_resist_therm.png|20px|shield thermal resistance]]</div>
+
                      <div class='att-img'>[[Image:icon_resist_therm.png|20px|shield thermal resistance]]</div>
<div style='display: inline-block;'>
+
                      <div style='display: inline-block;'>
<div class='box-resist bgr-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='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>
+
                      </div>
<div class='att-img'>[[Image:icon_resist_kin.png|20px|shield kinetic resistance]]</div>
+
                      <div class='att-img'>[[Image:icon_resist_kin.png|20px|shield kinetic resistance]]</div>
<div style='display: inline-block;'>
+
                      <div style='display: inline-block;'>
<div class='box-resist bgr-kin'> <div class='resist-value val-kin' style='width:{{#expr:{{#expr:{{#if:{{{shieldkin}}}|{{{shieldkin|0}}}|0}}/2}}round0}}px;'> <div class='value-text'>{{#if:{{{shieldkin}}}|{{{shieldkin|0}}}|0}}</div></div></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>
<div class='att-img'>[[Image:icon_resist_exp.png|20px|shield explosive 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-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='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>
+
                      </div>
</div>
+
                    </div>
</div>
+
                  </div>
<div class='att-line res-boxes'>
+
                  <div class='att-line res-boxes'>
<div class='att-item' style='width: 80px;'>
+
                    <div class='att-item' style='width: 80px;'>
<div class='att-label'>&nbsp;</div>
+
                      <div class='att-label'>&nbsp;</div>
</div>
+
                    </div>
<div class='att-item' style='width:87px;text-align: right;'>
+
                    <div class='att-item' style='width: 87px; text-align: right;'>
<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='att-value' style='width:auto'>{{#if:{{{armorhp}}}|{{{armorhp|0}}}|0}}</div><div class='att-img'>[[Image:icon_armor.png|20px|middle|armor]]</div>
</div>
+
                    </div>
<div class='att-item' style='border-right: medium none;'>
+
                    <div class='att-item' style='border-right: medium none;'>
<div class='att-img'>[[Image:icon_resist_em.png|20px|armor electromagnetic resistance|]]</div>
+
                      <div class='att-img'>[[Image:icon_resist_em.png|20px|armor electromagnetic resistance|]]</div>
<div style='display: inline-block;'>
+
                      <div style='display: inline-block;'>
<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 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 class='att-img'>[[Image:icon_resist_therm.png|20px|armor thermal resistance|]]</div>
<div style='display: inline-block;'>
+
                      <div style='display: inline-block;'>
<div class='box-resist bgr-thr'> <div class='resist-value val-thr' style='width:{{#expr:{{#expr:{{#if:{{{armortherm}}}|{{{armortherm|0}}}|0}}/2}}round0}}px;'> <div class='value-text'>{{#if:{{{armortherm}}}|{{{armortherm|0}}}|0}}</div></div></div>
+
                        <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>
</div>
+
                      </div>
<div class='att-img'>[[Image:icon_resist_kin.png|20px|armor kinetic resistance|]]</div>
+
                      <div class='att-img'>[[Image:icon_resist_kin.png|20px|armor kinetic resistance|]]</div>
<div style='display: inline-block;'>
+
                      <div style='display: inline-block;'>
<div class='box-resist bgr-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>
+
                        <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>
</div>
+
                      </div>
<div class='att-img'>[[Image:icon_resist_exp.png|20px|armor explosive resistance|]]</div>
+
                      <div class='att-img'>[[Image:icon_resist_exp.png|20px|armor explosive resistance|]]</div>
<div style='display: inline-block;'>
+
                      <div style='display: inline-block;'>
<div class='box-resist bgr-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='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>
+
                      </div>
</div>
+
                    </div>
</div>
+
                  </div>
<div class='att-line'>
+
                  <div class='att-line'>
<div class='att-item' style='width: 80px;text-align: right;'>
+
                    <div class='att-item' style='width: 80px; text-align: right;'>
<div class='att-label'>target & nav</div>
+
                      <div class='att-label'>target & nav</div>
</div>
+
                    </div>
<div class='att-item'>
+
                    <div class='att-item'>
<div class='att-value' style='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-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>
+
                    </div>
<div class='att-item'>
+
                    <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 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>
<div class='att-item' style='border-right:medium none;'>
+
                    <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 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>
+
                  </div>
</div>
+
                </div>
</td>
+
              </td>
</tr>
+
            </tr>
</table>
+
          </table>
<div class='ship-border-box' style='display:{{#if:{{{bonuses}}}|block|none}};margin:10px 5px 5px'>
+
          <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>  
+
            <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>
+
            <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>
+
          <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>-->
+
          <!--<div class='ship-variants'>Variations : {{#if:{{{variations}}}|{{{variations|<i>none</i>}}}|<i>none</i>}}</div>-->
<div class='box-footer'>[[{{{shipname|}}}]] =></div>
+
          <div class='box-footer'>[[{{{shipname|}}}]] =></div>
</td>
+
        </td>
</tr>
+
      </tr>
</table>
+
    </table>
</div>
+
  </div>
</div></includeonly><noinclude>
+
</div></includeonly>
{{documentation}}
+
<noinclude>{{documentation}}</noinclude>
</noinclude>
 

Revision as of 12:42, 18 January 2023

Template documentation (for the above template, sometimes hidden or invisible)
Description
Creates a info box with a subset of the ships stats.
This template is a part of the Ship Database template set and designed to be used in conjunction with the templates on that category and is not meant to be used or called directly!.
If you're looking on how to use the Ship template please see this page instead.

DO NOT EDIT THE CONTENTS OF THIS TEMPLATE IF YOU ARE NOT SURE ON WHAT YOU ARE DOING.
Dependencies
Uses
no-image.png Default ship image when shipimg is not given.
Helpicon.png Default faction logo when faction is empty or unknown.
{{Imageserver}} When no local image of ship is available and shipid is known.
Part of the parameter set of {{ShipArticle}}
Build-in UniWiki links to
Ships
Build-in external links to
zKillboard
EVE Workbench
Janice
EVE Ref
Syntax
ShipBoxLarge is not to be used on its own. It is to be called by using the wrapper template {{Ship}}
Template set
{{ShipArticle}}
{{Ship}}
{{ShipBoxLarge}}
{{ShipBoxTooltip}}
Visit Template:ShipBoxLarge/doc to edit this text! (How does this work?) (Refresh this text - why?)