AurLemonCN(讨论 | 贡献) 小无编辑摘要 |
AurLemonCN(讨论 | 贡献) 小无编辑摘要 |
(没有差异)
|
2024年4月7日 (日) 01:47的最新版本
.player-card { max-width: 220px; border-radius: 24px; float: right; width: 100%; box-shadow: var(--box-shadow-dialog); margin: 0 0 var(--space-lg) var(--space-lg); position: relative; overflow: hidden; clear: right; } .player-card__head { overflow: hidden; border-radius: 50%; width: 90px; height: 90px; box-shadow: 1px 1px 16px rgba(0, 0, 0, .2); } .player-card__split { background-color: white; border-radius: 10px; height: 3px; width: 15%; margin: 15px 0; } .player-card__nick { margin-top: 10px; color: white; font-size: 22px; } .player-card__id { font-size: 14px; margin-top: 0px; margin-bottom: 10px; color: white; } .player-card__desc { color: white; font-size: 14px; } .player-card__background { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .player-card__background img { width: 100%; height: 100%; object-fit: cover; object-position: center; filter: grayscale(20%); } .player-card__foreground { padding: 15px; position: relative; } @media (max-width: 720px) { .player-card { float: unset; margin: 0 auto; } }