User:R0o0di/Sandbox/New InfoBox Crime: Difference between revisions

Latest revision as of 08:01, 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: @@
-<div class="crime-info-box" style="width: 650px; background: #f8f9fa; border: 1px solid #c8ccd1; padding: 10px; border-radius: 5px; font-size: 90%;">
+<div style="background: #f8f9fa; border: 1px solid #c8ccd1; border-radius: 5px; max-width: 550px;">
-  <div class="crime-title" style="background: #DF5829; color: white; text-align: center; font-weight: bold; padding: 5px; border-radius: 3px;">
+  <div style="background: #DF5829; color: white; text-align: center; font-weight: bold; padding: 5px;">{{#if:{{{crime|}}}|{{{crime}}}|Murder}}
-     {{#if:{{{crime|}}}|{{{crime}}}|Murder}}
   </div>
+ <div style="overflow: auto; font-size: 90%;">
+  <div style="width: 550px; display: flex;">
+   {{#if: {{{image|}}} |
+    <div> [[Image:{{{image}}}|290px]]}}
+    </div>
- <div class="crime-content" style="display: flex; margin-top: 10px;">
+   <div style="padding-left: 5px; width: 100%;">{{#if:
-  {{#if: {{{image|}}} |
+     {{{date|}}}|
-   <div class="crime-image" style="flex: 1; text-align: center;">
+         <div style= "padding: 3px 0; border-top: 1px dotted;"><span style="width: 90px; display: inline-block;"><strong>Date:</strong></span> <span>{{{date}}}</span></div> }}{{#if:
-     [[Image:{{{image}}}|290px]]}}
+     {{{location|}}}|
+         <div style= "padding: 3px 0; border-top: 1px dotted;"><span style="width: 90px; display: inline-block;"><strong>Location:</strong></span> <span>{{{location}}}</span></div> }}{{#if:
+     {{{people|}}}|
+         <div style= "padding: 3px 0; border-top: 1px dotted;"><span style="width: 90px; display: inline-block;"><strong>People Involved:</strong></span> <span>{{{people}}}</span></div> }}{{#if:
+     {{{victim|}}}|
+         <div style= "padding: 3px 0; border-top: 1px dotted;"><span style="width: 90px; display: inline-block;"><strong>{{{victim-label|Victim}}}:</strong></span> <span>{{{victim}}}</span></div> }}{{#if:
+     {{{age|}}}|
+         <div style= "padding: 3px 0; border-top: 1px dotted;"><span style="width: 90px; display: inline-block;"><strong>Age:</strong></span> <span>{{{age}}}</span></div> }}{{#if:
+    {{{time|}}}|
+        <div style= "padding: 3px 0; border-top: 1px dotted;"><span style="width: 90px; display: inline-block;"><strong>Time:</strong></span> <span>{{{time}}}</span></div> }}{{#if:
+    {{{cause-death|}}}|
+        <div style= "padding: 3px 0; border-top: 1px dotted;"><span style="width: 90px; display: inline-block;"><strong>{{{cause-death-label|Cause of death}}}:</strong></span> <span>{{{cause-death}}}</span></div> }}{{#if:
+    {{{suspects|}}}|
+        <div style= "padding: 3px 0; border-top: 1px dotted;"><span style="width: 90px; display: inline-block;"><strong>{{{suspects-label|Suspects}}}:</strong></span> <span>{{{suspects}}}</span></div> }}{{#if:
+    {{{description|}}}|
+        <div style= "padding: 3px 0; border-top: 1px dotted;">{{{description}}}</div> }}{{#if:
+    {{{footnotes|}}}|
+        <div style="font-size: 90%; border-top: 1px dotted;">{{{footnotes}}}</div> }}
     </div>
-  <div class="crime-details" style="flex: 2; padding-left: 10px;">
-   {{#if: {{{date|}}} | <div><strong>Date:</strong> {{{date}}}</div> }}
-   {{#if: {{{location|}}} | <div><strong>Location:</strong> {{{location}}}</div> }}
-   {{#if: {{{people|}}} | <div><strong>People Involved:</strong> {{{people}}}</div> }}
-   {{#if: {{{victim|}}} | <div><strong>{{{victim-label|Victim}}}:</strong> {{{victim}}}</div> }}
-   {{#if: {{{age|}}} | <div><strong>Age:</strong> {{{age}}}</div> }}
-   {{#if: {{{time|}}} | <div><strong>Time:</strong> {{{time}}}</div> }}
-   {{#if: {{{cause-death|}}} | <div><strong>{{{cause-death-label|Cause of death}}}:</strong> {{{cause-death}}}</div> }}
-   {{#if: {{{suspects|}}} | <div><strong>{{{suspects-label|Suspects}}}:</strong> {{{suspects}}}</div> }}
-   {{#if: {{{description|}}} | <div>{{{description}}}</div> }}
-   {{#if: {{{footnotes|}}} | <div>{{{footnotes}}}</div> }}
    </div>
   </div>
-</div>
+</div><noinclude>
-<noinclude>
 <p style="clear: both">The following is a list of required or optional parameters for a case's crime:</p>
 <pre>
@@ Line 44: / Line 51: @@
 }}
 </pre>
-[[Category:InfoBox templates]][[Category:Templates]]
 </noinclude>