Jump to content

User:AvidConanContributor/sandbox/Main Page: Difference between revisions

From Detective Conan Wiki
No edit summary
mNo edit summary
 
(88 intermediate revisions by 2 users not shown)
Line 1: Line 1:
<div id="mp-container" style="--gap-size: 6px; container: mp-container / inline-size; min-width: fit-content;">
<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-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" 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: 1; flex-direction: column; min-width: 300px; justify-content: center; text-align: center;">
       <div id="mp-banner-left" style="display: flex; flex-flow: wrap; flex: 2; padding: 5px 8px;">
        <div style="font-size: 162%; padding: 0.1em;">Welcome to Detective Conan Wiki,</div>
        <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: 95%;">the ultimate resource about Detective Conan.</div>
          <div style="font-size: 200%; padding-bottom: 0.1em;">Welcome to Detective Conan Wiki,</div>
        <div id="article-count" style="font-size: 85%;">This wiki contains a total of [[Special:Statistics|{{NUMBEROFARTICLES}}]] articles thus far.</div>
          <div style="font-size: 95%;">the ultimate resource about Detective Conan.</div>
      </div>
          <div id="article-count" style="font-size: 85%;">This wiki contains a total of [[Special:Statistics|{{NUMBEROFARTICLES}}]] articles thus far.</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">
<!--  -->* [http://www.detectiveconanworld.com Homepage]
<!--  -->* [http://www.detectiveconanworld.com/forum Forum]
<!--  -->* [http://www.detectiveconanworld.com/contact Contact]
         </div>
         </div>
         <div id="portal-links-2" class="mp-portal-links-column">
         <div id="mp-banner-links" style="display: flex; flex: 1; min-width: 300px; justify-content: space-around; align-items: center;">
<!--   -->* [[Characters]]
          <div id="portal-links-1" class="mp-portal-links-column plainlinks">
<!--   -->* [[Anime]]
<!--    -->* [http://www.detectiveconanworld.com Homepage]
<!--   -->* [[Manga]]
<!--    -->* [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="portal-links-3" class="mp-portal-links-column">
      </div>
<!--  -->* [[Movies]]
      <div id="mp-banner-right">
<!--  -->* [[OVAs]]
        <div id="mp-banner-gradient" style="flex: 0.3; min-width: 50px; background: linear-gradient(to right, #fcfcfc, #0000);"></div>
<!--  -->* [[Specials]]</div>
       </div>
       </div>
     </div>
     </div>
Line 31: Line 36:


   <div id="mp-section1" class="mp-section">
   <div id="mp-section1" class="mp-section">
     <div id="mp-featured" class="mp-object" style="flex: 1; display: flex; flex-direction: column; gap: 10px; border: 1px solid #cef2e0; min-width: 300px; background: #f5fffa;">
    <div id="mp-LaNe-boxes" style="border: 2px solid #ccc; min-height: 300px;">Latest/Next Boxes</div>
       <div><h2 id="mp-tfa-h2" class="mp-h2-green">Article of the Month</h2>{{Detective Conan Wiki:Featured article}}</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><h2 id="mp-tfa-h2" class="mp-h2-green">Featured song</h2>{{Detective Conan Wiki:Featured song/January 7, 2024}}</div>
       <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><h2 id="mp-tfa-h2" class="mp-h2-green">Off the beaten path</h2>{{Off the beaten path}}</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>
     <div style="flex: 2; display: flex; flex-direction: column; gap: 10px var(--gap-size);">
     <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 id="mp-news" style="border: 2px solid #ccc; min-height: 300px;">Latest/Next Boxes</div>
      <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 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: 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 style="flex: 1; min-width: 300px;"><h2 id="mp-itn-h2" class="mp-h2-blue">Latest news</h2>{{In the news}}</div>
        <div style="flex: 1; min-width: 300px;"><h2 id="mp-itn-h2" class="mp-h2-blue">Release news</h2>{{Release news}}</div>
      </div>
     </div>
     </div>
   </div>
   </div>
Line 47: Line 50:
   <div id="mp-section2" class="mp-section" style="padding-top: var(--gap-size);">
   <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-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-itn-h2" class="mp-h2-green">General topics</h2>
       <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]]
         [[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
<!-- -->* [[Detective Conan]] - The introduction to the world of Detective Conan
<!-- -->* [[Characters]] - The characters of Detective Conan
<!-- -->* [[Characters]] - The characters of Detective Conan
Line 62: Line 65:
<!-- -->* [[Games]] - Detective Conan video games
<!-- -->* [[Games]] - Detective Conan video games
       </div>
       </div>
       <div id="mp-specific-topics" style="flex: 1; min-width: 300px;"><h2 id="mp-itn-h2" class="mp-h2-green">Specific topics</h2>
       <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]]
         [[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
<!-- -->* [[Shinichi Kudo]] - Main character of Detective Conan
<!-- -->* [[Conan Edogawa]] - Shrunken form of Shinichi
<!-- -->* [[Conan Edogawa]] - Shrunken form of Shinichi
Line 76: Line 79:
       </div>
       </div>
     </div>
     </div>
     <div id="mp-did-you-know" style="flex: 1; min-width: 260px;">{{Did you know}}</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>


   <div id="mp-bottom" class="mp-section" style="padding-top: var(--gap-size)">
   <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 id="contributor-call" class="mp-message-box" style="display: flex; align-items: center;">
       <div>Welcome to the Detective Conan Wiki! We strive to become the number one source of all things Detective Conan related, but not without your help! If you need to contact an admin, please consult the following [[Detective Conan Wiki:Moderators|list]]. <br> ''You need to create an account before making any edits.'' <br><br> {{green|'''&raquo; 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]]'''. We 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>{{green|'''&raquo; 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>
     <div id="gfdl-disclaimer" class="mp-message-box" style="display: flex; align-items: center;">
     <div id="gfdl-disclaimer" class="mp-message-box" style="display: flex; align-items: center;">
Line 122: Line 131:
}
}


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


.mp-h2-blue {
h2.mp-h2-green {
  background: #cef2e0;
  border-color: #c2ddc5;
}
 
h2.mp-h2-blue {
   background: #cedff2;
   background: #cedff2;
   font-size: 120%;
   border-color: #b0c9d2;
   font-weight: bold;
}
   border: 1px solid #b0c9d2;
 
   padding: 0.2em 0.4em;
h2.mp-h2-gray {
   background: #eee;
   border-color: #ddd;
}
 
#mp-container .force-float-right {
   float: right !important;
}
}


#mp-container .magnify {
#mp-container .mw-file-magnify, #mp-container .mw-file-description::after {
   display: none;
   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) {
@container mp-container (max-width: 825px) {
   #mp-section1, #mp-section2, #mp-bottom {
  #mp-section1 {
    display: flex;
  }
   #mp-section1,
  #mp-section2,
  #mp-bottom {
     flex-flow: column;
     flex-flow: column;
  }
}
@container mp-banner (max-width: 950px) {
  #mp-banner-right {
    display: none;
   }
   }
}
}
}}
}}

Latest revision as of 04:59, 3 July 2026

Welcome to Detective Conan Wiki,
the ultimate resource about Detective Conan.
This wiki contains a total of 4,879 articles thus far.
Latest/Next Boxes

Latest news

Detective Conan
  • NEW! Viz Media has announced that a new 3-in-1 edition of Detective Conan manga will be published starting Spring 2027. The new release will use original Japanese title and character names.
  • A collaboration between Detective Conan and Star Detective PreCure! has been announced. Conan, Kogoro, and Ran appeared in Star Detective PreCure! Episode 18 airing on May 31, 2026, while Anna Akechi/Cure Answer appeared in Detective Conan special episode The Gold-Star Answer airing on June 6, 2026.
  • Movie 30 of Detective Conan will feature Shinichi Kudo and Ran Mouri and is likely related to the Holmes' Revelation case.
  • The domestic box office revenue for the 29th movie of Detective Conan, Fallen Angel of the Highway, has surpassed 10 billion yen within a month of its release on April 10, 2026.
  • Since March 14, 2026, Akemi Okamura has temporarily replaced Wakana Yamazaki as the voice of Ran Mouri due to Wakana's hiatus to take care of her health.
  • 3 special episodes have been announced as part of a project commemorating the 30th anniversary of the anime. They include a collaborative episode with Japan International Birdman Rally written by Takahiro Okura, a J-League collaboration episode, and a 2-hour special episode Murder Case No. 30 written by Takeharu Sakurai.
  • A new English dub of Detective Conan with selected episodes, including some never shown in the U.S. before, has been released on Crunchyroll and Netflix. The latest selection is titled Rivals of the Great Detective.
  • The latest Detective Conan planetarium special movie, titled The Shining Payload, premiered on March 8, 2025. Screenplay by Akatsuki Yamatoya and direction by Hiroaki Takagi; it is currently screening in some planetariums in Japan.

Detective Conan Spinoffs

Magic Kaito

Yaiba

  • English dub of Yaiba: Samurai Legend started airing on August 15, 2025 with the first 12 episodes. More dubs were released on November 21, 2025.
  • Season 2 of Yaiba: Samurai Legend has been announced.

Song information

Release news

Flag of Japan Japan
  • Manga volume/book release(s):
    • (None at the moment)
  • DVD/Blu-ray release(s):
  • Music release(s):
  • Other release(s) Highlights:
    • (None at the moment)

Flag of US USA

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

General topics

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

Specific topics

First Manga volume of the series

Languages

» You want to help out but don't know how or where to start? Here's a list of easy tasks: Contributing.
We also encourage editors to join our Discord server as well, where we help each other out! Enjoy the conversation with Wiki contributors there by verifying your account conveniently in #🌐verifizierung.
Note that many pages in this wiki may contain content taken from Wikipedia.org.
This is perfectly legal in our context as stated under the GNU Free Documentation License (GFDL) followed by Wikipedia.