Template:MStrike/styles.css

.mstrike-box { margin-bottom: 5px; text-align: center; font-size: 90%; border-radius: 7px; display: table; width: 100%; }

.mstrike-image { background:#dfdbdb; width: 15%; display:table-cell; border: 2px solid black; border-right: 0; vertical-align: middle; }

.mstrike-c2 { display:table-cell; vertical-align: top; border: 2px solid black; }

.mstrike-heading { font-family: Roboto Slab; padding: 5px; text-shadow: 1px 1px 1px #333333; vertical-align: middle; display: table-cell; border: 1.5px solid black; color: white; }

.mstrike-name { width: 60%; border-left: none; }

.mstrike-rarity { border-right: none; }

.mstrike-h2 { width: 20%; }

.mstrike-row { display: table; width: 100%; border: 1px solid black; }

.mstrike-sub { color: white; width: 10%; display: table-cell; text-shadow: 1px 1px 1px #333333; }

.mstrike-sub2 { color: white; text-shadow: 1px 1px 1px #333333; }

.icon img:hover { animation: shake 0.5s; animation-iteration-count: 1; }

@keyframes shake { 0% { transform: rotate(0deg); } 10% { transform: rotate(-3deg); } 20% { transform: rotate(0deg); } 30% { transform: rotate(3deg); } }

@media only screen and (max-width: 600px) { .mstrike-image { display: table-header-group !important; } }