Template:InfoBox Crime: Difference between revisions

Latest revision as of 10:42, 7 June 2025

Murder

The following is a list of required or optional parameters for a case's crime:

{{InfoBox Crime
| crime               =    (Optional: defaults to "Murder" if omitted)
| image               =
| location            =    (Optional) 
| victim              =    (Optional)
| victim-label        =    (Optional)
| age                 =    (Optional)
| time                =    (Optional)
| cause-death         =    (Optional)
| cause-death-label   =    (Optional)
| suspects            =    (Optional)
| suspects-label      =    (Optional)
| description         =    (Optional)
| footnotes           =    (Optional: will not show the row if omitted)
}}

@@ Line 1: / Line 1: @@
-{| class="infobox" style="width: 650px; text-align: left; font-size: 90%; float: none; clear: left; margin-left: 0; margin-right: 1em;" cellpadding="2"
+{{clearleft}}
-|-
+<div class="infobox-crime">
-| colspan="2" style="color: #ffffff; text-align:center; vertical-align:middle; /*height:28px;*/ font-size: small; background-color: #DF5829; /*78b3f0;*/ /*5bbd53;*/" |  '''{{#if:{{{crime|}}}|{{{crime}}}|Murder}}'''
+ <div class="crime-type">{{#if:{{{crime|}}}|{{{crime}}}|Murder}} </div>
-|-
+ <div class="crime-container">
-| width="290" class="nospacing" style="text-align:center; vertical-align:top; padding: 2px 0px 0px 0px;" |
+   {{#if: {{{image|}}} |
-{{#if: {{{image|}}} | [[Image:{{{image}}}|290px]]}}
+    <div class="crime-img-container"> [[Image:{{{image}}}|290px]] </div>}}
-| style="padding: 0px;" |
+  <div class="crime-details-container">{{#if:
-{| class="infobox crime" width="100%" style="border: 0px; margin: 0px; padding: 0px 0px 0px 2px; font-size: 100%; border-collapse: separate; border-spacing: 1px" cellpadding="0" cellspacing="0"
+    {{{date|}}}|
-|-
+      <div class="crime-detail"> <span><strong>Date:</strong></span> <span>{{{date}}}</span> </div> }}{{#if:
-{{#if: {{{date|}}} |
+    {{{location|}}}|
-! style="border-bottom: 1px dotted #cccccc;" {{!}} Date:
+      <div class="crime-detail"> <span><strong>Location:</strong></span> <span>{{{location}}}</span> </div> }}{{#if:
-{{!}} style="border-bottom: 1px dotted #cccccc;" {{!}} {{{date}}}
+    {{{people|}}}|
-{{!}}- }}
+      <div class="crime-detail"> <span><strong>People:</strong></span> <span>{{{people}}}</span> </div> }}{{#if:
-|-
+    {{{victim|}}}|
-! width="102" style="border-bottom: 1px dotted #cccccc;"|Location:
+      <div class="crime-detail"> <span><strong>{{{victim-label|Victim}}}:</strong></span> <span>{{{victim}}}</span> </div> }}{{#if:
-| style="border-bottom: 1px dotted #cccccc;"|{{#if:{{{location|}}}|{{{location}}}|}}
+    {{{age|}}}|
-|-
+      <div class="crime-detail"> <span><strong>Age:</strong></span> <span>{{{age}}}</span> </div> }}{{#if:
-{{#if: {{{people|}}} |
+    {{{time|}}}|
-! style="border-bottom: 1px dotted #cccccc;" {{!}} People:
+      <div class="crime-detail"> <span><strong>Time:</strong></span> <span>{{{time}}}</span> </div> }}{{#if:
-{{!}} style="border-bottom: 1px dotted #cccccc;" {{!}} {{{people}}}
+    {{{cause-death|}}}|
-{{!}}- }}
+      <div class="crime-detail"> <span><strong>{{{cause-death-label|Cause of death}}}:</strong></span> <span>{{{cause-death}}}</span> </div> }}{{#if:
-|-
+    {{{suspects|}}}|
-{{#if: {{{victim|}}} |
+      <div class="crime-detail"> <span><strong>{{{suspects-label|Suspects}}}:</strong></span> <span>{{{suspects}}}</span> </div> }}{{#if:
-! style="border-bottom: 1px dotted #cccccc;" {{!}} {{{victim-label|Victim}}}:
+    {{{description|}}}|
-{{!}} style="border-bottom: 1px dotted #cccccc;" {{!}} {{{victim}}}
+       <div class="crime-description">{{{description}}}</div> }}{{#if:
-{{!}}- }}
+    {{{footnotes|}}}|
-{{#if: {{{age|}}} |
+       <div class="crime-footnotes">{{{footnotes}}}</div> }}
-! style="border-bottom: 1px dotted #cccccc;" {{!}} Age:
+  </div>
-{{!}} style="border-bottom: 1px dotted #cccccc;" {{!}} {{{age}}}
+  </div>
-{{!}}- }}
+</div>
-{{#if: {{{time|}}} |
+{{code
-! style="border-bottom: 1px dotted #cccccc;" {{!}} Time:
+|css=
-{{!}} style="border-bottom: 1px dotted #cccccc;" {{!}} {{{time}}}
+ .infobox-crime {
-{{!}}- }}
+  background: #f8f9fa;
-{{#if: {{{cause-death|}}} |
+  border: 1px solid #aaa;
-! style="border-bottom: 1px dotted #cccccc;" {{!}}  Cause of death:
+  max-width: 650px;
-{{!}} style="border-bottom: 1px dotted #cccccc;" {{!}} {{{cause-death}}}
+  padding: 0.3em;
-{{!}}- }}
+  margin: 0.5em 0;
-{{#if: {{{suspects|}}} |
+  line-height: 1.3em;
-! style="border-bottom: 1px dotted #cccccc;" {{!}}  {{{suspects-label|Suspects}}}:
+ }
-{{!}} style="border-bottom: 1px dotted #cccccc;" {{!}} {{{suspects}}}
-{{!}}- }}
+ .crime-type {
-{{#if: {{{culprit|}}} |
+  background: #DF5829;
-! style="border-bottom: 1px dotted #cccccc;" {{!}}  Culprit:
+  color: white;
-{{!}} style="border-bottom: 1px dotted #cccccc;" {{!}} {{{culprit}}}
+  text-align: center;
-{{!}}- }}
+  font-weight: bold;
-{{#if: {{{description|}}} |
+  padding: 2px;
-{{!}} colspan="2" style="padding: 3px;" {{!}} {{{description}}}
+ }
-{{!}}- }}
-{{#if: {{{footnotes|}}} |
+ .crime-container {
-{{!}} colspan="2" style="font-size: smaller; border-top: 1px dotted #aaaaaa" {{!}} {{{footnotes|}}}  }}
+  overflow: auto;
-|}
+  padding-top: 4px;
-|}<noinclude>
+  font-size: 90%;
+  display: flex;
+  justify-content: space-between;
+ }
+ .crime-img-container {
+  min-width: 290px;
+ }
+ .crime-details-container {
+  min-width: 355px;
+  padding-left: 5px;
+ }
+ .crime-detail {
+  padding: 3px 0;
+  border-bottom: 1px dotted #ccc;
+  display: grid;
+  grid-template-columns: 102px auto;
+ }
+ .crime-description {
+  padding: 3px 0;
+ }
+ .crime-footnotes {
+  padding: 3px 0;
+  font-size: 90%;
+  border-top: 1px dotted #ccc;
+  }
+}}<noinclude>
 <p style="clear: both">The following is a list of required or optional parameters for a case's crime:</p>
 <pre>
@@ Line 57: / Line 87: @@
 | crime               =    (Optional: defaults to "Murder" if omitted)
 | image               =
-| location            =
+| location            =    (Optional)
 | victim              =    (Optional)
 | victim-label        =    (Optional)
@@ Line 63: / Line 93: @@
 | time                =    (Optional)
 | cause-death         =    (Optional)
+| cause-death-label   =    (Optional)
 | suspects            =    (Optional)
 | suspects-label      =    (Optional)