Template:Battle/style.css: Difference between revisions

From A KoL Wiki
Small fixes
m Use correct class now that this is tested
 
Line 1: Line 1:
.template-battle2 {
.template-battle {
display: block;
display: block;
}
}
Line 17: Line 17:
}
}
.template-battle2 {
.template-battle {
display: flex;
display: flex;
flex-direction: column;
flex-direction: column;
}
}


.template-battle2 .infobox-container  {
.template-battle .infobox-container  {
order: -1;
order: -1;
}
}


.template-battle2 .monster-info {
.template-battle .monster-info {
order: -2;
order: -2;
}
}
}
}

Latest revision as of 12:52, 6 September 2025

.template-battle {
	display: block;
}

.infobox {
	float: right;
	width: 23em;
	margin-left: 1em;
	margin-bottom: 0.5em;
}

@media (max-width:850px){
	.infobox {
		width: 100%;
		margin-left: 0;
		float: none;
	}
	
	.template-battle {
		display: flex;
		flex-direction: column;
	}

	.template-battle .infobox-container  {
		order: -1;
	}

	.template-battle .monster-info {
		order: -2;
	}
}