Template:InfoBox Heist: Difference between revisions

Latest revision as of 23:50, 18 April 2025

Heist

Target:

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

{{InfoBox Heist
| heist               =    (Optional: defaults to "Heist" if omitted)
| image               =
| thief               =    (Optional)
| thief-label         =    (Optional)
| target              = 
| owner               =    (Optional)
| owner-label         =    (Optional)
| location            =    (Optional)
| date                =    (Optional)
| suspects            =    (Optional)
| suspects-label      =    (Optional)
| notice              =    (Optional)
| notice-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 style="background: #f8f9fa; border: 1px solid #c8ccd1; max-width: 650px; padding: 0.3em; margin: 0.5em 0; line-height: 1.3em;">
-| colspan="2" style="color: #ffffff; text-align:center; vertical-align:middle; /*height:28px;*/ font-size: small; background-color: #7CB2D4; /*78b3f0;*/ /*5bbd53;*/" |  '''{{#if:{{{heist|}}}|{{{heist}}}|Heist}}'''
+ <div style="background: #7CB2D4; color: white; text-align: center; font-weight: bold; padding: 2px;">{{#if:{{{heist|}}}|{{{heist}}}|Heist}} </div>
-|-
+ <div style="overflow: auto; padding-top: 4px; font-size: 90%; display: flex; justify-content: space-between;">
-| width="290" class="nospacing" style="text-align:center; vertical-align:top; padding: 2px 0px 0px 0px;" |
+   {{#if: {{{image|}}} |
-{{#if: {{{image|}}} | [[Image:{{{image}}}|290px]]}}
+    <div> [[Image:{{{image}}}|290px]]}} </div>
-| style="padding: 0px;" |
+   <div style="min-width: 355px; padding-left: 5px;">{{#if:
-{| class="infobox heist" 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"
+     {{{thief|}}}|
-|-
+          <div style="padding: 3px 0;border-bottom: 1px dotted #ccc;display: grid;grid-template-columns: 102px auto;"><span><strong>{{{thief-label|Thief}}}:</strong></span><span>{{{thief}}}</span></div>}}
-{{#if: {{{thief|}}} |
+          <div style="padding: 3px 0;border-bottom: 1px dotted #ccc;display: grid;grid-template-columns: 102px auto;"><span><strong>Target:</strong></span><span>{{{target|}}}</span></div>{{#if:
-! style="border-bottom: 1px dotted #cccccc;" {{!}} {{{thief-label|Thief}}}:
+        {{{owner|}}}|
-{{!}} style="border-bottom: 1px dotted #cccccc;" {{!}} {{{thief}}}
+          <div style="padding: 3px 0;border-bottom: 1px dotted #ccc;display: grid;grid-template-columns: 102px auto;"><span><strong>{{{owner-label|Owner}}}:</strong></span><span>{{{owner}}}</span></div>}}{{#if:
-{{!}}- }}
+        {{{location|}}}|
-|-
+          <div style="padding: 3px 0;border-bottom: 1px dotted #ccc;display: grid;grid-template-columns: 102px auto;"><span><strong>Location:</strong></span><span>{{{location}}}</span></div>}}{{#if:
-! width="102" style="border-bottom: 1px dotted #cccccc;"|Target:
+        {{{date|}}}|
-| style="border-bottom: 1px dotted #cccccc;"|{{#if:{{{target|}}}|{{{target}}}|}}
+          <div style="padding: 3px 0;border-bottom: 1px dotted #ccc;display: grid;grid-template-columns: 102px auto;"><span><strong>Date:</strong></span><span>{{{date}}}</span></div>}}{{#if:
-|-
+        {{{suspects|}}}|
-{{#if: {{{owner|}}} |
+          <div style="padding: 3px 0;border-bottom: 1px dotted #ccc;display: grid;grid-template-columns: 102px auto;"><span><strong>{{{suspects-label|Suspects}}}:</strong></span><span>{{{suspects}}}</span></div>}}{{#if:
-! style="border-bottom: 1px dotted #cccccc;" {{!}}  {{{owner-label|Owner}}}:
+        {{{notice|}}}|
-{{!}} style="border-bottom: 1px dotted #cccccc;" {{!}} {{{owner}}}
+          <div style="padding: 3px 0;border-bottom: 1px dotted #ccc;display: grid;grid-template-columns: 102px auto;"><span><strong>{{{notice-label|Advanced Notice}}}:</strong></span><span>{{{notice}}}</span></div>}}{{#if:
-{{!}}- }}
+        {{{description|}}}|
-{{#if: {{{location|}}} |
+          <div style="padding: 3px 0;">{{{description}}}</div>}}{{#if:
-! style="border-bottom: 1px dotted #cccccc;" {{!}} Location:
+        {{{footnotes|}}}|
-{{!}} style="border-bottom: 1px dotted #cccccc;" {{!}} {{{location}}}
+          <div style="font-size: 90%; border-top: 1px dotted; padding: 3px 0;">{{{footnotes}}}</div>}}
-{{!}}- }}
+    </div>
-{{#if: {{{date|}}} |
+  </div>
-! style="border-bottom: 1px dotted #cccccc;" {{!}} Date:
+</div><noinclude>
-{{!}} style="border-bottom: 1px dotted #cccccc;" {{!}} {{{date}}}
-{{!}}- }}
-{{#if: {{{suspects|}}} |
-! style="border-bottom: 1px dotted #cccccc;" {{!}}  {{{suspects-label|Suspects}}}:
-{{!}} style="border-bottom: 1px dotted #cccccc;" {{!}} {{{suspects}}}
-{{!}}- }}
-{{#if: {{{notice|}}} |
-! style="border-bottom: 1px dotted #cccccc;" {{!}}  {{{notice-label|Advanced Notice}}}:
-{{!}} style="border-bottom: 1px dotted #cccccc;" {{!}} {{{notice}}}
-{{!}}- }}
-{{#if: {{{description|}}} |
-{{!}} colspan="2" style="padding: 3px;" {{!}} {{{description}}}
-{{!}}- }}
-{{#if: {{{footnotes|}}} |
-{{!}} colspan="2" style="font-size: smaller; border-top: 1px dotted #aaaaaa" {{!}} {{{footnotes|}}}  }}
-|}
-|}<noinclude>
 <p style="clear: both">The following is a list of required or optional parameters for a case's heist:</p>
 <pre>