< 模板:玩家卡片
AurLemonCN(讨论 | 贡献) 小无编辑摘要 |
AurLemonCN(讨论 | 贡献) 小无编辑摘要 标签:已被回退 |
||
| 第1行: | 第1行: | ||
.player-card { | .player-card { | ||
max-width: 200px; | max-width: 200px; | ||
border-radius: 20px; | border-radius: 20px; | ||
| 第11行: | 第8行: | ||
margin: 0 0 var(--space-lg)var(--space-lg); | margin: 0 0 var(--space-lg)var(--space-lg); | ||
font-family: "HarmonySans"; | font-family: "HarmonySans"; | ||
position: relative; | |||
} | |||
.player-card::before { | |||
content: ""; | |||
position: absolute; | |||
top: 0; | |||
left: 0; | |||
right: 0; | |||
bottom: 0; | |||
background-repeat: no-repeat; | |||
background-size: cover; | |||
background-position: center; | |||
filter: blur(30px); | |||
z-index: -1; | |||
border-radius: 20px; | |||
} | } | ||
2023年9月10日 (日) 14:55的版本
.player-card {
max-width: 200px;
border-radius: 20px;
float: right;
padding: 15px;
width: 100%;
box-shadow: var(--box-shadow-dialog);
margin: 0 0 var(--space-lg)var(--space-lg);
font-family: "HarmonySans";
position: relative;
}
.player-card::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
filter: blur(30px);
z-index: -1;
border-radius: 20px;
}
.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;
}