View source for Template:Pavalabox Military conflict

{{Template:Pavalabox-common.css}}
{{#css:
:root {
 --pvb-border-color: #A2A9B1;
 --pvb-infobox-color: #F8F9FA;
 --pvb-title-color: #C3D6EF;
 --pvb-subtitle-color: #DCDCDC;
}

.pvb-container {
 margin: 5px;
 float: right;
 width: 360px;
 padding: 5px;
 border: 1px solid var(--pvb-border-color);
 background-color: var(--pvb-infobox-color);
}

.pvb-title-container {
 background-color: var(--pvb-title-color);
 text-align: center;
 font-size: 12pt;
 font-weight: bold;
}

.pvb-image-caption {
 text-align: center;
}

.pvb-main-image {
 display: block;
}

.pvb-info-row {
 display: flex;
}

.pvb-info-row b {
 width: 120px;
}

.pvb-info-row div {
 width: 240px;
}

.pvb-table-split-container {
 display: flex;
}

.pvb-table-split-container div.left {
 width: 170px;
}

.pvb-table-split-container div.right {
 width: 179px;
 border: 1px dotted var(--pvb-subtitle-color);
 border-width: 0px 0px 0px 1px;
 padding-left: 5px;
}
}}
<div class="pvb-container">
<div class="pvb-title-container">
{{{title}}}
</div>
<div class="pvb-main-image">
{{#if: {{{image|}}} | [[File:{{{image}}}|360px]] |}}
</div>
<div class="pvb-image-caption">
{{{image-caption|}}}
</div>
{{#if: {{{image|}}}|
<hr>
|}}
{{#if: {{{date|}}}|
<div class="pvb-info-row">
<b>Date</b><div>{{{date}}}</div>
</div>
|}}
{{#if: {{{location|}}}|
<div class="pvb-info-row">
<b>Location</b><div>{{{location}}}</div>
</div>
|}}
{{#if: {{{result|}}}|
<div class="pvb-info-row">
<b>Result</b><div>{{{result}}}</div>
</div>
|}}
{{#if: {{{participants1|}}}|
<div class="pvb-title-container">
Participants
</div>
<div class="pvb-table-split-container">
<div class="left">{{{participants1}}}</div>
<div class="right>{{{participants2}}}</div>
</div>
|}}
{{#if: {{{leaders1|}}}|
<div class="pvb-title-container">
Commanders and leaders
</div>
<div class="pvb-table-split-container">
<div class="left">{{{leaders1}}}</div>
<div class="right>{{{leaders2}}}</div>
</div>
|}}
{{#if: {{{casualties1|}}}|
<div class="pvb-title-container">
Commanders and leaders
</div>
<div class="pvb-table-split-container">
<div class="left">{{{casualties1}}}</div>
<div class="right>{{{casualties2}}}</div>
</div>
|}}
</div>