.music_card {
display: inline-flex;
border-radius: 9px;
margin: .5em 1em .5em 0;
width: 450px;
box-shadow: #454f54 5px 5px 7px -3px;
overflow: hidden;
}
.music_card-img {
width: 10em;
height: 8em;
overflow: hidden;
}
.music_card-img-cut {
width:auto;
position: relative;
}
.music_card-img img {
width: auto;
height: 100%;
}
.music_card-desc {
width: 100%;
position: relative;
}
.music_card-title {
max-width: calc(450px - 9em);
overflow: hidden;
white-space: nowrap;
}
.music_card-info {
display: flex;
flex-direction: column;
color: white;
height: 100%;
padding-left: 1.25em;
margin-left: -.75em;
border-radius: 9px 0 0 9px;
justify-content: center;
position: relative;
z-index: 1;
}
.music_card-info a {
color: white;
}
.music_card-info a:visited {
color: white;
}
.music_card-info a:hover {
text-decoration: underline;
}
.music_card-info-space {
height: .75em;
}
.music_card-link {
margin: 0 .25em;
}
.music_card-link:last-child {
margin: 0 .5em 0 .25em;
}
.music_card-background {
position: absolute;
width: 100%;
height: 100%;
top: 0;
overflow: hidden;
background: red;
}
.music_card-background-mask {
position: absolute;
}
.music_card-background img {
width: 100%;
min-width: 360px;
min-height: 120px;
height: auto;
}
.music_card-global-bold {
font-weight: bold;
}
/* [[分类:在模板名字空间下的CSS页面]] */