User talk:Jonathan5566/styles.css
- upc-medal {
display: table; font-size: 16px; line-height: 1.75; text-align: center; margin: auto; }
- upc-medal *,
- upc-medal *::before,
- upc-medal *::after {
margin: 0; padding: 0; box-sizing: border-box; }
- upc-medal table {
float: none !important; clear: none !important; border: none !important; background-color: transparent !important; width: auto !important; line-height: inherit !important; }
- upc-medal table {
display: inline-block; position: relative; font-size: 16px; margin: 0.5em !important; transition: opacity 0.5s; }
- upc-medal tbody,
- upc-medal table tr {
display: block; }
- upc-medal table td {
display: none; }
- upc-medal table td:last-of-type {
display: block; font-size: 0.8em !important; font-weight: bold; margin-top: 6.25em; }
- upc-medal table td:last-of-type,
- upc-medal table td:last-of-type * {
color: #327dfa !important; text-decoration: none !important; }
- upc-medal:hover table:not(:hover) {
opacity: 0.5; }
- 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%); }
- 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); }
- upc-medal table:nth-of-type(3n+1)::after {
background: linear-gradient(135deg, #e17d00 50%, #c86400 50%); border-color: #faaf00; }
- upc-medal table:nth-of-type(3n+2)::after {
background: linear-gradient(135deg, #d5d5d5 50%, #c8c8c8 50%); border-color: #eeeeee; }
- upc-medal table:nth-of-type(3n+3)::after {
background: linear-gradient(135deg, #faaf00 50%, #e19600 50%); border-color: #fae100; }