Template:Pavalabox Military conflict: Difference between revisions

Latest revision as of 14:32, 3 December 2019

{{{title}}}

@@ Line 1: / Line 1: @@
-{{#css:Pavalabox-common.css}}
+{{Template:Pavalabox-common.css}}
-<div class="pvb-test">
+{{#css:
-hello
+: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>