模板:玩家卡片V2/style.css:修订间差异

来自临东市服务器Wiki
无编辑摘要
无编辑摘要
第47行: 第47行:


.player-card__background {
.player-card__background {
position: absolute;
    position: absolute;
top: 0;
    top: 0;
right: 0;
    right: 0;
bottom: 0;
    bottom: 0;
left: 0;
    left: 0;
background: #242a31;
    filter: blur(50px);
border-radius: 15px;
filter: blur(20px);
}
}


.player-card__background img {
.player-card__background img {
width: 100%;
    width: 100%;
height: 100%;
    height: 100%;
object-fit: cover;
    object-fit: cover;
object-position: center;
    object-position: center;
    filter: grayscale(20%);
}
}


.player-card__foreground {
.player-card__foreground {
     position: absolute;
     position: relative;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    padding: 15px;
}
}



2023年9月11日 (一) 19:42的版本

.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;
	overflow: hidden;
}

.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;
}

.player-card__background {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    filter: blur(50px);
}

.player-card__background img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    filter: grayscale(20%);
}

.player-card__foreground {
    position: relative;
}

@media (max-width: 720px) {
    .player-card {
        float: unset;
        margin: 0 auto;
    }
}