Template:Card Rarity/styles.css

From Archon Arcana - The KeyForge Wiki

	table.rarity-table {
border:1px solid #303030;
  border-radius:20px;
  border-spacing:0px;
  overflow:hidden;
  box-shadow:2px 2px 0px #303030;
  margin-bottom:10px;
  margin-top:0px;
  padding:10px 10px 10px 10px;
  background-color:#f8f8f8;
  float:right;
  max-width:130px;
  margin-left:10px;
}

table.rarity-table td:first-of-type, table.rarity-table td:nth-of-type(3) {
  text-align:right;
}

table.rarity-table .rarity-icon {
  width:25px;
  height:auto;
    filter:invert(1) drop-shadow(1px 1px 0px #ffffff); 
}

table.rarity-table td.top-row {
  text-align:center;
  font-size:1.2em;
  font-weight:600;
  border-bottom:1px solid #d0d0d0;
}

table.special-rarities {
  border-spacing:0px;
 /* overflow:hidden; */
  margin-bottom:10px;
  margin-top:10px;
  border:1px solid #808080;
}

table.special-rarities td {
  padding:8px 5px 8px 5px;
  text-align:center;
}

table.special-rarities tr:nth-of-type(odd) {
  background-color:#f0f0f0;
}

table.special-rarities tr:nth-of-type(even) {
  background-color:#ffffff;
}


table.special-rarities .top-row td {
  padding:7px 5px 5px 5px;
  text-align:center;
  font-weight:600;
    border-bottom:1px solid #a0a0a0; 
 background-color:#e0e0e0;
  color:black;
}

table.special-rarities .menu-row td {
  font-weight:600;
  text-align:center;
  padding:3px 5px 3px 5px;
  background-color:#cedbf2;
  border-bottom:1px solid #a0a0a0; 
  vertical-align:bottom;
}

/*
table.special-rarities .top-row td:first-of-type {
  border-top-left-radius:20px;
}

table.special-rarities .top-row td:last-of-type {
  border-top-right-radius:20px;
}

table.special-rarities tr:first-of-type {
  border-top-left-radius:20px;
  border-top-right-radius:20px;
}
*/

@media screen and (max-width:500px) {
  table.special-rarities .menu-row td {
  vertical-align:middle;
  }
  
  table.special-rarities td {
  padding:3px 0px 3px 0px;
  text-align:center;
}

}

table.special-rarities .menu-row .maverick-icon {
  filter:brightness(0) drop-shadow(1px 1px 0px #ffffff); 
  width:25px;
  max-width:25px;
  height:auto;
  max-height:25px;
}

.menu-row img.anomaly-icon {
  width:18px;
  max-width:18px;
  height:auto;
  max-height:25px;
  filter:brightness(0) drop-shadow(1px 1px 0px #ffffff); 
}

.menu-row img.rarity-icon {
  width:25px;
  max-width:25px;
  height:auto;
  max-height:25px;
  filter:invert(1) drop-shadow(1px 1px 0px #ffffff); 
}