Jump to content

Template:InfoBox Crime: Difference between revisions

From Detective Conan Wiki
If there is no image, then the section for the image won't get squished by the text next to it
No edit summary
 
(2 intermediate revisions by 2 users not shown)
Line 1: Line 1:
{{clearleft}}
{{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|}}} |
   {{#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|}}}|  
     {{{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|}}}|
     {{{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|}}}|
     {{{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|}}}|
     {{{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|}}}|
     {{{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|}}}|
     {{{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|}}}|
     {{{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|}}}|
     {{{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|}}}|
     {{{description|}}}|
       <div style= "padding: 3px 0;">{{{description}}}</div> }}{{#if:
       <div class="crime-description">{{{description}}}</div> }}{{#if:
     {{{footnotes|}}}|
     {{{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>
  </div>
</div><noinclude>
</div>
{{code
|css=
.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>
<p style="clear: both">The following is a list of required or optional parameters for a case's crime:</p>
<pre>
<pre>

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)
}}