Template:InfoBox Heist - Revision history

R0o0di: more mobile-friendly

2025-04-18T23:50:30Z

more mobile-friendly

BOBO at 14:15, 22 January 2025

2025-01-22T14:15:53Z

BOBO: I do not know how to modify css, adding it manually will make it look the same as the crime infobox

2025-01-22T14:06:50Z

I do not know how to modify css, adding it manually will make it look the same as the crime infobox

Chekhov MacGuffin: word change

2012-05-01T23:50:39Z

word change

Chekhov MacGuffin: now light blue

2012-05-01T23:49:48Z

now light blue

Chekhov MacGuffin at 05:59, 1 May 2012

2012-05-01T05:59:59Z

Chekhov MacGuffin at 05:59, 1 May 2012

2012-05-01T05:59:11Z

Chekhov MacGuffin at 05:58, 1 May 2012

2012-05-01T05:58:31Z

Chekhov MacGuffin at 05:57, 1 May 2012

2012-05-01T05:57:58Z

Chekhov MacGuffin at 05:57, 1 May 2012

2012-05-01T05:57:03Z

@@ Line 1: / Line 1: @@
-{| class="infobox heist" 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;" |  '''{{#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; padding: 2px;" {{!}} {{{thief-label|Thief}}}:
+        {{{owner|}}}|
-{{!}} style="border-bottom: 1px dotted #cccccc; padding: 2px;" {{!}} {{{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; padding: 2px;"|Target:
+        {{{date|}}}|
-| style="border-bottom: 1px dotted #cccccc; padding: 2px;"|{{#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; padding: 2px;" {{!}} {{{owner-label|Owner}}}:
+        {{{notice|}}}|
-{{!}} style="border-bottom: 1px dotted #cccccc; padding: 2px;" {{!}} {{{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; padding: 2px;" {{!}} Location:
+        {{{footnotes|}}}|
-{{!}} style="border-bottom: 1px dotted #cccccc; padding: 2px;" {{!}} {{{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; padding: 2px;" {{!}} Date:
+</div><noinclude>
 <p style="clear: both">The following is a list of required or optional parameters for a case's heist:</p>
 <pre>

@@ Line 9: / Line 9: @@
 |-
 {{#if: {{{thief|}}} |
-! style="border-bottom: 1px dotted #cccccc; padding: 3px;" {{!}} {{{thief-label|Thief}}}:
+! style="border-bottom: 1px dotted #cccccc; padding: 2px;" {{!}} {{{thief-label|Thief}}}:
-{{!}} style="border-bottom: 1px dotted #cccccc; padding: 3px;" {{!}} {{{thief}}}
+{{!}} style="border-bottom: 1px dotted #cccccc; padding: 2px;" {{!}} {{{thief}}}
 {{!}}- }}
 |-
-! width="102" style="border-bottom: 1px dotted #cccccc; padding: 3px;"|Target:
+! width="102" style="border-bottom: 1px dotted #cccccc; padding: 2px;"|Target:
-| style="border-bottom: 1px dotted #cccccc; padding: 3px;"|{{#if:{{{target|}}}|{{{target}}}|}}
+| style="border-bottom: 1px dotted #cccccc; padding: 2px;"|{{#if:{{{target|}}}|{{{target}}}|}}
 |-
 {{#if: {{{owner|}}} |
-! style="border-bottom: 1px dotted #cccccc; padding: 3px;" {{!}} {{{owner-label|Owner}}}:
+! style="border-bottom: 1px dotted #cccccc; padding: 2px;" {{!}} {{{owner-label|Owner}}}:
-{{!}} style="border-bottom: 1px dotted #cccccc; padding: 3px;" {{!}} {{{owner}}}
+{{!}} style="border-bottom: 1px dotted #cccccc; padding: 2px;" {{!}} {{{owner}}}
 {{!}}- }}
 {{#if: {{{location|}}} |
-! style="border-bottom: 1px dotted #cccccc; padding: 3px;" {{!}} Location:
+! style="border-bottom: 1px dotted #cccccc; padding: 2px;" {{!}} Location:
-{{!}} style="border-bottom: 1px dotted #cccccc; padding: 3px;" {{!}} {{{location}}}
+{{!}} style="border-bottom: 1px dotted #cccccc; padding: 2px;" {{!}} {{{location}}}
 {{!}}- }}
 {{#if: {{{date|}}} |
-! style="border-bottom: 1px dotted #cccccc; padding: 3px;" {{!}} Date:
+! style="border-bottom: 1px dotted #cccccc; padding: 2px;" {{!}} Date:
-{{!}} style="border-bottom: 1px dotted #cccccc; padding: 3px;" {{!}} {{{date}}}
+{{!}} style="border-bottom: 1px dotted #cccccc; padding: 2px;" {{!}} {{{date}}}
 {{!}}- }}
 {{#if: {{{suspects|}}} |
-! style="border-bottom: 1px dotted #cccccc; padding: 3px;" {{!}} {{{suspects-label|Suspects}}}:
+! style="border-bottom: 1px dotted #cccccc; padding: 2px;" {{!}} {{{suspects-label|Suspects}}}:
-{{!}} style="border-bottom: 1px dotted #cccccc; padding: 3px;" {{!}} {{{suspects}}}
+{{!}} style="border-bottom: 1px dotted #cccccc; padding: 2px;" {{!}} {{{suspects}}}
 {{!}}- }}
 {{#if: {{{notice|}}} |
-! style="border-bottom: 1px dotted #cccccc; padding: 3px;" {{!}} {{{notice-label|Advanced Notice}}}:
+! style="border-bottom: 1px dotted #cccccc; padding: 2px;" {{!}} {{{notice-label|Advanced Notice}}}:
-{{!}} style="border-bottom: 1px dotted #cccccc; padding: 3px;" {{!}} {{{notice}}}
+{{!}} style="border-bottom: 1px dotted #cccccc; padding: 2px;" {{!}} {{{notice}}}
 {{!}}- }}
 {{#if: {{{description|}}} |
-{{!}} colspan="2" style="padding: 3px;" {{!}} {{{description}}}
+{{!}} colspan="2" style="padding: 2px;" {{!}} {{{description}}}
 {{!}}- }}
 {{#if: {{{footnotes|}}} |
-{{!}} colspan="2" style="font-size: smaller; border-top: 1px dotted #aaaaaa; padding: 3px;" {{!}} {{{footnotes|}}}  }}
+{{!}} colspan="2" style="font-size: smaller; border-top: 1px dotted #aaaaaa; padding: 2px;" {{!}} {{{footnotes|}}}  }}
 |}
 |}<noinclude>

@@ 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"
+{| class="infobox heist" style="width: 650px; text-align: left; font-size: 90%; float: none; clear: left; margin-left: 0; margin-right: 1em;" cellpadding="2"
 |-
-| 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}}'''
+| colspan="2" style="color: #ffffff; text-align:center; vertical-align:middle; /*height:28px;*/ font-size: small; background-color: #7CB2D4;" |  '''{{#if:{{{heist|}}}|{{{heist}}}|Heist}}'''
 |-
 | width="290" class="nospacing" style="text-align:center; vertical-align:top; padding: 2px 0px 0px 0px;" |
@@ Line 9: / Line 9: @@
 |-
 {{#if: {{{thief|}}} |
-! style="border-bottom: 1px dotted #cccccc;" {{!}} {{{thief-label|Thief}}}:
+! style="border-bottom: 1px dotted #cccccc; padding: 3px;" {{!}} {{{thief-label|Thief}}}:
-{{!}} style="border-bottom: 1px dotted #cccccc;" {{!}} {{{thief}}}
+{{!}} style="border-bottom: 1px dotted #cccccc; padding: 3px;" {{!}} {{{thief}}}
 {{!}}- }}
 |-
-! width="102" style="border-bottom: 1px dotted #cccccc;"|Target:
+! width="102" style="border-bottom: 1px dotted #cccccc; padding: 3px;"|Target:
-| style="border-bottom: 1px dotted #cccccc;"|{{#if:{{{target|}}}|{{{target}}}|}}
+| style="border-bottom: 1px dotted #cccccc; padding: 3px;"|{{#if:{{{target|}}}|{{{target}}}|}}
 |-
 {{#if: {{{owner|}}} |
-! style="border-bottom: 1px dotted #cccccc;" {{!}}  {{{owner-label|Owner}}}:
+! style="border-bottom: 1px dotted #cccccc; padding: 3px;" {{!}} {{{owner-label|Owner}}}:
-{{!}} style="border-bottom: 1px dotted #cccccc;" {{!}} {{{owner}}}
+{{!}} style="border-bottom: 1px dotted #cccccc; padding: 3px;" {{!}} {{{owner}}}
 {{!}}- }}
 {{#if: {{{location|}}} |
-! style="border-bottom: 1px dotted #cccccc;" {{!}} Location:
+! style="border-bottom: 1px dotted #cccccc; padding: 3px;" {{!}} Location:
-{{!}} style="border-bottom: 1px dotted #cccccc;" {{!}} {{{location}}}
+{{!}} style="border-bottom: 1px dotted #cccccc; padding: 3px;" {{!}} {{{location}}}
 {{!}}- }}
 {{#if: {{{date|}}} |
-! style="border-bottom: 1px dotted #cccccc;" {{!}} Date:
+! style="border-bottom: 1px dotted #cccccc; padding: 3px;" {{!}} Date:
-{{!}} style="border-bottom: 1px dotted #cccccc;" {{!}} {{{date}}}
+{{!}} style="border-bottom: 1px dotted #cccccc; padding: 3px;" {{!}} {{{date}}}
 {{!}}- }}
 {{#if: {{{suspects|}}} |
-! style="border-bottom: 1px dotted #cccccc;" {{!}}  {{{suspects-label|Suspects}}}:
+! style="border-bottom: 1px dotted #cccccc; padding: 3px;" {{!}} {{{suspects-label|Suspects}}}:
-{{!}} style="border-bottom: 1px dotted #cccccc;" {{!}} {{{suspects}}}
+{{!}} style="border-bottom: 1px dotted #cccccc; padding: 3px;" {{!}} {{{suspects}}}
 {{!}}- }}
 {{#if: {{{notice|}}} |
-! style="border-bottom: 1px dotted #cccccc;" {{!}}  {{{notice-label|Advanced Notice}}}:
+! style="border-bottom: 1px dotted #cccccc; padding: 3px;" {{!}} {{{notice-label|Advanced Notice}}}:
-{{!}} style="border-bottom: 1px dotted #cccccc;" {{!}} {{{notice}}}
+{{!}} style="border-bottom: 1px dotted #cccccc; padding: 3px;" {{!}} {{{notice}}}
 {{!}}- }}
 {{#if: {{{description|}}} |
@@ Line 40: / Line 40: @@
 {{!}}- }}
 {{#if: {{{footnotes|}}} |
-{{!}} colspan="2" style="font-size: smaller; border-top: 1px dotted #aaaaaa" {{!}} {{{footnotes|}}}  }}
+{{!}} colspan="2" style="font-size: smaller; border-top: 1px dotted #aaaaaa; padding: 3px;" {{!}} {{{footnotes|}}}  }}
 |}
 |}<noinclude>

@@ Line 43: / Line 43: @@
 |}
 |}<noinclude>
-<p style="clear: both">The following is a list of required or optional parameters for a case's crime:</p>
+<p style="clear: both">The following is a list of required or optional parameters for a case's heist:</p>
 <pre>
 {{InfoBox Heist

@@ 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"
 |-
-| colspan="2" style="color: #ffffff; text-align:center; vertical-align:middle; /*height:28px;*/ font-size: small; background-color: #DF5829; /*78b3f0;*/ /*5bbd53;*/" |  '''{{#if:{{{heist|}}}|{{{heist}}}|Heist}}'''
+| 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}}'''
 |-
 | width="290" class="nospacing" style="text-align:center; vertical-align:top; padding: 2px 0px 0px 0px;" |