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 2px 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:
-! width="102"|Crime:
+    {{{location|}}}|
-| {{#if:{{{crime|}}}|{{{crime}}}|Murder}}
+      <div class="crime-detail"> <span><strong>Location:</strong></span> <span>{{{location}}}</span> </div> }}{{#if:
-|-
+    {{{people|}}}|
-{{#if: {{{victim|}}} |
+      <div class="crime-detail"> <span><strong>People:</strong></span> <span>{{{people}}}</span> </div> }}{{#if:
-! style="border-top: 1px dotted #cccccc;" {{!}} Victim:
+    {{{victim|}}}|
-{{!}} style="border-top: 1px dotted #cccccc;" {{!}} {{{victim}}} {{!}}{{!}} style="width: 1px"{{!}}&nbsp;
+      <div class="crime-detail"> <span><strong>{{{victim-label|Victim}}}:</strong></span> <span>{{{victim}}}</span> </div> }}{{#if:
-{{!}}- }}
+    {{{age|}}}|
-{{#if: {{{age|}}} |
+      <div class="crime-detail"> <span><strong>Age:</strong></span> <span>{{{age}}}</span> </div> }}{{#if:
-! style="border-top: 1px dotted #cccccc;" {{!}} Age:
+    {{{time|}}}|
-{{!}} style="border-top: 1px dotted #cccccc;" {{!}} {{{age}}} {{!}}{{!}} style="width: 1px"{{!}}&nbsp;
+      <div class="crime-detail"> <span><strong>Time:</strong></span> <span>{{{time}}}</span> </div> }}{{#if:
-{{!}}- }}
+    {{{cause-death|}}}|
-! width="102" style="border-top: 1px dotted #cccccc;"|Location:
+      <div class="crime-detail"> <span><strong>{{{cause-death-label|Cause of death}}}:</strong></span> <span>{{{cause-death}}}</span> </div> }}{{#if:
-| style="border-top: 1px dotted #cccccc;"|{{{location|}}}
+    {{{suspects|}}}|
-|-
+      <div class="crime-detail"> <span><strong>{{{suspects-label|Suspects}}}:</strong></span> <span>{{{suspects}}}</span> </div> }}{{#if:
-{{#if: {{{time|}}} |
+    {{{description|}}}|
-! style="border-top: 1px dotted #cccccc;" {{!}} Time:
+       <div class="crime-description">{{{description}}}</div> }}{{#if:
-{{!}} style="border-top: 1px dotted #cccccc;" {{!}} {{{time}}} {{!}}{{!}} style="width: 1px"{{!}}&nbsp;
+    {{{footnotes|}}}|
-{{!}}- }}
+       <div class="crime-footnotes">{{{footnotes}}}</div> }}
-{{#if: {{{cause-death|}}} |
+  </div>
-! style="border-top: 1px dotted #cccccc;" {{!}}  Cause of death:
+ </div>
-{{!}} style="border-top: 1px dotted #cccccc;" {{!}} {{{cause-death}}} {{!}}{{!}} style="width: 1px"{{!}}&nbsp;
+</div>
-{{!}}- }}
+{{code
-{{#if: {{{suspects|}}} |
+|css=
-! style="border-top: 1px dotted #cccccc;" {{!}}  Suspects:
+ .infobox-crime {
-{{!}} style="border-top: 1px dotted #cccccc;" {{!}} {{{suspects}}} {{!}}{{!}} style="width: 1px"{{!}}&nbsp;
+  background: #f8f9fa;
-{{!}}- }}
+  border: 1px solid #aaa;
-{{#if: {{{description|}}} |
+  max-width: 650px;
-{{!}} colspan="3" style="color: #ffffff; text-align:center; vertical-align:middle; font-size: small; background-color: #DF5829; padding: 1px;" {{!}}  '''Description'''
+  padding: 0.3em;
-{{!}}-
+  margin: 0.5em 0;
-{{!}} colspan="3" style="padding: 3px;" {{!}} {{{description}}}
+  line-height: 1.3em;
-{{!}}- }}
+ }
-{{#if: {{{footnotes|}}} |
-{{!}} colspan="3" style="font-size: smaller; border-top: 1px dotted #aaaaaa" {{!}} {{{footnotes|}}}  }}
+ .crime-type {
-|}
+  background: #DF5829;
-|}<noinclude>
+  color: white;
+  text-align: center;
+  font-weight: bold;
+  padding: 2px;
+ }
+ .crime-container {
+  overflow: auto;
+  padding-top: 4px;
+  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 48: / Line 87: @@
 | crime               =    (Optional: defaults to "Murder" if omitted)
 | image               =
+| location            =    (Optional)
 | victim              =    (Optional)
+| victim-label        =    (Optional)
 | age                 =    (Optional)
-| location            =
 | 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)
 }}
 </pre>
-[[Category:Templates]]
+[[Category:InfoBox templates]][[Category:Templates]]
 </noinclude>