Information.png

Welcome to the Kingdom Hearts Database! 👑 Pardon the dust! We're rolling out new updates and improvements to the design of the Kingdom Hearts Database! Stay tuned for details this week! 👑 Our Spoiler policy is in effect! All articles related to Kingdom Hearts III must have the Unreleased template until checked and cleared by a member of the site staff! 👑 Be sure to join our Discord server and meet our growing community!

Difference between revisions of "Template:NavKHIII/style.css"

From Kingdom Hearts Database
Jump to: navigation, search
 
(One intermediate revision by the same user not shown)
Line 1: Line 1:
 +
@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{
 
.navHeader{
background:#8287BA;
 
background:url("https://khdatabase.com/images/6/6e/Box_art_KHIII.png") 0 -395px / cover, rgba(130, 135, 186, 0.8);
 
 
text-align:center;
 
text-align:center;
 
color:#EDEDED;
 
color:#EDEDED;
Line 9: Line 23:
  
 
#mw-customcollapsible-KHIIInav{
 
#mw-customcollapsible-KHIIInav{
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;
 
 
box-shadow:0 0 4px 0 rgba(0,0,0,0.5);
 
box-shadow:0 0 4px 0 rgba(0,0,0,0.5);
 
}
 
}

Latest revision as of 01:21, 15 February 2020

@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);
}

#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;
}