Template:Medal/styles.css

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

.ss-bg { display: table; background:#dfdbdb; width: 350px; display:table-cell; border: 1px solid black; border-bottom: none !important; vertical-align: middle; background-image:url(https://static.jojowiki.com/images/3/33/latest/20220808195336/Bg_SR.png); background-size: 350px; background-position: 0px -50px; height: 430px; }

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

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

.ss-text2 { width: 351px; font-family: Roboto Slab; padding-top: 7px; padding-bottom: 5px; font-size: 140%; background: #202122 }

.ss-top { border: none !important; width: 352px !important; }

.ss-coin { position: absolute; margin-top: -380px; margin-left: 0px; }

.ss-frame { position: absolute; margin-top: -140px; margin-left: 0px; }

.ss-image { position: absolute; margin-top: -390px; margin-left: -7px; }

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