模板:LyricsKai/multi/styles.css

来自维阿百科
< 模板:LyricsKai‎ | multi
霓虹灯鱼讨论 | 贡献2023年10月7日 (六) 23:22的版本 (创建页面,内容为“.Lyrics { display: flow-root; min-width: 480px; } .Lyrics-has-ruby .Lyrics-column { line-height: 2.1; } .Lyrics-no-ruby .Lyrics-column { vertical-align: top; }…”)
(差异) ←上一版本 | 最后版本 (差异) | 下一版本→ (差异)
跳转至: 导航搜索
.Lyrics {
	display: flow-root;
	min-width: 480px;
}
.Lyrics-has-ruby .Lyrics-column {
	line-height: 2.1;
}
.Lyrics-no-ruby .Lyrics-column {
	vertical-align: top;
}

.Lyrics .Lyrics-column {
	white-space: pre-wrap;
}
.Lyrics .Lyrics-column-suppressed {
	display: inline-block;
}
.Lyrics .Lyrics-column-wrapped {
	width: 100%;
	display: none;
}

@media all and ( max-width: 900px ) {
	.Lyrics {
		min-width: 100%;
	}
	.Lyrics .Lyrics-column-suppressed {
		display: none;
	}
	.Lyrics .Lyrics-column-wrapped {
		display: block;
	}
}

@media screen and (max-device-width: 720px){
	.Lyrics-column span[title]:not(.NoTitlebox):hover {
		position: relative;
	}
	/* title="全员"自带class="NoTitlebox" */
	.Lyrics-column span[title]:not(.NoTitlebox):hover::before {
		content: attr(title);
		position: absolute;
		bottom: 100%;
		left: 0;
		background-color: white;
		white-space: nowrap;
		font-size: 13px;
		text-shadow: none;
		border: 1px #666 solid;
		box-sizing: border-box;
		padding: 1px 2px;
		box-shadow: 1px 1px 1px #ccc;
		color: black;
	}
}
/* [[Category:在模板名字空间下的CSS页面]] */