Template:Medal/styles.css

.ss-box { margin-bottom: 5px; text-align: center; font-size: 90%; border-radius: 10px; display: table; width: 350px; height: 600px; }

.ss-bg { display: table; background:#dfdbdb; width: 350px; display:table-cell; border: 1px solid black; vertical-align: middle; background-image:url(https://static.jojowiki.com/images/3/33/latest/20220806200610/Bg_SR.png); background-size: 350px; height: 480px; }

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

.ss-text { position: absolute; width: 350px; background: rgb(0 0 0 / 70%); margin-bottom: 0px; margin-left: -350px; font-family: Roboto Slab; padding-top: 7px; padding-bottom: 5px; font-size: 140%; border-top-left-radius: 10px; border-top-right-radius: 10px; }

.ss-coin { position: absolute; margin-top: 80px; margin-left: -350px; }

.ss-frame { position: absolute; margin-top: 320px; margin-left: -350px; }

.ss-image { position: absolute; margin-top: 65px; margin-left: -355px; }

.ss-stats { position: absolute; margin-top: 465px; margin-left: -350px; width: 348px; }

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

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

.ss-header { border-bottom: none; font-family: Roboto Slab; font-size: 10px; text-decoration: underline; text-align: right; padding: 2px; border-top-left-radius: 7px; border-top-right-radius: 7px; }

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

.ss-h2 { width: 20%; }

.ss-row { display: table; width: 350px; border: 1px solid black; }

.ss-sub { color: white; width: 10%; display: table-cell; }

.ss-sub2 { color: white; }