.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页面]] */