置顶公告:【置顶】关于临时开启评论区所有功能的公告(2022.10.22) | 【置顶】关于本站Widget恢复使用的公告
  • 你好~!欢迎来到萌娘百科镜像站!如需查看或编辑,请联系本站管理员注册账号。
  • 本镜像站和其他萌娘百科的镜像站无关,请注意分别。

Template:Musiccard/styles.css

贴贴♀百科,万娘皆可贴的百科全书!转载请标注来源页面的网页链接,并声明引自贴贴百科。内容不可商用。
跳到导航 跳到搜索
.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页面]] */