Template:StandBox/Styles.css

.abilitybox { display:table; border: 4px ridge; border-radius: 5px; }

.abilitybox2 { width: 100%; display:table; }

.abilitybox3 { width: 100%; display:table; }

.abilitypic { display: table-cell; width: 100px; padding: 5px; border: 2px ridge black; vertical-align: middle; background-blend-mode: initial; }

.abilityrows { display:table-cell; vertical-align: middle; }

.abilityrow2 { display: table-row; }

.abilityname { display: table-header-group; font-family: Roboto Slab; padding: 5px; text-shadow: 1px 1px 1px #333333; text-align: center; color:white; }

.abilitypic img { border: 3px solid black; box-shadow: 0px 3px 15px 3px rgba(0,0,0,0.33); transition: 0.4s ease-out; }

.abilitypic img:hover { transform: scale(1.04); }

.abilityname a { color: white !important; }

.abilityrow3 { width: 2%; display:table-cell; padding: 5px; text-shadow: 1px 1px 1px #333333; border: 2px ridge black; color:white; }

.abilityrow4 { width: 20%; display:table-cell; padding: 5px; border: 2px ridge black; background-color:white; }

.abilityrow5 { display: table-row; }

.abilityrow6 { width: 2%; display:table-cell; padding: 5px; text-shadow: 1px 1px 1px #333333; border: 2px ridge black; color:white; }

@media only screen and (max-width: 600px) { #abilitystats { display: table-row; }

.abilitystats { display: table-row !important; }

.abilitypic { display: table-header-group !important; text-align: center; } }