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