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

From EVE University Wiki
Jump to: navigation, search
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
Isis amarr.png
Amarr
Isis caldari.png
Caldari
Isis gallente.png
Gallente
Isis minmatar.png
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)
Visit User:Evon R'al/Sandbox template/doc to edit this text! (How does this work?) (Refresh this text - why?)