Voir la source de Modèle:Infobox Guerre

<div class="CadreCel"  style="background:rgba(18, 34, 51, 0.85) none repeat scroll 0 0; margin:.5em 0em; height:auto;float:right;width:18%;"> 
<div id="InfoBox guerre" style="display:flex; flex-direction:column; padding:1px;">

<div class="BlocTexte" style="background-color:rgba(20, 94,143, 0.6); border:1px solid #37393c; border-radius:3px; box-shadow:0 0 25px rgba(0, 186, 255, 0.4) inset; color:#a4cfe3; margin:2px;">
<div id="Nom Guerre" style="width:80%; margin:auto;"><!--
--><p style="color:white; font-size:1.6em; text-align:center;">'''{{{Date}}}'''</p>
<!--
--><p style="color:white; font-size:1.6em; text-align:center;">'''{{{Guerre}}}'''</p></div></div><!--
-->
<div class="BlocTexte" style="background-color:rgba(20, 94,143, 0.6); border:1px solid #37393c; border-radius:3px; box-shadow:0 0 25px rgba(0, 186, 255, 0.4) inset; color:#a4cfe3; margin:2px;"><!--
--><div id="Detail Guerre" style="width:100%;">
<div style="display:flex; flex-direction:row; height:25%; text-align:center;">
	<div id="Debut Guerre" style =" margin:auto; width:49%; height:95%;">
	<p>'''Début'''</p></div>
	<div id="Date-Debut" style =" margin:auto; width:49%; height:95%;color:#d9cf98; text-shadow: 0 0 10px rgba(255, 118, 17, 0.72), 0 0 10px rgba(255, 118, 17, 0.72);">
	<p>{{{Debut}}}</p></div></div>
<div style="display:flex; flex-direction:row; height:25%; text-align:center;">
	<div id="Fin Guerre" style =" margin:auto; width:49%; height:95%;">
	<p>'''Fin'''</p></div>
	<div id="Date-Fondation" style =" margin:auto; width:49%; height:95%;color:#d9cf98; text-shadow: 0 0 10px rgba(255, 118, 17, 0.72), 0 0 10px rgba(255, 118, 17, 0.72);">
	<p>{{{Fin}}}</p></div></div>
<div style="display:flex; flex-direction:row; height:25%; text-align:center;">
	<div id="Camp Vainqueur" style =" margin:auto; width:49%; height:95%;">
	<p>'''Camp Victorieux'''</p></div>
	<div id="Nom-Vainqueur" style =" margin:auto; width:49%; height:95%;color:#d9cf98; text-shadow: 0 0 10px rgba(255, 118, 17, 0.72), 0 0 10px rgba(255, 118, 17, 0.72);">
	<p>{{{Vainqueur}}}</p></div></div>
<div style="display:flex; flex-direction:row; height:25%; text-align:center;">
	<div id="Camp Perdant" style =" margin:auto; width:49%; height:95%;">
	<p>'''Camp Défait'''</p></div>
	<div id="Nom-Perdant" style =" margin:auto; width:49%; height:95%;color:#d9cf98; text-shadow: 0 0 10px rgba(255, 118, 17, 0.72), 0 0 10px rgba(255, 118, 17, 0.72);">
	<p>{{{Perdant}}}</p></div>
</div>
</div>
</div>
</div>
</div>