模板:彩虹社信息栏/styles.css

来自维阿百科
< 模板:彩虹社信息栏
霓虹灯鱼讨论 | 贡献2022年7月16日 (六) 12:21的版本 (创建页面,内容为“ t-style: .Nijinfobox 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: .Nijin…”
(差异) ←上一版本 | 最后版本 (差异) | 下一版本→ (差异)
跳转至: 导航搜索
	/* t-style */
.Nijinfobox 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 */
.Nijinfobox td:nth-last-child(2) { min-width:5em; box-shadow:0 0.5px 0 0.5px rgba(128,128,128,.5); }

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

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

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

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

	/* 图片描述 */
.Nijinfobox .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; }
.Nijinfobox .TabContentText:hover .image-describe { max-height:80px; }

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

	/* 今天也是跟MoeSkin斗智斗勇的一天 */
.Nijinfobox, .Nijinfobox * { box-sizing:content-box; }
.Nijinfobox td { padding:1px 4px; }

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