Detective Conan Wiki - User contributions [en]

User:DavidHolandaOne/sandbox/Season1New

2026-07-06T05:35:15Z

AvidConanContributor: Added Template:Vde

= Template =
<PRE>
{| class="mw-collapsible mw-collapsed white-toggle-button" style="display: inline-table; width:100%; background:#fff9f2; text-align:center; line-height:1.5em; font-size:90%; border:2px solid; border-image: linear-gradient(to top, #FFB23E, #FFD97D) 1" cellpadding="3" cellspacing="2"
! colspan="3" style="background:linear-gradient(to top, #FFB23E, #FFD97D); color:#e6292b; border-color:white; line-height:100%;" | <div class="noprint plainlinks navbar" style="font-size:75%; float:left; display: inline-block; padding-left: 0.5em;">{{vde|Season #}}</div>[[File:Detective Conan Anime Logo 2025 Int.png|75px|link=Anime|Detective Conan]] <span style="border-left: 1px solid #e6292b">& n b s p ;</span>[[Season #|<span style="color:#e6292b;">Season # (XXXX)</span>]]
|-
| style="text-align:left; color:black; width:25%" valign="top" |
* '''#:'''
* <div style="background: #FFEB92"> '''#:''' </div>
* '''#:'''
* '''#:'''
* '''#:'''
* '''#:'''
* '''#:'''
* '''#:'''
* '''#:'''
* '''#:'''
* '''#:'''
* '''#:'''
* '''#:'''
* '''#:'''
* '''#:'''
| style="text-align:left; color:black; width:25%; border-left: 1px solid #ccc" valign="top" |
* '''#:'''
* '''#:'''
* '''#:'''
* '''#:'''
* '''#:'''
* '''#:'''
* '''#:'''
* '''#:'''
* '''#:'''
* '''#:'''
* '''#:'''
* '''#:'''
* '''#:'''
* '''#:'''
* '''#:'''
| style="text-align:left; color:black; width:25%; border-left: 1px solid #ccc" valign="top" |
* '''#:'''
* '''#:'''
* '''#:'''
* '''#:'''
* '''#:'''
* '''#:'''
* '''#:'''
* '''#:'''
* '''#:'''
* '''#:'''
* '''#:'''
* '''#:'''
* '''#:'''
* '''#:'''
* '''#:'''
|-
|
| align="center"; style="font-size:75%; display: inline-block;"| * <span style="background: #FFEB92">Yellow background</span> = '''TV Original'''
|
|-
| align="center" style="color:black; background: linear-gradient(to top, #FFB23E, #FFD97D); line-height:200%;"| '''« [[ |Season #]]'''
| align="center" style="color:#FFD97D; background: linear-gradient(to top, #FFB23E, #FFD97D); line-height:200%;"| '''[[Anime#List of episodes|List of episodes]]'''
| align="center" style="color:black; background: linear-gradient(to top, #FFB23E, #FFD97D); line-height:200%;"| '''[[ |Season #]] »'''
|}
<noinclude>[[Category:Templates]] [[Category:Navbox templates]]</noinclude>
</pre>
'''Note:''' Make sure to remove the spaces from "& n b s p ;"

= Colors =
== {{green|Green}} ==
{| class="mw-collapsible mw-collapsed white-toggle-button" style="width:100%; background:#fffcf9; text-align:center; line-height:1.5em; font-size:90%; border:2px solid #99E858" cellpadding="3" cellspacing="3"
! colspan="3" style="background:#99E858; color:#2B5904; border-color:white; font-size:100%; line-height:200%;" | <div style="font-size:75%; float:left; display: inline-block; padding-left: 0.5em;">{{vde|User:DavidHolandaOne/sandbox/Season1New|color=#2B5904}}</div>[[File:Detective Conan Anime Logo 2025 Int.png|75px|link=Anime|Detective Conan]] | [[Season 1|<span style="color:#2B5904">Season 1 (1996)</span>]]
|-
| style="text-align:left; width:25%" valign="top" |
* '''#1:''' [[Roller Coaster Murder Case]]
* '''#2:''' [[Company President's Daughter Kidnapping Case]]
* '''#3:''' [[An Idol's Locked Room Murder Case]]
* '''#4:''' [[The Coded Map of the City Case]]
* '''#5:''' [[The Shinkansen's Bomb Case]]
* <div style="background: #FFEB92">'''#6:''' [[Valentine Murder Case]]</div>
* '''#7:''' [[Once-A-Month Present Threat Case]]
* '''#8:''' [[Art Museum Owner Murder Case]]
* '''#9:''' [[Tenkaichi Night Festival Murder Case]]
* '''#10:''' [[Pro Soccer Player Blackmail Case]]
* '''#11:''' [[Moonlight Sonata Murder Case]]
* '''#12:''' [[Ayumi-chan Kidnapping Case]]
* '''#13:''' [[The Strange Person Hunt Murder Case]]
* <div style="background: #FFEB92">'''#14:''' [[The Mysterious Shooting Message Case]]''</div>
| style="text-align:left; width:25%; border-left: 1px solid #ccc" valign="top" |
* '''#15:''' [[Missing Corpse Murder Case]]
* '''#16:''' [[The Antique Collector Murder Case]]
* <div style="background: #FFEB92">'''#17:''' [[Hijacked Department Store Case]]''</div>
* '''#18:''' [[A June Bride Murder Case]]
* <div style="background: #FFEB92">'''#19:''' [[An Elevator Murder Case]]</div>
* '''#20:''' [[A Haunted Mansion Murder Case]]
* <div style="background: #FFEB92">'''#21:''' [[On Location, TV Drama Murder Case]]</div>
* '''#22:''' [[Luxury Liner Serial Murder Case|Luxury Liner Serial Murder Case <small>(Part 1)</small>]]
* '''#23:''' [[Luxury Liner Serial Murder Case|Luxury Liner Serial Murder Case <small>(Part 2)</small>]]
* <div style="background: #FFEB92">'''#24:''' [[The Mysterious Woman With Amnesia Case]]</div>
* <div style="background: #FFEB92">'''#25:''' [[The False Kidnapping and Hostage Case]]</div>
* <div style="background: #FFEB92">'''#26:''' [[Pet Dog John Murder Case]]</div>
* '''#27:''' [[Kogoro's Class Reunion Murder Case|Kogoro's Class Reunion Murder Case <small>(Part 1)</small>]]
* '''#28:''' [[Kogoro's Class Reunion Murder Case|Kogoro's Class Reunion Murder Case <small>(Part 2)</small>]]
| style="text-align:left; width:25%; border-left: 1px solid #ccc" valign="top" |
* <div style="background: #FFEB92">'''#29:''' [[Computer Murder Case]]</div>
* <div style="background: #FFEB92">'''#30:''' [[Alibi Testimony Murder Case]]</div>
* '''#31:''' [[TV Station Murder Case]]
* '''#32:''' [[Coffee Shop Murder Case]]
* <div style="background: #FFEB92"> '''#33:''' [[Detective Boys Survival Case]]</div>
* '''#34:''' [[Mountain Villa Bandaged Man Murder Case|Mountain Villa Bandaged Man Murder Case <small>(Part 1)</small>]]
* '''#35:''' [[Mountain Villa Bandaged Man Murder Case|Mountain Villa Bandaged Man Murder Case <small>(Part 2)</small>]]
* <div style="background: #FFEB92">'''#36:''' [[Monday Night 7:30 p.m. Murder Case]]</div>
* <div style="background: #FFEB92">'''#37:''' [[Cactus's Flower Murder Case]]</div>
* '''#38:''' [[Akaoni Village Fire Festival Murder Case]]
* '''#39:''' [[Wealthy Daughter Murder Case|Wealthy Daughter Murder Case <small>(Part 1)</small>]]
* '''#40:''' [[Wealthy Daughter Murder Case|Wealthy Daughter Murder Case <small>(Part 2)</small>]]
* <div style="background: #FFEB92">'''#41:''' [[Victory Flag Tearing Case]]</div>
* '''#42:''' [[Karaoke Box Murder Case]]
|-
|
| align="center"; style="line-height:125%; font-size:75%; display: inline-block; padding-left: 0.5em;"| * <span style="background: #FFEB92">Yellow background</span> = '''TV Original'''
|
|-
| align="center" style="color:black; background:#99E858; line-height:200%;"| '''« N/A'''
| align="center" style="color:black; background:#99E858; line-height:200%;"| '''[[Anime#List of episodes|<span style="color:#2B5904">List of episodes</span>]]'''
| align="center" style="color:black; background:#99E858; line-height:200%;"| '''[[Conan Edogawa Kidnapping Case|<span style="color:#2B5904">Season 2</span>]] »'''
|}

== Custom color ==
{| class="mw-collapsible mw-collapsed white-toggle-button" style="width:100%; background:#fff9f2; text-align:center; line-height:1.5em; font-size:90%; border:2px solid; border-image: linear-gradient(to top, #FFB23E, #FFD97D) 1" cellpadding="3" cellspacing="2"
! colspan="3" style="background:linear-gradient(to top, #FFB23E, #FFD97D); color:#e6292b; border-color:white; line-height:100%;" | <div class="noprint plainlinks navbar" style="font-size:75%; float:left; display: inline-block; padding-left: 0.5em;">{{vde|User:DavidHolandaOne/sandbox/Season1New|color=#e6292b}}</div>[[File:Detective Conan Anime Logo 2025 Int.png|75px|link=Anime|Detective Conan]] <span style="border-left: 1px solid #e6292b"> </span>[[Season 1|<span style="color:#e6292b;">Season 1 (1996)</span>]]
|-
| style="text-align:left; color:black; width:25%" valign="top" |
* '''#1:''' [[Roller Coaster Murder Case]]
* '''#2:''' [[Company President's Daughter Kidnapping Case]]
* '''#3:''' [[An Idol's Locked Room Murder Case]]
* '''#4:''' [[The Coded Map of the City Case]]
* '''#5:''' [[The Shinkansen's Bomb Case]]
* <div style="background: #FFEB92">'''#6:''' [[Valentine Murder Case]]</div>
* '''#7:''' [[Once-A-Month Present Threat Case]]
* '''#8:''' [[Art Museum Owner Murder Case]]
* '''#9:''' [[Tenkaichi Night Festival Murder Case]]
* '''#10:''' [[Pro Soccer Player Blackmail Case]]
* '''#11:''' [[Moonlight Sonata Murder Case]]
* '''#12:''' [[Ayumi-chan Kidnapping Case]]
* '''#13:''' [[The Strange Person Hunt Murder Case]]
* <div style="background: #FFEB92">'''#14:''' [[The Mysterious Shooting Message Case]]''</div>
| style="text-align:left; color:black; width:25%; border-left: 1px solid #ccc" valign="top" |
* '''#15:''' [[Missing Corpse Murder Case]]
* '''#16:''' [[The Antique Collector Murder Case]]
* <div style="background: #FFEB92">'''#17:''' [[Hijacked Department Store Case]]''</div>
* '''#18:''' [[A June Bride Murder Case]]
* <div style="background: #FFEB92">'''#19:''' [[An Elevator Murder Case]]</div>
* '''#20:''' [[A Haunted Mansion Murder Case]]
* <div style="background: #FFEB92">'''#21:''' [[On Location, TV Drama Murder Case]]</div>
* '''#22:''' [[Luxury Liner Serial Murder Case|Luxury Liner Serial Murder Case <small>(Part 1)</small>]]
* '''#23:''' [[Luxury Liner Serial Murder Case|Luxury Liner Serial Murder Case <small>(Part 2)</small>]]
* <div style="background: #FFEB92">'''#24:''' [[The Mysterious Woman With Amnesia Case]]</div>
* <div style="background: #FFEB92">'''#25:''' [[The False Kidnapping and Hostage Case]]</div>
* <div style="background: #FFEB92">'''#26:''' [[Pet Dog John Murder Case]]</div>
* '''#27:''' [[Kogoro's Class Reunion Murder Case|Kogoro's Class Reunion Murder Case <small>(Part 1)</small>]]
* '''#28:''' [[Kogoro's Class Reunion Murder Case|Kogoro's Class Reunion Murder Case <small>(Part 2)</small>]]
| style="text-align:left; color:black; width:25%; border-left: 1px solid #ccc" valign="top" |
* <div style="background: #FFEB92">'''#29:''' [[Computer Murder Case]]</div>
* <div style="background: #FFEB92">'''#30:''' [[Alibi Testimony Murder Case]]</div>
* '''#31:''' [[TV Station Murder Case]]
* '''#32:''' [[Coffee Shop Murder Case]]
* <div style="background: #FFEB92"> '''#33:''' [[Detective Boys Survival Case]]</div>
* '''#34:''' [[Mountain Villa Bandaged Man Murder Case|Mountain Villa Bandaged Man Murder Case <small>(Part 1)</small>]]
* '''#35:''' [[Mountain Villa Bandaged Man Murder Case|Mountain Villa Bandaged Man Murder Case <small>(Part 2)</small>]]
* <div style="background: #FFEB92">'''#36:''' [[Monday Night 7:30 p.m. Murder Case]]</div>
* <div style="background: #FFEB92">'''#37:''' [[Cactus's Flower Murder Case]]</div>
* '''#38:''' [[Akaoni Village Fire Festival Murder Case]]
* '''#39:''' [[Wealthy Daughter Murder Case|Wealthy Daughter Murder Case <small>(Part 1)</small>]]
* '''#40:''' [[Wealthy Daughter Murder Case|Wealthy Daughter Murder Case <small>(Part 2)</small>]]
* <div style="background: #FFEB92">'''#41:''' [[Victory Flag Tearing Case]]</div>
* '''#42:''' [[Karaoke Box Murder Case]]
|-
|
| align="center"; style="line-height:125%; font-size:75%; display: inline-block;"| * <span style="background: #FFEB92">Yellow background</span> = '''TV Original'''
|
|-
| align="center" style="color:black; background: linear-gradient(to top, #FFB23E, #FFD97D); line-height:200%;"| '''« N/A'''
| align="center" style="color:#FFD97D; background: linear-gradient(to top, #FFB23E, #FFD97D); line-height:200%;"| '''[[Anime#List of episodes|List of episodes]]'''
| align="center" style="color:black; background: linear-gradient(to top, #FFB23E, #FFD97D); line-height:200%;"| '''[[Conan Edogawa Kidnapping Case|Season 2]] »'''
|}

== {{blue|Blue (not selectable)}} ==
{| class="mw-collapsible mw-collapsed white-toggle-button" id="mp-bricks-background" style="width:100%; background-color:#EFF9FF; text-align:center; line-height:1.5em; font-size:90%; border:2px solid; border-image: linear-gradient(to top, #4e81cd, #8cb3ef) 1" cellpadding="3" cellspacing="3"
! colspan="3" style="background:linear-gradient(to top, #4e81cd, #8cb3ef); color:white; border-color:white; line-height:100%;" | <div style="font-size:75%; float:left; display: inline-block; padding-left: 0.5em;">{{vde|User:DavidHolandaOne/sandbox/Season1New|color=#fff}}</div>[[File:Detective Conan Anime Logo 2025 Int.png|75px|link=Anime|Detective Conan]] <span style="border-left: 1px solid white"> </span>[[Season 1|<span style="color:white">Season 1 (1996)</span>]]
|-
| style="text-align:left; width:25%" valign="top" |
* '''#1:''' [[Roller Coaster Murder Case]]
* '''#2:''' [[Company President's Daughter Kidnapping Case]]
* '''#3:''' [[An Idol's Locked Room Murder Case]]
* '''#4:''' [[The Coded Map of the City Case]]
* '''#5:''' [[The Shinkansen's Bomb Case]]
* <div style="background: #FFEB92">'''#6:''' [[Valentine Murder Case]]</div>
* '''#7:''' [[Once-A-Month Present Threat Case]]
* '''#8:''' [[Art Museum Owner Murder Case]]
* '''#9:''' [[Tenkaichi Night Festival Murder Case]]
* '''#10:''' [[Pro Soccer Player Blackmail Case]]
* '''#11:''' [[Moonlight Sonata Murder Case]]
* '''#12:''' [[Ayumi-chan Kidnapping Case]]
* '''#13:''' [[The Strange Person Hunt Murder Case]]
* <div style="background: #FFEB92">'''#14:''' [[The Mysterious Shooting Message Case]]''</div>
| style="text-align:left; width:25%; border-left: 1px solid #ccc" valign="top" |
* '''#15:''' [[Missing Corpse Murder Case]]
* '''#16:''' [[The Antique Collector Murder Case]]
* <div style="background: #FFEB92">'''#17:''' [[Hijacked Department Store Case]]''</div>
* '''#18:''' [[A June Bride Murder Case]]
* <div style="background: #FFEB92">'''#19:''' [[An Elevator Murder Case]]</div>
* '''#20:''' [[A Haunted Mansion Murder Case]]
* <div style="background: #FFEB92">'''#21:''' [[On Location, TV Drama Murder Case]]</div>
* '''#22:''' [[Luxury Liner Serial Murder Case|Luxury Liner Serial Murder Case <small>(Part 1)</small>]]
* '''#23:''' [[Luxury Liner Serial Murder Case|Luxury Liner Serial Murder Case <small>(Part 2)</small>]]
* <div style="background: #FFEB92">'''#24:''' [[The Mysterious Woman With Amnesia Case]]</div>
* <div style="background: #FFEB92">'''#25:''' [[The False Kidnapping and Hostage Case]]</div>
* <div style="background: #FFEB92">'''#26:''' [[Pet Dog John Murder Case]]</div>
* '''#27:''' [[Kogoro's Class Reunion Murder Case|Kogoro's Class Reunion Murder Case <small>(Part 1)</small>]]
* '''#28:''' [[Kogoro's Class Reunion Murder Case|Kogoro's Class Reunion Murder Case <small>(Part 2)</small>]]
| style="text-align:left; width:25%; border-left: 1px solid #ccc" valign="top" |
* <div style="background: #FFEB92">'''#29:''' [[Computer Murder Case]]</div>
* <div style="background: #FFEB92">'''#30:''' [[Alibi Testimony Murder Case]]</div>
* '''#31:''' [[TV Station Murder Case]]
* '''#32:''' [[Coffee Shop Murder Case]]
* <div style="background: #FFEB92"> '''#33:''' [[Detective Boys Survival Case]]</div>
* '''#34:''' [[Mountain Villa Bandaged Man Murder Case|Mountain Villa Bandaged Man Murder Case <small>(Part 1)</small>]]
* '''#35:''' [[Mountain Villa Bandaged Man Murder Case|Mountain Villa Bandaged Man Murder Case <small>(Part 2)</small>]]
* <div style="background: #FFEB92">'''#36:''' [[Monday Night 7:30 p.m. Murder Case]]</div>
* <div style="background: #FFEB92">'''#37:''' [[Cactus's Flower Murder Case]]</div>
* '''#38:''' [[Akaoni Village Fire Festival Murder Case]]
* '''#39:''' [[Wealthy Daughter Murder Case|Wealthy Daughter Murder Case <small>(Part 1)</small>]]
* '''#40:''' [[Wealthy Daughter Murder Case|Wealthy Daughter Murder Case <small>(Part 2)</small>]]
* <div style="background: #FFEB92">'''#41:''' [[Victory Flag Tearing Case]]</div>
* '''#42:''' [[Karaoke Box Murder Case]]
|-
|
| align="center"; style="line-height:50%; font-size:75%; display: inline-block;"| * <span style="background: #FFEB92">Yellow background</span> = '''TV Original'''
|
|-
| align="center" style="color:white; background: linear-gradient(to top, #4e81cd, #8cb3ef); line-height:200%;"| '''« N/A'''
| align="center" style="color:white; background: linear-gradient(to top, #4e81cd, #8cb3ef); line-height:200%;"| '''[[Anime#List of episodes|<span style="color:white">List of episodes</span>]]'''
| align="center" style="color:white; background: linear-gradient(to top, #4e81cd, #8cb3ef); line-height:200%;"| '''[[Conan Edogawa Kidnapping Case|<span style="color:white">Season 2</span>]] »'''
|}

{{code
|css=#mp-bricks-background {
background: url(https://www.detectiveconanworld.com/wiki/images/6/64/Detective_Conan_Brick_Background_Repeatable_B%26W.png);
background-repeat: repeat;
background-blend-mode: overlay;
background-size: 40%;
}
}}

User:AvidConanContributor/sandbox/Main Page

2026-07-03T04:59:06Z

AvidConanContributor:

<div id="mp-container" style="--gap-size: 6px; container: mp-container / inline-size; min-width: fit-content;">
<div id="mp-top" style="min-width: fit-content; width: 100%; gap: 0;">
<div id="mp-banner" class="mp-section" style="--banner-height: 150px; container: mp-banner / inline-size; column-gap: 0; background: #fcfcfc; width: initial; min-height: var(--banner-height); border: 1px solid #ccc;">
<div id="mp-banner-left" style="display: flex; flex-flow: wrap; flex: 2; padding: 5px 8px;">
<div id="mp-banner-intro" style="display: flex; flex: 1; flex-direction: column; min-width: 300px; justify-content: center; text-align: center;">
<div style="font-size: 200%; padding-bottom: 0.1em;">Welcome to Detective Conan Wiki,</div>
<div style="font-size: 95%;">the ultimate resource about Detective Conan.</div>
<div id="article-count" style="font-size: 85%;">This wiki contains a total of [[Special:Statistics|{{NUMBEROFARTICLES}}]] articles thus far.</div>
</div>
<div id="mp-banner-links" style="display: flex; flex: 1; min-width: 300px; justify-content: space-around; align-items: center;">
<div id="portal-links-1" class="mp-portal-links-column plainlinks">
* [http://www.detectiveconanworld.com Homepage]
* [http://www.detectiveconanworld.com/forum Forum]
* [http://www.detectiveconanworld.com/support Donate]
</div>
<div id="portal-links-2" class="mp-portal-links-column">
* [[Characters]]
* [[Anime]]
* [[Manga]]
</div>
<div id="portal-links-3" class="mp-portal-links-column">
* [[Movies]]
* [[OVAs]]
* [[Specials]]</div>
</div>
</div>
<div id="mp-banner-right">
<div id="mp-banner-gradient" style="flex: 0.3; min-width: 50px; background: linear-gradient(to right, #fcfcfc, #0000);"></div>
</div>
</div>
<div id="mp-strapline" style="display: flex; justify-content: space-between; min-width: fit-content; width: 100%; margin: 4px 0 10px;">
<div id="strapline-links-left" class="mp-strapline-links">[[Wikipedia:Wikipedia:About|Overview]] '''·''' [[Wikipedia:Wikipedia:Tutorial|Editing]] '''·''' [[Wikipedia:Wikipedia:Questions|Questions]] '''·''' [[Wikipedia:Help:Contents|Help]]</div>
<div id="strapline-links-right" class="mp-strapline-links" style="text-align: right;">[[Special:RecentChanges|Recent Changes]] '''·''' [[Detective Conan Wiki:Guide|Guide]] '''·''' [[Special:Categories|Categories]] '''·''' [[Glossary|A–Z index]]</div>
</div>
</div>

<div id="mp-section1" class="mp-section">
<div id="mp-LaNe-boxes" style="border: 2px solid #ccc; min-height: 300px;">Latest/Next Boxes</div>
<div id="mp-featured" class="mp-object" style="flex: 1; display: flex; flex-wrap: wrap; flex-direction: column; gap: 10px; border: 1px solid #cef2e0; min-width: 300px; background: #f5fffa;">
<div style="min-width: 300px;"><h2 id="mp-aotm-h2" class="mp-h2 mp-h2-green">Article of the Month</h2>{{Detective Conan Wiki:Featured article}}</div>
<div style="min-width: 300px;"><h2 id="mp-featured-h2" class="mp-h2 mp-h2-green">Featured song</h2>{{Detective Conan Wiki:Featured song/January 7, 2024}}</div>
<div><h2 id="mp-dyk-h2" class="mp-h2 mp-h2-green">Did you know...</h2>[[File:Sherry's_Soliloquy.PNG|right|link=Sherry's soliloquy|100px|class=force-float-right|Sherry's soliloquy]]{{Did you know/4}}</div>
</div>
<div id="mp-news" class="mp-object" style="flex: 2; display: flex; flex-wrap: wrap; gap: 10px var(--gap-size); border: 1px solid #cedff2; background: #f5faff;">
<div style="flex: 2; min-width: 300px;"><h2 id="mp-itn-h2" class="mp-h2 mp-h2-blue">Latest news</h2><div id="mp-in-the-news">{{In the news}}</div></div>
<div style="flex: 1; min-width: 300px;"><h2 id="mp-rn-h2" class="mp-h2 mp-h2-blue">Release news</h2><div id="mp-release-news">{{Release news}}</div></div>
</div>
</div>

<div id="mp-section2" class="mp-section" style="padding-top: var(--gap-size);">
<div id="mp-topics" class="mp-object" style="flex: 3; display: flex; flex-wrap: wrap; gap: 10px var(--gap-size); border: 1px solid #cef2e0; background: #f5fffa;">
<div id="mp-general-topics" style="flex: 1; min-width: 300px;"><h2 id="mp-gt-h2" class="mp-h2 mp-h2-green">General topics</h2>
[[Image:Detective Conan Characters.jpg|110px|thumb|right|link=Characters|class=force-float-right|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
</div>
<div id="mp-specific-topics" style="flex: 1; min-width: 300px;"><h2 id="mp-st-h2" class="mp-h2 mp-h2-green">Specific topics</h2>
[[File:Volume 1.jpg|110px|thumb|right|link=Volume 1|class=force-float-right|First Manga volume of the series]]
* [[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
</div>
</div>
<div id="mp-dc-wiki-languages" class="mp-object" style="flex: 1; min-width: 260px; border: 1px solid #e2e2e2;">
<h2 class="mp-h2 mp-h2-gray">'''Languages'''</h2>
<div class="plainlinks">[https://conanwiki.org ConanWiki] - Deutsch (German)</div>
<div class="plainlinks">[https://ca.conanwiki.org ConanWiki en català] (Catalan)</div>
<div class="plainlinks">[https://fr.conanwiki.org ConanWiki en français] (French)</div>
<div class="plainlinks">[https://www.conanpedia.com/ Conanpedia] - 中文 (Chinese)</div>
</div>
</div>

<div id="mp-bottom" class="mp-section" style="padding-top: var(--gap-size)">
<div id="contributor-call" class="mp-message-box" style="display: flex; align-items: center;">
<div>{{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]]'''. <br> We also encourage editors to join our '''[{{int:Discord-url}} Discord server'''] as well, where we help each other out! Enjoy the conversation with Wiki contributors there by verifying your account conveniently in <code>#🌐verifizierung</code>.}}</div>
</div>
<div id="gfdl-disclaimer" class="mp-message-box" style="display: flex; align-items: center;">
[[Image:Info.png|left|link=]]
<div>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.</div>
</div>
</div>
</div>
__NOTOC____NOEDITSECTION__
{{code|css=
.mp-section {
display: flex;
flex-flow: wrap;
gap: var(--gap-size);
min-width: fit-content;
width: 100%;
}

.mp-object {
vertical-align: top;
border: 1px solid black;
padding: 10px;
}

.mp-portal-links-column {
padding-left: 5px;
line-height: 1.25em;
}

.mp-strapline-links {
font-size: 90%;
}

.mp-message-box {
display: flex;
flex: 1;
padding: 10px;
border: 1px solid #ddcef2;
background: #faf5ff;
}

h2.mp-h2 {
font-size: 130%;
font-weight: bold;
font-family: sans-serif;
border: 1px solid;
margin: 0 0 0.5em;
padding: 0.2em 0.4em;
}

h2.mp-h2-green {
background: #cef2e0;
border-color: #c2ddc5;
}

h2.mp-h2-blue {
background: #cedff2;
border-color: #b0c9d2;
}

h2.mp-h2-gray {
background: #eee;
border-color: #ddd;
}

#mp-container .force-float-right {
float: right !important;
}

#mp-container .mw-file-magnify, #mp-container .mw-file-description::after {
display: none;
}

#mp-section1 {
display: grid;
grid-template-columns: 1fr 2fr;
}

#mp-featured {
grid-column: 1;
grid-row: 1 / span 2;
}

#mp-LaNe-boxes {
grid-column: 2;
grid-row: 1;
}

#mp-news {
grid-column: 2;
grid-row: 2;
}

#mp-banner-right {
display: flex;
flex: 1;
min-width: 300px;

background: url(https://www.detectiveconanworld.com/wiki/images/thumb/f/fc/Main_Page_Banner_Background.png/1600px-Main_Page_Banner_Background.png?20260702220404);
background-color: #000;
background-repeat: no-repeat;
background-size: auto calc(var(--banner-height) * 2);
background-position-x: left calc(50% + 10px);
background-position-y: top calc(-90px + (var(--banner-height) / 2));
}

@container mp-container (max-width: 825px) {
#mp-section1 {
display: flex;
}
#mp-section1,
#mp-section2,
#mp-bottom {
flex-flow: column;
}
}

@container mp-banner (max-width: 950px) {
#mp-banner-right {
display: none;
}
}
}}

User:AvidConanContributor/sandbox/Main Page

2026-07-03T04:53:23Z

AvidConanContributor:

<div id="mp-container" style="--gap-size: 6px; container: mp-container / inline-size; min-width: fit-content;">
<div id="mp-top" style="min-width: fit-content; width: 100%; gap: 0;">
<div id="mp-banner" class="mp-section" style="--banner-height: 150px; container: mp-banner / inline-size; column-gap: 0; background: #fcfcfc; width: initial; min-height: var(--banner-height); border: 1px solid #ccc;">
<div id="mp-banner-left" style="display: flex; flex-flow: wrap; flex: 2; padding: 5px 8px;">
<div id="mp-banner-intro" style="display: flex; flex: 1; flex-direction: column; min-width: 300px; justify-content: center; text-align: center;">
<div style="font-size: 200%; padding-bottom: 0.1em;">Welcome to Detective Conan Wiki,</div>
<div style="font-size: 95%;">the ultimate resource about Detective Conan.</div>
<div id="article-count" style="font-size: 85%;">This wiki contains a total of [[Special:Statistics|{{NUMBEROFARTICLES}}]] articles thus far.</div>
</div>
<div id="mp-banner-links" style="display: flex; flex: 1; min-width: 300px; justify-content: space-around; align-items: center;">
<div id="portal-links-1" class="mp-portal-links-column plainlinks">
* [http://www.detectiveconanworld.com Homepage]
* [http://www.detectiveconanworld.com/forum Forum]
* [http://www.detectiveconanworld.com/support Donate]
</div>
<div id="portal-links-2" class="mp-portal-links-column">
* [[Characters]]
* [[Anime]]
* [[Manga]]
</div>
<div id="portal-links-3" class="mp-portal-links-column">
* [[Movies]]
* [[OVAs]]
* [[Specials]]</div>
</div>
</div>
<div id="mp-banner-right">
<div id="mp-banner-gradient" style="flex: 0.3; min-width: 50px; background: linear-gradient(to right, #fcfcfc, #0000);"></div>
</div>
</div>
<div id="mp-strapline" style="display: flex; justify-content: space-between; min-width: fit-content; width: 100%; margin: 4px 0 10px;">
<div id="strapline-links-left" class="mp-strapline-links">[[Wikipedia:Wikipedia:About|Overview]] '''·''' [[Wikipedia:Wikipedia:Tutorial|Editing]] '''·''' [[Wikipedia:Wikipedia:Questions|Questions]] '''·''' [[Wikipedia:Help:Contents|Help]]</div>
<div id="strapline-links-right" class="mp-strapline-links" style="text-align: right;">[[Special:RecentChanges|Recent Changes]] '''·''' [[Detective Conan Wiki:Guide|Guide]] '''·''' [[Special:Categories|Categories]] '''·''' [[Glossary|A–Z index]]</div>
</div>
</div>

<div id="mp-section1" class="mp-section">
<div id="mp-LaNe-boxes" style="border: 2px solid #ccc; min-height: 300px;">Latest/Next Boxes</div>
<div id="mp-featured" class="mp-object" style="flex: 1; display: flex; flex-wrap: wrap; flex-direction: column; gap: 10px; border: 1px solid #cef2e0; min-width: 300px; background: #f5fffa;">
<div style="min-width: 300px;"><h2 id="mp-aotm-h2" class="mp-h2 mp-h2-green">Article of the Month</h2>{{Detective Conan Wiki:Featured article}}</div>
<div style="min-width: 300px;"><h2 id="mp-featured-h2" class="mp-h2 mp-h2-green">Featured song</h2>{{Detective Conan Wiki:Featured song/January 7, 2024}}</div>
<div><h2 id="mp-dyk-h2" class="mp-h2 mp-h2-green">Did you know...</h2>[[File:Sherry's_Soliloquy.PNG|right|link=Sherry's soliloquy|100px|class=force-float-right|Sherry's soliloquy]]{{Did you know/4}}</div>
</div>
<div id="mp-news" class="mp-object" style="flex: 2; display: flex; flex-wrap: wrap; gap: 10px var(--gap-size); border: 1px solid #cedff2; background: #f5faff;">
<div style="flex: 2; min-width: 300px;"><h2 id="mp-itn-h2" class="mp-h2 mp-h2-blue">Latest news</h2><div id="mp-in-the-news">{{In the news}}</div></div>
<div style="flex: 1; min-width: 300px;"><h2 id="mp-rn-h2" class="mp-h2 mp-h2-blue">Release news</h2><div id="mp-release-news">{{Release news}}</div></div>
</div>
</div>

<div id="mp-section2" class="mp-section" style="padding-top: var(--gap-size);">
<div id="mp-topics" class="mp-object" style="flex: 3; display: flex; flex-wrap: wrap; gap: 10px var(--gap-size); border: 1px solid #cef2e0; background: #f5fffa;">
<div id="mp-general-topics" style="flex: 1; min-width: 300px;"><h2 id="mp-gt-h2" class="mp-h2 mp-h2-green">General topics</h2>
[[Image:Detective Conan Characters.jpg|110px|thumb|right|link=Characters|class=force-float-right|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
</div>
<div id="mp-specific-topics" style="flex: 1; min-width: 300px;"><h2 id="mp-st-h2" class="mp-h2 mp-h2-green">Specific topics</h2>
[[File:Volume 1.jpg|110px|thumb|right|link=Volume 1|class=force-float-right|First Manga volume of the series]]
* [[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
</div>
</div>
<div id="mp-dc-wiki-languages" class="mp-object" style="flex: 1; min-width: 260px; border: 1px solid #e2e2e2;">
<h2 class="mp-h2 mp-h2-gray">'''Languages'''</h2>
<div class="plainlinks">[https://conanwiki.org ConanWiki] - Deutsch (German)</div>
<div class="plainlinks">[https://ca.conanwiki.org ConanWiki en català] (Catalan)</div>
<div class="plainlinks">[https://fr.conanwiki.org ConanWiki en français] (French)</div>
<div class="plainlinks">[https://www.conanpedia.com/ Conanpedia] - 中文 (Chinese)</div>
</div>
</div>

<div id="mp-bottom" class="mp-section" style="padding-top: var(--gap-size)">
<div id="contributor-call" class="mp-message-box" style="display: flex; align-items: center;">
<div>{{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]]'''. <br> We also encourage editors to join our '''[{{int:Discord-url}} Discord server'''] as well, where we help each other out! Enjoy the conversation with Wiki contributors there by verifying your account conveniently in <code>#🌐verifizierung</code>.}}</div>
</div>
<div id="gfdl-disclaimer" class="mp-message-box" style="display: flex; align-items: center;">
[[Image:Info.png|left|link=]]
<div>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.</div>
</div>
</div>
</div>
__NOTOC____NOEDITSECTION__
{{code|css=
.mp-section {
display: flex;
flex-flow: wrap;
gap: var(--gap-size);
min-width: fit-content;
width: 100%;
}

.mp-object {
vertical-align: top;
border: 1px solid black;
padding: 10px;
}

.mp-portal-links-column {
padding-left: 5px;
line-height: 1.25em;
}

.mp-strapline-links {
font-size: 90%;
}

.mp-message-box {
display: flex;
flex: 1;
padding: 10px;
border: 1px solid #ddcef2;
background: #faf5ff;
}

h2.mp-h2 {
font-size: 130%;
font-weight: bold;
font-family: sans-serif;
border: 1px solid;
margin: 0 0 0.5em;
padding: 0.2em 0.4em;
}

h2.mp-h2-green {
background: #cef2e0;
border-color: #c2ddc5;
}

h2.mp-h2-blue {
background: #cedff2;
border-color: #b0c9d2;
}

h2.mp-h2-gray {
background: #eee;
border-color: #ddd;
}

#mp-container .force-float-right {
float: right !important;
}

#mp-container .mw-file-magnify {
display: none;
}

#mp-section1 {
display: grid;
grid-template-columns: 1fr 2fr;
}

#mp-featured {
grid-column: 1;
grid-row: 1 / span 2;
}

#mp-LaNe-boxes {
grid-column: 2;
grid-row: 1;
}

#mp-news {
grid-column: 2;
grid-row: 2;
}

#mp-banner-right {
display: flex;
flex: 1;
min-width: 300px;

background: url(https://www.detectiveconanworld.com/wiki/images/thumb/f/fc/Main_Page_Banner_Background.png/1600px-Main_Page_Banner_Background.png?20260702220404);
background-color: #000;
background-repeat: no-repeat;
background-size: auto calc(var(--banner-height) * 2);
background-position-x: left calc(50% + 10px);
background-position-y: top calc(-90px + (var(--banner-height) / 2));
}

@container mp-container (max-width: 825px) {
#mp-section1 {
display: flex;
}
#mp-section1,
#mp-section2,
#mp-bottom {
flex-flow: column;
}
}

@container mp-banner (max-width: 950px) {
#mp-banner-right {
display: none;
}
}
}}

User:AvidConanContributor/sandbox/Main Page

2026-07-03T04:52:43Z

AvidConanContributor:

<div id="mp-container" style="--gap-size: 6px; container: mp-container / inline-size; min-width: fit-content;">
<div id="mp-top" style="min-width: fit-content; width: 100%; gap: 0;">
<div id="mp-banner" class="mp-section" style="--banner-height: 150px; container: mp-banner / inline-size; column-gap: 0; background: #fcfcfc; width: initial; min-height: var(--banner-height); border: 1px solid #ccc;">
<div id="mp-banner-left" style="display: flex; flex-flow: wrap; flex: 2; padding: 5px 8px;">
<div id="mp-banner-intro" style="display: flex; flex: 1; flex-direction: column; min-width: 300px; justify-content: center; text-align: center;">
<div style="font-size: 200%; padding-bottom: 0.1em;">Welcome to Detective Conan Wiki,</div>
<div style="font-size: 95%;">the ultimate resource about Detective Conan.</div>
<div id="article-count" style="font-size: 85%;">This wiki contains a total of [[Special:Statistics|{{NUMBEROFARTICLES}}]] articles thus far.</div>
</div>
<div id="mp-banner-links" style="display: flex; flex: 1; min-width: 300px; justify-content: space-around; align-items: center;">
<div id="portal-links-1" class="mp-portal-links-column plainlinks">
* [http://www.detectiveconanworld.com Homepage]
* [http://www.detectiveconanworld.com/forum Forum]
* [http://www.detectiveconanworld.com/support Donate]
</div>
<div id="portal-links-2" class="mp-portal-links-column">
* [[Characters]]
* [[Anime]]
* [[Manga]]
</div>
<div id="portal-links-3" class="mp-portal-links-column">
* [[Movies]]
* [[OVAs]]
* [[Specials]]</div>
</div>
</div>
<div id="mp-banner-right">
<div id="mp-banner-gradient" style="flex: 0.3; min-width: 50px; background: linear-gradient(to right, #fcfcfc, #0000);"></div>
</div>
</div>
<div id="mp-strapline" style="display: flex; justify-content: space-between; min-width: fit-content; width: 100%; margin: 4px 0 10px;">
<div id="strapline-links-left" class="mp-strapline-links">[[Wikipedia:Wikipedia:About|Overview]] '''·''' [[Wikipedia:Wikipedia:Tutorial|Editing]] '''·''' [[Wikipedia:Wikipedia:Questions|Questions]] '''·''' [[Wikipedia:Help:Contents|Help]]</div>
<div id="strapline-links-right" class="mp-strapline-links" style="text-align: right;">[[Special:RecentChanges|Recent Changes]] '''·''' [[Detective Conan Wiki:Guide|Guide]] '''·''' [[Special:Categories|Categories]] '''·''' [[Glossary|A–Z index]]</div>
</div>
</div>

<div id="mp-section1" class="mp-section">
<div id="mp-LaNe-boxes" style="border: 2px solid #ccc; min-height: 300px;">Latest/Next Boxes</div>
<div id="mp-featured" class="mp-object" style="flex: 1; display: flex; flex-wrap: wrap; flex-direction: column; gap: 10px; border: 1px solid #cef2e0; min-width: 300px; background: #f5fffa;">
<div style="min-width: 300px;"><h2 id="mp-aotm-h2" class="mp-h2 mp-h2-green">Article of the Month</h2>{{Detective Conan Wiki:Featured article}}</div>
<div style="min-width: 300px;"><h2 id="mp-featured-h2" class="mp-h2 mp-h2-green">Featured song</h2>{{Detective Conan Wiki:Featured song/January 7, 2024}}</div>
<div><h2 id="mp-dyk-h2" class="mp-h2 mp-h2-green">Did you know...</h2>[[File:Sherry's_Soliloquy.PNG|right|link=Sherry's soliloquy|100px|class=force-float-right|Sherry's soliloquy]]{{Did you know/4}}</div>
</div>
<div id="mp-news" class="mp-object" style="flex: 2; display: flex; flex-wrap: wrap; gap: 10px var(--gap-size); border: 1px solid #cedff2; background: #f5faff;">
<div style="flex: 2; min-width: 300px;"><h2 id="mp-itn-h2" class="mp-h2 mp-h2-blue">Latest news</h2><div id="mp-in-the-news">{{In the news}}</div></div>
<div style="flex: 1; min-width: 300px;"><h2 id="mp-rn-h2" class="mp-h2 mp-h2-blue">Release news</h2><div id="mp-release-news">{{Release news}}</div></div>
</div>
</div>

<div id="mp-section2" class="mp-section" style="padding-top: var(--gap-size);">
<div id="mp-topics" class="mp-object" style="flex: 3; display: flex; flex-wrap: wrap; gap: 10px var(--gap-size); border: 1px solid #cef2e0; background: #f5fffa;">
<div id="mp-general-topics" style="flex: 1; min-width: 300px;"><h2 id="mp-gt-h2" class="mp-h2 mp-h2-green">General topics</h2>
[[Image:Detective Conan Characters.jpg|110px|thumb|right|link=Characters|class=force-float-right|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
</div>
<div id="mp-specific-topics" style="flex: 1; min-width: 300px;"><h2 id="mp-st-h2" class="mp-h2 mp-h2-green">Specific topics</h2>
[[File:Volume 1.jpg|110px|thumb|right|link=Volume 1|class=force-float-right|First Manga volume of the series]]
* [[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
</div>
</div>
<div id="mp-dc-wiki-languages" class="mp-object" style="flex: 1; min-width: 260px; border: 1px solid #e2e2e2;">
<h2 class="mp-h2 mp-h2-gray">'''Languages'''</h2>
<div class="plainlinks">[https://conanwiki.org ConanWiki] - Deutsch (German)</div>
<div class="plainlinks">[https://ca.conanwiki.org ConanWiki en català] (Catalan)</div>
<div class="plainlinks">[https://fr.conanwiki.org ConanWiki en français] (French)</div>
<div class="plainlinks">[https://www.conanpedia.com/ Conanpedia] - 中文 (Chinese)</div>
</div>
</div>

<div id="mp-bottom" class="mp-section" style="padding-top: var(--gap-size)">
<div id="contributor-call" class="mp-message-box" style="display: flex; align-items: center;">
<div>{{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]]'''. <br> We also encourage editors to join our '''[{{int:Discord-url}} Discord server'''] as well, where we help each other out! Enjoy the conversation with Wiki contributors there by verifying your account conveniently in <code>#🌐verifizierung</code>.}}</div>
</div>
<div id="gfdl-disclaimer" class="mp-message-box" style="display: flex; align-items: center;">
[[Image:Info.png|left|link=]]
<div>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.</div>
</div>
</div>
</div>
__NOTOC____NOEDITSECTION__
{{code|css=
.mp-section {
display: flex;
flex-flow: wrap;
gap: var(--gap-size);
min-width: fit-content;
width: 100%;
}

.mp-object {
vertical-align: top;
border: 1px solid black;
padding: 10px;
}

.mp-portal-links-column {
padding-left: 5px;
line-height: 1.25em;
}

.mp-strapline-links {
font-size: 90%;
}

.mp-message-box {
display: flex;
flex: 1;
padding: 10px;
border: 1px solid #ddcef2;
background: #faf5ff;
}

h2.mp-h2 {
font-size: 130%;
font-weight: bold;
font-family: sans-serif;
border: 1px solid;
margin: 0 0 0.5em;
padding: 0.2em 0.4em;
}

h2.mp-h2-green {
background: #cef2e0;
border-color: #c2ddc5;
}

h2.mp-h2-blue {
background: #cedff2;
border-color: #b0c9d2;
}

h2.mp-h2-gray {
background: #eee;
border-color: #ddd;
}

#mp-container .force-float-right {
float: right !important;
}

#mp-container .magnify {
display: none;
}

#mp-section1 {
display: grid;
grid-template-columns: 1fr 2fr;
}

#mp-featured {
grid-column: 1;
grid-row: 1 / span 2;
}

#mp-LaNe-boxes {
grid-column: 2;
grid-row: 1;
}

#mp-news {
grid-column: 2;
grid-row: 2;
}

#mp-banner-right {
display: flex;
flex: 1;
min-width: 300px;

background: url(https://www.detectiveconanworld.com/wiki/images/thumb/f/fc/Main_Page_Banner_Background.png/1600px-Main_Page_Banner_Background.png?20260702220404);
background-color: #000;
background-repeat: no-repeat;
background-size: auto calc(var(--banner-height) * 2);
background-position-x: left calc(50% + 10px);
background-position-y: top calc(-90px + (var(--banner-height) / 2));
}

@container mp-container (max-width: 825px) {
#mp-section1 {
display: flex;
}
#mp-section1,
#mp-section2,
#mp-bottom {
flex-flow: column;
}
}

@container mp-banner (max-width: 950px) {
#mp-banner-right {
display: none;
}
}
}}

User:AvidConanContributor/sandbox/Main Page

2026-07-03T04:48:51Z

AvidConanContributor:

<div id="mp-container" style="--gap-size: 6px; container: mp-container / inline-size; min-width: fit-content;">
<div id="mp-top" style="min-width: fit-content; width: 100%; gap: 0;">
<div id="mp-banner" class="mp-section" style="--banner-height: 150px; container: mp-banner / inline-size; column-gap: 0; background: #fcfcfc; width: initial; min-height: var(--banner-height); border: 1px solid #ccc;">
<div id="mp-banner-left" style="display: flex; flex-flow: wrap; flex: 2; padding: 5px 8px;">
<div id="mp-banner-intro" style="display: flex; flex: 1; flex-direction: column; min-width: 300px; justify-content: center; text-align: center;">
<div style="font-size: 200%; padding-bottom: 0.1em;">Welcome to Detective Conan Wiki,</div>
<div style="font-size: 95%;">the ultimate resource about Detective Conan.</div>
<div id="article-count" style="font-size: 85%;">This wiki contains a total of [[Special:Statistics|{{NUMBEROFARTICLES}}]] articles thus far.</div>
</div>
<div id="mp-banner-links" style="display: flex; flex: 1; min-width: 300px; justify-content: space-around; align-items: center;">
<div id="portal-links-1" class="mp-portal-links-column plainlinks">
* [http://www.detectiveconanworld.com Homepage]
* [http://www.detectiveconanworld.com/forum Forum]
* [http://www.detectiveconanworld.com/support Donate]
</div>
<div id="portal-links-2" class="mp-portal-links-column">
* [[Characters]]
* [[Anime]]
* [[Manga]]
</div>
<div id="portal-links-3" class="mp-portal-links-column">
* [[Movies]]
* [[OVAs]]
* [[Specials]]</div>
</div>
</div>
<div id="mp-banner-right">
<div id="mp-banner-gradient" style="flex: 0.3; min-width: 50px; background: linear-gradient(to right, #fcfcfc, #0000);"></div>
</div>
</div>
<div id="mp-strapline" style="display: flex; justify-content: space-between; min-width: fit-content; width: 100%; margin: 4px 0 10px;">
<div id="strapline-links-left" class="mp-strapline-links">[[Wikipedia:Wikipedia:About|Overview]] '''·''' [[Wikipedia:Wikipedia:Tutorial|Editing]] '''·''' [[Wikipedia:Wikipedia:Questions|Questions]] '''·''' [[Wikipedia:Help:Contents|Help]]</div>
<div id="strapline-links-right" class="mp-strapline-links" style="text-align: right;">[[Special:RecentChanges|Recent Changes]] '''·''' [[Detective Conan Wiki:Guide|Guide]] '''·''' [[Special:Categories|Categories]] '''·''' [[Glossary|A–Z index]]</div>
</div>
</div>

<div id="mp-section1" class="mp-section">
<div id="mp-LaNe-boxes" style="border: 2px solid #ccc; min-height: 300px;">Latest/Next Boxes</div>
<div id="mp-featured" class="mp-object" style="flex: 1; display: flex; flex-wrap: wrap; flex-direction: column; gap: 10px; border: 1px solid #cef2e0; min-width: 300px; background: #f5fffa;">
<div style="min-width: 300px;"><h2 id="mp-aotm-h2" class="mp-h2 mp-h2-green">Article of the Month</h2>{{Detective Conan Wiki:Featured article}}</div>
<div style="min-width: 300px;"><h2 id="mp-featured-h2" class="mp-h2 mp-h2-green">Featured song</h2>{{Detective Conan Wiki:Featured song/January 7, 2024}}</div>
<div><h2 id="mp-dyk-h2" class="mp-h2 mp-h2-green">Did you know...</h2>[[File:Sherry's_Soliloquy.PNG|right|link=Sherry's soliloquy|100px|class=force-float-right|Sherry's soliloquy]]{{Did you know/4}}</div>
</div>
<div id="mp-news" class="mp-object" style="flex: 2; display: flex; flex-wrap: wrap; gap: 10px var(--gap-size); border: 1px solid #cedff2; background: #f5faff;">
<div style="flex: 2; min-width: 300px;"><h2 id="mp-itn-h2" class="mp-h2 mp-h2-blue">Latest news</h2><div id="mp-in-the-news">{{In the news}}</div></div>
<div style="flex: 1; min-width: 300px;"><h2 id="mp-rn-h2" class="mp-h2 mp-h2-blue">Release news</h2><div id="mp-release-news">{{Release news}}</div></div>
</div>
</div>

<div id="mp-section2" class="mp-section" style="padding-top: var(--gap-size);">
<div id="mp-topics" class="mp-object" style="flex: 3; display: flex; flex-wrap: wrap; gap: 10px var(--gap-size); border: 1px solid #cef2e0; background: #f5fffa;">
<div id="mp-general-topics" style="flex: 1; min-width: 300px;"><h2 id="mp-gt-h2" class="mp-h2 mp-h2-green">General topics</h2>
[[Image:Detective Conan Characters.jpg|110px|thumb|right|link=Characters|class=force-float-right|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
</div>
<div id="mp-specific-topics" style="flex: 1; min-width: 300px;"><h2 id="mp-st-h2" class="mp-h2 mp-h2-green">Specific topics</h2>
[[File:Volume 1.jpg|110px|thumb|right|link=Volume 1|class=force-float-right|First Manga volume of the series]]
* [[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
</div>
</div>
<div id="mp-dc-wiki-languages" class="mp-object" style="flex: 1; min-width: 260px; border: 1px solid #e2e2e2;">
<h2 class="mp-h2 mp-h2-gray">'''Languages'''</h2>
<div class="plainlinks">[https://conanwiki.org ConanWiki] - Deutsch (German)</div>
<div class="plainlinks">[https://ca.conanwiki.org ConanWiki en català] (Catalan)</div>
<div class="plainlinks">[https://fr.conanwiki.org ConanWiki en français] (French)</div>
<div class="plainlinks">[https://www.conanpedia.com/ Conanpedia] - 中文 (Chinese)</div>
</div>
</div>

<div id="mp-bottom" class="mp-section" style="padding-top: var(--gap-size)">
<div id="contributor-call" class="mp-message-box" style="display: flex; align-items: center;">
<div>{{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]]'''. <br> We also encourage editors to join our '''[{{int:Discord-url}} Discord server'''] as well, where we help each other out! Enjoy the conversation with Wiki contributors there by verifying your account conveniently in <code>#🌐verifizierung</code>.}}</div>
</div>
<div id="gfdl-disclaimer" class="mp-message-box" style="display: flex; align-items: center;">
[[Image:Info.png|left|link=]]
<div>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.</div>
</div>
</div>
</div>
__NOTOC____NOEDITSECTION__
{{code|css=
.mp-section {
display: flex;
flex-flow: wrap;
gap: var(--gap-size);
min-width: fit-content;
width: 100%;
}

.mp-object {
vertical-align: top;
border: 1px solid black;
padding: 10px;
}

.mp-portal-links-column {
padding-left: 5px;
line-height: 1.25em;
}

.mp-strapline-links {
font-size: 90%;
}

.mp-message-box {
display: flex;
flex: 1;
padding: 10px;
border: 1px solid #ddcef2;
background: #faf5ff;
}

h2.mp-h2 {
font-size: 130%;
font-weight: bold;
font-family: sans-serif;
border: 1px solid;
margin: 0 0 0.5em;
padding: 0.2em 0.4em;
}

h2.mp-h2-green {
background: #cef2e0;
border-color: #c2ddc5;
}

h2.mp-h2-blue {
background: #cedff2;
border-color: #b0c9d2;
}

h2.mp-h2-gray {
background: #eee;
border-color: #ddd;
}

#mp-container .force-float-right {
float: right !important;
}

#mp-section1 {
display: grid;
grid-template-columns: 1fr 2fr;
}

#mp-featured {
grid-column: 1;
grid-row: 1 / span 2;
}

#mp-LaNe-boxes {
grid-column: 2;
grid-row: 1;
}

#mp-news {
grid-column: 2;
grid-row: 2;
}

#mp-banner-right {
display: flex;
flex: 1;
min-width: 300px;

background: url(https://www.detectiveconanworld.com/wiki/images/thumb/f/fc/Main_Page_Banner_Background.png/1600px-Main_Page_Banner_Background.png?20260702220404);
background-color: #000;
background-repeat: no-repeat;
background-size: auto calc(var(--banner-height) * 2);
background-position-x: left calc(50% + 10px);
background-position-y: top calc(-90px + (var(--banner-height) / 2));
}

@container mp-container (max-width: 825px) {
#mp-section1 {
display: flex;
}
#mp-section1,
#mp-section2,
#mp-bottom {
flex-flow: column;
}
}

@container mp-banner (max-width: 950px) {
#mp-banner-right {
display: none;
}
}
}}

Template:Release news

2026-07-03T03:45:11Z

AvidConanContributor: Removed centering

<big>{{flagicon|Japan}} '''Japanese'''</big>
* '''Manga volume/book release(s)''':
** (none at the moment)
* '''DVD/Blu-ray release(s)''':
** [[Japanese DVDs Part 32|DVD Part 32-9]] - May 29, 2026
** DVD Part 32-10 - June 26, 2026
* '''Music release(s)''':
** [[Ai no FIRE|New Beginning]] CD EP - July 22, 2026
** [[7 DAYS]] CD single - July 29, 2026
* '''Other release(s) Highlights''':
** (none at the moment)
----
<big>{{flagicon|US}} '''English'''</big>
* '''Manga volume release(s)''':
** [[Volume 99]] - July 14, 2026
** Yaiba: Samurai Legend Volume 5 - July 14, 2026
** [[Volume 100]] - October 13, 2026
** Yaiba: Samurai Legend Volume 6 - October 13, 2026
* '''DVD/Blu-ray release(s)''':
** (none at the moment)
<noinclude>
[[Category:Templates]]</noinclude>

Fallen Angel of the Highway

2026-07-03T03:41:42Z

AvidConanContributor: /* In other languages */ Confirmation of South Korean release

{{Under Construction}}
{{InfoBox Movie
| video = xRBAX7wKblY
| movie = 29
| image = Movie 29.jpg
| title = Fallen Angel of the Highway
| japanese-title = {{lang|ja|名探偵コナンハイウェイの{{ruby|堕|だ}}{{ruby|天|てん}}{{ruby|使|し}}}} <br> (''Meitantei Konan: Haiwei no Datenshi'')
| airdate = April 10, 2026
| english-airdate =
| cast = [[Conan Edogawa]] <br> [[Ran Mouri]] <br> [[Kogoro Mouri]] <br> [[Chihaya Hagiwara]] <br> [[Jugo Yokomizo]] <br> [[Masumi Sera]] <br> [[Jinpei Matsuda]] <br> [[Kenji Hagiwara]] <br> [[Ai Haibara]] <br> [[Detective Boys]] <br> [[Hiroshi Agasa]] <br> [[Sonoko Suzuki]] <br> [[Yumi Miyamoto]] <br> [[Naeko Miike]]
| suspects =
| solved-by =
| voice-cast = [[Minami Takayama]] as [[Conan Edogawa]] <br> [[Kappei Yamaguchi]] as [[Shinichi Kudo]] <br> [[Miyuki Sawashiro]] as [[Chihaya Hagiwara]] <br> [[Akio Otsuka]] as [[Jugo Yokomizo]] <br> [[Noriko Hidaka]] as [[Masumi Sera]] <br> [[Wakana Yamazaki]] as [[Ran Mouri]] <br> [[Rikiya Koyama]] as [[Kogoro Mouri]] <br> [[Nobutoshi Canna]] as [[Jinpei Matsuda]] <br> [[Shinichiro Miki]] as [[Kenji Hagiwara]] <br> [[Megumi Hayashibara]] as [[Ai Haibara]] <br> [[Ikue Otani]] as [[Mitsuhiko Tsuburaya]] <br> [[Yukiko Iwai]] as [[Ayumi Yoshida]] <br> [[Wataru Takagi (voice actor)|Wataru Takagi]] as [[Genta Kojima]] <br> [[Kenichi Ogata]] as [[Hiroshi Agasa]] <br> [[Naoko Matsui]] as [[Sonoko Suzuki]] <br> [[Yu Sugimoto]] as [[Yumi Miyamoto]] <br> [[Rie Tanaka]] as [[Naeko Miike]] <br> [[Ryusei Yokohama]] as [[Kazuaki Omae]] <br> [[Mei Hata]] as [[Minato Tateoki]] <br> [[Yuko Sanpei]] as [[Ichika Asagi]] <br> [[Michiko Neya]] as Kiriko Ryuzato <br> [[Yuya Uchida]] as John Powder <br> [[Toshiki Masuda]] as Rohan S. Lahiri <br> [[Ryota Iwasaki]] as Naoyuki Sasaki <br> [[Kensuke Tamura]] as Yuichi Aoki <br> [[Genta Nakamura]] as Hide Hario <br> [[Hibiku Yamamura]] as Yu Nagahashi <br> [[Yoshinori Sonobe]] as Tadakazu Uchikado <br> [[Misaki Watada]] as Girl <br> [[Akiha Matsui]] as Subordinate <br> [[Ikuji Nose]] as Police officer <br> [[Satsumi Matsuda]] as Police officer <br> [[Akira Minakami]] (Ciao Girl) as Girl
| director = [[Takahiro Hasui]]
| screenplay = [[Takahiro Okura]]
| storyboard = Takahiro Hasui <br> [[Iwao Teraoka]] <br> [[Jiro Kanai]] <br> [[Kana Kawana]] <br> [[Kentaro Kawajiri]]
| producer = Takahiro Hasui <br> [[Akira Yoshimura]] <br> [[Kana Kawana]] <br> [[Hiroshi Shimizu]] <br> [[Yohei Shindo]] <br> [[Ai Sakamoto]]
| animation-director = [[Masatomo Sudo]] (chief) <br> [[Yoshiharu Shimizu]] <br> [[Nobuyuki Iwai]] <br> [[Hiroyuki Notake]] <br> [[Iwao Teraoka]] <br> [[Jiro Kanai]] <br> [[Hirona Okada]] <br> [[Chie Saito]] <br> [[Nariyuki Takahashi]] <br> [[Hiroshi Shimizu]] <br> [[Mariko Imamura]] <br> [[Yurika Sako]] <br> [[Airi Tsuyuki]] <br> [[Kyoko Yoshimi]] <br> [[Kenichi Otomo]] (asst.) <br> [[Marie Nagano]] (asst.) <br> [[Tomoko Fukunaga]] (asst.) <br> [[Mina Otaka]] (asst.) <br> [[Mari Saito]] (asst.) <br> [[FALCO Suzuki]] (asst.) <br> [[Rei Masunaga]] (asst.) <br> [[Yuki Tsugihashi]] (asst.) <br> [[Kae Takakura]] (asst.) <br> [[Asuka Tsubuki]] (asst.) <br> [[Yu Yoshiyama]] (effect)
| character-design = Masatomo Sudo <br> '''Sub-character Design''': Kyoko Yoshimi <br> '''Design Works''': [[Hiroshi Ogawa]]
| production-cooperation = Studio M2
| theme-song = Last Dance Anata to
| soundtrack = Detective Conan "Fallen Angel of the Highway" Original Soundtrack
| case =
| prev-movie = One-eyed Flashback
| next-movie = Movie 30
| footnotes =
}}
{{nihongo|'''Detective Conan: Fallen Angel of the Highway'''|名探偵コナンハイウェイの{{ruby|堕|だ}}{{ruby|天|てん}}{{ruby|使|し}}|Meitantei Konan: Haiwei no Datenshi}} is the 29<sup>th</sup> [[Regular movies|movie]] in the ''[[Detective Conan]]'' franchise. It is released in Japan on April 10, 2026 and it's directed by [[Takahiro Hasui]] and written by [[Takahiro Okura]]. The movie have its pre-story tie-in episode, [[The Cosplay Rider of the Wind]].

The movie is about the mysterious and uncontrollable "black bike" appearing in Yokohama, with [[Chihaya]] trying to capture it. As with white bike named "Angel" being showcased in the Kanagawa Motorcycle Festival that [[Conan]], [[Ran]], [[Sonoko]], [[Kogoro]] and [[Masumi]] attends to, more reports appears about this mysterious "black bike" causing trouble with Tokyo Metropolitan Police Department, giving the name "Black Angel/Lucifer". It's up to Conan and Chihaya to discover their motivation and their identity.<ref>https://www.conan-movie.jp/2026/atm/story.html</ref>

== Cast ==
{{Char Appearances|
{{char|Conan Edogawa}}
{{char|Chihaya Hagiwara}}
{{char|Jugo Yokomizo}}
{{char|Masumi Sera}}
{{char|Ran Mouri}}
{{char|Jinpei Matsuda|display=Jinpei Matsuda (flashback)}}
{{char|Kenji Hagiwara|display=Kenji Hagiwara (flashback)}}
{{char|Kogoro Mouri}}
{{char|Ai Haibara}}
{{char|Hiroshi Agasa}}
{{char|Sonoko Suzuki}}
{{char|Yumi Miyamoto}}
{{char|Naeko Miike}}
{{char|Ayumi Yoshida}}
{{char|Genta Kojima}}
{{char|Mitsuhiko Tsuburaya}}
{{char|Rei Furuya}}
}}

== Gadgets ==
{{Gadgets Appearances|
{{Gadget|Transmitter}}
{{Gadget|Stun-Gun Wristwatch}}
{{Gadget|Criminal Tracking Glasses}}
{{Gadget|Turbo Engine Skateboard}}
{{Gadget|Anywhere Ball Dispensing Belt}}
{{Gadget|Power-Enhancing Kick Shoes}}
}}

== Case ==

=== People ===
{{BeginBox}}
{{People|"Lucifer"|M29 Lucifer.jpg|
* Mysterious motorcyclist}}
{{People|Kazuaki Omae|Kazuaki Omae.jpg|
* 34 years old
* Engineer of an automobile manufacturer
* Developer of the police motorcycle "Angel"}}
{{People|[[Minato Tateoki]]|Minato Tateoki.jpg|
* 22 years old<ref>https://natalie.mu/eiga/news/660704</ref>
* Kanagawa Prefecture police officer}}
{{People|Kiriko Ryuzato|Kiriko Ryuzato.jpg|
* 39 years old
* Industrial designer based in the United States}}
{{People|[[Ichika Asagi]]|Ichika Asagi.jpg|
* 33 years old
* Kanagawa Prefecture Police traffic department assistant inspector
* Former motorcycle policewoman
* Chihaya's superior}}
{{People|Naoyuki Sasaki|Naoyuki Sasaki.jpg|
* 24 years old
* Deceased
* Unemployed
* Motorcycle racer}}
{{People|John Powder|John Powder.jpg|
* American aerospace company employee
* Former mercenary}}
{{People|Rohan S. Lahiri|Rohan S. Lahiri.jpg|
* East-Asian aerospace company employee}}
{{People|Yuichi Aoki|Yuichi Aoki.jpg|
* 45 years old
* Former professional motorcycle racer
* Motorcycle shop owner in Fujisawa}}
{{People|Hide Hario|Hide Hario.jpg|
* Victim of Lucifer in Yokohama}}
{{People|Yu Nagahashi|Yu Nagahashi.jpg|
* Victim of Lucifer in Yokohama
* Hario's passenger}}
{{People|Tadakazu Uchikado|Tadakazu Uchikado.jpg|
* Victim of Lucifer in Tokyo}}
{{EndBox}}

=== Resolution ===
<spoiler></spoiler>

== Music ==
The original soundtrack for this movie was released on April 8, 2026. The ending theme song [[Last Dance Anata to]] is performed by [[MISIA]].

== Trivia ==
* [[Miyuki Sawashiro]] voices [[Chihaya Hagiwara]] in this movie, replacing the late [[Atsuko Tanaka]]<ref>https://x.com/conan_movie/status/1961987558486769810?s=46&t=p5OpaT8WdJu1HOCiCE65rA</ref>.
* This movie was promoted with special guest voice actors with the actors [[wikipedia:Ryusei Yokohama|Ryusei Yokohama]] and [[wikipedia:ja:畑芽育|Mei Hata]] voicing Kazuaki Omae and Minato Tateoki retrospectively.
* This movie had promotional collaborations with ''[[Wikipedia: Zootopia 2|Zootopia 2]]''.<ref>https://x.com/DisneyStudioJ_A/status/1996414155377475872</ref>

== Gallery ==
{{main gallery}}

== In other languages ==
{{BeginTable EpLang}}
{{EpLangItem|flag=Arabic|Arabic|ملاك الطريق السريع الساقط|Fallen Angel of the Highway}}
{{EpLangItem|flag=Catalonia|Catalan (Catalan dub)|El detectiu Conan: Fallen Angel of the Highway|Detective Conan: Fallen Angel of the Highway}}
{{EpLangItem|flag=South Korea|Korean|명탐정 코난: 하이웨이의 타천사|Detective Conan: Fallen Angel of the Highway}}
{{EpLangItem|flag=Thailand|Thai|ปริศนานางฟ้าตกสวรรค์|Mystery of the Fallen Angel}}
{{EpLangItem|flag=Vietnam|Vietnamese|Thiên thần sa ngã trên xa lộ|Fallen Angel of the Highway}}
{{EndTable}}

== References ==
{{reflist}}

== See also ==
* [[Movies]]

{{Movies}}

[[Category:Movies]]
[[Category:Animation directed by Masatomo Sudo]]
[[Category:Animation directed by Yoshiharu Shimizu]]
[[Category:Animation directed by Nobuyuki Iwai]]
[[Category:Animation directed by Hiroyuki Notake]]
[[Category:Animation directed by Iwao Teraoka]]
[[Category:Animation directed by Jiro Kanai]]
[[Category:Animation directed by Hirona Okada]]
[[Category:Animation directed by Chie Saito]]
[[Category:Animation directed by Nariyuki Takahashi]]

[[Category:Animation directed by Mariko Imamura]]
[[Category:Animation directed by Yurika Sako]]
[[Category:Animation directed by Airi Tsuyuki]]
[[Category:Animation directed by Kyoko Yoshimi]]
[[Category:Animation directed by Kenichi Otomo]]
[[Category:Animation directed by Marie Nagano]]
[[Category:Animation directed by Tomoko Fukunaga]]
[[Category:Animation directed by Mina Otaka]]
[[Category:Animation directed by Mari Saito]]
[[Category:Animation directed by FALCO Suzuki]]
[[Category:Animation directed by Rei Masunaga]]
[[Category:Animation directed by Yuki Tsugihashi]]
[[Category:Animation directed by Kae Takakura]]
[[Category:Animation directed by Asuka Tsubuki]]
[[Category:Animation directed by Yu Yoshiyama]]

[[de:Film 29]]

User:AvidConanContributor/sandbox/Main Page

2026-07-03T03:27:20Z

AvidConanContributor:

<div id="mp-container" style="--gap-size: 6px; container: mp-container / inline-size; min-width: fit-content;">
<div id="mp-top" style="min-width: fit-content; width: 100%; gap: 0;">
<div id="mp-banner" class="mp-section" style="--banner-height: 150px; container: mp-banner / inline-size; column-gap: 0; background: #fcfcfc; width: initial; min-height: var(--banner-height); border: 1px solid #ccc;">
<div id="mp-banner-left" style="display: flex; flex-flow: wrap; flex: 2; padding: 5px 8px;">
<div id="mp-banner-intro" style="display: flex; flex: 1; flex-direction: column; min-width: 300px; justify-content: center; text-align: center;">
<div style="font-size: 200%; padding-bottom: 0.1em;">Welcome to Detective Conan Wiki,</div>
<div style="font-size: 95%;">the ultimate resource about Detective Conan.</div>
<div id="article-count" style="font-size: 85%;">This wiki contains a total of [[Special:Statistics|{{NUMBEROFARTICLES}}]] articles thus far.</div>
</div>
<div id="mp-banner-links" style="display: flex; flex: 1; min-width: 300px; justify-content: space-around; align-items: center;">
<div id="portal-links-1" class="mp-portal-links-column plainlinks">
* [http://www.detectiveconanworld.com Homepage]
* [http://www.detectiveconanworld.com/forum Forum]
* [http://www.detectiveconanworld.com/support Donate]
</div>
<div id="portal-links-2" class="mp-portal-links-column">
* [[Characters]]
* [[Anime]]
* [[Manga]]
</div>
<div id="portal-links-3" class="mp-portal-links-column">
* [[Movies]]
* [[OVAs]]
* [[Specials]]</div>
</div>
</div>
<div id="mp-banner-right">
<div id="mp-banner-gradient" style="flex: 0.3; min-width: 50px; background: linear-gradient(to right, #fcfcfc, #0000);"></div>
</div>
</div>
<div id="mp-strapline" style="display: flex; justify-content: space-between; min-width: fit-content; width: 100%; margin: 4px 0 10px;">
<div id="strapline-links-left" class="mp-strapline-links">[[Wikipedia:Wikipedia:About|Overview]] '''·''' [[Wikipedia:Wikipedia:Tutorial|Editing]] '''·''' [[Wikipedia:Wikipedia:Questions|Questions]] '''·''' [[Wikipedia:Help:Contents|Help]]</div>
<div id="strapline-links-right" class="mp-strapline-links" style="text-align: right;">[[Special:RecentChanges|Recent Changes]] '''·''' [[Detective Conan Wiki:Guide|Guide]] '''·''' [[Special:Categories|Categories]] '''·''' [[Glossary|A–Z index]]</div>
</div>
</div>

<div id="mp-section1" class="mp-section">
<div id="mp-LaNe-boxes" style="border: 2px solid #ccc; min-height: 300px;">Latest/Next Boxes</div>
<div id="mp-featured" class="mp-object" style="flex: 1; display: flex; flex-wrap: wrap; flex-direction: column; gap: 10px; border: 1px solid #cef2e0; min-width: 300px; background: #f5fffa;">
<div style="min-width: 300px;"><h2 id="mp-aotm-h2" class="mp-h2 mp-h2-green">Article of the Month</h2>{{Detective Conan Wiki:Featured article}}</div>
<div style="min-width: 300px;"><h2 id="mp-featured-h2" class="mp-h2 mp-h2-green">Featured song</h2>{{Detective Conan Wiki:Featured song/January 7, 2024}}</div>
<div><h2 id="mp-dyk-h2" class="mp-h2 mp-h2-green">Did you know...</h2>[[File:Sherry's_Soliloquy.PNG|right|link=Sherry's soliloquy|100px|class=force-float-right|Sherry's soliloquy]]{{Did you know/4}}</div>
</div>
<div id="mp-news" class="mp-object" style="flex: 2; display: flex; flex-wrap: wrap; gap: 10px var(--gap-size); border: 1px solid #cedff2; background: #f5faff;">
<div style="flex: 2; min-width: 300px;"><h2 id="mp-itn-h2" class="mp-h2 mp-h2-blue">Latest news</h2><div id="mp-in-the-news">{{In the news}}</div></div>
<div style="flex: 1; min-width: 300px;"><h2 id="mp-rn-h2" class="mp-h2 mp-h2-blue">Release news</h2><div id="mp-release-news">{{Release news}}</div></div>
</div>
</div>

<div id="mp-section2" class="mp-section" style="padding-top: var(--gap-size);">
<div id="mp-topics" class="mp-object" style="flex: 3; display: flex; flex-wrap: wrap; gap: 10px var(--gap-size); border: 1px solid #cef2e0; background: #f5fffa;">
<div id="mp-general-topics" style="flex: 1; min-width: 300px;"><h2 id="mp-gt-h2" class="mp-h2 mp-h2-green">General topics</h2>
[[Image:Detective Conan Characters.jpg|110px|thumb|right|link=Characters|class=force-float-right|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
</div>
<div id="mp-specific-topics" style="flex: 1; min-width: 300px;"><h2 id="mp-st-h2" class="mp-h2 mp-h2-green">Specific topics</h2>
[[File:Volume 1.jpg|110px|thumb|right|link=Volume 1|class=force-float-right|First Manga volume of the series]]
* [[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
</div>
</div>
<div id="mp-dc-wiki-languages" class="mp-object" style="flex: 1; min-width: 260px; border: 1px solid #e2e2e2;">
<h2 class="mp-h2 mp-h2-gray">'''Languages'''</h2>
<div class="plainlinks">[https://conanwiki.org ConanWiki] - Deutsch (German)</div>
<div class="plainlinks">[https://ca.conanwiki.org ConanWiki en català] (Catalan)</div>
<div class="plainlinks">[https://fr.conanwiki.org ConanWiki en français] (French)</div>
<div class="plainlinks">[https://www.conanpedia.com/ Conanpedia] - 中文 (Chinese)</div>
</div>
</div>

<div id="mp-bottom" class="mp-section" style="padding-top: var(--gap-size)">
<div id="contributor-call" class="mp-message-box" style="display: flex; align-items: center;">
<div>{{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]]'''. <br> We also encourage editors to join our '''[{{int:Discord-url}} Discord server'''] as well, where we help each other out! Enjoy the conversation with Wiki contributors there by verifying your account conveniently in <code>#🌐verifizierung</code>.}}</div>
</div>
<div id="gfdl-disclaimer" class="mp-message-box" style="display: flex; align-items: center;">
[[Image:Info.png|left|link=]]
<div>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.</div>
</div>
</div>
</div>
__NOTOC____NOEDITSECTION__
{{code|css=
.mp-section {
display: flex;
flex-flow: wrap;
gap: var(--gap-size);
min-width: fit-content;
width: 100%;
}

.mp-object {
vertical-align: top;
border: 1px solid black;
padding: 10px;
}

.mp-portal-links-column {
padding-left: 5px;
line-height: 1.25em;
}

.mp-strapline-links {
font-size: 90%;
}

.mp-message-box {
display: flex;
flex: 1;
padding: 10px;
border: 1px solid #ddcef2;
background: #faf5ff;
}

h2.mp-h2 {
font-size: 130%;
font-weight: bold;
font-family: sans-serif;
border: 1px solid;
margin: 0 0 0.5em;
padding: 0.2em 0.4em;
}

h2.mp-h2-green {
background: #cef2e0;
border-color: #c2ddc5;
}

h2.mp-h2-blue {
background: #cedff2;
border-color: #b0c9d2;
}

h2.mp-h2-gray {
background: #eee;
border-color: #ddd;
}

#mp-container .force-float-right {
float: right !important;
}

#mp-section1 {
display: grid;
grid-template-columns: 1fr 2fr;
}

#mp-featured {
grid-column: 1;
grid-row: 1 / span 2;
}

#mp-LaNe-boxes {
grid-column: 2;
grid-row: 1;
}

#mp-news {
grid-column: 2;
grid-row: 2;
}

#mp-banner-right {
display: flex;
flex: 1;
min-width: 300px;

background: url(https://www.detectiveconanworld.com/wiki/images/thumb/f/fc/Main_Page_Banner_Background.png/1600px-Main_Page_Banner_Background.png?20260702220404);
background-color: #000;
background-repeat: no-repeat;
background-size: auto calc(var(--banner-height) * 2);
background-position-x: center;
background-position-y: top calc(-90px + (var(--banner-height) / 2));
}

@container mp-container (max-width: 825px) {
#mp-section1 {
display: flex;
}
#mp-section1,
#mp-section2,
#mp-bottom {
flex-flow: column;
}
}

@container mp-banner (max-width: 950px) {
#mp-banner-right {
display: none;
}
}
}}

User:AvidConanContributor/sandbox/Main Page

2026-07-03T03:11:29Z

AvidConanContributor:

<div id="mp-container" style="--gap-size: 6px; container: mp-container / inline-size; min-width: fit-content;">
<div id="mp-top" style="min-width: fit-content; width: 100%; gap: 0;">
<div id="mp-banner" class="mp-section" style="--banner-height: 150px; container: mp-banner / inline-size; column-gap: 0; background: #fcfcfc; width: initial; min-height: var(--banner-height); border: 1px solid #ccc;">
<div id="mp-banner-left" style="display: flex; flex-flow: wrap; flex: 2; padding: 5px 8px;">
<div id="mp-banner-intro" style="display: flex; flex: 1; flex-direction: column; min-width: 300px; justify-content: center; text-align: center;">
<div style="font-size: 200%; padding-bottom: 0.1em;">Welcome to Detective Conan Wiki,</div>
<div style="font-size: 95%;">the ultimate resource about Detective Conan.</div>
<div id="article-count" style="font-size: 85%;">This wiki contains a total of [[Special:Statistics|{{NUMBEROFARTICLES}}]] articles thus far.</div>
</div>
<div id="mp-banner-links" style="display: flex; flex: 1; min-width: 300px; justify-content: space-around; align-items: center;">
<div id="portal-links-1" class="mp-portal-links-column plainlinks">
* [http://www.detectiveconanworld.com Homepage]
* [http://www.detectiveconanworld.com/forum Forum]
* [http://www.detectiveconanworld.com/support Donate]
</div>
<div id="portal-links-2" class="mp-portal-links-column">
* [[Characters]]
* [[Anime]]
* [[Manga]]
</div>
<div id="portal-links-3" class="mp-portal-links-column">
* [[Movies]]
* [[OVAs]]
* [[Specials]]</div>
</div>
</div>
<div id="mp-banner-right">
<div id="mp-banner-gradient" style="flex: 0.3; min-width: 50px; background: linear-gradient(to right, #fcfcfc, #0000);"></div>
</div>
</div>
<div id="mp-strapline" style="display: flex; justify-content: space-between; min-width: fit-content; width: 100%; margin: 4px 0 10px;">
<div id="strapline-links-left" class="mp-strapline-links">[[Wikipedia:Wikipedia:About|Overview]] '''·''' [[Wikipedia:Wikipedia:Tutorial|Editing]] '''·''' [[Wikipedia:Wikipedia:Questions|Questions]] '''·''' [[Wikipedia:Help:Contents|Help]]</div>
<div id="strapline-links-right" class="mp-strapline-links" style="text-align: right;">[[Special:RecentChanges|Recent Changes]] '''·''' [[Detective Conan Wiki:Guide|Guide]] '''·''' [[Special:Categories|Categories]] '''·''' [[Glossary|A–Z index]]</div>
</div>
</div>

<div id="mp-section1" class="mp-section">
<div id="mp-LaNe-boxes" style="border: 2px solid #ccc; min-height: 300px;">Latest/Next Boxes</div>
<div id="mp-featured" class="mp-object" style="flex: 1; display: flex; flex-wrap: wrap; flex-direction: column; gap: 10px; border: 1px solid #cef2e0; min-width: 300px; background: #f5fffa;">
<div style="min-width: 300px;"><h2 id="mp-aotm-h2" class="mp-h2 mp-h2-green">Article of the Month</h2>{{Detective Conan Wiki:Featured article}}</div>
<div style="min-width: 300px;"><h2 id="mp-featured-h2" class="mp-h2 mp-h2-green">Featured song</h2>{{Detective Conan Wiki:Featured song/January 7, 2024}}</div>
<div><h2 id="mp-dyk-h2" class="mp-h2 mp-h2-green">Did you know...</h2>[[File:Sherry's_Soliloquy.PNG|right|link=Sherry's soliloquy|100px|class=force-float-right|Sherry's soliloquy]]{{Did you know/4}}</div>
</div>
<div id="mp-news" class="mp-object" style="flex: 2; display: flex; flex-wrap: wrap; gap: 10px var(--gap-size); border: 1px solid #cedff2; background: #f5faff;">
<div style="flex: 2; min-width: 300px;"><h2 id="mp-itn-h2" class="mp-h2 mp-h2-blue">Latest news</h2><div id="mp-in-the-news">{{In the news}}</div></div>
<div style="flex: 1; min-width: 300px;"><h2 id="mp-rn-h2" class="mp-h2 mp-h2-blue">Release news</h2><div id="mp-release-news">{{Release news}}</div></div>
</div>
</div>

<div id="mp-section2" class="mp-section" style="padding-top: var(--gap-size);">
<div id="mp-topics" class="mp-object" style="flex: 3; display: flex; flex-wrap: wrap; gap: 10px var(--gap-size); border: 1px solid #cef2e0; background: #f5fffa;">
<div id="mp-general-topics" style="flex: 1; min-width: 300px;"><h2 id="mp-gt-h2" class="mp-h2 mp-h2-green">General topics</h2>
[[Image:Detective Conan Characters.jpg|110px|thumb|right|link=Characters|class=force-float-right|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
</div>
<div id="mp-specific-topics" style="flex: 1; min-width: 300px;"><h2 id="mp-st-h2" class="mp-h2 mp-h2-green">Specific topics</h2>
[[File:Volume 1.jpg|110px|thumb|right|link=Volume 1|class=force-float-right|First Manga volume of the series]]
* [[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
</div>
</div>
<div id="mp-dc-wiki-languages" class="mp-object" style="flex: 1; min-width: 260px; border: 1px solid #e2e2e2;">
<h2 class="mp-h2 mp-h2-gray">'''Languages'''</h2>
<div class="plainlinks">[https://conanwiki.org ConanWiki] - Deutsch (German)</div>
<div class="plainlinks">[https://ca.conanwiki.org ConanWiki en català] (Catalan)</div>
<div class="plainlinks">[https://fr.conanwiki.org ConanWiki en français] (French)</div>
<div class="plainlinks">[https://www.conanpedia.com/ Conanpedia] - 中文 (Chinese)</div>
</div>
</div>

<div id="mp-bottom" class="mp-section" style="padding-top: var(--gap-size)">
<div id="contributor-call" class="mp-message-box" style="display: flex; align-items: center;">
<div>{{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]]'''. <br> We also encourage editors to join our '''[{{int:Discord-url}} Discord server'''] as well, where we help each other out! Enjoy the conversation with Wiki contributors there by verifying your account conveniently in <code>#🌐verifizierung</code>.}}</div>
</div>
<div id="gfdl-disclaimer" class="mp-message-box" style="display: flex; align-items: center;">
[[Image:Info.png|left|link=]]
<div>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.</div>
</div>
</div>
</div>
__NOTOC____NOEDITSECTION__
{{code|css=
.mp-section {
display: flex;
flex-flow: wrap;
gap: var(--gap-size);
min-width: fit-content;
width: 100%;
}

.mp-object {
vertical-align: top;
border: 1px solid black;
padding: 10px;
}

.mp-portal-links-column {
padding-left: 5px;
line-height: 1.25em;
}

.mp-strapline-links {
font-size: 90%;
}

.mp-message-box {
display: flex;
flex: 1;
padding: 10px;
border: 1px solid #ddcef2;
background: #faf5ff;
}

h2.mp-h2 {
font-size: 130%;
font-weight: bold;
font-family: sans-serif;
border: 1px solid;
margin: 0 0 0.5em;
padding: 0.2em 0.4em;
}

h2.mp-h2-green {
background: #cef2e0;
border-color: #c2ddc5;
}

h2.mp-h2-blue {
background: #cedff2;
border-color: #b0c9d2;
}

h2.mp-h2-gray {
background: #eee;
border-color: #ddd;
}

#mp-container .force-float-right {
float: right !important;
}

#mp-section1 {
display: grid;
grid-template-columns: 1fr 2fr;
}

#mp-featured {
grid-column: 1;
grid-row: 1 / span 2;
}

#mp-LaNe-boxes {
grid-column: 2;
grid-row: 1;
}

#mp-news {
grid-column: 2;
grid-row: 2;
}

#mp-banner-right {
display: flex;
flex: 1;
min-width: 300px;

background: url(https://www.detectiveconanworld.com/wiki/images/thumb/f/fc/Main_Page_Banner_Background.png/1600px-Main_Page_Banner_Background.png?20260702220404);
background-color: #000;
background-repeat: no-repeat;
background-size: auto calc(var(--banner-height) * 2);
background-position-x: center;
background-position-y: top calc(-95px + (var(--banner-height) / 2));
}

@container mp-container (max-width: 825px) {
#mp-section1 {
display: flex;
}
#mp-section1,
#mp-section2,
#mp-bottom {
flex-flow: column;
}
}

@container mp-banner (max-width: 950px) {
#mp-banner-right {
display: none;
}
}
}}

User:AvidConanContributor/sandbox/Main Page

2026-07-03T03:08:03Z

AvidConanContributor:

<div id="mp-container" style="--gap-size: 6px; container: mp-container / inline-size; min-width: fit-content;">
<div id="mp-top" style="min-width: fit-content; width: 100%; gap: 0;">
<div id="mp-banner" class="mp-section" style="--banner-height: 150px; container: mp-banner / inline-size; column-gap: 0; background: #fcfcfc; width: initial; min-height: var(--banner-height); border: 1px solid #ccc;">
<div id="mp-banner-left" style="display: flex; flex-flow: wrap; flex: 2; padding: 5px 8px;">
<div id="mp-banner-intro" style="display: flex; flex: 1; flex-direction: column; min-width: 300px; justify-content: center; text-align: center;">
<div style="font-size: 200%; padding-bottom: 0.1em;">Welcome to Detective Conan Wiki,</div>
<div style="font-size: 95%;">the ultimate resource about Detective Conan.</div>
<div id="article-count" style="font-size: 85%;">This wiki contains a total of [[Special:Statistics|{{NUMBEROFARTICLES}}]] articles thus far.</div>
</div>
<div id="mp-banner-links" style="display: flex; flex: 1; min-width: 300px; justify-content: space-around; align-items: center;">
<div id="portal-links-1" class="mp-portal-links-column plainlinks">
* [http://www.detectiveconanworld.com Homepage]
* [http://www.detectiveconanworld.com/forum Forum]
* [http://www.detectiveconanworld.com/support Donate]
</div>
<div id="portal-links-2" class="mp-portal-links-column">
* [[Characters]]
* [[Anime]]
* [[Manga]]
</div>
<div id="portal-links-3" class="mp-portal-links-column">
* [[Movies]]
* [[OVAs]]
* [[Specials]]</div>
</div>
</div>
<div id="mp-banner-right">
<div id="mp-banner-gradient" style="flex: 0.5; min-width: 50px; background: linear-gradient(to right, #fcfcfc, #0000);"></div>
</div>
</div>
<div id="mp-strapline" style="display: flex; justify-content: space-between; min-width: fit-content; width: 100%; margin: 4px 0 10px;">
<div id="strapline-links-left" class="mp-strapline-links">[[Wikipedia:Wikipedia:About|Overview]] '''·''' [[Wikipedia:Wikipedia:Tutorial|Editing]] '''·''' [[Wikipedia:Wikipedia:Questions|Questions]] '''·''' [[Wikipedia:Help:Contents|Help]]</div>
<div id="strapline-links-right" class="mp-strapline-links" style="text-align: right;">[[Special:RecentChanges|Recent Changes]] '''·''' [[Detective Conan Wiki:Guide|Guide]] '''·''' [[Special:Categories|Categories]] '''·''' [[Glossary|A–Z index]]</div>
</div>
</div>

<div id="mp-section1" class="mp-section">
<div id="mp-LaNe-boxes" style="border: 2px solid #ccc; min-height: 300px;">Latest/Next Boxes</div>
<div id="mp-featured" class="mp-object" style="flex: 1; display: flex; flex-wrap: wrap; flex-direction: column; gap: 10px; border: 1px solid #cef2e0; min-width: 300px; background: #f5fffa;">
<div style="min-width: 300px;"><h2 id="mp-aotm-h2" class="mp-h2 mp-h2-green">Article of the Month</h2>{{Detective Conan Wiki:Featured article}}</div>
<div style="min-width: 300px;"><h2 id="mp-featured-h2" class="mp-h2 mp-h2-green">Featured song</h2>{{Detective Conan Wiki:Featured song/January 7, 2024}}</div>
<div><h2 id="mp-dyk-h2" class="mp-h2 mp-h2-green">Did you know...</h2>[[File:Sherry's_Soliloquy.PNG|right|link=Sherry's soliloquy|100px|class=force-float-right|Sherry's soliloquy]]{{Did you know/4}}</div>
</div>
<div id="mp-news" class="mp-object" style="flex: 2; display: flex; flex-wrap: wrap; gap: 10px var(--gap-size); border: 1px solid #cedff2; background: #f5faff;">
<div style="flex: 2; min-width: 300px;"><h2 id="mp-itn-h2" class="mp-h2 mp-h2-blue">Latest news</h2><div id="mp-in-the-news">{{In the news}}</div></div>
<div style="flex: 1; min-width: 300px;"><h2 id="mp-rn-h2" class="mp-h2 mp-h2-blue">Release news</h2><div id="mp-release-news">{{Release news}}</div></div>
</div>
</div>

<div id="mp-section2" class="mp-section" style="padding-top: var(--gap-size);">
<div id="mp-topics" class="mp-object" style="flex: 3; display: flex; flex-wrap: wrap; gap: 10px var(--gap-size); border: 1px solid #cef2e0; background: #f5fffa;">
<div id="mp-general-topics" style="flex: 1; min-width: 300px;"><h2 id="mp-gt-h2" class="mp-h2 mp-h2-green">General topics</h2>
[[Image:Detective Conan Characters.jpg|110px|thumb|right|link=Characters|class=force-float-right|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
</div>
<div id="mp-specific-topics" style="flex: 1; min-width: 300px;"><h2 id="mp-st-h2" class="mp-h2 mp-h2-green">Specific topics</h2>
[[File:Volume 1.jpg|110px|thumb|right|link=Volume 1|class=force-float-right|First Manga volume of the series]]
* [[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
</div>
</div>
<div id="mp-dc-wiki-languages" class="mp-object" style="flex: 1; min-width: 260px; border: 1px solid #e2e2e2;">
<h2 class="mp-h2 mp-h2-gray">'''Languages'''</h2>
<div class="plainlinks">[https://conanwiki.org ConanWiki] - Deutsch (German)</div>
<div class="plainlinks">[https://ca.conanwiki.org ConanWiki en català] (Catalan)</div>
<div class="plainlinks">[https://fr.conanwiki.org ConanWiki en français] (French)</div>
<div class="plainlinks">[https://www.conanpedia.com/ Conanpedia] - 中文 (Chinese)</div>
</div>
</div>

<div id="mp-bottom" class="mp-section" style="padding-top: var(--gap-size)">
<div id="contributor-call" class="mp-message-box" style="display: flex; align-items: center;">
<div>{{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]]'''. <br> We also encourage editors to join our '''[{{int:Discord-url}} Discord server'''] as well, where we help each other out! Enjoy the conversation with Wiki contributors there by verifying your account conveniently in <code>#🌐verifizierung</code>.}}</div>
</div>
<div id="gfdl-disclaimer" class="mp-message-box" style="display: flex; align-items: center;">
[[Image:Info.png|left|link=]]
<div>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.</div>
</div>
</div>
</div>
__NOTOC____NOEDITSECTION__
{{code|css=
.mp-section {
display: flex;
flex-flow: wrap;
gap: var(--gap-size);
min-width: fit-content;
width: 100%;
}

.mp-object {
vertical-align: top;
border: 1px solid black;
padding: 10px;
}

.mp-portal-links-column {
padding-left: 5px;
line-height: 1.25em;
}

.mp-strapline-links {
font-size: 90%;
}

.mp-message-box {
display: flex;
flex: 1;
padding: 10px;
border: 1px solid #ddcef2;
background: #faf5ff;
}

h2.mp-h2 {
font-size: 130%;
font-weight: bold;
font-family: sans-serif;
border: 1px solid;
margin: 0 0 0.5em;
padding: 0.2em 0.4em;
}

h2.mp-h2-green {
background: #cef2e0;
border-color: #c2ddc5;
}

h2.mp-h2-blue {
background: #cedff2;
border-color: #b0c9d2;
}

h2.mp-h2-gray {
background: #eee;
border-color: #ddd;
}

#mp-container .force-float-right {
float: right !important;
}

#mp-section1 {
display: grid;
grid-template-columns: 1fr 2fr;
}

#mp-featured {
grid-column: 1;
grid-row: 1 / span 2;
}

#mp-LaNe-boxes {
grid-column: 2;
grid-row: 1;
}

#mp-news {
grid-column: 2;
grid-row: 2;
}

#mp-banner-right {
display: flex;
flex: 1;
min-width: 300px;

background: url(https://www.detectiveconanworld.com/wiki/images/thumb/f/fc/Main_Page_Banner_Background.png/1600px-Main_Page_Banner_Background.png?20260702220404);
background-color: #000;
background-repeat: no-repeat;
background-size: auto calc(var(--banner-height) * 2);
background-position-x: center;
background-position-y: top calc(-95px + (var(--banner-height) / 2));
}

@container mp-container (max-width: 825px) {
#mp-section1 {
display: flex;
}
#mp-section1,
#mp-section2,
#mp-bottom {
flex-flow: column;
}
}

@container mp-banner (max-width: 950px) {
#mp-banner-right {
display: none;
}
}
}}

User:AvidConanContributor/sandbox/Main Page

2026-07-03T03:07:36Z

AvidConanContributor: Undo revision 409165 by AvidConanContributor (talk)

<div id="mp-container" style="--gap-size: 6px; container: mp-container / inline-size; min-width: fit-content;">
<div id="mp-top" style="min-width: fit-content; width: 100%; gap: 0;">
<div id="mp-banner" class="mp-section" style="--banner-height: 150px; container: mp-banner / inline-size; column-gap: 0; background: #fcfcfc; width: initial; min-height: var(--banner-height); border: 1px solid #ccc;">
<div id="mp-banner-left" style="display: flex; flex-flow: wrap; flex: 2; padding: 5px 8px;">
<div id="mp-banner-intro" style="display: flex; flex: 1; flex-direction: column; min-width: 300px; justify-content: center; text-align: center;">
<div style="font-size: 200%; padding-bottom: 0.1em;">Welcome to Detective Conan Wiki,</div>
<div style="font-size: 95%;">the ultimate resource about Detective Conan.</div>
<div id="article-count" style="font-size: 85%;">This wiki contains a total of [[Special:Statistics|{{NUMBEROFARTICLES}}]] articles thus far.</div>
</div>
<div id="mp-banner-links" style="display: flex; flex: 1; min-width: 300px; justify-content: space-around; align-items: center;">
<div id="portal-links-1" class="mp-portal-links-column plainlinks">
* [http://www.detectiveconanworld.com Homepage]
* [http://www.detectiveconanworld.com/forum Forum]
* [http://www.detectiveconanworld.com/support Donate]
</div>
<div id="portal-links-2" class="mp-portal-links-column">
* [[Characters]]
* [[Anime]]
* [[Manga]]
</div>
<div id="portal-links-3" class="mp-portal-links-column">
* [[Movies]]
* [[OVAs]]
* [[Specials]]</div>
</div>
</div>
<div id="mp-banner-right">
<div id="mp-banner-gradient" style="flex: 0.5; min-width: 50px; background: linear-gradient(to right, #fcfcfc, #0000);"></div>
<div id="mp-banner-bg-space" style="flex: 2; min-width: 300px; height: 100%; overflow: hidden"></div>
</div>
</div>
<div id="mp-strapline" style="display: flex; justify-content: space-between; min-width: fit-content; width: 100%; margin: 4px 0 10px;">
<div id="strapline-links-left" class="mp-strapline-links">[[Wikipedia:Wikipedia:About|Overview]] '''·''' [[Wikipedia:Wikipedia:Tutorial|Editing]] '''·''' [[Wikipedia:Wikipedia:Questions|Questions]] '''·''' [[Wikipedia:Help:Contents|Help]]</div>
<div id="strapline-links-right" class="mp-strapline-links" style="text-align: right;">[[Special:RecentChanges|Recent Changes]] '''·''' [[Detective Conan Wiki:Guide|Guide]] '''·''' [[Special:Categories|Categories]] '''·''' [[Glossary|A–Z index]]</div>
</div>
</div>

<div id="mp-section1" class="mp-section">
<div id="mp-LaNe-boxes" style="border: 2px solid #ccc; min-height: 300px;">Latest/Next Boxes</div>
<div id="mp-featured" class="mp-object" style="flex: 1; display: flex; flex-wrap: wrap; flex-direction: column; gap: 10px; border: 1px solid #cef2e0; min-width: 300px; background: #f5fffa;">
<div style="min-width: 300px;"><h2 id="mp-aotm-h2" class="mp-h2 mp-h2-green">Article of the Month</h2>{{Detective Conan Wiki:Featured article}}</div>
<div style="min-width: 300px;"><h2 id="mp-featured-h2" class="mp-h2 mp-h2-green">Featured song</h2>{{Detective Conan Wiki:Featured song/January 7, 2024}}</div>
<div><h2 id="mp-dyk-h2" class="mp-h2 mp-h2-green">Did you know...</h2>[[File:Sherry's_Soliloquy.PNG|right|link=Sherry's soliloquy|100px|class=force-float-right|Sherry's soliloquy]]{{Did you know/4}}</div>
</div>
<div id="mp-news" class="mp-object" style="flex: 2; display: flex; flex-wrap: wrap; gap: 10px var(--gap-size); border: 1px solid #cedff2; background: #f5faff;">
<div style="flex: 2; min-width: 300px;"><h2 id="mp-itn-h2" class="mp-h2 mp-h2-blue">Latest news</h2><div id="mp-in-the-news">{{In the news}}</div></div>
<div style="flex: 1; min-width: 300px;"><h2 id="mp-rn-h2" class="mp-h2 mp-h2-blue">Release news</h2><div id="mp-release-news">{{Release news}}</div></div>
</div>
</div>

<div id="mp-section2" class="mp-section" style="padding-top: var(--gap-size);">
<div id="mp-topics" class="mp-object" style="flex: 3; display: flex; flex-wrap: wrap; gap: 10px var(--gap-size); border: 1px solid #cef2e0; background: #f5fffa;">
<div id="mp-general-topics" style="flex: 1; min-width: 300px;"><h2 id="mp-gt-h2" class="mp-h2 mp-h2-green">General topics</h2>
[[Image:Detective Conan Characters.jpg|110px|thumb|right|link=Characters|class=force-float-right|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
</div>
<div id="mp-specific-topics" style="flex: 1; min-width: 300px;"><h2 id="mp-st-h2" class="mp-h2 mp-h2-green">Specific topics</h2>
[[File:Volume 1.jpg|110px|thumb|right|link=Volume 1|class=force-float-right|First Manga volume of the series]]
* [[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
</div>
</div>
<div id="mp-dc-wiki-languages" class="mp-object" style="flex: 1; min-width: 260px; border: 1px solid #e2e2e2;">
<h2 class="mp-h2 mp-h2-gray">'''Languages'''</h2>
<div class="plainlinks">[https://conanwiki.org ConanWiki] - Deutsch (German)</div>
<div class="plainlinks">[https://ca.conanwiki.org ConanWiki en català] (Catalan)</div>
<div class="plainlinks">[https://fr.conanwiki.org ConanWiki en français] (French)</div>
<div class="plainlinks">[https://www.conanpedia.com/ Conanpedia] - 中文 (Chinese)</div>
</div>
</div>

<div id="mp-bottom" class="mp-section" style="padding-top: var(--gap-size)">
<div id="contributor-call" class="mp-message-box" style="display: flex; align-items: center;">
<div>{{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]]'''. <br> We also encourage editors to join our '''[{{int:Discord-url}} Discord server'''] as well, where we help each other out! Enjoy the conversation with Wiki contributors there by verifying your account conveniently in <code>#🌐verifizierung</code>.}}</div>
</div>
<div id="gfdl-disclaimer" class="mp-message-box" style="display: flex; align-items: center;">
[[Image:Info.png|left|link=]]
<div>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.</div>
</div>
</div>
</div>
__NOTOC____NOEDITSECTION__
{{code|css=
.mp-section {
display: flex;
flex-flow: wrap;
gap: var(--gap-size);
min-width: fit-content;
width: 100%;
}

.mp-object {
vertical-align: top;
border: 1px solid black;
padding: 10px;
}

.mp-portal-links-column {
padding-left: 5px;
line-height: 1.25em;
}

.mp-strapline-links {
font-size: 90%;
}

.mp-message-box {
display: flex;
flex: 1;
padding: 10px;
border: 1px solid #ddcef2;
background: #faf5ff;
}

h2.mp-h2 {
font-size: 130%;
font-weight: bold;
font-family: sans-serif;
border: 1px solid;
margin: 0 0 0.5em;
padding: 0.2em 0.4em;
}

h2.mp-h2-green {
background: #cef2e0;
border-color: #c2ddc5;
}

h2.mp-h2-blue {
background: #cedff2;
border-color: #b0c9d2;
}

h2.mp-h2-gray {
background: #eee;
border-color: #ddd;
}

#mp-container .force-float-right {
float: right !important;
}

#mp-section1 {
display: grid;
grid-template-columns: 1fr 2fr;
}

#mp-featured {
grid-column: 1;
grid-row: 1 / span 2;
}

#mp-LaNe-boxes {
grid-column: 2;
grid-row: 1;
}

#mp-news {
grid-column: 2;
grid-row: 2;
}

#mp-banner-right {
display: flex;
flex: 1;
min-width: 300px;

background: url(https://www.detectiveconanworld.com/wiki/images/thumb/f/fc/Main_Page_Banner_Background.png/1600px-Main_Page_Banner_Background.png?20260702220404);
background-color: #000;
background-repeat: no-repeat;
background-size: auto calc(var(--banner-height) * 2);
background-position-x: center;
background-position-y: top calc(-95px + (var(--banner-height) / 2));
}

@container mp-container (max-width: 825px) {
#mp-section1 {
display: flex;
}
#mp-section1,
#mp-section2,
#mp-bottom {
flex-flow: column;
}
}

@container mp-banner (max-width: 950px) {
#mp-banner-right {
display: none;
}
}
}}

User:AvidConanContributor/sandbox/Main Page

2026-07-03T03:07:14Z

AvidConanContributor:

<div id="mp-container" style="--gap-size: 6px; container: mp-container / inline-size; min-width: fit-content;">
<div id="mp-top" style="min-width: fit-content; width: 100%; gap: 0;">
<div id="mp-banner" class="mp-section" style="--banner-height: 150px; container: mp-banner / inline-size; column-gap: 0; background: #fcfcfc; width: initial; min-height: var(--banner-height); border: 1px solid #ccc;">
<div id="mp-banner-left" style="display: flex; flex-flow: wrap; flex: 2; padding: 5px 8px;">
<div id="mp-banner-intro" style="display: flex; flex: 1; flex-direction: column; min-width: 300px; justify-content: center; text-align: center;">
<div style="font-size: 200%; padding-bottom: 0.1em;">Welcome to Detective Conan Wiki,</div>
<div style="font-size: 95%;">the ultimate resource about Detective Conan.</div>
<div id="article-count" style="font-size: 85%;">This wiki contains a total of [[Special:Statistics|{{NUMBEROFARTICLES}}]] articles thus far.</div>
</div>
<div id="mp-banner-links" style="display: flex; flex: 1; min-width: 300px; justify-content: space-around; align-items: center;">
<div id="portal-links-1" class="mp-portal-links-column plainlinks">
* [http://www.detectiveconanworld.com Homepage]
* [http://www.detectiveconanworld.com/forum Forum]
* [http://www.detectiveconanworld.com/support Donate]
</div>
<div id="portal-links-2" class="mp-portal-links-column">
* [[Characters]]
* [[Anime]]
* [[Manga]]
</div>
<div id="portal-links-3" class="mp-portal-links-column">
* [[Movies]]
* [[OVAs]]
* [[Specials]]</div>
</div>
</div>
<div id="mp-banner-right" style="flex: 0.5; min-width: 50px; background: linear-gradient(to right, #fcfcfc, #0000);"></div>
</div>
<div id="mp-strapline" style="display: flex; justify-content: space-between; min-width: fit-content; width: 100%; margin: 4px 0 10px;">
<div id="strapline-links-left" class="mp-strapline-links">[[Wikipedia:Wikipedia:About|Overview]] '''·''' [[Wikipedia:Wikipedia:Tutorial|Editing]] '''·''' [[Wikipedia:Wikipedia:Questions|Questions]] '''·''' [[Wikipedia:Help:Contents|Help]]</div>
<div id="strapline-links-right" class="mp-strapline-links" style="text-align: right;">[[Special:RecentChanges|Recent Changes]] '''·''' [[Detective Conan Wiki:Guide|Guide]] '''·''' [[Special:Categories|Categories]] '''·''' [[Glossary|A–Z index]]</div>
</div>
</div>

<div id="mp-section1" class="mp-section">
<div id="mp-LaNe-boxes" style="border: 2px solid #ccc; min-height: 300px;">Latest/Next Boxes</div>
<div id="mp-featured" class="mp-object" style="flex: 1; display: flex; flex-wrap: wrap; flex-direction: column; gap: 10px; border: 1px solid #cef2e0; min-width: 300px; background: #f5fffa;">
<div style="min-width: 300px;"><h2 id="mp-aotm-h2" class="mp-h2 mp-h2-green">Article of the Month</h2>{{Detective Conan Wiki:Featured article}}</div>
<div style="min-width: 300px;"><h2 id="mp-featured-h2" class="mp-h2 mp-h2-green">Featured song</h2>{{Detective Conan Wiki:Featured song/January 7, 2024}}</div>
<div><h2 id="mp-dyk-h2" class="mp-h2 mp-h2-green">Did you know...</h2>[[File:Sherry's_Soliloquy.PNG|right|link=Sherry's soliloquy|100px|class=force-float-right|Sherry's soliloquy]]{{Did you know/4}}</div>
</div>
<div id="mp-news" class="mp-object" style="flex: 2; display: flex; flex-wrap: wrap; gap: 10px var(--gap-size); border: 1px solid #cedff2; background: #f5faff;">
<div style="flex: 2; min-width: 300px;"><h2 id="mp-itn-h2" class="mp-h2 mp-h2-blue">Latest news</h2><div id="mp-in-the-news">{{In the news}}</div></div>
<div style="flex: 1; min-width: 300px;"><h2 id="mp-rn-h2" class="mp-h2 mp-h2-blue">Release news</h2><div id="mp-release-news">{{Release news}}</div></div>
</div>
</div>

<div id="mp-section2" class="mp-section" style="padding-top: var(--gap-size);">
<div id="mp-topics" class="mp-object" style="flex: 3; display: flex; flex-wrap: wrap; gap: 10px var(--gap-size); border: 1px solid #cef2e0; background: #f5fffa;">
<div id="mp-general-topics" style="flex: 1; min-width: 300px;"><h2 id="mp-gt-h2" class="mp-h2 mp-h2-green">General topics</h2>
[[Image:Detective Conan Characters.jpg|110px|thumb|right|link=Characters|class=force-float-right|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
</div>
<div id="mp-specific-topics" style="flex: 1; min-width: 300px;"><h2 id="mp-st-h2" class="mp-h2 mp-h2-green">Specific topics</h2>
[[File:Volume 1.jpg|110px|thumb|right|link=Volume 1|class=force-float-right|First Manga volume of the series]]
* [[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
</div>
</div>
<div id="mp-dc-wiki-languages" class="mp-object" style="flex: 1; min-width: 260px; border: 1px solid #e2e2e2;">
<h2 class="mp-h2 mp-h2-gray">'''Languages'''</h2>
<div class="plainlinks">[https://conanwiki.org ConanWiki] - Deutsch (German)</div>
<div class="plainlinks">[https://ca.conanwiki.org ConanWiki en català] (Catalan)</div>
<div class="plainlinks">[https://fr.conanwiki.org ConanWiki en français] (French)</div>
<div class="plainlinks">[https://www.conanpedia.com/ Conanpedia] - 中文 (Chinese)</div>
</div>
</div>

<div id="mp-bottom" class="mp-section" style="padding-top: var(--gap-size)">
<div id="contributor-call" class="mp-message-box" style="display: flex; align-items: center;">
<div>{{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]]'''. <br> We also encourage editors to join our '''[{{int:Discord-url}} Discord server'''] as well, where we help each other out! Enjoy the conversation with Wiki contributors there by verifying your account conveniently in <code>#🌐verifizierung</code>.}}</div>
</div>
<div id="gfdl-disclaimer" class="mp-message-box" style="display: flex; align-items: center;">
[[Image:Info.png|left|link=]]
<div>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.</div>
</div>
</div>
</div>
__NOTOC____NOEDITSECTION__
{{code|css=
.mp-section {
display: flex;
flex-flow: wrap;
gap: var(--gap-size);
min-width: fit-content;
width: 100%;
}

.mp-object {
vertical-align: top;
border: 1px solid black;
padding: 10px;
}

.mp-portal-links-column {
padding-left: 5px;
line-height: 1.25em;
}

.mp-strapline-links {
font-size: 90%;
}

.mp-message-box {
display: flex;
flex: 1;
padding: 10px;
border: 1px solid #ddcef2;
background: #faf5ff;
}

h2.mp-h2 {
font-size: 130%;
font-weight: bold;
font-family: sans-serif;
border: 1px solid;
margin: 0 0 0.5em;
padding: 0.2em 0.4em;
}

h2.mp-h2-green {
background: #cef2e0;
border-color: #c2ddc5;
}

h2.mp-h2-blue {
background: #cedff2;
border-color: #b0c9d2;
}

h2.mp-h2-gray {
background: #eee;
border-color: #ddd;
}

#mp-container .force-float-right {
float: right !important;
}

#mp-section1 {
display: grid;
grid-template-columns: 1fr 2fr;
}

#mp-featured {
grid-column: 1;
grid-row: 1 / span 2;
}

#mp-LaNe-boxes {
grid-column: 2;
grid-row: 1;
}

#mp-news {
grid-column: 2;
grid-row: 2;
}

#mp-banner-right {
display: flex;
flex: 1;
min-width: 300px;

background: url(https://www.detectiveconanworld.com/wiki/images/thumb/f/fc/Main_Page_Banner_Background.png/1600px-Main_Page_Banner_Background.png?20260702220404);
background-color: #000;
background-repeat: no-repeat;
background-size: auto calc(var(--banner-height) * 2);
background-position-x: center;
background-position-y: top calc(-95px + (var(--banner-height) / 2));
}

@container mp-container (max-width: 825px) {
#mp-section1 {
display: flex;
}
#mp-section1,
#mp-section2,
#mp-bottom {
flex-flow: column;
}
}

@container mp-banner (max-width: 950px) {
#mp-banner-right {
display: none;
}
}
}}

User:AvidConanContributor/sandbox/Main Page

2026-07-02T23:27:19Z

AvidConanContributor:

<div id="mp-container" style="--gap-size: 6px; container: mp-container / inline-size; min-width: fit-content;">
<div id="mp-top" style="min-width: fit-content; width: 100%; gap: 0;">
<div id="mp-banner" class="mp-section" style="--banner-height: 150px; container: mp-banner / inline-size; column-gap: 0; background: #fcfcfc; width: initial; min-height: var(--banner-height); border: 1px solid #ccc;">
<div id="mp-banner-left" style="display: flex; flex-flow: wrap; flex: 2; padding: 5px 8px;">
<div id="mp-banner-intro" style="display: flex; flex: 1; flex-direction: column; min-width: 300px; justify-content: center; text-align: center;">
<div style="font-size: 200%; padding-bottom: 0.1em;">Welcome to Detective Conan Wiki,</div>
<div style="font-size: 95%;">the ultimate resource about Detective Conan.</div>
<div id="article-count" style="font-size: 85%;">This wiki contains a total of [[Special:Statistics|{{NUMBEROFARTICLES}}]] articles thus far.</div>
</div>
<div id="mp-banner-links" style="display: flex; flex: 1; min-width: 300px; justify-content: space-around; align-items: center;">
<div id="portal-links-1" class="mp-portal-links-column plainlinks">
* [http://www.detectiveconanworld.com Homepage]
* [http://www.detectiveconanworld.com/forum Forum]
* [http://www.detectiveconanworld.com/support Donate]
</div>
<div id="portal-links-2" class="mp-portal-links-column">
* [[Characters]]
* [[Anime]]
* [[Manga]]
</div>
<div id="portal-links-3" class="mp-portal-links-column">
* [[Movies]]
* [[OVAs]]
* [[Specials]]</div>
</div>
</div>
<div id="mp-banner-right">
<div id="mp-banner-gradient" style="flex: 0.5; min-width: 50px; background: linear-gradient(to right, #fcfcfc, #0000);"></div>
<div id="mp-banner-bg-space" style="flex: 2; min-width: 300px; height: 100%; overflow: hidden"></div>
</div>
</div>
<div id="mp-strapline" style="display: flex; justify-content: space-between; min-width: fit-content; width: 100%; margin: 4px 0 10px;">
<div id="strapline-links-left" class="mp-strapline-links">[[Wikipedia:Wikipedia:About|Overview]] '''·''' [[Wikipedia:Wikipedia:Tutorial|Editing]] '''·''' [[Wikipedia:Wikipedia:Questions|Questions]] '''·''' [[Wikipedia:Help:Contents|Help]]</div>
<div id="strapline-links-right" class="mp-strapline-links" style="text-align: right;">[[Special:RecentChanges|Recent Changes]] '''·''' [[Detective Conan Wiki:Guide|Guide]] '''·''' [[Special:Categories|Categories]] '''·''' [[Glossary|A–Z index]]</div>
</div>
</div>

<div id="mp-section1" class="mp-section">
<div id="mp-LaNe-boxes" style="border: 2px solid #ccc; min-height: 300px;">Latest/Next Boxes</div>
<div id="mp-featured" class="mp-object" style="flex: 1; display: flex; flex-wrap: wrap; flex-direction: column; gap: 10px; border: 1px solid #cef2e0; min-width: 300px; background: #f5fffa;">
<div style="min-width: 300px;"><h2 id="mp-aotm-h2" class="mp-h2 mp-h2-green">Article of the Month</h2>{{Detective Conan Wiki:Featured article}}</div>
<div style="min-width: 300px;"><h2 id="mp-featured-h2" class="mp-h2 mp-h2-green">Featured song</h2>{{Detective Conan Wiki:Featured song/January 7, 2024}}</div>
<div><h2 id="mp-dyk-h2" class="mp-h2 mp-h2-green">Did you know...</h2>[[File:Sherry's_Soliloquy.PNG|right|link=Sherry's soliloquy|100px|class=force-float-right|Sherry's soliloquy]]{{Did you know/4}}</div>
</div>
<div id="mp-news" class="mp-object" style="flex: 2; display: flex; flex-wrap: wrap; gap: 10px var(--gap-size); border: 1px solid #cedff2; background: #f5faff;">
<div style="flex: 2; min-width: 300px;"><h2 id="mp-itn-h2" class="mp-h2 mp-h2-blue">Latest news</h2><div id="mp-in-the-news">{{In the news}}</div></div>
<div style="flex: 1; min-width: 300px;"><h2 id="mp-rn-h2" class="mp-h2 mp-h2-blue">Release news</h2><div id="mp-release-news">{{Release news}}</div></div>
</div>
</div>

<div id="mp-section2" class="mp-section" style="padding-top: var(--gap-size);">
<div id="mp-topics" class="mp-object" style="flex: 3; display: flex; flex-wrap: wrap; gap: 10px var(--gap-size); border: 1px solid #cef2e0; background: #f5fffa;">
<div id="mp-general-topics" style="flex: 1; min-width: 300px;"><h2 id="mp-gt-h2" class="mp-h2 mp-h2-green">General topics</h2>
[[Image:Detective Conan Characters.jpg|110px|thumb|right|link=Characters|class=force-float-right|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
</div>
<div id="mp-specific-topics" style="flex: 1; min-width: 300px;"><h2 id="mp-st-h2" class="mp-h2 mp-h2-green">Specific topics</h2>
[[File:Volume 1.jpg|110px|thumb|right|link=Volume 1|class=force-float-right|First Manga volume of the series]]
* [[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
</div>
</div>
<div id="mp-dc-wiki-languages" class="mp-object" style="flex: 1; min-width: 260px; border: 1px solid #e2e2e2;">
<h2 class="mp-h2 mp-h2-gray">'''Languages'''</h2>
<div class="plainlinks">[https://conanwiki.org ConanWiki] - Deutsch (German)</div>
<div class="plainlinks">[https://ca.conanwiki.org ConanWiki en català] (Catalan)</div>
<div class="plainlinks">[https://fr.conanwiki.org ConanWiki en français] (French)</div>
<div class="plainlinks">[https://www.conanpedia.com/ Conanpedia] - 中文 (Chinese)</div>
</div>
</div>

<div id="mp-bottom" class="mp-section" style="padding-top: var(--gap-size)">
<div id="contributor-call" class="mp-message-box" style="display: flex; align-items: center;">
<div>{{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]]'''. <br> We also encourage editors to join our '''[{{int:Discord-url}} Discord server'''] as well, where we help each other out! Enjoy the conversation with Wiki contributors there by verifying your account conveniently in <code>#🌐verifizierung</code>.}}</div>
</div>
<div id="gfdl-disclaimer" class="mp-message-box" style="display: flex; align-items: center;">
[[Image:Info.png|left|link=]]
<div>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.</div>
</div>
</div>
</div>
__NOTOC____NOEDITSECTION__
{{code|css=
.mp-section {
display: flex;
flex-flow: wrap;
gap: var(--gap-size);
min-width: fit-content;
width: 100%;
}

.mp-object {
vertical-align: top;
border: 1px solid black;
padding: 10px;
}

.mp-portal-links-column {
padding-left: 5px;
line-height: 1.25em;
}

.mp-strapline-links {
font-size: 90%;
}

.mp-message-box {
display: flex;
flex: 1;
padding: 10px;
border: 1px solid #ddcef2;
background: #faf5ff;
}

h2.mp-h2 {
font-size: 130%;
font-weight: bold;
font-family: sans-serif;
border: 1px solid;
margin: 0 0 0.5em;
padding: 0.2em 0.4em;
}

h2.mp-h2-green {
background: #cef2e0;
border-color: #c2ddc5;
}

h2.mp-h2-blue {
background: #cedff2;
border-color: #b0c9d2;
}

h2.mp-h2-gray {
background: #eee;
border-color: #ddd;
}

#mp-container .force-float-right {
float: right !important;
}

#mp-section1 {
display: grid;
grid-template-columns: 1fr 2fr;
}

#mp-featured {
grid-column: 1;
grid-row: 1 / span 2;
}

#mp-LaNe-boxes {
grid-column: 2;
grid-row: 1;
}

#mp-news {
grid-column: 2;
grid-row: 2;
}

#mp-banner-right {
display: flex;
flex: 1;
min-width: 300px;

background: url(https://www.detectiveconanworld.com/wiki/images/thumb/f/fc/Main_Page_Banner_Background.png/1600px-Main_Page_Banner_Background.png?20260702220404);
background-color: #000;
background-repeat: no-repeat;
background-size: auto calc(var(--banner-height) * 2);
background-position-x: center;
background-position-y: top calc(-95px + (var(--banner-height) / 2));
}

@container mp-container (max-width: 825px) {
#mp-section1 {
display: flex;
}
#mp-section1,
#mp-section2,
#mp-bottom {
flex-flow: column;
}
}

@container mp-banner (max-width: 950px) {
#mp-banner-right {
display: none;
}
}
}}

User:AvidConanContributor/sandbox/Main Page

2026-07-02T23:26:34Z

AvidConanContributor:

<div id="mp-container" style="--gap-size: 6px; container: mp-container / inline-size; min-width: fit-content;">
<div id="mp-top" style="min-width: fit-content; width: 100%; gap: 0;">
<div id="mp-banner" class="mp-section" style="--banner-height: 150px; container: mp-banner / inline-size; column-gap: 0; background: #fcfcfc; width: initial; min-height: var(--banner-height); border: 1px solid #ccc;">
<div id="mp-banner-left" style="display: flex; flex-flow: wrap; flex: 2; padding: 5px 8px;">
<div id="mp-banner-intro" style="display: flex; flex: 1; flex-direction: column; min-width: 300px; justify-content: center; text-align: center;">
<div style="font-size: 200%; padding-bottom: 0.1em;">Welcome to Detective Conan Wiki,</div>
<div style="font-size: 95%;">the ultimate resource about Detective Conan.</div>
<div id="article-count" style="font-size: 85%;">This wiki contains a total of [[Special:Statistics|{{NUMBEROFARTICLES}}]] articles thus far.</div>
</div>
<div id="mp-banner-links" style="display: flex; flex: 1; min-width: 300px; justify-content: space-around; align-items: center;">
<div id="portal-links-1" class="mp-portal-links-column plainlinks">
* [http://www.detectiveconanworld.com Homepage]
* [http://www.detectiveconanworld.com/forum Forum]
* [http://www.detectiveconanworld.com/support Donate]
</div>
<div id="portal-links-2" class="mp-portal-links-column">
* [[Characters]]
* [[Anime]]
* [[Manga]]
</div>
<div id="portal-links-3" class="mp-portal-links-column">
* [[Movies]]
* [[OVAs]]
* [[Specials]]</div>
</div>
</div>
<div id="mp-banner-right">
<div id="mp-banner-gradient" style="flex: 0.5; min-width: 50px; background: linear-gradient(to right, #fcfcfc, #0000);"></div>
<div id="mp-banner-bg-space" style="flex: 2; min-width: 300px; height: 100%; overflow: hidden"></div>
</div>
</div>
<div id="mp-strapline" style="display: flex; justify-content: space-between; min-width: fit-content; width: 100%; margin: 4px 0 10px;">
<div id="strapline-links-left" class="mp-strapline-links">[[Wikipedia:Wikipedia:About|Overview]] '''·''' [[Wikipedia:Wikipedia:Tutorial|Editing]] '''·''' [[Wikipedia:Wikipedia:Questions|Questions]] '''·''' [[Wikipedia:Help:Contents|Help]]</div>
<div id="strapline-links-right" class="mp-strapline-links" style="text-align: right;">[[Special:RecentChanges|Recent Changes]] '''·''' [[Detective Conan Wiki:Guide|Guide]] '''·''' [[Special:Categories|Categories]] '''·''' [[Glossary|A–Z index]]</div>
</div>
</div>

<div id="mp-section1" class="mp-section">
<div id="mp-LaNe-boxes" style="border: 2px solid #ccc; min-height: 300px;">Latest/Next Boxes</div>
<div id="mp-featured" class="mp-object" style="flex: 1; display: flex; flex-wrap: wrap; flex-direction: column; gap: 10px; border: 1px solid #cef2e0; min-width: 300px; background: #f5fffa;">
<div style="min-width: 300px;"><h2 id="mp-aotm-h2" class="mp-h2 mp-h2-green">Article of the Month</h2>{{Detective Conan Wiki:Featured article}}</div>
<div style="min-width: 300px;"><h2 id="mp-featured-h2" class="mp-h2 mp-h2-green">Featured song</h2>{{Detective Conan Wiki:Featured song/January 7, 2024}}</div>
<div><h2 id="mp-dyk-h2" class="mp-h2 mp-h2-green">Did you know...</h2>[[File:Sherry's_Soliloquy.PNG|right|link=Sherry's soliloquy|100px|class=force-float-right|Sherry's soliloquy]]{{Did you know/4}}</div>
</div>
<div id="mp-news" class="mp-object" style="flex: 2; display: flex; flex-wrap: wrap; gap: 10px var(--gap-size); border: 1px solid #cedff2; background: #f5faff;">
<div style="flex: 2; min-width: 300px;"><h2 id="mp-itn-h2" class="mp-h2 mp-h2-blue">Latest news</h2><div id="mp-in-the-news">{{In the news}}</div></div>
<div style="flex: 1; min-width: 300px;"><h2 id="mp-rn-h2" class="mp-h2 mp-h2-blue">Release news</h2><div id="mp-release-news">{{Release news}}</div></div>
</div>
</div>

<div id="mp-section2" class="mp-section" style="padding-top: var(--gap-size);">
<div id="mp-topics" class="mp-object" style="flex: 3; display: flex; flex-wrap: wrap; gap: 10px var(--gap-size); border: 1px solid #cef2e0; background: #f5fffa;">
<div id="mp-general-topics" style="flex: 1; min-width: 300px;"><h2 id="mp-gt-h2" class="mp-h2 mp-h2-green">General topics</h2>
[[Image:Detective Conan Characters.jpg|110px|thumb|right|link=Characters|class=force-float-right|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
</div>
<div id="mp-specific-topics" style="flex: 1; min-width: 300px;"><h2 id="mp-st-h2" class="mp-h2 mp-h2-green">Specific topics</h2>
[[File:Volume 1.jpg|110px|thumb|right|link=Volume 1|class=force-float-right|First Manga volume of the series]]
* [[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
</div>
</div>
<div id="mp-dc-wiki-languages" class="mp-object" style="flex: 1; min-width: 260px; border: 1px solid #e2e2e2;">
<h2 class="mp-h2 mp-h2-gray">'''Languages'''</h2>
<div class="plainlinks">[https://conanwiki.org ConanWiki] - Deutsch (German)</div>
<div class="plainlinks">[https://ca.conanwiki.org ConanWiki en català] (Catalan)</div>
<div class="plainlinks">[https://fr.conanwiki.org ConanWiki en français] (French)</div>
<div class="plainlinks">[https://www.conanpedia.com/ Conanpedia] - 中文 (Chinese)</div>
</div>
</div>

<div id="mp-bottom" class="mp-section" style="padding-top: var(--gap-size)">
<div id="contributor-call" class="mp-message-box" style="display: flex; align-items: center;">
<div>{{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]]'''. <br> We also encourage editors to join our '''[{{int:Discord-url}} Discord server'''] as well, where we help each other out! Enjoy the conversation with Wiki contributors there by verifying your account conveniently in <code>#🌐verifizierung</code>.}}</div>
</div>
<div id="gfdl-disclaimer" class="mp-message-box" style="display: flex; align-items: center;">
[[Image:Info.png|left|link=]]
<div>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.</div>
</div>
</div>
</div>
__NOTOC____NOEDITSECTION__
{{code|css=
.mp-section {
display: flex;
flex-flow: wrap;
gap: var(--gap-size);
min-width: fit-content;
width: 100%;
}

.mp-object {
vertical-align: top;
border: 1px solid black;
padding: 10px;
}

.mp-portal-links-column {
padding-left: 5px;
line-height: 1.25em;
}

.mp-strapline-links {
font-size: 90%;
}

.mp-message-box {
display: flex;
flex: 1;
padding: 10px;
border: 1px solid #ddcef2;
background: #faf5ff;
}

h2.mp-h2 {
font-size: 130%;
font-weight: bold;
font-family: sans-serif;
border: 1px solid;
margin: 0 0 0.5em;
padding: 0.2em 0.4em;
}

h2.mp-h2-green {
background: #cef2e0;
border-color: #c2ddc5;
}

h2.mp-h2-blue {
background: #cedff2;
border-color: #b0c9d2;
}

h2.mp-h2-gray {
background: #eee;
border-color: #ddd;
}

#mp-container .force-float-right {
float: right !important;
}

#mp-section1 {
display: grid;
grid-template-columns: 1fr 2fr;
}

#mp-featured {
grid-column: 1;
grid-row: 1 / span 2;
}

#mp-LaNe-boxes {
grid-column: 2;
grid-row: 1;
}

#mp-news {
grid-column: 2;
grid-row: 2;
}

#mp-banner-right {
display: flex;
flex: 1;
min-width: 300px;

background: url(https://www.detectiveconanworld.com/wiki/images/thumb/f/fc/Main_Page_Banner_Background.png/1600px-Main_Page_Banner_Background.png?20260702220404);
backgound-color: #000;
background-repeat: no-repeat;
background-size: auto calc(var(--banner-height) * 2);
background-position-x: center;
background-position-y: top calc(-95px + (var(--banner-height) / 2));
}

@container mp-container (max-width: 825px) {
#mp-section1 {
display: flex;
}
#mp-section1,
#mp-section2,
#mp-bottom {
flex-flow: column;
}
}

@container mp-banner (max-width: 950px) {
#mp-banner-right {
display: none;
}
}
}}

User:AvidConanContributor/sandbox/Main Page

2026-07-02T23:20:11Z

AvidConanContributor:

<div id="mp-container" style="--gap-size: 6px; container: mp-container / inline-size; min-width: fit-content;">
<div id="mp-top" style="min-width: fit-content; width: 100%; gap: 0;">
<div id="mp-banner" class="mp-section" style="--banner-height: 150px; container: mp-banner / inline-size; column-gap: 0; background: #fcfcfc; width: initial; height: var(--banner-height); border: 1px solid #ccc;">
<div id="mp-banner-left" style="display: flex; flex-flow: wrap; flex: 2; padding: 5px 8px;">
<div id="mp-banner-intro" style="display: flex; flex: 1; flex-direction: column; min-width: 300px; justify-content: center; text-align: center;">
<div style="font-size: 162%; padding: 0.1em;">Welcome to Detective Conan Wiki,</div>
<div style="font-size: 95%;">the ultimate resource about Detective Conan.</div>
<div id="article-count" style="font-size: 85%;">This wiki contains a total of [[Special:Statistics|{{NUMBEROFARTICLES}}]] articles thus far.</div>
</div>
<div id="mp-banner-links" style="display: flex; flex: 1; min-width: 300px; justify-content: space-around; align-items: center;">
<div id="portal-links-1" class="mp-portal-links-column plainlinks">
* [http://www.detectiveconanworld.com Homepage]
* [http://www.detectiveconanworld.com/forum Forum]
* [http://www.detectiveconanworld.com/support Donate]
</div>
<div id="portal-links-2" class="mp-portal-links-column">
* [[Characters]]
* [[Anime]]
* [[Manga]]
</div>
<div id="portal-links-3" class="mp-portal-links-column">
* [[Movies]]
* [[OVAs]]
* [[Specials]]</div>
</div>
</div>
<div id="mp-banner-right">
<div id="mp-banner-gradient" style="flex: 0.5; min-width: 50px; background: linear-gradient(to right, #fcfcfc, #0000);"></div>
<div id="mp-banner-bg-space" style="flex: 2; min-width: 300px; height: 100%; overflow: hidden"></div>
</div>
</div>
<div id="mp-strapline" style="display: flex; justify-content: space-between; min-width: fit-content; width: 100%; margin: 4px 0 10px;">
<div id="strapline-links-left" class="mp-strapline-links">[[Wikipedia:Wikipedia:About|Overview]] '''·''' [[Wikipedia:Wikipedia:Tutorial|Editing]] '''·''' [[Wikipedia:Wikipedia:Questions|Questions]] '''·''' [[Wikipedia:Help:Contents|Help]]</div>
<div id="strapline-links-right" class="mp-strapline-links" style="text-align: right;">[[Special:RecentChanges|Recent Changes]] '''·''' [[Detective Conan Wiki:Guide|Guide]] '''·''' [[Special:Categories|Categories]] '''·''' [[Glossary|A–Z index]]</div>
</div>
</div>

<div id="mp-section1" class="mp-section">
<div id="mp-LaNe-boxes" style="border: 2px solid #ccc; min-height: 300px;">Latest/Next Boxes</div>
<div id="mp-featured" class="mp-object" style="flex: 1; display: flex; flex-wrap: wrap; flex-direction: column; gap: 10px; border: 1px solid #cef2e0; min-width: 300px; background: #f5fffa;">
<div style="min-width: 300px;"><h2 id="mp-aotm-h2" class="mp-h2 mp-h2-green">Article of the Month</h2>{{Detective Conan Wiki:Featured article}}</div>
<div style="min-width: 300px;"><h2 id="mp-featured-h2" class="mp-h2 mp-h2-green">Featured song</h2>{{Detective Conan Wiki:Featured song/January 7, 2024}}</div>
<div><h2 id="mp-dyk-h2" class="mp-h2 mp-h2-green">Did you know...</h2>[[File:Sherry's_Soliloquy.PNG|right|link=Sherry's soliloquy|100px|class=force-float-right|Sherry's soliloquy]]{{Did you know/4}}</div>
</div>
<div id="mp-news" class="mp-object" style="flex: 2; display: flex; flex-wrap: wrap; gap: 10px var(--gap-size); border: 1px solid #cedff2; background: #f5faff;">
<div style="flex: 2; min-width: 300px;"><h2 id="mp-itn-h2" class="mp-h2 mp-h2-blue">Latest news</h2><div id="mp-in-the-news">{{In the news}}</div></div>
<div style="flex: 1; min-width: 300px;"><h2 id="mp-rn-h2" class="mp-h2 mp-h2-blue">Release news</h2><div id="mp-release-news">{{Release news}}</div></div>
</div>
</div>

<div id="mp-section2" class="mp-section" style="padding-top: var(--gap-size);">
<div id="mp-topics" class="mp-object" style="flex: 3; display: flex; flex-wrap: wrap; gap: 10px var(--gap-size); border: 1px solid #cef2e0; background: #f5fffa;">
<div id="mp-general-topics" style="flex: 1; min-width: 300px;"><h2 id="mp-gt-h2" class="mp-h2 mp-h2-green">General topics</h2>
[[Image:Detective Conan Characters.jpg|110px|thumb|right|link=Characters|class=force-float-right|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
</div>
<div id="mp-specific-topics" style="flex: 1; min-width: 300px;"><h2 id="mp-st-h2" class="mp-h2 mp-h2-green">Specific topics</h2>
[[File:Volume 1.jpg|110px|thumb|right|link=Volume 1|class=force-float-right|First Manga volume of the series]]
* [[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
</div>
</div>
<div id="mp-dc-wiki-languages" class="mp-object" style="flex: 1; min-width: 260px; border: 1px solid #e2e2e2;">
<h2 class="mp-h2 mp-h2-gray">'''Languages'''</h2>
<div class="plainlinks">[https://conanwiki.org ConanWiki] - Deutsch (German)</div>
<div class="plainlinks">[https://ca.conanwiki.org ConanWiki en català] (Catalan)</div>
<div class="plainlinks">[https://fr.conanwiki.org ConanWiki en français] (French)</div>
<div class="plainlinks">[https://www.conanpedia.com/ Conanpedia] - 中文 (Chinese)</div>
</div>
</div>

<div id="mp-bottom" class="mp-section" style="padding-top: var(--gap-size)">
<div id="contributor-call" class="mp-message-box" style="display: flex; align-items: center;">
<div>{{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]]'''. <br> We also encourage editors to join our '''[{{int:Discord-url}} Discord server'''] as well, where we help each other out! Enjoy the conversation with Wiki contributors there by verifying your account conveniently in <code>#🌐verifizierung</code>.}}</div>
</div>
<div id="gfdl-disclaimer" class="mp-message-box" style="display: flex; align-items: center;">
[[Image:Info.png|left|link=]]
<div>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.</div>
</div>
</div>
</div>
__NOTOC____NOEDITSECTION__
{{code|css=
.mp-section {
display: flex;
flex-flow: wrap;
gap: var(--gap-size);
min-width: fit-content;
width: 100%;
}

.mp-object {
vertical-align: top;
border: 1px solid black;
padding: 10px;
}

.mp-portal-links-column {
padding-left: 5px;
line-height: 1.25em;
}

.mp-strapline-links {
font-size: 90%;
}

.mp-message-box {
display: flex;
flex: 1;
padding: 10px;
border: 1px solid #ddcef2;
background: #faf5ff;
}

h2.mp-h2 {
font-size: 130%;
font-weight: bold;
font-family: sans-serif;
border: 1px solid;
margin: 0 0 0.5em;
padding: 0.2em 0.4em;
}

h2.mp-h2-green {
background: #cef2e0;
border-color: #c2ddc5;
}

h2.mp-h2-blue {
background: #cedff2;
border-color: #b0c9d2;
}

h2.mp-h2-gray {
background: #eee;
border-color: #ddd;
}

#mp-container .force-float-right {
float: right !important;
}

#mp-section1 {
display: grid;
grid-template-columns: 1fr 2fr;
}

#mp-featured {
grid-column: 1;
grid-row: 1 / span 2;
}

#mp-LaNe-boxes {
grid-column: 2;
grid-row: 1;
}

#mp-news {
grid-column: 2;
grid-row: 2;
}

#mp-banner-right {
display: flex;
flex: 1;
min-width: 300px;

background: url(https://www.detectiveconanworld.com/wiki/images/thumb/f/fc/Main_Page_Banner_Background.png/1600px-Main_Page_Banner_Background.png?20260702220404);
backgound-color: #000;
background-repeat: no-repeat;
background-size: auto calc(var(--banner-height) * 2);
background-position-x: center;
background-position-y: top calc(-95px + (var(--banner-height) / 2));
}

@container mp-container (max-width: 825px) {
#mp-section1 {
display: flex;
}
#mp-section1,
#mp-section2,
#mp-bottom {
flex-flow: column;
}
}

@container mp-banner (max-width: 950px) {
#mp-banner-right {
display: none;
}
}
}}

User:AvidConanContributor/sandbox/Main Page

2026-07-02T23:15:58Z

AvidConanContributor:

<div id="mp-container" style="--gap-size: 6px; container: mp-container / inline-size; min-width: fit-content;">
<div id="mp-top" style="min-width: fit-content; width: 100%; gap: 0;">
<div id="mp-banner" class="mp-section" style="--banner-height: 150px; container: mp-banner / inline-size; column-gap: 0; background: #fcfcfc; width: initial; height: var(--banner-height); border: 1px solid #ccc;">
<div id="mp-banner-left" style="display: flex; flex-flow: wrap; flex: 2; padding: 5px 8px;">
<div id="mp-banner-intro" style="display: flex; flex: 1; flex-direction: column; min-width: 300px; justify-content: center; text-align: center;">
<div style="font-size: 162%; padding: 0.1em;">Welcome to Detective Conan Wiki,</div>
<div style="font-size: 95%;">the ultimate resource about Detective Conan.</div>
<div id="article-count" style="font-size: 85%;">This wiki contains a total of [[Special:Statistics|{{NUMBEROFARTICLES}}]] articles thus far.</div>
</div>
<div id="mp-banner-links" style="display: flex; flex: 1; min-width: 300px; justify-content: space-around; align-items: center;">
<div id="portal-links-1" class="mp-portal-links-column plainlinks">
* [http://www.detectiveconanworld.com Homepage]
* [http://www.detectiveconanworld.com/forum Forum]
* [http://www.detectiveconanworld.com/support Donate]
</div>
<div id="portal-links-2" class="mp-portal-links-column">
* [[Characters]]
* [[Anime]]
* [[Manga]]
</div>
<div id="portal-links-3" class="mp-portal-links-column">
* [[Movies]]
* [[OVAs]]
* [[Specials]]</div>
</div>
</div>
<div id="mp-banner-right">
<div id="mp-banner-gradient" style="flex: 0.5; min-width: 50px; background: linear-gradient(to right, #fcfcfc, #0000);"></div>
<div id="mp-banner-bg-space" style="flex: 2; min-width: 300px; height: 100%; overflow: hidden"></div>
</div>
</div>
<div id="mp-strapline" style="display: flex; justify-content: space-between; min-width: fit-content; width: 100%; margin: 4px 0 10px;">
<div id="strapline-links-left" class="mp-strapline-links">[[Wikipedia:Wikipedia:About|Overview]] '''·''' [[Wikipedia:Wikipedia:Tutorial|Editing]] '''·''' [[Wikipedia:Wikipedia:Questions|Questions]] '''·''' [[Wikipedia:Help:Contents|Help]]</div>
<div id="strapline-links-right" class="mp-strapline-links" style="text-align: right;">[[Special:RecentChanges|Recent Changes]] '''·''' [[Detective Conan Wiki:Guide|Guide]] '''·''' [[Special:Categories|Categories]] '''·''' [[Glossary|A–Z index]]</div>
</div>
</div>

<div id="mp-section1" class="mp-section">
<div id="mp-LaNe-boxes" style="border: 2px solid #ccc; min-height: 300px;">Latest/Next Boxes</div>
<div id="mp-featured" class="mp-object" style="flex: 1; display: flex; flex-wrap: wrap; flex-direction: column; gap: 10px; border: 1px solid #cef2e0; min-width: 300px; background: #f5fffa;">
<div style="min-width: 300px;"><h2 id="mp-aotm-h2" class="mp-h2 mp-h2-green">Article of the Month</h2>{{Detective Conan Wiki:Featured article}}</div>
<div style="min-width: 300px;"><h2 id="mp-featured-h2" class="mp-h2 mp-h2-green">Featured song</h2>{{Detective Conan Wiki:Featured song/January 7, 2024}}</div>
<div><h2 id="mp-dyk-h2" class="mp-h2 mp-h2-green">Did you know...</h2>[[File:Sherry's_Soliloquy.PNG|right|link=Sherry's soliloquy|100px|class=force-float-right|Sherry's soliloquy]]{{Did you know/4}}</div>
</div>
<div id="mp-news" class="mp-object" style="flex: 2; display: flex; flex-wrap: wrap; gap: 10px var(--gap-size); border: 1px solid #cedff2; background: #f5faff;">
<div style="flex: 2; min-width: 300px;"><h2 id="mp-itn-h2" class="mp-h2 mp-h2-blue">Latest news</h2><div id="mp-in-the-news">{{In the news}}</div></div>
<div style="flex: 1; min-width: 300px;"><h2 id="mp-rn-h2" class="mp-h2 mp-h2-blue">Release news</h2><div id="mp-release-news">{{Release news}}</div></div>
</div>
</div>

<div id="mp-section2" class="mp-section" style="padding-top: var(--gap-size);">
<div id="mp-topics" class="mp-object" style="flex: 3; display: flex; flex-wrap: wrap; gap: 10px var(--gap-size); border: 1px solid #cef2e0; background: #f5fffa;">
<div id="mp-general-topics" style="flex: 1; min-width: 300px;"><h2 id="mp-gt-h2" class="mp-h2 mp-h2-green">General topics</h2>
[[Image:Detective Conan Characters.jpg|110px|thumb|right|link=Characters|class=force-float-right|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
</div>
<div id="mp-specific-topics" style="flex: 1; min-width: 300px;"><h2 id="mp-st-h2" class="mp-h2 mp-h2-green">Specific topics</h2>
[[File:Volume 1.jpg|110px|thumb|right|link=Volume 1|class=force-float-right|First Manga volume of the series]]
* [[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
</div>
</div>
<div id="mp-dc-wiki-languages" class="mp-object" style="flex: 1; min-width: 260px; border: 1px solid #e2e2e2;">
<h2 class="mp-h2 mp-h2-gray">'''Languages'''</h2>
<div class="plainlinks">[https://conanwiki.org ConanWiki] - Deutsch (German)</div>
<div class="plainlinks">[https://ca.conanwiki.org ConanWiki en català] (Catalan)</div>
<div class="plainlinks">[https://fr.conanwiki.org ConanWiki en français] (French)</div>
<div class="plainlinks">[https://www.conanpedia.com/ Conanpedia] - 中文 (Chinese)</div>
</div>
</div>

<div id="mp-bottom" class="mp-section" style="padding-top: var(--gap-size)">
<div id="contributor-call" class="mp-message-box" style="display: flex; align-items: center;">
<div>{{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]]'''. <br> We also encourage editors to join our '''[{{int:Discord-url}} Discord server'''] as well, where we help each other out! Enjoy the conversation with Wiki contributors there by verifying your account conveniently in <code>#🌐verifizierung</code>.}}</div>
</div>
<div id="gfdl-disclaimer" class="mp-message-box" style="display: flex; align-items: center;">
[[Image:Info.png|left|link=]]
<div>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.</div>
</div>
</div>
</div>
__NOTOC____NOEDITSECTION__
{{code|css=
.mp-section {
display: flex;
flex-flow: wrap;
gap: var(--gap-size);
min-width: fit-content;
width: 100%;
}

.mp-object {
vertical-align: top;
border: 1px solid black;
padding: 10px;
}

.mp-portal-links-column {
padding-left: 5px;
line-height: 1.25em;
}

.mp-strapline-links {
font-size: 90%;
}

.mp-message-box {
display: flex;
flex: 1;
padding: 10px;
border: 1px solid #ddcef2;
background: #faf5ff;
}

h2.mp-h2 {
font-size: 130%;
font-weight: bold;
font-family: sans-serif;
border: 1px solid;
margin: 0 0 0.5em;
padding: 0.2em 0.4em;
}

h2.mp-h2-green {
background: #cef2e0;
border-color: #c2ddc5;
}

h2.mp-h2-blue {
background: #cedff2;
border-color: #b0c9d2;
}

h2.mp-h2-gray {
background: #eee;
border-color: #ddd;
}

#mp-container .force-float-right {
float: right !important;
}

#mp-section1 {
display: grid;
grid-template-columns: 1fr 2fr;
}

#mp-featured {
grid-column: 1;
grid-row: 1 / span 2;
}

#mp-LaNe-boxes {
grid-column: 2;
grid-row: 1;
}

#mp-news {
grid-column: 2;
grid-row: 2;
}

#mp-banner-right {
display: flex;
flex: 1;
min-width: 300px;

background: url(https://www.detectiveconanworld.com/wiki/images/thumb/f/fc/Main_Page_Banner_Background.png/1600px-Main_Page_Banner_Background.png?20260702220404);
backgound-color: #000;
background-repeat: no-repeat;
background-size: auto calc(var(--banner-height) * 2);
background-position-x: center;
background-position-y: top calc(-95px + (var(--banner-height) / 2));
}

@container mp-container (max-width: 825px) {
#mp-section1 {
display: flex;
}
#mp-section1,
#mp-section2,
#mp-bottom {
flex-flow: column;
}
}

@container mp-banner (max-width: 1000px) {
#mp-banner-right {
display: none;
}
}
}}

User:AvidConanContributor/sandbox/Main Page

2026-07-02T23:12:57Z

AvidConanContributor:

<div id="mp-container" style="--gap-size: 6px; container: mp-container / inline-size; min-width: fit-content;">
<div id="mp-top" style="min-width: fit-content; width: 100%; gap: 0;">
<div id="mp-banner" class="mp-section" style="--banner-height: 150px; container: mp-banner / inline-size; column-gap: 0; background: #fcfcfc; width: initial; height: var(--banner-height); border: 1px solid #ccc;">
<div id="mp-banner-left" style="display: flex; flex: 2; padding: 5px 8px;">
<div id="mp-banner-intro" style="display: flex; flex: 1; flex-direction: column; min-width: 300px; justify-content: center; text-align: center;">
<div style="font-size: 162%; padding: 0.1em;">Welcome to Detective Conan Wiki,</div>
<div style="font-size: 95%;">the ultimate resource about Detective Conan.</div>
<div id="article-count" style="font-size: 85%;">This wiki contains a total of [[Special:Statistics|{{NUMBEROFARTICLES}}]] articles thus far.</div>
</div>
<div id="mp-banner-links" style="display: flex; flex: 1; min-width: 300px; justify-content: space-around; align-items: center;">
<div id="portal-links-1" class="mp-portal-links-column plainlinks">
* [http://www.detectiveconanworld.com Homepage]
* [http://www.detectiveconanworld.com/forum Forum]
* [http://www.detectiveconanworld.com/support Donate]
</div>
<div id="portal-links-2" class="mp-portal-links-column">
* [[Characters]]
* [[Anime]]
* [[Manga]]
</div>
<div id="portal-links-3" class="mp-portal-links-column">
* [[Movies]]
* [[OVAs]]
* [[Specials]]</div>
</div>
</div>
<div id="mp-banner-right" style="display: flex; flex: 1; min-width: 300px;">
<div id="mp-banner-gradient" style="flex: 0.5; min-width: 50px; background: linear-gradient(to right, #fcfcfc, #0000);"></div>
<div id="mp-banner-bg-space" style="flex: 2; min-width: 300px; height: 100%; overflow: hidden"></div>
</div>
</div>
<div id="mp-strapline" style="display: flex; justify-content: space-between; min-width: fit-content; width: 100%; margin: 4px 0 10px;">
<div id="strapline-links-left" class="mp-strapline-links">[[Wikipedia:Wikipedia:About|Overview]] '''·''' [[Wikipedia:Wikipedia:Tutorial|Editing]] '''·''' [[Wikipedia:Wikipedia:Questions|Questions]] '''·''' [[Wikipedia:Help:Contents|Help]]</div>
<div id="strapline-links-right" class="mp-strapline-links" style="text-align: right;">[[Special:RecentChanges|Recent Changes]] '''·''' [[Detective Conan Wiki:Guide|Guide]] '''·''' [[Special:Categories|Categories]] '''·''' [[Glossary|A–Z index]]</div>
</div>
</div>

<div id="mp-section1" class="mp-section">
<div id="mp-LaNe-boxes" style="border: 2px solid #ccc; min-height: 300px;">Latest/Next Boxes</div>
<div id="mp-featured" class="mp-object" style="flex: 1; display: flex; flex-wrap: wrap; flex-direction: column; gap: 10px; border: 1px solid #cef2e0; min-width: 300px; background: #f5fffa;">
<div style="min-width: 300px;"><h2 id="mp-aotm-h2" class="mp-h2 mp-h2-green">Article of the Month</h2>{{Detective Conan Wiki:Featured article}}</div>
<div style="min-width: 300px;"><h2 id="mp-featured-h2" class="mp-h2 mp-h2-green">Featured song</h2>{{Detective Conan Wiki:Featured song/January 7, 2024}}</div>
<div><h2 id="mp-dyk-h2" class="mp-h2 mp-h2-green">Did you know...</h2>[[File:Sherry's_Soliloquy.PNG|right|link=Sherry's soliloquy|100px|class=force-float-right|Sherry's soliloquy]]{{Did you know/4}}</div>
</div>
<div id="mp-news" class="mp-object" style="flex: 2; display: flex; flex-wrap: wrap; gap: 10px var(--gap-size); border: 1px solid #cedff2; background: #f5faff;">
<div style="flex: 2; min-width: 300px;"><h2 id="mp-itn-h2" class="mp-h2 mp-h2-blue">Latest news</h2><div id="mp-in-the-news">{{In the news}}</div></div>
<div style="flex: 1; min-width: 300px;"><h2 id="mp-rn-h2" class="mp-h2 mp-h2-blue">Release news</h2><div id="mp-release-news">{{Release news}}</div></div>
</div>
</div>

<div id="mp-section2" class="mp-section" style="padding-top: var(--gap-size);">
<div id="mp-topics" class="mp-object" style="flex: 3; display: flex; flex-wrap: wrap; gap: 10px var(--gap-size); border: 1px solid #cef2e0; background: #f5fffa;">
<div id="mp-general-topics" style="flex: 1; min-width: 300px;"><h2 id="mp-gt-h2" class="mp-h2 mp-h2-green">General topics</h2>
[[Image:Detective Conan Characters.jpg|110px|thumb|right|link=Characters|class=force-float-right|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
</div>
<div id="mp-specific-topics" style="flex: 1; min-width: 300px;"><h2 id="mp-st-h2" class="mp-h2 mp-h2-green">Specific topics</h2>
[[File:Volume 1.jpg|110px|thumb|right|link=Volume 1|class=force-float-right|First Manga volume of the series]]
* [[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
</div>
</div>
<div id="mp-dc-wiki-languages" class="mp-object" style="flex: 1; min-width: 260px; border: 1px solid #e2e2e2;">
<h2 class="mp-h2 mp-h2-gray">'''Languages'''</h2>
<div class="plainlinks">[https://conanwiki.org ConanWiki] - Deutsch (German)</div>
<div class="plainlinks">[https://ca.conanwiki.org ConanWiki en català] (Catalan)</div>
<div class="plainlinks">[https://fr.conanwiki.org ConanWiki en français] (French)</div>
<div class="plainlinks">[https://www.conanpedia.com/ Conanpedia] - 中文 (Chinese)</div>
</div>
</div>

<div id="mp-bottom" class="mp-section" style="padding-top: var(--gap-size)">
<div id="contributor-call" class="mp-message-box" style="display: flex; align-items: center;">
<div>{{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]]'''. <br> We also encourage editors to join our '''[{{int:Discord-url}} Discord server'''] as well, where we help each other out! Enjoy the conversation with Wiki contributors there by verifying your account conveniently in <code>#🌐verifizierung</code>.}}</div>
</div>
<div id="gfdl-disclaimer" class="mp-message-box" style="display: flex; align-items: center;">
[[Image:Info.png|left|link=]]
<div>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.</div>
</div>
</div>
</div>
__NOTOC____NOEDITSECTION__
{{code|css=
.mp-section {
display: flex;
flex-flow: wrap;
gap: var(--gap-size);
min-width: fit-content;
width: 100%;
}

.mp-object {
vertical-align: top;
border: 1px solid black;
padding: 10px;
}

.mp-portal-links-column {
padding-left: 5px;
line-height: 1.25em;
}

.mp-strapline-links {
font-size: 90%;
}

.mp-message-box {
display: flex;
flex: 1;
padding: 10px;
border: 1px solid #ddcef2;
background: #faf5ff;
}

h2.mp-h2 {
font-size: 130%;
font-weight: bold;
font-family: sans-serif;
border: 1px solid;
margin: 0 0 0.5em;
padding: 0.2em 0.4em;
}

h2.mp-h2-green {
background: #cef2e0;
border-color: #c2ddc5;
}

h2.mp-h2-blue {
background: #cedff2;
border-color: #b0c9d2;
}

h2.mp-h2-gray {
background: #eee;
border-color: #ddd;
}

#mp-container .force-float-right {
float: right !important;
}

#mp-section1 {
display: grid;
grid-template-columns: 1fr 2fr;
}

#mp-featured {
grid-column: 1;
grid-row: 1 / span 2;
}

#mp-LaNe-boxes {
grid-column: 2;
grid-row: 1;
}

#mp-news {
grid-column: 2;
grid-row: 2;
}

#mp-banner-right {
display: flex;
flex: 1;
min-width: 300px;

background: url(https://www.detectiveconanworld.com/wiki/images/thumb/f/fc/Main_Page_Banner_Background.png/1600px-Main_Page_Banner_Background.png?20260702220404);
backgound-color: #000;
background-repeat: no-repeat;
background-size: auto calc(var(--banner-height) * 2);
background-position-x: center;
background-position-y: top calc(-95px + (var(--banner-height) / 2));
}

@container mp-container (max-width: 825px) {
#mp-section1 {
display: flex;
}
#mp-section1,
#mp-section2,
#mp-bottom {
flex-flow: column;
}
}

@container mp-banner (max-width: 1000px) {
#mp-banner-right {
display: none;
}
}
}}

User:AvidConanContributor/sandbox/Main Page

2026-07-02T23:10:43Z

AvidConanContributor:

<div id="mp-container" style="--gap-size: 6px; container: mp-container / inline-size; min-width: fit-content;">
<div id="mp-top" style="min-width: fit-content; width: 100%; gap: 0;">
<div id="mp-banner" class="mp-section" style="--banner-height: 150px; container: mp-banner / inline-size; column-gap: 0; background: #fcfcfc; width: initial; height: var(--banner-height); border: 1px solid #ccc;">
<div id="mp-banner-left" style="display: flex; flex: 2; padding: 5px 8px;">
<div id="mp-banner-intro" style="display: flex; flex: 1; flex-direction: column; min-width: 300px; justify-content: center; text-align: center;">
<div style="font-size: 162%; padding: 0.1em;">Welcome to Detective Conan Wiki,</div>
<div style="font-size: 95%;">the ultimate resource about Detective Conan.</div>
<div id="article-count" style="font-size: 85%;">This wiki contains a total of [[Special:Statistics|{{NUMBEROFARTICLES}}]] articles thus far.</div>
</div>
<div id="mp-banner-links" style="display: flex; flex: 1; min-width: 300px; justify-content: space-around; align-items: center;">
<div id="portal-links-1" class="mp-portal-links-column plainlinks">
* [http://www.detectiveconanworld.com Homepage]
* [http://www.detectiveconanworld.com/forum Forum]
* [http://www.detectiveconanworld.com/support Donate]
</div>
<div id="portal-links-2" class="mp-portal-links-column">
* [[Characters]]
* [[Anime]]
* [[Manga]]
</div>
<div id="portal-links-3" class="mp-portal-links-column">
* [[Movies]]
* [[OVAs]]
* [[Specials]]</div>
</div>
</div>
<div id="mp-banner-right" style="display: flex; flex: 1; min-width: 300px;">
<div id="mp-banner-gradient" style="flex: 0.5; min-width: 50px; background: linear-gradient(to right, #fcfcfc, #0000);"></div>
<div id="mp-banner-bg-space" style="flex: 2; min-width: 300px; height: 100%; overflow: hidden"></div>
</div>
</div>
<div id="mp-strapline" style="display: flex; justify-content: space-between; min-width: fit-content; width: 100%; margin: 4px 0 10px;">
<div id="strapline-links-left" class="mp-strapline-links">[[Wikipedia:Wikipedia:About|Overview]] '''·''' [[Wikipedia:Wikipedia:Tutorial|Editing]] '''·''' [[Wikipedia:Wikipedia:Questions|Questions]] '''·''' [[Wikipedia:Help:Contents|Help]]</div>
<div id="strapline-links-right" class="mp-strapline-links" style="text-align: right;">[[Special:RecentChanges|Recent Changes]] '''·''' [[Detective Conan Wiki:Guide|Guide]] '''·''' [[Special:Categories|Categories]] '''·''' [[Glossary|A–Z index]]</div>
</div>
</div>

<div id="mp-section1" class="mp-section">
<div id="mp-LaNe-boxes" style="border: 2px solid #ccc; min-height: 300px;">Latest/Next Boxes</div>
<div id="mp-featured" class="mp-object" style="flex: 1; display: flex; flex-wrap: wrap; flex-direction: column; gap: 10px; border: 1px solid #cef2e0; min-width: 300px; background: #f5fffa;">
<div style="min-width: 300px;"><h2 id="mp-aotm-h2" class="mp-h2 mp-h2-green">Article of the Month</h2>{{Detective Conan Wiki:Featured article}}</div>
<div style="min-width: 300px;"><h2 id="mp-featured-h2" class="mp-h2 mp-h2-green">Featured song</h2>{{Detective Conan Wiki:Featured song/January 7, 2024}}</div>
<div><h2 id="mp-dyk-h2" class="mp-h2 mp-h2-green">Did you know...</h2>[[File:Sherry's_Soliloquy.PNG|right|link=Sherry's soliloquy|100px|class=force-float-right|Sherry's soliloquy]]{{Did you know/4}}</div>
</div>
<div id="mp-news" class="mp-object" style="flex: 2; display: flex; flex-wrap: wrap; gap: 10px var(--gap-size); border: 1px solid #cedff2; background: #f5faff;">
<div style="flex: 2; min-width: 300px;"><h2 id="mp-itn-h2" class="mp-h2 mp-h2-blue">Latest news</h2><div id="mp-in-the-news">{{In the news}}</div></div>
<div style="flex: 1; min-width: 300px;"><h2 id="mp-rn-h2" class="mp-h2 mp-h2-blue">Release news</h2><div id="mp-release-news">{{Release news}}</div></div>
</div>
</div>

<div id="mp-section2" class="mp-section" style="padding-top: var(--gap-size);">
<div id="mp-topics" class="mp-object" style="flex: 3; display: flex; flex-wrap: wrap; gap: 10px var(--gap-size); border: 1px solid #cef2e0; background: #f5fffa;">
<div id="mp-general-topics" style="flex: 1; min-width: 300px;"><h2 id="mp-gt-h2" class="mp-h2 mp-h2-green">General topics</h2>
[[Image:Detective Conan Characters.jpg|110px|thumb|right|link=Characters|class=force-float-right|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
</div>
<div id="mp-specific-topics" style="flex: 1; min-width: 300px;"><h2 id="mp-st-h2" class="mp-h2 mp-h2-green">Specific topics</h2>
[[File:Volume 1.jpg|110px|thumb|right|link=Volume 1|class=force-float-right|First Manga volume of the series]]
* [[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
</div>
</div>
<div id="mp-dc-wiki-languages" class="mp-object" style="flex: 1; min-width: 260px; border: 1px solid #e2e2e2;">
<h2 class="mp-h2 mp-h2-gray">'''Languages'''</h2>
<div class="plainlinks">[https://conanwiki.org ConanWiki] - Deutsch (German)</div>
<div class="plainlinks">[https://ca.conanwiki.org ConanWiki en català] (Catalan)</div>
<div class="plainlinks">[https://fr.conanwiki.org ConanWiki en français] (French)</div>
<div class="plainlinks">[https://www.conanpedia.com/ Conanpedia] - 中文 (Chinese)</div>
</div>
</div>

<div id="mp-bottom" class="mp-section" style="padding-top: var(--gap-size)">
<div id="contributor-call" class="mp-message-box" style="display: flex; align-items: center;">
<div>{{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]]'''. <br> We also encourage editors to join our '''[{{int:Discord-url}} Discord server'''] as well, where we help each other out! Enjoy the conversation with Wiki contributors there by verifying your account conveniently in <code>#🌐verifizierung</code>.}}</div>
</div>
<div id="gfdl-disclaimer" class="mp-message-box" style="display: flex; align-items: center;">
[[Image:Info.png|left|link=]]
<div>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.</div>
</div>
</div>
</div>
__NOTOC____NOEDITSECTION__
{{code|css=
.mp-section {
display: flex;
flex-flow: wrap;
gap: var(--gap-size);
min-width: fit-content;
width: 100%;
}

.mp-object {
vertical-align: top;
border: 1px solid black;
padding: 10px;
}

.mp-portal-links-column {
padding-left: 5px;
line-height: 1.25em;
}

.mp-strapline-links {
font-size: 90%;
}

.mp-message-box {
display: flex;
flex: 1;
padding: 10px;
border: 1px solid #ddcef2;
background: #faf5ff;
}

h2.mp-h2 {
font-size: 130%;
font-weight: bold;
font-family: sans-serif;
border: 1px solid;
margin: 0 0 0.5em;
padding: 0.2em 0.4em;
}

h2.mp-h2-green {
background: #cef2e0;
border-color: #c2ddc5;
}

h2.mp-h2-blue {
background: #cedff2;
border-color: #b0c9d2;
}

h2.mp-h2-gray {
background: #eee;
border-color: #ddd;
}

#mp-container .force-float-right {
float: right !important;
}

#mp-section1 {
display: grid;
grid-template-columns: 1fr 2fr;
}

#mp-featured {
grid-column: 1;
grid-row: 1 / span 2;
}

#mp-LaNe-boxes {
grid-column: 2;
grid-row: 1;
}

#mp-news {
grid-column: 2;
grid-row: 2;
}

#mp-banner-right {
background: url(https://www.detectiveconanworld.com/wiki/images/thumb/f/fc/Main_Page_Banner_Background.png/1600px-Main_Page_Banner_Background.png?20260702220404);
backgound-color: #000;
background-repeat: no-repeat;
background-size: auto calc(var(--banner-height) * 2);
background-position-x: center;
background-position-y: top calc(-95px + (var(--banner-height) / 2));
}

@container mp-container (max-width: 825px) {
#mp-section1 {
display: flex;
}
#mp-section1,
#mp-section2,
#mp-bottom {
flex-flow: column;
}
}

@container mp-banner (max-width: 1000px) {
#mp-banner-right {
display: none;
}
}
}}

User:AvidConanContributor/sandbox/Main Page

2026-07-02T23:07:19Z

AvidConanContributor:

<div id="mp-container" style="--gap-size: 6px; container: mp-container / inline-size; min-width: fit-content;">
<div id="mp-top" style="min-width: fit-content; width: 100%; gap: 0;">
<div id="mp-banner" class="mp-section" style="--banner-height: 150px; column-gap: 0; background: #fcfcfc; width: initial; height: var(--banner-height); border: 1px solid #ccc;">
<div id="mp-banner-left" style="display: flex; flex: 2; padding: 5px 8px;">
<div id="mp-banner-intro" style="display: flex; flex: 1; flex-direction: column; min-width: 300px; justify-content: center; text-align: center;">
<div style="font-size: 162%; padding: 0.1em;">Welcome to Detective Conan Wiki,</div>
<div style="font-size: 95%;">the ultimate resource about Detective Conan.</div>
<div id="article-count" style="font-size: 85%;">This wiki contains a total of [[Special:Statistics|{{NUMBEROFARTICLES}}]] articles thus far.</div>
</div>
<div id="mp-banner-links" style="display: flex; flex: 1; min-width: 300px; justify-content: space-around; align-items: center;">
<div id="portal-links-1" class="mp-portal-links-column plainlinks">
* [http://www.detectiveconanworld.com Homepage]
* [http://www.detectiveconanworld.com/forum Forum]
* [http://www.detectiveconanworld.com/support Donate]
</div>
<div id="portal-links-2" class="mp-portal-links-column">
* [[Characters]]
* [[Anime]]
* [[Manga]]
</div>
<div id="portal-links-3" class="mp-portal-links-column">
* [[Movies]]
* [[OVAs]]
* [[Specials]]</div>
</div>
</div>
<div id="mp-banner-right" style="display: flex; flex: 1; min-width: 300px;">
<div id="mp-banner-gradient" style="flex: 0.5; min-width: 50px; background: linear-gradient(to right, #fcfcfc, #0000);"></div>
<div id="mp-banner-bg-space" style="flex: 2; min-width: 300px; height: 100%; overflow: hidden"></div>
</div>
</div>
<div id="mp-strapline" style="display: flex; justify-content: space-between; min-width: fit-content; width: 100%; margin: 4px 0 10px;">
<div id="strapline-links-left" class="mp-strapline-links">[[Wikipedia:Wikipedia:About|Overview]] '''·''' [[Wikipedia:Wikipedia:Tutorial|Editing]] '''·''' [[Wikipedia:Wikipedia:Questions|Questions]] '''·''' [[Wikipedia:Help:Contents|Help]]</div>
<div id="strapline-links-right" class="mp-strapline-links" style="text-align: right;">[[Special:RecentChanges|Recent Changes]] '''·''' [[Detective Conan Wiki:Guide|Guide]] '''·''' [[Special:Categories|Categories]] '''·''' [[Glossary|A–Z index]]</div>
</div>
</div>

<div id="mp-section1" class="mp-section">
<div id="mp-LaNe-boxes" style="border: 2px solid #ccc; min-height: 300px;">Latest/Next Boxes</div>
<div id="mp-featured" class="mp-object" style="flex: 1; display: flex; flex-wrap: wrap; flex-direction: column; gap: 10px; border: 1px solid #cef2e0; min-width: 300px; background: #f5fffa;">
<div style="min-width: 300px;"><h2 id="mp-aotm-h2" class="mp-h2 mp-h2-green">Article of the Month</h2>{{Detective Conan Wiki:Featured article}}</div>
<div style="min-width: 300px;"><h2 id="mp-featured-h2" class="mp-h2 mp-h2-green">Featured song</h2>{{Detective Conan Wiki:Featured song/January 7, 2024}}</div>
<div><h2 id="mp-dyk-h2" class="mp-h2 mp-h2-green">Did you know...</h2>[[File:Sherry's_Soliloquy.PNG|right|link=Sherry's soliloquy|100px|class=force-float-right|Sherry's soliloquy]]{{Did you know/4}}</div>
</div>
<div id="mp-news" class="mp-object" style="flex: 2; display: flex; flex-wrap: wrap; gap: 10px var(--gap-size); border: 1px solid #cedff2; background: #f5faff;">
<div style="flex: 2; min-width: 300px;"><h2 id="mp-itn-h2" class="mp-h2 mp-h2-blue">Latest news</h2><div id="mp-in-the-news">{{In the news}}</div></div>
<div style="flex: 1; min-width: 300px;"><h2 id="mp-rn-h2" class="mp-h2 mp-h2-blue">Release news</h2><div id="mp-release-news">{{Release news}}</div></div>
</div>
</div>

<div id="mp-section2" class="mp-section" style="padding-top: var(--gap-size);">
<div id="mp-topics" class="mp-object" style="flex: 3; display: flex; flex-wrap: wrap; gap: 10px var(--gap-size); border: 1px solid #cef2e0; background: #f5fffa;">
<div id="mp-general-topics" style="flex: 1; min-width: 300px;"><h2 id="mp-gt-h2" class="mp-h2 mp-h2-green">General topics</h2>
[[Image:Detective Conan Characters.jpg|110px|thumb|right|link=Characters|class=force-float-right|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
</div>
<div id="mp-specific-topics" style="flex: 1; min-width: 300px;"><h2 id="mp-st-h2" class="mp-h2 mp-h2-green">Specific topics</h2>
[[File:Volume 1.jpg|110px|thumb|right|link=Volume 1|class=force-float-right|First Manga volume of the series]]
* [[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
</div>
</div>
<div id="mp-dc-wiki-languages" class="mp-object" style="flex: 1; min-width: 260px; border: 1px solid #e2e2e2;">
<h2 class="mp-h2 mp-h2-gray">'''Languages'''</h2>
<div class="plainlinks">[https://conanwiki.org ConanWiki] - Deutsch (German)</div>
<div class="plainlinks">[https://ca.conanwiki.org ConanWiki en català] (Catalan)</div>
<div class="plainlinks">[https://fr.conanwiki.org ConanWiki en français] (French)</div>
<div class="plainlinks">[https://www.conanpedia.com/ Conanpedia] - 中文 (Chinese)</div>
</div>
</div>

<div id="mp-bottom" class="mp-section" style="padding-top: var(--gap-size)">
<div id="contributor-call" class="mp-message-box" style="display: flex; align-items: center;">
<div>{{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]]'''. <br> We also encourage editors to join our '''[{{int:Discord-url}} Discord server'''] as well, where we help each other out! Enjoy the conversation with Wiki contributors there by verifying your account conveniently in <code>#🌐verifizierung</code>.}}</div>
</div>
<div id="gfdl-disclaimer" class="mp-message-box" style="display: flex; align-items: center;">
[[Image:Info.png|left|link=]]
<div>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.</div>
</div>
</div>
</div>
__NOTOC____NOEDITSECTION__
{{code|css=
.mp-section {
display: flex;
flex-flow: wrap;
gap: var(--gap-size);
min-width: fit-content;
width: 100%;
}

.mp-object {
vertical-align: top;
border: 1px solid black;
padding: 10px;
}

.mp-portal-links-column {
padding-left: 5px;
line-height: 1.25em;
}

.mp-strapline-links {
font-size: 90%;
}

.mp-message-box {
display: flex;
flex: 1;
padding: 10px;
border: 1px solid #ddcef2;
background: #faf5ff;
}

h2.mp-h2 {
font-size: 130%;
font-weight: bold;
font-family: sans-serif;
border: 1px solid;
margin: 0 0 0.5em;
padding: 0.2em 0.4em;
}

h2.mp-h2-green {
background: #cef2e0;
border-color: #c2ddc5;
}

h2.mp-h2-blue {
background: #cedff2;
border-color: #b0c9d2;
}

h2.mp-h2-gray {
background: #eee;
border-color: #ddd;
}

#mp-container .force-float-right {
float: right !important;
}

#mp-section1 {
display: grid;
grid-template-columns: 1fr 2fr;
}

#mp-featured {
grid-column: 1;
grid-row: 1 / span 2;
}

#mp-LaNe-boxes {
grid-column: 2;
grid-row: 1;
}

#mp-news {
grid-column: 2;
grid-row: 2;
}

#mp-banner-right {
background: url(https://www.detectiveconanworld.com/wiki/images/thumb/f/fc/Main_Page_Banner_Background.png/1600px-Main_Page_Banner_Background.png?20260702220404);
backgound-color: #000;
background-repeat: no-repeat;
background-size: auto calc(var(--banner-height) * 2);
background-position-x: center;
background-position-y: top calc(-95px + (var(--banner-height) / 2));
}

@container mp-container (max-width: 825px) {
#mp-section1 {
display: flex;
}
#mp-section1,
#mp-section2,
#mp-bottom {
flex-flow: column;
}
}
}}

User:AvidConanContributor/sandbox/Main Page

2026-07-02T23:02:05Z

AvidConanContributor:

<div id="mp-container" style="--gap-size: 6px; container: mp-container / inline-size; min-width: fit-content;">
<div id="mp-top" style="min-width: fit-content; width: 100%; gap: 0;">
<div id="mp-banner" class="mp-section" style="--banner-height: 150px; column-gap: 0; background: #fcfcfc; width: initial; height: var(--banner-height); border: 1px solid #ccc;">
<div id="mp-banner-left" style="display: flex; flex: 2; padding: 5px 8px;">
<div id="mp-banner-intro" style="display: flex; flex: 1; flex-direction: column; min-width: 300px; justify-content: center; text-align: center;">
<div style="font-size: 162%; padding: 0.1em;">Welcome to Detective Conan Wiki,</div>
<div style="font-size: 95%;">the ultimate resource about Detective Conan.</div>
<div id="article-count" style="font-size: 85%;">This wiki contains a total of [[Special:Statistics|{{NUMBEROFARTICLES}}]] articles thus far.</div>
</div>
<div id="mp-banner-links" style="display: flex; flex: 1; min-width: 300px; padding-block: 5px; justify-content: space-around; align-items: center;">
<div id="portal-links-1" class="mp-portal-links-column plainlinks">
* [http://www.detectiveconanworld.com Homepage]
* [http://www.detectiveconanworld.com/forum Forum]
* [http://www.detectiveconanworld.com/support Donate]
</div>
<div id="portal-links-2" class="mp-portal-links-column">
* [[Characters]]
* [[Anime]]
* [[Manga]]
</div>
<div id="portal-links-3" class="mp-portal-links-column">
* [[Movies]]
* [[OVAs]]
* [[Specials]]</div>
</div>
</div>
<div id="mp-banner-right" style="display: flex; flex: 1;">
<div id="mp-banner-gradient" style="flex: 0.5; background: linear-gradient(to right, #fcfcfc, #0000);"></div>
<div id="mp-banner-bg-space" style="flex: 2; min-width: 300px; height: 100%; overflow: hidden"></div>
</div>
</div>
<div id="mp-strapline" style="display: flex; justify-content: space-between; min-width: fit-content; width: 100%; margin: 4px 0 10px;">
<div id="strapline-links-left" class="mp-strapline-links">[[Wikipedia:Wikipedia:About|Overview]] '''·''' [[Wikipedia:Wikipedia:Tutorial|Editing]] '''·''' [[Wikipedia:Wikipedia:Questions|Questions]] '''·''' [[Wikipedia:Help:Contents|Help]]</div>
<div id="strapline-links-right" class="mp-strapline-links" style="text-align: right;">[[Special:RecentChanges|Recent Changes]] '''·''' [[Detective Conan Wiki:Guide|Guide]] '''·''' [[Special:Categories|Categories]] '''·''' [[Glossary|A–Z index]]</div>
</div>
</div>

<div id="mp-section1" class="mp-section">
<div id="mp-LaNe-boxes" style="border: 2px solid #ccc; min-height: 300px;">Latest/Next Boxes</div>
<div id="mp-featured" class="mp-object" style="flex: 1; display: flex; flex-wrap: wrap; flex-direction: column; gap: 10px; border: 1px solid #cef2e0; min-width: 300px; background: #f5fffa;">
<div style="min-width: 300px;"><h2 id="mp-aotm-h2" class="mp-h2 mp-h2-green">Article of the Month</h2>{{Detective Conan Wiki:Featured article}}</div>
<div style="min-width: 300px;"><h2 id="mp-featured-h2" class="mp-h2 mp-h2-green">Featured song</h2>{{Detective Conan Wiki:Featured song/January 7, 2024}}</div>
<div><h2 id="mp-dyk-h2" class="mp-h2 mp-h2-green">Did you know...</h2>[[File:Sherry's_Soliloquy.PNG|right|link=Sherry's soliloquy|100px|class=force-float-right|Sherry's soliloquy]]{{Did you know/4}}</div>
</div>
<div id="mp-news" class="mp-object" style="flex: 2; display: flex; flex-wrap: wrap; gap: 10px var(--gap-size); border: 1px solid #cedff2; background: #f5faff;">
<div style="flex: 2; min-width: 300px;"><h2 id="mp-itn-h2" class="mp-h2 mp-h2-blue">Latest news</h2><div id="mp-in-the-news">{{In the news}}</div></div>
<div style="flex: 1; min-width: 300px;"><h2 id="mp-rn-h2" class="mp-h2 mp-h2-blue">Release news</h2><div id="mp-release-news">{{Release news}}</div></div>
</div>
</div>

<div id="mp-section2" class="mp-section" style="padding-top: var(--gap-size);">
<div id="mp-topics" class="mp-object" style="flex: 3; display: flex; flex-wrap: wrap; gap: 10px var(--gap-size); border: 1px solid #cef2e0; background: #f5fffa;">
<div id="mp-general-topics" style="flex: 1; min-width: 300px;"><h2 id="mp-gt-h2" class="mp-h2 mp-h2-green">General topics</h2>
[[Image:Detective Conan Characters.jpg|110px|thumb|right|link=Characters|class=force-float-right|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
</div>
<div id="mp-specific-topics" style="flex: 1; min-width: 300px;"><h2 id="mp-st-h2" class="mp-h2 mp-h2-green">Specific topics</h2>
[[File:Volume 1.jpg|110px|thumb|right|link=Volume 1|class=force-float-right|First Manga volume of the series]]
* [[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
</div>
</div>
<div id="mp-dc-wiki-languages" class="mp-object" style="flex: 1; min-width: 260px; border: 1px solid #e2e2e2;">
<h2 class="mp-h2 mp-h2-gray">'''Languages'''</h2>
<div class="plainlinks">[https://conanwiki.org ConanWiki] - Deutsch (German)</div>
<div class="plainlinks">[https://ca.conanwiki.org ConanWiki en català] (Catalan)</div>
<div class="plainlinks">[https://fr.conanwiki.org ConanWiki en français] (French)</div>
<div class="plainlinks">[https://www.conanpedia.com/ Conanpedia] - 中文 (Chinese)</div>
</div>
</div>

<div id="mp-bottom" class="mp-section" style="padding-top: var(--gap-size)">
<div id="contributor-call" class="mp-message-box" style="display: flex; align-items: center;">
<div>{{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]]'''. <br> We also encourage editors to join our '''[{{int:Discord-url}} Discord server'''] as well, where we help each other out! Enjoy the conversation with Wiki contributors there by verifying your account conveniently in <code>#🌐verifizierung</code>.}}</div>
</div>
<div id="gfdl-disclaimer" class="mp-message-box" style="display: flex; align-items: center;">
[[Image:Info.png|left|link=]]
<div>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.</div>
</div>
</div>
</div>
__NOTOC____NOEDITSECTION__
{{code|css=
.mp-section {
display: flex;
flex-flow: wrap;
gap: var(--gap-size);
min-width: fit-content;
width: 100%;
}

.mp-object {
vertical-align: top;
border: 1px solid black;
padding: 10px;
}

.mp-portal-links-column {
padding-left: 5px;
line-height: 1.25em;
}

.mp-strapline-links {
font-size: 90%;
}

.mp-message-box {
display: flex;
flex: 1;
padding: 10px;
border: 1px solid #ddcef2;
background: #faf5ff;
}

h2.mp-h2 {
font-size: 130%;
font-weight: bold;
font-family: sans-serif;
border: 1px solid;
margin: 0 0 0.5em;
padding: 0.2em 0.4em;
}

h2.mp-h2-green {
background: #cef2e0;
border-color: #c2ddc5;
}

h2.mp-h2-blue {
background: #cedff2;
border-color: #b0c9d2;
}

h2.mp-h2-gray {
background: #eee;
border-color: #ddd;
}

#mp-container .force-float-right {
float: right !important;
}

#mp-section1 {
display: grid;
grid-template-columns: 1fr 2fr;
}

#mp-featured {
grid-column: 1;
grid-row: 1 / span 2;
}

#mp-LaNe-boxes {
grid-column: 2;
grid-row: 1;
}

#mp-news {
grid-column: 2;
grid-row: 2;
}

#mp-banner-right {
background: url(https://www.detectiveconanworld.com/wiki/images/thumb/f/fc/Main_Page_Banner_Background.png/1600px-Main_Page_Banner_Background.png?20260702220404);
backgound-color: #000;
background-repeat: no-repeat;
background-size: auto calc(var(--banner-height) * 2);
background-position-x: center;
background-position-y: top calc(-95px + (var(--banner-height) / 2));
}

@container mp-container (max-width: 825px) {
#mp-section1 {
display: flex;
}
#mp-section1,
#mp-section2,
#mp-bottom {
flex-flow: column;
}
}
}}

User:AvidConanContributor/sandbox/Main Page

2026-07-02T22:59:26Z

AvidConanContributor:

<div id="mp-container" style="--gap-size: 6px; container: mp-container / inline-size; min-width: fit-content;">
<div id="mp-top" style="min-width: fit-content; width: 100%; gap: 0;">
<div id="mp-banner" class="mp-section" style="--banner-height: 150px; column-gap: 0; background: #fcfcfc; width: initial; height: var(--banner-height); border: 1px solid #ccc;">
<div id="mp-banner-left" style="display: flex; flex: 2; padding: 5px 8px;">
<div id="mp-banner-intro" style="display: flex; flex: 1; flex-direction: column; min-width: 300px; justify-content: center; text-align: center;">
<div style="font-size: 162%; padding: 0.1em;">Welcome to Detective Conan Wiki,</div>
<div style="font-size: 95%;">the ultimate resource about Detective Conan.</div>
<div id="article-count" style="font-size: 85%;">This wiki contains a total of [[Special:Statistics|{{NUMBEROFARTICLES}}]] articles thus far.</div>
</div>
<div id="mp-banner-links" style="display: flex; flex: 1; min-width: 300px; padding-block: 5px; justify-content: space-around; align-items: center;">
<div id="portal-links-1" class="mp-portal-links-column plainlinks">
* [http://www.detectiveconanworld.com Homepage]
* [http://www.detectiveconanworld.com/forum Forum]
* [http://www.detectiveconanworld.com/support Donate]
</div>
<div id="portal-links-2" class="mp-portal-links-column">
* [[Characters]]
* [[Anime]]
* [[Manga]]
</div>
<div id="portal-links-3" class="mp-portal-links-column">
* [[Movies]]
* [[OVAs]]
* [[Specials]]</div>
</div>
</div>
<div id="mp-banner-right" style="display: flex; flex: 1;">
<div id="mp-banner-gradient" style="flex: 0.5; background: linear-gradient(to right, #fcfcfc, #0000);"></div>
<div id="mp-banner-bg-space" style="flex: 2; min-width: 300px; height: 100%; overflow: hidden"></div>
</div>
</div>
<div id="mp-strapline" style="display: flex; justify-content: space-between; min-width: fit-content; width: 100%; margin: 4px 0 10px;">
<div id="strapline-links-left" class="mp-strapline-links">[[Wikipedia:Wikipedia:About|Overview]] '''·''' [[Wikipedia:Wikipedia:Tutorial|Editing]] '''·''' [[Wikipedia:Wikipedia:Questions|Questions]] '''·''' [[Wikipedia:Help:Contents|Help]]</div>
<div id="strapline-links-right" class="mp-strapline-links" style="text-align: right;">[[Special:RecentChanges|Recent Changes]] '''·''' [[Detective Conan Wiki:Guide|Guide]] '''·''' [[Special:Categories|Categories]] '''·''' [[Glossary|A–Z index]]</div>
</div>
</div>

<div id="mp-section1" class="mp-section">
<div id="mp-LaNe-boxes" style="border: 2px solid #ccc; min-height: 300px;">Latest/Next Boxes</div>
<div id="mp-featured" class="mp-object" style="flex: 1; display: flex; flex-wrap: wrap; flex-direction: column; gap: 10px; border: 1px solid #cef2e0; min-width: 300px; background: #f5fffa;">
<div style="min-width: 300px;"><h2 id="mp-aotm-h2" class="mp-h2 mp-h2-green">Article of the Month</h2>{{Detective Conan Wiki:Featured article}}</div>
<div style="min-width: 300px;"><h2 id="mp-featured-h2" class="mp-h2 mp-h2-green">Featured song</h2>{{Detective Conan Wiki:Featured song/January 7, 2024}}</div>
<div><h2 id="mp-dyk-h2" class="mp-h2 mp-h2-green">Did you know...</h2>[[File:Sherry's_Soliloquy.PNG|right|link=Sherry's soliloquy|100px|class=force-float-right|Sherry's soliloquy]]{{Did you know/4}}</div>
</div>
<div id="mp-news" class="mp-object" style="flex: 2; display: flex; flex-wrap: wrap; gap: 10px var(--gap-size); border: 1px solid #cedff2; background: #f5faff;">
<div style="flex: 2; min-width: 300px;"><h2 id="mp-itn-h2" class="mp-h2 mp-h2-blue">Latest news</h2><div id="mp-in-the-news">{{In the news}}</div></div>
<div style="flex: 1; min-width: 300px;"><h2 id="mp-rn-h2" class="mp-h2 mp-h2-blue">Release news</h2><div id="mp-release-news">{{Release news}}</div></div>
</div>
</div>

<div id="mp-section2" class="mp-section" style="padding-top: var(--gap-size);">
<div id="mp-topics" class="mp-object" style="flex: 3; display: flex; flex-wrap: wrap; gap: 10px var(--gap-size); border: 1px solid #cef2e0; background: #f5fffa;">
<div id="mp-general-topics" style="flex: 1; min-width: 300px;"><h2 id="mp-gt-h2" class="mp-h2 mp-h2-green">General topics</h2>
[[Image:Detective Conan Characters.jpg|110px|thumb|right|link=Characters|class=force-float-right|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
</div>
<div id="mp-specific-topics" style="flex: 1; min-width: 300px;"><h2 id="mp-st-h2" class="mp-h2 mp-h2-green">Specific topics</h2>
[[File:Volume 1.jpg|110px|thumb|right|link=Volume 1|class=force-float-right|First Manga volume of the series]]
* [[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
</div>
</div>
<div id="mp-dc-wiki-languages" class="mp-object" style="flex: 1; min-width: 260px; border: 1px solid #e2e2e2;">
<h2 class="mp-h2 mp-h2-gray">'''Languages'''</h2>
<div class="plainlinks">[https://conanwiki.org ConanWiki] - Deutsch (German)</div>
<div class="plainlinks">[https://ca.conanwiki.org ConanWiki en català] (Catalan)</div>
<div class="plainlinks">[https://fr.conanwiki.org ConanWiki en français] (French)</div>
<div class="plainlinks">[https://www.conanpedia.com/ Conanpedia] - 中文 (Chinese)</div>
</div>
</div>

<div id="mp-bottom" class="mp-section" style="padding-top: var(--gap-size)">
<div id="contributor-call" class="mp-message-box" style="display: flex; align-items: center;">
<div>{{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]]'''. <br> We also encourage editors to join our '''[{{int:Discord-url}} Discord server'''] as well, where we help each other out! Enjoy the conversation with Wiki contributors there by verifying your account conveniently in <code>#🌐verifizierung</code>.}}</div>
</div>
<div id="gfdl-disclaimer" class="mp-message-box" style="display: flex; align-items: center;">
[[Image:Info.png|left|link=]]
<div>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.</div>
</div>
</div>
</div>
__NOTOC____NOEDITSECTION__
{{code|css=
.mp-section {
display: flex;
flex-flow: wrap;
gap: var(--gap-size);
min-width: fit-content;
width: 100%;
}

.mp-object {
vertical-align: top;
border: 1px solid black;
padding: 10px;
}

.mp-portal-links-column {
padding-left: 5px;
line-height: 1.25em;
}

.mp-strapline-links {
font-size: 90%;
}

.mp-message-box {
display: flex;
flex: 1;
padding: 10px;
border: 1px solid #ddcef2;
background: #faf5ff;
}

h2.mp-h2 {
font-size: 130%;
font-weight: bold;
font-family: sans-serif;
border: 1px solid;
margin: 0 0 0.5em;
padding: 0.2em 0.4em;
}

h2.mp-h2-green {
background: #cef2e0;
border-color: #c2ddc5;
}

h2.mp-h2-blue {
background: #cedff2;
border-color: #b0c9d2;
}

h2.mp-h2-gray {
background: #eee;
border-color: #ddd;
}

#mp-container .force-float-right {
float: right !important;
}

#mp-section1 {
display: grid;
grid-template-columns: 1fr 2fr;
}

#mp-featured {
grid-column: 1;
grid-row: 1 / span 2;
}

#mp-LaNe-boxes {
grid-column: 2;
grid-row: 1;
}

#mp-news {
grid-column: 2;
grid-row: 2;
}

#mp-banner-right {
background: url(https://www.detectiveconanworld.com/wiki/images/thumb/f/fc/Main_Page_Banner_Background.png/1600px-Main_Page_Banner_Background.png?20260702220404);
backgound-color: #000;
background-repeat: no-repeat;
background-size: auto calc(var(--banner-height) * 2);
background-position-y: top;
}

@container mp-container (max-width: 825px) {
#mp-section1 {
display: flex;
}
#mp-section1,
#mp-section2,
#mp-bottom {
flex-flow: column;
}
}
}}

User:AvidConanContributor/sandbox/Main Page

2026-07-02T22:59:16Z

AvidConanContributor:

<div id="mp-container" style="--gap-size: 6px; container: mp-container / inline-size; min-width: fit-content;">
<div id="mp-top" style="min-width: fit-content; width: 100%; gap: 0;">
<div id="mp-banner" class="mp-section" style="--banner-height: 150px; column-gap: 0; background: #fcfcfc; width: initial; height: var(--banner-height); border: 1px solid #ccc;">
<div id="mp-banner-left" style="display: flex; flex: 2; padding: 5px 8px;">
<div id="mp-banner-intro" style="display: flex; flex: 1; flex-direction: column; min-width: 300px; justify-content: center; text-align: center;">
<div style="font-size: 162%; padding: 0.1em;">Welcome to Detective Conan Wiki,</div>
<div style="font-size: 95%;">the ultimate resource about Detective Conan.</div>
<div id="article-count" style="font-size: 85%;">This wiki contains a total of [[Special:Statistics|{{NUMBEROFARTICLES}}]] articles thus far.</div>
</div>
<div id="mp-banner-links" style="display: flex; flex: 1; min-width: 300px; padding-block: 5px; justify-content: space-around; align-items: center;">
<div id="portal-links-1" class="mp-portal-links-column plainlinks">
* [http://www.detectiveconanworld.com Homepage]
* [http://www.detectiveconanworld.com/forum Forum]
* [http://www.detectiveconanworld.com/support Donate]
</div>
<div id="portal-links-2" class="mp-portal-links-column">
* [[Characters]]
* [[Anime]]
* [[Manga]]
</div>
<div id="portal-links-3" class="mp-portal-links-column">
* [[Movies]]
* [[OVAs]]
* [[Specials]]</div>
</div>
</div>
<div id="mp-banner-right" style="display: flex; flex: 1;">
<div id="mp-banner-gradient" style="flex: 0.5; background: linear-gradient(to right, #fcfcfc, #0000);"></div>
<div id="mp-banner-bg-space" style="flex: 2; min-width: 300px; height: 100%; overflow: hidden"></div>
</div>
</div>
<div id="mp-strapline" style="display: flex; justify-content: space-between; min-width: fit-content; width: 100%; margin: 4px 0 10px;">
<div id="strapline-links-left" class="mp-strapline-links">[[Wikipedia:Wikipedia:About|Overview]] '''·''' [[Wikipedia:Wikipedia:Tutorial|Editing]] '''·''' [[Wikipedia:Wikipedia:Questions|Questions]] '''·''' [[Wikipedia:Help:Contents|Help]]</div>
<div id="strapline-links-right" class="mp-strapline-links" style="text-align: right;">[[Special:RecentChanges|Recent Changes]] '''·''' [[Detective Conan Wiki:Guide|Guide]] '''·''' [[Special:Categories|Categories]] '''·''' [[Glossary|A–Z index]]</div>
</div>
</div>

<div id="mp-section1" class="mp-section">
<div id="mp-LaNe-boxes" style="border: 2px solid #ccc; min-height: 300px;">Latest/Next Boxes</div>
<div id="mp-featured" class="mp-object" style="flex: 1; display: flex; flex-wrap: wrap; flex-direction: column; gap: 10px; border: 1px solid #cef2e0; min-width: 300px; background: #f5fffa;">
<div style="min-width: 300px;"><h2 id="mp-aotm-h2" class="mp-h2 mp-h2-green">Article of the Month</h2>{{Detective Conan Wiki:Featured article}}</div>
<div style="min-width: 300px;"><h2 id="mp-featured-h2" class="mp-h2 mp-h2-green">Featured song</h2>{{Detective Conan Wiki:Featured song/January 7, 2024}}</div>
<div><h2 id="mp-dyk-h2" class="mp-h2 mp-h2-green">Did you know...</h2>[[File:Sherry's_Soliloquy.PNG|right|link=Sherry's soliloquy|100px|class=force-float-right|Sherry's soliloquy]]{{Did you know/4}}</div>
</div>
<div id="mp-news" class="mp-object" style="flex: 2; display: flex; flex-wrap: wrap; gap: 10px var(--gap-size); border: 1px solid #cedff2; background: #f5faff;">
<div style="flex: 2; min-width: 300px;"><h2 id="mp-itn-h2" class="mp-h2 mp-h2-blue">Latest news</h2><div id="mp-in-the-news">{{In the news}}</div></div>
<div style="flex: 1; min-width: 300px;"><h2 id="mp-rn-h2" class="mp-h2 mp-h2-blue">Release news</h2><div id="mp-release-news">{{Release news}}</div></div>
</div>
</div>

<div id="mp-section2" class="mp-section" style="padding-top: var(--gap-size);">
<div id="mp-topics" class="mp-object" style="flex: 3; display: flex; flex-wrap: wrap; gap: 10px var(--gap-size); border: 1px solid #cef2e0; background: #f5fffa;">
<div id="mp-general-topics" style="flex: 1; min-width: 300px;"><h2 id="mp-gt-h2" class="mp-h2 mp-h2-green">General topics</h2>
[[Image:Detective Conan Characters.jpg|110px|thumb|right|link=Characters|class=force-float-right|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
</div>
<div id="mp-specific-topics" style="flex: 1; min-width: 300px;"><h2 id="mp-st-h2" class="mp-h2 mp-h2-green">Specific topics</h2>
[[File:Volume 1.jpg|110px|thumb|right|link=Volume 1|class=force-float-right|First Manga volume of the series]]
* [[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
</div>
</div>
<div id="mp-dc-wiki-languages" class="mp-object" style="flex: 1; min-width: 260px; border: 1px solid #e2e2e2;">
<h2 class="mp-h2 mp-h2-gray">'''Languages'''</h2>
<div class="plainlinks">[https://conanwiki.org ConanWiki] - Deutsch (German)</div>
<div class="plainlinks">[https://ca.conanwiki.org ConanWiki en català] (Catalan)</div>
<div class="plainlinks">[https://fr.conanwiki.org ConanWiki en français] (French)</div>
<div class="plainlinks">[https://www.conanpedia.com/ Conanpedia] - 中文 (Chinese)</div>
</div>
</div>

<div id="mp-bottom" class="mp-section" style="padding-top: var(--gap-size)">
<div id="contributor-call" class="mp-message-box" style="display: flex; align-items: center;">
<div>{{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]]'''. <br> We also encourage editors to join our '''[{{int:Discord-url}} Discord server'''] as well, where we help each other out! Enjoy the conversation with Wiki contributors there by verifying your account conveniently in <code>#🌐verifizierung</code>.}}</div>
</div>
<div id="gfdl-disclaimer" class="mp-message-box" style="display: flex; align-items: center;">
[[Image:Info.png|left|link=]]
<div>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.</div>
</div>
</div>
</div>
__NOTOC____NOEDITSECTION__
{{code|css=
.mp-section {
display: flex;
flex-flow: wrap;
gap: var(--gap-size);
min-width: fit-content;
width: 100%;
}

.mp-object {
vertical-align: top;
border: 1px solid black;
padding: 10px;
}

.mp-portal-links-column {
padding-left: 5px;
line-height: 1.25em;
}

.mp-strapline-links {
font-size: 90%;
}

.mp-message-box {
display: flex;
flex: 1;
padding: 10px;
border: 1px solid #ddcef2;
background: #faf5ff;
}

h2.mp-h2 {
font-size: 130%;
font-weight: bold;
font-family: sans-serif;
border: 1px solid;
margin: 0 0 0.5em;
padding: 0.2em 0.4em;
}

h2.mp-h2-green {
background: #cef2e0;
border-color: #c2ddc5;
}

h2.mp-h2-blue {
background: #cedff2;
border-color: #b0c9d2;
}

h2.mp-h2-gray {
background: #eee;
border-color: #ddd;
}

#mp-container .force-float-right {
float: right !important;
}

#mp-section1 {
display: grid;
grid-template-columns: 1fr 2fr;
}

#mp-featured {
grid-column: 1;
grid-row: 1 / span 2;
}

#mp-LaNe-boxes {
grid-column: 2;
grid-row: 1;
}

#mp-news {
grid-column: 2;
grid-row: 2;
}

#mp-banner-right {
background: url(https://www.detectiveconanworld.com/wiki/images/thumb/f/fc/Main_Page_Banner_Background.png/1600px-Main_Page_Banner_Background.png?20260702220404);
backgound-color: #000;
background-repeat: no-repeat;
background-size: auto calc(var(--banner-height) / 2);
background-position-y: top;
}

@container mp-container (max-width: 825px) {
#mp-section1 {
display: flex;
}
#mp-section1,
#mp-section2,
#mp-bottom {
flex-flow: column;
}
}
}}

User:AvidConanContributor/sandbox/Main Page

2026-07-02T22:58:06Z

AvidConanContributor:

<div id="mp-container" style="--gap-size: 6px; container: mp-container / inline-size; min-width: fit-content;">
<div id="mp-top" style="min-width: fit-content; width: 100%; gap: 0;">
<div id="mp-banner" class="mp-section" style="--banner-height: 150px; column-gap: 0; background: #fcfcfc; width: initial; height: var(--banner-height); border: 1px solid #ccc;">
<div id="mp-banner-left" style="display: flex; flex: 2; padding: 5px 8px;">
<div id="mp-banner-intro" style="display: flex; flex: 1; flex-direction: column; min-width: 300px; justify-content: center; text-align: center;">
<div style="font-size: 162%; padding: 0.1em;">Welcome to Detective Conan Wiki,</div>
<div style="font-size: 95%;">the ultimate resource about Detective Conan.</div>
<div id="article-count" style="font-size: 85%;">This wiki contains a total of [[Special:Statistics|{{NUMBEROFARTICLES}}]] articles thus far.</div>
</div>
<div id="mp-banner-links" style="display: flex; flex: 1; min-width: 300px; padding-block: 5px; justify-content: space-around; align-items: center;">
<div id="portal-links-1" class="mp-portal-links-column plainlinks">
* [http://www.detectiveconanworld.com Homepage]
* [http://www.detectiveconanworld.com/forum Forum]
* [http://www.detectiveconanworld.com/support Donate]
</div>
<div id="portal-links-2" class="mp-portal-links-column">
* [[Characters]]
* [[Anime]]
* [[Manga]]
</div>
<div id="portal-links-3" class="mp-portal-links-column">
* [[Movies]]
* [[OVAs]]
* [[Specials]]</div>
</div>
</div>
<div id="mp-banner-right" style="display: flex; flex: 1;">
<div id="mp-banner-gradient" style="flex: 0.5; background: linear-gradient(to right, #fcfcfc, #0000);"></div>
<div id="mp-banner-bg-space" style="flex: 2; min-width: 300px; height: 100%; overflow: hidden"></div>
</div>
</div>
<div id="mp-strapline" style="display: flex; justify-content: space-between; min-width: fit-content; width: 100%; margin: 4px 0 10px;">
<div id="strapline-links-left" class="mp-strapline-links">[[Wikipedia:Wikipedia:About|Overview]] '''·''' [[Wikipedia:Wikipedia:Tutorial|Editing]] '''·''' [[Wikipedia:Wikipedia:Questions|Questions]] '''·''' [[Wikipedia:Help:Contents|Help]]</div>
<div id="strapline-links-right" class="mp-strapline-links" style="text-align: right;">[[Special:RecentChanges|Recent Changes]] '''·''' [[Detective Conan Wiki:Guide|Guide]] '''·''' [[Special:Categories|Categories]] '''·''' [[Glossary|A–Z index]]</div>
</div>
</div>

<div id="mp-section1" class="mp-section">
<div id="mp-LaNe-boxes" style="border: 2px solid #ccc; min-height: 300px;">Latest/Next Boxes</div>
<div id="mp-featured" class="mp-object" style="flex: 1; display: flex; flex-wrap: wrap; flex-direction: column; gap: 10px; border: 1px solid #cef2e0; min-width: 300px; background: #f5fffa;">
<div style="min-width: 300px;"><h2 id="mp-aotm-h2" class="mp-h2 mp-h2-green">Article of the Month</h2>{{Detective Conan Wiki:Featured article}}</div>
<div style="min-width: 300px;"><h2 id="mp-featured-h2" class="mp-h2 mp-h2-green">Featured song</h2>{{Detective Conan Wiki:Featured song/January 7, 2024}}</div>
<div><h2 id="mp-dyk-h2" class="mp-h2 mp-h2-green">Did you know...</h2>[[File:Sherry's_Soliloquy.PNG|right|link=Sherry's soliloquy|100px|class=force-float-right|Sherry's soliloquy]]{{Did you know/4}}</div>
</div>
<div id="mp-news" class="mp-object" style="flex: 2; display: flex; flex-wrap: wrap; gap: 10px var(--gap-size); border: 1px solid #cedff2; background: #f5faff;">
<div style="flex: 2; min-width: 300px;"><h2 id="mp-itn-h2" class="mp-h2 mp-h2-blue">Latest news</h2><div id="mp-in-the-news">{{In the news}}</div></div>
<div style="flex: 1; min-width: 300px;"><h2 id="mp-rn-h2" class="mp-h2 mp-h2-blue">Release news</h2><div id="mp-release-news">{{Release news}}</div></div>
</div>
</div>

<div id="mp-section2" class="mp-section" style="padding-top: var(--gap-size);">
<div id="mp-topics" class="mp-object" style="flex: 3; display: flex; flex-wrap: wrap; gap: 10px var(--gap-size); border: 1px solid #cef2e0; background: #f5fffa;">
<div id="mp-general-topics" style="flex: 1; min-width: 300px;"><h2 id="mp-gt-h2" class="mp-h2 mp-h2-green">General topics</h2>
[[Image:Detective Conan Characters.jpg|110px|thumb|right|link=Characters|class=force-float-right|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
</div>
<div id="mp-specific-topics" style="flex: 1; min-width: 300px;"><h2 id="mp-st-h2" class="mp-h2 mp-h2-green">Specific topics</h2>
[[File:Volume 1.jpg|110px|thumb|right|link=Volume 1|class=force-float-right|First Manga volume of the series]]
* [[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
</div>
</div>
<div id="mp-dc-wiki-languages" class="mp-object" style="flex: 1; min-width: 260px; border: 1px solid #e2e2e2;">
<h2 class="mp-h2 mp-h2-gray">'''Languages'''</h2>
<div class="plainlinks">[https://conanwiki.org ConanWiki] - Deutsch (German)</div>
<div class="plainlinks">[https://ca.conanwiki.org ConanWiki en català] (Catalan)</div>
<div class="plainlinks">[https://fr.conanwiki.org ConanWiki en français] (French)</div>
<div class="plainlinks">[https://www.conanpedia.com/ Conanpedia] - 中文 (Chinese)</div>
</div>
</div>

<div id="mp-bottom" class="mp-section" style="padding-top: var(--gap-size)">
<div id="contributor-call" class="mp-message-box" style="display: flex; align-items: center;">
<div>{{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]]'''. <br> We also encourage editors to join our '''[{{int:Discord-url}} Discord server'''] as well, where we help each other out! Enjoy the conversation with Wiki contributors there by verifying your account conveniently in <code>#🌐verifizierung</code>.}}</div>
</div>
<div id="gfdl-disclaimer" class="mp-message-box" style="display: flex; align-items: center;">
[[Image:Info.png|left|link=]]
<div>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.</div>
</div>
</div>
</div>
__NOTOC____NOEDITSECTION__
{{code|css=
.mp-section {
display: flex;
flex-flow: wrap;
gap: var(--gap-size);
min-width: fit-content;
width: 100%;
}

.mp-object {
vertical-align: top;
border: 1px solid black;
padding: 10px;
}

.mp-portal-links-column {
padding-left: 5px;
line-height: 1.25em;
}

.mp-strapline-links {
font-size: 90%;
}

.mp-message-box {
display: flex;
flex: 1;
padding: 10px;
border: 1px solid #ddcef2;
background: #faf5ff;
}

h2.mp-h2 {
font-size: 130%;
font-weight: bold;
font-family: sans-serif;
border: 1px solid;
margin: 0 0 0.5em;
padding: 0.2em 0.4em;
}

h2.mp-h2-green {
background: #cef2e0;
border-color: #c2ddc5;
}

h2.mp-h2-blue {
background: #cedff2;
border-color: #b0c9d2;
}

h2.mp-h2-gray {
background: #eee;
border-color: #ddd;
}

#mp-container .force-float-right {
float: right !important;
}

#mp-section1 {
display: grid;
grid-template-columns: 1fr 2fr;
}

#mp-featured {
grid-column: 1;
grid-row: 1 / span 2;
}

#mp-LaNe-boxes {
grid-column: 2;
grid-row: 1;
}

#mp-news {
grid-column: 2;
grid-row: 2;
}

#mp-banner-right {
background: url(https://www.detectiveconanworld.com/wiki/images/thumb/f/fc/Main_Page_Banner_Background.png/1600px-Main_Page_Banner_Background.png?20260702220404);
background-repeat: no-repeat;
background-size: auto calc(var(banner-height) / 2);
background-position-y: top;
}

@container mp-container (max-width: 825px) {
#mp-section1 {
display: flex;
}
#mp-section1,
#mp-section2,
#mp-bottom {
flex-flow: column;
}
}
}}

User:AvidConanContributor/sandbox/Main Page

2026-07-02T22:57:38Z

AvidConanContributor:

<div id="mp-container" style="--gap-size: 6px; container: mp-container / inline-size; min-width: fit-content;">
<div id="mp-top" style="min-width: fit-content; width: 100%; gap: 0;">
<div id="mp-banner" class="mp-section" style="--banner-height: 150px; column-gap: 0; background: #fcfcfc; width: initial; height: var(--banner-height); border: 1px solid #ccc;">
<div id="mp-banner-left" style="display: flex; flex: 2; padding: 5px 8px;">
<div id="mp-banner-intro" style="display: flex; flex: 1; flex-direction: column; min-width: 300px; justify-content: center; text-align: center;">
<div style="font-size: 162%; padding: 0.1em;">Welcome to Detective Conan Wiki,</div>
<div style="font-size: 95%;">the ultimate resource about Detective Conan.</div>
<div id="article-count" style="font-size: 85%;">This wiki contains a total of [[Special:Statistics|{{NUMBEROFARTICLES}}]] articles thus far.</div>
</div>
<div id="mp-banner-links" style="display: flex; flex: 1; min-width: 300px; padding-block: 5px; justify-content: space-around; align-items: center;">
<div id="portal-links-1" class="mp-portal-links-column plainlinks">
* [http://www.detectiveconanworld.com Homepage]
* [http://www.detectiveconanworld.com/forum Forum]
* [http://www.detectiveconanworld.com/support Donate]
</div>
<div id="portal-links-2" class="mp-portal-links-column">
* [[Characters]]
* [[Anime]]
* [[Manga]]
</div>
<div id="portal-links-3" class="mp-portal-links-column">
* [[Movies]]
* [[OVAs]]
* [[Specials]]</div>
</div>
</div>
<div id="mp-banner-right" style="display: flex; flex: 1;">
<div id="mp-banner-gradient" style="flex: 0.5; background: linear-gradient(to right, #fcfcfc, #0000);"></div>
<div id="mp-banner-bg-space" style="flex: 2; min-width: 300px; height: 100%; overflow: hidden"></div>
</div>
</div>
<div id="mp-strapline" style="display: flex; justify-content: space-between; min-width: fit-content; width: 100%; margin: 4px 0 10px;">
<div id="strapline-links-left" class="mp-strapline-links">[[Wikipedia:Wikipedia:About|Overview]] '''·''' [[Wikipedia:Wikipedia:Tutorial|Editing]] '''·''' [[Wikipedia:Wikipedia:Questions|Questions]] '''·''' [[Wikipedia:Help:Contents|Help]]</div>
<div id="strapline-links-right" class="mp-strapline-links" style="text-align: right;">[[Special:RecentChanges|Recent Changes]] '''·''' [[Detective Conan Wiki:Guide|Guide]] '''·''' [[Special:Categories|Categories]] '''·''' [[Glossary|A–Z index]]</div>
</div>
</div>

<div id="mp-section1" class="mp-section">
<div id="mp-LaNe-boxes" style="border: 2px solid #ccc; min-height: 300px;">Latest/Next Boxes</div>
<div id="mp-featured" class="mp-object" style="flex: 1; display: flex; flex-wrap: wrap; flex-direction: column; gap: 10px; border: 1px solid #cef2e0; min-width: 300px; background: #f5fffa;">
<div style="min-width: 300px;"><h2 id="mp-aotm-h2" class="mp-h2 mp-h2-green">Article of the Month</h2>{{Detective Conan Wiki:Featured article}}</div>
<div style="min-width: 300px;"><h2 id="mp-featured-h2" class="mp-h2 mp-h2-green">Featured song</h2>{{Detective Conan Wiki:Featured song/January 7, 2024}}</div>
<div><h2 id="mp-dyk-h2" class="mp-h2 mp-h2-green">Did you know...</h2>[[File:Sherry's_Soliloquy.PNG|right|link=Sherry's soliloquy|100px|class=force-float-right|Sherry's soliloquy]]{{Did you know/4}}</div>
</div>
<div id="mp-news" class="mp-object" style="flex: 2; display: flex; flex-wrap: wrap; gap: 10px var(--gap-size); border: 1px solid #cedff2; background: #f5faff;">
<div style="flex: 2; min-width: 300px;"><h2 id="mp-itn-h2" class="mp-h2 mp-h2-blue">Latest news</h2><div id="mp-in-the-news">{{In the news}}</div></div>
<div style="flex: 1; min-width: 300px;"><h2 id="mp-rn-h2" class="mp-h2 mp-h2-blue">Release news</h2><div id="mp-release-news">{{Release news}}</div></div>
</div>
</div>

<div id="mp-section2" class="mp-section" style="padding-top: var(--gap-size);">
<div id="mp-topics" class="mp-object" style="flex: 3; display: flex; flex-wrap: wrap; gap: 10px var(--gap-size); border: 1px solid #cef2e0; background: #f5fffa;">
<div id="mp-general-topics" style="flex: 1; min-width: 300px;"><h2 id="mp-gt-h2" class="mp-h2 mp-h2-green">General topics</h2>
[[Image:Detective Conan Characters.jpg|110px|thumb|right|link=Characters|class=force-float-right|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
</div>
<div id="mp-specific-topics" style="flex: 1; min-width: 300px;"><h2 id="mp-st-h2" class="mp-h2 mp-h2-green">Specific topics</h2>
[[File:Volume 1.jpg|110px|thumb|right|link=Volume 1|class=force-float-right|First Manga volume of the series]]
* [[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
</div>
</div>
<div id="mp-dc-wiki-languages" class="mp-object" style="flex: 1; min-width: 260px; border: 1px solid #e2e2e2;">
<h2 class="mp-h2 mp-h2-gray">'''Languages'''</h2>
<div class="plainlinks">[https://conanwiki.org ConanWiki] - Deutsch (German)</div>
<div class="plainlinks">[https://ca.conanwiki.org ConanWiki en català] (Catalan)</div>
<div class="plainlinks">[https://fr.conanwiki.org ConanWiki en français] (French)</div>
<div class="plainlinks">[https://www.conanpedia.com/ Conanpedia] - 中文 (Chinese)</div>
</div>
</div>

<div id="mp-bottom" class="mp-section" style="padding-top: var(--gap-size)">
<div id="contributor-call" class="mp-message-box" style="display: flex; align-items: center;">
<div>{{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]]'''. <br> We also encourage editors to join our '''[{{int:Discord-url}} Discord server'''] as well, where we help each other out! Enjoy the conversation with Wiki contributors there by verifying your account conveniently in <code>#🌐verifizierung</code>.}}</div>
</div>
<div id="gfdl-disclaimer" class="mp-message-box" style="display: flex; align-items: center;">
[[Image:Info.png|left|link=]]
<div>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.</div>
</div>
</div>
</div>
__NOTOC____NOEDITSECTION__
{{code|css=
.mp-section {
display: flex;
flex-flow: wrap;
gap: var(--gap-size);
min-width: fit-content;
width: 100%;
}

.mp-object {
vertical-align: top;
border: 1px solid black;
padding: 10px;
}

.mp-portal-links-column {
padding-left: 5px;
line-height: 1.25em;
}

.mp-strapline-links {
font-size: 90%;
}

.mp-message-box {
display: flex;
flex: 1;
padding: 10px;
border: 1px solid #ddcef2;
background: #faf5ff;
}

h2.mp-h2 {
font-size: 130%;
font-weight: bold;
font-family: sans-serif;
border: 1px solid;
margin: 0 0 0.5em;
padding: 0.2em 0.4em;
}

h2.mp-h2-green {
background: #cef2e0;
border-color: #c2ddc5;
}

h2.mp-h2-blue {
background: #cedff2;
border-color: #b0c9d2;
}

h2.mp-h2-gray {
background: #eee;
border-color: #ddd;
}

#mp-container .force-float-right {
float: right !important;
}

#mp-section1 {
display: grid;
grid-template-columns: 1fr 2fr;
}

#mp-featured {
grid-column: 1;
grid-row: 1 / span 2;
}

#mp-LaNe-boxes {
grid-column: 2;
grid-row: 1;
}

#mp-news {
grid-column: 2;
grid-row: 2;
}

#mp-banner-right {
background: url(https://www.detectiveconanworld.com/wiki/images/thumb/f/fc/Main_Page_Banner_Background.png/1600px-Main_Page_Banner_Background.png?20260702220404);
background-repeat: no-repeat;
background-size: auto calc(var(banner-height) * 2);
background-position-y: top;
}

@container mp-container (max-width: 825px) {
#mp-section1 {
display: flex;
}
#mp-section1,
#mp-section2,
#mp-bottom {
flex-flow: column;
}
}
}}

User:AvidConanContributor/sandbox/Main Page

2026-07-02T22:56:15Z

AvidConanContributor:

<div id="mp-container" style="--gap-size: 6px; container: mp-container / inline-size; min-width: fit-content;">
<div id="mp-top" style="min-width: fit-content; width: 100%; gap: 0;">
<div id="mp-banner" class="mp-section" style="--banner-height: 150px; column-gap: 0; background: #fcfcfc; width: initial; height: var(--banner-height); border: 1px solid #ccc;">
<div id="mp-banner-left" style="display: flex; flex: 2; padding: 5px 8px;">
<div id="mp-banner-intro" style="display: flex; flex: 1; flex-direction: column; min-width: 300px; justify-content: center; text-align: center;">
<div style="font-size: 162%; padding: 0.1em;">Welcome to Detective Conan Wiki,</div>
<div style="font-size: 95%;">the ultimate resource about Detective Conan.</div>
<div id="article-count" style="font-size: 85%;">This wiki contains a total of [[Special:Statistics|{{NUMBEROFARTICLES}}]] articles thus far.</div>
</div>
<div id="mp-banner-links" style="display: flex; flex: 1; min-width: 300px; padding-block: 5px; justify-content: space-around; align-items: center;">
<div id="portal-links-1" class="mp-portal-links-column plainlinks">
* [http://www.detectiveconanworld.com Homepage]
* [http://www.detectiveconanworld.com/forum Forum]
* [http://www.detectiveconanworld.com/support Donate]
</div>
<div id="portal-links-2" class="mp-portal-links-column">
* [[Characters]]
* [[Anime]]
* [[Manga]]
</div>
<div id="portal-links-3" class="mp-portal-links-column">
* [[Movies]]
* [[OVAs]]
* [[Specials]]</div>
</div>
</div>
<div id="mp-banner-right" style="display: flex; flex: 1;">
<div id="mp-banner-gradient" style="flex: 0.05; background: linear-gradient(to right, #0000 0 10%, #000);"></div>
<div id="mp-banner-bg-space" style="flex: 2; min-width: 300px; height: 100%; overflow: hidden"></div>
</div>
</div>
<div id="mp-strapline" style="display: flex; justify-content: space-between; min-width: fit-content; width: 100%; margin: 4px 0 10px;">
<div id="strapline-links-left" class="mp-strapline-links">[[Wikipedia:Wikipedia:About|Overview]] '''·''' [[Wikipedia:Wikipedia:Tutorial|Editing]] '''·''' [[Wikipedia:Wikipedia:Questions|Questions]] '''·''' [[Wikipedia:Help:Contents|Help]]</div>
<div id="strapline-links-right" class="mp-strapline-links" style="text-align: right;">[[Special:RecentChanges|Recent Changes]] '''·''' [[Detective Conan Wiki:Guide|Guide]] '''·''' [[Special:Categories|Categories]] '''·''' [[Glossary|A–Z index]]</div>
</div>
</div>

<div id="mp-section1" class="mp-section">
<div id="mp-LaNe-boxes" style="border: 2px solid #ccc; min-height: 300px;">Latest/Next Boxes</div>
<div id="mp-featured" class="mp-object" style="flex: 1; display: flex; flex-wrap: wrap; flex-direction: column; gap: 10px; border: 1px solid #cef2e0; min-width: 300px; background: #f5fffa;">
<div style="min-width: 300px;"><h2 id="mp-aotm-h2" class="mp-h2 mp-h2-green">Article of the Month</h2>{{Detective Conan Wiki:Featured article}}</div>
<div style="min-width: 300px;"><h2 id="mp-featured-h2" class="mp-h2 mp-h2-green">Featured song</h2>{{Detective Conan Wiki:Featured song/January 7, 2024}}</div>
<div><h2 id="mp-dyk-h2" class="mp-h2 mp-h2-green">Did you know...</h2>[[File:Sherry's_Soliloquy.PNG|right|link=Sherry's soliloquy|100px|class=force-float-right|Sherry's soliloquy]]{{Did you know/4}}</div>
</div>
<div id="mp-news" class="mp-object" style="flex: 2; display: flex; flex-wrap: wrap; gap: 10px var(--gap-size); border: 1px solid #cedff2; background: #f5faff;">
<div style="flex: 2; min-width: 300px;"><h2 id="mp-itn-h2" class="mp-h2 mp-h2-blue">Latest news</h2><div id="mp-in-the-news">{{In the news}}</div></div>
<div style="flex: 1; min-width: 300px;"><h2 id="mp-rn-h2" class="mp-h2 mp-h2-blue">Release news</h2><div id="mp-release-news">{{Release news}}</div></div>
</div>
</div>

<div id="mp-section2" class="mp-section" style="padding-top: var(--gap-size);">
<div id="mp-topics" class="mp-object" style="flex: 3; display: flex; flex-wrap: wrap; gap: 10px var(--gap-size); border: 1px solid #cef2e0; background: #f5fffa;">
<div id="mp-general-topics" style="flex: 1; min-width: 300px;"><h2 id="mp-gt-h2" class="mp-h2 mp-h2-green">General topics</h2>
[[Image:Detective Conan Characters.jpg|110px|thumb|right|link=Characters|class=force-float-right|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
</div>
<div id="mp-specific-topics" style="flex: 1; min-width: 300px;"><h2 id="mp-st-h2" class="mp-h2 mp-h2-green">Specific topics</h2>
[[File:Volume 1.jpg|110px|thumb|right|link=Volume 1|class=force-float-right|First Manga volume of the series]]
* [[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
</div>
</div>
<div id="mp-dc-wiki-languages" class="mp-object" style="flex: 1; min-width: 260px; border: 1px solid #e2e2e2;">
<h2 class="mp-h2 mp-h2-gray">'''Languages'''</h2>
<div class="plainlinks">[https://conanwiki.org ConanWiki] - Deutsch (German)</div>
<div class="plainlinks">[https://ca.conanwiki.org ConanWiki en català] (Catalan)</div>
<div class="plainlinks">[https://fr.conanwiki.org ConanWiki en français] (French)</div>
<div class="plainlinks">[https://www.conanpedia.com/ Conanpedia] - 中文 (Chinese)</div>
</div>
</div>

<div id="mp-bottom" class="mp-section" style="padding-top: var(--gap-size)">
<div id="contributor-call" class="mp-message-box" style="display: flex; align-items: center;">
<div>{{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]]'''. <br> We also encourage editors to join our '''[{{int:Discord-url}} Discord server'''] as well, where we help each other out! Enjoy the conversation with Wiki contributors there by verifying your account conveniently in <code>#🌐verifizierung</code>.}}</div>
</div>
<div id="gfdl-disclaimer" class="mp-message-box" style="display: flex; align-items: center;">
[[Image:Info.png|left|link=]]
<div>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.</div>
</div>
</div>
</div>
__NOTOC____NOEDITSECTION__
{{code|css=
.mp-section {
display: flex;
flex-flow: wrap;
gap: var(--gap-size);
min-width: fit-content;
width: 100%;
}

.mp-object {
vertical-align: top;
border: 1px solid black;
padding: 10px;
}

.mp-portal-links-column {
padding-left: 5px;
line-height: 1.25em;
}

.mp-strapline-links {
font-size: 90%;
}

.mp-message-box {
display: flex;
flex: 1;
padding: 10px;
border: 1px solid #ddcef2;
background: #faf5ff;
}

h2.mp-h2 {
font-size: 130%;
font-weight: bold;
font-family: sans-serif;
border: 1px solid;
margin: 0 0 0.5em;
padding: 0.2em 0.4em;
}

h2.mp-h2-green {
background: #cef2e0;
border-color: #c2ddc5;
}

h2.mp-h2-blue {
background: #cedff2;
border-color: #b0c9d2;
}

h2.mp-h2-gray {
background: #eee;
border-color: #ddd;
}

#mp-container .force-float-right {
float: right !important;
}

#mp-section1 {
display: grid;
grid-template-columns: 1fr 2fr;
}

#mp-featured {
grid-column: 1;
grid-row: 1 / span 2;
}

#mp-LaNe-boxes {
grid-column: 2;
grid-row: 1;
}

#mp-news {
grid-column: 2;
grid-row: 2;
}

#mp-banner-right {
background: url(https://www.detectiveconanworld.com/wiki/images/thumb/f/fc/Main_Page_Banner_Background.png/1600px-Main_Page_Banner_Background.png?20260702220404);
background-repeat: no-repeat;
background-size: auto var(banner-height);
}

@container mp-container (max-width: 825px) {
#mp-section1 {
display: flex;
}
#mp-section1,
#mp-section2,
#mp-bottom {
flex-flow: column;
}
}
}}

User:AvidConanContributor/sandbox/Main Page

2026-07-02T22:44:24Z

AvidConanContributor:

<div id="mp-container" style="--gap-size: 6px; container: mp-container / inline-size; min-width: fit-content;">
<div id="mp-top" style="min-width: fit-content; width: 100%; gap: 0;">
<div id="mp-banner" class="mp-section" style="--banner-height: 250px; column-gap: 0; background: #fcfcfc; width: initial; height: var(--banner-height); border: 1px solid #ccc;">
<div id="mp-banner-left" style="display: flex; flex: 2; padding: 5px 8px;">
<div id="mp-banner-intro" style="display: flex; flex: 1; flex-direction: column; min-width: 300px; justify-content: center; text-align: center;">
<div style="font-size: 162%; padding: 0.1em;">Welcome to Detective Conan Wiki,</div>
<div style="font-size: 95%;">the ultimate resource about Detective Conan.</div>
<div id="article-count" style="font-size: 85%;">This wiki contains a total of [[Special:Statistics|{{NUMBEROFARTICLES}}]] articles thus far.</div>
</div>
<div id="mp-banner-links" style="display: flex; flex: 1; min-width: 300px; padding-block: 5px; justify-content: space-around; align-items: center;">
<div id="portal-links-1" class="mp-portal-links-column plainlinks">
* [http://www.detectiveconanworld.com Homepage]
* [http://www.detectiveconanworld.com/forum Forum]
* [http://www.detectiveconanworld.com/support Donate]
</div>
<div id="portal-links-2" class="mp-portal-links-column">
* [[Characters]]
* [[Anime]]
* [[Manga]]
</div>
<div id="portal-links-3" class="mp-portal-links-column">
* [[Movies]]
* [[OVAs]]
* [[Specials]]</div>
</div>
</div>
<div id="mp-banner-right" style="display: flex; flex: 1;">
<div id="mp-banner-gradient" style="flex: 0.05; background: linear-gradient(to right, #0000 0 10%, #000);"></div>
<div id="mp-banner-bg-space" style="flex: 2; min-width: 300px; height: 100%; overflow: hidden"></div>
</div>
</div>
<div id="mp-strapline" style="display: flex; justify-content: space-between; min-width: fit-content; width: 100%; margin: 4px 0 10px;">
<div id="strapline-links-left" class="mp-strapline-links">[[Wikipedia:Wikipedia:About|Overview]] '''·''' [[Wikipedia:Wikipedia:Tutorial|Editing]] '''·''' [[Wikipedia:Wikipedia:Questions|Questions]] '''·''' [[Wikipedia:Help:Contents|Help]]</div>
<div id="strapline-links-right" class="mp-strapline-links" style="text-align: right;">[[Special:RecentChanges|Recent Changes]] '''·''' [[Detective Conan Wiki:Guide|Guide]] '''·''' [[Special:Categories|Categories]] '''·''' [[Glossary|A–Z index]]</div>
</div>
</div>

<div id="mp-section1" class="mp-section">
<div id="mp-LaNe-boxes" style="border: 2px solid #ccc; min-height: 300px;">Latest/Next Boxes</div>
<div id="mp-featured" class="mp-object" style="flex: 1; display: flex; flex-wrap: wrap; flex-direction: column; gap: 10px; border: 1px solid #cef2e0; min-width: 300px; background: #f5fffa;">
<div style="min-width: 300px;"><h2 id="mp-aotm-h2" class="mp-h2 mp-h2-green">Article of the Month</h2>{{Detective Conan Wiki:Featured article}}</div>
<div style="min-width: 300px;"><h2 id="mp-featured-h2" class="mp-h2 mp-h2-green">Featured song</h2>{{Detective Conan Wiki:Featured song/January 7, 2024}}</div>
<div><h2 id="mp-dyk-h2" class="mp-h2 mp-h2-green">Did you know...</h2>[[File:Sherry's_Soliloquy.PNG|right|link=Sherry's soliloquy|100px|class=force-float-right|Sherry's soliloquy]]{{Did you know/4}}</div>
</div>
<div id="mp-news" class="mp-object" style="flex: 2; display: flex; flex-wrap: wrap; gap: 10px var(--gap-size); border: 1px solid #cedff2; background: #f5faff;">
<div style="flex: 2; min-width: 300px;"><h2 id="mp-itn-h2" class="mp-h2 mp-h2-blue">Latest news</h2><div id="mp-in-the-news">{{In the news}}</div></div>
<div style="flex: 1; min-width: 300px;"><h2 id="mp-rn-h2" class="mp-h2 mp-h2-blue">Release news</h2><div id="mp-release-news">{{Release news}}</div></div>
</div>
</div>

<div id="mp-section2" class="mp-section" style="padding-top: var(--gap-size);">
<div id="mp-topics" class="mp-object" style="flex: 3; display: flex; flex-wrap: wrap; gap: 10px var(--gap-size); border: 1px solid #cef2e0; background: #f5fffa;">
<div id="mp-general-topics" style="flex: 1; min-width: 300px;"><h2 id="mp-gt-h2" class="mp-h2 mp-h2-green">General topics</h2>
[[Image:Detective Conan Characters.jpg|110px|thumb|right|link=Characters|class=force-float-right|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
</div>
<div id="mp-specific-topics" style="flex: 1; min-width: 300px;"><h2 id="mp-st-h2" class="mp-h2 mp-h2-green">Specific topics</h2>
[[File:Volume 1.jpg|110px|thumb|right|link=Volume 1|class=force-float-right|First Manga volume of the series]]
* [[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
</div>
</div>
<div id="mp-dc-wiki-languages" class="mp-object" style="flex: 1; min-width: 260px; border: 1px solid #e2e2e2;">
<h2 class="mp-h2 mp-h2-gray">'''Languages'''</h2>
<div class="plainlinks">[https://conanwiki.org ConanWiki] - Deutsch (German)</div>
<div class="plainlinks">[https://ca.conanwiki.org ConanWiki en català] (Catalan)</div>
<div class="plainlinks">[https://fr.conanwiki.org ConanWiki en français] (French)</div>
<div class="plainlinks">[https://www.conanpedia.com/ Conanpedia] - 中文 (Chinese)</div>
</div>
</div>

<div id="mp-bottom" class="mp-section" style="padding-top: var(--gap-size)">
<div id="contributor-call" class="mp-message-box" style="display: flex; align-items: center;">
<div>{{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]]'''. <br> We also encourage editors to join our '''[{{int:Discord-url}} Discord server'''] as well, where we help each other out! Enjoy the conversation with Wiki contributors there by verifying your account conveniently in <code>#🌐verifizierung</code>.}}</div>
</div>
<div id="gfdl-disclaimer" class="mp-message-box" style="display: flex; align-items: center;">
[[Image:Info.png|left|link=]]
<div>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.</div>
</div>
</div>
</div>
__NOTOC____NOEDITSECTION__
{{code|css=
.mp-section {
display: flex;
flex-flow: wrap;
gap: var(--gap-size);
min-width: fit-content;
width: 100%;
}

.mp-object {
vertical-align: top;
border: 1px solid black;
padding: 10px;
}

.mp-portal-links-column {
padding-left: 5px;
line-height: 1.25em;
}

.mp-strapline-links {
font-size: 90%;
}

.mp-message-box {
display: flex;
flex: 1;
padding: 10px;
border: 1px solid #ddcef2;
background: #faf5ff;
}

h2.mp-h2 {
font-size: 130%;
font-weight: bold;
font-family: sans-serif;
border: 1px solid;
margin: 0 0 0.5em;
padding: 0.2em 0.4em;
}

h2.mp-h2-green {
background: #cef2e0;
border-color: #c2ddc5;
}

h2.mp-h2-blue {
background: #cedff2;
border-color: #b0c9d2;
}

h2.mp-h2-gray {
background: #eee;
border-color: #ddd;
}

#mp-container .force-float-right {
float: right !important;
}

#mp-section1 {
display: grid;
grid-template-columns: 1fr 2fr;
}

#mp-featured {
grid-column: 1;
grid-row: 1 / span 2;
}

#mp-LaNe-boxes {
grid-column: 2;
grid-row: 1;
}

#mp-news {
grid-column: 2;
grid-row: 2;
}

#mp-banner-right {
background: url(https://www.detectiveconanworld.com/wiki/images/thumb/f/fc/Main_Page_Banner_Background.png/1600px-Main_Page_Banner_Background.png?20260702220404);
background-repeat: no-repeat;
background-size: auto var(banner-height);
}

@container mp-container (max-width: 825px) {
#mp-section1 {
display: flex;
}
#mp-section1,
#mp-section2,
#mp-bottom {
flex-flow: column;
}
}
}}

User:AvidConanContributor/sandbox/Main Page

2026-07-02T22:43:31Z

AvidConanContributor:

<div id="mp-container" style="--gap-size: 6px; container: mp-container / inline-size; min-width: fit-content;">
<div id="mp-top" style="min-width: fit-content; width: 100%; gap: 0;">
<div id="mp-banner" class="mp-section" style="--banner-height: 250px; column-gap: 0; background: #fcfcfc; width: initial; height: var(--banner-height); border: 1px solid #ccc;">
<div id="mp-banner-left" style="display: flex; flex: 2; padding: 5px 8px;">
<div id="mp-banner-intro" style="display: flex; flex: 1; flex-direction: column; min-width: 300px; justify-content: center; text-align: center;">
<div style="font-size: 162%; padding: 0.1em;">Welcome to Detective Conan Wiki,</div>
<div style="font-size: 95%;">the ultimate resource about Detective Conan.</div>
<div id="article-count" style="font-size: 85%;">This wiki contains a total of [[Special:Statistics|{{NUMBEROFARTICLES}}]] articles thus far.</div>
</div>
<div id="mp-banner-links" style="display: flex; flex: 1; min-width: 300px; padding-block: 5px; justify-content: space-around; align-items: center;">
<div id="portal-links-1" class="mp-portal-links-column plainlinks">
* [http://www.detectiveconanworld.com Homepage]
* [http://www.detectiveconanworld.com/forum Forum]
* [http://www.detectiveconanworld.com/support Donate]
</div>
<div id="portal-links-2" class="mp-portal-links-column">
* [[Characters]]
* [[Anime]]
* [[Manga]]
</div>
<div id="portal-links-3" class="mp-portal-links-column">
* [[Movies]]
* [[OVAs]]
* [[Specials]]</div>
</div>
</div>
<div id="mp-banner-right" style="display: flex; flex: 1;">
<div id="mp-banner-gradient" style="flex: 0.05; background: linear-gradient(to right, #0000 0 10%, #000);"></div>
<div id="mp-banner-bg-space" style="flex: 2; min-width: 300px; height: 100%; overflow: hidden"></div>
</div>
</div>
<div id="mp-strapline" style="display: flex; justify-content: space-between; min-width: fit-content; width: 100%; margin: 4px 0 10px;">
<div id="strapline-links-left" class="mp-strapline-links">[[Wikipedia:Wikipedia:About|Overview]] '''·''' [[Wikipedia:Wikipedia:Tutorial|Editing]] '''·''' [[Wikipedia:Wikipedia:Questions|Questions]] '''·''' [[Wikipedia:Help:Contents|Help]]</div>
<div id="strapline-links-right" class="mp-strapline-links" style="text-align: right;">[[Special:RecentChanges|Recent Changes]] '''·''' [[Detective Conan Wiki:Guide|Guide]] '''·''' [[Special:Categories|Categories]] '''·''' [[Glossary|A–Z index]]</div>
</div>
</div>

<div id="mp-section1" class="mp-section">
<div id="mp-LaNe-boxes" style="border: 2px solid #ccc; min-height: 300px;">Latest/Next Boxes</div>
<div id="mp-featured" class="mp-object" style="flex: 1; display: flex; flex-wrap: wrap; flex-direction: column; gap: 10px; border: 1px solid #cef2e0; min-width: 300px; background: #f5fffa;">
<div style="min-width: 300px;"><h2 id="mp-aotm-h2" class="mp-h2 mp-h2-green">Article of the Month</h2>{{Detective Conan Wiki:Featured article}}</div>
<div style="min-width: 300px;"><h2 id="mp-featured-h2" class="mp-h2 mp-h2-green">Featured song</h2>{{Detective Conan Wiki:Featured song/January 7, 2024}}</div>
<div><h2 id="mp-dyk-h2" class="mp-h2 mp-h2-green">Did you know...</h2>[[File:Sherry's_Soliloquy.PNG|right|link=Sherry's soliloquy|100px|class=force-float-right|Sherry's soliloquy]]{{Did you know/4}}</div>
</div>
<div id="mp-news" class="mp-object" style="flex: 2; display: flex; flex-wrap: wrap; gap: 10px var(--gap-size); border: 1px solid #cedff2; background: #f5faff;">
<div style="flex: 2; min-width: 300px;"><h2 id="mp-itn-h2" class="mp-h2 mp-h2-blue">Latest news</h2><div id="mp-in-the-news">{{In the news}}</div></div>
<div style="flex: 1; min-width: 300px;"><h2 id="mp-rn-h2" class="mp-h2 mp-h2-blue">Release news</h2><div id="mp-release-news">{{Release news}}</div></div>
</div>
</div>

<div id="mp-section2" class="mp-section" style="padding-top: var(--gap-size);">
<div id="mp-topics" class="mp-object" style="flex: 3; display: flex; flex-wrap: wrap; gap: 10px var(--gap-size); border: 1px solid #cef2e0; background: #f5fffa;">
<div id="mp-general-topics" style="flex: 1; min-width: 300px;"><h2 id="mp-gt-h2" class="mp-h2 mp-h2-green">General topics</h2>
[[Image:Detective Conan Characters.jpg|110px|thumb|right|link=Characters|class=force-float-right|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
</div>
<div id="mp-specific-topics" style="flex: 1; min-width: 300px;"><h2 id="mp-st-h2" class="mp-h2 mp-h2-green">Specific topics</h2>
[[File:Volume 1.jpg|110px|thumb|right|link=Volume 1|class=force-float-right|First Manga volume of the series]]
* [[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
</div>
</div>
<div id="mp-dc-wiki-languages" class="mp-object" style="flex: 1; min-width: 260px; border: 1px solid #e2e2e2;">
<h2 class="mp-h2 mp-h2-gray">'''Languages'''</h2>
<div class="plainlinks">[https://conanwiki.org ConanWiki] - Deutsch (German)</div>
<div class="plainlinks">[https://ca.conanwiki.org ConanWiki en català] (Catalan)</div>
<div class="plainlinks">[https://fr.conanwiki.org ConanWiki en français] (French)</div>
<div class="plainlinks">[https://www.conanpedia.com/ Conanpedia] - 中文 (Chinese)</div>
</div>
</div>

<div id="mp-bottom" class="mp-section" style="padding-top: var(--gap-size)">
<div id="contributor-call" class="mp-message-box" style="display: flex; align-items: center;">
<div>{{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]]'''. <br> We also encourage editors to join our '''[{{int:Discord-url}} Discord server'''] as well, where we help each other out! Enjoy the conversation with Wiki contributors there by verifying your account conveniently in <code>#🌐verifizierung</code>.}}</div>
</div>
<div id="gfdl-disclaimer" class="mp-message-box" style="display: flex; align-items: center;">
[[Image:Info.png|left|link=]]
<div>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.</div>
</div>
</div>
</div>
__NOTOC____NOEDITSECTION__
{{code|css=
.mp-section {
display: flex;
flex-flow: wrap;
gap: var(--gap-size);
min-width: fit-content;
width: 100%;
}

.mp-object {
vertical-align: top;
border: 1px solid black;
padding: 10px;
}

.mp-portal-links-column {
padding-left: 5px;
line-height: 1.25em;
}

.mp-strapline-links {
font-size: 90%;
}

.mp-message-box {
display: flex;
flex: 1;
padding: 10px;
border: 1px solid #ddcef2;
background: #faf5ff;
}

h2.mp-h2 {
font-size: 130%;
font-weight: bold;
font-family: sans-serif;
border: 1px solid;
margin: 0 0 0.5em;
padding: 0.2em 0.4em;
}

h2.mp-h2-green {
background: #cef2e0;
border-color: #c2ddc5;
}

h2.mp-h2-blue {
background: #cedff2;
border-color: #b0c9d2;
}

h2.mp-h2-gray {
background: #eee;
border-color: #ddd;
}

#mp-container .force-float-right {
float: right !important;
}

#mp-section1 {
display: grid;
grid-template-columns: 1fr 2fr;
}

#mp-featured {
grid-column: 1;
grid-row: 1 / span 2;
}

#mp-LaNe-boxes {
grid-column: 2;
grid-row: 1;
}

#mp-news {
grid-column: 2;
grid-row: 2;
}

#mp-banner-right img {
background: url(https://www.detectiveconanworld.com/wiki/images/thumb/f/fc/Main_Page_Banner_Background.png/1600px-Main_Page_Banner_Background.png?20260702220404);
}

@container mp-container (max-width: 825px) {
#mp-section1 {
display: flex;
}
#mp-section1,
#mp-section2,
#mp-bottom {
flex-flow: column;
}
}
}}

User:AvidConanContributor/sandbox/Main Page

2026-07-02T22:43:06Z

AvidConanContributor:

<div id="mp-container" style="--gap-size: 6px; container: mp-container / inline-size; min-width: fit-content;">
<div id="mp-top" style="min-width: fit-content; width: 100%; gap: 0;">
<div id="mp-banner" class="mp-section" style="--banner-height: 250px; column-gap: 0; background: #fcfcfc; width: initial; height: var(--banner-height); border: 1px solid #ccc;">
<div id="mp-banner-left" style="display: flex; flex: 2; padding: 5px 8px;">
<div id="mp-banner-intro" style="display: flex; flex: 1; flex-direction: column; min-width: 300px; justify-content: center; text-align: center;">
<div style="font-size: 162%; padding: 0.1em;">Welcome to Detective Conan Wiki,</div>
<div style="font-size: 95%;">the ultimate resource about Detective Conan.</div>
<div id="article-count" style="font-size: 85%;">This wiki contains a total of [[Special:Statistics|{{NUMBEROFARTICLES}}]] articles thus far.</div>
</div>
<div id="mp-banner-links" style="display: flex; flex: 1; min-width: 300px; padding-block: 5px; justify-content: space-around; align-items: center;">
<div id="portal-links-1" class="mp-portal-links-column plainlinks">
* [http://www.detectiveconanworld.com Homepage]
* [http://www.detectiveconanworld.com/forum Forum]
* [http://www.detectiveconanworld.com/support Donate]
</div>
<div id="portal-links-2" class="mp-portal-links-column">
* [[Characters]]
* [[Anime]]
* [[Manga]]
</div>
<div id="portal-links-3" class="mp-portal-links-column">
* [[Movies]]
* [[OVAs]]
* [[Specials]]</div>
</div>
</div>
<div id="mp-banner-right" style="display: flex; flex: 1;">
<div id="mp-banner-gradient" style="flex: 0.05; background: linear-gradient(to right, #0000 0 10%, #000);"></div>
<div id="mp-banner-bg" style="flex: 2; min-width: 300px; height: 100%; overflow: hidden">[[File:Main Page Banner Background.png]]</div>
</div>
</div>
<div id="mp-strapline" style="display: flex; justify-content: space-between; min-width: fit-content; width: 100%; margin: 4px 0 10px;">
<div id="strapline-links-left" class="mp-strapline-links">[[Wikipedia:Wikipedia:About|Overview]] '''·''' [[Wikipedia:Wikipedia:Tutorial|Editing]] '''·''' [[Wikipedia:Wikipedia:Questions|Questions]] '''·''' [[Wikipedia:Help:Contents|Help]]</div>
<div id="strapline-links-right" class="mp-strapline-links" style="text-align: right;">[[Special:RecentChanges|Recent Changes]] '''·''' [[Detective Conan Wiki:Guide|Guide]] '''·''' [[Special:Categories|Categories]] '''·''' [[Glossary|A–Z index]]</div>
</div>
</div>

<div id="mp-section1" class="mp-section">
<div id="mp-LaNe-boxes" style="border: 2px solid #ccc; min-height: 300px;">Latest/Next Boxes</div>
<div id="mp-featured" class="mp-object" style="flex: 1; display: flex; flex-wrap: wrap; flex-direction: column; gap: 10px; border: 1px solid #cef2e0; min-width: 300px; background: #f5fffa;">
<div style="min-width: 300px;"><h2 id="mp-aotm-h2" class="mp-h2 mp-h2-green">Article of the Month</h2>{{Detective Conan Wiki:Featured article}}</div>
<div style="min-width: 300px;"><h2 id="mp-featured-h2" class="mp-h2 mp-h2-green">Featured song</h2>{{Detective Conan Wiki:Featured song/January 7, 2024}}</div>
<div><h2 id="mp-dyk-h2" class="mp-h2 mp-h2-green">Did you know...</h2>[[File:Sherry's_Soliloquy.PNG|right|link=Sherry's soliloquy|100px|class=force-float-right|Sherry's soliloquy]]{{Did you know/4}}</div>
</div>
<div id="mp-news" class="mp-object" style="flex: 2; display: flex; flex-wrap: wrap; gap: 10px var(--gap-size); border: 1px solid #cedff2; background: #f5faff;">
<div style="flex: 2; min-width: 300px;"><h2 id="mp-itn-h2" class="mp-h2 mp-h2-blue">Latest news</h2><div id="mp-in-the-news">{{In the news}}</div></div>
<div style="flex: 1; min-width: 300px;"><h2 id="mp-rn-h2" class="mp-h2 mp-h2-blue">Release news</h2><div id="mp-release-news">{{Release news}}</div></div>
</div>
</div>

<div id="mp-section2" class="mp-section" style="padding-top: var(--gap-size);">
<div id="mp-topics" class="mp-object" style="flex: 3; display: flex; flex-wrap: wrap; gap: 10px var(--gap-size); border: 1px solid #cef2e0; background: #f5fffa;">
<div id="mp-general-topics" style="flex: 1; min-width: 300px;"><h2 id="mp-gt-h2" class="mp-h2 mp-h2-green">General topics</h2>
[[Image:Detective Conan Characters.jpg|110px|thumb|right|link=Characters|class=force-float-right|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
</div>
<div id="mp-specific-topics" style="flex: 1; min-width: 300px;"><h2 id="mp-st-h2" class="mp-h2 mp-h2-green">Specific topics</h2>
[[File:Volume 1.jpg|110px|thumb|right|link=Volume 1|class=force-float-right|First Manga volume of the series]]
* [[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
</div>
</div>
<div id="mp-dc-wiki-languages" class="mp-object" style="flex: 1; min-width: 260px; border: 1px solid #e2e2e2;">
<h2 class="mp-h2 mp-h2-gray">'''Languages'''</h2>
<div class="plainlinks">[https://conanwiki.org ConanWiki] - Deutsch (German)</div>
<div class="plainlinks">[https://ca.conanwiki.org ConanWiki en català] (Catalan)</div>
<div class="plainlinks">[https://fr.conanwiki.org ConanWiki en français] (French)</div>
<div class="plainlinks">[https://www.conanpedia.com/ Conanpedia] - 中文 (Chinese)</div>
</div>
</div>

<div id="mp-bottom" class="mp-section" style="padding-top: var(--gap-size)">
<div id="contributor-call" class="mp-message-box" style="display: flex; align-items: center;">
<div>{{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]]'''. <br> We also encourage editors to join our '''[{{int:Discord-url}} Discord server'''] as well, where we help each other out! Enjoy the conversation with Wiki contributors there by verifying your account conveniently in <code>#🌐verifizierung</code>.}}</div>
</div>
<div id="gfdl-disclaimer" class="mp-message-box" style="display: flex; align-items: center;">
[[Image:Info.png|left|link=]]
<div>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.</div>
</div>
</div>
</div>
__NOTOC____NOEDITSECTION__
{{code|css=
.mp-section {
display: flex;
flex-flow: wrap;
gap: var(--gap-size);
min-width: fit-content;
width: 100%;
}

.mp-object {
vertical-align: top;
border: 1px solid black;
padding: 10px;
}

.mp-portal-links-column {
padding-left: 5px;
line-height: 1.25em;
}

.mp-strapline-links {
font-size: 90%;
}

.mp-message-box {
display: flex;
flex: 1;
padding: 10px;
border: 1px solid #ddcef2;
background: #faf5ff;
}

h2.mp-h2 {
font-size: 130%;
font-weight: bold;
font-family: sans-serif;
border: 1px solid;
margin: 0 0 0.5em;
padding: 0.2em 0.4em;
}

h2.mp-h2-green {
background: #cef2e0;
border-color: #c2ddc5;
}

h2.mp-h2-blue {
background: #cedff2;
border-color: #b0c9d2;
}

h2.mp-h2-gray {
background: #eee;
border-color: #ddd;
}

#mp-container .force-float-right {
float: right !important;
}

#mp-section1 {
display: grid;
grid-template-columns: 1fr 2fr;
}

#mp-featured {
grid-column: 1;
grid-row: 1 / span 2;
}

#mp-LaNe-boxes {
grid-column: 2;
grid-row: 1;
}

#mp-news {
grid-column: 2;
grid-row: 2;
}

#mp-banner-right img {
background: url(https://www.detectiveconanworld.com/wiki/images/thumb/f/fc/Main_Page_Banner_Background.png/1600px-Main_Page_Banner_Background.png?20260702220404);
}

@container mp-container (max-width: 825px) {
#mp-section1 {
display: flex;
}
#mp-section1,
#mp-section2,
#mp-bottom {
flex-flow: column;
}
}
}}

User:AvidConanContributor/sandbox/Main Page

2026-07-02T22:37:31Z

AvidConanContributor:

<div id="mp-container" style="--gap-size: 6px; container: mp-container / inline-size; min-width: fit-content;">
<div id="mp-top" style="min-width: fit-content; width: 100%; gap: 0;">
<div id="mp-banner" class="mp-section" style="--banner-height: 250px; column-gap: 0; background: #fcfcfc; width: initial; height: var(--banner-height); border: 1px solid #ccc;">
<div id="mp-banner-left" style="display: flex; padding: 5px 8px;">
<div id="mp-banner-intro" style="display: flex; flex: 1; flex-direction: column; min-width: 300px; justify-content: center; text-align: center;">
<div style="font-size: 162%; padding: 0.1em;">Welcome to Detective Conan Wiki,</div>
<div style="font-size: 95%;">the ultimate resource about Detective Conan.</div>
<div id="article-count" style="font-size: 85%;">This wiki contains a total of [[Special:Statistics|{{NUMBEROFARTICLES}}]] articles thus far.</div>
</div>
<div id="mp-banner-links" style="display: flex; flex: 1; min-width: 300px; padding-block: 5px; justify-content: space-around; align-items: center;">
<div id="portal-links-1" class="mp-portal-links-column plainlinks">
* [http://www.detectiveconanworld.com Homepage]
* [http://www.detectiveconanworld.com/forum Forum]
* [http://www.detectiveconanworld.com/support Donate]
</div>
<div id="portal-links-2" class="mp-portal-links-column">
* [[Characters]]
* [[Anime]]
* [[Manga]]
</div>
<div id="portal-links-3" class="mp-portal-links-column">
* [[Movies]]
* [[OVAs]]
* [[Specials]]</div>
</div>
</div>
<div id="mp-banner-gradient" style="flex: 0.05; background: linear-gradient(to right, #0000 0 10%, #000);"></div>
<div id="mp-banner-right" style="flex: 2; min-width: 300px; height: 100%; overflow: hidden">[[File:Main Page Banner Background.png]]</div>
</div>
<div id="mp-strapline" style="display: flex; justify-content: space-between; min-width: fit-content; width: 100%; margin: 4px 0 10px;">
<div id="strapline-links-left" class="mp-strapline-links">[[Wikipedia:Wikipedia:About|Overview]] '''·''' [[Wikipedia:Wikipedia:Tutorial|Editing]] '''·''' [[Wikipedia:Wikipedia:Questions|Questions]] '''·''' [[Wikipedia:Help:Contents|Help]]</div>
<div id="strapline-links-right" class="mp-strapline-links" style="text-align: right;">[[Special:RecentChanges|Recent Changes]] '''·''' [[Detective Conan Wiki:Guide|Guide]] '''·''' [[Special:Categories|Categories]] '''·''' [[Glossary|A–Z index]]</div>
</div>
</div>

<div id="mp-section1" class="mp-section">
<div id="mp-LaNe-boxes" style="border: 2px solid #ccc; min-height: 300px;">Latest/Next Boxes</div>
<div id="mp-featured" class="mp-object" style="flex: 1; display: flex; flex-wrap: wrap; flex-direction: column; gap: 10px; border: 1px solid #cef2e0; min-width: 300px; background: #f5fffa;">
<div style="min-width: 300px;"><h2 id="mp-aotm-h2" class="mp-h2 mp-h2-green">Article of the Month</h2>{{Detective Conan Wiki:Featured article}}</div>
<div style="min-width: 300px;"><h2 id="mp-featured-h2" class="mp-h2 mp-h2-green">Featured song</h2>{{Detective Conan Wiki:Featured song/January 7, 2024}}</div>
<div><h2 id="mp-dyk-h2" class="mp-h2 mp-h2-green">Did you know...</h2>[[File:Sherry's_Soliloquy.PNG|right|link=Sherry's soliloquy|100px|class=force-float-right|Sherry's soliloquy]]{{Did you know/4}}</div>
</div>
<div id="mp-news" class="mp-object" style="flex: 2; display: flex; flex-wrap: wrap; gap: 10px var(--gap-size); border: 1px solid #cedff2; background: #f5faff;">
<div style="flex: 2; min-width: 300px;"><h2 id="mp-itn-h2" class="mp-h2 mp-h2-blue">Latest news</h2><div id="mp-in-the-news">{{In the news}}</div></div>
<div style="flex: 1; min-width: 300px;"><h2 id="mp-rn-h2" class="mp-h2 mp-h2-blue">Release news</h2><div id="mp-release-news">{{Release news}}</div></div>
</div>
</div>

<div id="mp-section2" class="mp-section" style="padding-top: var(--gap-size);">
<div id="mp-topics" class="mp-object" style="flex: 3; display: flex; flex-wrap: wrap; gap: 10px var(--gap-size); border: 1px solid #cef2e0; background: #f5fffa;">
<div id="mp-general-topics" style="flex: 1; min-width: 300px;"><h2 id="mp-gt-h2" class="mp-h2 mp-h2-green">General topics</h2>
[[Image:Detective Conan Characters.jpg|110px|thumb|right|link=Characters|class=force-float-right|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
</div>
<div id="mp-specific-topics" style="flex: 1; min-width: 300px;"><h2 id="mp-st-h2" class="mp-h2 mp-h2-green">Specific topics</h2>
[[File:Volume 1.jpg|110px|thumb|right|link=Volume 1|class=force-float-right|First Manga volume of the series]]
* [[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
</div>
</div>
<div id="mp-dc-wiki-languages" class="mp-object" style="flex: 1; min-width: 260px; border: 1px solid #e2e2e2;">
<h2 class="mp-h2 mp-h2-gray">'''Languages'''</h2>
<div class="plainlinks">[https://conanwiki.org ConanWiki] - Deutsch (German)</div>
<div class="plainlinks">[https://ca.conanwiki.org ConanWiki en català] (Catalan)</div>
<div class="plainlinks">[https://fr.conanwiki.org ConanWiki en français] (French)</div>
<div class="plainlinks">[https://www.conanpedia.com/ Conanpedia] - 中文 (Chinese)</div>
</div>
</div>

<div id="mp-bottom" class="mp-section" style="padding-top: var(--gap-size)">
<div id="contributor-call" class="mp-message-box" style="display: flex; align-items: center;">
<div>{{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]]'''. <br> We also encourage editors to join our '''[{{int:Discord-url}} Discord server'''] as well, where we help each other out! Enjoy the conversation with Wiki contributors there by verifying your account conveniently in <code>#🌐verifizierung</code>.}}</div>
</div>
<div id="gfdl-disclaimer" class="mp-message-box" style="display: flex; align-items: center;">
[[Image:Info.png|left|link=]]
<div>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.</div>
</div>
</div>
</div>
__NOTOC____NOEDITSECTION__
{{code|css=
.mp-section {
display: flex;
flex-flow: wrap;
gap: var(--gap-size);
min-width: fit-content;
width: 100%;
}

.mp-object {
vertical-align: top;
border: 1px solid black;
padding: 10px;
}

.mp-portal-links-column {
padding-left: 5px;
line-height: 1.25em;
}

.mp-strapline-links {
font-size: 90%;
}

.mp-message-box {
display: flex;
flex: 1;
padding: 10px;
border: 1px solid #ddcef2;
background: #faf5ff;
}

h2.mp-h2 {
font-size: 130%;
font-weight: bold;
font-family: sans-serif;
border: 1px solid;
margin: 0 0 0.5em;
padding: 0.2em 0.4em;
}

h2.mp-h2-green {
background: #cef2e0;
border-color: #c2ddc5;
}

h2.mp-h2-blue {
background: #cedff2;
border-color: #b0c9d2;
}

h2.mp-h2-gray {
background: #eee;
border-color: #ddd;
}

#mp-container .force-float-right {
float: right !important;
}

#mp-section1 {
display: grid;
grid-template-columns: 1fr 2fr;
}

#mp-featured {
grid-column: 1;
grid-row: 1 / span 2;
}

#mp-LaNe-boxes {
grid-column: 2;
grid-row: 1;
}

#mp-news {
grid-column: 2;
grid-row: 2;
}

#mp-banner-right img {
width: 100%;
height: auto;
object-fit: cover;
}

@container mp-container (max-width: 825px) {
#mp-section1 {
display: flex;
}
#mp-section1,
#mp-section2,
#mp-bottom {
flex-flow: column;
}
}
}}

User:AvidConanContributor/sandbox/Main Page

2026-07-02T22:30:56Z

AvidConanContributor:

<div id="mp-container" style="--gap-size: 6px; container: mp-container / inline-size; min-width: fit-content;">
<div id="mp-top" style="min-width: fit-content; width: 100%; gap: 0;">
<div id="mp-banner" class="mp-section" style="--banner-height: 250px; column-gap: 0; background: #fcfcfc; width: initial; height: var(--banner-height); border: 1px solid #ccc;">
<div id="mp-banner-left" style="display: flex; flex: 1; flex-direction: column; min-width: 300px; padding-block: 5px; padding-left: 8px; justify-content: center; text-align: center;">
<div style="font-size: 162%; padding: 0.1em;">Welcome to Detective Conan Wiki,</div>
<div style="font-size: 95%;">the ultimate resource about Detective Conan.</div>
<div id="article-count" style="font-size: 85%;">This wiki contains a total of [[Special:Statistics|{{NUMBEROFARTICLES}}]] articles thus far.</div>
</div>
<div id="mp-banner-middle" style="display: flex; flex: 1; min-width: 300px; padding-block: 5px; justify-content: space-around; align-items: center;">
<div id="portal-links-1" class="mp-portal-links-column plainlinks">
* [http://www.detectiveconanworld.com Homepage]
* [http://www.detectiveconanworld.com/forum Forum]
* [http://www.detectiveconanworld.com/contact Contact]
</div>
<div id="portal-links-2" class="mp-portal-links-column">
* [[Characters]]
* [[Anime]]
* [[Manga]]
</div>
<div id="portal-links-3" class="mp-portal-links-column">
* [[Movies]]
* [[OVAs]]
* [[Specials]]</div>
</div>
<div id="mp-banner-gradient" style="flex: 0.5; background: linear-gradient(to right, #fff0 0 10%, #0a223c);"></div>
<div id="mp-banner-right" style="flex: 2; min-width: 300px; height: 100%; overflow: hidden">[[File:Main Page Banner Background.png]]</div>
</div>
<div id="mp-strapline" style="display: flex; justify-content: space-between; min-width: fit-content; width: 100%; margin: 4px 0 10px;">
<div id="strapline-links-left" class="mp-strapline-links">[[Wikipedia:Wikipedia:About|Overview]] '''·''' [[Wikipedia:Wikipedia:Tutorial|Editing]] '''·''' [[Wikipedia:Wikipedia:Questions|Questions]] '''·''' [[Wikipedia:Help:Contents|Help]]</div>
<div id="strapline-links-right" class="mp-strapline-links" style="text-align: right;">[[Special:RecentChanges|Recent Changes]] '''·''' [[Detective Conan Wiki:Guide|Guide]] '''·''' [[Special:Categories|Categories]] '''·''' [[Glossary|A–Z index]]</div>
</div>
</div>

<div id="mp-section1" class="mp-section">
<div id="mp-LaNe-boxes" style="border: 2px solid #ccc; min-height: 300px;">Latest/Next Boxes</div>
<div id="mp-featured" class="mp-object" style="flex: 1; display: flex; flex-wrap: wrap; flex-direction: column; gap: 10px; border: 1px solid #cef2e0; min-width: 300px; background: #f5fffa;">
<div style="min-width: 300px;"><h2 id="mp-aotm-h2" class="mp-h2 mp-h2-green">Article of the Month</h2>{{Detective Conan Wiki:Featured article}}</div>
<div style="min-width: 300px;"><h2 id="mp-featured-h2" class="mp-h2 mp-h2-green">Featured song</h2>{{Detective Conan Wiki:Featured song/January 7, 2024}}</div>
<div><h2 id="mp-dyk-h2" class="mp-h2 mp-h2-green">Did you know...</h2>[[File:Sherry's_Soliloquy.PNG|right|link=Sherry's soliloquy|100px|class=force-float-right|Sherry's soliloquy]]{{Did you know/4}}</div>
</div>
<div id="mp-news" class="mp-object" style="flex: 2; display: flex; flex-wrap: wrap; gap: 10px var(--gap-size); border: 1px solid #cedff2; background: #f5faff;">
<div style="flex: 2; min-width: 300px;"><h2 id="mp-itn-h2" class="mp-h2 mp-h2-blue">Latest news</h2><div id="mp-in-the-news">{{In the news}}</div></div>
<div style="flex: 1; min-width: 300px;"><h2 id="mp-rn-h2" class="mp-h2 mp-h2-blue">Release news</h2><div id="mp-release-news">{{Release news}}</div></div>
</div>
</div>

<div id="mp-section2" class="mp-section" style="padding-top: var(--gap-size);">
<div id="mp-topics" class="mp-object" style="flex: 3; display: flex; flex-wrap: wrap; gap: 10px var(--gap-size); border: 1px solid #cef2e0; background: #f5fffa;">
<div id="mp-general-topics" style="flex: 1; min-width: 300px;"><h2 id="mp-gt-h2" class="mp-h2 mp-h2-green">General topics</h2>
[[Image:Detective Conan Characters.jpg|110px|thumb|right|link=Characters|class=force-float-right|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
</div>
<div id="mp-specific-topics" style="flex: 1; min-width: 300px;"><h2 id="mp-st-h2" class="mp-h2 mp-h2-green">Specific topics</h2>
[[File:Volume 1.jpg|110px|thumb|right|link=Volume 1|class=force-float-right|First Manga volume of the series]]
* [[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
</div>
</div>
<div id="mp-dc-wiki-languages" class="mp-object" style="flex: 1; min-width: 260px; border: 1px solid #e2e2e2;">
<h2 class="mp-h2 mp-h2-gray">'''Languages'''</h2>
<div class="plainlinks">[https://conanwiki.org ConanWiki] - Deutsch (German)</div>
<div class="plainlinks">[https://ca.conanwiki.org ConanWiki en català] (Catalan)</div>
<div class="plainlinks">[https://fr.conanwiki.org ConanWiki en français] (French)</div>
<div class="plainlinks">[https://www.conanpedia.com/ Conanpedia] - 中文 (Chinese)</div>
</div>
</div>

<div id="mp-bottom" class="mp-section" style="padding-top: var(--gap-size)">
<div id="contributor-call" class="mp-message-box" style="display: flex; align-items: center;">
<div>{{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]]'''. <br> We also encourage editors to join our '''[{{int:Discord-url}} Discord server'''] as well, where we help each other out! Enjoy the conversation with Wiki contributors there by verifying your account conveniently in <code>#🌐verifizierung</code>.}}</div>
</div>
<div id="gfdl-disclaimer" class="mp-message-box" style="display: flex; align-items: center;">
[[Image:Info.png|left|link=]]
<div>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.</div>
</div>
</div>
</div>
__NOTOC____NOEDITSECTION__
{{code|css=
.mp-section {
display: flex;
flex-flow: wrap;
gap: var(--gap-size);
min-width: fit-content;
width: 100%;
}

.mp-object {
vertical-align: top;
border: 1px solid black;
padding: 10px;
}

.mp-portal-links-column {
padding-left: 5px;
line-height: 1.25em;
}

.mp-strapline-links {
font-size: 90%;
}

.mp-message-box {
display: flex;
flex: 1;
padding: 10px;
border: 1px solid #ddcef2;
background: #faf5ff;
}

h2.mp-h2 {
font-size: 130%;
font-weight: bold;
font-family: sans-serif;
border: 1px solid;
margin: 0 0 0.5em;
padding: 0.2em 0.4em;
}

h2.mp-h2-green {
background: #cef2e0;
border-color: #c2ddc5;
}

h2.mp-h2-blue {
background: #cedff2;
border-color: #b0c9d2;
}

h2.mp-h2-gray {
background: #eee;
border-color: #ddd;
}

#mp-container .force-float-right {
float: right !important;
}

#mp-section1 {
display: grid;
grid-template-columns: 1fr 2fr;
}

#mp-featured {
grid-column: 1;
grid-row: 1 / span 2;
}

#mp-LaNe-boxes {
grid-column: 2;
grid-row: 1;
}

#mp-news {
grid-column: 2;
grid-row: 2;
}

#mp-banner-right img {
width: 100%;
height: auto;
object-fit: cover;
}

@container mp-container (max-width: 825px) {
#mp-section1 {
display: flex;
}
#mp-section1,
#mp-section2,
#mp-bottom {
flex-flow: column;
}
}
}}

User:AvidConanContributor/sandbox/Main Page

2026-07-02T22:20:46Z

AvidConanContributor:

<div id="mp-container" style="--gap-size: 6px; container: mp-container / inline-size; min-width: fit-content;">
<div id="mp-top" style="min-width: fit-content; width: 100%; gap: 0;">
<div id="mp-banner" class="mp-section" style="--banner-height: 250px; column-gap: 0; background: #fcfcfc; width: initial; height: var(--banner-height); border: 1px solid #ccc;">
<div id="mp-banner-left" style="display: flex; flex: 1; flex-direction: column; min-width: 300px; padding-block: 5px; padding-left: 8px; justify-content: center; text-align: center;">
<div style="font-size: 162%; padding: 0.1em;">Welcome to Detective Conan Wiki,</div>
<div style="font-size: 95%;">the ultimate resource about Detective Conan.</div>
<div id="article-count" style="font-size: 85%;">This wiki contains a total of [[Special:Statistics|{{NUMBEROFARTICLES}}]] articles thus far.</div>
</div>
<div id="mp-banner-middle" style="display: flex; flex: 1; min-width: 300px; padding-block: 5px; justify-content: space-around; align-items: center;">
<div id="portal-links-1" class="mp-portal-links-column plainlinks">
* [http://www.detectiveconanworld.com Homepage]
* [http://www.detectiveconanworld.com/forum Forum]
* [http://www.detectiveconanworld.com/contact Contact]
</div>
<div id="portal-links-2" class="mp-portal-links-column">
* [[Characters]]
* [[Anime]]
* [[Manga]]
</div>
<div id="portal-links-3" class="mp-portal-links-column">
* [[Movies]]
* [[OVAs]]
* [[Specials]]</div>
</div>
<div id="mp-banner-gradient" style="flex: 0.5; background: linear-gradient(to right, #fff0 0 10%, #0a223c);"></div>
<div id="mp-banner-right" style="flex: 2; min-width: 300px; overflow: hidden">[[File:Main Page Banner Background.png]]</div>
</div>
<div id="mp-strapline" style="display: flex; justify-content: space-between; min-width: fit-content; width: 100%; margin: 4px 0 10px;">
<div id="strapline-links-left" class="mp-strapline-links">[[Wikipedia:Wikipedia:About|Overview]] '''·''' [[Wikipedia:Wikipedia:Tutorial|Editing]] '''·''' [[Wikipedia:Wikipedia:Questions|Questions]] '''·''' [[Wikipedia:Help:Contents|Help]]</div>
<div id="strapline-links-right" class="mp-strapline-links" style="text-align: right;">[[Special:RecentChanges|Recent Changes]] '''·''' [[Detective Conan Wiki:Guide|Guide]] '''·''' [[Special:Categories|Categories]] '''·''' [[Glossary|A–Z index]]</div>
</div>
</div>

<div id="mp-section1" class="mp-section">
<div id="mp-LaNe-boxes" style="border: 2px solid #ccc; min-height: 300px;">Latest/Next Boxes</div>
<div id="mp-featured" class="mp-object" style="flex: 1; display: flex; flex-wrap: wrap; flex-direction: column; gap: 10px; border: 1px solid #cef2e0; min-width: 300px; background: #f5fffa;">
<div style="min-width: 300px;"><h2 id="mp-aotm-h2" class="mp-h2 mp-h2-green">Article of the Month</h2>{{Detective Conan Wiki:Featured article}}</div>
<div style="min-width: 300px;"><h2 id="mp-featured-h2" class="mp-h2 mp-h2-green">Featured song</h2>{{Detective Conan Wiki:Featured song/January 7, 2024}}</div>
<div><h2 id="mp-dyk-h2" class="mp-h2 mp-h2-green">Did you know...</h2>[[File:Sherry's_Soliloquy.PNG|right|link=Sherry's soliloquy|100px|class=force-float-right|Sherry's soliloquy]]{{Did you know/4}}</div>
</div>
<div id="mp-news" class="mp-object" style="flex: 2; display: flex; flex-wrap: wrap; gap: 10px var(--gap-size); border: 1px solid #cedff2; background: #f5faff;">
<div style="flex: 2; min-width: 300px;"><h2 id="mp-itn-h2" class="mp-h2 mp-h2-blue">Latest news</h2><div id="mp-in-the-news">{{In the news}}</div></div>
<div style="flex: 1; min-width: 300px;"><h2 id="mp-rn-h2" class="mp-h2 mp-h2-blue">Release news</h2><div id="mp-release-news">{{Release news}}</div></div>
</div>
</div>

<div id="mp-section2" class="mp-section" style="padding-top: var(--gap-size);">
<div id="mp-topics" class="mp-object" style="flex: 3; display: flex; flex-wrap: wrap; gap: 10px var(--gap-size); border: 1px solid #cef2e0; background: #f5fffa;">
<div id="mp-general-topics" style="flex: 1; min-width: 300px;"><h2 id="mp-gt-h2" class="mp-h2 mp-h2-green">General topics</h2>
[[Image:Detective Conan Characters.jpg|110px|thumb|right|link=Characters|class=force-float-right|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
</div>
<div id="mp-specific-topics" style="flex: 1; min-width: 300px;"><h2 id="mp-st-h2" class="mp-h2 mp-h2-green">Specific topics</h2>
[[File:Volume 1.jpg|110px|thumb|right|link=Volume 1|class=force-float-right|First Manga volume of the series]]
* [[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
</div>
</div>
<div id="mp-dc-wiki-languages" class="mp-object" style="flex: 1; min-width: 260px; border: 1px solid #e2e2e2;">
<h2 class="mp-h2 mp-h2-gray">'''Languages'''</h2>
<div class="plainlinks">[https://conanwiki.org ConanWiki] - Deutsch (German)</div>
<div class="plainlinks">[https://ca.conanwiki.org ConanWiki en català] (Catalan)</div>
<div class="plainlinks">[https://fr.conanwiki.org ConanWiki en français] (French)</div>
<div class="plainlinks">[https://www.conanpedia.com/ Conanpedia] - 中文 (Chinese)</div>
</div>
</div>

<div id="mp-bottom" class="mp-section" style="padding-top: var(--gap-size)">
<div id="contributor-call" class="mp-message-box" style="display: flex; align-items: center;">
<div>{{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]]'''. <br> We also encourage editors to join our '''[{{int:Discord-url}} Discord server'''] as well, where we help each other out! Enjoy the conversation with Wiki contributors there by verifying your account conveniently in <code>#🌐verifizierung</code>.}}</div>
</div>
<div id="gfdl-disclaimer" class="mp-message-box" style="display: flex; align-items: center;">
[[Image:Info.png|left|link=]]
<div>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.</div>
</div>
</div>
</div>
__NOTOC____NOEDITSECTION__
{{code|css=
.mp-section {
display: flex;
flex-flow: wrap;
gap: var(--gap-size);
min-width: fit-content;
width: 100%;
}

.mp-object {
vertical-align: top;
border: 1px solid black;
padding: 10px;
}

.mp-portal-links-column {
padding-left: 5px;
line-height: 1.25em;
}

.mp-strapline-links {
font-size: 90%;
}

.mp-message-box {
display: flex;
flex: 1;
padding: 10px;
border: 1px solid #ddcef2;
background: #faf5ff;
}

h2.mp-h2 {
font-size: 130%;
font-weight: bold;
font-family: sans-serif;
border: 1px solid;
margin: 0 0 0.5em;
padding: 0.2em 0.4em;
}

h2.mp-h2-green {
background: #cef2e0;
border-color: #c2ddc5;
}

h2.mp-h2-blue {
background: #cedff2;
border-color: #b0c9d2;
}

h2.mp-h2-gray {
background: #eee;
border-color: #ddd;
}

#mp-container .force-float-right {
float: right !important;
}

#mp-section1 {
display: grid;
grid-template-columns: 1fr 2fr;
}

#mp-featured {
grid-column: 1;
grid-row: 1 / span 2;
}

#mp-LaNe-boxes {
grid-column: 2;
grid-row: 1;
}

#mp-news {
grid-column: 2;
grid-row: 2;
}

#mp-banner-right img {
width: 100%;
}

@container mp-container (max-width: 825px) {
#mp-section1 {
display: flex;
}
#mp-section1,
#mp-section2,
#mp-bottom {
flex-flow: column;
}
}
}}

User:AvidConanContributor/sandbox/Main Page

2026-07-02T22:11:13Z

AvidConanContributor:

<div id="mp-container" style="--gap-size: 6px; container: mp-container / inline-size; min-width: fit-content;">
<div id="mp-top" style="min-width: fit-content; width: 100%; gap: 0;">
<div id="mp-banner" class="mp-section" style="--banner-height: 250px; column-gap: 0; background: #fcfcfc; width: initial; height: var(--banner-height); border: 1px solid #ccc;">
<div id="mp-banner-left" style="display: flex; flex: 1; flex-direction: column; min-width: 300px; padding-block: 5px; padding-left: 8px; justify-content: center; text-align: center;">
<div style="font-size: 162%; padding: 0.1em;">Welcome to Detective Conan Wiki,</div>
<div style="font-size: 95%;">the ultimate resource about Detective Conan.</div>
<div id="article-count" style="font-size: 85%;">This wiki contains a total of [[Special:Statistics|{{NUMBEROFARTICLES}}]] articles thus far.</div>
</div>
<div id="mp-banner-middle" style="display: flex; flex: 1; min-width: 300px; padding-block: 5px; justify-content: space-around; align-items: center;">
<div id="portal-links-1" class="mp-portal-links-column plainlinks">
* [http://www.detectiveconanworld.com Homepage]
* [http://www.detectiveconanworld.com/forum Forum]
* [http://www.detectiveconanworld.com/contact Contact]
</div>
<div id="portal-links-2" class="mp-portal-links-column">
* [[Characters]]
* [[Anime]]
* [[Manga]]
</div>
<div id="portal-links-3" class="mp-portal-links-column">
* [[Movies]]
* [[OVAs]]
* [[Specials]]</div>
</div>
<div id="mp-banner-gradient" style="flex: 0.5; background: linear-gradient(to right, #fff0 0 10%, #0a223c);"></div>
<div id="mp-banner-right" style="flex: 2; min-width: 300px;"></div>
</div>
<div id="mp-strapline" style="display: flex; justify-content: space-between; min-width: fit-content; width: 100%; margin: 4px 0 10px;">
<div id="strapline-links-left" class="mp-strapline-links">[[Wikipedia:Wikipedia:About|Overview]] '''·''' [[Wikipedia:Wikipedia:Tutorial|Editing]] '''·''' [[Wikipedia:Wikipedia:Questions|Questions]] '''·''' [[Wikipedia:Help:Contents|Help]]</div>
<div id="strapline-links-right" class="mp-strapline-links" style="text-align: right;">[[Special:RecentChanges|Recent Changes]] '''·''' [[Detective Conan Wiki:Guide|Guide]] '''·''' [[Special:Categories|Categories]] '''·''' [[Glossary|A–Z index]]</div>
</div>
</div>

<div id="mp-section1" class="mp-section">
<div id="mp-LaNe-boxes" style="border: 2px solid #ccc; min-height: 300px;">Latest/Next Boxes</div>
<div id="mp-featured" class="mp-object" style="flex: 1; display: flex; flex-wrap: wrap; flex-direction: column; gap: 10px; border: 1px solid #cef2e0; min-width: 300px; background: #f5fffa;">
<div style="min-width: 300px;"><h2 id="mp-aotm-h2" class="mp-h2 mp-h2-green">Article of the Month</h2>{{Detective Conan Wiki:Featured article}}</div>
<div style="min-width: 300px;"><h2 id="mp-featured-h2" class="mp-h2 mp-h2-green">Featured song</h2>{{Detective Conan Wiki:Featured song/January 7, 2024}}</div>
<div><h2 id="mp-dyk-h2" class="mp-h2 mp-h2-green">Did you know...</h2>[[File:Sherry's_Soliloquy.PNG|right|link=Sherry's soliloquy|100px|class=force-float-right|Sherry's soliloquy]]{{Did you know/4}}</div>
</div>
<div id="mp-news" class="mp-object" style="flex: 2; display: flex; flex-wrap: wrap; gap: 10px var(--gap-size); border: 1px solid #cedff2; background: #f5faff;">
<div style="flex: 2; min-width: 300px;"><h2 id="mp-itn-h2" class="mp-h2 mp-h2-blue">Latest news</h2><div id="mp-in-the-news">{{In the news}}</div></div>
<div style="flex: 1; min-width: 300px;"><h2 id="mp-rn-h2" class="mp-h2 mp-h2-blue">Release news</h2><div id="mp-release-news">{{Release news}}</div></div>
</div>
</div>

<div id="mp-section2" class="mp-section" style="padding-top: var(--gap-size);">
<div id="mp-topics" class="mp-object" style="flex: 3; display: flex; flex-wrap: wrap; gap: 10px var(--gap-size); border: 1px solid #cef2e0; background: #f5fffa;">
<div id="mp-general-topics" style="flex: 1; min-width: 300px;"><h2 id="mp-gt-h2" class="mp-h2 mp-h2-green">General topics</h2>
[[Image:Detective Conan Characters.jpg|110px|thumb|right|link=Characters|class=force-float-right|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
</div>
<div id="mp-specific-topics" style="flex: 1; min-width: 300px;"><h2 id="mp-st-h2" class="mp-h2 mp-h2-green">Specific topics</h2>
[[File:Volume 1.jpg|110px|thumb|right|link=Volume 1|class=force-float-right|First Manga volume of the series]]
* [[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
</div>
</div>
<div id="mp-dc-wiki-languages" class="mp-object" style="flex: 1; min-width: 260px; border: 1px solid #e2e2e2;">
<h2 class="mp-h2 mp-h2-gray">'''Languages'''</h2>
<div class="plainlinks">[https://conanwiki.org ConanWiki] - Deutsch (German)</div>
<div class="plainlinks">[https://ca.conanwiki.org ConanWiki en català] (Catalan)</div>
<div class="plainlinks">[https://fr.conanwiki.org ConanWiki en français] (French)</div>
<div class="plainlinks">[https://www.conanpedia.com/ Conanpedia] - 中文 (Chinese)</div>
</div>
</div>

<div id="mp-bottom" class="mp-section" style="padding-top: var(--gap-size)">
<div id="contributor-call" class="mp-message-box" style="display: flex; align-items: center;">
<div>{{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]]'''. <br> We also encourage editors to join our '''[{{int:Discord-url}} Discord server'''] as well, where we help each other out! Enjoy the conversation with Wiki contributors there by verifying your account conveniently in <code>#🌐verifizierung</code>.}}</div>
</div>
<div id="gfdl-disclaimer" class="mp-message-box" style="display: flex; align-items: center;">
[[Image:Info.png|left|link=]]
<div>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.</div>
</div>
</div>
</div>
__NOTOC____NOEDITSECTION__
{{code|css=
.mp-section {
display: flex;
flex-flow: wrap;
gap: var(--gap-size);
min-width: fit-content;
width: 100%;
}

.mp-object {
vertical-align: top;
border: 1px solid black;
padding: 10px;
}

.mp-portal-links-column {
padding-left: 5px;
line-height: 1.25em;
}

.mp-strapline-links {
font-size: 90%;
}

.mp-message-box {
display: flex;
flex: 1;
padding: 10px;
border: 1px solid #ddcef2;
background: #faf5ff;
}

h2.mp-h2 {
font-size: 130%;
font-weight: bold;
font-family: sans-serif;
border: 1px solid;
margin: 0 0 0.5em;
padding: 0.2em 0.4em;
}

h2.mp-h2-green {
background: #cef2e0;
border-color: #c2ddc5;
}

h2.mp-h2-blue {
background: #cedff2;
border-color: #b0c9d2;
}

h2.mp-h2-gray {
background: #eee;
border-color: #ddd;
}

#mp-container .force-float-right {
float: right !important;
}

#mp-section1 {
display: grid;
grid-template-columns: 1fr 2fr;
}

#mp-featured {
grid-column: 1;
grid-row: 1 / span 2;
}

#mp-LaNe-boxes {
grid-column: 2;
grid-row: 1;
}

#mp-news {
grid-column: 2;
grid-row: 2;
}

#mp-banner-right {
background: url(https://www.detectiveconanworld.com/wiki/images/f/fc/Main_Page_Banner_Background.png);
background-position: left 0 top calc(-150px + (var(--banner-height) / 2));
background-size: calc(100% + 50px);
background-repeat: no-repeat;
}

@container mp-container (max-width: 825px) {
#mp-section1 {
display: flex;
}
#mp-section1,
#mp-section2,
#mp-bottom {
flex-flow: column;
}
}
}}

User:AvidConanContributor/sandbox/Main Page

2026-07-02T22:09:41Z

AvidConanContributor:

<div id="mp-container" style="--gap-size: 6px; container: mp-container / inline-size; min-width: fit-content;">
<div id="mp-top" style="min-width: fit-content; width: 100%; gap: 0;">
<div id="mp-banner" class="mp-section" style="--banner-height: 250px; column-gap: 0; background: #fcfcfc; width: initial; height: var(--banner-height); border: 1px solid #ccc;">
<div id="mp-banner-left" style="display: flex; flex: 1; flex-direction: column; min-width: 300px; padding-block: 5px; padding-left: 8px; justify-content: center; text-align: center;">
<div style="font-size: 162%; padding: 0.1em;">Welcome to Detective Conan Wiki,</div>
<div style="font-size: 95%;">the ultimate resource about Detective Conan.</div>
<div id="article-count" style="font-size: 85%;">This wiki contains a total of [[Special:Statistics|{{NUMBEROFARTICLES}}]] articles thus far.</div>
</div>
<div id="mp-banner-middle" style="display: flex; flex: 1; min-width: 300px; padding-block: 5px; justify-content: space-around; align-items: center;">
<div id="portal-links-1" class="mp-portal-links-column plainlinks">
* [http://www.detectiveconanworld.com Homepage]
* [http://www.detectiveconanworld.com/forum Forum]
* [http://www.detectiveconanworld.com/contact Contact]
</div>
<div id="portal-links-2" class="mp-portal-links-column">
* [[Characters]]
* [[Anime]]
* [[Manga]]
</div>
<div id="portal-links-3" class="mp-portal-links-column">
* [[Movies]]
* [[OVAs]]
* [[Specials]]</div>
</div>
<div id="mp-banner-gradient" style="flex: 0.5; background: linear-gradient(to left, #ffffff00, #0a223c);"></div>
<div id="mp-banner-right" style="flex: 2; min-width: 300px;"></div>
</div>
<div id="mp-strapline" style="display: flex; justify-content: space-between; min-width: fit-content; width: 100%; margin: 4px 0 10px;">
<div id="strapline-links-left" class="mp-strapline-links">[[Wikipedia:Wikipedia:About|Overview]] '''·''' [[Wikipedia:Wikipedia:Tutorial|Editing]] '''·''' [[Wikipedia:Wikipedia:Questions|Questions]] '''·''' [[Wikipedia:Help:Contents|Help]]</div>
<div id="strapline-links-right" class="mp-strapline-links" style="text-align: right;">[[Special:RecentChanges|Recent Changes]] '''·''' [[Detective Conan Wiki:Guide|Guide]] '''·''' [[Special:Categories|Categories]] '''·''' [[Glossary|A–Z index]]</div>
</div>
</div>

<div id="mp-section1" class="mp-section">
<div id="mp-LaNe-boxes" style="border: 2px solid #ccc; min-height: 300px;">Latest/Next Boxes</div>
<div id="mp-featured" class="mp-object" style="flex: 1; display: flex; flex-wrap: wrap; flex-direction: column; gap: 10px; border: 1px solid #cef2e0; min-width: 300px; background: #f5fffa;">
<div style="min-width: 300px;"><h2 id="mp-aotm-h2" class="mp-h2 mp-h2-green">Article of the Month</h2>{{Detective Conan Wiki:Featured article}}</div>
<div style="min-width: 300px;"><h2 id="mp-featured-h2" class="mp-h2 mp-h2-green">Featured song</h2>{{Detective Conan Wiki:Featured song/January 7, 2024}}</div>
<div><h2 id="mp-dyk-h2" class="mp-h2 mp-h2-green">Did you know...</h2>[[File:Sherry's_Soliloquy.PNG|right|link=Sherry's soliloquy|100px|class=force-float-right|Sherry's soliloquy]]{{Did you know/4}}</div>
</div>
<div id="mp-news" class="mp-object" style="flex: 2; display: flex; flex-wrap: wrap; gap: 10px var(--gap-size); border: 1px solid #cedff2; background: #f5faff;">
<div style="flex: 2; min-width: 300px;"><h2 id="mp-itn-h2" class="mp-h2 mp-h2-blue">Latest news</h2><div id="mp-in-the-news">{{In the news}}</div></div>
<div style="flex: 1; min-width: 300px;"><h2 id="mp-rn-h2" class="mp-h2 mp-h2-blue">Release news</h2><div id="mp-release-news">{{Release news}}</div></div>
</div>
</div>

<div id="mp-section2" class="mp-section" style="padding-top: var(--gap-size);">
<div id="mp-topics" class="mp-object" style="flex: 3; display: flex; flex-wrap: wrap; gap: 10px var(--gap-size); border: 1px solid #cef2e0; background: #f5fffa;">
<div id="mp-general-topics" style="flex: 1; min-width: 300px;"><h2 id="mp-gt-h2" class="mp-h2 mp-h2-green">General topics</h2>
[[Image:Detective Conan Characters.jpg|110px|thumb|right|link=Characters|class=force-float-right|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
</div>
<div id="mp-specific-topics" style="flex: 1; min-width: 300px;"><h2 id="mp-st-h2" class="mp-h2 mp-h2-green">Specific topics</h2>
[[File:Volume 1.jpg|110px|thumb|right|link=Volume 1|class=force-float-right|First Manga volume of the series]]
* [[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
</div>
</div>
<div id="mp-dc-wiki-languages" class="mp-object" style="flex: 1; min-width: 260px; border: 1px solid #e2e2e2;">
<h2 class="mp-h2 mp-h2-gray">'''Languages'''</h2>
<div class="plainlinks">[https://conanwiki.org ConanWiki] - Deutsch (German)</div>
<div class="plainlinks">[https://ca.conanwiki.org ConanWiki en català] (Catalan)</div>
<div class="plainlinks">[https://fr.conanwiki.org ConanWiki en français] (French)</div>
<div class="plainlinks">[https://www.conanpedia.com/ Conanpedia] - 中文 (Chinese)</div>
</div>
</div>

<div id="mp-bottom" class="mp-section" style="padding-top: var(--gap-size)">
<div id="contributor-call" class="mp-message-box" style="display: flex; align-items: center;">
<div>{{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]]'''. <br> We also encourage editors to join our '''[{{int:Discord-url}} Discord server'''] as well, where we help each other out! Enjoy the conversation with Wiki contributors there by verifying your account conveniently in <code>#🌐verifizierung</code>.}}</div>
</div>
<div id="gfdl-disclaimer" class="mp-message-box" style="display: flex; align-items: center;">
[[Image:Info.png|left|link=]]
<div>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.</div>
</div>
</div>
</div>
__NOTOC____NOEDITSECTION__
{{code|css=
.mp-section {
display: flex;
flex-flow: wrap;
gap: var(--gap-size);
min-width: fit-content;
width: 100%;
}

.mp-object {
vertical-align: top;
border: 1px solid black;
padding: 10px;
}

.mp-portal-links-column {
padding-left: 5px;
line-height: 1.25em;
}

.mp-strapline-links {
font-size: 90%;
}

.mp-message-box {
display: flex;
flex: 1;
padding: 10px;
border: 1px solid #ddcef2;
background: #faf5ff;
}

h2.mp-h2 {
font-size: 130%;
font-weight: bold;
font-family: sans-serif;
border: 1px solid;
margin: 0 0 0.5em;
padding: 0.2em 0.4em;
}

h2.mp-h2-green {
background: #cef2e0;
border-color: #c2ddc5;
}

h2.mp-h2-blue {
background: #cedff2;
border-color: #b0c9d2;
}

h2.mp-h2-gray {
background: #eee;
border-color: #ddd;
}

#mp-container .force-float-right {
float: right !important;
}

#mp-section1 {
display: grid;
grid-template-columns: 1fr 2fr;
}

#mp-featured {
grid-column: 1;
grid-row: 1 / span 2;
}

#mp-LaNe-boxes {
grid-column: 2;
grid-row: 1;
}

#mp-news {
grid-column: 2;
grid-row: 2;
}

#mp-banner-right {
background: url(https://www.detectiveconanworld.com/wiki/images/f/fc/Main_Page_Banner_Background.png);
background-position: left 0 top calc(-150px + (var(--banner-height) / 2));
background-size: calc(100% + 50px);
background-repeat: no-repeat;
}

@container mp-container (max-width: 825px) {
#mp-section1 {
display: flex;
}
#mp-section1,
#mp-section2,
#mp-bottom {
flex-flow: column;
}
}
}}

File:Main Page Banner Background.png

2026-07-02T22:04:04Z

AvidConanContributor: AvidConanContributor uploaded a new version of File:Main Page Banner Background.png

== Summary ==
Test for main page banner

User:AvidConanContributor/sandbox/Main Page

2026-07-02T21:55:25Z

AvidConanContributor: Undo revision 409116 by DavidHolandaOne (talk) I am not yet ready to add border rounding to the main page yet...

<div id="mp-container" style="--gap-size: 6px; container: mp-container / inline-size; min-width: fit-content;">
<div id="mp-top" style="min-width: fit-content; width: 100%; gap: 0;">
<div id="mp-banner" class="mp-section" style="column-gap: 0; background: #0a223c; width: initial; height: 250px; color: #fff; border: 1px solid #ccc;">
<div id="mp-banner-left" style="display: flex; flex: 1; flex-direction: column; min-width: 300px; padding-block: 5px; padding-left: 8px; justify-content: center; text-align: center;">
<div style="font-size: 162%; padding: 0.1em;">Welcome to Detective Conan Wiki,</div>
<div style="font-size: 95%;">the ultimate resource about Detective Conan.</div>
<div id="article-count" style="font-size: 85%;">This wiki contains a total of [[Special:Statistics|{{NUMBEROFARTICLES}}]] articles thus far.</div>
</div>
<div id="mp-banner-middle" style="display: flex; flex: 1; min-width: 300px; padding-block: 5px; justify-content: space-around; align-items: center;">
<div id="portal-links-1" class="mp-portal-links-column plainlinks">
* [http://www.detectiveconanworld.com Homepage]
* [http://www.detectiveconanworld.com/forum Forum]
* [http://www.detectiveconanworld.com/contact Contact]
</div>
<div id="portal-links-2" class="mp-portal-links-column">
* [[Characters]]
* [[Anime]]
* [[Manga]]
</div>
<div id="portal-links-3" class="mp-portal-links-column">
* [[Movies]]
* [[OVAs]]
* [[Specials]]</div>
</div>
<div id="mp-banner-right" style="display: flex; flex: 2; min-width: 300px; justify-content: space-around; align-items: center;"></div>
</div>
<div id="mp-strapline" style="display: flex; justify-content: space-between; min-width: fit-content; width: 100%; margin: 4px 0 10px;">
<div id="strapline-links-left" class="mp-strapline-links">[[Wikipedia:Wikipedia:About|Overview]] '''·''' [[Wikipedia:Wikipedia:Tutorial|Editing]] '''·''' [[Wikipedia:Wikipedia:Questions|Questions]] '''·''' [[Wikipedia:Help:Contents|Help]]</div>
<div id="strapline-links-right" class="mp-strapline-links" style="text-align: right;">[[Special:RecentChanges|Recent Changes]] '''·''' [[Detective Conan Wiki:Guide|Guide]] '''·''' [[Special:Categories|Categories]] '''·''' [[Glossary|A–Z index]]</div>
</div>
</div>

<div id="mp-section1" class="mp-section">
<div id="mp-LaNe-boxes" style="border: 2px solid #ccc; min-height: 300px;">Latest/Next Boxes</div>
<div id="mp-featured" class="mp-object" style="flex: 1; display: flex; flex-wrap: wrap; flex-direction: column; gap: 10px; border: 1px solid #cef2e0; min-width: 300px; background: #f5fffa;">
<div style="min-width: 300px;"><h2 id="mp-aotm-h2" class="mp-h2 mp-h2-green">Article of the Month</h2>{{Detective Conan Wiki:Featured article}}</div>
<div style="min-width: 300px;"><h2 id="mp-featured-h2" class="mp-h2 mp-h2-green">Featured song</h2>{{Detective Conan Wiki:Featured song/January 7, 2024}}</div>
<div><h2 id="mp-dyk-h2" class="mp-h2 mp-h2-green">Did you know...</h2>[[File:Sherry's_Soliloquy.PNG|right|link=Sherry's soliloquy|100px|class=force-float-right|Sherry's soliloquy]]{{Did you know/4}}</div>
</div>
<div id="mp-news" class="mp-object" style="flex: 2; display: flex; flex-wrap: wrap; gap: 10px var(--gap-size); border: 1px solid #cedff2; background: #f5faff;">
<div style="flex: 2; min-width: 300px;"><h2 id="mp-itn-h2" class="mp-h2 mp-h2-blue">Latest news</h2><div id="mp-in-the-news">{{In the news}}</div></div>
<div style="flex: 1; min-width: 300px;"><h2 id="mp-rn-h2" class="mp-h2 mp-h2-blue">Release news</h2><div id="mp-release-news">{{Release news}}</div></div>
</div>
</div>

<div id="mp-section2" class="mp-section" style="padding-top: var(--gap-size);">
<div id="mp-topics" class="mp-object" style="flex: 3; display: flex; flex-wrap: wrap; gap: 10px var(--gap-size); border: 1px solid #cef2e0; background: #f5fffa;">
<div id="mp-general-topics" style="flex: 1; min-width: 300px;"><h2 id="mp-gt-h2" class="mp-h2 mp-h2-green">General topics</h2>
[[Image:Detective Conan Characters.jpg|110px|thumb|right|link=Characters|class=force-float-right|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
</div>
<div id="mp-specific-topics" style="flex: 1; min-width: 300px;"><h2 id="mp-st-h2" class="mp-h2 mp-h2-green">Specific topics</h2>
[[File:Volume 1.jpg|110px|thumb|right|link=Volume 1|class=force-float-right|First Manga volume of the series]]
* [[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
</div>
</div>
<div id="mp-dc-wiki-languages" class="mp-object" style="flex: 1; min-width: 260px; border: 1px solid #e2e2e2;">
<h2 class="mp-h2 mp-h2-gray">'''Languages'''</h2>
<div class="plainlinks">[https://conanwiki.org ConanWiki] - Deutsch (German)</div>
<div class="plainlinks">[https://ca.conanwiki.org ConanWiki en català] (Catalan)</div>
<div class="plainlinks">[https://fr.conanwiki.org ConanWiki en français] (French)</div>
<div class="plainlinks">[https://www.conanpedia.com/ Conanpedia] - 中文 (Chinese)</div>
</div>
</div>

<div id="mp-bottom" class="mp-section" style="padding-top: var(--gap-size)">
<div id="contributor-call" class="mp-message-box" style="display: flex; align-items: center;">
<div>{{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]]'''. <br> We also encourage editors to join our '''[{{int:Discord-url}} Discord server'''] as well, where we help each other out! Enjoy the conversation with Wiki contributors there by verifying your account conveniently in <code>#🌐verifizierung</code>.}}</div>
</div>
<div id="gfdl-disclaimer" class="mp-message-box" style="display: flex; align-items: center;">
[[Image:Info.png|left|link=]]
<div>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.</div>
</div>
</div>
</div>
__NOTOC____NOEDITSECTION__
{{code|css=
.mp-section {
display: flex;
flex-flow: wrap;
gap: var(--gap-size);
min-width: fit-content;
width: 100%;
}

.mp-object {
vertical-align: top;
border: 1px solid black;
padding: 10px;
}

.mp-portal-links-column {
padding-left: 5px;
line-height: 1.25em;
}

.mp-strapline-links {
font-size: 90%;
}

.mp-message-box {
display: flex;
flex: 1;
padding: 10px;
border: 1px solid #ddcef2;
background: #faf5ff;
}

h2.mp-h2 {
font-size: 130%;
font-weight: bold;
font-family: sans-serif;
border: 1px solid;
margin: 0 0 0.5em;
padding: 0.2em 0.4em;
}

h2.mp-h2-green {
background: #cef2e0;
border-color: #c2ddc5;
}

h2.mp-h2-blue {
background: #cedff2;
border-color: #b0c9d2;
}

h2.mp-h2-gray {
background: #eee;
border-color: #ddd;
}

#mp-container .force-float-right {
float: right !important;
}

#mp-section1 {
display: grid;
grid-template-columns: 1fr 2fr;
}

#mp-featured {
grid-column: 1;
grid-row: 1 / span 2;
}

#mp-LaNe-boxes {
grid-column: 2;
grid-row: 1;
}

#mp-news {
grid-column: 2;
grid-row: 2;
}

#mp-banner-right {
background: url(https://www.detectiveconanworld.com/wiki/images/f/fc/Main_Page_Banner_Background.png);
background-position: left 0 top 20%;
background-size: calc(100% + 50px);
background-repeat: no-repeat;
}

@container mp-container (max-width: 825px) {
#mp-section1 {
display: flex;
}
#mp-section1,
#mp-section2,
#mp-bottom {
flex-flow: column;
}
}
}}

User:AvidConanContributor/sandbox/Main Page

2026-07-02T19:09:07Z

AvidConanContributor:

<div id="mp-container" style="--gap-size: 6px; container: mp-container / inline-size; min-width: fit-content;">
<div id="mp-top" style="min-width: fit-content; width: 100%; gap: 0;">
<div id="mp-banner" class="mp-section" style="column-gap: 0; background: #0a223c; width: initial; height: 250px; color: #fff; border: 1px solid #ccc;">
<div id="mp-banner-left" style="display: flex; flex: 1; flex-direction: column; min-width: 300px; padding-block: 5px; padding-left: 8px; justify-content: center; text-align: center;">
<div style="font-size: 162%; padding: 0.1em;">Welcome to Detective Conan Wiki,</div>
<div style="font-size: 95%;">the ultimate resource about Detective Conan.</div>
<div id="article-count" style="font-size: 85%;">This wiki contains a total of [[Special:Statistics|{{NUMBEROFARTICLES}}]] articles thus far.</div>
</div>
<div id="mp-banner-middle" style="display: flex; flex: 1; min-width: 300px; padding-block: 5px; justify-content: space-around; align-items: center;">
<div id="portal-links-1" class="mp-portal-links-column plainlinks">
* [http://www.detectiveconanworld.com Homepage]
* [http://www.detectiveconanworld.com/forum Forum]
* [http://www.detectiveconanworld.com/contact Contact]
</div>
<div id="portal-links-2" class="mp-portal-links-column">
* [[Characters]]
* [[Anime]]
* [[Manga]]
</div>
<div id="portal-links-3" class="mp-portal-links-column">
* [[Movies]]
* [[OVAs]]
* [[Specials]]</div>
</div>
<div id="mp-banner-right" style="display: flex; flex: 2; min-width: 300px; justify-content: space-around; align-items: center;"></div>
</div>
<div id="mp-strapline" style="display: flex; justify-content: space-between; min-width: fit-content; width: 100%; margin: 4px 0 10px;">
<div id="strapline-links-left" class="mp-strapline-links">[[Wikipedia:Wikipedia:About|Overview]] '''·''' [[Wikipedia:Wikipedia:Tutorial|Editing]] '''·''' [[Wikipedia:Wikipedia:Questions|Questions]] '''·''' [[Wikipedia:Help:Contents|Help]]</div>
<div id="strapline-links-right" class="mp-strapline-links" style="text-align: right;">[[Special:RecentChanges|Recent Changes]] '''·''' [[Detective Conan Wiki:Guide|Guide]] '''·''' [[Special:Categories|Categories]] '''·''' [[Glossary|A–Z index]]</div>
</div>
</div>

<div id="mp-section1" class="mp-section">
<div id="mp-LaNe-boxes" style="border: 2px solid #ccc; min-height: 300px;">Latest/Next Boxes</div>
<div id="mp-featured" class="mp-object" style="flex: 1; display: flex; flex-wrap: wrap; flex-direction: column; gap: 10px; border: 1px solid #cef2e0; min-width: 300px; background: #f5fffa;">
<div style="min-width: 300px;"><h2 id="mp-aotm-h2" class="mp-h2 mp-h2-green">Article of the Month</h2>{{Detective Conan Wiki:Featured article}}</div>
<div style="min-width: 300px;"><h2 id="mp-featured-h2" class="mp-h2 mp-h2-green">Featured song</h2>{{Detective Conan Wiki:Featured song/January 7, 2024}}</div>
<div><h2 id="mp-dyk-h2" class="mp-h2 mp-h2-green">Did you know...</h2>[[File:Sherry's_Soliloquy.PNG|right|link=Sherry's soliloquy|100px|class=force-float-right|Sherry's soliloquy]]{{Did you know/4}}</div>
</div>
<div id="mp-news" class="mp-object" style="flex: 2; display: flex; flex-wrap: wrap; gap: 10px var(--gap-size); border: 1px solid #cedff2; background: #f5faff;">
<div style="flex: 2; min-width: 300px;"><h2 id="mp-itn-h2" class="mp-h2 mp-h2-blue">Latest news</h2><div id="mp-in-the-news">{{In the news}}</div></div>
<div style="flex: 1; min-width: 300px;"><h2 id="mp-rn-h2" class="mp-h2 mp-h2-blue">Release news</h2><div id="mp-release-news">{{Release news}}</div></div>
</div>
</div>

<div id="mp-section2" class="mp-section" style="padding-top: var(--gap-size);">
<div id="mp-topics" class="mp-object" style="flex: 3; display: flex; flex-wrap: wrap; gap: 10px var(--gap-size); border: 1px solid #cef2e0; background: #f5fffa;">
<div id="mp-general-topics" style="flex: 1; min-width: 300px;"><h2 id="mp-gt-h2" class="mp-h2 mp-h2-green">General topics</h2>
[[Image:Detective Conan Characters.jpg|110px|thumb|right|link=Characters|class=force-float-right|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
</div>
<div id="mp-specific-topics" style="flex: 1; min-width: 300px;"><h2 id="mp-st-h2" class="mp-h2 mp-h2-green">Specific topics</h2>
[[File:Volume 1.jpg|110px|thumb|right|link=Volume 1|class=force-float-right|First Manga volume of the series]]
* [[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
</div>
</div>
<div id="mp-dc-wiki-languages" class="mp-object" style="flex: 1; min-width: 260px; border: 1px solid #e2e2e2;">
<h2 class="mp-h2 mp-h2-gray">'''Languages'''</h2>
<div class="plainlinks">[https://conanwiki.org ConanWiki] - Deutsch (German)</div>
<div class="plainlinks">[https://ca.conanwiki.org ConanWiki en català] (Catalan)</div>
<div class="plainlinks">[https://fr.conanwiki.org ConanWiki en français] (French)</div>
<div class="plainlinks">[https://www.conanpedia.com/ Conanpedia] - 中文 (Chinese)</div>
</div>
</div>

<div id="mp-bottom" class="mp-section" style="padding-top: var(--gap-size)">
<div id="contributor-call" class="mp-message-box" style="display: flex; align-items: center;">
<div>{{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]]'''. <br> We also encourage editors to join our '''[{{int:Discord-url}} Discord server'''] as well, where we help each other out! Enjoy the conversation with Wiki contributors there by verifying your account conveniently in <code>#🌐verifizierung</code>.}}</div>
</div>
<div id="gfdl-disclaimer" class="mp-message-box" style="display: flex; align-items: center;">
[[Image:Info.png|left|link=]]
<div>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.</div>
</div>
</div>
</div>
__NOTOC____NOEDITSECTION__
{{code|css=
.mp-section {
display: flex;
flex-flow: wrap;
gap: var(--gap-size);
min-width: fit-content;
width: 100%;
}

.mp-object {
vertical-align: top;
border: 1px solid black;
padding: 10px;
}

.mp-portal-links-column {
padding-left: 5px;
line-height: 1.25em;
}

.mp-strapline-links {
font-size: 90%;
}

.mp-message-box {
display: flex;
flex: 1;
padding: 10px;
border: 1px solid #ddcef2;
background: #faf5ff;
}

h2.mp-h2 {
font-size: 130%;
font-weight: bold;
font-family: sans-serif;
border: 1px solid;
margin: 0 0 0.5em;
padding: 0.2em 0.4em;
}

h2.mp-h2-green {
background: #cef2e0;
border-color: #c2ddc5;
}

h2.mp-h2-blue {
background: #cedff2;
border-color: #b0c9d2;
}

h2.mp-h2-gray {
background: #eee;
border-color: #ddd;
}

#mp-container .force-float-right {
float: right !important;
}

#mp-section1 {
display: grid;
grid-template-columns: 1fr 2fr;
}

#mp-featured {
grid-column: 1;
grid-row: 1 / span 2;
}

#mp-LaNe-boxes {
grid-column: 2;
grid-row: 1;
}

#mp-news {
grid-column: 2;
grid-row: 2;
}

#mp-banner-right {
background: url(https://www.detectiveconanworld.com/wiki/images/f/fc/Main_Page_Banner_Background.png);
background-position: left 0 top 20%;
background-size: calc(100% + 50px);
background-repeat: no-repeat;
}

@container mp-container (max-width: 825px) {
#mp-section1 {
display: flex;
}
#mp-section1,
#mp-section2,
#mp-bottom {
flex-flow: column;
}
}
}}

User:AvidConanContributor/sandbox/Main Page

2026-07-02T19:08:38Z

AvidConanContributor:

<div id="mp-container" style="--gap-size: 6px; container: mp-container / inline-size; min-width: fit-content;">
<div id="mp-top" style="min-width: fit-content; width: 100%; gap: 0;">
<div id="mp-banner" class="mp-section" style="column-gap: 0; background: #0a223c; width: initial; color: #fff; border: 1px solid #ccc;">
<div id="mp-banner-left" style="display: flex; flex: 1; flex-direction: column; min-width: 300px; padding-block: 5px; padding-left: 8px; justify-content: center; text-align: center;">
<div style="font-size: 162%; padding: 0.1em;">Welcome to Detective Conan Wiki,</div>
<div style="font-size: 95%;">the ultimate resource about Detective Conan.</div>
<div id="article-count" style="font-size: 85%;">This wiki contains a total of [[Special:Statistics|{{NUMBEROFARTICLES}}]] articles thus far.</div>
</div>
<div id="mp-banner-middle" style="display: flex; flex: 1; min-width: 300px; padding-block: 5px; justify-content: space-around; align-items: center;">
<div id="portal-links-1" class="mp-portal-links-column plainlinks">
* [http://www.detectiveconanworld.com Homepage]
* [http://www.detectiveconanworld.com/forum Forum]
* [http://www.detectiveconanworld.com/contact Contact]
</div>
<div id="portal-links-2" class="mp-portal-links-column">
* [[Characters]]
* [[Anime]]
* [[Manga]]
</div>
<div id="portal-links-3" class="mp-portal-links-column">
* [[Movies]]
* [[OVAs]]
* [[Specials]]</div>
</div>
<div id="mp-banner-right" style="display: flex; flex: 2; min-width: 300px; justify-content: space-around; align-items: center;"></div>
</div>
<div id="mp-strapline" style="display: flex; justify-content: space-between; min-width: fit-content; width: 100%; margin: 4px 0 10px;">
<div id="strapline-links-left" class="mp-strapline-links">[[Wikipedia:Wikipedia:About|Overview]] '''·''' [[Wikipedia:Wikipedia:Tutorial|Editing]] '''·''' [[Wikipedia:Wikipedia:Questions|Questions]] '''·''' [[Wikipedia:Help:Contents|Help]]</div>
<div id="strapline-links-right" class="mp-strapline-links" style="text-align: right;">[[Special:RecentChanges|Recent Changes]] '''·''' [[Detective Conan Wiki:Guide|Guide]] '''·''' [[Special:Categories|Categories]] '''·''' [[Glossary|A–Z index]]</div>
</div>
</div>

<div id="mp-section1" class="mp-section">
<div id="mp-LaNe-boxes" style="border: 2px solid #ccc; min-height: 300px;">Latest/Next Boxes</div>
<div id="mp-featured" class="mp-object" style="flex: 1; display: flex; flex-wrap: wrap; flex-direction: column; gap: 10px; border: 1px solid #cef2e0; min-width: 300px; background: #f5fffa;">
<div style="min-width: 300px;"><h2 id="mp-aotm-h2" class="mp-h2 mp-h2-green">Article of the Month</h2>{{Detective Conan Wiki:Featured article}}</div>
<div style="min-width: 300px;"><h2 id="mp-featured-h2" class="mp-h2 mp-h2-green">Featured song</h2>{{Detective Conan Wiki:Featured song/January 7, 2024}}</div>
<div><h2 id="mp-dyk-h2" class="mp-h2 mp-h2-green">Did you know...</h2>[[File:Sherry's_Soliloquy.PNG|right|link=Sherry's soliloquy|100px|class=force-float-right|Sherry's soliloquy]]{{Did you know/4}}</div>
</div>
<div id="mp-news" class="mp-object" style="flex: 2; display: flex; flex-wrap: wrap; gap: 10px var(--gap-size); border: 1px solid #cedff2; background: #f5faff;">
<div style="flex: 2; min-width: 300px;"><h2 id="mp-itn-h2" class="mp-h2 mp-h2-blue">Latest news</h2><div id="mp-in-the-news">{{In the news}}</div></div>
<div style="flex: 1; min-width: 300px;"><h2 id="mp-rn-h2" class="mp-h2 mp-h2-blue">Release news</h2><div id="mp-release-news">{{Release news}}</div></div>
</div>
</div>

<div id="mp-section2" class="mp-section" style="padding-top: var(--gap-size);">
<div id="mp-topics" class="mp-object" style="flex: 3; display: flex; flex-wrap: wrap; gap: 10px var(--gap-size); border: 1px solid #cef2e0; background: #f5fffa;">
<div id="mp-general-topics" style="flex: 1; min-width: 300px;"><h2 id="mp-gt-h2" class="mp-h2 mp-h2-green">General topics</h2>
[[Image:Detective Conan Characters.jpg|110px|thumb|right|link=Characters|class=force-float-right|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
</div>
<div id="mp-specific-topics" style="flex: 1; min-width: 300px;"><h2 id="mp-st-h2" class="mp-h2 mp-h2-green">Specific topics</h2>
[[File:Volume 1.jpg|110px|thumb|right|link=Volume 1|class=force-float-right|First Manga volume of the series]]
* [[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
</div>
</div>
<div id="mp-dc-wiki-languages" class="mp-object" style="flex: 1; min-width: 260px; border: 1px solid #e2e2e2;">
<h2 class="mp-h2 mp-h2-gray">'''Languages'''</h2>
<div class="plainlinks">[https://conanwiki.org ConanWiki] - Deutsch (German)</div>
<div class="plainlinks">[https://ca.conanwiki.org ConanWiki en català] (Catalan)</div>
<div class="plainlinks">[https://fr.conanwiki.org ConanWiki en français] (French)</div>
<div class="plainlinks">[https://www.conanpedia.com/ Conanpedia] - 中文 (Chinese)</div>
</div>
</div>

<div id="mp-bottom" class="mp-section" style="padding-top: var(--gap-size)">
<div id="contributor-call" class="mp-message-box" style="display: flex; align-items: center;">
<div>{{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]]'''. <br> We also encourage editors to join our '''[{{int:Discord-url}} Discord server'''] as well, where we help each other out! Enjoy the conversation with Wiki contributors there by verifying your account conveniently in <code>#🌐verifizierung</code>.}}</div>
</div>
<div id="gfdl-disclaimer" class="mp-message-box" style="display: flex; align-items: center;">
[[Image:Info.png|left|link=]]
<div>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.</div>
</div>
</div>
</div>
__NOTOC____NOEDITSECTION__
{{code|css=
.mp-section {
display: flex;
flex-flow: wrap;
gap: var(--gap-size);
min-width: fit-content;
width: 100%;
}

.mp-object {
vertical-align: top;
border: 1px solid black;
padding: 10px;
}

.mp-portal-links-column {
padding-left: 5px;
line-height: 1.25em;
}

.mp-strapline-links {
font-size: 90%;
}

.mp-message-box {
display: flex;
flex: 1;
padding: 10px;
border: 1px solid #ddcef2;
background: #faf5ff;
}

h2.mp-h2 {
font-size: 130%;
font-weight: bold;
font-family: sans-serif;
border: 1px solid;
margin: 0 0 0.5em;
padding: 0.2em 0.4em;
}

h2.mp-h2-green {
background: #cef2e0;
border-color: #c2ddc5;
}

h2.mp-h2-blue {
background: #cedff2;
border-color: #b0c9d2;
}

h2.mp-h2-gray {
background: #eee;
border-color: #ddd;
}

#mp-container .force-float-right {
float: right !important;
}

#mp-section1 {
display: grid;
grid-template-columns: 1fr 2fr;
}

#mp-featured {
grid-column: 1;
grid-row: 1 / span 2;
}

#mp-LaNe-boxes {
grid-column: 2;
grid-row: 1;
}

#mp-news {
grid-column: 2;
grid-row: 2;
}

#mp-banner-right {
background: url(https://www.detectiveconanworld.com/wiki/images/f/fc/Main_Page_Banner_Background.png);
background-position: left 0 top 20%;
background-size: calc(100% + 50px);
background-repeat: no-repeat;
}

@container mp-container (max-width: 825px) {
#mp-section1 {
display: flex;
}
#mp-section1,
#mp-section2,
#mp-bottom {
flex-flow: column;
}
}
}}

User:AvidConanContributor/sandbox/Main Page

2026-07-02T19:00:08Z

AvidConanContributor:

<div id="mp-container" style="--gap-size: 6px; container: mp-container / inline-size; min-width: fit-content;">
<div id="mp-top" style="min-width: fit-content; width: 100%; gap: 0;">
<div id="mp-banner" class="mp-section" style="column-gap: 0; background: #0a223c; width: initial; color: #fff; border: 1px solid #ccc;">
<div id="mp-banner-left" style="display: flex; flex: 1; flex-direction: column; min-width: 300px; padding-block: 5px; padding-left: 8px; justify-content: center; text-align: center;">
<div style="font-size: 162%; padding: 0.1em;">Welcome to Detective Conan Wiki,</div>
<div style="font-size: 95%;">the ultimate resource about Detective Conan.</div>
<div id="article-count" style="font-size: 85%;">This wiki contains a total of [[Special:Statistics|{{NUMBEROFARTICLES}}]] articles thus far.</div>
</div>
<div id="mp-banner-middle" style="display: flex; flex: 1; min-width: 300px; padding-block: 5px; justify-content: space-around; align-items: center;">
<div id="portal-links-1" class="mp-portal-links-column plainlinks">
* [http://www.detectiveconanworld.com Homepage]
* [http://www.detectiveconanworld.com/forum Forum]
* [http://www.detectiveconanworld.com/contact Contact]
</div>
<div id="portal-links-2" class="mp-portal-links-column">
* [[Characters]]
* [[Anime]]
* [[Manga]]
</div>
<div id="portal-links-3" class="mp-portal-links-column">
* [[Movies]]
* [[OVAs]]
* [[Specials]]</div>
</div>
<div id="mp-banner-right" style="display: flex; flex: 3; min-width: 300px; justify-content: space-around; align-items: center;"></div>
</div>
<div id="mp-strapline" style="display: flex; justify-content: space-between; min-width: fit-content; width: 100%; margin: 4px 0 10px;">
<div id="strapline-links-left" class="mp-strapline-links">[[Wikipedia:Wikipedia:About|Overview]] '''·''' [[Wikipedia:Wikipedia:Tutorial|Editing]] '''·''' [[Wikipedia:Wikipedia:Questions|Questions]] '''·''' [[Wikipedia:Help:Contents|Help]]</div>
<div id="strapline-links-right" class="mp-strapline-links" style="text-align: right;">[[Special:RecentChanges|Recent Changes]] '''·''' [[Detective Conan Wiki:Guide|Guide]] '''·''' [[Special:Categories|Categories]] '''·''' [[Glossary|A–Z index]]</div>
</div>
</div>

<div id="mp-section1" class="mp-section">
<div id="mp-LaNe-boxes" style="border: 2px solid #ccc; min-height: 300px;">Latest/Next Boxes</div>
<div id="mp-featured" class="mp-object" style="flex: 1; display: flex; flex-wrap: wrap; flex-direction: column; gap: 10px; border: 1px solid #cef2e0; min-width: 300px; background: #f5fffa;">
<div style="min-width: 300px;"><h2 id="mp-aotm-h2" class="mp-h2 mp-h2-green">Article of the Month</h2>{{Detective Conan Wiki:Featured article}}</div>
<div style="min-width: 300px;"><h2 id="mp-featured-h2" class="mp-h2 mp-h2-green">Featured song</h2>{{Detective Conan Wiki:Featured song/January 7, 2024}}</div>
<div><h2 id="mp-dyk-h2" class="mp-h2 mp-h2-green">Did you know...</h2>[[File:Sherry's_Soliloquy.PNG|right|link=Sherry's soliloquy|100px|class=force-float-right|Sherry's soliloquy]]{{Did you know/4}}</div>
</div>
<div id="mp-news" class="mp-object" style="flex: 2; display: flex; flex-wrap: wrap; gap: 10px var(--gap-size); border: 1px solid #cedff2; background: #f5faff;">
<div style="flex: 2; min-width: 300px;"><h2 id="mp-itn-h2" class="mp-h2 mp-h2-blue">Latest news</h2><div id="mp-in-the-news">{{In the news}}</div></div>
<div style="flex: 1; min-width: 300px;"><h2 id="mp-rn-h2" class="mp-h2 mp-h2-blue">Release news</h2><div id="mp-release-news">{{Release news}}</div></div>
</div>
</div>

<div id="mp-section2" class="mp-section" style="padding-top: var(--gap-size);">
<div id="mp-topics" class="mp-object" style="flex: 3; display: flex; flex-wrap: wrap; gap: 10px var(--gap-size); border: 1px solid #cef2e0; background: #f5fffa;">
<div id="mp-general-topics" style="flex: 1; min-width: 300px;"><h2 id="mp-gt-h2" class="mp-h2 mp-h2-green">General topics</h2>
[[Image:Detective Conan Characters.jpg|110px|thumb|right|link=Characters|class=force-float-right|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
</div>
<div id="mp-specific-topics" style="flex: 1; min-width: 300px;"><h2 id="mp-st-h2" class="mp-h2 mp-h2-green">Specific topics</h2>
[[File:Volume 1.jpg|110px|thumb|right|link=Volume 1|class=force-float-right|First Manga volume of the series]]
* [[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
</div>
</div>
<div id="mp-dc-wiki-languages" class="mp-object" style="flex: 1; min-width: 260px; border: 1px solid #e2e2e2;">
<h2 class="mp-h2 mp-h2-gray">'''Languages'''</h2>
<div class="plainlinks">[https://conanwiki.org ConanWiki] - Deutsch (German)</div>
<div class="plainlinks">[https://ca.conanwiki.org ConanWiki en català] (Catalan)</div>
<div class="plainlinks">[https://fr.conanwiki.org ConanWiki en français] (French)</div>
<div class="plainlinks">[https://www.conanpedia.com/ Conanpedia] - 中文 (Chinese)</div>
</div>
</div>

<div id="mp-bottom" class="mp-section" style="padding-top: var(--gap-size)">
<div id="contributor-call" class="mp-message-box" style="display: flex; align-items: center;">
<div>{{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]]'''. <br> We also encourage editors to join our '''[{{int:Discord-url}} Discord server'''] as well, where we help each other out! Enjoy the conversation with Wiki contributors there by verifying your account conveniently in <code>#🌐verifizierung</code>.}}</div>
</div>
<div id="gfdl-disclaimer" class="mp-message-box" style="display: flex; align-items: center;">
[[Image:Info.png|left|link=]]
<div>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.</div>
</div>
</div>
</div>
__NOTOC____NOEDITSECTION__
{{code|css=
.mp-section {
display: flex;
flex-flow: wrap;
gap: var(--gap-size);
min-width: fit-content;
width: 100%;
}

.mp-object {
vertical-align: top;
border: 1px solid black;
padding: 10px;
}

.mp-portal-links-column {
padding-left: 5px;
line-height: 1.25em;
}

.mp-strapline-links {
font-size: 90%;
}

.mp-message-box {
display: flex;
flex: 1;
padding: 10px;
border: 1px solid #ddcef2;
background: #faf5ff;
}

h2.mp-h2 {
font-size: 130%;
font-weight: bold;
font-family: sans-serif;
border: 1px solid;
margin: 0 0 0.5em;
padding: 0.2em 0.4em;
}

h2.mp-h2-green {
background: #cef2e0;
border-color: #c2ddc5;
}

h2.mp-h2-blue {
background: #cedff2;
border-color: #b0c9d2;
}

h2.mp-h2-gray {
background: #eee;
border-color: #ddd;
}

#mp-container .force-float-right {
float: right !important;
}

#mp-section1 {
display: grid;
grid-template-columns: 1fr 2fr;
}

#mp-featured {
grid-column: 1;
grid-row: 1 / span 2;
}

#mp-LaNe-boxes {
grid-column: 2;
grid-row: 1;
}

#mp-news {
grid-column: 2;
grid-row: 2;
}

#mp-banner-right {
background: url(https://www.detectiveconanworld.com/wiki/images/f/fc/Main_Page_Banner_Background.png);
}

@container mp-container (max-width: 825px) {
#mp-section1 {
display: flex;
}
#mp-section1,
#mp-section2,
#mp-bottom {
flex-flow: column;
}
}
}}

User:AvidConanContributor/sandbox/Main Page

2026-07-02T18:59:26Z

AvidConanContributor:

<div id="mp-container" style="--gap-size: 6px; container: mp-container / inline-size; min-width: fit-content;">
<div id="mp-top" style="min-width: fit-content; width: 100%; gap: 0;">
<div id="mp-banner" class="mp-section" style="column-gap: 0; background: #0a223c; width: initial; border: 1px solid #ccc;">
<div id="mp-banner-left" style="display: flex; flex: 1; flex-direction: column; min-width: 300px; padding-block: 5px; padding-left: 8px; justify-content: center; text-align: center;">
<div style="font-size: 162%; padding: 0.1em;">Welcome to Detective Conan Wiki,</div>
<div style="font-size: 95%;">the ultimate resource about Detective Conan.</div>
<div id="article-count" style="font-size: 85%;">This wiki contains a total of [[Special:Statistics|{{NUMBEROFARTICLES}}]] articles thus far.</div>
</div>
<div id="mp-banner-middle" style="display: flex; flex: 1; min-width: 300px; padding-block: 5px; justify-content: space-around; align-items: center;">
<div id="portal-links-1" class="mp-portal-links-column plainlinks">
* [http://www.detectiveconanworld.com Homepage]
* [http://www.detectiveconanworld.com/forum Forum]
* [http://www.detectiveconanworld.com/contact Contact]
</div>
<div id="portal-links-2" class="mp-portal-links-column">
* [[Characters]]
* [[Anime]]
* [[Manga]]
</div>
<div id="portal-links-3" class="mp-portal-links-column">
* [[Movies]]
* [[OVAs]]
* [[Specials]]</div>
</div>
<div id="mp-banner-right" style="display: flex; flex: 3; min-width: 300px; justify-content: space-around; align-items: center;"></div>
</div>
<div id="mp-strapline" style="display: flex; justify-content: space-between; min-width: fit-content; width: 100%; margin: 4px 0 10px;">
<div id="strapline-links-left" class="mp-strapline-links">[[Wikipedia:Wikipedia:About|Overview]] '''·''' [[Wikipedia:Wikipedia:Tutorial|Editing]] '''·''' [[Wikipedia:Wikipedia:Questions|Questions]] '''·''' [[Wikipedia:Help:Contents|Help]]</div>
<div id="strapline-links-right" class="mp-strapline-links" style="text-align: right;">[[Special:RecentChanges|Recent Changes]] '''·''' [[Detective Conan Wiki:Guide|Guide]] '''·''' [[Special:Categories|Categories]] '''·''' [[Glossary|A–Z index]]</div>
</div>
</div>

<div id="mp-section1" class="mp-section">
<div id="mp-LaNe-boxes" style="border: 2px solid #ccc; min-height: 300px;">Latest/Next Boxes</div>
<div id="mp-featured" class="mp-object" style="flex: 1; display: flex; flex-wrap: wrap; flex-direction: column; gap: 10px; border: 1px solid #cef2e0; min-width: 300px; background: #f5fffa;">
<div style="min-width: 300px;"><h2 id="mp-aotm-h2" class="mp-h2 mp-h2-green">Article of the Month</h2>{{Detective Conan Wiki:Featured article}}</div>
<div style="min-width: 300px;"><h2 id="mp-featured-h2" class="mp-h2 mp-h2-green">Featured song</h2>{{Detective Conan Wiki:Featured song/January 7, 2024}}</div>
<div><h2 id="mp-dyk-h2" class="mp-h2 mp-h2-green">Did you know...</h2>[[File:Sherry's_Soliloquy.PNG|right|link=Sherry's soliloquy|100px|class=force-float-right|Sherry's soliloquy]]{{Did you know/4}}</div>
</div>
<div id="mp-news" class="mp-object" style="flex: 2; display: flex; flex-wrap: wrap; gap: 10px var(--gap-size); border: 1px solid #cedff2; background: #f5faff;">
<div style="flex: 2; min-width: 300px;"><h2 id="mp-itn-h2" class="mp-h2 mp-h2-blue">Latest news</h2><div id="mp-in-the-news">{{In the news}}</div></div>
<div style="flex: 1; min-width: 300px;"><h2 id="mp-rn-h2" class="mp-h2 mp-h2-blue">Release news</h2><div id="mp-release-news">{{Release news}}</div></div>
</div>
</div>

<div id="mp-section2" class="mp-section" style="padding-top: var(--gap-size);">
<div id="mp-topics" class="mp-object" style="flex: 3; display: flex; flex-wrap: wrap; gap: 10px var(--gap-size); border: 1px solid #cef2e0; background: #f5fffa;">
<div id="mp-general-topics" style="flex: 1; min-width: 300px;"><h2 id="mp-gt-h2" class="mp-h2 mp-h2-green">General topics</h2>
[[Image:Detective Conan Characters.jpg|110px|thumb|right|link=Characters|class=force-float-right|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
</div>
<div id="mp-specific-topics" style="flex: 1; min-width: 300px;"><h2 id="mp-st-h2" class="mp-h2 mp-h2-green">Specific topics</h2>
[[File:Volume 1.jpg|110px|thumb|right|link=Volume 1|class=force-float-right|First Manga volume of the series]]
* [[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
</div>
</div>
<div id="mp-dc-wiki-languages" class="mp-object" style="flex: 1; min-width: 260px; border: 1px solid #e2e2e2;">
<h2 class="mp-h2 mp-h2-gray">'''Languages'''</h2>
<div class="plainlinks">[https://conanwiki.org ConanWiki] - Deutsch (German)</div>
<div class="plainlinks">[https://ca.conanwiki.org ConanWiki en català] (Catalan)</div>
<div class="plainlinks">[https://fr.conanwiki.org ConanWiki en français] (French)</div>
<div class="plainlinks">[https://www.conanpedia.com/ Conanpedia] - 中文 (Chinese)</div>
</div>
</div>

<div id="mp-bottom" class="mp-section" style="padding-top: var(--gap-size)">
<div id="contributor-call" class="mp-message-box" style="display: flex; align-items: center;">
<div>{{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]]'''. <br> We also encourage editors to join our '''[{{int:Discord-url}} Discord server'''] as well, where we help each other out! Enjoy the conversation with Wiki contributors there by verifying your account conveniently in <code>#🌐verifizierung</code>.}}</div>
</div>
<div id="gfdl-disclaimer" class="mp-message-box" style="display: flex; align-items: center;">
[[Image:Info.png|left|link=]]
<div>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.</div>
</div>
</div>
</div>
__NOTOC____NOEDITSECTION__
{{code|css=
.mp-section {
display: flex;
flex-flow: wrap;
gap: var(--gap-size);
min-width: fit-content;
width: 100%;
}

.mp-object {
vertical-align: top;
border: 1px solid black;
padding: 10px;
}

.mp-portal-links-column {
padding-left: 5px;
line-height: 1.25em;
}

.mp-strapline-links {
font-size: 90%;
}

.mp-message-box {
display: flex;
flex: 1;
padding: 10px;
border: 1px solid #ddcef2;
background: #faf5ff;
}

h2.mp-h2 {
font-size: 130%;
font-weight: bold;
font-family: sans-serif;
border: 1px solid;
margin: 0 0 0.5em;
padding: 0.2em 0.4em;
}

h2.mp-h2-green {
background: #cef2e0;
border-color: #c2ddc5;
}

h2.mp-h2-blue {
background: #cedff2;
border-color: #b0c9d2;
}

h2.mp-h2-gray {
background: #eee;
border-color: #ddd;
}

#mp-container .force-float-right {
float: right !important;
}

#mp-section1 {
display: grid;
grid-template-columns: 1fr 2fr;
}

#mp-featured {
grid-column: 1;
grid-row: 1 / span 2;
}

#mp-LaNe-boxes {
grid-column: 2;
grid-row: 1;
}

#mp-news {
grid-column: 2;
grid-row: 2;
}

#mp-banner-right {
background: url(https://www.detectiveconanworld.com/wiki/images/f/fc/Main_Page_Banner_Background.png);
}

@container mp-container (max-width: 825px) {
#mp-section1 {
display: flex;
}
#mp-section1,
#mp-section2,
#mp-bottom {
flex-flow: column;
}
}
}}

User:AvidConanContributor/sandbox/Main Page

2026-07-02T18:51:27Z

AvidConanContributor:

<div id="mp-container" style="--gap-size: 6px; container: mp-container / inline-size; min-width: fit-content;">
<div id="mp-top" style="min-width: fit-content; width: 100%; gap: 0;">
<div id="mp-banner" class="mp-section" style="column-gap: 0; background: #fcfcfc; width: initial; padding: 5px 8px; border: 1px solid #ccc;">
<div id="mp-banner-left" style="display: flex; flex: 1; flex-direction: column; min-width: 300px; justify-content: center; text-align: center;">
<div style="font-size: 162%; padding: 0.1em;">Welcome to Detective Conan Wiki,</div>
<div style="font-size: 95%;">the ultimate resource about Detective Conan.</div>
<div id="article-count" style="font-size: 85%;">This wiki contains a total of [[Special:Statistics|{{NUMBEROFARTICLES}}]] articles thus far.</div>
</div>
<div id="mp-banner-middle" style="display: flex; flex: 1; min-width: 300px; justify-content: space-around; align-items: center;">
<div id="portal-links-1" class="mp-portal-links-column plainlinks">
* [http://www.detectiveconanworld.com Homepage]
* [http://www.detectiveconanworld.com/forum Forum]
* [http://www.detectiveconanworld.com/contact Contact]
</div>
<div id="portal-links-2" class="mp-portal-links-column">
* [[Characters]]
* [[Anime]]
* [[Manga]]
</div>
<div id="portal-links-3" class="mp-portal-links-column">
* [[Movies]]
* [[OVAs]]
* [[Specials]]</div>
</div>
<div id="mp-banner-right" style="display: flex; flex: 3; min-width: 300px; justify-content: space-around; align-items: center;"></div>
</div>
<div id="mp-strapline" style="display: flex; justify-content: space-between; min-width: fit-content; width: 100%; margin: 4px 0 10px;">
<div id="strapline-links-left" class="mp-strapline-links">[[Wikipedia:Wikipedia:About|Overview]] '''·''' [[Wikipedia:Wikipedia:Tutorial|Editing]] '''·''' [[Wikipedia:Wikipedia:Questions|Questions]] '''·''' [[Wikipedia:Help:Contents|Help]]</div>
<div id="strapline-links-right" class="mp-strapline-links" style="text-align: right;">[[Special:RecentChanges|Recent Changes]] '''·''' [[Detective Conan Wiki:Guide|Guide]] '''·''' [[Special:Categories|Categories]] '''·''' [[Glossary|A–Z index]]</div>
</div>
</div>

<div id="mp-section1" class="mp-section">
<div id="mp-LaNe-boxes" style="border: 2px solid #ccc; min-height: 300px;">Latest/Next Boxes</div>
<div id="mp-featured" class="mp-object" style="flex: 1; display: flex; flex-wrap: wrap; flex-direction: column; gap: 10px; border: 1px solid #cef2e0; min-width: 300px; background: #f5fffa;">
<div style="min-width: 300px;"><h2 id="mp-aotm-h2" class="mp-h2 mp-h2-green">Article of the Month</h2>{{Detective Conan Wiki:Featured article}}</div>
<div style="min-width: 300px;"><h2 id="mp-featured-h2" class="mp-h2 mp-h2-green">Featured song</h2>{{Detective Conan Wiki:Featured song/January 7, 2024}}</div>
<div><h2 id="mp-dyk-h2" class="mp-h2 mp-h2-green">Did you know...</h2>[[File:Sherry's_Soliloquy.PNG|right|link=Sherry's soliloquy|100px|class=force-float-right|Sherry's soliloquy]]{{Did you know/4}}</div>
</div>
<div id="mp-news" class="mp-object" style="flex: 2; display: flex; flex-wrap: wrap; gap: 10px var(--gap-size); border: 1px solid #cedff2; background: #f5faff;">
<div style="flex: 2; min-width: 300px;"><h2 id="mp-itn-h2" class="mp-h2 mp-h2-blue">Latest news</h2><div id="mp-in-the-news">{{In the news}}</div></div>
<div style="flex: 1; min-width: 300px;"><h2 id="mp-rn-h2" class="mp-h2 mp-h2-blue">Release news</h2><div id="mp-release-news">{{Release news}}</div></div>
</div>
</div>

<div id="mp-section2" class="mp-section" style="padding-top: var(--gap-size);">
<div id="mp-topics" class="mp-object" style="flex: 3; display: flex; flex-wrap: wrap; gap: 10px var(--gap-size); border: 1px solid #cef2e0; background: #f5fffa;">
<div id="mp-general-topics" style="flex: 1; min-width: 300px;"><h2 id="mp-gt-h2" class="mp-h2 mp-h2-green">General topics</h2>
[[Image:Detective Conan Characters.jpg|110px|thumb|right|link=Characters|class=force-float-right|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
</div>
<div id="mp-specific-topics" style="flex: 1; min-width: 300px;"><h2 id="mp-st-h2" class="mp-h2 mp-h2-green">Specific topics</h2>
[[File:Volume 1.jpg|110px|thumb|right|link=Volume 1|class=force-float-right|First Manga volume of the series]]
* [[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
</div>
</div>
<div id="mp-dc-wiki-languages" class="mp-object" style="flex: 1; min-width: 260px; border: 1px solid #e2e2e2;">
<h2 class="mp-h2 mp-h2-gray">'''Languages'''</h2>
<div class="plainlinks">[https://conanwiki.org ConanWiki] - Deutsch (German)</div>
<div class="plainlinks">[https://ca.conanwiki.org ConanWiki en català] (Catalan)</div>
<div class="plainlinks">[https://fr.conanwiki.org ConanWiki en français] (French)</div>
<div class="plainlinks">[https://www.conanpedia.com/ Conanpedia] - 中文 (Chinese)</div>
</div>
</div>

<div id="mp-bottom" class="mp-section" style="padding-top: var(--gap-size)">
<div id="contributor-call" class="mp-message-box" style="display: flex; align-items: center;">
<div>{{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]]'''. <br> We also encourage editors to join our '''[{{int:Discord-url}} Discord server'''] as well, where we help each other out! Enjoy the conversation with Wiki contributors there by verifying your account conveniently in <code>#🌐verifizierung</code>.}}</div>
</div>
<div id="gfdl-disclaimer" class="mp-message-box" style="display: flex; align-items: center;">
[[Image:Info.png|left|link=]]
<div>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.</div>
</div>
</div>
</div>
__NOTOC____NOEDITSECTION__
{{code|css=
.mp-section {
display: flex;
flex-flow: wrap;
gap: var(--gap-size);
min-width: fit-content;
width: 100%;
}

.mp-object {
vertical-align: top;
border: 1px solid black;
padding: 10px;
}

.mp-portal-links-column {
padding-left: 5px;
line-height: 1.25em;
}

.mp-strapline-links {
font-size: 90%;
}

.mp-message-box {
display: flex;
flex: 1;
padding: 10px;
border: 1px solid #ddcef2;
background: #faf5ff;
}

h2.mp-h2 {
font-size: 130%;
font-weight: bold;
font-family: sans-serif;
border: 1px solid;
margin: 0 0 0.5em;
padding: 0.2em 0.4em;
}

h2.mp-h2-green {
background: #cef2e0;
border-color: #c2ddc5;
}

h2.mp-h2-blue {
background: #cedff2;
border-color: #b0c9d2;
}

h2.mp-h2-gray {
background: #eee;
border-color: #ddd;
}

#mp-container .force-float-right {
float: right !important;
}

#mp-section1 {
display: grid;
grid-template-columns: 1fr 2fr;
}

#mp-featured {
grid-column: 1;
grid-row: 1 / span 2;
}

#mp-LaNe-boxes {
grid-column: 2;
grid-row: 1;
}

#mp-news {
grid-column: 2;
grid-row: 2;
}

#mp-banner-right {
background: url(https://www.detectiveconanworld.com/wiki/images/f/fc/Main_Page_Banner_Background.png);
}

@container mp-container (max-width: 825px) {
#mp-section1 {
display: flex;
}
#mp-section1,
#mp-section2,
#mp-bottom {
flex-flow: column;
}
}
}}

User:AvidConanContributor/sandbox/Main Page

2026-07-02T18:51:13Z

AvidConanContributor: Testing background

<div id="mp-container" style="--gap-size: 6px; container: mp-container / inline-size; min-width: fit-content;">
<div id="mp-top" style="min-width: fit-content; width: 100%; gap: 0;">
<div id="mp-banner" class="mp-section" style="column-gap: 0; background: #fcfcfc; width: initial; padding: 5px 8px; border: 1px solid #ccc;">
<div id="mp-banner-left" style="display: flex; flex: 1; flex-direction: column; min-width: 300px; justify-content: center; text-align: center;">
<div style="font-size: 162%; padding: 0.1em;">Welcome to Detective Conan Wiki,</div>
<div style="font-size: 95%;">the ultimate resource about Detective Conan.</div>
<div id="article-count" style="font-size: 85%;">This wiki contains a total of [[Special:Statistics|{{NUMBEROFARTICLES}}]] articles thus far.</div>
</div>
<div id="mp-banner-middle" style="display: flex; flex: 1; min-width: 300px; justify-content: space-around; align-items: center;">
<div id="portal-links-1" class="mp-portal-links-column plainlinks">
* [http://www.detectiveconanworld.com Homepage]
* [http://www.detectiveconanworld.com/forum Forum]
* [http://www.detectiveconanworld.com/contact Contact]
</div>
<div id="portal-links-2" class="mp-portal-links-column">
* [[Characters]]
* [[Anime]]
* [[Manga]]
</div>
<div id="portal-links-3" class="mp-portal-links-column">
* [[Movies]]
* [[OVAs]]
* [[Specials]]</div>
</div>
<div id="mp-banner-right" style="display: flex; flex: 3; min-width: 300px; justify-content: space-around; align-items: center;">
</div>
<div id="mp-strapline" style="display: flex; justify-content: space-between; min-width: fit-content; width: 100%; margin: 4px 0 10px;">
<div id="strapline-links-left" class="mp-strapline-links">[[Wikipedia:Wikipedia:About|Overview]] '''·''' [[Wikipedia:Wikipedia:Tutorial|Editing]] '''·''' [[Wikipedia:Wikipedia:Questions|Questions]] '''·''' [[Wikipedia:Help:Contents|Help]]</div>
<div id="strapline-links-right" class="mp-strapline-links" style="text-align: right;">[[Special:RecentChanges|Recent Changes]] '''·''' [[Detective Conan Wiki:Guide|Guide]] '''·''' [[Special:Categories|Categories]] '''·''' [[Glossary|A–Z index]]</div>
</div>
</div>

<div id="mp-section1" class="mp-section">
<div id="mp-LaNe-boxes" style="border: 2px solid #ccc; min-height: 300px;">Latest/Next Boxes</div>
<div id="mp-featured" class="mp-object" style="flex: 1; display: flex; flex-wrap: wrap; flex-direction: column; gap: 10px; border: 1px solid #cef2e0; min-width: 300px; background: #f5fffa;">
<div style="min-width: 300px;"><h2 id="mp-aotm-h2" class="mp-h2 mp-h2-green">Article of the Month</h2>{{Detective Conan Wiki:Featured article}}</div>
<div style="min-width: 300px;"><h2 id="mp-featured-h2" class="mp-h2 mp-h2-green">Featured song</h2>{{Detective Conan Wiki:Featured song/January 7, 2024}}</div>
<div><h2 id="mp-dyk-h2" class="mp-h2 mp-h2-green">Did you know...</h2>[[File:Sherry's_Soliloquy.PNG|right|link=Sherry's soliloquy|100px|class=force-float-right|Sherry's soliloquy]]{{Did you know/4}}</div>
</div>
<div id="mp-news" class="mp-object" style="flex: 2; display: flex; flex-wrap: wrap; gap: 10px var(--gap-size); border: 1px solid #cedff2; background: #f5faff;">
<div style="flex: 2; min-width: 300px;"><h2 id="mp-itn-h2" class="mp-h2 mp-h2-blue">Latest news</h2><div id="mp-in-the-news">{{In the news}}</div></div>
<div style="flex: 1; min-width: 300px;"><h2 id="mp-rn-h2" class="mp-h2 mp-h2-blue">Release news</h2><div id="mp-release-news">{{Release news}}</div></div>
</div>
</div>

<div id="mp-section2" class="mp-section" style="padding-top: var(--gap-size);">
<div id="mp-topics" class="mp-object" style="flex: 3; display: flex; flex-wrap: wrap; gap: 10px var(--gap-size); border: 1px solid #cef2e0; background: #f5fffa;">
<div id="mp-general-topics" style="flex: 1; min-width: 300px;"><h2 id="mp-gt-h2" class="mp-h2 mp-h2-green">General topics</h2>
[[Image:Detective Conan Characters.jpg|110px|thumb|right|link=Characters|class=force-float-right|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
</div>
<div id="mp-specific-topics" style="flex: 1; min-width: 300px;"><h2 id="mp-st-h2" class="mp-h2 mp-h2-green">Specific topics</h2>
[[File:Volume 1.jpg|110px|thumb|right|link=Volume 1|class=force-float-right|First Manga volume of the series]]
* [[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
</div>
</div>
<div id="mp-dc-wiki-languages" class="mp-object" style="flex: 1; min-width: 260px; border: 1px solid #e2e2e2;">
<h2 class="mp-h2 mp-h2-gray">'''Languages'''</h2>
<div class="plainlinks">[https://conanwiki.org ConanWiki] - Deutsch (German)</div>
<div class="plainlinks">[https://ca.conanwiki.org ConanWiki en català] (Catalan)</div>
<div class="plainlinks">[https://fr.conanwiki.org ConanWiki en français] (French)</div>
<div class="plainlinks">[https://www.conanpedia.com/ Conanpedia] - 中文 (Chinese)</div>
</div>
</div>

<div id="mp-bottom" class="mp-section" style="padding-top: var(--gap-size)">
<div id="contributor-call" class="mp-message-box" style="display: flex; align-items: center;">
<div>{{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]]'''. <br> We also encourage editors to join our '''[{{int:Discord-url}} Discord server'''] as well, where we help each other out! Enjoy the conversation with Wiki contributors there by verifying your account conveniently in <code>#🌐verifizierung</code>.}}</div>
</div>
<div id="gfdl-disclaimer" class="mp-message-box" style="display: flex; align-items: center;">
[[Image:Info.png|left|link=]]
<div>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.</div>
</div>
</div>
</div>
__NOTOC____NOEDITSECTION__
{{code|css=
.mp-section {
display: flex;
flex-flow: wrap;
gap: var(--gap-size);
min-width: fit-content;
width: 100%;
}

.mp-object {
vertical-align: top;
border: 1px solid black;
padding: 10px;
}

.mp-portal-links-column {
padding-left: 5px;
line-height: 1.25em;
}

.mp-strapline-links {
font-size: 90%;
}

.mp-message-box {
display: flex;
flex: 1;
padding: 10px;
border: 1px solid #ddcef2;
background: #faf5ff;
}

h2.mp-h2 {
font-size: 130%;
font-weight: bold;
font-family: sans-serif;
border: 1px solid;
margin: 0 0 0.5em;
padding: 0.2em 0.4em;
}

h2.mp-h2-green {
background: #cef2e0;
border-color: #c2ddc5;
}

h2.mp-h2-blue {
background: #cedff2;
border-color: #b0c9d2;
}

h2.mp-h2-gray {
background: #eee;
border-color: #ddd;
}

#mp-container .force-float-right {
float: right !important;
}

#mp-section1 {
display: grid;
grid-template-columns: 1fr 2fr;
}

#mp-featured {
grid-column: 1;
grid-row: 1 / span 2;
}

#mp-LaNe-boxes {
grid-column: 2;
grid-row: 1;
}

#mp-news {
grid-column: 2;
grid-row: 2;
}

#mp-banner-right {
background: url(https://www.detectiveconanworld.com/wiki/images/f/fc/Main_Page_Banner_Background.png);
}

@container mp-container (max-width: 825px) {
#mp-section1 {
display: flex;
}
#mp-section1,
#mp-section2,
#mp-bottom {
flex-flow: column;
}
}
}}

File:Main Page Banner Background.png

2026-07-02T18:21:56Z

AvidConanContributor: Test for main page banner

== Summary ==
Test for main page banner

User:AvidConanContributor/sandbox/Main Page

2026-07-02T18:08:00Z

AvidConanContributor:

<div id="mp-container" style="--gap-size: 6px; container: mp-container / inline-size; min-width: fit-content;">
<div id="mp-top" style="min-width: fit-content; width: 100%; gap: 0;">
<div id="mp-banner" class="mp-section" style="column-gap: 0; background: #fcfcfc; width: initial; padding: 5px 8px; border: 1px solid #ccc;">
<div id="mp-banner-left" style="display: flex; flex: 1; flex-direction: column; min-width: 300px; justify-content: center; text-align: center;">
<div style="font-size: 162%; padding: 0.1em;">Welcome to Detective Conan Wiki,</div>
<div style="font-size: 95%;">the ultimate resource about Detective Conan.</div>
<div id="article-count" style="font-size: 85%;">This wiki contains a total of [[Special:Statistics|{{NUMBEROFARTICLES}}]] articles thus far.</div>
</div>
<div id="mp-banner-right" style="display: flex; flex: 1; min-width: 300px; justify-content: space-around; align-items: center;">
<div id="portal-links-1" class="mp-portal-links-column plainlinks">
* [http://www.detectiveconanworld.com Homepage]
* [http://www.detectiveconanworld.com/forum Forum]
* [http://www.detectiveconanworld.com/contact Contact]
</div>
<div id="portal-links-2" class="mp-portal-links-column">
* [[Characters]]
* [[Anime]]
* [[Manga]]
</div>
<div id="portal-links-3" class="mp-portal-links-column">
* [[Movies]]
* [[OVAs]]
* [[Specials]]</div>
</div>
</div>
<div id="mp-strapline" style="display: flex; justify-content: space-between; min-width: fit-content; width: 100%; margin: 4px 0 10px;">
<div id="strapline-links-left" class="mp-strapline-links">[[Wikipedia:Wikipedia:About|Overview]] '''·''' [[Wikipedia:Wikipedia:Tutorial|Editing]] '''·''' [[Wikipedia:Wikipedia:Questions|Questions]] '''·''' [[Wikipedia:Help:Contents|Help]]</div>
<div id="strapline-links-right" class="mp-strapline-links" style="text-align: right;">[[Special:RecentChanges|Recent Changes]] '''·''' [[Detective Conan Wiki:Guide|Guide]] '''·''' [[Special:Categories|Categories]] '''·''' [[Glossary|A–Z index]]</div>
</div>
</div>

<div id="mp-section1" class="mp-section">
<div id="mp-LaNe-boxes" style="border: 2px solid #ccc; min-height: 300px;">Latest/Next Boxes</div>
<div id="mp-featured" class="mp-object" style="flex: 1; display: flex; flex-wrap: wrap; flex-direction: column; gap: 10px; border: 1px solid #cef2e0; min-width: 300px; background: #f5fffa;">
<div style="min-width: 300px;"><h2 id="mp-aotm-h2" class="mp-h2 mp-h2-green">Article of the Month</h2>{{Detective Conan Wiki:Featured article}}</div>
<div style="min-width: 300px;"><h2 id="mp-featured-h2" class="mp-h2 mp-h2-green">Featured song</h2>{{Detective Conan Wiki:Featured song/January 7, 2024}}</div>
<div><h2 id="mp-dyk-h2" class="mp-h2 mp-h2-green">Did you know...</h2>[[File:Sherry's_Soliloquy.PNG|right|link=Sherry's soliloquy|100px|class=force-float-right|Sherry's soliloquy]]{{Did you know/4}}</div>
</div>
<div id="mp-news" class="mp-object" style="flex: 2; display: flex; flex-wrap: wrap; gap: 10px var(--gap-size); border: 1px solid #cedff2; background: #f5faff;">
<div style="flex: 2; min-width: 300px;"><h2 id="mp-itn-h2" class="mp-h2 mp-h2-blue">Latest news</h2><div id="mp-in-the-news">{{In the news}}</div></div>
<div style="flex: 1; min-width: 300px;"><h2 id="mp-rn-h2" class="mp-h2 mp-h2-blue">Release news</h2><div id="mp-release-news">{{Release news}}</div></div>
</div>
</div>

<div id="mp-section2" class="mp-section" style="padding-top: var(--gap-size);">
<div id="mp-topics" class="mp-object" style="flex: 3; display: flex; flex-wrap: wrap; gap: 10px var(--gap-size); border: 1px solid #cef2e0; background: #f5fffa;">
<div id="mp-general-topics" style="flex: 1; min-width: 300px;"><h2 id="mp-gt-h2" class="mp-h2 mp-h2-green">General topics</h2>
[[Image:Detective Conan Characters.jpg|110px|thumb|right|link=Characters|class=force-float-right|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
</div>
<div id="mp-specific-topics" style="flex: 1; min-width: 300px;"><h2 id="mp-st-h2" class="mp-h2 mp-h2-green">Specific topics</h2>
[[File:Volume 1.jpg|110px|thumb|right|link=Volume 1|class=force-float-right|First Manga volume of the series]]
* [[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
</div>
</div>
<div id="mp-dc-wiki-languages" class="mp-object" style="flex: 1; min-width: 260px; border: 1px solid #e2e2e2;">
<h2 class="mp-h2 mp-h2-gray">'''Languages'''</h2>
<div class="plainlinks">[https://conanwiki.org ConanWiki] - Deutsch (German)</div>
<div class="plainlinks">[https://ca.conanwiki.org ConanWiki en català] (Catalan)</div>
<div class="plainlinks">[https://fr.conanwiki.org ConanWiki en français] (French)</div>
<div class="plainlinks">[https://www.conanpedia.com/ Conanpedia] - 中文 (Chinese)</div>
</div>
</div>

<div id="mp-bottom" class="mp-section" style="padding-top: var(--gap-size)">
<div id="contributor-call" class="mp-message-box" style="display: flex; align-items: center;">
<div>{{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]]'''. <br> We also encourage editors to join our '''[{{int:Discord-url}} Discord server'''] as well, where we help each other out! Enjoy the conversation with Wiki contributors there by verifying your account conveniently in <code>#🌐verifizierung</code>.}}</div>
</div>
<div id="gfdl-disclaimer" class="mp-message-box" style="display: flex; align-items: center;">
[[Image:Info.png|left|link=]]
<div>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.</div>
</div>
</div>
</div>
__NOTOC____NOEDITSECTION__
{{code|css=
.mp-section {
display: flex;
flex-flow: wrap;
gap: var(--gap-size);
min-width: fit-content;
width: 100%;
}

.mp-object {
vertical-align: top;
border: 1px solid black;
padding: 10px;
}

.mp-portal-links-column {
padding-left: 5px;
line-height: 1.25em;
}

.mp-strapline-links {
font-size: 90%;
}

.mp-message-box {
display: flex;
flex: 1;
padding: 10px;
border: 1px solid #ddcef2;
background: #faf5ff;
}

h2.mp-h2 {
font-size: 130%;
font-weight: bold;
font-family: sans-serif;
border: 1px solid;
margin: 0 0 0.5em;
padding: 0.2em 0.4em;
}

h2.mp-h2-green {
background: #cef2e0;
border-color: #c2ddc5;
}

h2.mp-h2-blue {
background: #cedff2;
border-color: #b0c9d2;
}

h2.mp-h2-gray {
background: #eee;
border-color: #ddd;
}

#mp-container .force-float-right {
float: right !important;
}

#mp-section1 {
display: grid;
grid-template-columns: 1fr 2fr;
}

#mp-featured {
grid-column: 1;
grid-row: 1 / span 2;
}

#mp-LaNe-boxes {
grid-column: 2;
grid-row: 1;
}

#mp-news {
grid-column: 2;
grid-row: 2;
}

@container mp-container (max-width: 825px) {
#mp-section1 {
display: flex;
}
#mp-section1,
#mp-section2,
#mp-bottom {
flex-flow: column;
}
}
}}

User:AvidConanContributor/sandbox/Main Page

2026-07-02T18:05:14Z

AvidConanContributor:

<div id="mp-container" style="--gap-size: 6px; container: mp-container / inline-size; min-width: fit-content;">
<div id="mp-top" style="min-width: fit-content; width: 100%; gap: 0;">
<div id="mp-banner" class="mp-section" style="column-gap: 0; background: #fcfcfc; width: initial; padding: 5px 8px; border: 1px solid #ccc;">
<div id="mp-banner-left" style="display: flex; flex: 1; flex-direction: column; min-width: 300px; justify-content: center; text-align: center;">
<div style="font-size: 162%; padding: 0.1em;">Welcome to Detective Conan Wiki,</div>
<div style="font-size: 95%;">the ultimate resource about Detective Conan.</div>
<div id="article-count" style="font-size: 85%;">This wiki contains a total of [[Special:Statistics|{{NUMBEROFARTICLES}}]] articles thus far.</div>
</div>
<div id="mp-banner-right" style="display: flex; flex: 1; min-width: 300px; justify-content: space-around; align-items: center;">
<div id="portal-links-1" class="mp-portal-links-column plainlinks">
* [http://www.detectiveconanworld.com Homepage]
* [http://www.detectiveconanworld.com/forum Forum]
* [http://www.detectiveconanworld.com/contact Contact]
</div>
<div id="portal-links-2" class="mp-portal-links-column">
* [[Characters]]
* [[Anime]]
* [[Manga]]
</div>
<div id="portal-links-3" class="mp-portal-links-column">
* [[Movies]]
* [[OVAs]]
* [[Specials]]</div>
</div>
</div>
<div id="mp-strapline" style="display: flex; justify-content: space-between; min-width: fit-content; width: 100%; margin: 4px 0 10px;">
<div id="strapline-links-left" class="mp-strapline-links">[[Wikipedia:Wikipedia:About|Overview]] '''·''' [[Wikipedia:Wikipedia:Tutorial|Editing]] '''·''' [[Wikipedia:Wikipedia:Questions|Questions]] '''·''' [[Wikipedia:Help:Contents|Help]]</div>
<div id="strapline-links-right" class="mp-strapline-links" style="text-align: right;">[[Special:RecentChanges|Recent Changes]] '''·''' [[Detective Conan Wiki:Guide|Guide]] '''·''' [[Special:Categories|Categories]] '''·''' [[Glossary|A–Z index]]</div>
</div>
</div>

<div id="mp-section1" class="mp-section">
<div id="mp-LaNe-boxes" style="border: 2px solid #ccc; min-height: 300px;">Latest/Next Boxes</div>
<div id="mp-featured" class="mp-object" style="flex: 1; display: flex; flex-wrap: wrap; flex-direction: column; gap: 10px; border: 1px solid #cef2e0; min-width: 300px; background: #f5fffa;">
<div style="min-width: 300px;"><h2 id="mp-aotm-h2" class="mp-h2 mp-h2-green">Article of the Month</h2>{{Detective Conan Wiki:Featured article}}</div>
<div style="min-width: 300px;"><h2 id="mp-featured-h2" class="mp-h2 mp-h2-green">Featured song</h2>{{Detective Conan Wiki:Featured song/January 7, 2024}}</div>
<div><h2 id="mp-dyk-h2" class="mp-h2 mp-h2-green">Did you know...</h2>[[File:Sherry's_Soliloquy.PNG|right|link=Sherry's soliloquy|100px|class=force-float-right|test‎]]{{Did you know/4}}</div>
</div>
<div id="mp-news" class="mp-object" style="flex: 2; display: flex; flex-wrap: wrap; gap: 10px var(--gap-size); border: 1px solid #cedff2; background: #f5faff;">
<div style="flex: 2; min-width: 300px;"><h2 id="mp-itn-h2" class="mp-h2 mp-h2-blue">Latest news</h2><div id="mp-in-the-news">{{In the news}}</div></div>
<div style="flex: 1; min-width: 300px;"><h2 id="mp-rn-h2" class="mp-h2 mp-h2-blue">Release news</h2><div id="mp-release-news">{{Release news}}</div></div>
</div>
</div>

<div id="mp-section2" class="mp-section" style="padding-top: var(--gap-size);">
<div id="mp-topics" class="mp-object" style="flex: 3; display: flex; flex-wrap: wrap; gap: 10px var(--gap-size); border: 1px solid #cef2e0; background: #f5fffa;">
<div id="mp-general-topics" style="flex: 1; min-width: 300px;"><h2 id="mp-gt-h2" class="mp-h2 mp-h2-green">General topics</h2>
[[Image:Detective Conan Characters.jpg|110px|thumb|right|link=Characters|class=force-float-right|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
</div>
<div id="mp-specific-topics" style="flex: 1; min-width: 300px;"><h2 id="mp-st-h2" class="mp-h2 mp-h2-green">Specific topics</h2>
[[File:Volume 1.jpg|110px|thumb|right|link=Volume 1|class=force-float-right|First Manga volume of the series]]
* [[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
</div>
</div>
<div id="mp-dc-wiki-languages" class="mp-object" style="flex: 1; min-width: 260px; border: 1px solid #e2e2e2;">
<h2 class="mp-h2 mp-h2-gray">'''Languages'''</h2>
<div class="plainlinks">[https://conanwiki.org ConanWiki] - Deutsch (German)</div>
<div class="plainlinks">[https://ca.conanwiki.org ConanWiki en català] (Catalan)</div>
<div class="plainlinks">[https://fr.conanwiki.org ConanWiki en français] (French)</div>
<div class="plainlinks">[https://www.conanpedia.com/ Conanpedia] - 中文 (Chinese)</div>
</div>
</div>

<div id="mp-bottom" class="mp-section" style="padding-top: var(--gap-size)">
<div id="contributor-call" class="mp-message-box" style="display: flex; align-items: center;">
<div>{{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]]'''. <br> We also encourage editors to join our '''[{{int:Discord-url}} Discord server'''] as well, where we help each other out! Enjoy the conversation with Wiki contributors there by verifying your account conveniently in <code>#🌐verifizierung</code>.}}</div>
</div>
<div id="gfdl-disclaimer" class="mp-message-box" style="display: flex; align-items: center;">
[[Image:Info.png|left|link=]]
<div>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.</div>
</div>
</div>
</div>
__NOTOC____NOEDITSECTION__
{{code|css=
.mp-section {
display: flex;
flex-flow: wrap;
gap: var(--gap-size);
min-width: fit-content;
width: 100%;
}

.mp-object {
vertical-align: top;
border: 1px solid black;
padding: 10px;
}

.mp-portal-links-column {
padding-left: 5px;
line-height: 1.25em;
}

.mp-strapline-links {
font-size: 90%;
}

.mp-message-box {
display: flex;
flex: 1;
padding: 10px;
border: 1px solid #ddcef2;
background: #faf5ff;
}

h2.mp-h2 {
font-size: 130%;
font-weight: bold;
font-family: sans-serif;
border: 1px solid;
margin: 0 0 0.5em;
padding: 0.2em 0.4em;
}

h2.mp-h2-green {
background: #cef2e0;
border-color: #c2ddc5;
}

h2.mp-h2-blue {
background: #cedff2;
border-color: #b0c9d2;
}

h2.mp-h2-gray {
background: #eee;
border-color: #ddd;
}

#mp-container .force-float-right {
float: right !important;
}

#mp-section1 {
display: grid;
grid-template-columns: 1fr 2fr;
}

#mp-featured {
grid-column: 1;
grid-row: 1 / span 2;
}

#mp-LaNe-boxes {
grid-column: 2;
grid-row: 1;
}

#mp-news {
grid-column: 2;
grid-row: 2;
}

@container mp-container (max-width: 825px) {
#mp-section1 {
display: flex;
}
#mp-section1,
#mp-section2,
#mp-bottom {
flex-flow: column;
}
}
}}

User:AvidConanContributor/sandbox/Main Page

2026-07-02T18:04:42Z

AvidConanContributor:

<div id="mp-container" style="--gap-size: 6px; container: mp-container / inline-size; min-width: fit-content;">
<div id="mp-top" style="min-width: fit-content; width: 100%; gap: 0;">
<div id="mp-banner" class="mp-section" style="column-gap: 0; background: #fcfcfc; width: initial; padding: 5px 8px; border: 1px solid #ccc;">
<div id="mp-banner-left" style="display: flex; flex: 1; flex-direction: column; min-width: 300px; justify-content: center; text-align: center;">
<div style="font-size: 162%; padding: 0.1em;">Welcome to Detective Conan Wiki,</div>
<div style="font-size: 95%;">the ultimate resource about Detective Conan.</div>
<div id="article-count" style="font-size: 85%;">This wiki contains a total of [[Special:Statistics|{{NUMBEROFARTICLES}}]] articles thus far.</div>
</div>
<div id="mp-banner-right" style="display: flex; flex: 1; min-width: 300px; justify-content: space-around; align-items: center;">
<div id="portal-links-1" class="mp-portal-links-column plainlinks">
* [http://www.detectiveconanworld.com Homepage]
* [http://www.detectiveconanworld.com/forum Forum]
* [http://www.detectiveconanworld.com/contact Contact]
</div>
<div id="portal-links-2" class="mp-portal-links-column">
* [[Characters]]
* [[Anime]]
* [[Manga]]
</div>
<div id="portal-links-3" class="mp-portal-links-column">
* [[Movies]]
* [[OVAs]]
* [[Specials]]</div>
</div>
</div>
<div id="mp-strapline" style="display: flex; justify-content: space-between; min-width: fit-content; width: 100%; margin: 4px 0 10px;">
<div id="strapline-links-left" class="mp-strapline-links">[[Wikipedia:Wikipedia:About|Overview]] '''·''' [[Wikipedia:Wikipedia:Tutorial|Editing]] '''·''' [[Wikipedia:Wikipedia:Questions|Questions]] '''·''' [[Wikipedia:Help:Contents|Help]]</div>
<div id="strapline-links-right" class="mp-strapline-links" style="text-align: right;">[[Special:RecentChanges|Recent Changes]] '''·''' [[Detective Conan Wiki:Guide|Guide]] '''·''' [[Special:Categories|Categories]] '''·''' [[Glossary|A–Z index]]</div>
</div>
</div>

<div id="mp-section1" class="mp-section">
<div id="mp-LaNe-boxes" style="border: 2px solid #ccc; min-height: 300px;">Latest/Next Boxes</div>
<div id="mp-featured" class="mp-object" style="flex: 1; display: flex; flex-wrap: wrap; flex-direction: column; gap: 10px; border: 1px solid #cef2e0; min-width: 300px; background: #f5fffa;">
<div style="min-width: 300px;"><h2 id="mp-aotm-h2" class="mp-h2 mp-h2-green">Article of the Month</h2>{{Detective Conan Wiki:Featured article}}</div>
<div style="min-width: 300px;"><h2 id="mp-featured-h2" class="mp-h2 mp-h2-green">Featured song</h2>{{Detective Conan Wiki:Featured song/January 7, 2024}}</div>
<div><h2 id="mp-dyk-h2" class="mp-h2 mp-h2-green">Did you know...</h2>[[File:Sherry's_Soliloquy.PNG|right|link=Sherry's soliloquy|100px|thumb|class=force-float-right|test‎]]{{Did you know/4}}</div>
</div>
<div id="mp-news" class="mp-object" style="flex: 2; display: flex; flex-wrap: wrap; gap: 10px var(--gap-size); border: 1px solid #cedff2; background: #f5faff;">
<div style="flex: 2; min-width: 300px;"><h2 id="mp-itn-h2" class="mp-h2 mp-h2-blue">Latest news</h2><div id="mp-in-the-news">{{In the news}}</div></div>
<div style="flex: 1; min-width: 300px;"><h2 id="mp-rn-h2" class="mp-h2 mp-h2-blue">Release news</h2><div id="mp-release-news">{{Release news}}</div></div>
</div>
</div>

<div id="mp-section2" class="mp-section" style="padding-top: var(--gap-size);">
<div id="mp-topics" class="mp-object" style="flex: 3; display: flex; flex-wrap: wrap; gap: 10px var(--gap-size); border: 1px solid #cef2e0; background: #f5fffa;">
<div id="mp-general-topics" style="flex: 1; min-width: 300px;"><h2 id="mp-gt-h2" class="mp-h2 mp-h2-green">General topics</h2>
[[Image:Detective Conan Characters.jpg|110px|thumb|right|link=Characters|class=force-float-right|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
</div>
<div id="mp-specific-topics" style="flex: 1; min-width: 300px;"><h2 id="mp-st-h2" class="mp-h2 mp-h2-green">Specific topics</h2>
[[File:Volume 1.jpg|110px|thumb|right|link=Volume 1|class=force-float-right|First Manga volume of the series]]
* [[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
</div>
</div>
<div id="mp-dc-wiki-languages" class="mp-object" style="flex: 1; min-width: 260px; border: 1px solid #e2e2e2;">
<h2 class="mp-h2 mp-h2-gray">'''Languages'''</h2>
<div class="plainlinks">[https://conanwiki.org ConanWiki] - Deutsch (German)</div>
<div class="plainlinks">[https://ca.conanwiki.org ConanWiki en català] (Catalan)</div>
<div class="plainlinks">[https://fr.conanwiki.org ConanWiki en français] (French)</div>
<div class="plainlinks">[https://www.conanpedia.com/ Conanpedia] - 中文 (Chinese)</div>
</div>
</div>

<div id="mp-bottom" class="mp-section" style="padding-top: var(--gap-size)">
<div id="contributor-call" class="mp-message-box" style="display: flex; align-items: center;">
<div>{{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]]'''. <br> We also encourage editors to join our '''[{{int:Discord-url}} Discord server'''] as well, where we help each other out! Enjoy the conversation with Wiki contributors there by verifying your account conveniently in <code>#🌐verifizierung</code>.}}</div>
</div>
<div id="gfdl-disclaimer" class="mp-message-box" style="display: flex; align-items: center;">
[[Image:Info.png|left|link=]]
<div>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.</div>
</div>
</div>
</div>
__NOTOC____NOEDITSECTION__
{{code|css=
.mp-section {
display: flex;
flex-flow: wrap;
gap: var(--gap-size);
min-width: fit-content;
width: 100%;
}

.mp-object {
vertical-align: top;
border: 1px solid black;
padding: 10px;
}

.mp-portal-links-column {
padding-left: 5px;
line-height: 1.25em;
}

.mp-strapline-links {
font-size: 90%;
}

.mp-message-box {
display: flex;
flex: 1;
padding: 10px;
border: 1px solid #ddcef2;
background: #faf5ff;
}

h2.mp-h2 {
font-size: 130%;
font-weight: bold;
font-family: sans-serif;
border: 1px solid;
margin: 0 0 0.5em;
padding: 0.2em 0.4em;
}

h2.mp-h2-green {
background: #cef2e0;
border-color: #c2ddc5;
}

h2.mp-h2-blue {
background: #cedff2;
border-color: #b0c9d2;
}

h2.mp-h2-gray {
background: #eee;
border-color: #ddd;
}

#mp-container .force-float-right {
float: right !important;
}

#mp-section1 {
display: grid;
grid-template-columns: 1fr 2fr;
}

#mp-featured {
grid-column: 1;
grid-row: 1 / span 2;
}

#mp-LaNe-boxes {
grid-column: 2;
grid-row: 1;
}

#mp-news {
grid-column: 2;
grid-row: 2;
}

@container mp-container (max-width: 825px) {
#mp-section1 {
display: flex;
}
#mp-section1,
#mp-section2,
#mp-bottom {
flex-flow: column;
}
}
}}

User:AvidConanContributor/sandbox/Main Page

2026-07-02T18:01:53Z

AvidConanContributor:

<div id="mp-container" style="--gap-size: 6px; container: mp-container / inline-size; min-width: fit-content;">
<div id="mp-top" style="min-width: fit-content; width: 100%; gap: 0;">
<div id="mp-banner" class="mp-section" style="column-gap: 0; background: #fcfcfc; width: initial; padding: 5px 8px; border: 1px solid #ccc;">
<div id="mp-banner-left" style="display: flex; flex: 1; flex-direction: column; min-width: 300px; justify-content: center; text-align: center;">
<div style="font-size: 162%; padding: 0.1em;">Welcome to Detective Conan Wiki,</div>
<div style="font-size: 95%;">the ultimate resource about Detective Conan.</div>
<div id="article-count" style="font-size: 85%;">This wiki contains a total of [[Special:Statistics|{{NUMBEROFARTICLES}}]] articles thus far.</div>
</div>
<div id="mp-banner-right" style="display: flex; flex: 1; min-width: 300px; justify-content: space-around; align-items: center;">
<div id="portal-links-1" class="mp-portal-links-column plainlinks">
* [http://www.detectiveconanworld.com Homepage]
* [http://www.detectiveconanworld.com/forum Forum]
* [http://www.detectiveconanworld.com/contact Contact]
</div>
<div id="portal-links-2" class="mp-portal-links-column">
* [[Characters]]
* [[Anime]]
* [[Manga]]
</div>
<div id="portal-links-3" class="mp-portal-links-column">
* [[Movies]]
* [[OVAs]]
* [[Specials]]</div>
</div>
</div>
<div id="mp-strapline" style="display: flex; justify-content: space-between; min-width: fit-content; width: 100%; margin: 4px 0 10px;">
<div id="strapline-links-left" class="mp-strapline-links">[[Wikipedia:Wikipedia:About|Overview]] '''·''' [[Wikipedia:Wikipedia:Tutorial|Editing]] '''·''' [[Wikipedia:Wikipedia:Questions|Questions]] '''·''' [[Wikipedia:Help:Contents|Help]]</div>
<div id="strapline-links-right" class="mp-strapline-links" style="text-align: right;">[[Special:RecentChanges|Recent Changes]] '''·''' [[Detective Conan Wiki:Guide|Guide]] '''·''' [[Special:Categories|Categories]] '''·''' [[Glossary|A–Z index]]</div>
</div>
</div>

<div id="mp-section1" class="mp-section">
<div id="mp-LaNe-boxes" style="border: 2px solid #ccc; min-height: 300px;">Latest/Next Boxes</div>
<div id="mp-featured" class="mp-object" style="flex: 1; display: flex; flex-wrap: wrap; flex-direction: column; gap: 10px; border: 1px solid #cef2e0; min-width: 300px; background: #f5fffa;">
<div style="min-width: 300px;"><h2 id="mp-aotm-h2" class="mp-h2 mp-h2-green">Article of the Month</h2>{{Detective Conan Wiki:Featured article}}</div>
<div style="min-width: 300px;"><h2 id="mp-featured-h2" class="mp-h2 mp-h2-green">Featured song</h2>{{Detective Conan Wiki:Featured song/January 7, 2024}}</div>
<div><h2 id="mp-dyk-h2" class="mp-h2 mp-h2-green">Did you know...</h2>[[File:Sherry's_Soliloquy.PNG|right|link=Sherry's soliloquy|100px|thumb|class=force-float-right‎]]{{Did you know/4}}</div>
</div>
<div id="mp-news" class="mp-object" style="flex: 2; display: flex; flex-wrap: wrap; gap: 10px var(--gap-size); border: 1px solid #cedff2; background: #f5faff;">
<div style="flex: 2; min-width: 300px;"><h2 id="mp-itn-h2" class="mp-h2 mp-h2-blue">Latest news</h2><div id="mp-in-the-news">{{In the news}}</div></div>
<div style="flex: 1; min-width: 300px;"><h2 id="mp-rn-h2" class="mp-h2 mp-h2-blue">Release news</h2><div id="mp-release-news">{{Release news}}</div></div>
</div>
</div>

<div id="mp-section2" class="mp-section" style="padding-top: var(--gap-size);">
<div id="mp-topics" class="mp-object" style="flex: 3; display: flex; flex-wrap: wrap; gap: 10px var(--gap-size); border: 1px solid #cef2e0; background: #f5fffa;">
<div id="mp-general-topics" style="flex: 1; min-width: 300px;"><h2 id="mp-gt-h2" class="mp-h2 mp-h2-green">General topics</h2>
[[Image:Detective Conan Characters.jpg|110px|thumb|right|link=Characters|class=force-float-right|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
</div>
<div id="mp-specific-topics" style="flex: 1; min-width: 300px;"><h2 id="mp-st-h2" class="mp-h2 mp-h2-green">Specific topics</h2>
[[File:Volume 1.jpg|110px|thumb|right|link=Volume 1|class=force-float-right|First Manga volume of the series]]
* [[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
</div>
</div>
<div id="mp-dc-wiki-languages" class="mp-object" style="flex: 1; min-width: 260px; border: 1px solid #e2e2e2;">
<h2 class="mp-h2 mp-h2-gray">'''Languages'''</h2>
<div class="plainlinks">[https://conanwiki.org ConanWiki] - Deutsch (German)</div>
<div class="plainlinks">[https://ca.conanwiki.org ConanWiki en català] (Catalan)</div>
<div class="plainlinks">[https://fr.conanwiki.org ConanWiki en français] (French)</div>
<div class="plainlinks">[https://www.conanpedia.com/ Conanpedia] - 中文 (Chinese)</div>
</div>
</div>

<div id="mp-bottom" class="mp-section" style="padding-top: var(--gap-size)">
<div id="contributor-call" class="mp-message-box" style="display: flex; align-items: center;">
<div>{{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]]'''. <br> We also encourage editors to join our '''[{{int:Discord-url}} Discord server'''] as well, where we help each other out! Enjoy the conversation with Wiki contributors there by verifying your account conveniently in <code>#🌐verifizierung</code>.}}</div>
</div>
<div id="gfdl-disclaimer" class="mp-message-box" style="display: flex; align-items: center;">
[[Image:Info.png|left|link=]]
<div>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.</div>
</div>
</div>
</div>
__NOTOC____NOEDITSECTION__
{{code|css=
.mp-section {
display: flex;
flex-flow: wrap;
gap: var(--gap-size);
min-width: fit-content;
width: 100%;
}

.mp-object {
vertical-align: top;
border: 1px solid black;
padding: 10px;
}

.mp-portal-links-column {
padding-left: 5px;
line-height: 1.25em;
}

.mp-strapline-links {
font-size: 90%;
}

.mp-message-box {
display: flex;
flex: 1;
padding: 10px;
border: 1px solid #ddcef2;
background: #faf5ff;
}

h2.mp-h2 {
font-size: 130%;
font-weight: bold;
font-family: sans-serif;
border: 1px solid;
margin: 0 0 0.5em;
padding: 0.2em 0.4em;
}

h2.mp-h2-green {
background: #cef2e0;
border-color: #c2ddc5;
}

h2.mp-h2-blue {
background: #cedff2;
border-color: #b0c9d2;
}

h2.mp-h2-gray {
background: #eee;
border-color: #ddd;
}

#mp-container .force-float-right {
float: right !important;
}

#mp-section1 {
display: grid;
grid-template-columns: 1fr 2fr;
}

#mp-featured {
grid-column: 1;
grid-row: 1 / span 2;
}

#mp-LaNe-boxes {
grid-column: 2;
grid-row: 1;
}

#mp-news {
grid-column: 2;
grid-row: 2;
}

@container mp-container (max-width: 825px) {
#mp-section1 {
display: flex;
}
#mp-section1,
#mp-section2,
#mp-bottom {
flex-flow: column;
}
}
}}

User:AvidConanContributor/sandbox/Main Page

2026-07-02T17:50:20Z

AvidConanContributor: Undo revision 409099 by AvidConanContributor (talk) Looks like Template:Code broke

<div id="mp-container" style="--gap-size: 6px; container: mp-container / inline-size; min-width: fit-content;">
<div id="mp-top" style="min-width: fit-content; width: 100%; gap: 0;">
<div id="mp-banner" class="mp-section" style="column-gap: 0; background: #fcfcfc; width: initial; padding: 5px 8px; border: 1px solid #ccc;">
<div id="mp-banner-left" style="display: flex; flex: 1; flex-direction: column; min-width: 300px; justify-content: center; text-align: center;">
<div style="font-size: 162%; padding: 0.1em;">Welcome to Detective Conan Wiki,</div>
<div style="font-size: 95%;">the ultimate resource about Detective Conan.</div>
<div id="article-count" style="font-size: 85%;">This wiki contains a total of [[Special:Statistics|{{NUMBEROFARTICLES}}]] articles thus far.</div>
</div>
<div id="mp-banner-right" style="display: flex; flex: 1; min-width: 300px; justify-content: space-around; align-items: center;">
<div id="portal-links-1" class="mp-portal-links-column plainlinks">
* [http://www.detectiveconanworld.com Homepage]
* [http://www.detectiveconanworld.com/forum Forum]
* [http://www.detectiveconanworld.com/contact Contact]
</div>
<div id="portal-links-2" class="mp-portal-links-column">
* [[Characters]]
* [[Anime]]
* [[Manga]]
</div>
<div id="portal-links-3" class="mp-portal-links-column">
* [[Movies]]
* [[OVAs]]
* [[Specials]]</div>
</div>
</div>
<div id="mp-strapline" style="display: flex; justify-content: space-between; min-width: fit-content; width: 100%; margin: 4px 0 10px;">
<div id="strapline-links-left" class="mp-strapline-links">[[Wikipedia:Wikipedia:About|Overview]] '''·''' [[Wikipedia:Wikipedia:Tutorial|Editing]] '''·''' [[Wikipedia:Wikipedia:Questions|Questions]] '''·''' [[Wikipedia:Help:Contents|Help]]</div>
<div id="strapline-links-right" class="mp-strapline-links" style="text-align: right;">[[Special:RecentChanges|Recent Changes]] '''·''' [[Detective Conan Wiki:Guide|Guide]] '''·''' [[Special:Categories|Categories]] '''·''' [[Glossary|A–Z index]]</div>
</div>
</div>

<div id="mp-section1" class="mp-section">
<div id="mp-LaNe-boxes" style="border: 2px solid #ccc; min-height: 300px;">Latest/Next Boxes</div>
<div id="mp-featured" class="mp-object" style="flex: 1; display: flex; flex-wrap: wrap; flex-direction: column; gap: 10px; border: 1px solid #cef2e0; min-width: 300px; background: #f5fffa;">
<div style="min-width: 300px;"><h2 id="mp-aotm-h2" class="mp-h2 mp-h2-green">Article of the Month</h2>{{Detective Conan Wiki:Featured article}}</div>
<div style="min-width: 300px;"><h2 id="mp-featured-h2" class="mp-h2 mp-h2-green">Featured song</h2>{{Detective Conan Wiki:Featured song/January 7, 2024}}</div>
<div><h2 id="mp-dyk-h2" class="mp-h2 mp-h2-green">Did you know...</h2>[[File:Sherry's_Soliloquy.PNG|right|link=Sherry's soliloquy|100px|class=force-float-right‎]]{{Did you know/4}}</div>
</div>
<div id="mp-news" class="mp-object" style="flex: 2; display: flex; flex-wrap: wrap; gap: 10px var(--gap-size); border: 1px solid #cedff2; background: #f5faff;">
<div style="flex: 2; min-width: 300px;"><h2 id="mp-itn-h2" class="mp-h2 mp-h2-blue">Latest news</h2><div id="mp-in-the-news">{{In the news}}</div></div>
<div style="flex: 1; min-width: 300px;"><h2 id="mp-rn-h2" class="mp-h2 mp-h2-blue">Release news</h2><div id="mp-release-news">{{Release news}}</div></div>
</div>
</div>

<div id="mp-section2" class="mp-section" style="padding-top: var(--gap-size);">
<div id="mp-topics" class="mp-object" style="flex: 3; display: flex; flex-wrap: wrap; gap: 10px var(--gap-size); border: 1px solid #cef2e0; background: #f5fffa;">
<div id="mp-general-topics" style="flex: 1; min-width: 300px;"><h2 id="mp-gt-h2" class="mp-h2 mp-h2-green">General topics</h2>
[[Image:Detective Conan Characters.jpg|110px|thumb|right|link=Characters|class=force-float-right|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
</div>
<div id="mp-specific-topics" style="flex: 1; min-width: 300px;"><h2 id="mp-st-h2" class="mp-h2 mp-h2-green">Specific topics</h2>
[[File:Volume 1.jpg|110px|thumb|right|link=Volume 1|class=force-float-right|First Manga volume of the series]]
* [[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
</div>
</div>
<div id="mp-dc-wiki-languages" class="mp-object" style="flex: 1; min-width: 260px; border: 1px solid #e2e2e2;">
<h2 class="mp-h2 mp-h2-gray">'''Languages'''</h2>
<div class="plainlinks">[https://conanwiki.org ConanWiki] - Deutsch (German)</div>
<div class="plainlinks">[https://ca.conanwiki.org ConanWiki en català] (Catalan)</div>
<div class="plainlinks">[https://fr.conanwiki.org ConanWiki en français] (French)</div>
<div class="plainlinks">[https://www.conanpedia.com/ Conanpedia] - 中文 (Chinese)</div>
</div>
</div>

<div id="mp-bottom" class="mp-section" style="padding-top: var(--gap-size)">
<div id="contributor-call" class="mp-message-box" style="display: flex; align-items: center;">
<div>{{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]]'''. <br> We also encourage editors to join our '''[{{int:Discord-url}} Discord server'''] as well, where we help each other out! Enjoy the conversation with Wiki contributors there by verifying your account conveniently in <code>#🌐verifizierung</code>.}}</div>
</div>
<div id="gfdl-disclaimer" class="mp-message-box" style="display: flex; align-items: center;">
[[Image:Info.png|left|link=]]
<div>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.</div>
</div>
</div>
</div>
__NOTOC____NOEDITSECTION__
{{code|css=
.mp-section {
display: flex;
flex-flow: wrap;
gap: var(--gap-size);
min-width: fit-content;
width: 100%;
}

.mp-object {
vertical-align: top;
border: 1px solid black;
padding: 10px;
}

.mp-portal-links-column {
padding-left: 5px;
line-height: 1.25em;
}

.mp-strapline-links {
font-size: 90%;
}

.mp-message-box {
display: flex;
flex: 1;
padding: 10px;
border: 1px solid #ddcef2;
background: #faf5ff;
}

h2.mp-h2 {
font-size: 130%;
font-weight: bold;
font-family: sans-serif;
border: 1px solid;
margin: 0 0 0.5em;
padding: 0.2em 0.4em;
}

h2.mp-h2-green {
background: #cef2e0;
border-color: #c2ddc5;
}

h2.mp-h2-blue {
background: #cedff2;
border-color: #b0c9d2;
}

h2.mp-h2-gray {
background: #eee;
border-color: #ddd;
}

#mp-container .force-float-right {
float: right !important;
}

#mp-section1 {
display: grid;
grid-template-columns: 1fr 2fr;
}

#mp-featured {
grid-column: 1;
grid-row: 1 / span 2;
}

#mp-LaNe-boxes {
grid-column: 2;
grid-row: 1;
}

#mp-news {
grid-column: 2;
grid-row: 2;
}

@container mp-container (max-width: 825px) {
#mp-section1 {
display: flex;
}
#mp-section1,
#mp-section2,
#mp-bottom {
flex-flow: column;
}
}
}}

User:AvidConanContributor/sandbox/Main Page

2026-07-02T17:49:30Z

AvidConanContributor:

<div id="mp-container" style="--gap-size: 6px; container: mp-container / inline-size; min-width: fit-content;">
<div id="mp-top" style="min-width: fit-content; width: 100%; gap: 0;">
<div id="mp-banner" class="mp-section" style="column-gap: 0; background: #fcfcfc; width: initial; padding: 5px 8px; border: 1px solid #ccc;">
<div id="mp-banner-left" style="display: flex; flex: 1; flex-direction: column; min-width: 300px; justify-content: center; text-align: center;">
<div style="font-size: 162%; padding: 0.1em;">Welcome to Detective Conan Wiki,</div>
<div style="font-size: 95%;">the ultimate resource about Detective Conan.</div>
<div id="article-count" style="font-size: 85%;">This wiki contains a total of [[Special:Statistics|{{NUMBEROFARTICLES}}]] articles thus far.</div>
</div>
<div id="mp-banner-right" style="display: flex; flex: 1; min-width: 300px; justify-content: space-around; align-items: center;">
<div id="portal-links-1" class="mp-portal-links-column plainlinks">
* [http://www.detectiveconanworld.com Homepage]
* [http://www.detectiveconanworld.com/forum Forum]
* [http://www.detectiveconanworld.com/contact Contact]
</div>
<div id="portal-links-2" class="mp-portal-links-column">
* [[Characters]]
* [[Anime]]
* [[Manga]]
</div>
<div id="portal-links-3" class="mp-portal-links-column">
* [[Movies]]
* [[OVAs]]
* [[Specials]]</div>
</div>
</div>
<div id="mp-strapline" style="display: flex; justify-content: space-between; min-width: fit-content; width: 100%; margin: 4px 0 10px;">
<div id="strapline-links-left" class="mp-strapline-links">[[Wikipedia:Wikipedia:About|Overview]] '''·''' [[Wikipedia:Wikipedia:Tutorial|Editing]] '''·''' [[Wikipedia:Wikipedia:Questions|Questions]] '''·''' [[Wikipedia:Help:Contents|Help]]</div>
<div id="strapline-links-right" class="mp-strapline-links" style="text-align: right;">[[Special:RecentChanges|Recent Changes]] '''·''' [[Detective Conan Wiki:Guide|Guide]] '''·''' [[Special:Categories|Categories]] '''·''' [[Glossary|A–Z index]]</div>
</div>
</div>

<div id="mp-section1" class="mp-section">
<div id="mp-LaNe-boxes" style="border: 2px solid #ccc; min-height: 300px;">Latest/Next Boxes</div>
<div id="mp-featured" class="mp-object" style="flex: 1; display: flex; flex-wrap: wrap; flex-direction: column; gap: 10px; border: 1px solid #cef2e0; min-width: 300px; background: #f5fffa;">
<div style="min-width: 300px;"><h2 id="mp-aotm-h2" class="mp-h2 mp-h2-green">Article of the Month</h2>{{Detective Conan Wiki:Featured article}}</div>
<div style="min-width: 300px;"><h2 id="mp-featured-h2" class="mp-h2 mp-h2-green">Featured song</h2>{{Detective Conan Wiki:Featured song/January 7, 2024}}</div>
<div><h2 id="mp-dyk-h2" class="mp-h2 mp-h2-green">Did you know...</h2>[[File:Sherry's_Soliloquy.PNG|right|link=Sherry's soliloquy|100px|class=force-float-right‎]]{{Did you know/4}}</div>
</div>
<div id="mp-news" class="mp-object" style="flex: 2; display: flex; flex-wrap: wrap; gap: 10px var(--gap-size); border: 1px solid #cedff2; background: #f5faff;">
<div style="flex: 2; min-width: 300px;"><h2 id="mp-itn-h2" class="mp-h2 mp-h2-blue">Latest news</h2><div id="mp-in-the-news">{{In the news}}</div></div>
<div style="flex: 1; min-width: 300px;"><h2 id="mp-rn-h2" class="mp-h2 mp-h2-blue">Release news</h2><div id="mp-release-news">{{Release news}}</div></div>
</div>
</div>

<div id="mp-section2" class="mp-section" style="padding-top: var(--gap-size);">
<div id="mp-topics" class="mp-object" style="flex: 3; display: flex; flex-wrap: wrap; gap: 10px var(--gap-size); border: 1px solid #cef2e0; background: #f5fffa;">
<div id="mp-general-topics" style="flex: 1; min-width: 300px;"><h2 id="mp-gt-h2" class="mp-h2 mp-h2-green">General topics</h2>
[[Image:Detective Conan Characters.jpg|110px|thumb|right|link=Characters|class=force-float-right|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
</div>
<div id="mp-specific-topics" style="flex: 1; min-width: 300px;"><h2 id="mp-st-h2" class="mp-h2 mp-h2-green">Specific topics</h2>
[[File:Volume 1.jpg|110px|thumb|right|link=Volume 1|class=force-float-right|First Manga volume of the series]]
* [[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
</div>
</div>
<div id="mp-dc-wiki-languages" class="mp-object" style="flex: 1; min-width: 260px; border: 1px solid #e2e2e2;">
<h2 class="mp-h2 mp-h2-gray">'''Languages'''</h2>
<div class="plainlinks">[https://conanwiki.org ConanWiki] - Deutsch (German)</div>
<div class="plainlinks">[https://ca.conanwiki.org ConanWiki en català] (Catalan)</div>
<div class="plainlinks">[https://fr.conanwiki.org ConanWiki en français] (French)</div>
<div class="plainlinks">[https://www.conanpedia.com/ Conanpedia] - 中文 (Chinese)</div>
</div>
</div>

<div id="mp-bottom" class="mp-section" style="padding-top: var(--gap-size)">
<div id="contributor-call" class="mp-message-box" style="display: flex; align-items: center;">
<div>{{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]]'''. <br> We also encourage editors to join our '''[{{int:Discord-url}} Discord server'''] as well, where we help each other out! Enjoy the conversation with Wiki contributors there by verifying your account conveniently in <code>#🌐verifizierung</code>.}}</div>
</div>
<div id="gfdl-disclaimer" class="mp-message-box" style="display: flex; align-items: center;">
[[Image:Info.png|left|link=]]
<div>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.</div>
</div>
</div>
</div>
__NOTOC____NOEDITSECTION__
{{code|css=
.mp-section {
display: flex;
flex-flow: wrap;
gap: var(--gap-size);
min-width: fit-content;
width: 100%;
}

.mp-object {
vertical-align: top;
border: 1px solid black;
padding: 10px;
}

.mp-portal-links-column {
padding-left: 5px;
line-height: 1.25em;
}

.mp-strapline-links {
font-size: 90%;
}

.mp-message-box {
display: flex;
flex: 1;
padding: 10px;
border: 1px solid #ddcef2;
background: #faf5ff;
}

h2.mp-h2 {
font-size: 130%;
font-weight: bold;
font-family: sans-serif;
border: 1px solid;
margin: 0 0 0.5em;
padding: 0.2em 0.4em;
}

h2.mp-h2-green {
background: #cef2e0;
border-color: #c2ddc5;
}

h2.mp-h2-blue {
background: #cedff2;
border-color: #b0c9d2;
}

h2.mp-h2-gray {
background: #eee;
border-color: #ddd;
}

#mp-container .force-float-right > img {
float: right !important;
}

#mp-section1 {
display: grid;
grid-template-columns: 1fr 2fr;
}

#mp-featured {
grid-column: 1;
grid-row: 1 / span 2;
}

#mp-LaNe-boxes {
grid-column: 2;
grid-row: 1;
}

#mp-news {
grid-column: 2;
grid-row: 2;
}

@container mp-container (max-width: 825px) {
#mp-section1 {
display: flex;
}
#mp-section1,
#mp-section2,
#mp-bottom {
flex-flow: column;
}
}
}}

User:AvidConanContributor/sandbox/Main Page

2026-07-02T17:41:38Z

AvidConanContributor:

<div id="mp-container" style="--gap-size: 6px; container: mp-container / inline-size; min-width: fit-content;">
<div id="mp-top" style="min-width: fit-content; width: 100%; gap: 0;">
<div id="mp-banner" class="mp-section" style="column-gap: 0; background: #fcfcfc; width: initial; padding: 5px 8px; border: 1px solid #ccc;">
<div id="mp-banner-left" style="display: flex; flex: 1; flex-direction: column; min-width: 300px; justify-content: center; text-align: center;">
<div style="font-size: 162%; padding: 0.1em;">Welcome to Detective Conan Wiki,</div>
<div style="font-size: 95%;">the ultimate resource about Detective Conan.</div>
<div id="article-count" style="font-size: 85%;">This wiki contains a total of [[Special:Statistics|{{NUMBEROFARTICLES}}]] articles thus far.</div>
</div>
<div id="mp-banner-right" style="display: flex; flex: 1; min-width: 300px; justify-content: space-around; align-items: center;">
<div id="portal-links-1" class="mp-portal-links-column plainlinks">
* [http://www.detectiveconanworld.com Homepage]
* [http://www.detectiveconanworld.com/forum Forum]
* [http://www.detectiveconanworld.com/contact Contact]
</div>
<div id="portal-links-2" class="mp-portal-links-column">
* [[Characters]]
* [[Anime]]
* [[Manga]]
</div>
<div id="portal-links-3" class="mp-portal-links-column">
* [[Movies]]
* [[OVAs]]
* [[Specials]]</div>
</div>
</div>
<div id="mp-strapline" style="display: flex; justify-content: space-between; min-width: fit-content; width: 100%; margin: 4px 0 10px;">
<div id="strapline-links-left" class="mp-strapline-links">[[Wikipedia:Wikipedia:About|Overview]] '''·''' [[Wikipedia:Wikipedia:Tutorial|Editing]] '''·''' [[Wikipedia:Wikipedia:Questions|Questions]] '''·''' [[Wikipedia:Help:Contents|Help]]</div>
<div id="strapline-links-right" class="mp-strapline-links" style="text-align: right;">[[Special:RecentChanges|Recent Changes]] '''·''' [[Detective Conan Wiki:Guide|Guide]] '''·''' [[Special:Categories|Categories]] '''·''' [[Glossary|A–Z index]]</div>
</div>
</div>

<div id="mp-section1" class="mp-section">
<div id="mp-LaNe-boxes" style="border: 2px solid #ccc; min-height: 300px;">Latest/Next Boxes</div>
<div id="mp-featured" class="mp-object" style="flex: 1; display: flex; flex-wrap: wrap; flex-direction: column; gap: 10px; border: 1px solid #cef2e0; min-width: 300px; background: #f5fffa;">
<div style="min-width: 300px;"><h2 id="mp-aotm-h2" class="mp-h2 mp-h2-green">Article of the Month</h2>{{Detective Conan Wiki:Featured article}}</div>
<div style="min-width: 300px;"><h2 id="mp-featured-h2" class="mp-h2 mp-h2-green">Featured song</h2>{{Detective Conan Wiki:Featured song/January 7, 2024}}</div>
<div><h2 id="mp-dyk-h2" class="mp-h2 mp-h2-green">Did you know...</h2>[[File:Sherry's_Soliloquy.PNG|right|link=Sherry's soliloquy|100px|class=force-float-right‎]]{{Did you know/4}}</div>
</div>
<div id="mp-news" class="mp-object" style="flex: 2; display: flex; flex-wrap: wrap; gap: 10px var(--gap-size); border: 1px solid #cedff2; background: #f5faff;">
<div style="flex: 2; min-width: 300px;"><h2 id="mp-itn-h2" class="mp-h2 mp-h2-blue">Latest news</h2><div id="mp-in-the-news">{{In the news}}</div></div>
<div style="flex: 1; min-width: 300px;"><h2 id="mp-rn-h2" class="mp-h2 mp-h2-blue">Release news</h2><div id="mp-release-news">{{Release news}}</div></div>
</div>
</div>

<div id="mp-section2" class="mp-section" style="padding-top: var(--gap-size);">
<div id="mp-topics" class="mp-object" style="flex: 3; display: flex; flex-wrap: wrap; gap: 10px var(--gap-size); border: 1px solid #cef2e0; background: #f5fffa;">
<div id="mp-general-topics" style="flex: 1; min-width: 300px;"><h2 id="mp-gt-h2" class="mp-h2 mp-h2-green">General topics</h2>
[[Image:Detective Conan Characters.jpg|110px|thumb|right|link=Characters|class=force-float-right|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
</div>
<div id="mp-specific-topics" style="flex: 1; min-width: 300px;"><h2 id="mp-st-h2" class="mp-h2 mp-h2-green">Specific topics</h2>
[[File:Volume 1.jpg|110px|thumb|right|link=Volume 1|class=force-float-right|First Manga volume of the series]]
* [[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
</div>
</div>
<div id="mp-dc-wiki-languages" class="mp-object" style="flex: 1; min-width: 260px; border: 1px solid #e2e2e2;">
<h2 class="mp-h2 mp-h2-gray">'''Languages'''</h2>
<div class="plainlinks">[https://conanwiki.org ConanWiki] - Deutsch (German)</div>
<div class="plainlinks">[https://ca.conanwiki.org ConanWiki en català] (Catalan)</div>
<div class="plainlinks">[https://fr.conanwiki.org ConanWiki en français] (French)</div>
<div class="plainlinks">[https://www.conanpedia.com/ Conanpedia] - 中文 (Chinese)</div>
</div>
</div>

<div id="mp-bottom" class="mp-section" style="padding-top: var(--gap-size)">
<div id="contributor-call" class="mp-message-box" style="display: flex; align-items: center;">
<div>{{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]]'''. <br> We also encourage editors to join our '''[{{int:Discord-url}} Discord server'''] as well, where we help each other out! Enjoy the conversation with Wiki contributors there by verifying your account conveniently in <code>#🌐verifizierung</code>.}}</div>
</div>
<div id="gfdl-disclaimer" class="mp-message-box" style="display: flex; align-items: center;">
[[Image:Info.png|left|link=]]
<div>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.</div>
</div>
</div>
</div>
__NOTOC____NOEDITSECTION__
{{code|css=
.mp-section {
display: flex;
flex-flow: wrap;
gap: var(--gap-size);
min-width: fit-content;
width: 100%;
}

.mp-object {
vertical-align: top;
border: 1px solid black;
padding: 10px;
}

.mp-portal-links-column {
padding-left: 5px;
line-height: 1.25em;
}

.mp-strapline-links {
font-size: 90%;
}

.mp-message-box {
display: flex;
flex: 1;
padding: 10px;
border: 1px solid #ddcef2;
background: #faf5ff;
}

h2.mp-h2 {
font-size: 130%;
font-weight: bold;
font-family: sans-serif;
border: 1px solid;
margin: 0 0 0.5em;
padding: 0.2em 0.4em;
}

h2.mp-h2-green {
background: #cef2e0;
border-color: #c2ddc5;
}

h2.mp-h2-blue {
background: #cedff2;
border-color: #b0c9d2;
}

h2.mp-h2-gray {
background: #eee;
border-color: #ddd;
}

#mp-container .force-float-right {
float: right !important;
}

#mp-section1 {
display: grid;
grid-template-columns: 1fr 2fr;
}

#mp-featured {
grid-column: 1;
grid-row: 1 / span 2;
}

#mp-LaNe-boxes {
grid-column: 2;
grid-row: 1;
}

#mp-news {
grid-column: 2;
grid-row: 2;
}

@container mp-container (max-width: 825px) {
#mp-section1 {
display: flex;
}
#mp-section1,
#mp-section2,
#mp-bottom {
flex-flow: column;
}
}
}}

User:AvidConanContributor/sandbox/Main Page

2026-07-02T17:34:03Z

AvidConanContributor:

<div id="mp-container" style="--gap-size: 6px; container: mp-container / inline-size; min-width: fit-content;">
<div id="mp-top" style="min-width: fit-content; width: 100%; gap: 0;">
<div id="mp-banner" class="mp-section" style="column-gap: 0; background: #fcfcfc; width: initial; padding: 5px 8px; border: 1px solid #ccc;">
<div id="mp-banner-left" style="display: flex; flex: 1; flex-direction: column; min-width: 300px; justify-content: center; text-align: center;">
<div style="font-size: 162%; padding: 0.1em;">Welcome to Detective Conan Wiki,</div>
<div style="font-size: 95%;">the ultimate resource about Detective Conan.</div>
<div id="article-count" style="font-size: 85%;">This wiki contains a total of [[Special:Statistics|{{NUMBEROFARTICLES}}]] articles thus far.</div>
</div>
<div id="mp-banner-right" style="display: flex; flex: 1; min-width: 300px; justify-content: space-around; align-items: center;">
<div id="portal-links-1" class="mp-portal-links-column plainlinks">
* [http://www.detectiveconanworld.com Homepage]
* [http://www.detectiveconanworld.com/forum Forum]
* [http://www.detectiveconanworld.com/contact Contact]
</div>
<div id="portal-links-2" class="mp-portal-links-column">
* [[Characters]]
* [[Anime]]
* [[Manga]]
</div>
<div id="portal-links-3" class="mp-portal-links-column">
* [[Movies]]
* [[OVAs]]
* [[Specials]]</div>
</div>
</div>
<div id="mp-strapline" style="display: flex; justify-content: space-between; min-width: fit-content; width: 100%; margin: 4px 0 10px;">
<div id="strapline-links-left" class="mp-strapline-links">[[Wikipedia:Wikipedia:About|Overview]] '''·''' [[Wikipedia:Wikipedia:Tutorial|Editing]] '''·''' [[Wikipedia:Wikipedia:Questions|Questions]] '''·''' [[Wikipedia:Help:Contents|Help]]</div>
<div id="strapline-links-right" class="mp-strapline-links" style="text-align: right;">[[Special:RecentChanges|Recent Changes]] '''·''' [[Detective Conan Wiki:Guide|Guide]] '''·''' [[Special:Categories|Categories]] '''·''' [[Glossary|A–Z index]]</div>
</div>
</div>

<div id="mp-section1" class="mp-section">
<div id="mp-LaNe-boxes" style="border: 2px solid #ccc; min-height: 300px;">Latest/Next Boxes</div>
<div id="mp-featured" class="mp-object" style="flex: 1; display: flex; flex-wrap: wrap; flex-direction: column; gap: 10px; border: 1px solid #cef2e0; min-width: 300px; background: #f5fffa;">
<div style="min-width: 300px;"><h2 id="mp-aotm-h2" class="mp-h2 mp-h2-green">Article of the Month</h2>{{Detective Conan Wiki:Featured article}}</div>
<div style="min-width: 300px;"><h2 id="mp-featured-h2" class="mp-h2 mp-h2-green">Featured song</h2>{{Detective Conan Wiki:Featured song/January 7, 2024}}</div>
<div><h2 id="mp-dyk-h2" class="mp-h2 mp-h2-green">Did you know...</h2>[[File:Sherry's_Soliloquy.PNG|right|link=Sherry's soliloquy|100px|‎]]{{Did you know/4}}</div>
</div>
<div id="mp-news" class="mp-object" style="flex: 2; display: flex; flex-wrap: wrap; gap: 10px var(--gap-size); border: 1px solid #cedff2; background: #f5faff;">
<div style="flex: 2; min-width: 300px;"><h2 id="mp-itn-h2" class="mp-h2 mp-h2-blue">Latest news</h2><div id="mp-in-the-news">{{In the news}}</div></div>
<div style="flex: 1; min-width: 300px;"><h2 id="mp-rn-h2" class="mp-h2 mp-h2-blue">Release news</h2><div id="mp-release-news">{{Release news}}</div></div>
</div>
</div>

<div id="mp-section2" class="mp-section" style="padding-top: var(--gap-size);">
<div id="mp-topics" class="mp-object" style="flex: 3; display: flex; flex-wrap: wrap; gap: 10px var(--gap-size); border: 1px solid #cef2e0; background: #f5fffa;">
<div id="mp-general-topics" style="flex: 1; min-width: 300px;"><h2 id="mp-gt-h2" class="mp-h2 mp-h2-green">General topics</h2>
[[Image:Detective Conan Characters.jpg|110px|thumb|right|link=Characters|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
</div>
<div id="mp-specific-topics" style="flex: 1; min-width: 300px;"><h2 id="mp-st-h2" class="mp-h2 mp-h2-green">Specific topics</h2>
[[File:Volume 1.jpg|110px|thumb|right|link=Volume 1|First Manga volume of the series]]
* [[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
</div>
</div>
<div id="mp-dc-wiki-languages" class="mp-object" style="flex: 1; min-width: 260px; border: 1px solid #e2e2e2;">
<h2 class="mp-h2 mp-h2-gray">'''Languages'''</h2>
<div class="plainlinks">[https://conanwiki.org ConanWiki] - Deutsch (German)</div>
<div class="plainlinks">[https://ca.conanwiki.org ConanWiki en català] (Catalan)</div>
<div class="plainlinks">[https://fr.conanwiki.org ConanWiki en français] (French)</div>
<div class="plainlinks">[https://www.conanpedia.com/ Conanpedia] - 中文 (Chinese)</div>
</div>
</div>

<div id="mp-bottom" class="mp-section" style="padding-top: var(--gap-size)">
<div id="contributor-call" class="mp-message-box" style="display: flex; align-items: center;">
<div>{{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]]'''. <br> We also encourage editors to join our '''[{{int:Discord-url}} Discord server'''] as well, where we help each other out! Enjoy the conversation with Wiki contributors there by verifying your account conveniently in <code>#🌐verifizierung</code>.}}</div>
</div>
<div id="gfdl-disclaimer" class="mp-message-box" style="display: flex; align-items: center;">
[[Image:Info.png|left|link=]]
<div>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.</div>
</div>
</div>
</div>
__NOTOC____NOEDITSECTION__
{{code|css=
.mp-section {
display: flex;
flex-flow: wrap;
gap: var(--gap-size);
min-width: fit-content;
width: 100%;
}

.mp-object {
vertical-align: top;
border: 1px solid black;
padding: 10px;
}

.mp-portal-links-column {
padding-left: 5px;
line-height: 1.25em;
}

.mp-strapline-links {
font-size: 90%;
}

.mp-message-box {
display: flex;
flex: 1;
padding: 10px;
border: 1px solid #ddcef2;
background: #faf5ff;
}

h2.mp-h2 {
font-size: 130%;
font-weight: bold;
font-family: sans-serif;
border: 1px solid;
margin: 0 0 0.5em;
padding: 0.2em 0.4em;
}

h2.mp-h2-green {
background: #cef2e0;
border-color: #c2ddc5;
}

h2.mp-h2-blue {
background: #cedff2;
border-color: #b0c9d2;
}

h2.mp-h2-gray {
background: #eee;
border-color: #ddd;
}

#mp-section1 {
display: grid;
grid-template-columns: 1fr 2fr;
}

#mp-featured {
grid-column: 1;
grid-row: 1 / span 2;
}

#mp-LaNe-boxes {
grid-column: 2;
grid-row: 1;
}

#mp-news {
grid-column: 2;
grid-row: 2;
}

@container mp-container (max-width: 825px) {
#mp-section1 {
display: flex;
}
#mp-section1,
#mp-section2,
#mp-bottom {
flex-flow: column;
}
}
}}