< 模板:玩家卡片
AurLemonCN(讨论 | 贡献) 小无编辑摘要 标签:已被回退 |
AurLemonCN(讨论 | 贡献) 小无编辑摘要 标签:已被回退 |
||
第1行: | 第1行: | ||
.player-card { | .player-card { | ||
max-width: | max-width: 180px; | ||
border-radius: 20px; | border-radius: 20px; | ||
float: right; | float: right; | ||
padding: | padding: 20px; | ||
width: 100%; | width: 100%; | ||
box-shadow: var(--box-shadow-dialog); | box-shadow: var(--box-shadow-dialog); | ||
第11行: | 第11行: | ||
} | } | ||
.player-card | .player-card-background { | ||
position: absolute; | position: absolute; | ||
top: 0; | top: 0; | ||
第21行: | 第20行: | ||
background-size: cover; | background-size: cover; | ||
background-position: center; | background-position: center; | ||
filter: blur( | filter: blur(20px); | ||
border-radius: 20px; | |||
pointer-events: none; | |||
z-index: -1; | z-index: -1; | ||
} | } | ||
2023年9月10日 (日) 15:01的版本
.player-card { max-width: 180px; border-radius: 20px; float: right; padding: 20px; width: 100%; box-shadow: var(--box-shadow-dialog); margin: 0 0 var(--space-lg)var(--space-lg); font-family: "HarmonySans"; position: relative; } .player-card-background { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-repeat: no-repeat; background-size: cover; background-position: center; filter: blur(20px); border-radius: 20px; pointer-events: none; z-index: -1; } .player-card__head { overflow: hidden; border-radius: 50%; width: 90px; height: 90px; } .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; font-family: 'HarmonySans-Bold'; } .player-card__id { font-size: 14px; margin-top: 0px; margin-bottom: 10px; color: white; } .player-card__desc { color: white; font-size: 14px; }