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

From Detective Conan Wiki
 
(62 intermediate revisions by the same user not shown)
Line 1: Line 1:
−
<div id="mp-container" style="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; border: 1px solid #ccc;">
+
     <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 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: 162%; padding: 0.1em;">Welcome to Detective Conan Wiki,</div>
Line 8: Line 8:
 
       </div>
 
       </div>
 
       <div id="mp-banner-right" style="display: flex; flex: 1; min-width: 300px; justify-content: space-around; align-items: center;">
 
       <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="portal-links-column">
+
         <div id="portal-links-1" class="mp-portal-links-column">
−
          <li>[http://www.detectiveconanworld.com Homepage]</li>
+
<!--  -->* [http://www.detectiveconanworld.com Homepage]
−
          <li>[http://www.detectiveconanworld.com/forum Forum]</li>
+
<!--  -->* [http://www.detectiveconanworld.com/forum Forum]
−
          <li>[http://www.detectiveconanworld.com/contact Contact]</li>
+
<!--  -->* [http://www.detectiveconanworld.com/contact Contact]
 
         </div>
 
         </div>
−
         <div id="portal-links-2" class="portal-links-column">
+
         <div id="portal-links-2" class="mp-portal-links-column">
−
          <li>[[Characters]]</li>
+
<!--  -->* [[Characters]]
−
          <li>[[Anime]]</li>
+
<!--  -->* [[Anime]]
−
          <li>[[Manga]]</li>
+
<!--  -->* [[Manga]]
 
         </div>
 
         </div>
−
         <div id="portal-links-3" class="portal-links-column">
+
         <div id="portal-links-3" class="mp-portal-links-column">
−
          <li>[[Movies]]</li>
+
<!--  -->* [[Movies]]
−
          <li>[[OVAs]]</li>
+
<!--  -->* [[OVAs]]
−
          <li>[[Specials]]</li></div>
+
<!--  -->* [[Specials]]</div>
 
       </div>
 
       </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="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="strapline-links">[[Wikipedia:Wikipedia:About|Overview]]&nbsp;'''·''' [[Wikipedia:Wikipedia:Tutorial|Editing]]&nbsp;'''·''' [[Wikipedia:Wikipedia:Questions|Questions]]&nbsp;'''·''' [[Wikipedia:Help:Contents|Help]]</div>
+
       <div id="strapline-links-left" class="mp-strapline-links">[[Wikipedia:Wikipedia:About|Overview]]&nbsp;'''·''' [[Wikipedia:Wikipedia:Tutorial|Editing]]&nbsp;'''·''' [[Wikipedia:Wikipedia:Questions|Questions]]&nbsp;'''·''' [[Wikipedia:Help:Contents|Help]]</div>
−
       <div id="strapline-links-right" class="strapline-links" style="text-align: right;">[[Special:RecentChanges|Recent Changes]]&nbsp;'''·''' [[Detective Conan Wiki:Guide|Guide]]&nbsp;'''·''' [[Special:Categories|Categories]]&nbsp;'''·''' [[Glossary|A–Z index]]</div>
+
       <div id="strapline-links-right" class="mp-strapline-links" style="text-align: right;">[[Special:RecentChanges|Recent Changes]]&nbsp;'''·''' [[Detective Conan Wiki:Guide|Guide]]&nbsp;'''·''' [[Special:Categories|Categories]]&nbsp;'''·''' [[Glossary|A–Z index]]</div>
 
     </div>
 
     </div>
 
   </div>
 
   </div>
  
 
   <div id="mp-section1" class="mp-section">
 
   <div id="mp-section1" class="mp-section">
−
     <div id="mp-featured" class="mp-object" style="flex: 3; border: 1px solid #cef2e0; background: #f5fffa;">
+
     <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;">
−
       <h2 id="mp-tfa-h2" style="margin:0; background:#cef2e0; font-size:120%; font-weight:bold; border:1px solid #c2ddc5; text-align:left; color:#000; padding:0.2em 0.4em;">Article of the Month</h2>
+
       <div style="min-width: 300px;"><h2 class="mp-h2-green">Article of the Month</h2>{{Detective Conan Wiki:Featured article}}</div>
−
      {{Detective Conan Wiki:Featured article}}</div>
+
      <div style="min-width: 300px;"><h2 class="mp-h2-green">Featured song</h2>{{Detective Conan Wiki:Featured song/January 7, 2024}}</div>
−
     <div id="mp-news" class="mp-object" style="flex: 4; border: 1px solid #cedff2; background: #f5faff;">News</div>
+
      <div><h2 class="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 style="flex: 2; display: flex; flex-direction: column; gap: 10px var(--gap-size);">
 +
      <div style="border: 2px solid #ccc; min-height: 300px;">Latest/Next Boxes</div>
 +
      <div 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 class="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 class="mp-h2-blue">Release news</h2><div id="mp-release-news">{{Release news}}</div></div>
 +
      </div>
 +
    </div>
 
   </div>
 
   </div>
  
 
   <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; border: 1px solid #cef2e0; background: #f5fffa;">Topics</div>
+
     <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-did-you-know" class="mp-object" style="flex: 1; min-width: 300px;">Did you know...</div>
+
      <div id="mp-general-topics" style="flex: 1; min-width: 300px;"><h2 id="mp-itn-h2" class="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-itn-h2" class="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" style="flex: 1; display: flex; flex-direction: column; align-items: center; min-width: 260px;">
 +
      <div>'''Languages'''</div>
 +
      <div>[https://conanwiki.org/wiki/Hauptseite ConanWiki (German)]</div>
 +
      <div>[https://ca.conanwiki.org/wiki/Detectiu_Conan_Wiki ConanWiki (Catalan)]</div>
 +
      <div>[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;">
−
       <span>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>.}}</span>
+
       <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;">
−
       <span>[[Image:Info.png|left|link=]] Note that many pages in this wiki may contain content taken from '''Wikipedia.org'''. <br> This is perfectly legal in our context as stated under the GNU Free Documentation License (GFDL) followed by Wikipedia.</span>
+
       [[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>
 
   </div>
 
</div>
 
</div>
−
 
+
__NOTOC____NOEDITSECTION__
 
{{code|css=
 
{{code|css=
 
.mp-section {
 
.mp-section {
−
  --gap-size: 6px;
 
 
   display: flex;
 
   display: flex;
−
   flex-wrap: wrap;
+
   flex-flow: wrap;
 
   gap: var(--gap-size);
 
   gap: var(--gap-size);
 
   min-width: fit-content;
 
   min-width: fit-content;
Line 85: Line 127:
 
}
 
}
  
−
@media (max-width: 825px) {
+
.mp-h2-green {
 +
  background: #cef2e0;
 +
  font-size: 120%;
 +
  font-weight: bold;
 +
  border: 1px solid #c2ddc5;
 +
  margin: 0 0 0.5em;
 +
  padding: 0.2em 0.4em;
 +
}
 +
 
 +
.mp-h2-blue {
 +
  background: #cedff2;
 +
  font-size: 120%;
 +
  font-weight: bold;
 +
  border: 1px solid #b0c9d2;
 +
  margin: 0 0 0.5em;
 +
  padding: 0.2em 0.4em;
 +
}
 +
 
 +
#mp-container .magnify {
 +
  display: none;
 +
}
 +
 
 +
@container mp-container (max-width: 825px) {
 
   #mp-section1, #mp-section2, #mp-bottom {
 
   #mp-section1, #mp-section2, #mp-bottom {
−
     flex-direction: column;
+
     flex-flow: column;
 
   }
 
   }
 
}
 
}
 
}}
 
}}

Latest revision as of 04:47, 8 January 2026

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

Latest news

Detective Conan
  • NEW! 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.

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 will be released on November 21, 2025.
  • Season 2 of Yaiba: Samurai Legend has been announced.

Song information

Release news

  • Japanese manga volume/book release(s):
  • Japanese DVD/Blu-ray release(s):
    • DVD Part 32-3 - October 24, 2025
    • DVD Part 32-4 - November 21, 2025
    • DVD Part 32-5 - December 26, 2025
    • DVD Part 32-6 - February 27, 2026
    • DVD Part 32-7 - March 20, 2026
    • DVD Part 32-8 - April 24, 2026
    • DVD Part 32-9 - May 29, 2026
    • DVD Part 32-10 - June 26, 2026
    • Yaiba: Samurai Legend Blu-ray & DVD Volume 2 - February 25, 2026
  • Japanese Music release(s):
    • (none at the moment)
  • Other Japanese release(s) Highlights:
    • (none at the moment)
  • English manga volume release(s):
    • Volume 97 - January 13, 2026
    • Yaiba: Samurai Legend Volume 3 - January 13, 2026
  • English 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
» 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.
Info.png
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.

Retrieved from "https://www.detectiveconanworld.com/wiki/index.php?title=User:AvidConanContributor/sandbox/Main_Page&oldid=401113"