用户讨论:Jonathan5566/styles.css

1. upc-medal {

display: table; font-size: 16px; line-height: 1.75; text-align: center; margin: auto; }

1. upc-medal *,
2. upc-medal *::before,
3. upc-medal *::after {

margin: 0; padding: 0; box-sizing: border-box; }

1. upc-medal table {

float: none !important; clear: none !important; border: none !important; background-color: transparent !important; width: auto !important; line-height: inherit !important; }

1. upc-medal table {

display: inline-block; position: relative; font-size: 16px; margin: 0.5em !important; transition: opacity 0.5s; }

1. upc-medal tbody,
2. upc-medal table tr {

display: block; }

1. upc-medal table td {

display: none; }

1. upc-medal table td:last-of-type {

display: block; font-size: 0.8em !important; font-weight: bold; margin-top: 6.25em; }

1. upc-medal table td:last-of-type,
2. upc-medal table td:last-of-type * {

color: #327dfa !important; text-decoration: none !important; }

1. upc-medal:hover table:not(:hover) {

opacity: 0.5; }

1. upc-medal table::before {

content: ""; display: block; position: absolute; top: 1.75em; left: 50%; border: 0.75em solid; border-color: transparent #fa3200; padding: 0.875em 0; transform: translateX(-50%); }

1. upc-medal table::after {

content: ""; width: 3.5em; height: 3.5em; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: 0.5em solid; border-radius: 50%; margin: 0 auto; box-shadow: 0.125em 0.125em 0 rgba(0, 0, 0, 0.125); }

1. upc-medal table:nth-of-type(3n+1)::after {

background: linear-gradient(135deg, #e17d00 50%, #c86400 50%); border-color: #faaf00; }

1. upc-medal table:nth-of-type(3n+2)::after {

background: linear-gradient(135deg, #d5d5d5 50%, #c8c8c8 50%); border-color: #eeeeee; }

1. upc-medal table:nth-of-type(3n+3)::after {

background: linear-gradient(135deg, #faaf00 50%, #e19600 50%); border-color: #fae100; }