Template:BanG Dream!人物信息栏/styles.css

/* 本样式表直接从Template:彩虹社信息栏/styles.css移植，唯一贡献者为[[User:Grandom]] */
	/* t-style */
.Banginfobox tr:nth-child(2)~tr:not(:last-child)>td:only-child { font-weight:bold; box-shadow:0 1px 3px rgba(128,128,128,0.5); }

	/* l-style */
.Banginfobox td:nth-last-child(2) { min-width:5em; box-shadow:0 0.5px 0 0.5px rgba(128,128,128,.5); }

	/* 边框投影 */
.Banginfobox .B-border { filter: drop-shadow(0 2px 1px rgba(192,192,192,0.7)); }

	/* 底部圆角 */
.Banginfobox tr:last-child>:first-child { border-bottom-left-radius:9px; }
.Banginfobox tr:last-child>:last-child { border-bottom-right-radius:9px; }

	/* Tabs */
.Banginfobox .TabLabel { justify-content: flex-end; }
.Banginfobox.Darklabel .TabLabelText.selected { color: #fff; }
.Banginfobox .TabContent { background: transparent !important; }
.Banginfobox .TabContentText { width:280px; margin:auto; overflow:hidden; }
.Banginfobox .Tabs img { max-width:none !important; }

	/* 单图Tab */
.Banginfobox .SingleTab>.TabLabel { display:none; }
.Banginfobox .SingleTab>.TabContent { border-radius: 9px 9px 0 0; border-width: 0; }
.Banginfobox .SingleTab .TabContentText { width:282px; }

	/* 图片描述 */
.Banginfobox .image-describe { position:absolute; bottom:0; left:0; right:0; background:rgba(255,255,255,0.85); max-height:0; transition:all .3s ease-in-out; }
.Banginfobox .TabContentText:hover .image-describe { max-height:80px; }

	/* 调整ruby行距 */
.Banginfobox .namefield ruby { line-height:0; }

	/* MoeSkin适配 */
.Banginfobox, .Banginfobox * { box-sizing:content-box; }
.Banginfobox td { padding:1px 4px; }

/* [[Category:在模板名字空间下的CSS页面]] */