< 模板:玩家卡片
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;
}