User:Mednik Breau/ShipsMatrix.css

Note: After publishing, you may have to bypass your browser's cache to see the changes.

Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.

.ships-matrix
 {
  font-family: arial;
  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 tr
 {
  
 }

.ships-matrix a
 {
   font-size: 11px;
 }

.ships-matrix a:hover,
.ships-matrix a.hover
 {
  text-decoration: none;
  color: white;
 }

.ships-matrix tr.firstprimary,
.ships-matrix tr.secondprimary
 {
  background-color: black;
 }

.ships-matrix .firstprimary th,
.ships-matrix .secondprimary th
 {
  border-bottom: 1px solid #2D2413;
  border-top: 1px solid #2D2413;  
  height: 20px;
  line-height: 20px;
 }

.ships-matrix .showexplain
 { 
  text-align: right;
  font-size: 80%;
  color: #CCCCCC;
 }

.ships-matrix .noshowexplain
 {
  text-align: center;
  font-size: 14px;
  color: #B89964;
  font-family: trebuchet MS;
  font-variant: small-caps;
 }

.ships-matrix tr.primary
 {
  background-color: #222222;
 }

.ships-matrix .primary .collapseButton,
.ships-matrix .special .collapseButton,
.ships-matrix .secondprimary .collapseButton
 {
  color: transparent;
  display: block;
  float: right;
  padding: 0;
 }

.ships-matrix .primary .collapseButton a,
.ships-matrix .special .collapseButton a,
.ships-matrix .secondprimary .collapseButton a
 {
  background-color: transparent;
  color: #CCCCCC;
  font-size: 80%;
  left: 0;
  width: 100%;
  z-index: 20;
 }

.ships-matrix .primary .collapseButton a:hover,
.ships-matrix .primary .collapseButton a.hover
 {
  background-color: #614F31;
 }

.ships-matrix tr.highlight
 {
  background-color:#2D0404;
 }

.ships-matrix tr.special
 {
  background-color: #30281A;
 }

.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;
 }