Detective Conan Wiki - User contributions [en]

User:R0o0di/Sandbox/Latest news/Latest ep

2026-05-22T12:37:26Z

R0o0di:

<div class="card">
<div class="card-header"><b>{{{Header}}}</b></div>
<div class="card-body">
<div class="card-image-container">
<div class="card-image">
{{#ifeq: {{lc: {{{Series|}}} }} | yaiba
| {{#ifexist:File:YaibaSL TV Episode {{{Case First-Last Ep}}}.jpg
| [[File:YaibaSL TV Episode {{{Case First-Last Ep}}}.jpg|300px|link={{{Case Name}}}]]
| [[File:YaibaSLOpv2-12.jpg|300px|link=]]
}}
| {{#ifexist:File:TV Episode {{{Case First-Last Ep}}}.jpg
| [[File:TV Episode {{{Case First-Last Ep}}}.jpg|300px|link={{{Case Name}}}]]
| {{#ifexist:File:{{{Case Image|}}}
| [[File:{{{Case Image}}}|300px|link={{{Case Name}}}]]
| [[File:Joke 19 V2.jpg|300px|link=]]
}}
}}
}} </div> 
</div> 
<div class="card-title-next">
<div class="card-title">
[[ {{{Case Name}}}|<b> {{#iferror: {{#expr: {{{Episode Number}}} + 1}}
| {{{Episode Number}}}
| Episode {{{Episode Number}}}
}}</b>: {{{Case Name}}}
{{#if: {{{Case Part Name|}}}
| <small>{{{Case Part Name}}}</small>
}}
]] </div> 
{{User:R0o0di/Sandbox/Latest news/Next ep
| Next Episode Number = {{{Next Episode Number}}}
| Next Case Name = {{{Next Case Name}}}
| Next Case Part Name = {{{Next Case Part Name}}}
| Next Episode Date = {{{Next Episode Date}}}
| Anime footnotes = {{{Anime footnotes|}}}
}} </div> 
</div> 
</div> <noinclude>

source code, clean version:
<div style="overflow:auto;">
<pre style="width:max-content">
<div class="card">

<div class="card-header">
<b>{{{Header}}}</b>
</div>

<div class="card-body">

<div class="card-image-container">

<div class="card-image">

{{#ifeq: {{lc: {{{Series|}}} }} | yaiba

| {{#ifexist:File:YaibaSL TV Episode {{{Case First-Last Ep}}}.jpg
| [[File:YaibaSL TV Episode {{{Case First-Last Ep}}}.jpg|300px|link={{{Case Name}}}]]
| [[File:YaibaSLOpv2-12.jpg|300px|link=]]
}}

| {{#ifexist:File:TV Episode {{{Case First-Last Ep}}}.jpg
| [[File:TV Episode {{{Case First-Last Ep}}}.jpg|300px|link={{{Case Name}}}]]

| {{#ifexist:File:{{{Case Image|}}}
| [[File:{{{Case Image}}}|300px|link={{{Case Name}}}]]
| [[File:Joke 19 V2.jpg|300px|link=]]
}}
}}
}}

</div>

</div>

<div class="card-title-next">

<div class="card-title">
[[{{{Case Name}}}|
<b>
{{#iferror: {{#expr: {{{Episode Number}}} + 1}}
| {{{Episode Number}}}
| Episode {{{Episode Number}}}
}}
</b>:
{{{Case Name}}}

{{#if: {{{Case Part Name|}}}
| <small>{{{Case Part Name}}}</small>
}}
]]
</div>

{{User:R0o0di/Sandbox/Latest news/Next ep
| Next Episode Number = {{{Next Episode Number}}}
| Next Case Name = {{{Next Case Name}}}
| Next Case Part Name = {{{Next Case Part Name}}}
| Next Episode Date = {{{Next Episode Date}}}
| Anime footnotes = {{{Anime footnotes|}}}
}}

</div>

</div>
</div>
</pre></div></noinclude>

User:R0o0di/Sandbox/Latest news

2026-05-22T12:33:31Z

R0o0di:

<includeonly><div class="slideshow-container">
<div class="arrow left">❮</div>
<div class="arrow right">❯</div>
<div class="slides-wrapper" id="slides-wrapper">

<div class="slide">
{{#ifexpr: {{timeDiff|{{{S2 Episode Airdate}}}|{{#if:{{{S2 Episode Airtime|}}}|{{{S2 Episode Airtime}}}|{{{Regular Airtime}}} }}|9}}<=0
| {{User:R0o0di/Sandbox/Latest news/Latest ep
| Header = Latest episode
| Case First-Last Ep = {{#if:{{{S2 Case First-Last Ep|}}}|{{{S2 Case First-Last Ep}}}|{{{S2 Episode Number}}} }}
| Case Image = {{{S2 Case Image|}}}
| Episode Number = {{{S2 Episode Number}}}
| Case Name = {{{S2 Case Name}}}
| Case Part Name = {{{S2 Case Part Name}}}
| Next Episode Number = {{{S3 Episode Number}}}
| Next Case Name = {{{S3 Case Name}}}
| Next Case Part Name = {{{S3 Case Part Name}}}
| Next Episode Date = {{{S3 Episode Airdate}}}
| Anime footnotes = {{{Anime footnotes|}}}
}}
| {{User:R0o0di/Sandbox/Latest news/Latest ep
| Header = Latest episode
| Case First-Last Ep = {{#if:{{{S1 Case First-Last Ep|}}}|{{{S1 Case First-Last Ep}}}|{{{S1 Episode Number}}} }}
| Case Image = {{{S1 Case Image|}}}
| Episode Number = {{{S1 Episode Number}}}
| Case Name = {{{S1 Case Name}}}
| Case Part Name = {{{S1 Case Part Name}}}
| Next Episode Number = {{{S2 Episode Number}}}
| Next Case Name = {{{S2 Case Name}}}
| Next Case Part Name = {{{S2 Case Part Name}}}
| Next Episode Date = {{{S2 Episode Airdate}}}
| Anime footnotes = {{{Anime footnotes|}}}
}}
}}
</div> 

<div class="slide">
{{#ifexpr: {{timeDiff|{{{S2 Yaiba Episode Airdate}}}|{{#if:{{{S2 Yaiba Episode Airtime|}}}|{{{S2 Yaiba Episode Airtime}}}|{{{Regular Yaiba Airtime}}} }}|9}}<=0
| {{User:R0o0di/Sandbox/Latest news/Latest ep
| Series = Yaiba
| Header = Latest Yaiba episode
| Case First-Last Ep = {{#if:{{{S2 Yaiba First-Last Ep|}}}|{{{S2 Yaiba First-Last Ep}}}|{{{S2 Yaiba Episode Number}}} }}
| Episode Number = {{{S2 Yaiba Episode Number}}}
| Case Name = {{{S2 Yaiba Name}}}
| Case Part Name = {{{S2 Yaiba Part Name}}}
| Next Episode Number = {{{S3 Yaiba Episode Number}}}
| Next Case Name = {{{S3 Yaiba Name}}}
| Next Case Part Name = {{{S3 Yaiba Part Name}}}
| Next Episode Date = {{{S3 Yaiba Episode Airdate}}}
| Anime footnotes = {{{Yaiba footnotes|}}}
}}
| {{User:R0o0di/Sandbox/Latest news/Latest ep
| Series = Yaiba
| Header = Latest Yaiba episode
| Case First-Last Ep = {{#if:{{{S1 Yaiba First-Last Ep|}}}|{{{S1 Yaiba First-Last Ep}}}|{{{S1 Yaiba Episode Number}}} }}
| Episode Number = {{{S1 Yaiba Episode Number}}}
| Case Name = {{{S1 Yaiba Name}}}
| Case Part Name = {{{S1 Yaiba Part Name}}}
| Next Episode Number = {{{S2 Yaiba Episode Number}}}
| Next Case Name = {{{S2 Yaiba Name}}}
| Next Case Part Name = {{{S2 Yaiba Part Name}}}
| Next Episode Date = {{{S2 Yaiba Episode Airdate}}}
| Anime footnotes = {{{Yaiba footnotes|}}}
}}
}}
</div> 

<div class="slide">
<div class="card">
<div class="card-header"><b>Latest chapter</b></div>
<div class="card-body">
<div class="card-image-container">
<div class="card-image">
{{#ifexist:File:Chapter {{{Latest chapter number}}} Cover.jpg
| [[File:Chapter {{{Latest chapter number}}} Cover.jpg|300px|link={{{Latest chapter name}}}]]
| [[File:Joke 19 V2.jpg|300px|link=]]
}}
</div> 
</div> 
<div class="card-title-next">
<div class="card-title">
[[{{{Latest chapter name}}}|<b>File {{{Latest chapter number}}}</b>: {{{Latest chapter name}}}]]
</div> 
{{User:R0o0di/Sandbox/Latest news/Next ep
| Type = Manga
| Next Episode Number = {{{Next chapter number}}}
| Next Case Name = {{{Next chapter name}}}
| Next Episode Date = {{{Next chapter date}}}
| Anime footnotes = {{{Manga footnotes|}}}
}}
</div> 
</div> 
</div> 
</div> 
</div> 
</div> 
<div class="sidescroll-progress-bar-container">
<div class="sidescroll-progress-bar-background">
<div class="sidescroll-progress-bar"></div>
</div>
</div></includeonly><noinclude>
source code, clean version:
<div style="overflow:auto;">
<pre style="width:max-content">
<includeonly>
<div class="slideshow-container">

<div class="arrow left">❮</div>
<div class="arrow right">❯</div>

<div class="slides-wrapper" id="slides-wrapper">


<div class="slide">
{{#ifexpr: {{timeDiff|{{{S2 Episode Airdate}}}|{{#if:{{{S2 Episode Airtime|}}}|{{{S2 Episode Airtime}}}|{{{Regular Airtime}}} }}|9}}<=0

| {{User:R0o0di/Sandbox/Latest news/Latest ep
| Header = Latest episode
| Case First-Last Ep = {{#if:{{{S2 Case First-Last Ep|}}}|{{{S2 Case First-Last Ep}}}|{{{S2 Episode Number}}} }}
| Case Image = {{{S2 Case Image|}}}
| Episode Number = {{{S2 Episode Number}}}
| Case Name = {{{S2 Case Name}}}
| Case Part Name = {{{S2 Case Part Name}}}
| Next Episode Number = {{{S3 Episode Number}}}
| Next Case Name = {{{S3 Case Name}}}
| Next Case Part Name = {{{S3 Case Part Name}}}
| Next Episode Date = {{{S3 Episode Airdate}}}
| Anime footnotes = {{{Anime footnotes|}}}
}}

| {{User:R0o0di/Sandbox/Latest news/Latest ep
| Header = Latest episode
| Case First-Last Ep = {{#if:{{{S1 Case First-Last Ep|}}}|{{{S1 Case First-Last Ep}}}|{{{S1 Episode Number}}} }}
| Case Image = {{{S1 Case Image|}}}
| Episode Number = {{{S1 Episode Number}}}
| Case Name = {{{S1 Case Name}}}
| Case Part Name = {{{S1 Case Part Name}}}
| Next Episode Number = {{{S2 Episode Number}}}
| Next Case Name = {{{S2 Case Name}}}
| Next Case Part Name = {{{S2 Case Part Name}}}
| Next Episode Date = {{{S2 Episode Airdate}}}
| Anime footnotes = {{{Anime footnotes|}}}
}}
}}
</div>


<div class="slide">
{{#ifexpr: {{timeDiff|{{{S2 Yaiba Episode Airdate}}}|{{#if:{{{S2 Yaiba Episode Airtime|}}}|{{{S2 Yaiba Episode Airtime}}}|{{{Regular Yaiba Airtime}}} }}|9}}<=0

| {{User:R0o0di/Sandbox/Latest news/Latest ep
| Series = Yaiba
| Header = Latest Yaiba episode
| Case First-Last Ep = {{#if:{{{S2 Yaiba First-Last Ep|}}}|{{{S2 Yaiba First-Last Ep}}}|{{{S2 Yaiba Episode Number}}} }}
| Episode Number = {{{S2 Yaiba Episode Number}}}
| Case Name = {{{S2 Yaiba Name}}}
| Case Part Name = {{{S2 Yaiba Part Name}}}
| Next Episode Number = {{{S3 Yaiba Episode Number}}}
| Next Case Name = {{{S3 Yaiba Name}}}
| Next Case Part Name = {{{S3 Yaiba Part Name}}}
| Next Episode Date = {{{S3 Yaiba Episode Airdate}}}
| Anime footnotes = {{{Yaiba footnotes|}}}
}}

| {{User:R0o0di/Sandbox/Latest news/Latest ep
| Series = Yaiba
| Header = Latest Yaiba episode
| Case First-Last Ep = {{#if:{{{S1 Yaiba First-Last Ep|}}}|{{{S1 Yaiba First-Last Ep}}}|{{{S1 Yaiba Episode Number}}} }}
| Episode Number = {{{S1 Yaiba Episode Number}}}
| Case Name = {{{S1 Yaiba Name}}}
| Case Part Name = {{{S1 Yaiba Part Name}}}
| Next Episode Number = {{{S2 Yaiba Episode Number}}}
| Next Case Name = {{{S2 Yaiba Name}}}
| Next Case Part Name = {{{S2 Yaiba Part Name}}}
| Next Episode Date = {{{S2 Yaiba Episode Airdate}}}
| Anime footnotes = {{{Yaiba footnotes|}}}
}}
}}
</div>


<div class="slide">
<div class="card">

<div class="card-header">
<b>Latest chapter</b>
</div>

<div class="card-body">

<div class="card-image-container">

<div class="card-image">
{{#ifexist:File:Chapter {{{Latest chapter number}}} Cover.jpg
| [[File:Chapter {{{Latest chapter number}}} Cover.jpg|300px|link={{{Latest chapter name}}}]]
| [[File:Joke 19 V2.jpg|300px|link=]]
}}
</div>

</div>

<div class="card-title-next">

<div class="card-title">
[[{{{Latest chapter name}}}|<b>File {{{Latest chapter number}}}</b>: {{{Latest chapter name}}}]]
</div>

{{User:R0o0di/Sandbox/Latest news/Next ep
| Type = Manga
| Next Episode Number = {{{Next chapter number}}}
| Next Case Name = {{{Next chapter name}}}
| Next Episode Date = {{{Next chapter date}}}
| Anime footnotes = {{{Manga footnotes|}}}
}}

</div>

</div>
</div>
</div>

</div>
</div>

<div class="sidescroll-progress-bar-container">
<div class="sidescroll-progress-bar-background">
<div class="sidescroll-progress-bar"></div>
</div>
</div>

</includeonly>
</pre>
</div>
</noinclude>

User:R0o0di/Sandbox/Latest news/Latest ep

2026-05-22T12:27:39Z

R0o0di:

<div class="card">
<div class="card-header"><b>{{{Header}}}</b></div>
<div class="card-body">
<div class="card-image-container">
<div class="card-image">
{{#ifeq: {{lc: {{{Series|}}} }} | yaiba
| {{#ifexist:File:YaibaSL TV Episode {{{Case First-Last Ep}}}.jpg
| [[File:YaibaSL TV Episode {{{Case First-Last Ep}}}.jpg|300px|link={{{Case Name}}}]]
| [[File:YaibaSLOpv2-12.jpg|300px|link=]]
}}
| {{#ifexist:File:TV Episode {{{Case First-Last Ep}}}.jpg
| [[File:TV Episode {{{Case First-Last Ep}}}.jpg|300px|link={{{Case Name}}}]]
| {{#ifexist:File:{{{Case Image|}}}
| [[File:{{{Case Image}}}|300px|link={{{Case Name}}}]]
| [[File:Joke 19 V2.jpg|300px|link=]]
}}
}}
}} </div> 
</div> 
<div class="card-title-next">
<div class="card-title">
[[ {{{Case Name}}}|<b> {{#iferror: {{#expr: {{{Episode Number}}} + 1}}
| {{{Episode Number}}}
| Episode {{{Episode Number}}}
}}</b>: {{{Case Name}}}
{{#if: {{{Case Part Name|}}}
| <small>{{{Case Part Name}}}</small>
}}
]] </div> 
{{User:R0o0di/Sandbox/Latest news/Next ep
| Next Episode Number = {{{Next Episode Number}}}
| Next Case Name = {{{Next Case Name}}}
| Next Case Part Name = {{{Next Case Part Name}}}
| Next Episode Date = {{{Next Episode Date}}}
| Anime footnotes = {{{Anime footnotes|}}}
}} </div> 
</div> 
</div> <noinclude>

source code, clean version:
<div style="overflow:auto;">
<pre style="width:max-content">
<div class="card">

<div class="card-header">
<b>{{{Header}}}</b>
</div>

<div class="card-body">

<div class="card-image-container">

<div class="card-image">

{{#ifeq: {{lc: {{{Series|}}} }} | yaiba

| {{#ifexist:File:YaibaSL TV Episode {{{Case First-Last Ep}}}.jpg
| [[File:YaibaSL TV Episode {{{Case First-Last Ep}}}.jpg|300px|link={{{Case Name}}}]]
| [[File:YaibaSLOpv2-12.jpg|300px|link=]]
}}

| {{#ifexist:File:TV Episode {{{Case First-Last Ep}}}.jpg
| [[File:TV Episode {{{Case First-Last Ep}}}.jpg|300px|link={{{Case Name}}}]]

| {{#ifexist:File:{{{Case Image|}}}
| [[File:{{{Case Image}}}|300px|link={{{Case Name}}}]]
| [[File:Joke 19 V2.jpg|300px|link=]]
}}
}}
}}

</div>

</div>

<div class="card-title-next">

<div class="card-title">
[[{{{Case Name}}}|
<b>
{{#iferror: {{#expr: {{{Episode Number}}} + 1}}
| {{{Episode Number}}}
| Episode {{{Episode Number}}}
}}
</b>:
{{{Case Name}}}

{{#if: {{{Case Part Name|}}}
| <small>{{{Case Part Name}}}</small>
}}
]]
</div>

{{Latest news/Next ep
| Next Episode Number = {{{Next Episode Number}}}
| Next Case Name = {{{Next Case Name}}}
| Next Case Part Name = {{{Next Case Part Name}}}
| Next Episode Date = {{{Next Episode Date}}}
| Anime footnotes = {{{Anime footnotes|}}}
}}

</div>

</div>
</div>
</pre></div></noinclude>

User:R0o0di/Sandbox/Latest news/Next ep

2026-05-21T16:01:36Z

R0o0di:

<hr style="margin: 0.2em 0;">
<div class="next-section">
{{#if: {{{Anime footnotes|}}}
| {{{Anime footnotes}}}
| Next: <b>{{#if: {{{Type|}}}
| File {{{Next Episode Number}}}
| {{#iferror: {{#expr: {{{Next Episode Number}}} + 1}}
| {{{Next Episode Number}}}
| Episode {{{Next Episode Number}}}
}} }}
</b> {{#if: {{{Next Episode Date|}}}
| <br>{{countdown|{{{Next Episode Date}}}}}
}}
{{#if: {{{Next Case Part Name|}}}
| <br><small>{{{Next Case Part Name}}}</small>
}}
}}</div><noinclude>
source code, clean version:
<div style="overflow:auto;">
<pre style="width:max-content">
<hr style="margin: 0.2em 0;">

<div class="next-section">

{{#if: {{{Anime footnotes|}}}

| {{{Anime footnotes}}}

| Next:
<b>

{{#if: {{{Type|}}}

| File {{{Next Episode Number}}}

| {{#iferror: {{#expr: {{{Next Episode Number}}} + 1}}
| {{{Next Episode Number}}}
| Episode {{{Next Episode Number}}}
}}
}}

</b>

{{#if: {{{Next Episode Date|}}}
| <br>{{countdown|{{{Next Episode Date}}}}}
}}

{{#if: {{{Next Case Part Name|}}}
| <br><small>{{{Next Case Part Name}}}</small>
}}
}}

</div>
</pre>
</div></noinclude>

User:R0o0di/Sandbox/Latest news/Latest ep

2026-05-21T15:44:25Z

R0o0di:

<div class="card">
<div class="card-header"><b>{{{Header}}}</b></div>
<div class="card-body">
<div class="card-image-container">
<div class="card-image">
{{#ifeq: {{lc: {{{Series|}}} }} | yaiba
| {{#ifexist:File:YaibaSL TV Episode {{{Case First-Last Ep}}}.jpg
| [[File:YaibaSL TV Episode {{{Case First-Last Ep}}}.jpg|300px|link={{{Case Name}}}]]
| [[File:YaibaSLOpv2-12.jpg|300px|link=]]
}}
| {{#ifexist:File:TV Episode {{{Case First-Last Ep}}}.jpg
| [[File:TV Episode {{{Case First-Last Ep}}}.jpg|300px|link={{{Case Name}}}]]
| {{#ifexist:File:{{{Case Image|}}}
| [[File:{{{Case Image}}}|300px|link={{{Case Name}}}]]
| [[File:Joke 19 V2.jpg|300px|link=]]
}}
}}
}} </div> 
</div> 
<div class="card-title-next">
<div class="card-title">
[[ {{{Case Name}}}|<b> {{#iferror: {{#expr: {{{Episode Number}}} + 1}}
| {{{Episode Number}}}
| Episode {{{Episode Number}}}
}}</b>: {{{Case Name}}}
{{#if: {{{Case Part Name|}}}
| <small>{{{Case Part Name}}}</small>
}}
]] </div> 
{{User:R0o0di/Sandbox/Latest news/Next ep
| Next Episode Number = {{{Next Episode Number}}}
| Next Case Name = {{{Next Case Name}}}
| Next Case Part Name = {{{Next Case Part Name}}}
| Next Episode Date = {{{Next Episode Date}}}
| Anime footnotes = {{{Anime footnotes|}}}
}} </div> 
</div> 
</div> <noinclude>

source code, clean version:
<div style="overflow:auto;">
<pre style="width:max-content">
<div class="card">

<div class="card-header">
<b>{{{Header}}}</b>
</div>

<div class="card-body">

<div class="card-image-container">

<div class="card-image">

{{#ifeq: {{lc: {{{Series|}}} }} | yaiba

| {{#ifexist:File:YaibaSL TV Episode {{{Case First-Last Ep}}}.jpg
| [[File:YaibaSL TV Episode {{{Case First-Last Ep}}}.jpg|300px|link={{{Case Name}}}]]
| [[File:YaibaSLOpv2-12.jpg|300px|link=]]
}}

| {{#ifexist:File:TV Episode {{{Case First-Last Ep}}}.jpg
| [[File:TV Episode {{{Case First-Last Ep}}}.jpg|300px|link={{{Case Name}}}]]

| {{#ifexist:File:{{{Case Image|}}}
| [[File:{{{Case Image}}}|300px|link={{{Case Name}}}]]
| [[File:Joke 19 V2.jpg|300px|link=]]
}}
}}
}}

</div>

</div>

<div class="card-title-next">

<div class="card-title">
[[{{{Case Name}}}|
<b>
{{#iferror: {{#expr: {{{Episode Number}}} + 1}}
| {{{Episode Number}}}
| Episode {{{Episode Number}}}
}}
</b>:
{{{Case Name}}}

{{#if: {{{Case Part Name|}}}
| <small>{{{Case Part Name}}}</small>
}}
]]
</div>

{{Latest news/Next ep
| Next Episode Number = {{{Next Episode Number}}}
| Next Case Name = {{{Next Case Name}}}
| Next Case Part Name = {{{Next Case Part Name}}}
| Next Episode Date = {{{Next Episode Date}}}
| Anime footnotes = {{{Anime footnotes|}}}
}}

</div>

</div>
</div>
</div></pre></noinclude>

User:R0o0di/Sandbox/Latest news

2026-05-21T15:41:02Z

R0o0di:

<includeonly><div class="slideshow-container">
<div class="arrow left">❮</div>
<div class="arrow right">❯</div>
<div class="slides-wrapper" id="slides-wrapper">

<div class="slide">
{{#ifexpr: {{timeDiff|{{{S2 Episode Airdate}}}|{{#if:{{{S2 Episode Airtime|}}}|{{{S2 Episode Airtime}}}|{{{Regular Airtime}}} }}|9}}<=0
| {{User:R0o0di/Sandbox/Latest news/Latest ep
| Header = Latest episode
| Case First-Last Ep = {{#if:{{{S2 Case First-Last Ep|}}}|{{{S2 Case First-Last Ep}}}|{{{S2 Episode Number}}} }}
| Case Image = {{{S2 Case Image|}}}
| Episode Number = {{{S2 Episode Number}}}
| Case Name = {{{S2 Case Name}}}
| Case Part Name = {{{S2 Case Part Name}}}
| Next Episode Number = {{{S3 Episode Number}}}
| Next Case Name = {{{S3 Case Name}}}
| Next Case Part Name = {{{S3 Case Part Name}}}
| Next Episode Date = {{{S3 Episode Airdate}}}
| Anime footnotes = {{{Anime footnotes|}}}
}}
| {{User:R0o0di/Sandbox/Latest news/Latest ep
| Header = Latest episode
| Case First-Last Ep = {{#if:{{{S1 Case First-Last Ep|}}}|{{{S1 Case First-Last Ep}}}|{{{S1 Episode Number}}} }}
| Case Image = {{{S1 Case Image|}}}
| Episode Number = {{{S1 Episode Number}}}
| Case Name = {{{S1 Case Name}}}
| Case Part Name = {{{S1 Case Part Name}}}
| Next Episode Number = {{{S2 Episode Number}}}
| Next Case Name = {{{S2 Case Name}}}
| Next Case Part Name = {{{S2 Case Part Name}}}
| Next Episode Date = {{{S2 Episode Airdate}}}
| Anime footnotes = {{{Anime footnotes|}}}
}}
}}
</div> 

<div class="slide">
{{#ifexpr: {{timeDiff|{{{S2 Yaiba Episode Airdate}}}|{{#if:{{{S2 Yaiba Episode Airtime|}}}|{{{S2 Yaiba Episode Airtime}}}|{{{Regular Yaiba Airtime}}} }}|9}}<=0
| {{User:R0o0di/Sandbox/Latest news/Latest ep
| Series = Yaiba
| Header = Latest Yaiba episode
| Case First-Last Ep = {{#if:{{{S2 Yaiba First-Last Ep|}}}|{{{S2 Yaiba First-Last Ep}}}|{{{S2 Yaiba Episode Number}}} }}
| Episode Number = {{{S2 Yaiba Episode Number}}}
| Case Name = {{{S2 Yaiba Name}}}
| Case Part Name = {{{S2 Yaiba Part Name}}}
| Next Episode Number = {{{S3 Yaiba Episode Number}}}
| Next Case Name = {{{S3 Yaiba Name}}}
| Next Case Part Name = {{{S3 Yaiba Part Name}}}
| Next Episode Date = {{{S3 Yaiba Episode Airdate}}}
| Anime footnotes = {{{Yaiba footnotes|}}}
}}
| {{User:R0o0di/Sandbox/Latest news/Latest ep
| Series = Yaiba
| Header = Latest Yaiba episode
| Case First-Last Ep = {{#if:{{{S1 Yaiba First-Last Ep|}}}|{{{S1 Yaiba First-Last Ep}}}|{{{S1 Yaiba Episode Number}}} }}
| Episode Number = {{{S1 Yaiba Episode Number}}}
| Case Name = {{{S1 Yaiba Name}}}
| Case Part Name = {{{S1 Yaiba Part Name}}}
| Next Episode Number = {{{S2 Yaiba Episode Number}}}
| Next Case Name = {{{S2 Yaiba Name}}}
| Next Case Part Name = {{{S2 Yaiba Part Name}}}
| Next Episode Date = {{{S2 Yaiba Episode Airdate}}}
| Anime footnotes = {{{Yaiba footnotes|}}}
}}
}}
</div> 

<div class="slide">
<div class="card">
<div class="card-header"><b>Latest chapter</b></div>
<div class="card-body">
<div class="card-image-container">
<div class="card-image">
{{#ifexist:File:Chapter {{{Latest chapter number}}} Cover.jpg
| [[File:Chapter {{{Latest chapter number}}} Cover.jpg|300px|link={{{Latest chapter name}}}]]
| [[File:Joke 19 V2.jpg|300px|link=]]
}}
</div> 
</div> 
<div class="card-title-next">
<div class="card-title">
[[{{{Latest chapter name}}}|<b>File {{{Latest chapter number}}}</b>: {{{Latest chapter name}}}]]
</div> 
{{User:R0o0di/Sandbox/Latest news/Next ep
| Type = Manga
| Next Episode Number = {{{Next chapter number}}}
| Next Case Name = {{{Next chapter name}}}
| Next Episode Date = {{{Next chapter date}}}
| Anime footnotes = {{{Manga footnotes|}}}
}}
</div> 
</div> 
</div> 
</div> 
</div> 
</div> 
<div class="sidescroll-progress-bar-container">
<div class="sidescroll-progress-bar-background">
<div class="sidescroll-progress-bar"></div>
</div>
</div></includeonly><noinclude>
source code, clean version:
<div style="overflow:auto;">
<pre style="width:max-content">
<includeonly>
<div class="slideshow-container">

<div class="arrow left">❮</div>
<div class="arrow right">❯</div>

<div class="slides-wrapper" id="slides-wrapper">


<div class="slide">
{{#ifexpr: {{timeDiff|{{{S2 Episode Airdate}}}|{{#if:{{{S2 Episode Airtime|}}}|{{{S2 Episode Airtime}}}|{{{Regular Airtime}}} }}|9}}<=0

| {{Latest news/Latest ep
| Header = Latest episode
| Case First-Last Ep = {{#if:{{{S2 Case First-Last Ep|}}}|{{{S2 Case First-Last Ep}}}|{{{S2 Episode Number}}} }}
| Case Image = {{{S2 Case Image|}}}
| Episode Number = {{{S2 Episode Number}}}
| Case Name = {{{S2 Case Name}}}
| Case Part Name = {{{S2 Case Part Name}}}
| Next Episode Number = {{{S3 Episode Number}}}
| Next Case Name = {{{S3 Case Name}}}
| Next Case Part Name = {{{S3 Case Part Name}}}
| Next Episode Date = {{{S3 Episode Airdate}}}
| Anime footnotes = {{{Anime footnotes|}}}
}}

| {{Latest news/Latest ep
| Header = Latest episode
| Case First-Last Ep = {{#if:{{{S1 Case First-Last Ep|}}}|{{{S1 Case First-Last Ep}}}|{{{S1 Episode Number}}} }}
| Case Image = {{{S1 Case Image|}}}
| Episode Number = {{{S1 Episode Number}}}
| Case Name = {{{S1 Case Name}}}
| Case Part Name = {{{S1 Case Part Name}}}
| Next Episode Number = {{{S2 Episode Number}}}
| Next Case Name = {{{S2 Case Name}}}
| Next Case Part Name = {{{S2 Case Part Name}}}
| Next Episode Date = {{{S2 Episode Airdate}}}
| Anime footnotes = {{{Anime footnotes|}}}
}}
}}
</div>


<div class="slide">
{{#ifexpr: {{timeDiff|{{{S2 Yaiba Episode Airdate}}}|{{#if:{{{S2 Yaiba Episode Airtime|}}}|{{{S2 Yaiba Episode Airtime}}}|{{{Regular Yaiba Airtime}}} }}|9}}<=0

| {{Latest news/Latest ep
| Series = Yaiba
| Header = Latest Yaiba episode
| Case First-Last Ep = {{#if:{{{S2 Yaiba First-Last Ep|}}}|{{{S2 Yaiba First-Last Ep}}}|{{{S2 Yaiba Episode Number}}} }}
| Episode Number = {{{S2 Yaiba Episode Number}}}
| Case Name = {{{S2 Yaiba Name}}}
| Case Part Name = {{{S2 Yaiba Part Name}}}
| Next Episode Number = {{{S3 Yaiba Episode Number}}}
| Next Case Name = {{{S3 Yaiba Name}}}
| Next Case Part Name = {{{S3 Yaiba Part Name}}}
| Next Episode Date = {{{S3 Yaiba Episode Airdate}}}
| Anime footnotes = {{{Yaiba footnotes|}}}
}}

| {{Latest news/Latest ep
| Series = Yaiba
| Header = Latest Yaiba episode
| Case First-Last Ep = {{#if:{{{S1 Yaiba First-Last Ep|}}}|{{{S1 Yaiba First-Last Ep}}}|{{{S1 Yaiba Episode Number}}} }}
| Episode Number = {{{S1 Yaiba Episode Number}}}
| Case Name = {{{S1 Yaiba Name}}}
| Case Part Name = {{{S1 Yaiba Part Name}}}
| Next Episode Number = {{{S2 Yaiba Episode Number}}}
| Next Case Name = {{{S2 Yaiba Name}}}
| Next Case Part Name = {{{S2 Yaiba Part Name}}}
| Next Episode Date = {{{S2 Yaiba Episode Airdate}}}
| Anime footnotes = {{{Yaiba footnotes|}}}
}}
}}
</div>


<div class="slide">
<div class="card">

<div class="card-header">
<b>Latest chapter</b>
</div>

<div class="card-body">

<div class="card-image-container">

<div class="card-image">
{{#ifexist:File:Chapter {{{Latest chapter number}}} Cover.jpg
| [[File:Chapter {{{Latest chapter number}}} Cover.jpg|300px|link={{{Latest chapter name}}}]]
| [[File:Joke 19 V2.jpg|300px|link=]]
}}
</div>

</div>

<div class="card-title-next">

<div class="card-title">
[[{{{Latest chapter name}}}|<b>File {{{Latest chapter number}}}</b>: {{{Latest chapter name}}}]]
</div>

{{Latest news/Next ep
| Type = Manga
| Next Episode Number = {{{Next chapter number}}}
| Next Case Name = {{{Next chapter name}}}
| Next Episode Date = {{{Next chapter date}}}
| Anime footnotes = {{{Manga footnotes|}}}
}}

</div>

</div>
</div>
</div>

</div>
</div>

<div class="sidescroll-progress-bar-container">
<div class="sidescroll-progress-bar-background">
<div class="sidescroll-progress-bar"></div>
</div>
</div>

</includeonly>
</pre>
</div>
</noinclude>

User:R0o0di/Sandbox/Latest news/Next ep

2026-05-21T14:57:21Z

R0o0di:

<hr style="margin: 0.2em 0;">
<div class="next-section">{{#if: {{{Anime footnotes|}}}
| {{{Anime footnotes}}}
| Next: <b>{{#if: {{{Type|}}}
| File {{{Next Episode Number}}}
| {{#iferror: {{#expr: {{{Next Episode Number}}} + 1}}
| {{{Next Episode Number}}}
| Episode {{{Next Episode Number}}}
}} }}
</b> {{#if: {{{Next Episode Date|}}}
| <br>{{countdown|{{{Next Episode Date}}}}}
}}
{{#if: {{{Next Case Part Name|}}}
| <br><small>{{{Next Case Part Name}}}</small>
}}
}}</div><noinclude>
source code, clean version:
<div style="overflow:auto;">
<pre style="width:max-content">
<hr style="margin: 0.2em 0;">

<div class="next-section">

{{#if: {{{Anime footnotes|}}}

| {{{Anime footnotes}}}

| Next:
<b>

{{#if: {{{Type|}}}

| File {{{Next Episode Number}}}

| {{#iferror: {{#expr: {{{Next Episode Number}}} + 1}}
| {{{Next Episode Number}}}
| Episode {{{Next Episode Number}}}
}}
}}

</b>

{{#if: {{{Next Episode Date|}}}
| <br>{{countdown|{{{Next Episode Date}}}}}
}}

{{#if: {{{Next Case Part Name|}}}
| <br><small>{{{Next Case Part Name}}}</small>
}}
}}

</div>
</pre>
</div></noinclude>

User:R0o0di/Sandbox/Latest news/Next ep

2026-05-21T14:17:55Z

R0o0di:

<hr style="margin: 0.2em 0;">
<div class="next-section">{{#if: {{{Anime footnotes|}}}
| {{{Anime footnotes}}}
| Next: <b>{{#if: {{{Type|}}}
| File {{{Next Episode Number}}}
| {{#iferror: {{#expr: {{{Next Episode Number}}} + 1}}
| {{{Next Episode Number}}}
| Episode {{{Next Episode Number}}}
}} }}
</b> {{#if: {{{Next Episode Date|}}}
| <br>{{countdown|{{{Next Episode Date}}}}}
}}
{{#if: {{{Next Case Part Name|}}}
| <br><small>{{{Next Case Part Name}}}</small>
}}
}}</div><noinclude>
source code, clean version:
<div style="overflow:auto;">
<pre style="width:max-content">
<hr style="margin: 0.2em 0;">

<div class="next-section">

{{#if: {{{Anime footnotes|}}}

| {{{Anime footnotes}}}

| Next:
<b>

{{#if: {{{Type|}}}

| File {{{Next Episode Number}}}

| {{#iferror: {{#expr: {{{Next Episode Number}}} + 1}}
| {{{Next Episode Number}}}
| Episode {{{Next Episode Number}}}
}}
}}

</b>

{{#if: {{{Next Case Date|}}}
| <br>{{countdown|{{{Next Episode Date}}}}}
}}

{{#if: {{{Next Case Part Name|}}}
| <br><small>{{{Next Case Part Name}}}</small>
}}
}}

</div>
</pre>
</div></noinclude>

User:R0o0di/Sandbox

2026-05-21T14:01:25Z

R0o0di:

<div class="ttt"> helloooo </div>
{{code
|css=
/*IMAGE SLIDESHOW*/
.slideshow-container {
place-self: center;
position: relative;
width: 100%;
max-width: 1150px;
overflow: hidden;
/* visibility: hidden; */
padding: 10px 0;
}

.slideshow-container.ready {
visibility: visible;
}

.slides-wrapper {
display: flex;
transition: transform 0.5s ease-in-out;
}

.slide {
min-width: 350px;
margin: 0 15px;
flex-shrink: 0;
border-radius: 10px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
}

/* .slide img {
width: 100%;
height: auto;
display: block;
object-fit: cover;
} */

.arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
font-size: 1.5rem;
color: white;
background: rgba(0, 0, 0, 0.4);
padding: 0.4rem 0.8rem;
cursor: pointer;
user-select: none;
z-index: 2;
border-radius: 6px;
}

.arrow:hover {
background: rgba(0, 0, 0, 0.5);
}

.arrow.left {
left: 10px;
}

.arrow.right {
right: 10px;
}

/* CARD CLASSES */
.cards {
display: flex;
flex-direction: column;
gap: 8px;
}

.card {
border: 2px solid #ccc;
padding: 5px;
width: 100%;
height: 100%;
box-sizing: border-box;
transition: transform 0.3s ease;
}

.card:hover {
transform: scale(1.03);
filter: brightness(0.85);
}

.card-header {
background: #6699CC;
color: white;
text-align: center;
font-size: 130%;
padding: 5px;
}

.card-body {
padding: 5px;
display: flex;
flex-direction: column;
justify-content: space-between;
height: 87%;
}

.card-image-container {
display: flex;
flex-direction: column;
justify-content: center;
height: 100%;
}

.card-image {
text-align: center;
margin: 0;
}

.card-image img {
max-height: 170px;
width: auto;
}

.card-title,
.card-title-next {
text-align: center;
}

.card-title {
padding-bottom: 5px;
}

.card-title-next {
padding-top: 5px;
}

.card-title-next p {
margin: 0;
}

hr {
margin: 0.2em 0;
}
/* END CARD CLASSES */

/* PROGRESS BAR CLASSES */
.sidescroll-progress-bar-container {
display: flex;
justify-content: center;
margin-top: 2px;
}

.sidescroll-progress-bar-background {
position: relative;
border-radius: 999px;
width: 200px;
height: 3px;
background: #ddd;
}

.sidescroll-progress-bar {
position: absolute;
left: 0;
border-radius: 999px;
background: #494949;
height: 100%;
}
/* END OF PROGRESS BAR CLASSES*/
}}

{{User:R0o0di/Sandbox/Latest news

| Regular Airtime = 6:00 PM




| S1 Case First-Last Ep =
| S1 Episode Number = 1201
| S1 Case Name = I'm the Culprit
| S1 Case Part Name =
| S1 Episode Airdate = May 9, 2026
| S1 Episode Airtime =

| S2 Case First-Last Ep =
| S2 Episode Number = 1202
| S2 Case Name =
| S2 Case Part Name =
| S2 Episode Airdate = May 30, 2026
| S2 Episode Airtime =

| S3 Case First-Last Ep =
| S3 Episode Number =
| S3 Case Name =
| S3 Case Part Name =
| S3 Episode Airdate =
| S3 Episode Airtime =

| Anime footnotes =


| Regular Yaiba Airtime = 5:30 PM

| S1 Yaiba First-Last Ep =
| S1 Yaiba Episode Number =
| S1 Yaiba Name =
| S1 Yaiba Part Name =
| S1 Yaiba Episode Airdate =
| S1 Yaiba Episode Airtime =

| S2 Yaiba First-Last Ep =
| S2 Yaiba Episode Number = 24
| S2 Yaiba Name = The Lunar Invaders
| S2 Yaiba Part Name =
| S2 Yaiba Episode Airdate = September 27, 2025
| S2 Yaiba Episode Airtime =

| S3 Yaiba First-Last Ep =
| S3 Yaiba Episode Number =
| S3 Yaiba Name =
| S3 Yaiba Part Name =
| S3 Yaiba Episode Airdate =
| S3 Yaiba Episode Airtime =

| Yaiba footnotes = '''Next:''' Season 2 <br> Dates are to be confirmed


| Latest chapter number = 1162
| Latest chapter name = The Detective on Our Side
| Latest chapter date = April 22, 2026

| Next chapter number = 1163
| Next chapter name =
| Next chapter date = June 24, 2026

| Manga footnotes =
}}<noinclude>
[[Category:Templates]]</noinclude>

= Template:Char Appearances & Template:Char =
=== old ===
{{User:R0o0di/Sandbox/Old Char Appearances|
{{User:R0o0di/Sandbox/Old Char|Conan Edogawa}}
{{User:R0o0di/Sandbox/Old Char|Ran Mouri}}
{{User:R0o0di/Sandbox/Old Char|Kogoro Mouri}}
{{User:R0o0di/Sandbox/Old Char|Eri Kisaki|display=Eri Kisaki (background)}}
{{User:R0o0di/Sandbox/Old Char|Heiji Hattori}}
{{User:R0o0di/Sandbox/Old Char|Hiroshi Agasa}}
{{User:R0o0di/Sandbox/Old Char|Ai Haibara}}
{{User:R0o0di/Sandbox/Old Char|Kazuha Toyama|display=Kazuha Toyama (background)}}
}}

=== new ===
{{User:R0o0di/Sandbox/CharAppearances2|
{{User:R0o0di/Sandbox/Char2|Conan Edogawa}}
{{User:R0o0di/Sandbox/Char2|Ran Mouri}}
{{User:R0o0di/Sandbox/Char2|Kogoro Mouri}}
{{User:R0o0di/Sandbox/Char2|Eri Kisaki|display=Eri Kisaki (background)}}
{{User:R0o0di/Sandbox/Char2|Heiji Hattori}}
{{User:R0o0di/Sandbox/Char2|Hiroshi Agasa}}
{{User:R0o0di/Sandbox/Char2|Ai Haibara}}
{{User:R0o0di/Sandbox/Char2|Kazuha Toyama|display=Kazuha Toyama (background)}}
}}
=== Differences ===
<div class="mw-collapsible mw-collapsed">
<strong>difficult to read, too many unnecessary elements, outdated css</strong>
<div style="overflow:auto;">
<pre style="width:max-content">
<div style="vertical-align: top; height: auto; overflow: auto; clear: left; margin-bottom: 2px; ">
<table class="char-appearances-table" style="border: 1px dotted #7BA1EC;">
<tbody>
<tr>
<th style="background: #7BA1EC; color: #ffffff; text-align: left; padding-left: 5px;">Characters</th>
</tr>
<tr>
<td>
<table class="char-appearances-table">
<tbody>
<tr>
<td>
<div style="float:left; font-size: 90%;" class="char-image">
<div class="center">
<div class="thumb tnone">
<div class="thumbinner" style="width:102px;">
<a href="/wiki/Conan_Edogawa" title="Conan Edogawa">
<img alt="Conan Edogawa"src="/wiki/images/4/4f/Conan_Edogawa.jpg" width="100" height="100"></a>
<div class="thumbcaption">
<a href="/wiki/Conan_Edogawa" title="Conan Edogawa">Conan Edogawa</a>
</div>
</div>
</div>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
</pre>
</div>

<strong>less complicated structure, better readability, 66% shorter, better css, achieves same results </strong>
<div style="overflow:auto;">
<pre style="width:max-content">
<div style="overflow: auto; margin-bottom: 2px;">
<div style="border: 1px dotted #7BA1EC; width: max-content;">
<div style="background: #7BA1EC; color: #ffffff; padding-left: 5px; font-weight:bold;">Characters</div>
<div style="display:flex; overflow: auto; width: min-content; font-size: 90%; text-align: center;">
<div style="margin: 5px 3px; background: #6969fa7a; border: 1px solid #c8ccd1; border-radius: .25rem; height: min-content;">
<a href="/wiki/Conan_Edogawa" title="Conan Edogawa"><img alt="Conan Edogawa" src="/wiki/images/4/4f/Conan_Edogawa.jpg" width="100" height="100"></a><br>
<a href="/wiki/Conan_Edogawa" title="Conan Edogawa">Conan Edogawa</a>
</div>
</div>
</div>
</div>
</pre>
</div>

</div>
<hr>

= Template:Gadgets Appearances & Template:Gadget =
=== old ===
{{User:R0o0di/Sandbox/Old Gadgets Appearances|
{{User:R0o0di/Sandbox/Old Gadget|Voice-Changing Bowtie}}
{{User:R0o0di/Sandbox/Old Gadget|Power-Enhancing Kick Shoes}}
{{User:R0o0di/Sandbox/Old Gadget|Stun-Gun Wristwatch}}
{{User:R0o0di/Sandbox/Old Gadget|Detective Boys Badge}}
{{User:R0o0di/Sandbox/Old Gadget|Turbo Engine Skateboard}}
}}

=== new ===
{{User:R0o0di/Sandbox/New Gadgets Appearances|
{{User:R0o0di/Sandbox/New Gadget|Voice-Changing Bowtie}}
{{User:R0o0di/Sandbox/New Gadget|Power-Enhancing Kick Shoes}}
{{User:R0o0di/Sandbox/New Gadget|Stun-Gun Wristwatch}}
{{User:R0o0di/Sandbox/New Gadget|Detective Boys Badge}}
{{User:R0o0di/Sandbox/New Gadget|Turbo Engine Skateboard}}
}}
=== Differences ===
<div class="mw-collapsible mw-collapsed">
<strong>difficult to read, too many unnecessary elements, outdated css</strong>
<div style="overflow:auto;">
<pre style="width:max-content">
<div style="vertical-align: top; height: auto; overflow: auto; clear: left; margin-bottom: 2px; ">
<table class="gadget-appearances-table" style="border: 1px dotted #FF9900;">
<tbody>
<tr>
<th style="background: #FF9900; color: #ffffff; text-align: left; padding-left: 5px;">Gadgets</th>
</tr>
<tr>
<td>
<table class="char-appearances-table">
<tbody>
<tr>
<td>
<div style="float:left; font-size: 90%;" class="gadget-image">
<div class="center">
<div class="thumb tnone">
<div class="thumbinner" style="width:102px;">
<a href="/wiki/Voice-Changing_Bowtie" title="Voice-Changing Bowtie">
<img alt="Voice-Changing Bowtie" src="/wiki/images/8/86/Voice-Changing_Bowtie.jpg" width="100" height="100">
</a>
<div class="thumbcaption">
<a href="/wiki/Voice-Changing_Bowtie" title="Voice-Changing Bowtie">Voice-Changing Bowtie</a>
</div>
</div>
</div>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
</pre>
</div>

<strong>less complicated structure, better readability, 66% shorter, better css, achieves same results </strong>
<div style="overflow:auto;">
<pre style="width:max-content">
<div style="overflow: auto; margin-bottom: 2px;">
<div style="border: 1px dotted #FF9900; width: max-content;">
<div style="background: #FF9900; color: #ffffff; padding-left: 5px; font-weight:bold;">Gadgets</div>
<div syle="display:flex; width: min-content; font-size: 90%; text-align: center;">
<div style="margin: 5px 3px; border: 1px solid #c8ccd1; border-radius: .25rem; height: min-content;">
<a href="/wiki/Voice-Changing_Bowtie" title="Voice-Changing Bowtie">
<img alt="Voice-Changing Bowtie" src="/wiki/images/8/86/Voice-Changing_Bowtie.jpg" width="100" height="100">
</a><br>
<a href="/wiki/Voice-Changing_Bowtie" title="Voice-Changing Bowtie">Voice-Changing Bowtie</a>
</div>

</div>
</div>
</div>
</pre>
</div>

</div>
<hr>

= Template:InfoBox Crime =
=== old ===
{{User:R0o0di/Sandbox/Old InfoBox Crime
| crime = Attempted Murder
| image = EP174b Case.jpg
| location = Front of the ship
| victim = [[Heiji Hattori]]
| cause-death = Thrown overboard
| cause-death-label = Attack types
| suspects = Unknown
| description = Heiji was pushed off the boat and into the ocean.
| footnotes = this is a footnote
}}

=== new ===
{{User:R0o0di/Sandbox/New InfoBox Crime
| crime = Attempted Murder
| image = EP174b Case.jpg
| location = Front of the ship
| victim = [[Heiji Hattori]]
| cause-death = Thrown overboard
| cause-death-label = Attack types
| suspects = Unknown
| description = Heiji was pushed off the boat and into the ocean.
| footnotes = this is a footnote
}}
=== Differences ===
<div class="mw-collapsible mw-collapsed">
<strong>too many unnecessary elements, outdated css</strong>
<div style="overflow:auto;">
<pre style="width:max-content">
<div style="overflow:auto">
<table class="infobox" style="width: 650px; text-align: left; font-size: 90%; float: none; clear: left; margin-left: 0; margin-right: 1em;" cellpadding="2">
<tbody>
<tr>
<td colspan="2" style="color: #ffffff; text-align:center; vertical-align:middle; font-size: small; background-color: #DF5829; ">
<b>Attempted Murder</b>
</td>
</tr>
<tr>
<td width="290" class="nospacing" style="text-align:center; vertical-align:top; padding: 2px 0px 0px 0px;">
<p>
<a href="/wiki/File:EP174b_Case.jpg" class="image">
<img alt="EP174b Case.jpg" src="/wiki/images/thumb/0/09/EP174b_Case.jpg/290px-EP174b_Case.jpg" width="290" height="218" srcset="/wiki/images/thumb/0/09/EP174b_Case.jpg/435px-EP174b_Case.jpg 1.5x, /wiki/images/thumb/0/09/EP174b_Case.jpg/580px-EP174b_Case.jpg 2x">
</a>
</p>
</td>
<td style="padding: 0px;">
<table class="infobox crime" 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">
<tbody>
<tr>
<th width="102" style="border-bottom: 1px dotted #cccccc;">Location: </th>
<td style="border-bottom: 1px dotted #cccccc;">Front of the ship</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
</pre>
</div>

<strong>less complicated structure, better readability, 30% shorter, better css, achieves same results </strong>
<div style="overflow:auto;">
<pre style="width:max-content">
<div style="background: #f8f9fa; border: 1px solid #c8ccd1; border-radius: 5px; max-width: 550px;">
<div style="background: #DF5829; color: white; text-align: center; font-weight: bold; padding: 5px;">
Attempted Murder
</div>
<div style="overflow: auto; font-size: 90%;">
<div style="width: 550px; display: flex;">
<div>
<a href="/wiki/File:EP174b_Case.jpg" class="image">
<img alt="EP174b Case.jpg" src="/wiki/images/thumb/0/09/EP174b_Case.jpg/290px-EP174b_Case.jpg" width="290" height="218" srcset="/wiki/images/thumb/0/09/EP174b_Case.jpg/435px-EP174b_Case.jpg 1.5x, /wiki/images/thumb/0/09/EP174b_Case.jpg/580px-EP174b_Case.jpg 2x">
</a>
</div>
<div style="padding-left: 5px; width: 100%;">
<div style="padding: 3px 0; border-top: 1px dotted;">
<span style="width: 90px; display: inline-block;">
<strong>Location:</strong>
</span>
<span>Front of the ship</span>
</div>
</div>
</div>
</div>
</div>
</pre>
</div>

</div>
<hr>

= Template:InfoBox Heist =
=== old ===
{{User:R0o0di/Sandbox/Old InfoBox Heist
| heist = Heist
| image = MK16 Heist1.jpg
| thief = [[Kaitou Kid]]
| thief-label = Thief
| target = Blue Wonder
| owner = [[Jirokichi Suzuki]]
| location = Suzuki Museum
| date = October 12
| notice = It's my pleasure to accept your challenge. I'll appear at 8:00 PM on October 12th. Expect my first appearance the eve just before. PS. Just like Blue Wonder's name, I'll walk in from the sky.
| description = Golden sculpture holding the blue jewel.
}}

=== new ===
{{User:R0o0di/Sandbox/New InfoBox Heist
| heist = Heist
| image = MK16 Heist1.jpg
| thief = [[Kaitou Kid]]
| thief-label = Thief
| target = Blue Wonder
| owner = [[Jirokichi Suzuki]]
| location = Suzuki Museum
| date = October 12
| notice = It's my pleasure to accept your challenge. I'll appear at 8:00 PM on October 12th. Expect my first appearance the eve just before. PS. Just like Blue Wonder's name, I'll walk in from the sky.
| description = Golden sculpture holding the blue jewel.
}}
=== Differences ===
blabla you alr know the drill same as previous ones

User:R0o0di/Sandbox

2026-05-21T14:00:59Z

R0o0di:

<div class="ttt"> helloooo </div>
{{code
|css=
/*IMAGE SLIDESHOW*/
.slideshow-container {
place-self: center;
position: relative;
width: 100%;
max-width: 1150px;
overflow: hidden;
/* visibility: hidden; */
padding: 10px 0;
}

.slideshow-container.ready {
visibility: visible;
}

.slides-wrapper {
display: flex;
transition: transform 0.5s ease-in-out;
}

.slide {
min-width: 350px;
margin: 0 15px;
flex-shrink: 0;
border-radius: 10px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
}

/* .slide img {
width: 100%;
height: auto;
display: block;
object-fit: cover;
} */

.arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
font-size: 1.5rem;
color: white;
background: rgba(0, 0, 0, 0.4);
padding: 0.4rem 0.8rem;
cursor: pointer;
user-select: none;
z-index: 2;
border-radius: 6px;
}

.arrow:hover {
background: rgba(0, 0, 0, 0.5);
}

.arrow.left {
left: 10px;
}

.arrow.right {
right: 10px;
}

/* CARD CLASSES */
.cards {
display: flex;
flex-direction: column;
gap: 8px;
}

.card {
border: 2px solid #ccc;
padding: 5px;
width: 100%;
height: 100%;
box-sizing: border-box;
transition: transform 0.3s ease;
}

.card-header {
background: #6699CC;
color: white;
text-align: center;
font-size: 130%;
padding: 5px;
}

.card-body {
padding: 5px;
display: flex;
flex-direction: column;
justify-content: space-between;
height: 87%;
}

.card-body:hover {
transform: scale(1.03);
filter: brightness(0.85);
}

.card-image-container {
display: flex;
flex-direction: column;
justify-content: center;
height: 100%;
}

.card-image {
text-align: center;
margin: 0;
}

.card-image img {
max-height: 170px;
width: auto;
}

.card-title,
.card-title-next {
text-align: center;
}

.card-title {
padding-bottom: 5px;
}

.card-title-next {
padding-top: 5px;
}

.card-title-next p {
margin: 0;
}

hr {
margin: 0.2em 0;
}
/* END CARD CLASSES */

/* PROGRESS BAR CLASSES */
.sidescroll-progress-bar-container {
display: flex;
justify-content: center;
margin-top: 2px;
}

.sidescroll-progress-bar-background {
position: relative;
border-radius: 999px;
width: 200px;
height: 3px;
background: #ddd;
}

.sidescroll-progress-bar {
position: absolute;
left: 0;
border-radius: 999px;
background: #494949;
height: 100%;
}
/* END OF PROGRESS BAR CLASSES*/
}}

{{User:R0o0di/Sandbox/Latest news

| Regular Airtime = 6:00 PM




| S1 Case First-Last Ep =
| S1 Episode Number = 1201
| S1 Case Name = I'm the Culprit
| S1 Case Part Name =
| S1 Episode Airdate = May 9, 2026
| S1 Episode Airtime =

| S2 Case First-Last Ep =
| S2 Episode Number = 1202
| S2 Case Name =
| S2 Case Part Name =
| S2 Episode Airdate = May 30, 2026
| S2 Episode Airtime =

| S3 Case First-Last Ep =
| S3 Episode Number =
| S3 Case Name =
| S3 Case Part Name =
| S3 Episode Airdate =
| S3 Episode Airtime =

| Anime footnotes =


| Regular Yaiba Airtime = 5:30 PM

| S1 Yaiba First-Last Ep =
| S1 Yaiba Episode Number =
| S1 Yaiba Name =
| S1 Yaiba Part Name =
| S1 Yaiba Episode Airdate =
| S1 Yaiba Episode Airtime =

| S2 Yaiba First-Last Ep =
| S2 Yaiba Episode Number = 24
| S2 Yaiba Name = The Lunar Invaders
| S2 Yaiba Part Name =
| S2 Yaiba Episode Airdate = September 27, 2025
| S2 Yaiba Episode Airtime =

| S3 Yaiba First-Last Ep =
| S3 Yaiba Episode Number =
| S3 Yaiba Name =
| S3 Yaiba Part Name =
| S3 Yaiba Episode Airdate =
| S3 Yaiba Episode Airtime =

| Yaiba footnotes = '''Next:''' Season 2 <br> Dates are to be confirmed


| Latest chapter number = 1162
| Latest chapter name = The Detective on Our Side
| Latest chapter date = April 22, 2026

| Next chapter number = 1163
| Next chapter name =
| Next chapter date = June 24, 2026

| Manga footnotes =
}}<noinclude>
[[Category:Templates]]</noinclude>

= Template:Char Appearances & Template:Char =
=== old ===
{{User:R0o0di/Sandbox/Old Char Appearances|
{{User:R0o0di/Sandbox/Old Char|Conan Edogawa}}
{{User:R0o0di/Sandbox/Old Char|Ran Mouri}}
{{User:R0o0di/Sandbox/Old Char|Kogoro Mouri}}
{{User:R0o0di/Sandbox/Old Char|Eri Kisaki|display=Eri Kisaki (background)}}
{{User:R0o0di/Sandbox/Old Char|Heiji Hattori}}
{{User:R0o0di/Sandbox/Old Char|Hiroshi Agasa}}
{{User:R0o0di/Sandbox/Old Char|Ai Haibara}}
{{User:R0o0di/Sandbox/Old Char|Kazuha Toyama|display=Kazuha Toyama (background)}}
}}

=== new ===
{{User:R0o0di/Sandbox/CharAppearances2|
{{User:R0o0di/Sandbox/Char2|Conan Edogawa}}
{{User:R0o0di/Sandbox/Char2|Ran Mouri}}
{{User:R0o0di/Sandbox/Char2|Kogoro Mouri}}
{{User:R0o0di/Sandbox/Char2|Eri Kisaki|display=Eri Kisaki (background)}}
{{User:R0o0di/Sandbox/Char2|Heiji Hattori}}
{{User:R0o0di/Sandbox/Char2|Hiroshi Agasa}}
{{User:R0o0di/Sandbox/Char2|Ai Haibara}}
{{User:R0o0di/Sandbox/Char2|Kazuha Toyama|display=Kazuha Toyama (background)}}
}}
=== Differences ===
<div class="mw-collapsible mw-collapsed">
<strong>difficult to read, too many unnecessary elements, outdated css</strong>
<div style="overflow:auto;">
<pre style="width:max-content">
<div style="vertical-align: top; height: auto; overflow: auto; clear: left; margin-bottom: 2px; ">
<table class="char-appearances-table" style="border: 1px dotted #7BA1EC;">
<tbody>
<tr>
<th style="background: #7BA1EC; color: #ffffff; text-align: left; padding-left: 5px;">Characters</th>
</tr>
<tr>
<td>
<table class="char-appearances-table">
<tbody>
<tr>
<td>
<div style="float:left; font-size: 90%;" class="char-image">
<div class="center">
<div class="thumb tnone">
<div class="thumbinner" style="width:102px;">
<a href="/wiki/Conan_Edogawa" title="Conan Edogawa">
<img alt="Conan Edogawa"src="/wiki/images/4/4f/Conan_Edogawa.jpg" width="100" height="100"></a>
<div class="thumbcaption">
<a href="/wiki/Conan_Edogawa" title="Conan Edogawa">Conan Edogawa</a>
</div>
</div>
</div>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
</pre>
</div>

<strong>less complicated structure, better readability, 66% shorter, better css, achieves same results </strong>
<div style="overflow:auto;">
<pre style="width:max-content">
<div style="overflow: auto; margin-bottom: 2px;">
<div style="border: 1px dotted #7BA1EC; width: max-content;">
<div style="background: #7BA1EC; color: #ffffff; padding-left: 5px; font-weight:bold;">Characters</div>
<div style="display:flex; overflow: auto; width: min-content; font-size: 90%; text-align: center;">
<div style="margin: 5px 3px; background: #6969fa7a; border: 1px solid #c8ccd1; border-radius: .25rem; height: min-content;">
<a href="/wiki/Conan_Edogawa" title="Conan Edogawa"><img alt="Conan Edogawa" src="/wiki/images/4/4f/Conan_Edogawa.jpg" width="100" height="100"></a><br>
<a href="/wiki/Conan_Edogawa" title="Conan Edogawa">Conan Edogawa</a>
</div>
</div>
</div>
</div>
</pre>
</div>

</div>
<hr>

= Template:Gadgets Appearances & Template:Gadget =
=== old ===
{{User:R0o0di/Sandbox/Old Gadgets Appearances|
{{User:R0o0di/Sandbox/Old Gadget|Voice-Changing Bowtie}}
{{User:R0o0di/Sandbox/Old Gadget|Power-Enhancing Kick Shoes}}
{{User:R0o0di/Sandbox/Old Gadget|Stun-Gun Wristwatch}}
{{User:R0o0di/Sandbox/Old Gadget|Detective Boys Badge}}
{{User:R0o0di/Sandbox/Old Gadget|Turbo Engine Skateboard}}
}}

=== new ===
{{User:R0o0di/Sandbox/New Gadgets Appearances|
{{User:R0o0di/Sandbox/New Gadget|Voice-Changing Bowtie}}
{{User:R0o0di/Sandbox/New Gadget|Power-Enhancing Kick Shoes}}
{{User:R0o0di/Sandbox/New Gadget|Stun-Gun Wristwatch}}
{{User:R0o0di/Sandbox/New Gadget|Detective Boys Badge}}
{{User:R0o0di/Sandbox/New Gadget|Turbo Engine Skateboard}}
}}
=== Differences ===
<div class="mw-collapsible mw-collapsed">
<strong>difficult to read, too many unnecessary elements, outdated css</strong>
<div style="overflow:auto;">
<pre style="width:max-content">
<div style="vertical-align: top; height: auto; overflow: auto; clear: left; margin-bottom: 2px; ">
<table class="gadget-appearances-table" style="border: 1px dotted #FF9900;">
<tbody>
<tr>
<th style="background: #FF9900; color: #ffffff; text-align: left; padding-left: 5px;">Gadgets</th>
</tr>
<tr>
<td>
<table class="char-appearances-table">
<tbody>
<tr>
<td>
<div style="float:left; font-size: 90%;" class="gadget-image">
<div class="center">
<div class="thumb tnone">
<div class="thumbinner" style="width:102px;">
<a href="/wiki/Voice-Changing_Bowtie" title="Voice-Changing Bowtie">
<img alt="Voice-Changing Bowtie" src="/wiki/images/8/86/Voice-Changing_Bowtie.jpg" width="100" height="100">
</a>
<div class="thumbcaption">
<a href="/wiki/Voice-Changing_Bowtie" title="Voice-Changing Bowtie">Voice-Changing Bowtie</a>
</div>
</div>
</div>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
</pre>
</div>

<strong>less complicated structure, better readability, 66% shorter, better css, achieves same results </strong>
<div style="overflow:auto;">
<pre style="width:max-content">
<div style="overflow: auto; margin-bottom: 2px;">
<div style="border: 1px dotted #FF9900; width: max-content;">
<div style="background: #FF9900; color: #ffffff; padding-left: 5px; font-weight:bold;">Gadgets</div>
<div syle="display:flex; width: min-content; font-size: 90%; text-align: center;">
<div style="margin: 5px 3px; border: 1px solid #c8ccd1; border-radius: .25rem; height: min-content;">
<a href="/wiki/Voice-Changing_Bowtie" title="Voice-Changing Bowtie">
<img alt="Voice-Changing Bowtie" src="/wiki/images/8/86/Voice-Changing_Bowtie.jpg" width="100" height="100">
</a><br>
<a href="/wiki/Voice-Changing_Bowtie" title="Voice-Changing Bowtie">Voice-Changing Bowtie</a>
</div>

</div>
</div>
</div>
</pre>
</div>

</div>
<hr>

= Template:InfoBox Crime =
=== old ===
{{User:R0o0di/Sandbox/Old InfoBox Crime
| crime = Attempted Murder
| image = EP174b Case.jpg
| location = Front of the ship
| victim = [[Heiji Hattori]]
| cause-death = Thrown overboard
| cause-death-label = Attack types
| suspects = Unknown
| description = Heiji was pushed off the boat and into the ocean.
| footnotes = this is a footnote
}}

=== new ===
{{User:R0o0di/Sandbox/New InfoBox Crime
| crime = Attempted Murder
| image = EP174b Case.jpg
| location = Front of the ship
| victim = [[Heiji Hattori]]
| cause-death = Thrown overboard
| cause-death-label = Attack types
| suspects = Unknown
| description = Heiji was pushed off the boat and into the ocean.
| footnotes = this is a footnote
}}
=== Differences ===
<div class="mw-collapsible mw-collapsed">
<strong>too many unnecessary elements, outdated css</strong>
<div style="overflow:auto;">
<pre style="width:max-content">
<div style="overflow:auto">
<table class="infobox" style="width: 650px; text-align: left; font-size: 90%; float: none; clear: left; margin-left: 0; margin-right: 1em;" cellpadding="2">
<tbody>
<tr>
<td colspan="2" style="color: #ffffff; text-align:center; vertical-align:middle; font-size: small; background-color: #DF5829; ">
<b>Attempted Murder</b>
</td>
</tr>
<tr>
<td width="290" class="nospacing" style="text-align:center; vertical-align:top; padding: 2px 0px 0px 0px;">
<p>
<a href="/wiki/File:EP174b_Case.jpg" class="image">
<img alt="EP174b Case.jpg" src="/wiki/images/thumb/0/09/EP174b_Case.jpg/290px-EP174b_Case.jpg" width="290" height="218" srcset="/wiki/images/thumb/0/09/EP174b_Case.jpg/435px-EP174b_Case.jpg 1.5x, /wiki/images/thumb/0/09/EP174b_Case.jpg/580px-EP174b_Case.jpg 2x">
</a>
</p>
</td>
<td style="padding: 0px;">
<table class="infobox crime" 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">
<tbody>
<tr>
<th width="102" style="border-bottom: 1px dotted #cccccc;">Location: </th>
<td style="border-bottom: 1px dotted #cccccc;">Front of the ship</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
</pre>
</div>

<strong>less complicated structure, better readability, 30% shorter, better css, achieves same results </strong>
<div style="overflow:auto;">
<pre style="width:max-content">
<div style="background: #f8f9fa; border: 1px solid #c8ccd1; border-radius: 5px; max-width: 550px;">
<div style="background: #DF5829; color: white; text-align: center; font-weight: bold; padding: 5px;">
Attempted Murder
</div>
<div style="overflow: auto; font-size: 90%;">
<div style="width: 550px; display: flex;">
<div>
<a href="/wiki/File:EP174b_Case.jpg" class="image">
<img alt="EP174b Case.jpg" src="/wiki/images/thumb/0/09/EP174b_Case.jpg/290px-EP174b_Case.jpg" width="290" height="218" srcset="/wiki/images/thumb/0/09/EP174b_Case.jpg/435px-EP174b_Case.jpg 1.5x, /wiki/images/thumb/0/09/EP174b_Case.jpg/580px-EP174b_Case.jpg 2x">
</a>
</div>
<div style="padding-left: 5px; width: 100%;">
<div style="padding: 3px 0; border-top: 1px dotted;">
<span style="width: 90px; display: inline-block;">
<strong>Location:</strong>
</span>
<span>Front of the ship</span>
</div>
</div>
</div>
</div>
</div>
</pre>
</div>

</div>
<hr>

= Template:InfoBox Heist =
=== old ===
{{User:R0o0di/Sandbox/Old InfoBox Heist
| heist = Heist
| image = MK16 Heist1.jpg
| thief = [[Kaitou Kid]]
| thief-label = Thief
| target = Blue Wonder
| owner = [[Jirokichi Suzuki]]
| location = Suzuki Museum
| date = October 12
| notice = It's my pleasure to accept your challenge. I'll appear at 8:00 PM on October 12th. Expect my first appearance the eve just before. PS. Just like Blue Wonder's name, I'll walk in from the sky.
| description = Golden sculpture holding the blue jewel.
}}

=== new ===
{{User:R0o0di/Sandbox/New InfoBox Heist
| heist = Heist
| image = MK16 Heist1.jpg
| thief = [[Kaitou Kid]]
| thief-label = Thief
| target = Blue Wonder
| owner = [[Jirokichi Suzuki]]
| location = Suzuki Museum
| date = October 12
| notice = It's my pleasure to accept your challenge. I'll appear at 8:00 PM on October 12th. Expect my first appearance the eve just before. PS. Just like Blue Wonder's name, I'll walk in from the sky.
| description = Golden sculpture holding the blue jewel.
}}
=== Differences ===
blabla you alr know the drill same as previous ones

User:R0o0di/Sandbox

2026-05-21T13:28:18Z

R0o0di:

<div class="ttt"> helloooo </div>
{{code
|css=
/*IMAGE SLIDESHOW*/
.slideshow-container {
place-self: center;
position: relative;
width: 100%;
max-width: 1150px;
overflow: hidden;
/* visibility: hidden; */
padding: 10px 0;
}

.slideshow-container.ready {
visibility: visible;
}

.slides-wrapper {
display: flex;
transition: transform 0.5s ease-in-out;
}

.slide {
min-width: 350px;
margin: 0 15px;
flex-shrink: 0;
border-radius: 10px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
}

/* .slide img {
width: 100%;
height: auto;
display: block;
object-fit: cover;
} */

.arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
font-size: 1.5rem;
color: white;
background: rgba(0, 0, 0, 0.4);
padding: 0.4rem 0.8rem;
cursor: pointer;
user-select: none;
z-index: 2;
border-radius: 6px;
}

.arrow:hover {
background: rgba(0, 0, 0, 0.5);
}

.arrow.left {
left: 10px;
}

.arrow.right {
right: 10px;
}

/* CARD CLASSES */
.cards {
display: flex;
flex-direction: column;
gap: 8px;
}

.card {
border: 2px solid #ccc;
padding: 5px;
width: 100%;
height: 100%;
box-sizing: border-box;
}

.card-header {
background: #6699CC;
color: white;
text-align: center;
font-size: 130%;
padding: 5px;
}

.card-body {
padding: 5px;
display: flex;
flex-direction: column;
justify-content: space-between;
height: 87%;
transition: transform 0.3s ease;

}

.card-body:hover {
transform: scale(1.03);
filter: brightness(0.85);
}

.card-image-container {
display: flex;
flex-direction: column;
justify-content: center;
height: 100%;
}

.card-image {
text-align: center;
margin: 0;
}

.card-image img {
max-height: 170px;
width: auto;
}

.card-title,
.card-title-next {
text-align: center;
}

.card-title {
padding-bottom: 5px;
}

.card-title-next {
padding-top: 5px;
}

.card-title-next p {
margin: 0;
}

hr {
margin: 0.2em 0;
}
/* END CARD CLASSES */

/* PROGRESS BAR CLASSES */
.sidescroll-progress-bar-container {
display: flex;
justify-content: center;
margin-top: 2px;
}

.sidescroll-progress-bar-background {
position: relative;
border-radius: 999px;
width: 200px;
height: 3px;
background: #ddd;
}

.sidescroll-progress-bar {
position: absolute;
left: 0;
border-radius: 999px;
background: #494949;
height: 100%;
}
/* END OF PROGRESS BAR CLASSES*/
}}

{{User:R0o0di/Sandbox/Latest news

| Regular Airtime = 6:00 PM




| S1 Case First-Last Ep =
| S1 Episode Number = 1201
| S1 Case Name = I'm the Culprit
| S1 Case Part Name =
| S1 Episode Airdate = May 9, 2026
| S1 Episode Airtime =

| S2 Case First-Last Ep =
| S2 Episode Number = 1202
| S2 Case Name =
| S2 Case Part Name =
| S2 Episode Airdate = May 30, 2026
| S2 Episode Airtime =

| S3 Case First-Last Ep =
| S3 Episode Number =
| S3 Case Name =
| S3 Case Part Name =
| S3 Episode Airdate =
| S3 Episode Airtime =

| Anime footnotes =


| Regular Yaiba Airtime = 5:30 PM

| S1 Yaiba First-Last Ep =
| S1 Yaiba Episode Number =
| S1 Yaiba Name =
| S1 Yaiba Part Name =
| S1 Yaiba Episode Airdate =
| S1 Yaiba Episode Airtime =

| S2 Yaiba First-Last Ep =
| S2 Yaiba Episode Number = 24
| S2 Yaiba Name = The Lunar Invaders
| S2 Yaiba Part Name =
| S2 Yaiba Episode Airdate = September 27, 2025
| S2 Yaiba Episode Airtime =

| S3 Yaiba First-Last Ep =
| S3 Yaiba Episode Number =
| S3 Yaiba Name =
| S3 Yaiba Part Name =
| S3 Yaiba Episode Airdate =
| S3 Yaiba Episode Airtime =

| Yaiba footnotes = '''Next:''' Season 2 <br> Dates are to be confirmed


| Latest chapter number = 1162
| Latest chapter name = The Detective on Our Side
| Latest chapter date = April 22, 2026

| Next chapter number = 1163
| Next chapter name =
| Next chapter date = June 24, 2026

| Manga footnotes =
}}<noinclude>
[[Category:Templates]]</noinclude>

= Template:Char Appearances & Template:Char =
=== old ===
{{User:R0o0di/Sandbox/Old Char Appearances|
{{User:R0o0di/Sandbox/Old Char|Conan Edogawa}}
{{User:R0o0di/Sandbox/Old Char|Ran Mouri}}
{{User:R0o0di/Sandbox/Old Char|Kogoro Mouri}}
{{User:R0o0di/Sandbox/Old Char|Eri Kisaki|display=Eri Kisaki (background)}}
{{User:R0o0di/Sandbox/Old Char|Heiji Hattori}}
{{User:R0o0di/Sandbox/Old Char|Hiroshi Agasa}}
{{User:R0o0di/Sandbox/Old Char|Ai Haibara}}
{{User:R0o0di/Sandbox/Old Char|Kazuha Toyama|display=Kazuha Toyama (background)}}
}}

=== new ===
{{User:R0o0di/Sandbox/CharAppearances2|
{{User:R0o0di/Sandbox/Char2|Conan Edogawa}}
{{User:R0o0di/Sandbox/Char2|Ran Mouri}}
{{User:R0o0di/Sandbox/Char2|Kogoro Mouri}}
{{User:R0o0di/Sandbox/Char2|Eri Kisaki|display=Eri Kisaki (background)}}
{{User:R0o0di/Sandbox/Char2|Heiji Hattori}}
{{User:R0o0di/Sandbox/Char2|Hiroshi Agasa}}
{{User:R0o0di/Sandbox/Char2|Ai Haibara}}
{{User:R0o0di/Sandbox/Char2|Kazuha Toyama|display=Kazuha Toyama (background)}}
}}
=== Differences ===
<div class="mw-collapsible mw-collapsed">
<strong>difficult to read, too many unnecessary elements, outdated css</strong>
<div style="overflow:auto;">
<pre style="width:max-content">
<div style="vertical-align: top; height: auto; overflow: auto; clear: left; margin-bottom: 2px; ">
<table class="char-appearances-table" style="border: 1px dotted #7BA1EC;">
<tbody>
<tr>
<th style="background: #7BA1EC; color: #ffffff; text-align: left; padding-left: 5px;">Characters</th>
</tr>
<tr>
<td>
<table class="char-appearances-table">
<tbody>
<tr>
<td>
<div style="float:left; font-size: 90%;" class="char-image">
<div class="center">
<div class="thumb tnone">
<div class="thumbinner" style="width:102px;">
<a href="/wiki/Conan_Edogawa" title="Conan Edogawa">
<img alt="Conan Edogawa"src="/wiki/images/4/4f/Conan_Edogawa.jpg" width="100" height="100"></a>
<div class="thumbcaption">
<a href="/wiki/Conan_Edogawa" title="Conan Edogawa">Conan Edogawa</a>
</div>
</div>
</div>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
</pre>
</div>

<strong>less complicated structure, better readability, 66% shorter, better css, achieves same results </strong>
<div style="overflow:auto;">
<pre style="width:max-content">
<div style="overflow: auto; margin-bottom: 2px;">
<div style="border: 1px dotted #7BA1EC; width: max-content;">
<div style="background: #7BA1EC; color: #ffffff; padding-left: 5px; font-weight:bold;">Characters</div>
<div style="display:flex; overflow: auto; width: min-content; font-size: 90%; text-align: center;">
<div style="margin: 5px 3px; background: #6969fa7a; border: 1px solid #c8ccd1; border-radius: .25rem; height: min-content;">
<a href="/wiki/Conan_Edogawa" title="Conan Edogawa"><img alt="Conan Edogawa" src="/wiki/images/4/4f/Conan_Edogawa.jpg" width="100" height="100"></a><br>
<a href="/wiki/Conan_Edogawa" title="Conan Edogawa">Conan Edogawa</a>
</div>
</div>
</div>
</div>
</pre>
</div>

</div>
<hr>

= Template:Gadgets Appearances & Template:Gadget =
=== old ===
{{User:R0o0di/Sandbox/Old Gadgets Appearances|
{{User:R0o0di/Sandbox/Old Gadget|Voice-Changing Bowtie}}
{{User:R0o0di/Sandbox/Old Gadget|Power-Enhancing Kick Shoes}}
{{User:R0o0di/Sandbox/Old Gadget|Stun-Gun Wristwatch}}
{{User:R0o0di/Sandbox/Old Gadget|Detective Boys Badge}}
{{User:R0o0di/Sandbox/Old Gadget|Turbo Engine Skateboard}}
}}

=== new ===
{{User:R0o0di/Sandbox/New Gadgets Appearances|
{{User:R0o0di/Sandbox/New Gadget|Voice-Changing Bowtie}}
{{User:R0o0di/Sandbox/New Gadget|Power-Enhancing Kick Shoes}}
{{User:R0o0di/Sandbox/New Gadget|Stun-Gun Wristwatch}}
{{User:R0o0di/Sandbox/New Gadget|Detective Boys Badge}}
{{User:R0o0di/Sandbox/New Gadget|Turbo Engine Skateboard}}
}}
=== Differences ===
<div class="mw-collapsible mw-collapsed">
<strong>difficult to read, too many unnecessary elements, outdated css</strong>
<div style="overflow:auto;">
<pre style="width:max-content">
<div style="vertical-align: top; height: auto; overflow: auto; clear: left; margin-bottom: 2px; ">
<table class="gadget-appearances-table" style="border: 1px dotted #FF9900;">
<tbody>
<tr>
<th style="background: #FF9900; color: #ffffff; text-align: left; padding-left: 5px;">Gadgets</th>
</tr>
<tr>
<td>
<table class="char-appearances-table">
<tbody>
<tr>
<td>
<div style="float:left; font-size: 90%;" class="gadget-image">
<div class="center">
<div class="thumb tnone">
<div class="thumbinner" style="width:102px;">
<a href="/wiki/Voice-Changing_Bowtie" title="Voice-Changing Bowtie">
<img alt="Voice-Changing Bowtie" src="/wiki/images/8/86/Voice-Changing_Bowtie.jpg" width="100" height="100">
</a>
<div class="thumbcaption">
<a href="/wiki/Voice-Changing_Bowtie" title="Voice-Changing Bowtie">Voice-Changing Bowtie</a>
</div>
</div>
</div>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
</pre>
</div>

<strong>less complicated structure, better readability, 66% shorter, better css, achieves same results </strong>
<div style="overflow:auto;">
<pre style="width:max-content">
<div style="overflow: auto; margin-bottom: 2px;">
<div style="border: 1px dotted #FF9900; width: max-content;">
<div style="background: #FF9900; color: #ffffff; padding-left: 5px; font-weight:bold;">Gadgets</div>
<div syle="display:flex; width: min-content; font-size: 90%; text-align: center;">
<div style="margin: 5px 3px; border: 1px solid #c8ccd1; border-radius: .25rem; height: min-content;">
<a href="/wiki/Voice-Changing_Bowtie" title="Voice-Changing Bowtie">
<img alt="Voice-Changing Bowtie" src="/wiki/images/8/86/Voice-Changing_Bowtie.jpg" width="100" height="100">
</a><br>
<a href="/wiki/Voice-Changing_Bowtie" title="Voice-Changing Bowtie">Voice-Changing Bowtie</a>
</div>

</div>
</div>
</div>
</pre>
</div>

</div>
<hr>

= Template:InfoBox Crime =
=== old ===
{{User:R0o0di/Sandbox/Old InfoBox Crime
| crime = Attempted Murder
| image = EP174b Case.jpg
| location = Front of the ship
| victim = [[Heiji Hattori]]
| cause-death = Thrown overboard
| cause-death-label = Attack types
| suspects = Unknown
| description = Heiji was pushed off the boat and into the ocean.
| footnotes = this is a footnote
}}

=== new ===
{{User:R0o0di/Sandbox/New InfoBox Crime
| crime = Attempted Murder
| image = EP174b Case.jpg
| location = Front of the ship
| victim = [[Heiji Hattori]]
| cause-death = Thrown overboard
| cause-death-label = Attack types
| suspects = Unknown
| description = Heiji was pushed off the boat and into the ocean.
| footnotes = this is a footnote
}}
=== Differences ===
<div class="mw-collapsible mw-collapsed">
<strong>too many unnecessary elements, outdated css</strong>
<div style="overflow:auto;">
<pre style="width:max-content">
<div style="overflow:auto">
<table class="infobox" style="width: 650px; text-align: left; font-size: 90%; float: none; clear: left; margin-left: 0; margin-right: 1em;" cellpadding="2">
<tbody>
<tr>
<td colspan="2" style="color: #ffffff; text-align:center; vertical-align:middle; font-size: small; background-color: #DF5829; ">
<b>Attempted Murder</b>
</td>
</tr>
<tr>
<td width="290" class="nospacing" style="text-align:center; vertical-align:top; padding: 2px 0px 0px 0px;">
<p>
<a href="/wiki/File:EP174b_Case.jpg" class="image">
<img alt="EP174b Case.jpg" src="/wiki/images/thumb/0/09/EP174b_Case.jpg/290px-EP174b_Case.jpg" width="290" height="218" srcset="/wiki/images/thumb/0/09/EP174b_Case.jpg/435px-EP174b_Case.jpg 1.5x, /wiki/images/thumb/0/09/EP174b_Case.jpg/580px-EP174b_Case.jpg 2x">
</a>
</p>
</td>
<td style="padding: 0px;">
<table class="infobox crime" 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">
<tbody>
<tr>
<th width="102" style="border-bottom: 1px dotted #cccccc;">Location: </th>
<td style="border-bottom: 1px dotted #cccccc;">Front of the ship</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
</pre>
</div>

<strong>less complicated structure, better readability, 30% shorter, better css, achieves same results </strong>
<div style="overflow:auto;">
<pre style="width:max-content">
<div style="background: #f8f9fa; border: 1px solid #c8ccd1; border-radius: 5px; max-width: 550px;">
<div style="background: #DF5829; color: white; text-align: center; font-weight: bold; padding: 5px;">
Attempted Murder
</div>
<div style="overflow: auto; font-size: 90%;">
<div style="width: 550px; display: flex;">
<div>
<a href="/wiki/File:EP174b_Case.jpg" class="image">
<img alt="EP174b Case.jpg" src="/wiki/images/thumb/0/09/EP174b_Case.jpg/290px-EP174b_Case.jpg" width="290" height="218" srcset="/wiki/images/thumb/0/09/EP174b_Case.jpg/435px-EP174b_Case.jpg 1.5x, /wiki/images/thumb/0/09/EP174b_Case.jpg/580px-EP174b_Case.jpg 2x">
</a>
</div>
<div style="padding-left: 5px; width: 100%;">
<div style="padding: 3px 0; border-top: 1px dotted;">
<span style="width: 90px; display: inline-block;">
<strong>Location:</strong>
</span>
<span>Front of the ship</span>
</div>
</div>
</div>
</div>
</div>
</pre>
</div>

</div>
<hr>

= Template:InfoBox Heist =
=== old ===
{{User:R0o0di/Sandbox/Old InfoBox Heist
| heist = Heist
| image = MK16 Heist1.jpg
| thief = [[Kaitou Kid]]
| thief-label = Thief
| target = Blue Wonder
| owner = [[Jirokichi Suzuki]]
| location = Suzuki Museum
| date = October 12
| notice = It's my pleasure to accept your challenge. I'll appear at 8:00 PM on October 12th. Expect my first appearance the eve just before. PS. Just like Blue Wonder's name, I'll walk in from the sky.
| description = Golden sculpture holding the blue jewel.
}}

=== new ===
{{User:R0o0di/Sandbox/New InfoBox Heist
| heist = Heist
| image = MK16 Heist1.jpg
| thief = [[Kaitou Kid]]
| thief-label = Thief
| target = Blue Wonder
| owner = [[Jirokichi Suzuki]]
| location = Suzuki Museum
| date = October 12
| notice = It's my pleasure to accept your challenge. I'll appear at 8:00 PM on October 12th. Expect my first appearance the eve just before. PS. Just like Blue Wonder's name, I'll walk in from the sky.
| description = Golden sculpture holding the blue jewel.
}}
=== Differences ===
blabla you alr know the drill same as previous ones

User:R0o0di/Sandbox/Latest news

2026-05-21T13:08:34Z

R0o0di:

<includeonly><div class="slideshow-container">
<div class="arrow left">❮</div>
<div class="arrow right">❯</div>
<div class="slides-wrapper" id="slides-wrapper">

<div class="slide">{{#ifexpr: {{timeDiff|{{{S2 Episode Airdate}}}|{{#if:{{{S2 Episode Airtime|}}}|{{{S2 Episode Airtime}}}|{{{Regular Airtime}}} }}|9}}<=0
| {{User:R0o0di/Sandbox/Latest news/Latest ep
| Header = Latest episode
| Case First-Last Ep = {{#if:{{{S2 Case First-Last Ep|}}}|{{{S2 Case First-Last Ep}}}|{{{S2 Episode Number}}} }}
| Case Image = {{{S2 Case Image|}}}
| Episode Number = {{{S2 Episode Number}}}
| Case Name = {{{S2 Case Name}}}
| Case Part Name = {{{S2 Case Part Name}}}
| Next Episode Number = {{{S3 Episode Number}}}
| Next Case Name = {{{S3 Case Name}}}
| Next Case Part Name = {{{S3 Case Part Name}}}
| Next Episode Date = {{{S3 Episode Airdate}}}
| Anime footnotes = {{{Anime footnotes|}}}
}}
| {{User:R0o0di/Sandbox/Latest news/Latest ep
| Header = Latest episode
| Case First-Last Ep = {{#if:{{{S1 Case First-Last Ep|}}}|{{{S1 Case First-Last Ep}}}|{{{S1 Episode Number}}} }}
| Case Image = {{{S1 Case Image|}}}
| Episode Number = {{{S1 Episode Number}}}
| Case Name = {{{S1 Case Name}}}
| Case Part Name = {{{S1 Case Part Name}}}
| Next Episode Number = {{{S2 Episode Number}}}
| Next Case Name = {{{S2 Case Name}}}
| Next Case Part Name = {{{S2 Case Part Name}}}
| Next Episode Date = {{{S2 Episode Airdate}}}
| Anime footnotes = {{{Anime footnotes|}}}
}}
}}
</div> 

<div class="slide">{{#ifexpr: {{timeDiff|{{{S2 Yaiba Episode Airdate}}}|{{#if:{{{S2 Yaiba Episode Airtime|}}}|{{{S2 Yaiba Episode Airtime}}}|{{{Regular Yaiba Airtime}}} }}|9}}<=0
| {{User:R0o0di/Sandbox/Latest news/Latest ep
| Series = Yaiba
| Header = Latest Yaiba episode
| Case First-Last Ep = {{#if:{{{S2 Yaiba First-Last Ep|}}}|{{{S2 Yaiba First-Last Ep}}}|{{{S2 Yaiba Episode Number}}} }}
| Episode Number = {{{S2 Yaiba Episode Number}}}
| Case Name = {{{S2 Yaiba Name}}}
| Case Part Name = {{{S2 Yaiba Part Name}}}
| Next Episode Number = {{{S3 Yaiba Episode Number}}}
| Next Case Name = {{{S3 Yaiba Name}}}
| Next Case Part Name = {{{S3 Yaiba Part Name}}}
| Next Episode Date = {{{S3 Yaiba Episode Airdate}}}
| Anime footnotes = {{{Yaiba footnotes|}}}
}}
| {{User:R0o0di/Sandbox/Latest news/Latest ep
| Series = Yaiba
| Header = Latest Yaiba episode
| Case First-Last Ep = {{#if:{{{S1 Yaiba First-Last Ep|}}}|{{{S1 Yaiba First-Last Ep}}}|{{{S1 Yaiba Episode Number}}} }}
| Episode Number = {{{S1 Yaiba Episode Number}}}
| Case Name = {{{S1 Yaiba Name}}}
| Case Part Name = {{{S1 Yaiba Part Name}}}
| Next Episode Number = {{{S2 Yaiba Episode Number}}}
| Next Case Name = {{{S2 Yaiba Name}}}
| Next Case Part Name = {{{S2 Yaiba Part Name}}}
| Next Episode Date = {{{S2 Yaiba Episode Airdate}}}
| Anime footnotes = {{{Yaiba footnotes|}}}
}}
}}
</div> 

<div class="slide">
<div class="card">
<div class="card-header"><b>Latest chapter</b></div>
<div class="card-body">
<div class="card-image-container">
<div class="card-image">{{#ifexist:File:Chapter {{{Latest chapter number}}} Cover.jpg
| [[File:Chapter {{{Latest chapter number}}} Cover.jpg|300px|link={{{Latest chapter name}}}]]
| [[File:Joke 19 V2.jpg|300px|link=]]
}}
</div> 
</div> 
<div class="card-title-next">
<div class="card-title">[[{{{Latest chapter name}}}|<b>File {{{Latest chapter number}}}</b>: {{{Latest chapter name}}}]]
</div> 
{{User:R0o0di/Sandbox/Latest news/Next ep
| Type = Manga
| Next Episode Number = {{{Next chapter number}}}
| Next Case Name = {{{Next chapter name}}}
| Next Episode Date = {{{Next chapter date}}}
| Anime footnotes = {{{Manga footnotes|}}}
}}
</div> 
</div> 
</div> 
</div> 
</div> 
</div> 
<div class="sidescroll-progress-bar-container">
<div class="sidescroll-progress-bar-background">
<div class="sidescroll-progress-bar"></div>
</div>
</div></includeonly><noinclude>
source code, clean version:
<div style="overflow:auto;">
<pre style="width:max-content">
<includeonly>
<div class="slideshow-container">

<div class="arrow left">❮</div>
<div class="arrow right">❯</div>

<div class="slides-wrapper" id="slides-wrapper">


<div class="slide">
{{#ifexpr: {{timeDiff|{{{S2 Episode Airdate}}}|{{#if:{{{S2 Episode Airtime|}}}|{{{S2 Episode Airtime}}}|{{{Regular Airtime}}} }}|9}}<=0

| {{Latest news/Latest ep
| Header = Latest episode
| Case First-Last Ep = {{#if:{{{S2 Case First-Last Ep|}}}|{{{S2 Case First-Last Ep}}}|{{{S2 Episode Number}}} }}
| Case Image = {{{S2 Case Image|}}}
| Episode Number = {{{S2 Episode Number}}}
| Case Name = {{{S2 Case Name}}}
| Case Part Name = {{{S2 Case Part Name}}}
| Next Episode Number = {{{S3 Episode Number}}}
| Next Case Name = {{{S3 Case Name}}}
| Next Case Part Name = {{{S3 Case Part Name}}}
| Next Episode Date = {{{S3 Episode Airdate}}}
| Anime footnotes = {{{Anime footnotes|}}}
}}

| {{Latest news/Latest ep
| Header = Latest episode
| Case First-Last Ep = {{#if:{{{S1 Case First-Last Ep|}}}|{{{S1 Case First-Last Ep}}}|{{{S1 Episode Number}}} }}
| Case Image = {{{S1 Case Image|}}}
| Episode Number = {{{S1 Episode Number}}}
| Case Name = {{{S1 Case Name}}}
| Case Part Name = {{{S1 Case Part Name}}}
| Next Episode Number = {{{S2 Episode Number}}}
| Next Case Name = {{{S2 Case Name}}}
| Next Case Part Name = {{{S2 Case Part Name}}}
| Next Episode Date = {{{S2 Episode Airdate}}}
| Anime footnotes = {{{Anime footnotes|}}}
}}
}}
</div>


<div class="slide">
{{#ifexpr: {{timeDiff|{{{S2 Yaiba Episode Airdate}}}|{{#if:{{{S2 Yaiba Episode Airtime|}}}|{{{S2 Yaiba Episode Airtime}}}|{{{Regular Yaiba Airtime}}} }}|9}}<=0

| {{Latest news/Latest ep
| Series = Yaiba
| Header = Latest Yaiba episode
| Case First-Last Ep = {{#if:{{{S2 Yaiba First-Last Ep|}}}|{{{S2 Yaiba First-Last Ep}}}|{{{S2 Yaiba Episode Number}}} }}
| Episode Number = {{{S2 Yaiba Episode Number}}}
| Case Name = {{{S2 Yaiba Name}}}
| Case Part Name = {{{S2 Yaiba Part Name}}}
| Next Episode Number = {{{S3 Yaiba Episode Number}}}
| Next Case Name = {{{S3 Yaiba Name}}}
| Next Case Part Name = {{{S3 Yaiba Part Name}}}
| Next Episode Date = {{{S3 Yaiba Episode Airdate}}}
| Anime footnotes = {{{Yaiba footnotes|}}}
}}

| {{Latest news/Latest ep
| Series = Yaiba
| Header = Latest Yaiba episode
| Case First-Last Ep = {{#if:{{{S1 Yaiba First-Last Ep|}}}|{{{S1 Yaiba First-Last Ep}}}|{{{S1 Yaiba Episode Number}}} }}
| Episode Number = {{{S1 Yaiba Episode Number}}}
| Case Name = {{{S1 Yaiba Name}}}
| Case Part Name = {{{S1 Yaiba Part Name}}}
| Next Episode Number = {{{S2 Yaiba Episode Number}}}
| Next Case Name = {{{S2 Yaiba Name}}}
| Next Case Part Name = {{{S2 Yaiba Part Name}}}
| Next Episode Date = {{{S2 Yaiba Episode Airdate}}}
| Anime footnotes = {{{Yaiba footnotes|}}}
}}
}}
</div>


<div class="slide">
<div class="card">

<div class="card-header">
<b>Latest chapter</b>
</div>

<div class="card-body">

<div class="card-image-container">

<div class="card-image">
{{#ifexist:File:Chapter {{{Latest chapter number}}} Cover.jpg
| [[File:Chapter {{{Latest chapter number}}} Cover.jpg|300px|link={{{Latest chapter name}}}]]
| [[File:Joke 19 V2.jpg|300px|link=]]
}}
</div>

</div>

<div class="card-title-next">

<div class="card-title">
[[{{{Latest chapter name}}}|<b>File {{{Latest chapter number}}}</b>: {{{Latest chapter name}}}]]
</div>

{{Latest news/Next ep
| Type = Manga
| Next Episode Number = {{{Next chapter number}}}
| Next Case Name = {{{Next chapter name}}}
| Next Episode Date = {{{Next chapter date}}}
| Anime footnotes = {{{Manga footnotes|}}}
}}

</div>

</div>
</div>
</div>

</div>
</div>

<div class="sidescroll-progress-bar-container">
<div class="sidescroll-progress-bar-background">
<div class="sidescroll-progress-bar"></div>
</div>
</div>

</includeonly>
</pre>
</div>
</noinclude>

User:R0o0di/Sandbox/Latest news

2026-05-21T13:07:22Z

R0o0di:

<includeonly><div class="slideshow-container">
<div class="arrow left">❮</div>
<div class="arrow right">❯</div>
<div class="slides-wrapper" id="slides-wrapper">

<div class="slide">{{#ifexpr: {{timeDiff|{{{S2 Episode Airdate}}}|{{#if:{{{S2 Episode Airtime|}}}|{{{S2 Episode Airtime}}}|{{{Regular Airtime}}} }}|9}}<=0
| {{User:R0o0di/Sandbox/Latest news/Latest ep
| Header = Latest episode
| Case First-Last Ep = {{#if:{{{S2 Case First-Last Ep|}}}|{{{S2 Case First-Last Ep}}}|{{{S2 Episode Number}}} }}
| Case Image = {{{S2 Case Image|}}}
| Episode Number = {{{S2 Episode Number}}}
| Case Name = {{{S2 Case Name}}}
| Case Part Name = {{{S2 Case Part Name}}}
| Next Episode Number = {{{S3 Episode Number}}}
| Next Case Name = {{{S3 Case Name}}}
| Next Case Part Name = {{{S3 Case Part Name}}}
| Next Episode Date = {{{S3 Episode Airdate}}}
| Anime footnotes = {{{Anime footnotes|}}}
}}
| {{User:R0o0di/Sandbox/Latest news/Latest ep
| Header = Latest episode
| Case First-Last Ep = {{#if:{{{S1 Case First-Last Ep|}}}|{{{S1 Case First-Last Ep}}}|{{{S1 Episode Number}}} }}
| Case Image = {{{S1 Case Image|}}}
| Episode Number = {{{S1 Episode Number}}}
| Case Name = {{{S1 Case Name}}}
| Case Part Name = {{{S1 Case Part Name}}}
| Next Episode Number = {{{S2 Episode Number}}}
| Next Case Name = {{{S2 Case Name}}}
| Next Case Part Name = {{{S2 Case Part Name}}}
| Next Episode Date = {{{S2 Episode Airdate}}}
| Anime footnotes = {{{Anime footnotes|}}}
}}
}}
</div> 

<div class="slide">{{#ifexpr: {{timeDiff|{{{S2 Yaiba Episode Airdate}}}|{{#if:{{{S2 Yaiba Episode Airtime|}}}|{{{S2 Yaiba Episode Airtime}}}|{{{Regular Yaiba Airtime}}} }}|9}}<=0
| {{User:R0o0di/Sandbox/Latest news/Latest ep
| Series = Yaiba
| Header = Latest Yaiba episode
| Case First-Last Ep = {{#if:{{{S2 Yaiba First-Last Ep|}}}|{{{S2 Yaiba First-Last Ep}}}|{{{S2 Yaiba Episode Number}}} }}
| Episode Number = {{{S2 Yaiba Episode Number}}}
| Case Name = {{{S2 Yaiba Name}}}
| Case Part Name = {{{S2 Yaiba Part Name}}}
| Next Episode Number = {{{S3 Yaiba Episode Number}}}
| Next Case Name = {{{S3 Yaiba Name}}}
| Next Case Part Name = {{{S3 Yaiba Part Name}}}
| Next Episode Date = {{{S3 Yaiba Episode Airdate}}}
| Anime footnotes = {{{Yaiba footnotes|}}}
}}
| {{User:R0o0di/Sandbox/Latest news/Latest ep
| Series = Yaiba
| Header = Latest Yaiba episode
| Case First-Last Ep = {{#if:{{{S1 Yaiba First-Last Ep|}}}|{{{S1 Yaiba First-Last Ep}}}|{{{S1 Yaiba Episode Number}}} }}
| Episode Number = {{{S1 Yaiba Episode Number}}}
| Case Name = {{{S1 Yaiba Name}}}
| Case Part Name = {{{S1 Yaiba Part Name}}}
| Next Episode Number = {{{S2 Yaiba Episode Number}}}
| Next Case Name = {{{S2 Yaiba Name}}}
| Next Case Part Name = {{{S2 Yaiba Part Name}}}
| Next Episode Date = {{{S2 Yaiba Episode Airdate}}}
| Anime footnotes = {{{Yaiba footnotes|}}}
}}
}}
</div> 

<div class="slide">
<div class="card">
<div class="card-header"><b>Latest chapter</b></div>
<div class="card-body">
<div class="card-image-container">
<div class="card-image">{{#ifexist:File:Chapter {{{Latest chapter number}}} Cover.jpg
| [[File:Chapter {{{Latest chapter number}}} Cover.jpg|300px|link={{{Latest chapter name}}}]]
| [[File:Joke 19 V2.jpg|300px|link=]]
}}
</div> 
</div> 
<div class="card-title-next">
<div class="card-title">[[{{{Latest chapter name}}}|<b>File {{{Latest chapter number}}}</b>: {{{Latest chapter name}}}]]
</div> 
{{User:R0o0di/Sandbox/Latest news/Next ep
| Type = Manga
| Next Episode Number = {{{Next chapter number}}}
| Next Case Name = {{{Next chapter name}}}
| Next Episode Date = {{{Next chapter date}}}
| Anime footnotes = {{{Manga footnotes|}}}
}}
</div> 
</div> 
</div> 
</div> 
</div> 
</div> 
<div class="sidescroll-progress-bar-container">
<div class="sidescroll-progress-bar-background">
<div class="sidescroll-progress-bar"></div>
</div>
</div></includeonly><noinclude>
source code, clean version:
<div style="overflow:auto;">
<pre style="width:max-content">
<includeonly>
<div class="slideshow-container">

<div class="arrow left" onclick="prevSlide()">❮</div>
<div class="arrow right" onclick="nextSlide()">❯</div>

<div class="slides-wrapper" id="slides-wrapper">


<div class="slide">
{{#ifexpr: {{timeDiff|{{{S2 Episode Airdate}}}|{{#if:{{{S2 Episode Airtime|}}}|{{{S2 Episode Airtime}}}|{{{Regular Airtime}}} }}|9}}<=0

| {{Latest news/Latest ep
| Header = Latest episode
| Case First-Last Ep = {{#if:{{{S2 Case First-Last Ep|}}}|{{{S2 Case First-Last Ep}}}|{{{S2 Episode Number}}} }}
| Case Image = {{{S2 Case Image|}}}
| Episode Number = {{{S2 Episode Number}}}
| Case Name = {{{S2 Case Name}}}
| Case Part Name = {{{S2 Case Part Name}}}
| Next Episode Number = {{{S3 Episode Number}}}
| Next Case Name = {{{S3 Case Name}}}
| Next Case Part Name = {{{S3 Case Part Name}}}
| Next Episode Date = {{{S3 Episode Airdate}}}
| Anime footnotes = {{{Anime footnotes|}}}
}}

| {{Latest news/Latest ep
| Header = Latest episode
| Case First-Last Ep = {{#if:{{{S1 Case First-Last Ep|}}}|{{{S1 Case First-Last Ep}}}|{{{S1 Episode Number}}} }}
| Case Image = {{{S1 Case Image|}}}
| Episode Number = {{{S1 Episode Number}}}
| Case Name = {{{S1 Case Name}}}
| Case Part Name = {{{S1 Case Part Name}}}
| Next Episode Number = {{{S2 Episode Number}}}
| Next Case Name = {{{S2 Case Name}}}
| Next Case Part Name = {{{S2 Case Part Name}}}
| Next Episode Date = {{{S2 Episode Airdate}}}
| Anime footnotes = {{{Anime footnotes|}}}
}}
}}
</div>


<div class="slide">
{{#ifexpr: {{timeDiff|{{{S2 Yaiba Episode Airdate}}}|{{#if:{{{S2 Yaiba Episode Airtime|}}}|{{{S2 Yaiba Episode Airtime}}}|{{{Regular Yaiba Airtime}}} }}|9}}<=0

| {{Latest news/Latest ep
| Series = Yaiba
| Header = Latest Yaiba episode
| Case First-Last Ep = {{#if:{{{S2 Yaiba First-Last Ep|}}}|{{{S2 Yaiba First-Last Ep}}}|{{{S2 Yaiba Episode Number}}} }}
| Episode Number = {{{S2 Yaiba Episode Number}}}
| Case Name = {{{S2 Yaiba Name}}}
| Case Part Name = {{{S2 Yaiba Part Name}}}
| Next Episode Number = {{{S3 Yaiba Episode Number}}}
| Next Case Name = {{{S3 Yaiba Name}}}
| Next Case Part Name = {{{S3 Yaiba Part Name}}}
| Next Episode Date = {{{S3 Yaiba Episode Airdate}}}
| Anime footnotes = {{{Yaiba footnotes|}}}
}}

| {{Latest news/Latest ep
| Series = Yaiba
| Header = Latest Yaiba episode
| Case First-Last Ep = {{#if:{{{S1 Yaiba First-Last Ep|}}}|{{{S1 Yaiba First-Last Ep}}}|{{{S1 Yaiba Episode Number}}} }}
| Episode Number = {{{S1 Yaiba Episode Number}}}
| Case Name = {{{S1 Yaiba Name}}}
| Case Part Name = {{{S1 Yaiba Part Name}}}
| Next Episode Number = {{{S2 Yaiba Episode Number}}}
| Next Case Name = {{{S2 Yaiba Name}}}
| Next Case Part Name = {{{S2 Yaiba Part Name}}}
| Next Episode Date = {{{S2 Yaiba Episode Airdate}}}
| Anime footnotes = {{{Yaiba footnotes|}}}
}}
}}
</div>


<div class="slide">
<div class="card">

<div class="card-header">
<b>Latest chapter</b>
</div>

<div class="card-body">

<div class="card-image-container">

<figure class="card-image">
{{#ifexist:File:Chapter {{{Latest chapter number}}} Cover.jpg
| [[File:Chapter {{{Latest chapter number}}} Cover.jpg|300px|link={{{Latest chapter name}}}]]
| [[File:Joke 19 V2.jpg|300px|link=]]
}}
</figure>

</div>

<div class="card-title-next">

<div class="card-title">
[[{{{Latest chapter name}}}|<b>File {{{Latest chapter number}}}</b>: {{{Latest chapter name}}}]]
</div>

{{Latest news/Next ep
| Type = Manga
| Next Episode Number = {{{Next chapter number}}}
| Next Case Name = {{{Next chapter name}}}
| Next Episode Date = {{{Next chapter date}}}
| Anime footnotes = {{{Manga footnotes|}}}
}}

</div>

</div>
</div>
</div>

</div>
</div>

<div class="sidescroll-progress-bar-container">
<div class="sidescroll-progress-bar-background">
<div class="sidescroll-progress-bar"></div>
</div>
</div>

</includeonly>
</pre>
</div>
</noinclude>

User:R0o0di/Sandbox/Latest news

2026-05-21T13:05:47Z

R0o0di:

<includeonly><div class="slideshow-container">
<div class="arrow left">❮</div>
<div class="arrow right">❯</div>
<div class="slides-wrapper" id="slides-wrapper">

<div class="slide">{{#ifexpr: {{timeDiff|{{{S2 Episode Airdate}}}|{{#if:{{{S2 Episode Airtime|}}}|{{{S2 Episode Airtime}}}|{{{Regular Airtime}}} }}|9}}<=0
| {{User:R0o0di/Sandbox/Latest news/Latest ep
| Header = Latest episode
| Case First-Last Ep = {{#if:{{{S2 Case First-Last Ep|}}}|{{{S2 Case First-Last Ep}}}|{{{S2 Episode Number}}} }}
| Case Image = {{{S2 Case Image|}}}
| Episode Number = {{{S2 Episode Number}}}
| Case Name = {{{S2 Case Name}}}
| Case Part Name = {{{S2 Case Part Name}}}
| Next Episode Number = {{{S3 Episode Number}}}
| Next Case Name = {{{S3 Case Name}}}
| Next Case Part Name = {{{S3 Case Part Name}}}
| Next Episode Date = {{{S3 Episode Airdate}}}
| Anime footnotes = {{{Anime footnotes|}}}
}}
| {{User:R0o0di/Sandbox/Latest news/Latest ep
| Header = Latest episode
| Case First-Last Ep = {{#if:{{{S1 Case First-Last Ep|}}}|{{{S1 Case First-Last Ep}}}|{{{S1 Episode Number}}} }}
| Case Image = {{{S1 Case Image|}}}
| Episode Number = {{{S1 Episode Number}}}
| Case Name = {{{S1 Case Name}}}
| Case Part Name = {{{S1 Case Part Name}}}
| Next Episode Number = {{{S2 Episode Number}}}
| Next Case Name = {{{S2 Case Name}}}
| Next Case Part Name = {{{S2 Case Part Name}}}
| Next Episode Date = {{{S2 Episode Airdate}}}
| Anime footnotes = {{{Anime footnotes|}}}
}}
}}
</div> 

<div class="slide">{{#ifexpr: {{timeDiff|{{{S2 Yaiba Episode Airdate}}}|{{#if:{{{S2 Yaiba Episode Airtime|}}}|{{{S2 Yaiba Episode Airtime}}}|{{{Regular Yaiba Airtime}}} }}|9}}<=0
| {{User:R0o0di/Sandbox/Latest news/Latest ep
| Series = Yaiba
| Header = Latest Yaiba episode
| Case First-Last Ep = {{#if:{{{S2 Yaiba First-Last Ep|}}}|{{{S2 Yaiba First-Last Ep}}}|{{{S2 Yaiba Episode Number}}} }}
| Episode Number = {{{S2 Yaiba Episode Number}}}
| Case Name = {{{S2 Yaiba Name}}}
| Case Part Name = {{{S2 Yaiba Part Name}}}
| Next Episode Number = {{{S3 Yaiba Episode Number}}}
| Next Case Name = {{{S3 Yaiba Name}}}
| Next Case Part Name = {{{S3 Yaiba Part Name}}}
| Next Episode Date = {{{S3 Yaiba Episode Airdate}}}
| Anime footnotes = {{{Yaiba footnotes|}}}
}}
| {{User:R0o0di/Sandbox/Latest news/Latest ep
| Series = Yaiba
| Header = Latest Yaiba episode
| Case First-Last Ep = {{#if:{{{S1 Yaiba First-Last Ep|}}}|{{{S1 Yaiba First-Last Ep}}}|{{{S1 Yaiba Episode Number}}} }}
| Episode Number = {{{S1 Yaiba Episode Number}}}
| Case Name = {{{S1 Yaiba Name}}}
| Case Part Name = {{{S1 Yaiba Part Name}}}
| Next Episode Number = {{{S2 Yaiba Episode Number}}}
| Next Case Name = {{{S2 Yaiba Name}}}
| Next Case Part Name = {{{S2 Yaiba Part Name}}}
| Next Episode Date = {{{S2 Yaiba Episode Airdate}}}
| Anime footnotes = {{{Yaiba footnotes|}}}
}}
}}
</div> 

<div class="slide">
<div class="card">
<div class="card-header"><b>Latest chapter</b></div>
<div class="card-body">
<div class="card-image-container">
<div class="card-image">{{#ifexist:File:Chapter {{{Latest chapter number}}} Cover.jpg
| [[File:Chapter {{{Latest chapter number}}} Cover.jpg|300px|link={{{Latest chapter name}}}]]
| [[File:Joke 19 V2.jpg|300px|link=]]
}}
</div> 
</div> 
<div class="card-title-next">
<div class="card-title">[[{{{Latest chapter name}}}|<b>File {{{Latest chapter number}}}</b>: {{{Latest chapter name}}}]]
</div> 
{{User:R0o0di/Sandbox/Latest news/Next ep
| Type = Manga
| Next Episode Number = {{{Next chapter number}}}
| Next Case Name = {{{Next chapter name}}}
| Next Episode Date = {{{Next chapter date}}}
| Anime footnotes = {{{Manga footnotes|}}}
}}
</div> 
</div> 
</div> 
</div> 
</div> 
</div> 
<div class="sidescroll-progress-bar-container">
<div class="sidescroll-progress-bar-background">
<div class="sidescroll-progress-bar"></div>
</div>
</div></includeonly><noinclude>
source code, clean version:
<div style="overflow:auto;">
<pre style="width:max-content">
<includeonly>
<div class="slideshow-container">

<div class="arrow left" onclick="prevSlide()">❮</div>
<div class="arrow right" onclick="nextSlide()">❯</div>

<div class="slides-wrapper" id="slides-wrapper">


<div class="slide">
{{#ifexpr: {{timeDiff|{{{S2 Episode Airdate}}}|{{#if:{{{S2 Episode Airtime|}}}|{{{S2 Episode
Airtime}}}|{{{Regular Airtime}}} }}|9}}<=0 | {{Latest news/Latest ep | Header=Latest episode | Case
First-Last Ep={{#if:{{{S2 Case First-Last Ep|}}}|{{{S2 Case First-Last Ep}}}|{{{S2 Episode Number}}}
}} | Case Image={{{S2 Case Image|}}} | Episode Number={{{S2 Episode Number}}} | Case Name={{{S2 Case
Name}}} | Case Part Name={{{S2 Case Part Name}}} | Next Episode Number={{{S3 Episode Number}}} |
Next Case Name={{{S3 Case Name}}} | Next Case Part Name={{{S3 Case Part Name}}} | Next Episode
Date={{{S3 Episode Airdate}}} | Anime footnotes={{{Anime footnotes|}}} }} | {{Latest news/Latest ep
| Header=Latest episode | Case First-Last Ep={{#if:{{{S1 Case First-Last Ep|}}}|{{{S1 Case
First-Last Ep}}}|{{{S1 Episode Number}}} }} | Case Image={{{S1 Case Image|}}} | Episode Number={{{S1
Episode Number}}} | Case Name={{{S1 Case Name}}} | Case Part Name={{{S1 Case Part Name}}} | Next
Episode Number={{{S2 Episode Number}}} | Next Case Name={{{S2 Case Name}}} | Next Case Part
Name={{{S2 Case Part Name}}} | Next Episode Date={{{S2 Episode Airdate}}} | Anime footnotes={{{Anime
footnotes|}}} }} }} </div>


<div class="slide">
{{#ifexpr: {{timeDiff|{{{S2 Yaiba Episode Airdate}}}|{{#if:{{{S2 Yaiba Episode Airtime|}}}|{{{S2
Yaiba Episode Airtime}}}|{{{Regular Yaiba Airtime}}} }}|9}}<=0 | {{Latest news/Latest ep |
Series=Yaiba | Header=Latest Yaiba episode | Case First-Last Ep={{#if:{{{S2 Yaiba First-Last
Ep|}}}|{{{S2 Yaiba First-Last Ep}}}|{{{S2 Yaiba Episode Number}}} }} | Episode Number={{{S2
Yaiba Episode Number}}} | Case Name={{{S2 Yaiba Name}}} | Case Part Name={{{S2 Yaiba Part
Name}}} | Next Episode Number={{{S3 Yaiba Episode Number}}} | Next Case Name={{{S3 Yaiba
Name}}} | Next Case Part Name={{{S3 Yaiba Part Name}}} | Next Episode Date={{{S3 Yaiba
Episode Airdate}}} | Anime footnotes={{{Yaiba footnotes|}}} }} | {{Latest news/Latest ep |
Series=Yaiba | Header=Latest Yaiba episode | Case First-Last Ep={{#if:{{{S1 Yaiba First-Last
Ep|}}}|{{{S1 Yaiba First-Last Ep}}}|{{{S1 Yaiba Episode Number}}} }} | Episode Number={{{S1
Yaiba Episode Number}}} | Case Name={{{S1 Yaiba Name}}} | Case Part Name={{{S1 Yaiba Part
Name}}} | Next Episode Number={{{S2 Yaiba Episode Number}}} | Next Case Name={{{S2 Yaiba
Name}}} | Next Case Part Name={{{S2 Yaiba Part Name}}} | Next Episode Date={{{S2 Yaiba
Episode Airdate}}} | Anime footnotes={{{Yaiba footnotes|}}} }} }} </div>


<div class="slide">
<div class="card">

<div class="card-header">
<b>Latest chapter</b>
</div>

<div class="card-body">

<div class="card-image-container">

<figure class="card-image">
{{#ifexist:File:Chapter {{{Latest chapter number}}} Cover.jpg
| [[File:Chapter {{{Latest chapter number}}}
Cover.jpg|300px|link={{{Latest chapter name}}}]]
| [[File:Joke 19 V2.jpg|300px|link=]]
}}
</figure>

</div>

<div class="card-title-next">

<div class="card-title">
[[{{{Latest chapter name}}}|<b>File {{{Latest chapter number}}}</b>:
{{{Latest chapter name}}}]]
</div>

{{Latest news/Next ep
| Type = Manga
| Next Episode Number = {{{Next chapter number}}}
| Next Case Name = {{{Next chapter name}}}
| Next Episode Date = {{{Next chapter date}}}
| Anime footnotes = {{{Manga footnotes|}}}
}}

</div>

</div>
</div>
</div>

</div>
</div>

<div class="sidescroll-progress-bar-container">
<div class="sidescroll-progress-bar-background">
<div class="sidescroll-progress-bar"></div>
</div>
</div>

</includeonly>
</pre>
</div>
</noinclude>

User:R0o0di/Sandbox/Latest news

2026-05-21T13:04:42Z

R0o0di:

<includeonly><div class="slideshow-container">
<div class="arrow left">❮</div>
<div class="arrow right">❯</div>
<div class="slides-wrapper" id="slides-wrapper">

<div class="slide">{{#ifexpr: {{timeDiff|{{{S2 Episode Airdate}}}|{{#if:{{{S2 Episode Airtime|}}}|{{{S2 Episode Airtime}}}|{{{Regular Airtime}}} }}|9}}<=0
| {{User:R0o0di/Sandbox/Latest news/Latest ep
| Header = Latest episode
| Case First-Last Ep = {{#if:{{{S2 Case First-Last Ep|}}}|{{{S2 Case First-Last Ep}}}|{{{S2 Episode Number}}} }}
| Case Image = {{{S2 Case Image|}}}
| Episode Number = {{{S2 Episode Number}}}
| Case Name = {{{S2 Case Name}}}
| Case Part Name = {{{S2 Case Part Name}}}
| Next Episode Number = {{{S3 Episode Number}}}
| Next Case Name = {{{S3 Case Name}}}
| Next Case Part Name = {{{S3 Case Part Name}}}
| Next Episode Date = {{{S3 Episode Airdate}}}
| Anime footnotes = {{{Anime footnotes|}}}
}}
| {{User:R0o0di/Sandbox/Latest news/Latest ep
| Header = Latest episode
| Case First-Last Ep = {{#if:{{{S1 Case First-Last Ep|}}}|{{{S1 Case First-Last Ep}}}|{{{S1 Episode Number}}} }}
| Case Image = {{{S1 Case Image|}}}
| Episode Number = {{{S1 Episode Number}}}
| Case Name = {{{S1 Case Name}}}
| Case Part Name = {{{S1 Case Part Name}}}
| Next Episode Number = {{{S2 Episode Number}}}
| Next Case Name = {{{S2 Case Name}}}
| Next Case Part Name = {{{S2 Case Part Name}}}
| Next Episode Date = {{{S2 Episode Airdate}}}
| Anime footnotes = {{{Anime footnotes|}}}
}}
}}
</div> 

<div class="slide">{{#ifexpr: {{timeDiff|{{{S2 Yaiba Episode Airdate}}}|{{#if:{{{S2 Yaiba Episode Airtime|}}}|{{{S2 Yaiba Episode Airtime}}}|{{{Regular Yaiba Airtime}}} }}|9}}<=0
| {{User:R0o0di/Sandbox/Latest news/Latest ep
| Series = Yaiba
| Header = Latest Yaiba episode
| Case First-Last Ep = {{#if:{{{S2 Yaiba First-Last Ep|}}}|{{{S2 Yaiba First-Last Ep}}}|{{{S2 Yaiba Episode Number}}} }}
| Episode Number = {{{S2 Yaiba Episode Number}}}
| Case Name = {{{S2 Yaiba Name}}}
| Case Part Name = {{{S2 Yaiba Part Name}}}
| Next Episode Number = {{{S3 Yaiba Episode Number}}}
| Next Case Name = {{{S3 Yaiba Name}}}
| Next Case Part Name = {{{S3 Yaiba Part Name}}}
| Next Episode Date = {{{S3 Yaiba Episode Airdate}}}
| Anime footnotes = {{{Yaiba footnotes|}}}
}}
| {{User:R0o0di/Sandbox/Latest news/Latest ep
| Series = Yaiba
| Header = Latest Yaiba episode
| Case First-Last Ep = {{#if:{{{S1 Yaiba First-Last Ep|}}}|{{{S1 Yaiba First-Last Ep}}}|{{{S1 Yaiba Episode Number}}} }}
| Episode Number = {{{S1 Yaiba Episode Number}}}
| Case Name = {{{S1 Yaiba Name}}}
| Case Part Name = {{{S1 Yaiba Part Name}}}
| Next Episode Number = {{{S2 Yaiba Episode Number}}}
| Next Case Name = {{{S2 Yaiba Name}}}
| Next Case Part Name = {{{S2 Yaiba Part Name}}}
| Next Episode Date = {{{S2 Yaiba Episode Airdate}}}
| Anime footnotes = {{{Yaiba footnotes|}}}
}}
}}
</div> 

<div class="slide">
<div class="card">
<div class="card-header"><b>Latest chapter</b></div>
<div class="card-body">
<div class="card-image-container">
<div class="card-image">{{#ifexist:File:Chapter {{{Latest chapter number}}} Cover.jpg
| [[File:Chapter {{{Latest chapter number}}} Cover.jpg|300px|link={{{Latest chapter name}}}]]
| [[File:Joke 19 V2.jpg|300px|link=]]
}}
</div> 
</div> 
<div class="card-title-next">
<div class="card-title">[[{{{Latest chapter name}}}|<b>File {{{Latest chapter number}}}</b>: {{{Latest chapter name}}}]]
</div> 
{{User:R0o0di/Sandbox/Latest news/Next ep
| Type = Manga
| Next Episode Number = {{{Next chapter number}}}
| Next Case Name = {{{Next chapter name}}}
| Next Episode Date = {{{Next chapter date}}}
| Anime footnotes = {{{Manga footnotes|}}}
}}
</div> 
</div> 
</div> 
</div> 
</div> 
</div> 
<div class="sidescroll-progress-bar-container">
<div class="sidescroll-progress-bar-background">
<div class="sidescroll-progress-bar"></div>
</div>
</div></includeonly><noinclude>
source code, clean version:
<div style="overflow:auto;">
<pre style="width:max-content">
<includeonly>
<div class="slideshow-container">

<div class="arrow left" onclick="prevSlide()">❮</div>
<div class="arrow right" onclick="nextSlide()">❯</div>

<div class="slides-wrapper" id="slides-wrapper">


<div class="slide">
{{#ifexpr: {{timeDiff|{{{S2 Episode Airdate}}}|{{#if:{{{S2 Episode Airtime|}}}|{{{S2 Episode Airtime}}}|{{{Regular Airtime}}} }}|9}}<=0

| {{Latest news/Latest ep
| Header = Latest episode
| Case First-Last Ep = {{#if:{{{S2 Case First-Last Ep|}}}|{{{S2 Case First-Last Ep}}}|{{{S2 Episode Number}}} }}
| Case Image = {{{S2 Case Image|}}}
| Episode Number = {{{S2 Episode Number}}}
| Case Name = {{{S2 Case Name}}}
| Case Part Name = {{{S2 Case Part Name}}}
| Next Episode Number = {{{S3 Episode Number}}}
| Next Case Name = {{{S3 Case Name}}}
| Next Case Part Name = {{{S3 Case Part Name}}}
| Next Episode Date = {{{S3 Episode Airdate}}}
| Anime footnotes = {{{Anime footnotes|}}}
}}

| {{Latest news/Latest ep
| Header = Latest episode
| Case First-Last Ep = {{#if:{{{S1 Case First-Last Ep|}}}|{{{S1 Case First-Last Ep}}}|{{{S1 Episode Number}}} }}
| Case Image = {{{S1 Case Image|}}}
| Episode Number = {{{S1 Episode Number}}}
| Case Name = {{{S1 Case Name}}}
| Case Part Name = {{{S1 Case Part Name}}}
| Next Episode Number = {{{S2 Episode Number}}}
| Next Case Name = {{{S2 Case Name}}}
| Next Case Part Name = {{{S2 Case Part Name}}}
| Next Episode Date = {{{S2 Episode Airdate}}}
| Anime footnotes = {{{Anime footnotes|}}}
}}
}}
</div>


<div class="slide">
{{#ifexpr: {{timeDiff|{{{S2 Yaiba Episode Airdate}}}|{{#if:{{{S2 Yaiba Episode Airtime|}}}|{{{S2 Yaiba Episode Airtime}}}|{{{Regular Yaiba Airtime}}} }}|9}}<=0

| {{Latest news/Latest ep
| Series = Yaiba
| Header = Latest Yaiba episode
| Case First-Last Ep = {{#if:{{{S2 Yaiba First-Last Ep|}}}|{{{S2 Yaiba First-Last Ep}}}|{{{S2 Yaiba Episode Number}}} }}
| Episode Number = {{{S2 Yaiba Episode Number}}}
| Case Name = {{{S2 Yaiba Name}}}
| Case Part Name = {{{S2 Yaiba Part Name}}}
| Next Episode Number = {{{S3 Yaiba Episode Number}}}
| Next Case Name = {{{S3 Yaiba Name}}}
| Next Case Part Name = {{{S3 Yaiba Part Name}}}
| Next Episode Date = {{{S3 Yaiba Episode Airdate}}}
| Anime footnotes = {{{Yaiba footnotes|}}}
}}

| {{Latest news/Latest ep
| Series = Yaiba
| Header = Latest Yaiba episode
| Case First-Last Ep = {{#if:{{{S1 Yaiba First-Last Ep|}}}|{{{S1 Yaiba First-Last Ep}}}|{{{S1 Yaiba Episode Number}}} }}
| Episode Number = {{{S1 Yaiba Episode Number}}}
| Case Name = {{{S1 Yaiba Name}}}
| Case Part Name = {{{S1 Yaiba Part Name}}}
| Next Episode Number = {{{S2 Yaiba Episode Number}}}
| Next Case Name = {{{S2 Yaiba Name}}}
| Next Case Part Name = {{{S2 Yaiba Part Name}}}
| Next Episode Date = {{{S2 Yaiba Episode Airdate}}}
| Anime footnotes = {{{Yaiba footnotes|}}}
}}
}}
</div>


<div class="slide">
<div class="card">

<div class="card-header">
<b>Latest chapter</b>
</div>

<div class="card-body">

<div class="card-image-container">

<figure class="card-image">
{{#ifexist:File:Chapter {{{Latest chapter number}}} Cover.jpg
| [[File:Chapter {{{Latest chapter number}}} Cover.jpg|300px|link={{{Latest chapter name}}}]]
| [[File:Joke 19 V2.jpg|300px|link=]]
}}
</figure>

</div>

<div class="card-title-next">

<div class="card-title">
[[{{{Latest chapter name}}}|<b>File {{{Latest chapter number}}}</b>: {{{Latest chapter name}}}]]
</div>

{{Latest news/Next ep
| Type = Manga
| Next Episode Number = {{{Next chapter number}}}
| Next Case Name = {{{Next chapter name}}}
| Next Episode Date = {{{Next chapter date}}}
| Anime footnotes = {{{Manga footnotes|}}}
}}

</div>

</div>
</div>
</div>

</div>
</div>

<div class="sidescroll-progress-bar-container">
<div class="sidescroll-progress-bar-background">
<div class="sidescroll-progress-bar"></div>
</div>
</div>

</includeonly>
</pre>
</div>
</noinclude>

User:R0o0di/Sandbox

2026-05-20T23:37:01Z

R0o0di:

<div class="ttt"> helloooo </div>
{{code
|css=
/*IMAGE SLIDESHOW*/
.slideshow-container {
place-self: center;
position: relative;
width: 100%;
max-width: 1150px;
overflow: hidden;
/* visibility: hidden; */
padding: 10px 0;
}

.slideshow-container.ready {
visibility: visible;
}

.slides-wrapper {
display: flex;
transition: transform 0.5s ease-in-out;
}

.slide {
min-width: 350px;
margin: 0 15px;
flex-shrink: 0;
border-radius: 10px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
}

/* .slide img {
width: 100%;
height: auto;
display: block;
object-fit: cover;
} */

.arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
font-size: 1.5rem;
color: white;
background: rgba(0, 0, 0, 0.4);
padding: 0.4rem 0.8rem;
cursor: pointer;
user-select: none;
z-index: 2;
border-radius: 6px;
}

.arrow:hover {
background: rgba(0, 0, 0, 0.5);
}

.arrow.left {
left: 10px;
}

.arrow.right {
right: 10px;
}

/* CARD CLASSES */
.cards {
display: flex;
flex-direction: column;
gap: 8px;
}

.card {
border: 2px solid #ccc;
padding: 5px;
width: 100%;
height: 100%;
box-sizing: border-box;
}

.card-header {
background: #6699CC;
color: white;
text-align: center;
font-size: 130%;
padding: 5px;
}

.card-body {
padding: 5px;
display: flex;
flex-direction: column;
justify-content: space-between;
height: 87%;
transition: transform 0.3s ease;

}

.card-body:hover {
transform: scale(1.03);
filter: brightness(0.85);
}

.card-image-container {
display: flex;
flex-direction: column;
justify-content: center;
height: 100%;
}

.card-image {
text-align: center;
margin: 0;
}

.card-image img {
max-height: 170px;
}

.card-title,
.card-title-next {
text-align: center;
}

.card-title {
padding-bottom: 5px;
}

.card-title-next {
padding-top: 5px;
}

.card-title-next p {
margin: 0;
}

hr {
margin: 0.2em 0;
}
/* END CARD CLASSES */

/* PROGRESS BAR CLASSES */
.sidescroll-progress-bar-container {
display: flex;
justify-content: center;
margin-top: 2px;
}

.sidescroll-progress-bar-background {
position: relative;
border-radius: 999px;
width: 200px;
height: 3px;
background: #ddd;
}

.sidescroll-progress-bar {
position: absolute;
left: 0;
border-radius: 999px;
background: #494949;
height: 100%;
}
/* END OF PROGRESS BAR CLASSES*/
}}

{{User:R0o0di/Sandbox/Latest news

| Regular Airtime = 6:00 PM




| S1 Case First-Last Ep =
| S1 Episode Number = 1201
| S1 Case Name = I'm the Culprit
| S1 Case Part Name =
| S1 Episode Airdate = May 9, 2026
| S1 Episode Airtime =

| S2 Case First-Last Ep =
| S2 Episode Number = 1202
| S2 Case Name =
| S2 Case Part Name =
| S2 Episode Airdate = May 30, 2026
| S2 Episode Airtime =

| S3 Case First-Last Ep =
| S3 Episode Number =
| S3 Case Name =
| S3 Case Part Name =
| S3 Episode Airdate =
| S3 Episode Airtime =

| Anime footnotes =


| Regular Yaiba Airtime = 5:30 PM

| S1 Yaiba First-Last Ep =
| S1 Yaiba Episode Number =
| S1 Yaiba Name =
| S1 Yaiba Part Name =
| S1 Yaiba Episode Airdate =
| S1 Yaiba Episode Airtime =

| S2 Yaiba First-Last Ep =
| S2 Yaiba Episode Number = 24
| S2 Yaiba Name = The Lunar Invaders
| S2 Yaiba Part Name =
| S2 Yaiba Episode Airdate = September 27, 2025
| S2 Yaiba Episode Airtime =

| S3 Yaiba First-Last Ep =
| S3 Yaiba Episode Number =
| S3 Yaiba Name =
| S3 Yaiba Part Name =
| S3 Yaiba Episode Airdate =
| S3 Yaiba Episode Airtime =

| Yaiba footnotes = '''Next:''' Season 2 <br> Dates are to be confirmed


| Latest chapter number = 1162
| Latest chapter name = The Detective on Our Side
| Latest chapter date = April 22, 2026

| Next chapter number = 1163
| Next chapter name =
| Next chapter date = June 24, 2026

| Manga footnotes =
}}<noinclude>
[[Category:Templates]]</noinclude>

= Template:Char Appearances & Template:Char =
=== old ===
{{User:R0o0di/Sandbox/Old Char Appearances|
{{User:R0o0di/Sandbox/Old Char|Conan Edogawa}}
{{User:R0o0di/Sandbox/Old Char|Ran Mouri}}
{{User:R0o0di/Sandbox/Old Char|Kogoro Mouri}}
{{User:R0o0di/Sandbox/Old Char|Eri Kisaki|display=Eri Kisaki (background)}}
{{User:R0o0di/Sandbox/Old Char|Heiji Hattori}}
{{User:R0o0di/Sandbox/Old Char|Hiroshi Agasa}}
{{User:R0o0di/Sandbox/Old Char|Ai Haibara}}
{{User:R0o0di/Sandbox/Old Char|Kazuha Toyama|display=Kazuha Toyama (background)}}
}}

=== new ===
{{User:R0o0di/Sandbox/CharAppearances2|
{{User:R0o0di/Sandbox/Char2|Conan Edogawa}}
{{User:R0o0di/Sandbox/Char2|Ran Mouri}}
{{User:R0o0di/Sandbox/Char2|Kogoro Mouri}}
{{User:R0o0di/Sandbox/Char2|Eri Kisaki|display=Eri Kisaki (background)}}
{{User:R0o0di/Sandbox/Char2|Heiji Hattori}}
{{User:R0o0di/Sandbox/Char2|Hiroshi Agasa}}
{{User:R0o0di/Sandbox/Char2|Ai Haibara}}
{{User:R0o0di/Sandbox/Char2|Kazuha Toyama|display=Kazuha Toyama (background)}}
}}
=== Differences ===
<div class="mw-collapsible mw-collapsed">
<strong>difficult to read, too many unnecessary elements, outdated css</strong>
<div style="overflow:auto;">
<pre style="width:max-content">
<div style="vertical-align: top; height: auto; overflow: auto; clear: left; margin-bottom: 2px; ">
<table class="char-appearances-table" style="border: 1px dotted #7BA1EC;">
<tbody>
<tr>
<th style="background: #7BA1EC; color: #ffffff; text-align: left; padding-left: 5px;">Characters</th>
</tr>
<tr>
<td>
<table class="char-appearances-table">
<tbody>
<tr>
<td>
<div style="float:left; font-size: 90%;" class="char-image">
<div class="center">
<div class="thumb tnone">
<div class="thumbinner" style="width:102px;">
<a href="/wiki/Conan_Edogawa" title="Conan Edogawa">
<img alt="Conan Edogawa"src="/wiki/images/4/4f/Conan_Edogawa.jpg" width="100" height="100"></a>
<div class="thumbcaption">
<a href="/wiki/Conan_Edogawa" title="Conan Edogawa">Conan Edogawa</a>
</div>
</div>
</div>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
</pre>
</div>

<strong>less complicated structure, better readability, 66% shorter, better css, achieves same results </strong>
<div style="overflow:auto;">
<pre style="width:max-content">
<div style="overflow: auto; margin-bottom: 2px;">
<div style="border: 1px dotted #7BA1EC; width: max-content;">
<div style="background: #7BA1EC; color: #ffffff; padding-left: 5px; font-weight:bold;">Characters</div>
<div style="display:flex; overflow: auto; width: min-content; font-size: 90%; text-align: center;">
<div style="margin: 5px 3px; background: #6969fa7a; border: 1px solid #c8ccd1; border-radius: .25rem; height: min-content;">
<a href="/wiki/Conan_Edogawa" title="Conan Edogawa"><img alt="Conan Edogawa" src="/wiki/images/4/4f/Conan_Edogawa.jpg" width="100" height="100"></a><br>
<a href="/wiki/Conan_Edogawa" title="Conan Edogawa">Conan Edogawa</a>
</div>
</div>
</div>
</div>
</pre>
</div>

</div>
<hr>

= Template:Gadgets Appearances & Template:Gadget =
=== old ===
{{User:R0o0di/Sandbox/Old Gadgets Appearances|
{{User:R0o0di/Sandbox/Old Gadget|Voice-Changing Bowtie}}
{{User:R0o0di/Sandbox/Old Gadget|Power-Enhancing Kick Shoes}}
{{User:R0o0di/Sandbox/Old Gadget|Stun-Gun Wristwatch}}
{{User:R0o0di/Sandbox/Old Gadget|Detective Boys Badge}}
{{User:R0o0di/Sandbox/Old Gadget|Turbo Engine Skateboard}}
}}

=== new ===
{{User:R0o0di/Sandbox/New Gadgets Appearances|
{{User:R0o0di/Sandbox/New Gadget|Voice-Changing Bowtie}}
{{User:R0o0di/Sandbox/New Gadget|Power-Enhancing Kick Shoes}}
{{User:R0o0di/Sandbox/New Gadget|Stun-Gun Wristwatch}}
{{User:R0o0di/Sandbox/New Gadget|Detective Boys Badge}}
{{User:R0o0di/Sandbox/New Gadget|Turbo Engine Skateboard}}
}}
=== Differences ===
<div class="mw-collapsible mw-collapsed">
<strong>difficult to read, too many unnecessary elements, outdated css</strong>
<div style="overflow:auto;">
<pre style="width:max-content">
<div style="vertical-align: top; height: auto; overflow: auto; clear: left; margin-bottom: 2px; ">
<table class="gadget-appearances-table" style="border: 1px dotted #FF9900;">
<tbody>
<tr>
<th style="background: #FF9900; color: #ffffff; text-align: left; padding-left: 5px;">Gadgets</th>
</tr>
<tr>
<td>
<table class="char-appearances-table">
<tbody>
<tr>
<td>
<div style="float:left; font-size: 90%;" class="gadget-image">
<div class="center">
<div class="thumb tnone">
<div class="thumbinner" style="width:102px;">
<a href="/wiki/Voice-Changing_Bowtie" title="Voice-Changing Bowtie">
<img alt="Voice-Changing Bowtie" src="/wiki/images/8/86/Voice-Changing_Bowtie.jpg" width="100" height="100">
</a>
<div class="thumbcaption">
<a href="/wiki/Voice-Changing_Bowtie" title="Voice-Changing Bowtie">Voice-Changing Bowtie</a>
</div>
</div>
</div>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
</pre>
</div>

<strong>less complicated structure, better readability, 66% shorter, better css, achieves same results </strong>
<div style="overflow:auto;">
<pre style="width:max-content">
<div style="overflow: auto; margin-bottom: 2px;">
<div style="border: 1px dotted #FF9900; width: max-content;">
<div style="background: #FF9900; color: #ffffff; padding-left: 5px; font-weight:bold;">Gadgets</div>
<div syle="display:flex; width: min-content; font-size: 90%; text-align: center;">
<div style="margin: 5px 3px; border: 1px solid #c8ccd1; border-radius: .25rem; height: min-content;">
<a href="/wiki/Voice-Changing_Bowtie" title="Voice-Changing Bowtie">
<img alt="Voice-Changing Bowtie" src="/wiki/images/8/86/Voice-Changing_Bowtie.jpg" width="100" height="100">
</a><br>
<a href="/wiki/Voice-Changing_Bowtie" title="Voice-Changing Bowtie">Voice-Changing Bowtie</a>
</div>

</div>
</div>
</div>
</pre>
</div>

</div>
<hr>

= Template:InfoBox Crime =
=== old ===
{{User:R0o0di/Sandbox/Old InfoBox Crime
| crime = Attempted Murder
| image = EP174b Case.jpg
| location = Front of the ship
| victim = [[Heiji Hattori]]
| cause-death = Thrown overboard
| cause-death-label = Attack types
| suspects = Unknown
| description = Heiji was pushed off the boat and into the ocean.
| footnotes = this is a footnote
}}

=== new ===
{{User:R0o0di/Sandbox/New InfoBox Crime
| crime = Attempted Murder
| image = EP174b Case.jpg
| location = Front of the ship
| victim = [[Heiji Hattori]]
| cause-death = Thrown overboard
| cause-death-label = Attack types
| suspects = Unknown
| description = Heiji was pushed off the boat and into the ocean.
| footnotes = this is a footnote
}}
=== Differences ===
<div class="mw-collapsible mw-collapsed">
<strong>too many unnecessary elements, outdated css</strong>
<div style="overflow:auto;">
<pre style="width:max-content">
<div style="overflow:auto">
<table class="infobox" style="width: 650px; text-align: left; font-size: 90%; float: none; clear: left; margin-left: 0; margin-right: 1em;" cellpadding="2">
<tbody>
<tr>
<td colspan="2" style="color: #ffffff; text-align:center; vertical-align:middle; font-size: small; background-color: #DF5829; ">
<b>Attempted Murder</b>
</td>
</tr>
<tr>
<td width="290" class="nospacing" style="text-align:center; vertical-align:top; padding: 2px 0px 0px 0px;">
<p>
<a href="/wiki/File:EP174b_Case.jpg" class="image">
<img alt="EP174b Case.jpg" src="/wiki/images/thumb/0/09/EP174b_Case.jpg/290px-EP174b_Case.jpg" width="290" height="218" srcset="/wiki/images/thumb/0/09/EP174b_Case.jpg/435px-EP174b_Case.jpg 1.5x, /wiki/images/thumb/0/09/EP174b_Case.jpg/580px-EP174b_Case.jpg 2x">
</a>
</p>
</td>
<td style="padding: 0px;">
<table class="infobox crime" 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">
<tbody>
<tr>
<th width="102" style="border-bottom: 1px dotted #cccccc;">Location: </th>
<td style="border-bottom: 1px dotted #cccccc;">Front of the ship</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
</pre>
</div>

<strong>less complicated structure, better readability, 30% shorter, better css, achieves same results </strong>
<div style="overflow:auto;">
<pre style="width:max-content">
<div style="background: #f8f9fa; border: 1px solid #c8ccd1; border-radius: 5px; max-width: 550px;">
<div style="background: #DF5829; color: white; text-align: center; font-weight: bold; padding: 5px;">
Attempted Murder
</div>
<div style="overflow: auto; font-size: 90%;">
<div style="width: 550px; display: flex;">
<div>
<a href="/wiki/File:EP174b_Case.jpg" class="image">
<img alt="EP174b Case.jpg" src="/wiki/images/thumb/0/09/EP174b_Case.jpg/290px-EP174b_Case.jpg" width="290" height="218" srcset="/wiki/images/thumb/0/09/EP174b_Case.jpg/435px-EP174b_Case.jpg 1.5x, /wiki/images/thumb/0/09/EP174b_Case.jpg/580px-EP174b_Case.jpg 2x">
</a>
</div>
<div style="padding-left: 5px; width: 100%;">
<div style="padding: 3px 0; border-top: 1px dotted;">
<span style="width: 90px; display: inline-block;">
<strong>Location:</strong>
</span>
<span>Front of the ship</span>
</div>
</div>
</div>
</div>
</div>
</pre>
</div>

</div>
<hr>

= Template:InfoBox Heist =
=== old ===
{{User:R0o0di/Sandbox/Old InfoBox Heist
| heist = Heist
| image = MK16 Heist1.jpg
| thief = [[Kaitou Kid]]
| thief-label = Thief
| target = Blue Wonder
| owner = [[Jirokichi Suzuki]]
| location = Suzuki Museum
| date = October 12
| notice = It's my pleasure to accept your challenge. I'll appear at 8:00 PM on October 12th. Expect my first appearance the eve just before. PS. Just like Blue Wonder's name, I'll walk in from the sky.
| description = Golden sculpture holding the blue jewel.
}}

=== new ===
{{User:R0o0di/Sandbox/New InfoBox Heist
| heist = Heist
| image = MK16 Heist1.jpg
| thief = [[Kaitou Kid]]
| thief-label = Thief
| target = Blue Wonder
| owner = [[Jirokichi Suzuki]]
| location = Suzuki Museum
| date = October 12
| notice = It's my pleasure to accept your challenge. I'll appear at 8:00 PM on October 12th. Expect my first appearance the eve just before. PS. Just like Blue Wonder's name, I'll walk in from the sky.
| description = Golden sculpture holding the blue jewel.
}}
=== Differences ===
blabla you alr know the drill same as previous ones

User:R0o0di/Sandbox

2026-05-20T23:35:05Z

R0o0di:

<div class="ttt"> helloooo </div>
{{code
|css=
/*IMAGE SLIDESHOW*/
.slideshow-container {
place-self: center;
position: relative;
width: 100%;
max-width: 1150px;
overflow: hidden;
/* visibility: hidden; */
padding: 10px 0;
}

.slideshow-container.ready {
visibility: visible;
}

.slides-wrapper {
display: flex;
transition: transform 0.5s ease-in-out;
}

.slide {
min-width: 350px;
margin: 0 15px;
flex-shrink: 0;
border-radius: 10px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
}

/* .slide img {
width: 100%;
height: auto;
display: block;
object-fit: cover;
} */

.arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
font-size: 1.5rem;
color: white;
background: rgba(0, 0, 0, 0.4);
padding: 0.4rem 0.8rem;
cursor: pointer;
user-select: none;
z-index: 2;
border-radius: 6px;
}

.arrow:hover {
background: rgba(0, 0, 0, 0.5);
}

.arrow.left {
left: 10px;
}

.arrow.right {
right: 10px;
}

/* CARD CLASSES */
.cards {
display: flex;
flex-direction: column;
gap: 8px;
}

.card {
border: 2px solid #ccc;
padding: 5px;
width: 100%;
height: 100%;
box-sizing: border-box;
}

.card-header {
background: #6699CC;
color: white;
text-align: center;
font-size: 130%;
padding: 5px;
}

.card-body {
padding: 5px;
display: flex;
flex-direction: column;
justify-content: space-between;
height: 87%;
transition: transform 0.3s ease;

}

.card-body:hover {
transform: scale(1.03);
filter: brightness(0.85);
}

.card-image-container {
display: flex;
flex-direction: column;
justify-content: center;
height: 100%;
}

.card-image {
text-align: center;
margin: 0;
}

.card-image img {
max-height: 170px;
}

.card-title,
.card-title-next {
text-align: center;
}

.card-title {
padding-bottom: 5px;
}

.card-title-next {
padding-top: 5px;
}

.card-title-next p {
margin: 0;
}

hr {
margin: 0.2em 0;
}
/* END CARD CLASSES */

/* PROGRESS BAR CLASSES */
.sidescroll-progress-bar-container {
display: flex;
justify-content: center;
margin-top: 2px;
}

.sidescroll-progress-bar-background {
position: relative;
border-radius: 999px;
width: 200px;
height: 3px;
background: #ddd;
}

.sidescroll-progress-bar {
position: absolute;
left: 0;
border-radius: 999px;
background: #494949;
height: 100%;
}
/* END OF PROGRESS BAR CLASSES*/

}}
= Template:Char Appearances & Template:Char =
=== old ===
{{User:R0o0di/Sandbox/Old Char Appearances|
{{User:R0o0di/Sandbox/Old Char|Conan Edogawa}}
{{User:R0o0di/Sandbox/Old Char|Ran Mouri}}
{{User:R0o0di/Sandbox/Old Char|Kogoro Mouri}}
{{User:R0o0di/Sandbox/Old Char|Eri Kisaki|display=Eri Kisaki (background)}}
{{User:R0o0di/Sandbox/Old Char|Heiji Hattori}}
{{User:R0o0di/Sandbox/Old Char|Hiroshi Agasa}}
{{User:R0o0di/Sandbox/Old Char|Ai Haibara}}
{{User:R0o0di/Sandbox/Old Char|Kazuha Toyama|display=Kazuha Toyama (background)}}
}}

=== new ===
{{User:R0o0di/Sandbox/CharAppearances2|
{{User:R0o0di/Sandbox/Char2|Conan Edogawa}}
{{User:R0o0di/Sandbox/Char2|Ran Mouri}}
{{User:R0o0di/Sandbox/Char2|Kogoro Mouri}}
{{User:R0o0di/Sandbox/Char2|Eri Kisaki|display=Eri Kisaki (background)}}
{{User:R0o0di/Sandbox/Char2|Heiji Hattori}}
{{User:R0o0di/Sandbox/Char2|Hiroshi Agasa}}
{{User:R0o0di/Sandbox/Char2|Ai Haibara}}
{{User:R0o0di/Sandbox/Char2|Kazuha Toyama|display=Kazuha Toyama (background)}}
}}
=== Differences ===
<div class="mw-collapsible mw-collapsed">
<strong>difficult to read, too many unnecessary elements, outdated css</strong>
<div style="overflow:auto;">
<pre style="width:max-content">
<div style="vertical-align: top; height: auto; overflow: auto; clear: left; margin-bottom: 2px; ">
<table class="char-appearances-table" style="border: 1px dotted #7BA1EC;">
<tbody>
<tr>
<th style="background: #7BA1EC; color: #ffffff; text-align: left; padding-left: 5px;">Characters</th>
</tr>
<tr>
<td>
<table class="char-appearances-table">
<tbody>
<tr>
<td>
<div style="float:left; font-size: 90%;" class="char-image">
<div class="center">
<div class="thumb tnone">
<div class="thumbinner" style="width:102px;">
<a href="/wiki/Conan_Edogawa" title="Conan Edogawa">
<img alt="Conan Edogawa"src="/wiki/images/4/4f/Conan_Edogawa.jpg" width="100" height="100"></a>
<div class="thumbcaption">
<a href="/wiki/Conan_Edogawa" title="Conan Edogawa">Conan Edogawa</a>
</div>
</div>
</div>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
</pre>
</div>

<strong>less complicated structure, better readability, 66% shorter, better css, achieves same results </strong>
<div style="overflow:auto;">
<pre style="width:max-content">
<div style="overflow: auto; margin-bottom: 2px;">
<div style="border: 1px dotted #7BA1EC; width: max-content;">
<div style="background: #7BA1EC; color: #ffffff; padding-left: 5px; font-weight:bold;">Characters</div>
<div style="display:flex; overflow: auto; width: min-content; font-size: 90%; text-align: center;">
<div style="margin: 5px 3px; background: #6969fa7a; border: 1px solid #c8ccd1; border-radius: .25rem; height: min-content;">
<a href="/wiki/Conan_Edogawa" title="Conan Edogawa"><img alt="Conan Edogawa" src="/wiki/images/4/4f/Conan_Edogawa.jpg" width="100" height="100"></a><br>
<a href="/wiki/Conan_Edogawa" title="Conan Edogawa">Conan Edogawa</a>
</div>
</div>
</div>
</div>
</pre>
</div>

</div>
<hr>

= Template:Gadgets Appearances & Template:Gadget =
=== old ===
{{User:R0o0di/Sandbox/Old Gadgets Appearances|
{{User:R0o0di/Sandbox/Old Gadget|Voice-Changing Bowtie}}
{{User:R0o0di/Sandbox/Old Gadget|Power-Enhancing Kick Shoes}}
{{User:R0o0di/Sandbox/Old Gadget|Stun-Gun Wristwatch}}
{{User:R0o0di/Sandbox/Old Gadget|Detective Boys Badge}}
{{User:R0o0di/Sandbox/Old Gadget|Turbo Engine Skateboard}}
}}

=== new ===
{{User:R0o0di/Sandbox/New Gadgets Appearances|
{{User:R0o0di/Sandbox/New Gadget|Voice-Changing Bowtie}}
{{User:R0o0di/Sandbox/New Gadget|Power-Enhancing Kick Shoes}}
{{User:R0o0di/Sandbox/New Gadget|Stun-Gun Wristwatch}}
{{User:R0o0di/Sandbox/New Gadget|Detective Boys Badge}}
{{User:R0o0di/Sandbox/New Gadget|Turbo Engine Skateboard}}
}}
=== Differences ===
<div class="mw-collapsible mw-collapsed">
<strong>difficult to read, too many unnecessary elements, outdated css</strong>
<div style="overflow:auto;">
<pre style="width:max-content">
<div style="vertical-align: top; height: auto; overflow: auto; clear: left; margin-bottom: 2px; ">
<table class="gadget-appearances-table" style="border: 1px dotted #FF9900;">
<tbody>
<tr>
<th style="background: #FF9900; color: #ffffff; text-align: left; padding-left: 5px;">Gadgets</th>
</tr>
<tr>
<td>
<table class="char-appearances-table">
<tbody>
<tr>
<td>
<div style="float:left; font-size: 90%;" class="gadget-image">
<div class="center">
<div class="thumb tnone">
<div class="thumbinner" style="width:102px;">
<a href="/wiki/Voice-Changing_Bowtie" title="Voice-Changing Bowtie">
<img alt="Voice-Changing Bowtie" src="/wiki/images/8/86/Voice-Changing_Bowtie.jpg" width="100" height="100">
</a>
<div class="thumbcaption">
<a href="/wiki/Voice-Changing_Bowtie" title="Voice-Changing Bowtie">Voice-Changing Bowtie</a>
</div>
</div>
</div>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
</pre>
</div>

<strong>less complicated structure, better readability, 66% shorter, better css, achieves same results </strong>
<div style="overflow:auto;">
<pre style="width:max-content">
<div style="overflow: auto; margin-bottom: 2px;">
<div style="border: 1px dotted #FF9900; width: max-content;">
<div style="background: #FF9900; color: #ffffff; padding-left: 5px; font-weight:bold;">Gadgets</div>
<div syle="display:flex; width: min-content; font-size: 90%; text-align: center;">
<div style="margin: 5px 3px; border: 1px solid #c8ccd1; border-radius: .25rem; height: min-content;">
<a href="/wiki/Voice-Changing_Bowtie" title="Voice-Changing Bowtie">
<img alt="Voice-Changing Bowtie" src="/wiki/images/8/86/Voice-Changing_Bowtie.jpg" width="100" height="100">
</a><br>
<a href="/wiki/Voice-Changing_Bowtie" title="Voice-Changing Bowtie">Voice-Changing Bowtie</a>
</div>

</div>
</div>
</div>
</pre>
</div>

</div>
<hr>

= Template:InfoBox Crime =
=== old ===
{{User:R0o0di/Sandbox/Old InfoBox Crime
| crime = Attempted Murder
| image = EP174b Case.jpg
| location = Front of the ship
| victim = [[Heiji Hattori]]
| cause-death = Thrown overboard
| cause-death-label = Attack types
| suspects = Unknown
| description = Heiji was pushed off the boat and into the ocean.
| footnotes = this is a footnote
}}

=== new ===
{{User:R0o0di/Sandbox/New InfoBox Crime
| crime = Attempted Murder
| image = EP174b Case.jpg
| location = Front of the ship
| victim = [[Heiji Hattori]]
| cause-death = Thrown overboard
| cause-death-label = Attack types
| suspects = Unknown
| description = Heiji was pushed off the boat and into the ocean.
| footnotes = this is a footnote
}}
=== Differences ===
<div class="mw-collapsible mw-collapsed">
<strong>too many unnecessary elements, outdated css</strong>
<div style="overflow:auto;">
<pre style="width:max-content">
<div style="overflow:auto">
<table class="infobox" style="width: 650px; text-align: left; font-size: 90%; float: none; clear: left; margin-left: 0; margin-right: 1em;" cellpadding="2">
<tbody>
<tr>
<td colspan="2" style="color: #ffffff; text-align:center; vertical-align:middle; font-size: small; background-color: #DF5829; ">
<b>Attempted Murder</b>
</td>
</tr>
<tr>
<td width="290" class="nospacing" style="text-align:center; vertical-align:top; padding: 2px 0px 0px 0px;">
<p>
<a href="/wiki/File:EP174b_Case.jpg" class="image">
<img alt="EP174b Case.jpg" src="/wiki/images/thumb/0/09/EP174b_Case.jpg/290px-EP174b_Case.jpg" width="290" height="218" srcset="/wiki/images/thumb/0/09/EP174b_Case.jpg/435px-EP174b_Case.jpg 1.5x, /wiki/images/thumb/0/09/EP174b_Case.jpg/580px-EP174b_Case.jpg 2x">
</a>
</p>
</td>
<td style="padding: 0px;">
<table class="infobox crime" 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">
<tbody>
<tr>
<th width="102" style="border-bottom: 1px dotted #cccccc;">Location: </th>
<td style="border-bottom: 1px dotted #cccccc;">Front of the ship</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
</pre>
</div>

<strong>less complicated structure, better readability, 30% shorter, better css, achieves same results </strong>
<div style="overflow:auto;">
<pre style="width:max-content">
<div style="background: #f8f9fa; border: 1px solid #c8ccd1; border-radius: 5px; max-width: 550px;">
<div style="background: #DF5829; color: white; text-align: center; font-weight: bold; padding: 5px;">
Attempted Murder
</div>
<div style="overflow: auto; font-size: 90%;">
<div style="width: 550px; display: flex;">
<div>
<a href="/wiki/File:EP174b_Case.jpg" class="image">
<img alt="EP174b Case.jpg" src="/wiki/images/thumb/0/09/EP174b_Case.jpg/290px-EP174b_Case.jpg" width="290" height="218" srcset="/wiki/images/thumb/0/09/EP174b_Case.jpg/435px-EP174b_Case.jpg 1.5x, /wiki/images/thumb/0/09/EP174b_Case.jpg/580px-EP174b_Case.jpg 2x">
</a>
</div>
<div style="padding-left: 5px; width: 100%;">
<div style="padding: 3px 0; border-top: 1px dotted;">
<span style="width: 90px; display: inline-block;">
<strong>Location:</strong>
</span>
<span>Front of the ship</span>
</div>
</div>
</div>
</div>
</div>
</pre>
</div>

</div>
<hr>

= Template:InfoBox Heist =
=== old ===
{{User:R0o0di/Sandbox/Old InfoBox Heist
| heist = Heist
| image = MK16 Heist1.jpg
| thief = [[Kaitou Kid]]
| thief-label = Thief
| target = Blue Wonder
| owner = [[Jirokichi Suzuki]]
| location = Suzuki Museum
| date = October 12
| notice = It's my pleasure to accept your challenge. I'll appear at 8:00 PM on October 12th. Expect my first appearance the eve just before. PS. Just like Blue Wonder's name, I'll walk in from the sky.
| description = Golden sculpture holding the blue jewel.
}}

=== new ===
{{User:R0o0di/Sandbox/New InfoBox Heist
| heist = Heist
| image = MK16 Heist1.jpg
| thief = [[Kaitou Kid]]
| thief-label = Thief
| target = Blue Wonder
| owner = [[Jirokichi Suzuki]]
| location = Suzuki Museum
| date = October 12
| notice = It's my pleasure to accept your challenge. I'll appear at 8:00 PM on October 12th. Expect my first appearance the eve just before. PS. Just like Blue Wonder's name, I'll walk in from the sky.
| description = Golden sculpture holding the blue jewel.
}}
=== Differences ===
blabla you alr know the drill same as previous ones

User:R0o0di/Sandbox/Latest news

2026-05-20T23:28:39Z

R0o0di:

User:R0o0di/Sandbox/Latest news

2026-05-20T23:23:05Z

R0o0di: Created page with "<includeonly><div class="slideshow-container"> <div class="arrow left">❮</div> <div class="arrow right">❯</div> <div class="slides-wrapper" id="slides-wrapper">  <div class="slide">{{#ifexpr: {{timeDiff|{{{S2 Episode Airdate}}}|{{#if:{{{S2 Episode Airtime|}}}|{{{S2 Episode Airtime}}}|{{{Regular Airtime}}} }}|9}}<=0 | {{Latest news/Latest ep | Header = Latest episode | Case First-Last Ep = {{#if:{{{S2 Cas..."

User:R0o0di/Sandbox/Latest news/Latest ep

2026-05-20T22:31:56Z

R0o0di:

<div class="card">
<div class="card-header"><b>{{{Header}}}</b></div>
<div class="card-body">
<div class="card-image-container">
<div class="card-image">

{{#ifeq: {{lc: {{{Series|}}} }} | yaiba

| {{#ifexist:File:YaibaSL TV Episode {{{Case First-Last Ep}}}.jpg
| [[File:YaibaSL TV Episode {{{Case First-Last Ep}}}.jpg|300px|link={{{Case Name}}}]]
| [[File:YaibaSLOpv2-12.jpg|300px|link=]]
}}

| {{#ifexist:File:TV Episode {{{Case First-Last Ep}}}.jpg
| [[File:TV Episode {{{Case First-Last Ep}}}.jpg|300px|link={{{Case Name}}}]]

| {{#ifexist:File:{{{Case Image|}}}
| [[File:{{{Case Image}}}|300px|link={{{Case Name}}}]]
| [[File:Joke 19 V2.jpg|300px|link=]]
}}
}}
}} </div> 
</div> 

<div class="card-title-next">
<div class="card-title">[[ {{{Case Name}}}|<b> {{#iferror: {{#expr: {{{Episode Number}}} + 1}}
| {{{Episode Number}}}
| Episode {{{Episode Number}}}
}}</b>: {{{Case Name}}}
{{#if: {{{Case Part Name|}}}
| <small>{{{Case Part Name}}}</small>
}}
]] </div> 

{{User:R0o0di/Sandbox/Latest news/Next ep
| Next Episode Number = {{{Next Episode Number}}}
| Next Case Name = {{{Next Case Name}}}
| Next Case Part Name = {{{Next Case Part Name}}}
| Next Episode Date = {{{Next Episode Date}}}
| Anime footnotes = {{{Anime footnotes|}}}
}} </div> 
</div> 
</div> <noinclude>

source code, clean version:
<div style="overflow:auto;">
<pre style="width:max-content">
<div class="card">

<div class="card-header">
<b>{{{Header}}}</b>
</div>

<div class="card-body">

<div class="card-image-container">

<div class="card-image">

{{#ifeq: {{lc: {{{Series|}}} }} | yaiba

| {{#ifexist:File:YaibaSL TV Episode {{{Case First-Last Ep}}}.jpg
| [[File:YaibaSL TV Episode {{{Case First-Last Ep}}}.jpg|300px|link={{{Case Name}}}]]
| [[File:YaibaSLOpv2-12.jpg|300px|link=]]
}}

| {{#ifexist:File:TV Episode {{{Case First-Last Ep}}}.jpg
| [[File:TV Episode {{{Case First-Last Ep}}}.jpg|300px|link={{{Case Name}}}]]

| {{#ifexist:File:{{{Case Image|}}}
| [[File:{{{Case Image}}}|300px|link={{{Case Name}}}]]
| [[File:Joke 19 V2.jpg|300px|link=]]
}}
}}
}}

</div>

</div>

<div class="card-title-next">

<div class="card-title">
[[{{{Case Name}}}|
<b>
{{#iferror: {{#expr: {{{Episode Number}}} + 1}}
| {{{Episode Number}}}
| Episode {{{Episode Number}}}
}}
</b>:
{{{Case Name}}}

{{#if: {{{Case Part Name|}}}
| <small>{{{Case Part Name}}}</small>
}}
]]
</div>

{{Latest news/Next ep
| Next Episode Number = {{{Next Episode Number}}}
| Next Case Name = {{{Next Case Name}}}
| Next Case Part Name = {{{Next Case Part Name}}}
| Next Episode Date = {{{Next Episode Date}}}
| Anime footnotes = {{{Anime footnotes|}}}
}}

</div>

</div>
</div>
</div></pre></noinclude>

User:R0o0di/Sandbox/Latest news/Next ep

2026-05-20T22:30:13Z

R0o0di: Created page with "<hr style="margin: 0.2em 0;"> <div class="next-section">{{#if: {{{Anime footnotes|}}} | {{{Anime footnotes}}} | Next: <b>{{#if: {{{Type|}}} | File {{{Next Episode Number}}} | {{#iferror: {{#expr: {{{Next Episode Number}}} + 1}} | {{{Next Episode Number}}} | Episode {{{Next Episode Number}}} }} }} </b> {{#if: {{{Next Case Name|}}} | <br>{{countdown|{{{Next Episode Date}}}}} }} {{#if: {{{Next Case Part Name|}}} | <br><small>{{{Next Case Part Name}}}</small> }} }}</di..."

<hr style="margin: 0.2em 0;">
<div class="next-section">{{#if: {{{Anime footnotes|}}}
| {{{Anime footnotes}}}
| Next: <b>{{#if: {{{Type|}}}
| File {{{Next Episode Number}}}
| {{#iferror: {{#expr: {{{Next Episode Number}}} + 1}}
| {{{Next Episode Number}}}
| Episode {{{Next Episode Number}}}
}} }}
</b> {{#if: {{{Next Case Name|}}}
| <br>{{countdown|{{{Next Episode Date}}}}}
}}
{{#if: {{{Next Case Part Name|}}}
| <br><small>{{{Next Case Part Name}}}</small>
}}
}}</div><noinclude>
source code, clean version:
<div style="overflow:auto;">
<pre style="width:max-content">
<hr style="margin: 0.2em 0;">

<div class="next-section">

{{#if: {{{Anime footnotes|}}}

| {{{Anime footnotes}}}

| Next:
<b>

{{#if: {{{Type|}}}

| File {{{Next Episode Number}}}

| {{#iferror: {{#expr: {{{Next Episode Number}}} + 1}}
| {{{Next Episode Number}}}
| Episode {{{Next Episode Number}}}
}}
}}

</b>

{{#if: {{{Next Case Name|}}}
| <br>{{countdown|{{{Next Episode Date}}}}}
}}

{{#if: {{{Next Case Part Name|}}}
| <br><small>{{{Next Case Part Name}}}</small>
}}
}}

</div>
</pre>
</div></noinclude>

User:R0o0di/Sandbox/Latest news/Latest ep

2026-05-20T21:55:35Z

R0o0di:

<div class="card">
<div class="card-header"><b>{{{Header}}}</b></div>
<div class="card-body">
<div class="card-image-container">
<div class="card-image">

{{#ifeq: {{lc: {{{Series|}}} }} | yaiba

| {{#ifexist:File:YaibaSL TV Episode {{{Case First-Last Ep}}}.jpg
| [[File:YaibaSL TV Episode {{{Case First-Last Ep}}}.jpg|300px|link={{{Case Name}}}]]
| [[File:YaibaSLOpv2-12.jpg|300px|link=]]
}}

| {{#ifexist:File:TV Episode {{{Case First-Last Ep}}}.jpg
| [[File:TV Episode {{{Case First-Last Ep}}}.jpg|300px|link={{{Case Name}}}]]

| {{#ifexist:File:{{{Case Image|}}}
| [[File:{{{Case Image}}}|300px|link={{{Case Name}}}]]
| [[File:Joke 19 V2.jpg|300px|link=]]
}}
}}
}} </div> 
</div> 

<div class="card-title-next">
<div class="card-title">[[ {{{Case Name}}}|<b> {{#iferror: {{#expr: {{{Episode Number}}} + 1}}
| {{{Episode Number}}}
| Episode {{{Episode Number}}}
}}</b>: {{{Case Name}}}
{{#if: {{{Case Part Name|}}}
| <small>{{{Case Part Name}}}</small>
}}
]] </div> 

{{User:R0o0di/Sandbox/Latest news/Next ep
| Next Episode Number = {{{Next Episode Number}}}
| Next Case Name = {{{Next Case Name}}}
| Next Case Part Name = {{{Next Case Part Name}}}
| Next Episode Date = {{{Next Episode Date}}}
| Anime footnotes = {{{Anime footnotes|}}}
}} </div> 
</div> 
</div> <noinclude>
source code, clean version:
<div style="overflow:auto;">
<pre style="width:max-content">
<div class="card">

<div class="card-header">
<b>{{{Header}}}</b>
</div>

<div class="card-body">

<div class="card-image-container">

<div class="card-image">

{{#ifeq: {{lc: {{{Series|}}} }} | yaiba

| {{#ifexist:File:YaibaSL TV Episode {{{Case First-Last Ep}}}.jpg
| [[File:YaibaSL TV Episode {{{Case First-Last Ep}}}.jpg|300px|link={{{Case Name}}}]]
| [[File:YaibaSLOpv2-12.jpg|300px|link=]]
}}

| {{#ifexist:File:TV Episode {{{Case First-Last Ep}}}.jpg
| [[File:TV Episode {{{Case First-Last Ep}}}.jpg|300px|link={{{Case Name}}}]]

| {{#ifexist:File:{{{Case Image|}}}
| [[File:{{{Case Image}}}|300px|link={{{Case Name}}}]]
| [[File:Joke 19 V2.jpg|300px|link=]]
}}
}}
}}

</div>

</div>

<div class="card-title-next">

<div class="card-title">
[[{{{Case Name}}}|
<b>
{{#iferror: {{#expr: {{{Episode Number}}} + 1}}
| {{{Episode Number}}}
| Episode {{{Episode Number}}}
}}
</b>:
{{{Case Name}}}

{{#if: {{{Case Part Name|}}}
| <small>{{{Case Part Name}}}</small>
}}
]]
</div>

{{Latest news/Next ep
| Next Episode Number = {{{Next Episode Number}}}
| Next Case Name = {{{Next Case Name}}}
| Next Case Part Name = {{{Next Case Part Name}}}
| Next Episode Date = {{{Next Episode Date}}}
| Anime footnotes = {{{Anime footnotes|}}}
}}

</div>

</div>
</div>
</div></pre></noinclude>

User:R0o0di/Sandbox/Latest news/Latest ep

2026-05-20T21:51:53Z

R0o0di: Created page with "<div class="card"> <div class="card-header"><b>{{{Header}}}</b></div> <div class="card-body"> <div class="card-image-container"> <div class="card-image"> {{#ifeq: {{lc: {{{Series|}}} }} | yaiba | {{#ifexist:File:YaibaSL TV Episode {{{Case First-Last Ep}}}.jpg | link={{{Case Name}}} | link= }} | {{#ifexist:File:TV Episode {{{Case First-Last Ep}}}.jpg |..."

<div class="card">
<div class="card-header"><b>{{{Header}}}</b></div>
<div class="card-body">
<div class="card-image-container">
<div class="card-image">

{{#ifeq: {{lc: {{{Series|}}} }} | yaiba

| {{#ifexist:File:YaibaSL TV Episode {{{Case First-Last Ep}}}.jpg
| [[File:YaibaSL TV Episode {{{Case First-Last Ep}}}.jpg|300px|link={{{Case Name}}}]]
| [[File:YaibaSLOpv2-12.jpg|300px|link=]]
}}

| {{#ifexist:File:TV Episode {{{Case First-Last Ep}}}.jpg
| [[File:TV Episode {{{Case First-Last Ep}}}.jpg|300px|link={{{Case Name}}}]]

| {{#ifexist:File:{{{Case Image|}}}
| [[File:{{{Case Image}}}|300px|link={{{Case Name}}}]]
| [[File:Joke 19 V2.jpg|300px|link=]]
}}
}}
}} </div> 
</div> 

<div class="card-title-next">
<div class="card-title">[[ {{{Case Name}}}|<b> {{#iferror: {{#expr: {{{Episode Number}}} + 1}}
| {{{Episode Number}}}
| Episode {{{Episode Number}}}
}}</b>: {{{Case Name}}}
{{#if: {{{Case Part Name|}}}
| <small>{{{Case Part Name}}}</small>
}}
]] </div> 

{{Latest news/Next ep
| Next Episode Number = {{{Next Episode Number}}}
| Next Case Name = {{{Next Case Name}}}
| Next Case Part Name = {{{Next Case Part Name}}}
| Next Episode Date = {{{Next Episode Date}}}
| Anime footnotes = {{{Anime footnotes|}}}
}} </div> 
</div> 
</div> <noinclude>
source code, clean version:
<div style="overflow:auto;">
<pre style="width:max-content">
<div class="card">

<div class="card-header">
<b>{{{Header}}}</b>
</div>

<div class="card-body">

<div class="card-image-container">

<div class="card-image">

{{#ifeq: {{lc: {{{Series|}}} }} | yaiba

| {{#ifexist:File:YaibaSL TV Episode {{{Case First-Last Ep}}}.jpg
| [[File:YaibaSL TV Episode {{{Case First-Last Ep}}}.jpg|300px|link={{{Case Name}}}]]
| [[File:YaibaSLOpv2-12.jpg|300px|link=]]
}}

| {{#ifexist:File:TV Episode {{{Case First-Last Ep}}}.jpg
| [[File:TV Episode {{{Case First-Last Ep}}}.jpg|300px|link={{{Case Name}}}]]

| {{#ifexist:File:{{{Case Image|}}}
| [[File:{{{Case Image}}}|300px|link={{{Case Name}}}]]
| [[File:Joke 19 V2.jpg|300px|link=]]
}}
}}
}}

</div>

</div>

<div class="card-title-next">

<div class="card-title">
[[{{{Case Name}}}|
<b>
{{#iferror: {{#expr: {{{Episode Number}}} + 1}}
| {{{Episode Number}}}
| Episode {{{Episode Number}}}
}}
</b>:
{{{Case Name}}}

{{#if: {{{Case Part Name|}}}
| <small>{{{Case Part Name}}}</small>
}}
]]
</div>

{{Latest news/Next ep
| Next Episode Number = {{{Next Episode Number}}}
| Next Case Name = {{{Next Case Name}}}
| Next Case Part Name = {{{Next Case Part Name}}}
| Next Episode Date = {{{Next Episode Date}}}
| Anime footnotes = {{{Anime footnotes|}}}
}}

</div>

</div>
</div>
</div></pre></noinclude>

User:R0o0di/Sandbox

2026-05-20T21:03:46Z

R0o0di:

<div class="ttt"> helloooo </div>
{{code
|css=
.ttt {
color:red;
}

}}
= Template:Char Appearances & Template:Char =
=== old ===
{{User:R0o0di/Sandbox/Old Char Appearances|
{{User:R0o0di/Sandbox/Old Char|Conan Edogawa}}
{{User:R0o0di/Sandbox/Old Char|Ran Mouri}}
{{User:R0o0di/Sandbox/Old Char|Kogoro Mouri}}
{{User:R0o0di/Sandbox/Old Char|Eri Kisaki|display=Eri Kisaki (background)}}
{{User:R0o0di/Sandbox/Old Char|Heiji Hattori}}
{{User:R0o0di/Sandbox/Old Char|Hiroshi Agasa}}
{{User:R0o0di/Sandbox/Old Char|Ai Haibara}}
{{User:R0o0di/Sandbox/Old Char|Kazuha Toyama|display=Kazuha Toyama (background)}}
}}

=== new ===
{{User:R0o0di/Sandbox/CharAppearances2|
{{User:R0o0di/Sandbox/Char2|Conan Edogawa}}
{{User:R0o0di/Sandbox/Char2|Ran Mouri}}
{{User:R0o0di/Sandbox/Char2|Kogoro Mouri}}
{{User:R0o0di/Sandbox/Char2|Eri Kisaki|display=Eri Kisaki (background)}}
{{User:R0o0di/Sandbox/Char2|Heiji Hattori}}
{{User:R0o0di/Sandbox/Char2|Hiroshi Agasa}}
{{User:R0o0di/Sandbox/Char2|Ai Haibara}}
{{User:R0o0di/Sandbox/Char2|Kazuha Toyama|display=Kazuha Toyama (background)}}
}}
=== Differences ===
<div class="mw-collapsible mw-collapsed">
<strong>difficult to read, too many unnecessary elements, outdated css</strong>
<div style="overflow:auto;">
<pre style="width:max-content">
<div style="vertical-align: top; height: auto; overflow: auto; clear: left; margin-bottom: 2px; ">
<table class="char-appearances-table" style="border: 1px dotted #7BA1EC;">
<tbody>
<tr>
<th style="background: #7BA1EC; color: #ffffff; text-align: left; padding-left: 5px;">Characters</th>
</tr>
<tr>
<td>
<table class="char-appearances-table">
<tbody>
<tr>
<td>
<div style="float:left; font-size: 90%;" class="char-image">
<div class="center">
<div class="thumb tnone">
<div class="thumbinner" style="width:102px;">
<a href="/wiki/Conan_Edogawa" title="Conan Edogawa">
<img alt="Conan Edogawa"src="/wiki/images/4/4f/Conan_Edogawa.jpg" width="100" height="100"></a>
<div class="thumbcaption">
<a href="/wiki/Conan_Edogawa" title="Conan Edogawa">Conan Edogawa</a>
</div>
</div>
</div>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
</pre>
</div>

<strong>less complicated structure, better readability, 66% shorter, better css, achieves same results </strong>
<div style="overflow:auto;">
<pre style="width:max-content">
<div style="overflow: auto; margin-bottom: 2px;">
<div style="border: 1px dotted #7BA1EC; width: max-content;">
<div style="background: #7BA1EC; color: #ffffff; padding-left: 5px; font-weight:bold;">Characters</div>
<div style="display:flex; overflow: auto; width: min-content; font-size: 90%; text-align: center;">
<div style="margin: 5px 3px; background: #6969fa7a; border: 1px solid #c8ccd1; border-radius: .25rem; height: min-content;">
<a href="/wiki/Conan_Edogawa" title="Conan Edogawa"><img alt="Conan Edogawa" src="/wiki/images/4/4f/Conan_Edogawa.jpg" width="100" height="100"></a><br>
<a href="/wiki/Conan_Edogawa" title="Conan Edogawa">Conan Edogawa</a>
</div>
</div>
</div>
</div>
</pre>
</div>

</div>
<hr>

= Template:Gadgets Appearances & Template:Gadget =
=== old ===
{{User:R0o0di/Sandbox/Old Gadgets Appearances|
{{User:R0o0di/Sandbox/Old Gadget|Voice-Changing Bowtie}}
{{User:R0o0di/Sandbox/Old Gadget|Power-Enhancing Kick Shoes}}
{{User:R0o0di/Sandbox/Old Gadget|Stun-Gun Wristwatch}}
{{User:R0o0di/Sandbox/Old Gadget|Detective Boys Badge}}
{{User:R0o0di/Sandbox/Old Gadget|Turbo Engine Skateboard}}
}}

=== new ===
{{User:R0o0di/Sandbox/New Gadgets Appearances|
{{User:R0o0di/Sandbox/New Gadget|Voice-Changing Bowtie}}
{{User:R0o0di/Sandbox/New Gadget|Power-Enhancing Kick Shoes}}
{{User:R0o0di/Sandbox/New Gadget|Stun-Gun Wristwatch}}
{{User:R0o0di/Sandbox/New Gadget|Detective Boys Badge}}
{{User:R0o0di/Sandbox/New Gadget|Turbo Engine Skateboard}}
}}
=== Differences ===
<div class="mw-collapsible mw-collapsed">
<strong>difficult to read, too many unnecessary elements, outdated css</strong>
<div style="overflow:auto;">
<pre style="width:max-content">
<div style="vertical-align: top; height: auto; overflow: auto; clear: left; margin-bottom: 2px; ">
<table class="gadget-appearances-table" style="border: 1px dotted #FF9900;">
<tbody>
<tr>
<th style="background: #FF9900; color: #ffffff; text-align: left; padding-left: 5px;">Gadgets</th>
</tr>
<tr>
<td>
<table class="char-appearances-table">
<tbody>
<tr>
<td>
<div style="float:left; font-size: 90%;" class="gadget-image">
<div class="center">
<div class="thumb tnone">
<div class="thumbinner" style="width:102px;">
<a href="/wiki/Voice-Changing_Bowtie" title="Voice-Changing Bowtie">
<img alt="Voice-Changing Bowtie" src="/wiki/images/8/86/Voice-Changing_Bowtie.jpg" width="100" height="100">
</a>
<div class="thumbcaption">
<a href="/wiki/Voice-Changing_Bowtie" title="Voice-Changing Bowtie">Voice-Changing Bowtie</a>
</div>
</div>
</div>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
</pre>
</div>

<strong>less complicated structure, better readability, 66% shorter, better css, achieves same results </strong>
<div style="overflow:auto;">
<pre style="width:max-content">
<div style="overflow: auto; margin-bottom: 2px;">
<div style="border: 1px dotted #FF9900; width: max-content;">
<div style="background: #FF9900; color: #ffffff; padding-left: 5px; font-weight:bold;">Gadgets</div>
<div syle="display:flex; width: min-content; font-size: 90%; text-align: center;">
<div style="margin: 5px 3px; border: 1px solid #c8ccd1; border-radius: .25rem; height: min-content;">
<a href="/wiki/Voice-Changing_Bowtie" title="Voice-Changing Bowtie">
<img alt="Voice-Changing Bowtie" src="/wiki/images/8/86/Voice-Changing_Bowtie.jpg" width="100" height="100">
</a><br>
<a href="/wiki/Voice-Changing_Bowtie" title="Voice-Changing Bowtie">Voice-Changing Bowtie</a>
</div>

</div>
</div>
</div>
</pre>
</div>

</div>
<hr>

= Template:InfoBox Crime =
=== old ===
{{User:R0o0di/Sandbox/Old InfoBox Crime
| crime = Attempted Murder
| image = EP174b Case.jpg
| location = Front of the ship
| victim = [[Heiji Hattori]]
| cause-death = Thrown overboard
| cause-death-label = Attack types
| suspects = Unknown
| description = Heiji was pushed off the boat and into the ocean.
| footnotes = this is a footnote
}}

=== new ===
{{User:R0o0di/Sandbox/New InfoBox Crime
| crime = Attempted Murder
| image = EP174b Case.jpg
| location = Front of the ship
| victim = [[Heiji Hattori]]
| cause-death = Thrown overboard
| cause-death-label = Attack types
| suspects = Unknown
| description = Heiji was pushed off the boat and into the ocean.
| footnotes = this is a footnote
}}
=== Differences ===
<div class="mw-collapsible mw-collapsed">
<strong>too many unnecessary elements, outdated css</strong>
<div style="overflow:auto;">
<pre style="width:max-content">
<div style="overflow:auto">
<table class="infobox" style="width: 650px; text-align: left; font-size: 90%; float: none; clear: left; margin-left: 0; margin-right: 1em;" cellpadding="2">
<tbody>
<tr>
<td colspan="2" style="color: #ffffff; text-align:center; vertical-align:middle; font-size: small; background-color: #DF5829; ">
<b>Attempted Murder</b>
</td>
</tr>
<tr>
<td width="290" class="nospacing" style="text-align:center; vertical-align:top; padding: 2px 0px 0px 0px;">
<p>
<a href="/wiki/File:EP174b_Case.jpg" class="image">
<img alt="EP174b Case.jpg" src="/wiki/images/thumb/0/09/EP174b_Case.jpg/290px-EP174b_Case.jpg" width="290" height="218" srcset="/wiki/images/thumb/0/09/EP174b_Case.jpg/435px-EP174b_Case.jpg 1.5x, /wiki/images/thumb/0/09/EP174b_Case.jpg/580px-EP174b_Case.jpg 2x">
</a>
</p>
</td>
<td style="padding: 0px;">
<table class="infobox crime" 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">
<tbody>
<tr>
<th width="102" style="border-bottom: 1px dotted #cccccc;">Location: </th>
<td style="border-bottom: 1px dotted #cccccc;">Front of the ship</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
</pre>
</div>

<strong>less complicated structure, better readability, 30% shorter, better css, achieves same results </strong>
<div style="overflow:auto;">
<pre style="width:max-content">
<div style="background: #f8f9fa; border: 1px solid #c8ccd1; border-radius: 5px; max-width: 550px;">
<div style="background: #DF5829; color: white; text-align: center; font-weight: bold; padding: 5px;">
Attempted Murder
</div>
<div style="overflow: auto; font-size: 90%;">
<div style="width: 550px; display: flex;">
<div>
<a href="/wiki/File:EP174b_Case.jpg" class="image">
<img alt="EP174b Case.jpg" src="/wiki/images/thumb/0/09/EP174b_Case.jpg/290px-EP174b_Case.jpg" width="290" height="218" srcset="/wiki/images/thumb/0/09/EP174b_Case.jpg/435px-EP174b_Case.jpg 1.5x, /wiki/images/thumb/0/09/EP174b_Case.jpg/580px-EP174b_Case.jpg 2x">
</a>
</div>
<div style="padding-left: 5px; width: 100%;">
<div style="padding: 3px 0; border-top: 1px dotted;">
<span style="width: 90px; display: inline-block;">
<strong>Location:</strong>
</span>
<span>Front of the ship</span>
</div>
</div>
</div>
</div>
</div>
</pre>
</div>

</div>
<hr>

= Template:InfoBox Heist =
=== old ===
{{User:R0o0di/Sandbox/Old InfoBox Heist
| heist = Heist
| image = MK16 Heist1.jpg
| thief = [[Kaitou Kid]]
| thief-label = Thief
| target = Blue Wonder
| owner = [[Jirokichi Suzuki]]
| location = Suzuki Museum
| date = October 12
| notice = It's my pleasure to accept your challenge. I'll appear at 8:00 PM on October 12th. Expect my first appearance the eve just before. PS. Just like Blue Wonder's name, I'll walk in from the sky.
| description = Golden sculpture holding the blue jewel.
}}

=== new ===
{{User:R0o0di/Sandbox/New InfoBox Heist
| heist = Heist
| image = MK16 Heist1.jpg
| thief = [[Kaitou Kid]]
| thief-label = Thief
| target = Blue Wonder
| owner = [[Jirokichi Suzuki]]
| location = Suzuki Museum
| date = October 12
| notice = It's my pleasure to accept your challenge. I'll appear at 8:00 PM on October 12th. Expect my first appearance the eve just before. PS. Just like Blue Wonder's name, I'll walk in from the sky.
| description = Golden sculpture holding the blue jewel.
}}
=== Differences ===
blabla you alr know the drill same as previous ones

User:R0o0di/Sandbox

2026-05-20T21:03:37Z

R0o0di:

=
<div class="ttt"> helloooo </div>
{{code
|css=
.ttt {
color:red;
}

}}
= Template:Char Appearances & Template:Char =
=== old ===
{{User:R0o0di/Sandbox/Old Char Appearances|
{{User:R0o0di/Sandbox/Old Char|Conan Edogawa}}
{{User:R0o0di/Sandbox/Old Char|Ran Mouri}}
{{User:R0o0di/Sandbox/Old Char|Kogoro Mouri}}
{{User:R0o0di/Sandbox/Old Char|Eri Kisaki|display=Eri Kisaki (background)}}
{{User:R0o0di/Sandbox/Old Char|Heiji Hattori}}
{{User:R0o0di/Sandbox/Old Char|Hiroshi Agasa}}
{{User:R0o0di/Sandbox/Old Char|Ai Haibara}}
{{User:R0o0di/Sandbox/Old Char|Kazuha Toyama|display=Kazuha Toyama (background)}}
}}

=== new ===
{{User:R0o0di/Sandbox/CharAppearances2|
{{User:R0o0di/Sandbox/Char2|Conan Edogawa}}
{{User:R0o0di/Sandbox/Char2|Ran Mouri}}
{{User:R0o0di/Sandbox/Char2|Kogoro Mouri}}
{{User:R0o0di/Sandbox/Char2|Eri Kisaki|display=Eri Kisaki (background)}}
{{User:R0o0di/Sandbox/Char2|Heiji Hattori}}
{{User:R0o0di/Sandbox/Char2|Hiroshi Agasa}}
{{User:R0o0di/Sandbox/Char2|Ai Haibara}}
{{User:R0o0di/Sandbox/Char2|Kazuha Toyama|display=Kazuha Toyama (background)}}
}}
=== Differences ===
<div class="mw-collapsible mw-collapsed">
<strong>difficult to read, too many unnecessary elements, outdated css</strong>
<div style="overflow:auto;">
<pre style="width:max-content">
<div style="vertical-align: top; height: auto; overflow: auto; clear: left; margin-bottom: 2px; ">
<table class="char-appearances-table" style="border: 1px dotted #7BA1EC;">
<tbody>
<tr>
<th style="background: #7BA1EC; color: #ffffff; text-align: left; padding-left: 5px;">Characters</th>
</tr>
<tr>
<td>
<table class="char-appearances-table">
<tbody>
<tr>
<td>
<div style="float:left; font-size: 90%;" class="char-image">
<div class="center">
<div class="thumb tnone">
<div class="thumbinner" style="width:102px;">
<a href="/wiki/Conan_Edogawa" title="Conan Edogawa">
<img alt="Conan Edogawa"src="/wiki/images/4/4f/Conan_Edogawa.jpg" width="100" height="100"></a>
<div class="thumbcaption">
<a href="/wiki/Conan_Edogawa" title="Conan Edogawa">Conan Edogawa</a>
</div>
</div>
</div>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
</pre>
</div>

<strong>less complicated structure, better readability, 66% shorter, better css, achieves same results </strong>
<div style="overflow:auto;">
<pre style="width:max-content">
<div style="overflow: auto; margin-bottom: 2px;">
<div style="border: 1px dotted #7BA1EC; width: max-content;">
<div style="background: #7BA1EC; color: #ffffff; padding-left: 5px; font-weight:bold;">Characters</div>
<div style="display:flex; overflow: auto; width: min-content; font-size: 90%; text-align: center;">
<div style="margin: 5px 3px; background: #6969fa7a; border: 1px solid #c8ccd1; border-radius: .25rem; height: min-content;">
<a href="/wiki/Conan_Edogawa" title="Conan Edogawa"><img alt="Conan Edogawa" src="/wiki/images/4/4f/Conan_Edogawa.jpg" width="100" height="100"></a><br>
<a href="/wiki/Conan_Edogawa" title="Conan Edogawa">Conan Edogawa</a>
</div>
</div>
</div>
</div>
</pre>
</div>

</div>
<hr>

= Template:Gadgets Appearances & Template:Gadget =
=== old ===
{{User:R0o0di/Sandbox/Old Gadgets Appearances|
{{User:R0o0di/Sandbox/Old Gadget|Voice-Changing Bowtie}}
{{User:R0o0di/Sandbox/Old Gadget|Power-Enhancing Kick Shoes}}
{{User:R0o0di/Sandbox/Old Gadget|Stun-Gun Wristwatch}}
{{User:R0o0di/Sandbox/Old Gadget|Detective Boys Badge}}
{{User:R0o0di/Sandbox/Old Gadget|Turbo Engine Skateboard}}
}}

=== new ===
{{User:R0o0di/Sandbox/New Gadgets Appearances|
{{User:R0o0di/Sandbox/New Gadget|Voice-Changing Bowtie}}
{{User:R0o0di/Sandbox/New Gadget|Power-Enhancing Kick Shoes}}
{{User:R0o0di/Sandbox/New Gadget|Stun-Gun Wristwatch}}
{{User:R0o0di/Sandbox/New Gadget|Detective Boys Badge}}
{{User:R0o0di/Sandbox/New Gadget|Turbo Engine Skateboard}}
}}
=== Differences ===
<div class="mw-collapsible mw-collapsed">
<strong>difficult to read, too many unnecessary elements, outdated css</strong>
<div style="overflow:auto;">
<pre style="width:max-content">
<div style="vertical-align: top; height: auto; overflow: auto; clear: left; margin-bottom: 2px; ">
<table class="gadget-appearances-table" style="border: 1px dotted #FF9900;">
<tbody>
<tr>
<th style="background: #FF9900; color: #ffffff; text-align: left; padding-left: 5px;">Gadgets</th>
</tr>
<tr>
<td>
<table class="char-appearances-table">
<tbody>
<tr>
<td>
<div style="float:left; font-size: 90%;" class="gadget-image">
<div class="center">
<div class="thumb tnone">
<div class="thumbinner" style="width:102px;">
<a href="/wiki/Voice-Changing_Bowtie" title="Voice-Changing Bowtie">
<img alt="Voice-Changing Bowtie" src="/wiki/images/8/86/Voice-Changing_Bowtie.jpg" width="100" height="100">
</a>
<div class="thumbcaption">
<a href="/wiki/Voice-Changing_Bowtie" title="Voice-Changing Bowtie">Voice-Changing Bowtie</a>
</div>
</div>
</div>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
</pre>
</div>

<strong>less complicated structure, better readability, 66% shorter, better css, achieves same results </strong>
<div style="overflow:auto;">
<pre style="width:max-content">
<div style="overflow: auto; margin-bottom: 2px;">
<div style="border: 1px dotted #FF9900; width: max-content;">
<div style="background: #FF9900; color: #ffffff; padding-left: 5px; font-weight:bold;">Gadgets</div>
<div syle="display:flex; width: min-content; font-size: 90%; text-align: center;">
<div style="margin: 5px 3px; border: 1px solid #c8ccd1; border-radius: .25rem; height: min-content;">
<a href="/wiki/Voice-Changing_Bowtie" title="Voice-Changing Bowtie">
<img alt="Voice-Changing Bowtie" src="/wiki/images/8/86/Voice-Changing_Bowtie.jpg" width="100" height="100">
</a><br>
<a href="/wiki/Voice-Changing_Bowtie" title="Voice-Changing Bowtie">Voice-Changing Bowtie</a>
</div>

</div>
</div>
</div>
</pre>
</div>

</div>
<hr>

= Template:InfoBox Crime =
=== old ===
{{User:R0o0di/Sandbox/Old InfoBox Crime
| crime = Attempted Murder
| image = EP174b Case.jpg
| location = Front of the ship
| victim = [[Heiji Hattori]]
| cause-death = Thrown overboard
| cause-death-label = Attack types
| suspects = Unknown
| description = Heiji was pushed off the boat and into the ocean.
| footnotes = this is a footnote
}}

=== new ===
{{User:R0o0di/Sandbox/New InfoBox Crime
| crime = Attempted Murder
| image = EP174b Case.jpg
| location = Front of the ship
| victim = [[Heiji Hattori]]
| cause-death = Thrown overboard
| cause-death-label = Attack types
| suspects = Unknown
| description = Heiji was pushed off the boat and into the ocean.
| footnotes = this is a footnote
}}
=== Differences ===
<div class="mw-collapsible mw-collapsed">
<strong>too many unnecessary elements, outdated css</strong>
<div style="overflow:auto;">
<pre style="width:max-content">
<div style="overflow:auto">
<table class="infobox" style="width: 650px; text-align: left; font-size: 90%; float: none; clear: left; margin-left: 0; margin-right: 1em;" cellpadding="2">
<tbody>
<tr>
<td colspan="2" style="color: #ffffff; text-align:center; vertical-align:middle; font-size: small; background-color: #DF5829; ">
<b>Attempted Murder</b>
</td>
</tr>
<tr>
<td width="290" class="nospacing" style="text-align:center; vertical-align:top; padding: 2px 0px 0px 0px;">
<p>
<a href="/wiki/File:EP174b_Case.jpg" class="image">
<img alt="EP174b Case.jpg" src="/wiki/images/thumb/0/09/EP174b_Case.jpg/290px-EP174b_Case.jpg" width="290" height="218" srcset="/wiki/images/thumb/0/09/EP174b_Case.jpg/435px-EP174b_Case.jpg 1.5x, /wiki/images/thumb/0/09/EP174b_Case.jpg/580px-EP174b_Case.jpg 2x">
</a>
</p>
</td>
<td style="padding: 0px;">
<table class="infobox crime" 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">
<tbody>
<tr>
<th width="102" style="border-bottom: 1px dotted #cccccc;">Location: </th>
<td style="border-bottom: 1px dotted #cccccc;">Front of the ship</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
</pre>
</div>

<strong>less complicated structure, better readability, 30% shorter, better css, achieves same results </strong>
<div style="overflow:auto;">
<pre style="width:max-content">
<div style="background: #f8f9fa; border: 1px solid #c8ccd1; border-radius: 5px; max-width: 550px;">
<div style="background: #DF5829; color: white; text-align: center; font-weight: bold; padding: 5px;">
Attempted Murder
</div>
<div style="overflow: auto; font-size: 90%;">
<div style="width: 550px; display: flex;">
<div>
<a href="/wiki/File:EP174b_Case.jpg" class="image">
<img alt="EP174b Case.jpg" src="/wiki/images/thumb/0/09/EP174b_Case.jpg/290px-EP174b_Case.jpg" width="290" height="218" srcset="/wiki/images/thumb/0/09/EP174b_Case.jpg/435px-EP174b_Case.jpg 1.5x, /wiki/images/thumb/0/09/EP174b_Case.jpg/580px-EP174b_Case.jpg 2x">
</a>
</div>
<div style="padding-left: 5px; width: 100%;">
<div style="padding: 3px 0; border-top: 1px dotted;">
<span style="width: 90px; display: inline-block;">
<strong>Location:</strong>
</span>
<span>Front of the ship</span>
</div>
</div>
</div>
</div>
</div>
</pre>
</div>

</div>
<hr>

= Template:InfoBox Heist =
=== old ===
{{User:R0o0di/Sandbox/Old InfoBox Heist
| heist = Heist
| image = MK16 Heist1.jpg
| thief = [[Kaitou Kid]]
| thief-label = Thief
| target = Blue Wonder
| owner = [[Jirokichi Suzuki]]
| location = Suzuki Museum
| date = October 12
| notice = It's my pleasure to accept your challenge. I'll appear at 8:00 PM on October 12th. Expect my first appearance the eve just before. PS. Just like Blue Wonder's name, I'll walk in from the sky.
| description = Golden sculpture holding the blue jewel.
}}

=== new ===
{{User:R0o0di/Sandbox/New InfoBox Heist
| heist = Heist
| image = MK16 Heist1.jpg
| thief = [[Kaitou Kid]]
| thief-label = Thief
| target = Blue Wonder
| owner = [[Jirokichi Suzuki]]
| location = Suzuki Museum
| date = October 12
| notice = It's my pleasure to accept your challenge. I'll appear at 8:00 PM on October 12th. Expect my first appearance the eve just before. PS. Just like Blue Wonder's name, I'll walk in from the sky.
| description = Golden sculpture holding the blue jewel.
}}
=== Differences ===
blabla you alr know the drill same as previous ones

MediaWiki:Sitenotice

2026-05-17T13:51:39Z

R0o0di: announcing the may 16 upgrade

{| class="plainlinks centered" style="width:100%; color:#1c4564; border-radius: 2px; background-color:#f5fffa; border:2px solid #A7D7F9; text-align:center; margin:19px 0;"
| '''Detective Conan World has undergone a major upgrade on May 16, 2026. This includes Detective Conan World Wiki.''' For more information, please see this '''[https://www.detectiveconanworld.com/forum/topic/27438-major-upgrades-news-2026-05-16/ forum post]'''.
|}

File:M29 Poster.jpg

2025-12-02T15:31:43Z

R0o0di: no watermark

== Summary ==
no watermark

Main Page

2025-11-03T06:19:06Z

R0o0di: z

{| id="mp-topbanner" style="width:100%; background:#fcfcfc; margin-top:1.2em; border:1px solid #ccc;"
| style="width:50%; color:#000;" |

{| style="width:90%; border:none; background:none;"
| style="width:90%; text-align:center; white-space:nowrap; color:#000;" |
<div style="font-size:162%; border:none; margin:0; padding:.1em; color:#000;">Welcome to [[Detective Conan]] Wiki,</div>
<div style="top:+0.2em; font-size:95%;">the ultimate resource about Detective Conan.</div>
<div id="articlecount" style="width:100%; text-align:center; font-size:85%;">This wiki contains a total of [[Special:Statistics|{{NUMBEROFARTICLES}}]] articles thus far</div>
|}

| style="width:11%; font-size:95%;" |
* [http://www.detectiveconanworld.com Homepage]
* [http://www.detectiveconanworld.com/forum Forum]
* [http://www.detectiveconanworld.com/contact Contact]
| style="width:11%; font-size:95%;" |
* [[Characters]]
* [[Anime]]
* [[Manga]]
| style="width:11%; font-size:95%;" |
* [[Movies]]
* [[OVAs]]
* [[Specials]]
|}

{| id="mp-strapline" style="width:100%; background:none; margin:-.8em 0 -.7em 0;"
| style="font-size:95%; padding:10px 0; margin:0; text-align:left; white-space:nowrap; color:#000;" | [[Wikipedia:Wikipedia:About|Overview]] '''·''' [[Wikipedia:Wikipedia:Tutorial|Editing]] '''·''' [[Wikipedia:Wikipedia:Questions|Questions]] '''·''' [[Wikipedia:Help:Contents|Help]]
| style="font-size:95%; padding:10px 0; margin:0; text-align:right; white-space:nowrap; color:#000;" |
[[Special:RecentChanges|Recent Changes]] '''·''' [[Detective Conan Wiki:Guide|Guide]] '''·''' [[Special:Categories|Categories]] '''·''' [[Glossary|A–Z index]]
|}
<div id="mp-banner">
{{Main Page banner}}
</div>

{| id="mp-upper" style="margin:0 0 0 0; background:none;"
| class="MainPageBG" style="width:40%; border:1px solid #cef2e0; background:#f5fffa; vertical-align:top; color:#000; padding:10px;" |
{| id="mp-upper" style="width:100%; margin:5px 0 15px 0; background:none;"
| width="50%" class="MainPageBG" style="padding: 10px; border:1px solid #ddcef2; background:#faf5ff; vertical-align:top; color:#000;" |
Welcome to the Detective Conan Wiki! We strive to become the number one source of all things Detective Conan related, but not without your help! If you need to contact a moderator or an admin, please consult the following [[Detective Conan Wiki:Moderators|list]].<br />
''You need to register before making any edits.''<br /><br />
{{green|'''» You want to help out but don't know how or where to start? Here's a list of easy tasks: [[Detective Conan Wiki:Contributing|Contributing]]'''}}
|}
{| id="mp-left" cellpadding="2" cellspacing="5" style="width:100%; vertical-align:top; background:#f5fffa;"
! <h2 id="mp-tfa-h2" style="margin:0; background:#cef2e0; font-size:120%; font-weight:bold; border:1px solid #c2ddc5; text-align:left; color:#000; padding:0.2em 0.4em;">Article of the Month</h2>
|-
|
{{Detective Conan Wiki:Featured article}}
|-

! <h2 id="mp-tfa-h2" style="margin:0; background:#cef2e0; font-size:120%; font-weight:bold; border:1px solid #c2ddc5; text-align:left; color:#000; padding:0.2em 0.4em;">General topics</h2>
|-
|
{| class="wikitable" style="float: right; margin: 0"
| style="border: 1px solid #cccccc; border-bottom: 0px; padding-left: 3px; padding-top: 3px" | <div>[[Image:Detective Conan Characters.jpg|x145px|link=Characters|Main characters]]</div>
|-
| style="border-top: 0px; font-size: 90%; padding: 0px 3px 2px 5px" | Main characters
|}
* [[Detective Conan]] - The introduction to the world of Detective Conan
* [[Characters]] - The characters of Detective Conan
* [[Anime]] - In-depth information about the Anime series
* [[Manga]] - Details about the Manga series
* [[Movies]] - A list of all the movies released to date
* [[OVAs]] - A list of OVAs released
* [[TV Specials]] - Original TV specials
* [[Drama]] - Live action dramas
* [[Music]] - The music of Conan!
* [[Staff]] - The various people behind the manga and the anime
* [[Collectibles]] - DVDs, blu-rays, books, various merchandise
* [[Games]] - Detective Conan video games
|-
! <h2 id="mp-itn-h2" style="margin:0; background:#cef2e0; font-size:120%; font-weight:bold; border:1px solid #c2ddc5; text-align:left; color:#000; padding:0.2em 0.4em;">Specific topics</h2>
|-
|

{| class="wikitable" style="float: right; margin: 0"
| style="border: 1px solid #cccccc; border-bottom: 0px; padding-left: 3px; padding-top: 3px" | <div style="float: right; border:1px solid #cccccc">[[Image:Volume 1.jpg|x180px|link=Volume 1|First Manga volume of the series]]</div>
|-
| style="border-top: 0px; font-size: 90%; padding: 0px 3px 2px 5px" | Volume 1
|}
* [[Shinichi Kudo]] - Main character of Detective Conan
* [[Conan Edogawa]] - Shrunken form of Shinichi
* [[Ran Mouri]] - Shinichi's childhood friend and love interest
* [[Kogoro Mouri]] - Ran's father and private detective
* [[Ai Haibara]] - Ex-member of the [[Black Organization]]
* [[Black Organization]] - The "bad guys" in the story
* [[Volume 1]] - First Manga volume released
* [[Season 1]] - First season of the Anime series
* [[One-eyed Flashback]] - The latest Detective Conan movie
* [[The Miracle of Excalibur]] - The most recent OVA of the series
|}
| style="border:1px solid transparent;" |
| class="MainPageBG" style="width:40%; border:1px solid #cedff2; background:#f5faff; vertical-align:top; padding:10px;"|
{| id="mp-right" cellpadding="2" cellspacing="5" style="width:100%; vertical-align:top; background:#f5faff;"
! <h2 id="mp-itn-h2" style="margin:0; background:#cedff2; font-size:120%; font-weight:bold; border:1px solid #b0c9d2; text-align:left; color:#000; padding:0.2em 0.4em;">Latest news</h2>
|-
|
{{In the news}}
|-
! <h2 id="mp-itn-h2" style="margin:0; background:#cedff2; font-size:120%; font-weight:bold; border:1px solid #b0c9d2; text-align:left; color:#000; padding:0.2em 0.4em;">Release news</h2>
|-
|
{{Release news}}
|-
|}
| style="border:1px solid transparent;" |
| class="MainPageBG" style="width:20%; border:none; vertical-align:top; padding: 0px;"|
{| id="mp-right" cellpadding="0" cellspacing="0" style="width:100%; vertical-align:top;
|-
|
{{Rightcolumn}}
{{Did you know}}
|}
|}
{| id="mp-upper" style="width:79.5%; margin:5px 0 15px 0; background:none;"
| width="50%" class="MainPageBG" style="padding: 10px; border:1px solid #ddcef2; background:#faf5ff; vertical-align:top; color:#000;" |
[[Image:Info.png|left|link=]] Note that many pages in this wiki may contain content taken from '''Wikipedia.org'''. <br> This is perfectly legal in our context as stated under the GNU Free Documentation License (GFDL) followed by Wikipedia.
|}
__NOTOC____NOEDITSECTION__

[[de:]]
[[zh:]]
[[ca:]]

The Hero of Ishinomaki

2025-10-24T05:32:24Z

R0o0di:

{{stub}}
{{InfoBox TV
| episode = 1176
| int-episode = 1234
| image = TV Episode 1176.jpg
| title = {{PAGENAME}}
| japanese-title = {{lang|ja|石巻のヒーロー}} <br> (Ishinomaki no Hīrō)
| rating = 5.1%
| Filler case number = #447
| airdate = September 20, 2025
| season = [[Season 30|30]]
| manga = '''TV Original'''
| english-title =
| dubbed-episode =
| english-airdate =
| cast = [[Conan Edogawa]] <br> [[Ran Mouri]] <br> [[Kogoro Mouri]] <br> [[Genta Kojima]] <br> [[Ayumi Yoshida]] <br> [[Mitsuhiko Tsuburaya]] <br> [[Ai Haibara]] <br> [[Wataru Takagi]] <br> [[Kazunobu Chiba]] <br> [[Kamen Yaiba]]
| solved-by = [[Conan Edogawa]]
| next-conan-hint = Monument
| voice-cast = [[Minami Takayama]] as [[Conan Edogawa]] <br> [[Wakana Yamazaki]] as [[Ran Mouri]] <br> [[Rikiya Koyama]] as [[Kogoro Mouri]] <br> [[Wataru Takagi (voice actor)|Wataru Takagi]] as [[Genta Kojima]], [[Wataru Takagi]] and [[Kamen Yaiba]] (uncredited) <br> [[Yukiko Iwai]] as [[Ayumi Yoshida]] <br> [[Ikue Otani]] as [[Mitsuhiko Tsuburaya]] <br> [[Megumi Hayashibara]] as [[Ai Haibara]] <br> [[Isshin Chiba]] as [[Kazunobu Chiba]] <br> [[Junichi Sugawara]] as Jin Motomura <br> [[Minoru Shiraishi]] as Naoya Kanehara <br> [[Shintaro Tanaka]] as Dario <br> [[Ikuji Nose]] as Director <br> [[Yurina Hachiya]] as Herself
| director = [[Yasuichiro Yamamoto]] <br> [[Nobuharu Kamanaka]]
| screenplay = [[Junichi Miyashita]]
| storyboard = [[Masaki Ozora]]
| producer = [[Masahiro Takada]] <br> [[Yoshitsugu Kimura]]
| animation-director = [[Akio Kawamura]] <br> [[Kenichi Otomo]] <br> [[Marie Nagano]]
| character-design = [[Masatomo Sudo]] <br> [[Masanori Hashimoto]] (sub-character) <br> [[Hiroshi Ogawa]] (design works)
| production-cooperation = [[BIG BANG]]
| opening-song = Poker Face
| closing-song = Fun! Fun! Fun!
| prev-episode = The Glassy Water's Surface
| next-episode = Find the Phantom Giant
| footnotes =
}}
{{nihongo|'''''{{PAGENAME}}'''''|石巻のヒーロー|Ishinomaki no Hīrō}} is the 1176th episode of the ''[[Detective Conan]]'' [[anime]]. Aired on September 20, 2025, the case takes place in [[wikipedia:Ishinomaki|Ishinomaki]], [[wikipedia:Miyagi Prefecture|Miyagi Prefecture]], in a special tourism promotion partnership<ref>[https://web.archive.org/web/20250914081214/https://news.yahoo.co.jp/articles/8be2e7d73c6205271977b682ad4d69ef79af531b Yahoo News - Wayback Machine (archived September 14, 2025)]</ref>. The case follows Kogoro, Ran, Conan and the [[Detective Boys]] in the city after the kids were invited to participate in the shooting of the new [[Kamen Yaiba]] movie. A special video of Conan talking in Miyagi dialect was released on September 13, 2025.<ref>https://youtu.be/9y_JMwsq3k8?si=YcUlHifCw7VVLlp3</ref>

== Cast ==
{{char Appearances|
{{char|Conan Edogawa}}
{{char|Genta Kojima}}
{{char|Ayumi Yoshida}}
{{char|Mitsuhiko Tsuburaya}}
{{char|Ai Haibara}}
{{Char|Kogoro Mouri}}
{{Char|Ran Mouri}}
{{Char|Wataru Takagi}}
{{Char|Kazunobu Chiba}}
{{Char|Kamen Yaiba}}
}}

== Gadgets ==
{{Gadgets Appearances|
{{Gadget|Detective Boys Badge}}
{{Gadget|Power-Enhancing Kick Shoes}}
{{Gadget|Anywhere Ball Dispensing Belt}}
}}

== Case ==
=== Situation ===
After the recording at the Ishinomaki Yaiba Hall, the Detective Boys, Conan, Haibara, Ran, and Kogoro are taken on a tour of the city. During that time, Conan and Haibara notice Chiba scanning QR codes with a serious expression.

The next morning, while the group is waiting for Kanehara, Ayumi realizes that she had left her script in her room, forcing her to go back to get it. However, she is curious when she sees Chiba following a man who seemed to be cunning, so she follows Chiba but the two end up being subdued by that man and another stranger.

{{InfoBox Crime
| crime = Kidnapping
| image = EP1176 Case1.jpg
| location = Underground parking of hotel building
| victim = Kazunobu Chiba and Ayumi Yoshida
| victim-label = Victims
| age = 24 years old (Chiba) and 7 years old (Ayumi)
| suspects = Dario and an unknown person
| suspects-label = Culprits
| cause-death = Shocking (Chiba), Unknown (Ayumi)
| cause-death-label = Cause of injury
}}

Worried about why Ayumi is taking so long, Conan and Haibara begin investigating her whereabouts, and in the process, someone says they had seen Chiba like the two of them. Conan then calls Takagi to ask why Chiba is here as Kogoro Mouri asked him to. Takagi then tells Conan about the unsolved smuggling case that had happened before, and that it was also related to a murder case that had recently been reported in Ishinomaki City.

{{InfoBox Crime
| crime = Smuggling and murder?
| image = EP1176 Case2.jpg
| time = Recent years (smuggling)
| suspects = Dario
| cause-death = Rare goods of high value
| cause-death-label = Stolen items
| victim = Unknown
| description = Takagi told Conan about the unsolved smuggling case involving the murder occurred recently.
}}

Mitsuhiko and Genta accidentally meet Conan and Haibara after the two of them had sneaked off to investigate like the latter two out of concern for Ayumi's safety, and also learn that Ayumi is in some kind of danger, so the four of them split up to scan the QR codes, since Chiba himself had also scanned the QR codes yesterday for the peculiar circumstances. Just when the four are starting to get tired after finding some abnormalities with the two specific QR codes, Motomura happens to pass by and is asked by the kids to help with this tricky situation. They eventually are able to track the whereabout of Ayumi, and Chiba, but will they be able to save them?

=== People ===
{{BeginBox}}
{{People|Jin Motomura|Jin Motomura.jpg|
* 57 years old
* Ishinomaki Yaiba Hall director}}
{{People|Dario|Dario.jpg|
* 35 years old
* Mysterious foreign reseller}}
{{People|Naoya Kanehara|Naoya Kanehara.jpg|
* 28 years old
* Production assistant on the Kamen Yaiba production team}}
{{People|[[Wikipedia:ja:蜂谷由梨奈|<font color="white">Yurina Hachiya</font>]]|Yurina Hachiya.jpg|
* 32 years old
* Real-life announcer at [[wikipedia:Miyagi Television Broadcasting|Miyagi TV]]}}
{{People|Man|EP1176 Director.jpg|
* Kamen Yaiba production team director}}
{{EndBox}}

=== Resolution ===
<spoiler>
{{InfoBox Crime
| crime = Reckless endangerment
| image = EP1176 Case3.jpg
| location = Roadway in Ishinomaki
| victim = Kazunobu Chiba and Ayumi Yoshida
| victim-label = Victims
| suspects = Dario and Naoya Kanehara
| suspects-label = Culprits
| age = 24 years old (Chiba) and and 7 years old (Ayumi)
| cause-death = Drowning
| cause-death-label = Risks
| description =
}}
The unknown person is revealed to be '''Naoya Kanehara''', the mastermind of the scheme, with Dario as his accomplice. But since Chiba and Ayumi happened to pass by and encountered Dario, who is suspected for smuggling, the two were left in a truck near the sea cliffs, but Dario's car's handbrake broke, causing the truck to roll down the cliffs. Luckily, they are saved by Conan with his anywhere ball dispensing belt and power-enhancing kick shoe.
</spoiler>

== Trivia ==
* Among the real-life locations shown include the main store of [[wikipedia:ja:観慶丸本店|Kankeimaru]] (観慶丸), a historical listed building.
* The episode was made at the proposal of [[Minami Takayama]], who has strong links to the city during the reconstruction after heavily hit during the [[wikipedia:2011 Tōhoku earthquake and tsunami|2011 Tōhoku earthquake and tsunami]]. She has previously visited the city many times, along with [[wikipedia:Higashimatsushima|Rikuzen-Ono]].
* The episode was partnered with [[wikipedia:Miyagi Television Broadcasting|Miyagi Television Broadcasting]] (MMT), and featured real-life announcer Yurina Hachiya. To commemorate the broadcast, several events will be held in October 2025, including a panel exhibition, outdoor screening, workshop, and Detective Conan Plaza<ref>https://animeanime.jp/article/2025/09/13/92668.html</ref>.
* Junichi Sugawara, a voice actor regularly cast in the series, voices Jin Motomura in this episode and is from Miyagi Prefecture.

== Gallery ==
{{main gallery}}

== In other languages ==
{{BeginTable EpLang}}
{{EpLangItem|flag=Arabic|Arabic|رحلة إلى موقع التصوير|Trip to the Photo-taking Location}}
{{EpLangItem|flag=France|French (Subbed)|Les Héros d'Ishinomaki|Ishinomaki's Heroes}}
{{EpLangItem|flag=Thailand|Thai|ฮีโร่แห่งเมืองอิชิโนะมากิ|The Hero of Ishinomaki}}
{{EndTable}}

== Footnotes ==
{{FH}}
=== Notes ===
{{reflist|group="N"}}

=== References ===
{{reflist}}

== See also ==
* [[Mystery Tour (series)]]
* [[Season 30]]

{{Season 30}}

[[Category:Episodes]]
[[Category:Anime Exclusive]]
[[Category:Miyagi Prefecture]]
[[Category:Animation directed by Akio Kawamura]]
[[Category:Animation directed by Kenichi Otomo]]
[[Category:Animation directed by Marie Nagano]]

[[de:Episode 1176]]
[[zh:TV1176]]

Detective Conan: Marionette Symphony

2025-08-02T04:32:39Z

R0o0di: /* Event Cards */ made the table mobile-friendly

{{InfoBox Game
| game = 1
| image = Marionettesymphony.jpg
| title = Detective Conan: Marionette Symphony
| english-title =
| japanese-title = {{lang|ja|名探偵コナンマリオネット{{ruby|交響曲|シンフォニー}}}}{{note|group="N"|The furigana for "Shinfonī" (シンフォニー) is not an actual reading of the kanji "交響曲", which although translated to "symphony", is in fact read as "kōkyōkyoku".}} <br> (Meitantei Konan: Marionetto Shinfonī)
| release-date = {{flagicon|Japan}} April 25, 2013
| genre = Suspense/Adventure
| system = Nintendo 3DS
| age-range = {{flagicon|Japan}} CERO - B (12+)
| playing-time =
| developer = Spike Chunsoft Co., Ltd.
| designer =
| illustrator =
| voice-cast = [[Minami Takayama]] as [[Conan Edogawa]] <br> [[Kappei Yamaguchi]] as [[Shinichi Kudo]], [[Kaitou Kid]] <br> [[Wakana Yamazaki]] as [[Ran Mouri]] <br> [[Rikiya Koyama]] as [[Kogoro Mouri]] <br> [[Ryo Horikawa]] as [[Heiji Hattori]] <br> [[Yuko Miyamura]] as [[Kazuha Toyama]] <br> [[Megumi Hayashibara]] as [[Ai Haibara]] <br> [[Yukiko Iwai]] as [[Ayumi Yoshida]] <br> [[Ikue Otani]] as [[Mitsuhiko Tsuburaya]] <br> [[Wataru Takagi (voice actor)|Wataru Takagi]] as [[Genta Kojima]], [[Wataru Takagi]] <br> [[Kenichi Ogata]] as [[Hiroshi Agasa]] <br> [[Naoko Matsui]] as [[Sonoko Suzuki]] <br> [[Chafurin]] as [[Juzo Megure]] <br> [[Atsuko Yuya]] as [[Miwako Sato]] <br> [[Taiki Matsuno]] as Yasushi Kurose <br> [[Satomi Arai]] as Kanako Shimazaki <br> [[Ryo Hirohashi]] as Clarissa Takamine <br> [[Chihiro Suzuki]] as Kazuo Okouchi <br> [[Kenji Nojima]] as Tatsuya Kasukabe <br> [[Yu Amano]] as Fernando <br> [[Masaya Onosaka]] as Takeshi Torii <br> [[Chiaki Takahashi]] as Tsubasa Kuriki <br> [[Daiki Yamashita]] as Masashi Nunokawa <br> [[Rika Fukami]] as [[Akie Goto]]
| publisher = Namco Bandai Games Inc.
| website = [http://conan-game.channel.or.jp/sym/ http://conan-game.channel.or.jp/sym/]
| prev-game =
| next-game = Detective Conan: Phantom Rhapsody
| footnotes =
}}
{{nihongo|'''Detective Conan: Marionette Symphony'''|名探偵コナンマリオネット{{ruby|交響曲|シンフォニー}}|Meitantei Konan: Marionetto Shinfonī}} is a single-player [[games|video game]] of the ''[[Detective Conan]]'' franchise, the first of two games made for the Nintendo 3DS. It was released in Japan on April 25, 2013 by [[wikipedia:Bandai Namco|Bandai Namco]]. The action takes place on the giant island resort Clover Hills, where the Moriyama Construction Corporation is holding its one-year-anniversary ceremony. While seeming to be at first an uneventful gathering, the ceremony is halted by a murder case that [[Kogoro]], [[Ran]] and [[Conan]] must solve. Meanwhile, the [[Detective Boys]] are exploring the resort on their own, [[Heiji]] and [[Kazuha]] have been invited to a TV broadcast, and [[Kaitou Kid]] has set his eyes on a prized jewel. The complex is later stormed by a terrorist group, and all five groups of protagonists have to fight the enemies on their own. The gameplay follows the format of a visual novel, with added augmented reality features, which allow the players to collect event cards and unlock new characters. About 40,000 copies of the game sold, leading to mitigated success.

== Cast ==
{{Char Appearances|
{{Char|Conan Edogawa}}
{{Char|Shinichi Kudo}}
{{Char|Ran Mouri}}
{{Char|Kaitou Kid}}
{{Char|Heiji Hattori}}
{{Char|Ai Haibara}}
{{Char|Mitsuhiko Tsuburaya}}
{{Char|Genta Kojima}}
{{Char|Ayumi Yoshida}}
{{Char|Hiroshi Agasa}}
{{Char|Kogoro Mouri}}
{{Char|Kazuha Toyama}}
{{Char|Sonoko Suzuki}}
{{Char|Miwako Sato}}
{{Char|Wataru Takagi}}
{{Char|Juzo Megure}}
{{Char|Ninzaburo Shiratori}}
{{Char|Akie Goto}}
{{Char|Junichiro Yanagishita}}
}}

== Gadgets ==
{{Gadgets Appearances|
{{Gadget|Turbo Engine Skateboard}}
{{Gadget|Card Gun}}
{{Gadget|Hang Glider Cape}}
{{Gadget|Detective Boys Badge}}
}}

== Plot ==
=== Settings ===
* [[Mouri Detective Agency]]
* [[Clover Hills]]
* [[Clover Aquarium]]
* [[Clover News TV Station]]

=== Case ===
The game opens with Kogoro Mouri being hired by Daisuke Ozawa to guard the president of the Moriyama Construction Corporation, which built the Clover Hills complex, on the day that the complex is celebrating its one year anniversary. As Kogoro, Ran Mouri, and Conan Edogawa are leaving the [[Mouri Detective Agency]], they stumble upon a woman on the ground, who claims to have amnesia. Since she appears to be the architect of the Clover Hills complex, Kanako Shimazaki, they take her with them, despite Ozawa's objections. Upon arriving at Clover Hills, they discover that the president is nowhere to be found. Meanwhile, Ai Haibara and the [[Detective Boys]] are in another part of the complex, climbing the emergency stairs to reach the rooftop because the children believe there are monsters to be found up there. Ai suddenly hears suspicious voices, which call each other by flower codenames and say threatening things. She must keep the kids out of danger. At the same time, Heiji Hattori is waiting in the nearby Clover News TV station to appear on the local news show to talk about a recent case of his, with Kazuha Toyama there to support him. Suddenly, a body is found in the Clover Aquarium, and all of the detectives are caught up in the case.

Once that case is solved, the one year anniversary celebration proceeds as planned, and Kogoro, Conan, Kanako, Ran, and Sonoko Suzuki prepare to attend, although, because it is a fancy event, Conan is stripped of most of his [[gadgets]]. Simultaneously, Kaitou Kid plans to steal a jewel named the "Azure Ocean" from Prince Fernando, who is visiting from the Principality of Ruweno and also attending the celebration. Kaitou Kid overhears the same group that terrorized Ai and the Detective Boys earlier talking about "Clover Hills going up in flames". Meanwhile, Ai and the Detective Boys go back to searching for monsters and meet Tsubasa Kuriki, a 9-year-old aspiring press photographer who dreams of capturing Kaitou Kid's true face; and his dog, Kentaro. They decide to team up to search for monsters ''and'' Kaito Kid. At the same time, Ran and Sonoko go to see the Azure Ocean and become witness to Prince Fernando's speech about the jewel being interrupted by Kaitou Kid's calling card. Simultaneously, Heiji and Kazuha meet the cast and crew of the Clover News TV Station, as well as fellow guest star, young new actor Misao Shirakawa, as the news program prepares to go on-air.

Just as they are about to start the live broadcast, the whole complex shakes violently, because a bomb destroys the only bridge to the island Clover Hills is on. Kogoro gets knocked out by debris as he protects Kanako from damage caused by the shock of the blast, and Conan is also minorly injured. Masked terrorists swarm in on the Azure Ocean display room and the TV station, trapping everyone in those locations. Then, a remote broadcast is sent throughout the complex, visible or heard by every character. In it, the leader of the terrorist group "Flowers of Liberation", Yasushi Kurose, demands that all of the rich - and therefore corrupt - people in the building turn over their assets to the terrorists or the various bombs placed throughout the complex will be set off, killing everyone. He implores the ordinary citizens to turn over the rich oppressors to the terrorists in order to save their own lives and the lives of their families. Furthermore, he offers a challenge to [[Shinichi Kudo]]: find the bombs within an hour and everyone will be spared. After the broadcast is over, chaos ensues in the display room as people turn against each other, doing just as Yasushi commanded. They come after Sonoko too, but when Ran tries to protect her, they are both handed over to the "Flowers of Liberation". The terrorists also target the jewel, which ruins Kaitou Kid's plans and forces him to struggle to get his hands on it while staying safely incognito and find a way to extract himself from such a dangerous situation. Meanwhile, at the TV station, a small group of the terrorists force the staff to prepare their own special program, to be broadcasted to the entire nation of Japan, which Heiji and Kazuha strive to prevent without getting caught.

With all of the protagonists separated into groups and trapped from each other by dangerous terrorists, they must somehow safely find and disable the bombs and defeat the "Flowers of Liberation".

=== People ===
{{BeginBox}}
{{People|Clarissa Takamine|Clarissa.jpg|
* Clover Hills' operator}}
{{People|[[Junichiro Yanagishita]]|Junichiro_Yanagishita.jpg|
* Forensic investigator of the Metropolitan Police Department}}
{{People|Kanako Shimazaki|Kanako_Shimazaki.PNG|
* Clover Hills' architect
* Amnesiac}}
{{People|Daisuke Ozawa|Daisuke_Ozawa.PNG|
* Secretary to the president of Moriyama Corporation}}
{{People|Hiromichi Moriyama|Hiromichi_Moriyama.PNG|
* President of Moriyama Corporation}}
{{People|Reika Kuramoto|Reika_Kuramoto.PNG|
* Zookeeper at Clover Aquarium, in charge of "Coral Dream"}}
{{People|Takashi Yaguchi|Takashi_Yaguchi.PNG|
* Technical manager of Moriyama Corporation}}
{{People|Ryotaro Harada|Ryotaro_Harada.PNG|
* Deputy director of Clover Aquarium}}
{{People|Teppei Mochizuki|Teppei_Mochizuki.PNG|
* Security guard at Clover Aquarium}}
{{People|[[Akie Goto]]|Akie_Goto.PNG|
* Part-timer at Clover Aquarium}}
{{People|Kazunori Yamada|Kazunori_Yamada.PNG|
* Producer of Clover News}}
{{People|Fernando|Fernando.png|
* First Prince of the Principality of Ruweno}}
{{People|Janson|Janson.png|
* Senior vassal of the Principality of Ruweno}}
{{People|Tsubasa Kuriki|Kuriki_Tsubasa.png|
* 9 years old
* Aspiring photographer}}
{{People|Kentaro|Kentaro.png|
* Kuriki's dog}}
{{People|Tatsuya Kasukabe|Tatsuya_Kasukabe.png|
* Lead newscaster for Clover News}}
{{People|Caroline Muramatsu|Caroline_Muramatsu.png|
* Anchorwoman for Clover News}}
{{People|Misao Shirakawa|Misao_Shirakawa.png|
* Up-and-coming young actor}}
{{People|Mitsuru Sanada|Mitsuru_Sanada.png|
* AD for Clover News}}
{{People|Yasushi Kurose|Yasushi.jpg|
* "Flower of Liberation" terrorist group leader}}
{{People|Kazuo Okouchi|Kazuo_Okouchi.png|
* "Flower of Liberation" terrorist group executive}}
{{People|Takeshi Torii|Takeshi_Karasui.png|
* "Flower of Liberation" terrorist group executive}}
{{People|Masashi Nunokawa|Masashi_Nunokawa.png|
* "Flower of Liberation" terrorist group executive}}
{{People|Osamu Ninomiya|Osamu_Ninomiya.png|
* "Flower of Liberation" terrorist group member}}
{{EndBox}}

== Features ==
=== Gameplay ===
*'''Visual Novel''': The game is mainly played like a visual novel, with the story being told through text boxes that the player must hit a button to advance. Each character has various sprites for different expressions, which change to suit what's being said. There's also full screen illustrations for important scenes (known in the visual novel genre as 'CGs').

*'''Zapping''': This game uses the "zapping system" previously used in other games by the developer. The zapping system permits players to switch between characters instead of playing as one single character throughout the game. For example, the teaser trailer for the game shows Conan being switched out for Heiji. When a character's story can progress no further, then they "Close the Door", and it can only be opened again by zapping to a different character who has the key to the other character's story. Zapping sometimes happens automatically, when the story requires a point of view change.

*'''Multiple Choice Questions and Conan Coins''': Occasionally the player will be asked a multiple choice question. The player earns "Conan Coins" for getting it right, but the amount of coins earned depends on how many attempts the player makes. If they get it right immediately, they get the full amount of coins. A wrong answer deducts coins from the possible earnings. Conan Coins can be used in the Extras Menu to unlock extras like CG art, and with AR Conan to get a hint or unlock Seed Cards.

*'''Truth Cards''': These are how evidence and learned facts are recorded. They are used by presenting the right card at the right time to advance the story. Truth Cards are explained in-universe as a convenient way to transmit what each character learns to the others via an app on everyone's phones, since communication services are spotty in the Clover Hills complex. Clarissa oversees the system and handles sending new TRUTH cards out to all the characters.

*'''Investigations''': The player can move a cursor over a still background and select points of interest to examine. Variations of this include needing to point out a discrepancy or specific point to use as evidence, using a Truth Card on a point in the environment, or selecting a suspect.

*'''Timeline''': A screen which keeps track of all previously viewed scenes of all the characters along a timeline of events. The player can select any point on the timeline to play that scene again; this may sometimes be necessary to change the story, since there are some branching paths.

*'''Detective Time''': During intense moments where action is required, the game enters a mode called "Detective Time" in which the player is presented with an option of what action the character could take on the bottom screen, and must either draw an X or an O over it to deny or accept it. If it is rejected with an X, a different action is suggested, and this continues until the player selects the right action with an O. If the player rejects the correct action, they must tap the bottom screen quickly until the action appears again. Detective Time has a time limit, and during that time limit it can require multiple instances of needing to choose an action.

*'''Word Roulette''': A minigame where the player is presented with hiragana situated on a roulette wheel, and they must select the right character in the right order to form the correct word that answers the displayed question. The wheel spins constantly, and as each correct character is chosen, it gets faster and faster. Also, the amount of Conan Coins the player earns from the minigame increases.

=== Augmented Reality ===
[[File:Marionettesymphony ARcoinmode meter.png|thumb|50px|right|The entire AR unlockables meter.]]
The game has AR (Augmented Reality) functionality. If the player scans one of the game's AR cards, they can have Conan give them a hint or gain a special in-game card, called a Seed Card, which can be used at specific points during the story to unlock bonus scenarios called Event Cards. Each Seed Card specifies in its description which scene in the game it needs to be used at. The basic Conan AR card is available for download on the official website.<ref name="Detective Conan Marionette Symphony Official Website Popup 2">{{cite web|url=https://conan-game.channel.or.jp/sym/popup2.html|title=名探偵コナンマリオネット交響曲｜バンダイナムコゲームス公式サイト|website=conan-game.channel.or.jp|accessdate=2 May 2022}} A popup about the AR functionality which includes a downloadable AR card for use with the game, from the official website for the game.</ref>

Scanning an AR card during the main game will allow players to trade a Conan coin for a hint about the current investigation from Conan. Scanning the card in AR mode from the main menu, however, lets the player feed Conan the Conan coins earned while playing the game, which raises the bar on a meter. At certain points on the meter, after enough coins have been given, the player will earn rewards. These rewards are either a pose for Photo Mode (in which the player can take photos of AR Conan), or a Seed Card. The order of which type of reward is obtained is fixed and visible on the meter.

=== Event Cards ===
Listed here in the order obtained, with their name and in-game description<ref group="N">Machine translated using Google Translate.</ref>, Seed Card obtainment method, and which scene the Seed Card needs to be used at to unlock the Event Card (divided by time on the timeline and character).

<div style="overflow: auto;">
{| class="wikitable sortable" style="min-width: 650px;"
|-
! style=max-width:1em | # !! Image !! style=max-width:2em | Name !! style=max-width:2em | Description !! style=max-width:2em | Seed Card !! style=max-width:2em | Unlock Time !! style=max-width:1em | Unlock Character
|-
| 1 || [[File:Marionettesymphony eventcard takagisato.png|150px]] || Barely female detective || Detective Takagi saved Detective Sato who was about to fall into the "dream of coral". Between the two what are the exchanged words ...? || Tutorial || 10:30 || Miwako Sato
|-
| 2 || [[File:Marionettesymphony eventcard crystal goldfish.png|150px]] || Crystal goldfish || After the incident at the aquarium was over, Conan decided to investigate the crystal goldfish that triggered the crisis. However, the person who appeared there ...? || 60 Conan coins || 11:55 || Conan Edogawa
|-
| 3 || [[File:Marionettesymphony eventcard randress.png|150px]] || Dress up with two people || Sonoko looks like a dress for Ran going out to a party. What did Sonoko say to the beautifully transformed Ran ...? || 120 Conan coins || 13:00 || Ran Mouri
|-
| 4 || [[File:Marionettesymphony eventcard kazuhaheiji.png|150px]] || Thank you for Kazuha || Kazuha was taken hostage, which helped Heiji Hattori solve the murder case brilliantly. Heiji Hattori is offering a rare and honest thank you to Kazuha ...? || 240 Conan coins || 16:35 || Heiji Hattori
|-
| 5 || [[File:Marionettesymphony eventcard db.png|150px]] || Detective Boys Victory || The detective boys defeated Nunokawa in cooperation with Kogoro. The four people who bite the victory ...? || 300 Conan coins || 16:35 || Detective Boys
|-
| 6 || [[File:Marionettesymphony eventcard kaitokid.png|150px]] || Phantom thief and prince || Kid, a phantom thief who stunned and replaced Fernando, the first prince of the Principality of Ruweno. What is behind the scenes of that disguise ...? || 400 Conan coins || 14:20 || Kaito Kid
|-
| 7 || [[File:Marionettesymphony eventcard ai.png|150px]] || Not cute guy || Ai Haibara was saved by Conan at the end of the crisis. While sighing at Haibara, who is hated and slaps his mouth, Conan ...? || 540 Conan coins || 16:37 || Ai Haibara
|-
| 8 || [[File:no image.png|150px]] || N/A || N/A || 640 Conan coins || 19:10 || Conan Edogawa
|-
| 9 || [[File:no image.png|150px]] || N/A || N/A || 700 Conan coins || 17:10 || Ran Mouri
|-
| 10 || [[File:Marionettesymphony eventcard dlc.png|150px]] || Clover fantasy song || The terrorist attack caused by the flowers of liberation in Clover Hills ... Fernando returned to Japan from the Principality of Ruweno when it became a hot topic all over Japan. The purpose is to propose to Ran ...!? || DLC purchased || N/A || N/A
|}
</div>

=== DLC ===
One pack of DLC was available to purchase from the eShop for this game.

"The last chapter of the game, Clover Rhapsody, was given out as first-press DLC codes, and is available to purchase on the eShop for 200 yen or so."<ref name="3DS Translation Request Topic">{{cite web|url=https://gbatemp.net/threads/the-3ds-translation-request-topic.380178/#post-5493488|title=(THE) 3DS Translation Request Topic|website=gbatemp.net|accessdate=24 October 2021}} A forum post about the game, requesting it be fan-translated.</ref>

This DLC includes a bonus episode, called "Clover Rhapsody", as an Event Card, which takes place after the events of the game; and a formal wear costume for AR Conan.<ref name="Detective Conan Marionette Symphony Official Website Popup">{{cite web|url=https://conan-game.channel.or.jp/sym/popup.html|title=名探偵コナンマリオネット交響曲｜バンダイナムコゲームス公式サイト|website=conan-game.channel.or.jp|accessdate=18 April 2022}} A popup describing the DLC contents, from the official website for the game.</ref>

== Reception ==
=== Service ===
The website for the game was launched on January 20, 2013. At its release, it was made available in physical copies for the cost of 5,480 yens{{note|group="N"|Without tax (comes to 5,741 yens after sales tax).}}. A downloadable version was also available for the same price. It was only released in Japan and was only playable with Japanese consoles. The game was exhibited at the 2013 Next Generation World Hobby Fair (次世代ワールドホビーフェア‘13 Winter) hosted by Bandai Namco<ref>http://www.bandainamcogames.co.jp/cs/event/012/</ref><ref>http://www.bandainamcogames.co.jp/cs/event/012/title.html</ref>. It was exhibited in Nagoya on January 20, 2013, in Tokyo on January 26 and 27, in Fukuoka on February 3 and in Osaka on February 10.

Nintendo stopped the service for redeeming the downloadable version of the game on March 30, 2022<ref>https://www.nintendo.co.jp/titles/50010000013756</ref>. Following the end of service, the website was also shut down the same day.

=== Sales ===
44,400 physical copies of the game were sold as of September 12, 2021<ref name="Game Data Library">{{cite web|url=https://sites.google.com/site/gamedatalibrary/game-search?authuser=0|title=Game Data Library - Game Search|accessdate=24 October 2021}} A repository of game sales data. Type the game's name in all caps in the search bar.</ref>

== Trivia ==
* College student [[Akie Goto]] and forensics officer [[Junichiro Yanagishita]] make their second appearance in the game franchise.

== Gallery ==
* See [[:Category:Images of Detective Conan: Marionette Symphony|Images of Detective Conan: Marionette Symphony]]
<gallery widths=150px heights=150px>
File:Marionettesymphony.jpg|Box art
File:Marionettesymphonylogo.png|Game logo
File:Marionettesymphony titlescreen.png|Title screen
File:marionettesymphony_visualnovel.png|Visual Novel-style Gameplay
File:marionettesymphony_zapping.png|Zapping: from Conan to Kogoro
File:marionettesymphony_closethedoor.png|Close the Door
File:marionettesymphony_openthedoor.png|Open the Door
File:marionettesymphony_investigate.png|Investigation
File:marionettesymphony_timeline.png|Story Timeline
File:marionettesymphony_multiplechoice.png|Multiple Choice Question
File:marionettesymphony_getTRUTHcard.png|Making a TRUTH Card
File:marionettesymphony_sendingTRUTHcards.png|Sending TRUTH Cards
File:marionettesymphony_TRUTHcards.png|Selecting a TRUTH Card
File:marionettesymphony_usingTRUTHcard.png|Using a TRUTH Card
File:marionettesymphony_detectivetime.png|Detective Time
File:marionettesymphony_roulette.png|Roulette Word Puzzle
File:Marionettesymphony ARphotomode.png|AR Photo Mode
File:Marionettesymphony ARphotomode sit.png|AR Photo Mode - 'Sit' pose
File:Marionettesymphony ARcoinmode.png|AR Coin Mode
</gallery>

== Footnotes ==
{{FH}}
=== Notes ===
{{reflist|group="N"}}

=== References ===
{{reflist}}

== See also ==
* [[Games]]

{{AOTM|August 2, 2025}}
{{Games}}

[[Category:Games]]

THE BEST OF DETECTIVE CONAN ~Detective Conan Theme Song Collection~

2025-07-29T08:47:07Z

R0o0di: added gallery

{{InfoBox CD
| name = THE BEST OF DETECTIVE CONAN
| image = Bestof01.jpg
| title = THE BEST OF DETECTIVE CONAN ~Detective Conan Theme Song Collection~
| japanese-title = {{lang|ja|THE BEST OF DETECTIVE CONAN～名探偵コナンテーマ曲集～}} <br> (THE BEST OF DETECTIVE CONAN ~Meitantei Konan Tēma-kyoku-shū~)
| artist = [[rumania montevideo]], [[GARNET CROW]], [[Miho Komatsu]], [[WAG]], [[B'z]], [[Mai Kuraki]], [[Rina Aiuchi]], [[ZARD]], [[Keiko Utoku]], [[DEEN]]
| release-date = November 29, 2000
| cds = 1
| tracks = 16
| cost = 2,800円
| number = ZACL-1055
| record-label = ZAIN RECORDS
| prev-cd = Detective Conan Theme Song Collection
| next-cd = THE BEST OF DETECTIVE CONAN 2 ~Detective Conan Theme Song Collection 2~
| footnotes =
}}
'''THE BEST OF DETECTIVE CONAN ~Detective Conan Theme Song Collection~''' is the 2nd theme song album in the ''[[Detective Conan]]'' franchise. It was released on November 29, 2000 for 2,800円.

== CD info ==
=== CD track listing ===
{{BeginTable TrackListing}}
{{TrackListingItem|1|'''謎'''<br>''小松未歩''|'''Nazo'''<br>''Komatsu Miho)|'''Mystery'''<br>''Miho Komatsu''|4:38}}
{{TrackListingItem|2|'''運命のルーレット廻して (Re-mix Version)'''<br>''ZARD''|'''Unmei no Rūretto Mawashite (Re-mix Version)'''<br>''ZARD''|'''Spinning the Roulette of Destiny (Re-mix Version)'''<br>''ZARD''|5:17}}
{{TrackListingItem|3|'''ギリギリchop'''<br>''B'z''|'''Girigiri chop'''<br>''B'z''|'''Just Barely Chop'''<br>''B'z''|3:59}}
{{TrackListingItem|4|'''Mysterious Eyes'''<br>''GARNET CROW''|'''Mysterious Eyes'''<br>''GARNET CROW''|'''Mysterious Eyes'''<br>''GARNET CROW''|4:31}}
{{TrackListingItem|5|'''恋はスリル、ショック、サスペンス'''<br>''愛内里菜''|'''Koi wa Suriru, Shokku, Sasupensu'''<br>''Aiuchi Rina''|'''This Love is Thrill, Shock, Suspense'''<br>''Rina Aiuchi''|4:56}}
{{TrackListingItem|6|'''光と影のロマン'''<br>''宇徳敬子''|'''Hikari to Kage no Roman'''<br>''Utoku Keiko''|'''Romance of Light and Shadow'''<br>''Keiko Utoku''|4:47}}
{{TrackListingItem|7|'''君がいない夏'''<br>''DEEN''|'''Kimi ga Inai Natsu'''<br>''DEEN''|'''The Summer Without You'''<br>''DEEN''|4:24}}
{{TrackListingItem|8|'''願い事ひとつだけ'''<br>''小松未歩''|'''Negai Goto Hitotsu Dake'''<br>''Komatsu Miho''|'''Just One Wish'''<br>''Miho Komatsu''|4:43}}
{{TrackListingItem|9|'''氷の上に立つように'''<br>''小松未歩''|'''Kōri no Ue ni Tatsu Yō ni'''<br>''Komatsu Miho''|'''Like Standing on Ice'''<br>''Miho Komatsu''|3:54}}
{{TrackListingItem|10|'''Still for your love'''<br>''rumania montevideo''|'''Still for your love'''<br>''rumania montevideo''|'''Still for your love'''<br>''rumania montevideo''|4:23}}
{{TrackListingItem|11|'''Free Magic'''<br>''WAG''|'''Free Magic'''<br>''WAG''|'''Free Magic'''<br>''WAG''|3:59}}
{{TrackListingItem|12|'''Secret of my heart'''<br>''倉木麻衣''|'''Secret of my heart'''<br>''Kuraki Mai''|'''Secret of my heart'''<br>''Mai Kuraki''|4:26}}
{{TrackListingItem|13|'''夏の幻'''<br>''GARNET CROW''|'''Natsu no Maboroshi'''<br>''GARNET CROW''|'''Summer's Illusion'''<br>''GARNET CROW''|3:58}}
{{TrackListingItem|14|'''少女の頃に戻ったみたいに'''<br>''ZARD''|'''Shōjo no Koro ni Modotta Mitai ni'''<br>''ZARD''|'''Like I've Returned to When I was a Teenage Girl''' <br>''ZARD''|5:13}}
{{TrackListingItem|15|'''ONE'''<br>''B'z''|ONE<br>''B'z''|'''ONE'''<br>''B'z''|4:13}}
{{TrackListingItem|16|'''あなたがいるから'''<br>''小松未歩''|'''Anata ga Iru Kara'''<br>''Komatsu Miho''|'''Because You Are Here'''<br>''Miho Komatsu''|4:34}}
{{EndTable}}

== Gallery ==
[[File:Bestof01-1.jpg|175px]]<br>
[[File:Bestof01-2.jpg|175px]]<br>
[[File:Bestof01-3.jpg|175px]]<br>
[[File:Bestof01-04.jpg|175px]]<br>
[[File:Bestof01-4.jpg|350px]]<br>
[[File:Bestof01-5.jpg|350px]]<br>
[[File:Bestof01-6.jpg|350px]]<br>
[[File:Bestof01-7.jpg|350px]]<br>
[[File:Bestof01-8.jpg|350px]]<br>
[[File:Bestof01-9.jpg|350px]]<br>
[[File:Bestof01-10.jpg|350px]]<br>
[[File:Bestof01-11.jpg|350px]]<br>
[[File:Bestof01-12.jpg|350px]]<br>
[[File:Bestof01-13.jpg|175px]]<br>
[[File:Bestof01-14.jpg|175px]]<br>
[[File:Bestof01-15.jpg|175px]]

== See also ==
* [[Music#Theme Song Albums|Theme Song Albums]]
* [[Music]]

== References ==
<references />

[[Category:Theme Song Albums]]

[[de:The Best of Detective Conan]]
[[zh:TC2 THE BEST OF DETECTIVE CONAN～名探偵コナンテーマ曲集～]]

File:Bestof01-04.jpg

2025-07-29T08:47:01Z

R0o0di: File uploaded with MsUpload

File uploaded with MsUpload

File:Bestof01-15.jpg

2025-07-29T08:41:33Z

R0o0di: File uploaded with MsUpload

File uploaded with MsUpload

File:Bestof01-14.jpg

2025-07-29T08:41:31Z

R0o0di: File uploaded with MsUpload

File uploaded with MsUpload

File:Bestof01-13.jpg

2025-07-29T08:41:29Z

R0o0di: File uploaded with MsUpload

File uploaded with MsUpload

File:Bestof01-12.jpg

2025-07-29T08:41:28Z

R0o0di: File uploaded with MsUpload

File uploaded with MsUpload

File:Bestof01-11.jpg

2025-07-29T08:41:26Z

R0o0di: File uploaded with MsUpload

File uploaded with MsUpload

File:Bestof01-10.jpg

2025-07-29T08:41:24Z

R0o0di: File uploaded with MsUpload

File uploaded with MsUpload

File:Bestof01-9.jpg

2025-07-29T08:41:22Z

R0o0di: File uploaded with MsUpload

File uploaded with MsUpload

File:Bestof01-8.jpg

2025-07-29T08:41:20Z

R0o0di: File uploaded with MsUpload

File uploaded with MsUpload

File:Bestof01-7.jpg

2025-07-29T08:41:17Z

R0o0di: File uploaded with MsUpload

File uploaded with MsUpload

File:Bestof01-6.jpg

2025-07-29T08:41:13Z

R0o0di: File uploaded with MsUpload

File uploaded with MsUpload

File:Bestof01-5.jpg

2025-07-29T08:41:11Z

R0o0di: File uploaded with MsUpload

File uploaded with MsUpload

File:Bestof01-4.jpg

2025-07-29T08:41:06Z

R0o0di: File uploaded with MsUpload

File uploaded with MsUpload

File:Bestof01-3.jpg

2025-07-29T08:41:03Z

R0o0di: File uploaded with MsUpload

File uploaded with MsUpload

File:Bestof01-2.jpg

2025-07-29T08:41:00Z

R0o0di: File uploaded with MsUpload

File uploaded with MsUpload

File:Bestof01-1.jpg

2025-07-29T08:40:58Z

R0o0di: File uploaded with MsUpload

File uploaded with MsUpload

Detective Conan Original Soundtrack 4 ~Isoge! Shōnen Tanteidan~

2025-07-29T08:16:58Z

R0o0di:

{{InfoBox CD
| name = Original Soundtrack 4
| image = Ost4.jpg
| title = Detective Conan Original Soundtrack 4 ~Isoge! Shōnen Tanteidan~
| artist = Katsuo Ohno Band
| release-date = April 25, 2001
| cds = 1
| tracks = 28
| cost = 2,854円
| number = UPCH-1061
| record-label = Polydor Records
| prev-cd = Detective Conan Original Soundtrack 3
| footnotes =
}}
The fourth original soundtrack for the anime was released on April 25, 2001 for 2,854円.

== Track Listing ==

{{BeginTable TrackListing}}
{{TrackListingItem|1|少年探偵団への依頼書|Shōnen Tanteidan e no Iraisho|A Written Request to the Detective Boys|1:45}}
{{TrackListingItem|2|急げ！少年探偵団|Isoge! Shōnen Tanteidan|Hurry! The Detective Boys|2:11}}
{{TrackListingItem|3|聞き込み捜査|Kikikomisōsa|Investigation Legwork|1:34}}
{{TrackListingItem|4|追跡スリリング|Tsuiseki Suriringu|Thrilling Pursuit|1:40}}
{{TrackListingItem|5|陽気な仲間|Yōki na Nakama|Cheerful Friends|0:48}}
{{TrackListingItem|6|みんなで楽しくキノコ狩り|Minna de Tanoshiku Kinoko Kari|Everyone's Fun Mushroom Hunting|1:32}}
{{TrackListingItem|7|仲良し３人組|Nakayoshi 3 Ningumi|A Group of Three Very Close Friends|0:53}}
{{TrackListingItem|8|バカンス気分|Bakansu Kibun|Vacation Feeling|1:24}}
{{TrackListingItem|9|ほのぼの気分|Honobono Kibun|Heartwarming Feeling|1:42}}
{{TrackListingItem|10|３人組の会話|3 Ningumi no Kaiwa|The Group of Three's Conversation|1:33}}
{{TrackListingItem|11|元太のテーマ|Genta no Tēma|Genta's Theme|1:01}}
{{TrackListingItem|12|光彦のテーマ|Mitsuhiko no Tēma|Mitsuhiko's Theme|1:04}}
{{TrackListingItem|13|オセンチな歩美|Osenchina Ayumi|Sentimental Ayumi|1:31}}
{{TrackListingItem|14|哀のテーマ（TVヴァージョン）|Ai no Tēma (TV Vājon)|Ai's Theme (TV Version)|1:24}}
{{TrackListingItem|15|哀愁|Aishū|Sorrow|1:34}}
{{TrackListingItem|16|廃墟の館|Haikyo no Yakata|The Ruins of an Abandoned Building|1:29}}
{{TrackListingItem|17|キーワードの謎解き|Kiiwādo no Nazotoki|Keyword to the Riddle Solution|1:43}}
{{TrackListingItem|18|暗号トリックの解読|Angō Torikku no Kaidoku|The Trick to Deciphering the Code|1:31}}
{{TrackListingItem|19|カギを探せ！|Kagi o Sagase!|Search for the Key!|1:36}}
{{TrackListingItem|20|夜の探索|Yoru no Tansaku|Night Search|1:27}}
{{TrackListingItem|21|「何だこの痕跡は？」|"Nanda Kono Konseki wa?"|"What Is This a Trace Of?"|1:33}}
{{TrackListingItem|22|迷路|Meiro|Labyrinth|1:26}}
{{TrackListingItem|23|悲しい出来事|Kanashii Dekigoto|A Sad Affair|1:31}}
{{TrackListingItem|24|神秘|Shinpi|Mystery|1:56}}
{{TrackListingItem|25|過去のあやまち|Kako no Ayamachi|Error of the Past|1:37}}
{{TrackListingItem|26|別れ|Wakare|Parting|1:34}}
{{TrackListingItem|27|友情|Yūjou|Friendship|2:00}}
{{TrackListingItem|28|事件一件落着|Jiken Ikken Rakuchaku|The End of a Case|0:59}}
{{EndTable}}

== CD info ==

== Chart info ==

== Gallery ==
[[File:Ost4.jpg|175px]]<br>
[[File:Ost4-1.jpg|175px]]<br>
[[File:Ost4-2.jpg|175px]]<br>
[[File:Ost4-3.jpg|350px]]<br>
[[File:Ost4-4.jpg|350px]]<br>
[[File:Ost4-5.jpg|350px]]<br>
[[File:Ost4-6.jpg|350px]]<br>
[[File:Ost4-7.jpg|350px]]<br>
[[File:Ost4-8.jpg|175px]]<br>
[[File:Ost4-9.jpg|175px]]<br>
[[File:Ost4-10.jpg|175px]]<br>
[[File:Ost4-11.jpg|175px]]

== See also ==

* [[Music#Show_Soundtracks|Show Soundtracks]]
* [[Music]]

[[Category:Show Soundtrack]]

[[de:Original Soundtrack 4]]
[[zh:OSCTV4]]

File:Ost4-11.jpg

2025-07-29T08:15:00Z

R0o0di: File uploaded with MsUpload

File uploaded with MsUpload

File:Ost4-10.jpg

2025-07-29T08:14:58Z

R0o0di: File uploaded with MsUpload

File uploaded with MsUpload