模板:彩虹社/main.css

来自维阿百科
< 模板:彩虹社
霓虹灯鱼讨论 | 贡献2023年9月26日 (二) 22:26的版本
(差异) ←上一版本 | 最后版本 (差异) | 下一版本→ (差异)
跳转至: 导航搜索
	/* 大家族整体样式 */
.NijiNav .navbox-title, .NijiNav .navbox-subgroup, .NijiNav .navbox-subgroup .navbox-group, .NijiNav .navbox-list, .NijiNav .navbox-abovebelow {
	background:transparent;
}
.NijiNav .navbox-title {
	filter:drop-shadow(0 2px 1px #ccc);
}
.NijiNav .navbox-group {
	vertical-align:top !important;
}
.NijiNav .navbox-group>div {
	margin:9px 0; border-radius:20px; padding:0 1em; line-height:28px; color:white; font-weight:bold; box-shadow: 0 2px 3px #c0c0c0;
}
	.NijiNav #benbulist .navbox-group>div {background:#0068AF;}
	.NijiNav #VRlist .navbox-group>div {background:#1EC4EE;}
	.NijiNav #IDlist .navbox-group>div {background:#009B52;}
	.NijiNav #INlist .navbox-group>div {background:#FA7820;}
	.NijiNav #KRlist .navbox-group>div {background:#E80132;}
	.NijiNav #ENlist .navbox-group>div {background:#673B8E;}
	.NijiNav #qitalist .navbox-group>div {background:#2A4B71;}

.NijiNav .navbox-group>div, .NijiNav .navbox-abovebelow>div, .NijiNav .navbox-list:only-child>div>div:only-child, .NijiNav .charbox div[data-cb] {
	box-shadow: 0 2px 3px #c0c0c0;
}
.NijiNav div[id$=list] {
	margin:8px 0;
}
.NijiNav .navbox-list {
	border-color:transparent !important;
}
.NijiNav .navbox-list a:not(.new) {
	color:#222;
}
.NijiNav .navbox-list .in-page-edit-article-link-group {
	display:none;
}

	/* 切换显示开关样式 */
.NijiNav .textToggleDisplayButtonLabel {
	display:block; width:0; margin:0; padding:0; font-size:12px; color:white; border:none; box-shadow:none; background:none; white-space:nowrap; cursor:pointer; overflow:hidden; transition:all .1s linear, width .15s ease-out, font-size 0s;
}
.NijiNav #namebutton .textToggleDisplayButtonLabel {
	box-sizing:border-box; width:40px; border:2px solid white; border-radius:15px; padding:2px; line-height:16px; direction:rtl; overflow:hidden;
}
.NijiNav #grouptab .textToggleDisplayButtonLabel.on {
	position:relative; width:170px; font-size:16px; line-height:24px; cursor:default;
}
.NijiNav #grouptab .textToggleDisplayButtonLabel:hover>.off {
	text-decoration:underline;
}
.NijiNav .textToggleDisplayButtonInput {
	display:none;
}
@media screen and (min-width:640px) {
	.NijiNav:hover .textToggleDisplayButtonLabel {
		width:26px;
	}
}
@media screen and (max-width:720px) {
	.NijiNav #grouptab .before-on, .NijiNav #grouptab .after-on {
		width:26px;
	}
}

	/* 顶栏背景切换 */
.NijiNav #abovebg {
	left:0; opacity:1; transition:opacity .2s .3s,left .3s;
}
	.NijiNav #benbu.textToggleDisplay-on~#abovebg {left:0;}
	.NijiNav #VR.textToggleDisplay-on~#abovebg {left:-100%;}
	.NijiNav #ID.textToggleDisplay-on~#abovebg {left:-200%;}
	.NijiNav #IN.textToggleDisplay-on~#abovebg {left:-400%;}
	.NijiNav #KR.textToggleDisplay-on~#abovebg {left:-500%;}
	.NijiNav #EN.textToggleDisplay-on~#abovebg {left:-600%;}
	.NijiNav #qita.textToggleDisplay-on~#abovebg {opacity:0; transition:opacity .2s,left .3s .2s;}


	/* 不兼容提示 */
.NijiNav #grouptab, .NijiNav #namebutton, .NijiNav .textToggleDisplay-on~#Nijitip {
	display:none;
}
.NijiNav .textToggleDisplay-on~#grouptab, .NijiNav .textToggleDisplay-on~#namebutton, .NijiNav #Nijitip {
	display:inline-block; position:relative;
}

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