Template:NavKHIII/style.css

@media (min-width:1167px){
	#navKHIII{
		background:#8287BA;
		background:url("https://khdatabase.com/images/6/6e/Box_art_KHIII.png") 0 -430px / cover, rgba(130, 135, 186, 0.8);
		background-blend-mode:multiply;
	}
}

@media (max-width:1167px){
	#navKHIII{
		background:#8287BA;
		background:url("https://khdatabase.com/images/6/6e/Box_art_KHIII.png") 0 / cover, rgba(130, 135, 186, 0.8);
		background-blend-mode:multiply;
	}
}

.navHeader{
	text-align:center;
	color:#EDEDED;
	padding:7px;
	box-shadow:0 0 4px 0 rgba(0,0,0,0.5);
}

.navHeader a{
	color:#EDEDED;
}

#mw-customcollapsible-KHIIInav{
	box-shadow:0 0 4px 0 rgba(0,0,0,0.5);
}

#mw-customcollapsible-KHIIInav a {
    color: #EDEDED;
}

.subheader{
	text-align:center;
	color:#EDEDED;
	padding:5px;
	font-size:0.9em;
	background:#AFB2D6;
	background:rgba(175,178,215,0.5);
}

.grouplvl1{
	display:flex;
	flex:1;
	align-items:center;
	justify-content:center;
	color:#EDEDED;
	padding:7px;
	background:#63678D;
	background:rgba(99,103,141,0.8);
}

.grouplvl2{
	display:flex;
	flex:1;
	align-items:center;
	justify-content:center;
	color:#EDEDED;
	padding:7px;
	background:#7579A8;
	background:rgba(117,121,168,0.75);
}

.grouplvlLinks{
	 color:#EDEDED;
	 padding:7px;
	 font-size:0.9em;
	 background:#8c91c7;
	 background:rgba(140,145,199,0.8);
}