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

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

From EVE University Wiki
m Working on {{ShipsMatrix}}
m Replace TAB with SPACE, to decrease code width. Add white-space to source to increase readability
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; [[
</div>
</div>
<noinclude>
<noinclude>
{{documentation}}
{{documentation}}
</noinclude>
</noinclude>

Revision as of 12:47, 12 November 2022


show advanced ships
Amarr
Caldari
Gallente
Minmatar
Corvettes Impairor Ibis Velator Reaper
Dreadnoughts Revelation Phoenix Moros Naglfar
Force Auxiliaries Apostle Minokawa Ninazu Lif
Titans Avatar Leviathan Erebus Ragnarok
Shuttles Amarr Shuttle Caldari Shuttle Gallente Shuttle Minmatar Shuttle
Template documentation (for the above template, sometimes hidden or invisible)


show advanced ships
Amarr
Caldari
Gallente
Minmatar
Corvettes Impairor Ibis Velator Reaper
Dreadnoughts Revelation Phoenix Moros Naglfar
Force Auxiliaries Apostle Minokawa Ninazu Lif
Titans Avatar Leviathan Erebus Ragnarok
Shuttles Amarr Shuttle Caldari Shuttle Gallente Shuttle Minmatar Shuttle
Visit User:Evon R'al/Sandbox template/doc to edit this text! (How does this work?) (Refresh this text - why?)