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

From EVE University Wiki
Jump to: navigation, search
m (Pause working on {{ShipArtice}} to work on closely related {{ShipBoxLarge}}.)
m (Coding and testing.)
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, .ship-info table td { margin:0; padding:0; border-spacing:0; }
{
+
 
border-bottom: 1px solid #525751;
+
.ship-info .title
color: #CCCCCC;
+
  {
font-family: trebuchet MS;
+
    border-bottom: 1px solid #525751;
font-size: 12px;
+
    color: #CCCCCC;
font-weight: bold;
+
    font-family: trebuchet MS;
height: 22px;
+
    font-size: 12px;
line-height: 20px;
+
    font-weight: bold;
padding: 0 10px;
+
    height: 22px;
text-align: left;
+
    line-height: 20px;
text-transform: uppercase;
+
    padding: 0 10px;
}
+
    text-align: left;
+
    text-transform: uppercase;
#content .ship-info .titlename a
+
  }
{
+
 
background: none repeat scroll 0 0 transparent;
+
#content .ship-info .titlename a
color: orange;
+
  {
float: left;
+
    background: none repeat scroll 0 0 transparent;
font-size: 180%;
+
    color: orange;
height: 30px;
+
    float: left;
line-height: 30px;
+
    font-size: 180%;
padding-left: 5px;
+
    height: 30px;
}
+
    line-height: 30px;
+
    padding-left: 5px;
#content .ship-info .titlename a:hover,
+
  }
#content .ship-info .titlename a.hover
+
 
{
+
#content .ship-info .titlename a:hover,
color:orange;
+
#content .ship-info .titlename a.hover
text-decoration:none;
+
  {
}
+
    color:orange;
+
    text-decoration:none;  
.ship-info .ship-border-box
+
  }
{
+
 
background-color: #110809;
+
.ship-info .ship-border-box
border: 1px solid #878984;
+
  {
}
+
    background-color: #110809;
+
    border: 1px solid #878984;
.ship-info .ship-border-box p
+
  }
{
+
 
color: #FFFFFF;
+
.ship-info .ship-border-box p
font-size: 90%;
+
  {
margin: 0;
+
    color: #FFFFFF;
padding: 5px;
+
    font-size: 90%;
text-align: left;
+
    margin: 0;
}
+
    padding: 5px;
+
    text-align: left;
.ship-info .label
+
  }
{
+
 
border-bottom: 1px solid #4C4646;
+
.ship-info .label
border-top: 1px solid #4C4646;
+
  {
font-family: Trebuchet MS;
+
    border-bottom: 1px solid #4C4646;
height: 14px;
+
    border-top: 1px solid #4C4646;
line-height: 14px;
+
    font-family: Trebuchet MS;
padding: 2px;
+
    height: 14px;
}
+
    line-height: 14px;
+
    padding: 2px;
.ship-info .label .inner
+
  }
{
+
 
background-color:#0e1618;
+
.ship-info .label .inner
font-size: 10px;
+
  {
padding: 0 3px;
+
    background-color:#0e1618;
}
+
    font-size: 10px;
+
    padding: 0 3px;
.box-resist {  
+
  }
height: 15px;
+
 
line-height: 15px;
+
.box-resist {  
width: 50px;  
+
    height: 15px;
}  
+
    line-height: 15px;
.bgr-em { background-color:#121923; }  
+
    width: 50px;  
.bgr-thr { background-color:#290b0b; }  
+
  }
.bgr-kin { background-color:#292021; }  
+
 
.bgr-exp { background-color:#2b190b; }  
+
.bgr-em { background-color:#121923; }
.val-em { background-color:#1c5d85; }
+
.bgr-thr { background-color:#290b0b; }
.val-thr { background-color:#8d1717; }  
+
.bgr-kin { background-color:#292021; }
.val-kin { background-color:#757575; }  
+
.bgr-exp { background-color:#2b190b; }
.val-exp { background-color:#875f1a; }
+
.val-em { background-color:#1c5d85; }
.box-resist .resist-value .value-text
+
.val-thr { background-color:#8d1717; }
{
+
.val-kin { background-color:#757575; }
font-family: trebuchet MS;
+
.val-exp { background-color:#875f1a; }
font-size: 11px;
+
 
font-weight: bold;
+
.box-resist .resist-value .value-text
text-align: center;
+
  {
width: 50px;
+
    font-family: trebuchet MS;
}
+
    font-size: 11px;
+
    font-weight: bold;
.ship-info .attributes
+
    text-align: center;
{
+
    width: 50px;
border: medium none;
+
  }
padding: 3px;
+
 
}
+
.ship-info .attributes
+
  {
.attributes .att-line
+
    border: medium none;
{
+
    padding: 3px;
background-color: #110809;
+
  }
font-family: trebuchet MS;
+
 
font-size: 11px;
+
.attributes .att-line
height: 20px;
+
  {
line-height: 20px;
+
    background-color: #110809;
margin-bottom: 2px;
+
    font-family: trebuchet MS;
}
+
    font-size: 11px;
+
    height: 20px;
.attributes .att-line .att-item
+
    line-height: 20px;
{
+
    margin-bottom: 2px;
border-right: 2px solid #191E18;
+
  }
display: inline-block;
+
 
padding: 0 5px;
+
.attributes .att-line .att-item
}
+
  {
+
    border-right: 2px solid #191E18;
.attributes .att-line .att-item .att-img
+
    display: inline-block;
{
+
    padding: 0 5px;
display: inline-block;
+
  }
margin-right: 2px;
+
 
}
+
.attributes .att-line .att-item .att-img
.attributes .res-boxes .att-item .att-img
+
  {
{
+
    display: inline-block;
margin-right:0;
+
    margin-right: 2px;
}
+
  }
.attributes .att-line .att-item .att-label
+
 
{
+
.attributes .res-boxes .att-item .att-img
color: #9E9E9E;
+
  {
display: inline-block;
+
    margin-right:0;
}
+
  }
.attributes .att-line .att-item .att-value
+
 
{
+
.attributes .att-line .att-item .att-label
color: #FFFFFF;
+
  {
display: inline-block;
+
    color: #9E9E9E;
margin-right: 2px;
+
    display: inline-block;
text-align: right;
+
  }
width: 10px;
+
 
}
+
.attributes .att-line .att-item .att-value
.attributes th
+
  {
{
+
    color: #FFFFFF;
float: right;
+
    display: inline-block;
font-size: 10px;
+
    margin-right: 2px;
height: 15px;
+
    text-align: right;
line-height: 15px;
+
    width: 10px;
}
+
  }
.attributes .collapseButton
+
 
{
+
.attributes th
color: transparent;
+
  {
float: left;
+
    float: right;
margin-left: -6px;
+
    font-size: 10px;
}
+
    height: 15px;
.attributes .collapseButton a
+
    line-height: 15px;
{
+
  }
border-color: #444A42 #000000;
+
 
border-style: solid;
+
.attributes .collapseButton
border-width: 1px;
+
  {
color: transparent;
+
    color: transparent;
margin-top: -1px;
+
    float: left;
position: absolute;
+
    margin-left: -6px;
width: 100px;
+
  }
}
+
 
.attributes .collapseButton a:hover, .attributes .collapseButton a.hover
+
.attributes .collapseButton a
{
+
  {
border-top: 1px solid #FFFFFF;
+
    border-color: #444A42 #000000;
border-bottom: 1px solid #FFFFFF;
+
    border-style: solid;
border-right: 1px solid #444A42;
+
    border-width: 1px;
border-left: 1px solid #444A42;
+
    color: transparent;
}
+
    margin-top: -1px;
.ship-info p.ship-desc
+
    position: absolute;
{
+
    width: 100px;
font-family: arial;
+
  }
font-size: 11px;
+
 
line-height: 120%;
+
.attributes .collapseButton a:hover, .attributes .collapseButton a.hover
padding: 5px 5px 0;
+
  {
text-align: justify;
+
    border-top: 1px solid #FFFFFF;
}
+
    border-bottom: 1px solid #FFFFFF;
.ship-info .box-footer
+
    border-right: 1px solid #444A42;
{
+
    border-left: 1px solid #444A42;
border-top: 1px solid #333333;
+
  }
font-family: trebuchet MS;
+
 
font-size: 95%;
+
.ship-info p.ship-desc
margin: 15px 5px 0;
+
  {
text-align: right;
+
    font-family: arial;
}
+
    font-size: 11px;
#content .ship-info .box-footer a
+
    line-height: 120%;
{
+
    padding: 5px 5px 0;
background-image: none;
+
    text-align: justify;
color: #CCCCCC;
+
  }
padding: 5px;
+
 
}
+
.ship-info .box-footer
#content .ship-info .box-footer a:hover,
+
  {
#content .ship-info .box-footer a.hover
+
    border-top: 1px solid #333333;
{
+
    font-family: trebuchet MS;
color: orange;
+
    font-size: 95%;
text-decoration: none;
+
    margin: 15px 5px 0;
}
+
    text-align: right;
.ship-info .ship-variants
+
  }
{
+
 
border-top: 1px solid #323931;
+
#content .ship-info .box-footer a
font-family: trebuchet MS;
+
  {
font-size: 11px;
+
    background-image: none;
height: 20px;
+
    color: #CCCCCC;
line-height: 20px;
+
    padding: 5px;
margin: 0 5px 5px;
+
  }
}
+
 
.ship-info .forum-link
+
#content .ship-info .box-footer a:hover,
{
+
#content .ship-info .box-footer a.hover
background-color: #110809;
+
  {
border: 1px solid #323931;
+
    color: orange;
display: block;
+
    text-decoration: none;
float: left;
+
  }
margin-top: 5px;
+
 
padding: 5px;
+
.ship-info .ship-variants
width: 248px;
+
  {
}
+
    border-top: 1px solid #323931;
.ship-info .forum-link .linkentry
+
    font-family: trebuchet MS;
{
+
    font-size: 11px;
display: inline-block;
+
    height: 20px;
line-height: 15px;
+
    line-height: 20px;
}
+
    margin: 0 5px 5px;
.ship-info .forum-link .linkentry .linkimg
+
  }
{
+
 
display: inline-block;
+
.ship-info .forum-link
height: 15px;
+
  {
width: 20px;
+
    background-color: #110809;
}
+
    border: 1px solid #323931;
.ship-info .forum-link .linkentry .linkname
+
    display: block;
{
+
    float: left;
display: inline;
+
    margin-top: 5px;
}
+
    padding: 5px;
.ship-info .forum-link .linkentry a
+
    width: 248px;
{
+
  }
display: inline;
+
 
font-size: 11px;
+
.ship-info .forum-link .linkentry
}
+
  {
+
    display: inline-block;
#content .ship-info .forum-link .linkentry a.external
+
    line-height: 15px;
{
+
  }
background: none repeat scroll 0 0 transparent;
+
 
color: #9E9E9E;
+
.ship-info .forum-link .linkentry .linkimg
padding: 0;
+
  {
}
+
    display: inline-block;
#content .ship-info .forum-link .linkentry a.external.hover, #content .ship-info .forum-link .linkentry a.external:hover
+
    height: 15px;
{
+
    width: 20px;
background-color:#393939;
+
  }
text-decoration: none;
+
 
color:orange;
+
.ship-info .forum-link .linkentry .linkname
}
+
  {
.techcorner
+
    display: inline;
{
+
  }
width: 64px;
+
 
height: 64px;
+
.ship-info .forum-link .linkentry a
position: absolute;
+
  {
top: 0px;
+
    display: inline;
left: 0px;
+
    font-size: 11px;
margin-left: 1px;
+
  }
margin-top: 1px;
+
 
}
+
#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 0pt; 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 11:39, 18 January 2023

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