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: 250px; text-align: left; font-size: 90%;" cellpadding="2"
+{{clearleft}}
-|-
+<div class="infobox-crime">
-| colspan="2" style="/*color: #ffffff;*/ text-align:center; vertical-align:middle; /*height:28px; font-size: medium;*/ background-color: #85dd73; /*5bbd53;*/" |  '''Type: {{{crime|Murder}}}'''
+ <div class="crime-type">{{#if:{{{crime|}}}|{{{crime}}}|Murder}} </div>
-|-
+ <div class="crime-container">
-| colspan="2" style="text-align:center; vertical-align:bottom; padding: 0px;" |
+   {{#if: {{{image|}}} |
-{{#if: {{{image|}}} | [[Image:{{{image}}}|275px]]}}
+    <div class="crime-img-container"> [[Image:{{{image}}}|290px]] </div>}}
-|-
+  <div class="crime-details-container">{{#if:
-| colspan="2" style="color: #2c5e22; vertical-align:middle; font-size: small; background-color: #85dd73;" | '''Case'''
+    {{{date|}}}|
-|-
+      <div class="crime-detail"> <span><strong>Date:</strong></span> <span>{{{date}}}</span> </div> }}{{#if:
-! width="100"|Location:
+    {{{location|}}}|
-| {{{location|}}}
+      <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:
-! Victim:
+    {{{victim|}}}|
-{{!}} {{{victim}}}
+      <div class="crime-detail"> <span><strong>{{{victim-label|Victim}}}:</strong></span> <span>{{{victim}}}</span> </div> }}{{#if:
-{{!}}- }}
+    {{{age|}}}|
-{{#if: {{{cause-death|}}} |
+      <div class="crime-detail"> <span><strong>Age:</strong></span> <span>{{{age}}}</span> </div> }}{{#if:
-! Cause of death:
+    {{{time|}}}|
-{{!}} {{{cause-death}}}
+      <div class="crime-detail"> <span><strong>Time:</strong></span> <span>{{{time}}}</span> </div> }}{{#if:
-{{!}}- }}
+    {{{cause-death|}}}|
-{{#if: {{{suspects|}}} |
+      <div class="crime-detail"> <span><strong>{{{cause-death-label|Cause of death}}}:</strong></span> <span>{{{cause-death}}}</span> </div> }}{{#if:
-! Suspects:
+    {{{suspects|}}}|
-{{!}} {{{suspects}}}
+      <div class="crime-detail"> <span><strong>{{{suspects-label|Suspects}}}:</strong></span> <span>{{{suspects}}}</span> </div> }}{{#if:
-{{!}}- }}
+    {{{description|}}}|
-{{#if: {{{description|}}} |
+       <div class="crime-description">{{{description}}}</div> }}{{#if:
-! Description:
+    {{{footnotes|}}}|
-{{!}} {{{description}}}
+       <div class="crime-footnotes">{{{footnotes}}}</div> }}
-{{!}}- }}
+  </div>
-{{#if: {{{footnotes|}}} |
+ </div>
-{{!}} colspan="2" style="font-size: smaller; border-top: 1px dotted #aaaaaa" {{!}} {{{footnotes|}}}  }}
+</div>
-|}
+{{code
-<noinclude>
+|css=
-The following is a list of required or optional parameters for a case's crime:
+ .infobox-crime {
+  background: #f8f9fa;
+  border: 1px solid #aaa;
+  max-width: 650px;
+  padding: 0.3em;
+  margin: 0.5em 0;
+  line-height: 1.3em;
+ }
+ .crime-type {
+  background: #DF5829;
+  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>
 {{InfoBox Crime
 | crime               =    (Optional: defaults to "Murder" if omitted)
 | image               =
-| location            =
+| 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)
 }}
 </pre>
-[[Category:Templates]]
+[[Category:InfoBox templates]][[Category:Templates]]
 </noinclude>