Template:InfoBox Crime - Revision history

R0o0di at 10:42, 7 June 2025

2025-06-07T10:42:18Z

R0o0di: testing Template:Css

2025-06-01T13:44:00Z

testing Template:Css

LegoFan506 at 06:05, 20 April 2025

2025-04-20T06:05:55Z

AvidConanContributor: If there is no image, then the section for the image won't get squished by the text next to it

2025-04-19T23:46:26Z

If there is no image, then the section for the image won't get squished by the text next to it

AvidConanContributor: If there is no image, the crime details should still be right-aligned

2025-04-13T21:25:33Z

If there is no image, the crime details should still be right-aligned

LegoFan506 at 06:35, 13 April 2025

2025-04-13T06:35:39Z

AvidConanContributor: Undo revision 383398 by R0o0di (talk) It has a purpose, please check dcw-wiki for explanation

2025-04-11T17:49:50Z

Undo revision 383398 by R0o0di (talk) It has a purpose, please check dcw-wiki for explanation

R0o0di: doesnt seem to fulfill a purpose

2025-04-11T17:31:16Z

doesnt seem to fulfill a purpose

R0o0di at 21:50, 10 April 2025

2025-04-10T21:50:14Z

AvidConanContributor: Adding some margins

2025-04-07T02:50:36Z

Adding some margins

@@ Line 29: / Line 29: @@
   </div>
 </div>
-{{css|
+{{code
   .infobox-crime {
    background: #f8f9fa;

@@ Line 1: / Line 1: @@
 {{clearleft}}
-<div style="background: #f8f9fa; border: 1px solid #aaa; max-width: 650px; padding: 0.3em; margin: 0.5em 0; line-height: 1.3em;">
+<div class="infobox-crime">
-  <div style="background: #DF5829; color: white; text-align: center; font-weight: bold; padding: 2px;">{{#if:{{{crime|}}}|{{{crime}}}|Murder}} </div>
+  <div class="crime-type">{{#if:{{{crime|}}}|{{{crime}}}|Murder}} </div>
-  <div style="overflow: auto; padding-top: 4px; font-size: 90%; display: flex; justify-content: space-between;">
+  <div class="crime-container">
     {{#if: {{{image|}}} |
-     <div style="min-width: 290px;"> [[Image:{{{image}}}|290px]] </div>}}
+     <div class="crime-img-container"> [[Image:{{{image}}}|290px]] </div>}}
-   <div style="min-width: 355px; padding-left: 5px;">{{#if:
+   <div class="crime-details-container">{{#if:
      {{{date|}}}|
-       <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:
+       <div class="crime-detail"> <span><strong>Date:</strong></span> <span>{{{date}}}</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:
+       <div class="crime-detail"> <span><strong>Location:</strong></span> <span>{{{location}}}</span> </div> }}{{#if:
      {{{people|}}}|
-       <div style= "padding: 3px 0; border-bottom: 1px dotted #ccc; display: grid; grid-template-columns: 102px auto;"> <span><strong>People:</strong></span> <span>{{{people}}}</span> </div> }}{{#if:
+       <div class="crime-detail"> <span><strong>People:</strong></span> <span>{{{people}}}</span> </div> }}{{#if:
      {{{victim|}}}|
-       <div style= "padding: 3px 0; border-bottom: 1px dotted #ccc; display: grid; grid-template-columns: 102px auto;"> <span><strong>{{{victim-label|Victim}}}:</strong></span> <span>{{{victim}}}</span> </div> }}{{#if:
+       <div class="crime-detail"> <span><strong>{{{victim-label|Victim}}}:</strong></span> <span>{{{victim}}}</span> </div> }}{{#if:
      {{{age|}}}|
-       <div style= "padding: 3px 0; border-bottom: 1px dotted #ccc; display: grid; grid-template-columns: 102px auto;"> <span><strong>Age:</strong></span> <span>{{{age}}}</span> </div> }}{{#if:
+       <div class="crime-detail"> <span><strong>Age:</strong></span> <span>{{{age}}}</span> </div> }}{{#if:
      {{{time|}}}|
-       <div style= "padding: 3px 0; border-bottom: 1px dotted #ccc; display: grid; grid-template-columns: 102px auto;"> <span><strong>Time:</strong></span> <span>{{{time}}}</span> </div> }}{{#if:
+       <div class="crime-detail"> <span><strong>Time:</strong></span> <span>{{{time}}}</span> </div> }}{{#if:
      {{{cause-death|}}}|
-       <div style= "padding: 3px 0; border-bottom: 1px dotted #ccc; display: grid; grid-template-columns: 102px auto;"> <span><strong>{{{cause-death-label|Cause of death}}}:</strong></span> <span>{{{cause-death}}}</span> </div> }}{{#if:
+       <div class="crime-detail"> <span><strong>{{{cause-death-label|Cause of death}}}:</strong></span> <span>{{{cause-death}}}</span> </div> }}{{#if:
      {{{suspects|}}}|
-       <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:
+       <div class="crime-detail"> <span><strong>{{{suspects-label|Suspects}}}:</strong></span> <span>{{{suspects}}}</span> </div> }}{{#if:
      {{{description|}}}|
-        <div style= "padding: 3px 0;">{{{description}}}</div> }}{{#if:
+        <div class="crime-description">{{{description}}}</div> }}{{#if:
      {{{footnotes|}}}|
-        <div style="padding: 3px 0; font-size: 90%; border-top: 1px dotted #ccc;">{{{footnotes}}}</div> }}
+        <div class="crime-footnotes">{{{footnotes}}}</div> }}
    </div>
   </div>
-</div><noinclude>
+</div>
 <p style="clear: both">The following is a list of required or optional parameters for a case's crime:</p>
 <pre>

@@ Line 4: / Line 4: @@
   <div style="overflow: auto; padding-top: 4px; font-size: 90%; display: flex; justify-content: space-between;">
     {{#if: {{{image|}}} |
-     <div style="min-width: 290px;"> [[Image:{{{image}}}|290px]]}} </div>
+     <div style="min-width: 290px;"> [[Image:{{{image}}}|290px]] </div>}}
    <div style="min-width: 355px; padding-left: 5px;">{{#if:
      {{{date|}}}|

@@ Line 4: / Line 4: @@
   <div style="overflow: auto; padding-top: 4px; font-size: 90%; display: flex; justify-content: space-between;">
     {{#if: {{{image|}}} |
-     <div> [[Image:{{{image}}}|290px]]}} </div>
+     <div style="min-width: 290px;"> [[Image:{{{image}}}|290px]]}} </div>
    <div style="min-width: 355px; padding-left: 5px;">{{#if:
      {{{date|}}}|

@@ Line 2: / Line 2: @@
 <div style="background: #f8f9fa; border: 1px solid #aaa; max-width: 650px; padding: 0.3em; margin: 0.5em 0; line-height: 1.3em;">
   <div style="background: #DF5829; color: white; text-align: center; font-weight: bold; padding: 2px;">{{#if:{{{crime|}}}|{{{crime}}}|Murder}} </div>
-  <div style="overflow: auto; padding-top: 4px; font-size: 90%; display: flex;">
+  <div style="overflow: auto; padding-top: 4px; font-size: 90%; display: flex; justify-content: space-between;">
     {{#if: {{{image|}}} |
      <div> [[Image:{{{image}}}|290px]]}} </div>

← Older revision		Revision as of 17:49, 11 April 2025
Line 1:		Line 1:
		+	{{clearleft}}
	<div style="background: #f8f9fa; border: 1px solid #aaa; max-width: 650px; padding: 0.3em; margin: 0.5em 0; line-height: 1.3em;">		<div style="background: #f8f9fa; border: 1px solid #aaa; max-width: 650px; padding: 0.3em; margin: 0.5em 0; line-height: 1.3em;">
	<div style="background: #DF5829; color: white; text-align: center; font-weight: bold; padding: 2px;">{{#if:{{{crime\|}}}\|{{{crime}}}\|Murder}} </div>		<div style="background: #DF5829; color: white; text-align: center; font-weight: bold; padding: 2px;">{{#if:{{{crime\|}}}\|{{{crime}}}\|Murder}} </div>

← Older revision		Revision as of 17:31, 11 April 2025
Line 1:		Line 1:
−	~~{{clearleft}}~~
	<div style="background: #f8f9fa; border: 1px solid #aaa; max-width: 650px; padding: 0.3em; margin: 0.5em 0; line-height: 1.3em;">		<div style="background: #f8f9fa; border: 1px solid #aaa; max-width: 650px; padding: 0.3em; margin: 0.5em 0; line-height: 1.3em;">
	<div style="background: #DF5829; color: white; text-align: center; font-weight: bold; padding: 2px;">{{#if:{{{crime\|}}}\|{{{crime}}}\|Murder}} </div>		<div style="background: #DF5829; color: white; text-align: center; font-weight: bold; padding: 2px;">{{#if:{{{crime\|}}}\|{{{crime}}}\|Murder}} </div>