Toggle menu
Toggle preferences menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

Template:ShipsMatrix: Difference between revisions

Template page
m Add new faction frigates and battlecruisers.
Reformat source to increase readability. Add Navy Destroyers group and ships. Add expand code to Dreadnoughts. Add Navy Dreadnoughts group and ships.
Line 1: Line 1:
{{#css:
{{#css:
.ships-matrix
 
{
.ships-matrix
font-family: arial;
  {
font-size: 12px;
  font-family: arial;
line-height: 130%;
  font-size: 12px;
}
  line-height: 130%;
.ships-matrix table { width:100%; }
  }
.ships-matrix table, .ships-matrix tr, .ships-matrix th, .ships-matrix td { margin:0;padding:0;text-align: left;font-weight: normal; }
 
.ships-matrix th, .ships-matrix td{ line-height: 110%;padding: 3px 5px; }
.ships-matrix table
.ships-matrix tr
  {
{
    width:100%;
  }
}
 
.ships-matrix a{ font-size:11px; }
.ships-matrix table,
.ships-matrix a:hover, .ships-matrix a.hover
.ships-matrix tr,
{
.ships-matrix th,
text-decoration:none;
.ships-matrix td
color:white;
  {  
}
  margin: 0;
.ships-matrix tr.firstprimary, .ships-matrix tr.secondprimary
  padding: 0;
{
  text-align: left;
background-color: black;
  font-weight: normal;
}
  }
.ships-matrix .firstprimary th, .ships-matrix .secondprimary th
 
{
.ships-matrix th,
border-bottom: 1px solid #2D2413;
.ships-matrix td
border-top: 1px solid #2D2413;
  {
height: 20px;
  line-height: 110%;
line-height: 20px;
  padding: 3px 5px;
}
  }
.ships-matrix .showexplain
 
{ text-align: right;
.ships-matrix tr
font-size: 80%;
{
color: #CCCCCC;
 
}
}
.ships-matrix .noshowexplain
 
{ text-align: center;
.ships-matrix a
font-size: 14px;
  {
color: #B89964;
    font-size: 11px;
font-family: trebuchet MS;
  }
font-variant: small-caps;
 
}
.ships-matrix a:hover,
.ships-matrix tr.primary
.ships-matrix a.hover
{
  {
background-color: #222222;
  text-decoration:none;
}
  color:white;
.ships-matrix .primary .collapseButton, .ships-matrix .special .collapseButton, .ships-matrix .secondprimary .collapseButton
  }
{
 
color: transparent;
.ships-matrix tr.firstprimary,
display: block;
.ships-matrix tr.secondprimary
float: right;
  {
padding: 0;
  background-color: black;
}
  }
.ships-matrix .primary .collapseButton a, .ships-matrix .special .collapseButton a, .ships-matrix .secondprimary .collapseButton a
 
{
.ships-matrix .firstprimary th,
background-color: transparent;
.ships-matrix .secondprimary th
color: #CCCCCC;
  {
font-size: 80%;
  border-bottom: 1px solid #2D2413;
left: 0;
  border-top: 1px solid #2D2413;
width: 100%;
  height: 20px;
z-index: 20;
  line-height: 20px;
}
  }
.ships-matrix .primary .collapseButton a:hover,
 
.ships-matrix .primary .collapseButton a.hover
.ships-matrix .showexplain
{
  {  
background-color:#614F31;
  text-align: right;
}
  font-size: 80%;
.ships-matrix tr.highlight
  color: #CCCCCC;
{
  }
background-color:#2D0404;
 
}
.ships-matrix .noshowexplain
.ships-matrix tr.special
  {
{
  text-align: center;
background-color: #30281A;
  font-size: 14px;
}
  color: #B89964;
.ships-matrix tr.even
  font-family: trebuchet MS;
{
  font-variant: small-caps;
  }
}
 
.ships-matrix tr.odd
.ships-matrix tr.primary
{
  {
  background-color: #222222;
}
  }
.ships-matrix th
 
{
.ships-matrix .primary .collapseButton,
.ships-matrix .special .collapseButton,
}
.ships-matrix .secondprimary .collapseButton
  {
.ships-matrix .firstcol{ width:16%; }
  color: transparent;
.ships-matrix .racialcol{ width:21%; }
  display: block;
.ships-matrix .piratecol{ width:12%; }
  float: right;
.ships-matrix .othercol{ width:21%; }
  padding: 0;
.ships-matrix .widecol{ width:84%; }
  }
.ships-matrix .centertext{ color: gray; text-align: center; }
 
.ships-matrix .racialcol .img, .ships-matrix .piratecol .img, .ships-matrix .othercol .img
.ships-matrix .primary .collapseButton a,
{
.ships-matrix .special .collapseButton a,
display: inline-block;
.ships-matrix .secondprimary .collapseButton a
margin-right: 5px;
  {
}
  background-color: transparent;
.ships-matrix .groupheader
  color: #CCCCCC;
{
  font-size: 80%;
color: #B89964;
  left: 0;
padding-left: 5px;
  width: 100%;
}
  z-index: 20;
.ships-matrix .groupheader .textlabel
  }
{
 
color: #CCCCCC;
.ships-matrix .primary .collapseButton a:hover,
display: inline-block;
.ships-matrix .primary .collapseButton a.hover
position: relative;
  {
z-index: 25;
  background-color:#614F31;
}
  }
.ships-matrix .primary .firstcol, .ships-matrix .primary .racialcol, .ships-matrix .primary .piratecol, .ships-matrix .primary .widecol,
 
.ships-matrix .special .firstcol, .ships-matrix .special .racialcol, .ships-matrix .special .piratecol, .ships-matrix .special .widecol
  .ships-matrix tr.highlight
{
  {
border-bottom: 1px solid black;
  background-color:#2D0404;
}
  }
.ships-matrix .firstindent
 
{
.ships-matrix tr.special
padding-left:10px;
  {
}
  background-color: #30281A;
.ships-matrix .secondindent
  }
{
 
padding-left:15px;
.ships-matrix tr.even
}
  {
 
  }
 
.ships-matrix tr.odd
  {
 
  }
 
.ships-matrix th
  {
 
  }
.ships-matrix .firstcol { width:16%; }
 
.ships-matrix .racialcol { width:21%; }
 
.ships-matrix .piratecol { width:12%; }
 
.ships-matrix .othercol { width:21%; }
 
.ships-matrix .widecol { width:84%; }
 
.ships-matrix .centertext { color: gray; text-align: center; }
 
.ships-matrix .racialcol .img,
.ships-matrix .piratecol .img,
.ships-matrix .othercol .img
  {
  display: inline-block;
  margin-right: 5px;
  }
 
.ships-matrix .groupheader
  {
  color: #B89964;
  padding-left: 5px;
  }
 
.ships-matrix .groupheader .textlabel
  {
  color: #CCCCCC;
  display: inline-block;
  position: relative;
  z-index: 25;
  }
 
.ships-matrix .primary .firstcol,
.ships-matrix .primary .racialcol,
.ships-matrix .primary .piratecol,
.ships-matrix .primary .widecol,
.ships-matrix .special .firstcol,
.ships-matrix .special .racialcol,
.ships-matrix .special .piratecol,
.ships-matrix .special .widecol
  {
  border-bottom: 1px solid black;
  }
 
.ships-matrix .firstindent
  {
  padding-left:10px;
  }
 
.ships-matrix .secondindent
  {
  padding-left:15px;
  }
 
}}
}}
<div class='ships-matrix'>
<div class='ships-matrix'>
<table cellspacing='0' cellpadding='0'>
 
<tr class='firstprimary'>
<table cellspacing='0' cellpadding='0'>
<th class='firstcol showexplain'>show advanced ships</th>
 
<th class='racialcol noshowexplain'><div class='img'>[[Image:Isis_amarr.png|center|x20px|link=]]</div>Amarr</th>
  <tr class='firstprimary'>
<th class='racialcol noshowexplain'><div class='img'>[[Image:Isis_caldari.png|center|x20px|link=]]</div>Caldari</th>
  <th class='firstcol showexplain'>show advanced ships</th>
<th class='racialcol noshowexplain'><div class='img'>[[Image:Isis_gallente.png|center|x20px|link=]]</div>Gallente</th>
  <th class='racialcol noshowexplain'><div class='img'>[[Image:Isis_amarr.png|center|x20px|link=]]</div>Amarr</th>
<th class='racialcol noshowexplain'><div class='img'>[[Image:Isis_minmatar.png|center|x20px|link=]]</div>Minmatar</th>
  <th class='racialcol noshowexplain'><div class='img'>[[Image:Isis_caldari.png|center|x20px|link=]]</div>Caldari</th>
</tr>
  <th class='racialcol noshowexplain'><div class='img'>[[Image:Isis_gallente.png|center|x20px|link=]]</div>Gallente</th>
<tr>
  <th class='racialcol noshowexplain'><div class='img'>[[Image:Isis_minmatar.png|center|x20px|link=]]</div>Minmatar</th>
<td colspan='5' style='padding:0'>
  </tr>
<table cellspacing='0' cellpadding='0'>
 
<tr class='primary'>
  <tr>
<th class='firstcol groupheader'><span class='textlabel'>Corvettes</span></th>
  <td colspan='5' style='padding:0'>
<th class='racialcol centertext'>[[Impairor]]</th>
 
<th class='racialcol centertext'>[[Ibis]]</th>
    <table cellspacing='0' cellpadding='0'>
<th class='racialcol centertext'>[[Velator]]</th>
 
<th class='racialcol centertext'>[[Reaper]]</th>
    <tr class='primary'>
</tr>
      <th class='firstcol groupheader'><span class='textlabel'>Corvettes</span></th>
</table>
      <th class='racialcol centertext'>[[Impairor]]</th>
<table class='collapsible {{#ifeq: {{{expgroup}}} | frigates | |collapsed}}' cellspacing='0' cellpadding='0'>
      <th class='racialcol centertext'>[[Ibis]]</th>
<tr class='primary'>
      <th class='racialcol centertext'>[[Velator]]</th>
<th class='firstcol groupheader'><span class='textlabel'>Frigates</span></th>
      <th class='racialcol centertext'>[[Reaper]]</th>
<th class='racialcol centertext'>[[Executioner]] &#9642; [[Inquisitor]] &#9642; [[Tormentor]] &#9642; [[Crucifier]] &#9642; [[Punisher]] &#9642; [[Magnate]]</th>
    </tr>
<th class='racialcol centertext'>[[Condor]] &#9642; [[Bantam]] &#9642; [[Kestrel]] &#9642; [[Griffin]] &#9642; [[Merlin]] &#9642; [[Heron]]
 
    </table>
 
    <table class='collapsible {{#ifeq: {{{expgroup}}} | frigates | |collapsed}}' cellspacing='0' cellpadding='0'>
 
    <tr class='primary'>
      <th class='firstcol groupheader'><span class='textlabel'>Frigates</span></th>
      <th class='racialcol centertext'>[[Executioner]] &#9642; [[Inquisitor]] &#9642; [[Tormentor]] &#9642; [[Crucifier]] &#9642; [[Punisher]] &#9642; [[Magnate]]</th>
      <th class='racialcol centertext'>[[Condor]] &#9642; [[Bantam]] &#9642; [[Kestrel]] &#9642; [[Griffin]] &#9642; [[Merlin]] &#9642; [[Heron]]</th>
      <th class='racialcol centertext'>[[Atron]] &#9642; [[Navitas]] &#9642; [[Tristan]] &#9642; [[Maulus]] &#9642; [[Incursus]] &#9642; [[Imicus]]</th>
      <th class='racialcol centertext'>[[Slasher]] &#9642; [[Burst]] &#9642; [[Breacher]] &#9642; [[Vigil]] &#9642; [[Rifter]] &#9642; [[Probe]]</th>
</div>
</div>
<noinclude>
<noinclude>
{{documentation}}
{{documentation}}
</noinclude>
</noinclude>