Detective Conan Wiki - User contributions [en]

File:1203-1.jpg

2026-08-20T03:29:55Z

AvidConanContributor: Removed Template:Delete

File:1203-1.jpg

2026-08-20T03:29:40Z

AvidConanContributor: AvidConanContributor reverted File:1203-1.jpg to an old version

File:TV Episode 1203.jpg

2026-08-20T03:24:35Z

AvidConanContributor: AvidConanContributor uploaded a new version of File:TV Episode 1203.jpg

MediaWiki:Common.css

2026-08-19T21:21:23Z

AvidConanContributor: Removed Extension:MultimediaViewer font fix; added new CSS for Template:LaNe Box

/* <source lang="css"> */

/* Farbliches Markieren in den RC */

/** Büros **/
.bureaucrats,
.page-Special_RecentChanges #content a.mw-userlink[title="User:Maurice"],
.page-Special_RecentChanges #content a.mw-userlink[title="User:Mario-WL"],
.page-Special_RecentChanges #content a.mw-userlink[title="User:Philipp S."]
{
color:#ff8800;
font-weight: bold;
}

/** Admins **/
.sysop,
.page-Special_RecentChanges #content a.mw-userlink[title="User:Nakamura"],
.page-Special_RecentChanges #content a.mw-userlink[title="User:Jefflie"],
.page-Special_RecentChanges #content a.mw-userlink[title="User:R0o0di"],
.page-Special_RecentChanges #content a.mw-userlink[title="User:AvidConanContributor"]
{
color: #F1C40F;
font-weight: bold;
}

/* For Template:LaNe Box */
.LnBox-item {
display: none;
}

/* Show the last item that is not upcoming */
.LnBox-item[data-upcoming="false"]:not(:has(~ .LnBox-item[data-upcoming="false"])) {
display: initial;
}

/* Show the first item that is upcoming */
.LnBox-item[data-upcoming="true"]:not(.LnBox-item[data-upcoming="true"] ~ .LnBox-item[data-upcoming="true"]) {
display: initial;
}

/*** Added by Maurice for DCW Wiki ***/

.mainBackground {
width: 200px;
height: 500px;
}

/* chartable class for skinning character tables */

table.chartable {
margin: 1em 1em 1em 0;
background: #f9f9f9;
border: 1px #4e96c0 solid;
border-collapse: collapse;
}

table.chartable th, table.chartable td {
border: 1px #ccc solid;
padding: 0.2em;
}

table.chartable th {
background: #7BA1EC;
color: #ffffff;
text-align: center;
}

.familytable td.familychar {
vertical-align: top;
}

.familytable td.familychar > div {
margin-bottom: 4px;
}

.familytable td.familychar > div > div {
border: 1px solid #ccc;
}

table.wikitable.seasontable th {
color: #ffffff;
background: #5bbd53;
}

table.wikitable.volumetable th {
color: #ffffff;
background: #647dd1;
}

table.wikitable.movietable th {
color: #ffffff;
background: #A153D2;
}

table.wikitable.ovatable th {
color: #ffffff;
background: #f08f31;
}

table.wikitable.specialtable th {
color: #ffffff;
background: #7CB2D4;
}

table.wikitable.dramatable th {
color: #ffffff;
background: #67A56E;
}

table.wikitable.musictable th {
color: #ffffff;
background: #E268EF;
}

table.wikitable.gadgettable th {
color: #ffffff;
background: #FF9900;
}

table.wikitable.collectibletable th {
color: #ffffff;
background: #69C3A5;
}

table.wikitable.heisttable th {
color: #ffffff;
background: #126BC9;
}

td.nospacing p {
margin: 0;
}

table.crime {
/*margin-left: 4px;*/
line-height: 15.5px;
}

.crime th, .crime td {
padding-top: 3px;
padding-bottom: 3px;
}

table.headerlink th a,table.headerlink th a.new {
color: #FFFFFF;
border-bottom: 1px dotted #FFFFFF;
}

table.headerlink th a:hover {
text-decoration: none;
}

.char-image a img, .gadget-image a img {
border: 1px solid #ccc;
}

table.top-align td, .char-appearances-table td, .gadget-appearances-table td {
vertical-align: top;
}

.char-appearances-table .thumb, .gadget-appearances-table .thumb {
margin-bottom: 0px;
}

.conan-side-cell {
vertical-align: middle;
}

.conan-side-cell div {
background: url(http://www.detectiveconanworld.com/wiki/images/extra/bg-bricks.jpg) no-repeat;
height:136px;
margin:auto;
padding-top:42px;
width:120px;
}

.conan-side-cell div img {
border: 1px solid #eaba75;
}

.cells-centered td {
text-align: center;
}

.bonav .collapseButton {
color: #cccccc;
}

.bonav .collapseButton a {
color: #ffffff;
}

/* People & gadget */

.people ul, .gadget ul {
margin-top: 0;
font-size: 0.95em;
line-height: 1.4em;
}

.people .squeezed ul, .gadget .squeezed ul {
line-height: 1.2em;
}

#content .people ul, #content .gadget ul {
margin-bottom: 0;
}

/* Collectibles */

.collectible ul {
line-height: 1.45em;
}
.collectible-blu-ray {
background: url(http://www.detectiveconanworld.com/wiki/images/extra/collectible-blu-ray.png) no-repeat 50% 50%;
}
.collectible-dvd {
background: url(http://www.detectiveconanworld.com/wiki/images/extra/collectible-dvd.png) no-repeat 50% 50%;
}
.collectible-vhs {
background: url(http://www.detectiveconanworld.com/wiki/images/extra/collectible-vhs.png) no-repeat 50% 50%;
}
.collectible-manga {
background: url(http://www.detectiveconanworld.com/wiki/images/extra/collectible-manga.png) no-repeat 50% 50%;
}
.collectible-magic-kaito-manga {
background: url(http://www.detectiveconanworld.com/wiki/images/extra/collectible-magic-kaito-manga.png) no-repeat 50% 50%;
}
.collectible-book {
background: url(http://www.detectiveconanworld.com/wiki/images/extra/collectible-book.png) no-repeat 50% 50%;
}

/* User boxes */

table.userboxitem {
width: 300px;
border: 1px solid #333333;
border-top-right-radius: 60px;
border-bottom-right-radius: 60px;
}

table.userboxitem th {
width: 60px;
padding: 1px;
}

table.userboxitem th a {
display: block;
max-height: 60px;
overflow-y: hidden;
}

table.userboxitem th a img {
width: 60px;
height: auto;
}

table.userboxitem td {
padding: 0px 10px 0px 5px;
}

/* Generic */

.noborder td, .wikitable .noborder td {
border: 0px;
}

.left {
float: left;
}

.right {
float: right;
}

/* Pad Google AdSense box in portlet in sidebar */
#p-googleadsense .pBody {
padding-top: 5px;
text-align: center;
}

/*************************************/

/* Main page fixes */
#interwiki-completelist {
font-weight: bold;
}
body.page-Main_Page #ca-delete {
display: none !important;
}

body.page-Main_Page #mp-topbanner {
clear: both;
}

/* Edit window toolbar */
#toolbar {
height: 22px;
margin-bottom: 6px;
}

/* Margins for <ol> and <ul> */
div#content ol, div#content ul,
div#mw_content ol, div#mw_content ul {
margin-bottom: 0.5em;
}

/* Make the list of references smaller */
ol.references,
div.reflist,
div.refbegin {
font-size: 90%; /* Default font-size */
}
div.reflist ol.references {
font-size: 100%; /* Reset font-size when nested in div.reflist */
list-style-type: inherit; /* Enable custom list style types */
}

/* Highlight clicked reference in blue to help navigation */
ol.references li:target,
sup.reference:target,
span.citation:target {
background-color: #DEF;
}

/* Ensure refs in table headers and the like aren't bold or italic */
sup.reference {
font-weight: normal;
font-style: normal;
}

/* Allow hidden ref errors to be shown by user CSS */
span.brokenref {
display: none;
}

/* Styling for citations (CSS3). Breaks long urls, etc., rather than overflowing box */
.citation {
word-wrap: break-word;
}

/* Default styling for titles of works, styling for the title of an article
within a periodical, or a contribution within a compilation. */
cite,
.citation cite.article,
.citation cite.contribution {
font-style: inherit;
}

/* Styling for the title of any work within a citation,
or specifically the title of a periodical. */
.citation cite,
.citation cite.periodical {
font-style: italic;
}

/* For linked citation numbers and document IDs, where
the number need not be shown on a screen or a handheld,
but should be included in the printed version */
@media screen, handheld {
.citation *.printonly {
display: none;
}
}

/* wikitable/prettytable class for skinning normal tables */
table.wikitable,
table.prettytable {
margin: 1em 1em 1em 0;
background: #f9f9f9;
border: 1px #aaa solid;
border-collapse: collapse;
}
.wikitable th, .wikitable td,
.prettytable th, .prettytable td {
border: 1px #aaa solid;
padding: 0.2em;
}
.wikitable th,
.prettytable th {
background: #f2f2f2;
text-align: center;
}
.wikitable caption,
.prettytable caption {
font-weight: bold;
}

/* Default skin for navigation boxes */
table.navbox { /* Navbox container style */
border: 1px solid #aaa;
width: 100%;
margin: auto;
clear: both;
font-size: 88%;
text-align: center;
padding: 1px;
}
table.navbox + table.navbox { /* Single pixel border between adjacent navboxes */
margin-top: -1px; /* (doesn't work for IE6, but that's okay) */
}
.navbox-title,
.navbox-abovebelow,
table.navbox th {
text-align: center; /* Title and above/below styles */
padding-left: 1em;
padding-right: 1em;
}
.navbox-group { /* Group style */
white-space: nowrap;
text-align: right;
font-weight: bold;
padding-left: 1em;
padding-right: 1em;
}
.navbox, .navbox-subgroup {
background: #fdfdfd; /* Background color */
}
.navbox-list {
border-color: #fdfdfd; /* Must match background color */
}
.navbox-title,
table.navbox th {
background: #ccccff; /* Level 1 color */
}
.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
background: #ddddff; /* Level 2 color */
}
.navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow {
background: #e6e6ff; /* Level 3 color */
}
.navbox-even {
background: #f7f7f7; /* Even row striping */
}
.navbox-odd {
background: transparent; /* Odd row striping */
}

.collapseButton { /* 'show'/'hide' buttons created dynamically */
float: right; /* by the CollapsibleTables javascript in */
font-weight: normal; /* [[MediaWiki:Common.js]] are styled here */
text-align: right; /* so they can be customised. */
width: auto;
}

.statsCollapsible .collapseButton {
float: none;
text-align: left;
}

.navbox .collapseButton { /* In navboxes, the show/hide button balances */
width: 6em; /* the vde links from [[Template:Navbar]], */
} /* so they need to be the same width. */

.navbar { /* Navbox template links */
font-size: 88%; /* Default font-size */
font-weight: normal;
}
.navbox .navbar {
font-size: 100%; /* Font-size when nested within navbox */
}

/* Infobox template style */
.infobox {
border: 1px solid #aaa;
background-color: #f9f9f9;
color: black;
margin: 0.5em 0 0.5em 1em;
padding: 0.2em;
float: right;
clear: right;
text-align: left;
font-size: 88%;
line-height: 1.5em;
}
.infobox caption {
font-size: 125%;
font-weight: bold;
}
.infobox td,
.infobox th {
vertical-align: top;
}
.infobox.bordered {
border-collapse: collapse;
}
.infobox.bordered td,
.infobox.bordered th {
border: 1px solid #aaa;
}
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
border: 0;
}

.infobox.sisterproject {
width: 20em;
font-size: 90%;
}

.infobox.standard-talk {
border: 1px solid #c0c090;
background-color: #f8eaba;
}
.infobox.standard-talk.bordered td,
.infobox.standard-talk.bordered th {
border: 1px solid #c0c090;
}

/* styles for bordered infobox with merged rows */
.infobox.bordered .mergedtoprow td,
.infobox.bordered .mergedtoprow th {
border: 0;
border-top: 1px solid #aaa;
border-right: 1px solid #aaa;
}

.infobox.bordered .mergedrow td,
.infobox.bordered .mergedrow th {
border: 0;
border-right: 1px solid #aaa;
}

/* Styles for geography infoboxes, eg countries,
country subdivisions, cities, etc. */
.infobox.geography {
text-align: left;
border-collapse: collapse;
line-height: 1.2em;
font-size: 90%;
}

.infobox.geography td,
.infobox.geography th {
border-top: 1px solid #aaa;
padding: 0.4em 0.6em 0.4em 0.6em;
}
.infobox.geography .mergedtoprow td,
.infobox.geography .mergedtoprow th {
border-top: 1px solid #aaa;
padding: 0.4em 0.6em 0.2em 0.6em;
}

.infobox.geography .mergedrow td,
.infobox.geography .mergedrow th {
border: 0;
padding: 0 0.6em 0.2em 0.6em;
}

.infobox.geography .mergedbottomrow td,
.infobox.geography .mergedbottomrow th {
border-top: 0;
border-bottom: 1px solid #aaa;
padding: 0 0.6em 0.4em 0.6em;
}

.infobox.geography .maptable td,
.infobox.geography .maptable th {
border: 0;
padding: 0;
}

/* Normal font styling for table row headers with scope="row" tag */
.wikitable.plainrowheaders th[scope=row] {
font-weight: normal;
text-align: left;
}

/* lists in data cells are always left-aligned */
.wikitable td ul,
.wikitable td ol,
.wikitable td dl {
text-align: left;
}

/* Icons for medialist templates [[Template:Listen]],
[[Template:Multi-listen_start]], [[Template:Video]],
[[Template:Multi-video_start]]
*/
div.listenlist {
background: url("http://upload.wikimedia.org/wikipedia/commons/3/3f/Gnome_speakernotes_30px.png");
padding-left: 40px;
}

/* Style rules for media list templates */
div.medialist {
min-height: 50px;
margin: 1em;
background-position: top left;
background-repeat: no-repeat;
}
div.medialist ul {
list-style-type: none;
list-style-image: none;
margin: 0;
}
div.medialist ul li {
padding-bottom: 0.5em;
}
div.medialist ul li li {
font-size: 91%;
padding-bottom: 0;
}

/* Change the external link icon to an Adobe icon for all PDF files
in browsers that support these CSS selectors, like Mozilla and Opera */
div#content a[href$=".pdf"].external,
div#content a[href*=".pdf?"].external,
div#content a[href*=".pdf#"].external,
div#content a[href$=".PDF"].external,
div#content a[href*=".PDF?"].external,
div#content a[href*=".PDF#"].external,
div#mw_content a[href$=".pdf"].external,
div#mw_content a[href*=".pdf?"].external,
div#mw_content a[href*=".pdf#"].external,
div#mw_content a[href$=".PDF"].external,
div#mw_content a[href*=".PDF?"].external,
div#mw_content a[href*=".PDF#"].external {
background: url("http://upload.wikimedia.org/wikipedia/commons/2/23/Icons-mini-file_acrobat.gif") no-repeat right;
padding-right: 18px;
}

/* Change the external link icon to an Adobe icon anywhere the PDFlink class
is used (notably Template:PDFlink). This works in IE, unlike the above. */
div#content span.PDFlink a,
div#mw_content span.PDFlink a {
background: url("http://upload.wikimedia.org/wikipedia/commons/2/23/Icons-mini-file_acrobat.gif") no-repeat right;
padding-right: 18px;
}

/* Content in columns with CSS instead of tables [[Template:Columns]] */
div.columns-2 div.column {
float: left;
width: 50%;
min-width: 300px;
}
div.columns-3 div.column {
float: left;
width: 33.3%;
min-width: 200px;
}
div.columns-4 div.column {
float: left;
width: 25%;
min-width: 150px;
}
div.columns-5 div.column {
float: left;
width: 20%;
min-width: 120px;
}

/* Messagebox templates */
.messagebox {
border: 1px solid #aaa;
background-color: #f9f9f9;
width: 80%;
margin: 0 auto 1em auto;
padding: .2em;
}
.messagebox.merge {
border: 1px solid #c0b8cc;
background-color: #f0e5ff;
text-align: center;
}
.messagebox.cleanup {
border: 1px solid #9f9fff;
background-color: #efefff;
text-align: center;
}
.messagebox.standard-talk {
border: 1px solid #c0c090;
background-color: #f8eaba;
margin: 4px auto;
}
/* For old WikiProject banners inside banner shells. */
.mbox-inside .standard-talk,
.messagebox.nested-talk {
border: 1px solid #c0c090;
background-color: #f8eaba;
width: 100%;
margin: 2px 0;
padding: 2px;
}
.messagebox.small {
width: 238px;
font-size: 85%;
float: right;
clear: both;
margin: 0 0 1em 1em;
line-height: 1.25em;
}
.messagebox.small-talk {
width: 238px;
font-size: 85%;
float: right;
clear: both;
margin: 0 0 1em 1em;
line-height: 1.25em;
background: #F8EABA;
}

/* Cell sizes for ambox/tmbox/imbox/cmbox/ombox/fmbox/dmbox message boxes */
th.mbox-text, td.mbox-text { /* The message body cell(s) */
border: none;
padding: 0.25em 0.9em; /* 0.9em left/right */
width: 100%; /* Make all mboxes the same width regardless of text length */
}
td.mbox-image { /* The left image cell */
border: none;
padding: 2px 0 2px 0.9em; /* 0.9em left, 0px right */
text-align: center;
}
td.mbox-imageright { /* The right image cell */
border: none;
padding: 2px 0.9em 2px 0; /* 0px left, 0.9em right */
text-align: center;
}
td.mbox-empty-cell { /* An empty narrow cell */
border: none;
padding: 0px;
width: 1px;
}

/* Article message box styles */
table.ambox {
margin: 0px 10%; /* 10% = Will not overlap with other elements */
border: 1px solid #aaa;
border-left: 10px solid #1e90ff; /* Default "notice" blue */
background: #fbfbfb;
}
table.ambox + table.ambox { /* Single border between stacked boxes. */
margin-top: -1px;
}
.ambox th.mbox-text,
.ambox td.mbox-text { /* The message body cell(s) */
padding: 0.25em 0.5em; /* 0.5em left/right */
}
.ambox td.mbox-image { /* The left image cell */
padding: 2px 0 2px 0.5em; /* 0.5em left, 0px right */
}
.ambox td.mbox-imageright { /* The right image cell */
padding: 2px 0.5em 2px 0; /* 0px left, 0.5em right */
}

table.ambox-notice {
border-left: 10px solid #1e90ff; /* Blue */
}
table.ambox-speedy {
border-left: 10px solid #b22222; /* Red */
background: #fee; /* Pink */
}
table.ambox-delete {
border-left: 10px solid #b22222; /* Red */
}
table.ambox-content {
border-left: 10px solid #f28500; /* Orange */
}
table.ambox-style {
border-left: 10px solid #f4c430; /* Yellow */
}
table.ambox-move {
border-left: 10px solid #9932cc; /* Purple */
}
table.ambox-protection {
border-left: 10px solid #bba; /* Gray-gold */
}

/* Image message box styles */
table.imbox {
margin: 4px 10%;
border-collapse: collapse;
border: 3px solid #1e90ff; /* Default "notice" blue */
background: #fbfbfb;
}
.imbox .mbox-text .imbox { /* For imboxes inside imbox-text cells. */
margin: 0 -0.5em; /* 0.9 - 0.5 = 0.4em left/right. */
display: block; /* Fix for webkit to force 100% width. */
}
.mbox-inside .imbox { /* For imboxes inside other templates. */
margin: 4px;
}

table.imbox-notice {
border: 3px solid #1e90ff; /* Blue */
}
table.imbox-speedy {
border: 3px solid #b22222; /* Red */
background: #fee; /* Pink */
}
table.imbox-delete {
border: 3px solid #b22222; /* Red */
}
table.imbox-content {
border: 3px solid #f28500; /* Orange */
}
table.imbox-style {
border: 3px solid #f4c430; /* Yellow */
}
table.imbox-move {
border: 3px solid #9932cc; /* Purple */
}
table.imbox-protection {
border: 3px solid #bba; /* Gray-gold */
}
table.imbox-license {
border: 3px solid #88a; /* Dark gray */
background: #f7f8ff; /* Light gray */
}
table.imbox-featured {
border: 3px solid #cba135; /* Brown-gold */
}

/* Category message box styles */
table.cmbox {
margin: 3px 10%;
border-collapse: collapse;
border: 1px solid #aaa;
background: #DFE8FF; /* Default "notice" blue */
}

table.cmbox-notice {
background: #D8E8FF; /* Blue */
}
table.cmbox-speedy {
margin-top: 4px;
margin-bottom: 4px;
border: 4px solid #b22222; /* Red */
background: #FFDBDB; /* Pink */
}
table.cmbox-delete {
background: #FFDBDB; /* Red */
}
table.cmbox-content {
background: #FFE7CE; /* Orange */
}
table.cmbox-style {
background: #FFF9DB; /* Yellow */
}
table.cmbox-move {
background: #E4D8FF; /* Purple */
}
table.cmbox-protection {
background: #EFEFE1; /* Gray-gold */
}

/* Other pages message box styles */
table.ombox {
margin: 4px 10%;
border-collapse: collapse;
border: 1px solid #aaa; /* Default "notice" gray */
background: #f9f9f9;
}

table.ombox-notice {
border: 1px solid #aaa; /* Gray */
}
table.ombox-speedy {
border: 2px solid #b22222; /* Red */
background: #fee; /* Pink */
}
table.ombox-delete {
border: 2px solid #b22222; /* Red */
}
table.ombox-content {
border: 1px solid #f28500; /* Orange */
}
table.ombox-style {
border: 1px solid #f4c430; /* Yellow */
}
table.ombox-move {
border: 1px solid #9932cc; /* Purple */
}
table.ombox-protection {
border: 2px solid #bba; /* Gray-gold */
}

/* Talk page message box styles */
table.tmbox {
margin: 4px 10%;
border-collapse: collapse;
border: 1px solid #c0c090; /* Default "notice" gray-brown */
background: #f8eaba;
}
.mediawiki .mbox-inside .tmbox { /* For tmboxes inside other templates. The "mediawiki" class ensures that */
margin: 2px 0; /* this declaration overrides other styles (including mbox-small above) */
width: 100%; /* For Safari and Opera */
}
.mbox-inside .tmbox.mbox-small { /* "small" tmboxes should not be small when */
line-height: 1.5em; /* also "nested", so reset styles that are */
font-size: 100%; /* set in "mbox-small" above. */
}

table.tmbox-speedy {
border: 2px solid #b22222; /* Red */
background: #fee; /* Pink */
}
table.tmbox-delete {
border: 2px solid #b22222; /* Red */
}
table.tmbox-content {
border: 2px solid #f28500; /* Orange */
}
table.tmbox-style {
border: 2px solid #f4c430; /* Yellow */
}
table.tmbox-move {
border: 2px solid #9932cc; /* Purple */
}
table.tmbox-protection,
table.tmbox-notice {
border: 1px solid #c0c090; /* Gray-brown */
}

/* Disambig and set index box styles */
table.dmbox {
clear: both;
margin: 0.9em 1em;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
background: transparent;
}

/* Footer and header message box styles */
table.fmbox {
clear: both;
margin: 0.2em 0;
width: 100%;
border: 1px solid #aaa;
background: #f9f9f9; /* Default "system" gray */
}
table.fmbox-system {
background: #f9f9f9;
}
table.fmbox-warning {
border: 1px solid #bb7070; /* Dark pink */
background: #ffdbdb; /* Pink */
}
table.fmbox-editnotice {
background: transparent;
}
/* Div based "warning" style fmbox messages. */
div.mw-warning-with-logexcerpt,
div.mw-lag-warn-high,
div.mw-cascadeprotectedwarning,
div#mw-protect-cascadeon {
clear: both;
margin: 0.2em 0;
border: 1px solid #bb7070;
background: #ffdbdb;
padding: 0.25em 0.9em;
}
/* Div based "system" style fmbox messages.
Used in [[MediaWiki:Readonly lag]]. */
div.mw-lag-warn-normal,
div.fmbox-system {
clear: both;
margin: 0.2em 0;
border: 1px solid #aaa;
background: #f9f9f9;
padding: 0.25em 0.9em;
}

/* These mbox-small classes must be placed after all other
ambox/tmbox/ombox etc classes. "body.mediawiki" is so
they override "table.ambox + table.ambox" above. */
body.mediawiki table.mbox-small { /* For the "small=yes" option. */
clear: right;
float: right;
margin: 4px 0 4px 1em;
width: 238px;
font-size: 88%;
line-height: 1.25em;
}
body.mediawiki table.mbox-small-left { /* For the "small=left" option. */
margin: 4px 1em 4px 0;
width: 238px;
border-collapse: collapse;
font-size: 88%;
line-height: 1.25em;
}

/* Remove default styles for [[MediaWiki:Noarticletext]]. */
div.noarticletext {
border: none;
background: transparent;
padding: 0;
}

#wpSave {
font-weight: bold;
}

/* class hiddenStructure is defunct. See [[Wikipedia:hiddenStructure]] */
.hiddenStructure {
display: inline ! important;
color: #f00;
background-color: #0f0;
}

/* suppress missing interwiki image links where #ifexist cannot
be used due to high number of requests see .hidden-redlink on
http://meta.wikimedia.org/wiki/MediaWiki:Common.css
*/
.check-icon a.new {
display: none;
speak: none;
}

/* Removes underlines from certain links */
.nounderlines a,
.IPA a:link, .IPA a:visited {
text-decoration: none;
}

/* Standard Navigationsleisten, aka box hiding thingy
from .de. Documentation at [[Wikipedia:NavFrame]]. */
div.NavFrame {
margin: 0;
padding: 4px;
border: 1px solid #aaa;
text-align: center;
border-collapse: collapse;
font-size: 95%;
}
div.NavFrame + div.NavFrame {
border-top-style: none;
border-top-style: hidden;
}
div.NavPic {
background-color: #fff;
margin: 0;
padding: 2px;
float: left;
}
div.NavFrame div.NavHead {
height: 1.6em;
font-weight: bold;
background-color: #ccf;
position: relative;
}
div.NavFrame p,
div.NavFrame div.NavContent,
div.NavFrame div.NavContent p {
font-size: 100%;
}
div.NavEnd {
margin: 0;
padding: 0;
line-height: 1px;
clear: both;
}
a.NavToggle {
position: absolute;
top: 0;
right: 3px;
font-weight: normal;
font-size: 90%;
}

/* Coloured watchlist numbers */
.mw-plusminus-pos { color: #006400; } /* dark green */
.mw-plusminus-neg { color: #8B0000; } /* dark red */

/* Hatnotes and disambiguation notices */
.rellink,
.dablink {
font-style: italic;
padding-left: 2em;
margin-bottom: 0.5em;
}
.rellink i,
.dablink i {
font-style: normal;
}

/* Style for horizontal UL lists */
.horizontal ul {
padding: 0;
margin: 0;
}
.horizontal li {
padding: 0 0.6em 0 0.4em;
display: inline;
border-right: 1px solid;
}
.horizontal li:last-child {
border-right: none;
padding-right: 0;
}

/* Allow transcluded pages to display in lists rather than a table.
Compatible in Firefox; incompatible in IE6. */
.listify td { display: list-item; }
.listify tr { display: block; }
.listify table { display: block; }

/* Geographical coordinates defaults. See [[Template:Coord/link]]
for how these are used. The classes "geo", "longitude", and
"latitude" are used by the [[Geo microformat]].
*/
.geo-default, .geo-dms, .geo-dec { display: inline; }
.geo-nondefault, .geo-multi-punct { display: none; }
.longitude, .latitude { white-space: nowrap; }

/* When <div class="nonumtoc"> is used on the table of contents,
the ToC will display without numbers */
.nonumtoc .tocnumber { display: none; }
.nonumtoc #toc ul,
.nonumtoc .toc ul {
line-height: 1.5em;
list-style: none;
margin: .3em 0 0;
padding: 0;
}
.nonumtoc #toc ul ul,
.nonumtoc .toc ul ul {
margin: 0 0 0 2em;
}

/* Allow limiting of which header levels are shown in a TOC;
<div class="toclimit-3">, for instance, will limit to
showing ==headings== and ===headings=== but no further
(as long as there are no =headings= on the page, which
there shouldn't be according to the MoS).
*/
.toclimit-2 .toclevel-1 ul,
.toclimit-3 .toclevel-2 ul,
.toclimit-4 .toclevel-3 ul,
.toclimit-5 .toclevel-4 ul,
.toclimit-6 .toclevel-5 ul,
.toclimit-7 .toclevel-6 ul {
display: none;
}

/* Styling for Template:Quote */
blockquote.templatequote {
margin-top: 0;
}
blockquote.templatequote div.templatequotecite {
line-height: 1em;
text-align: left;
padding-left: 2em;
margin-top: 0;
}
blockquote.templatequote div.templatequotecite cite {
font-size: 85%;
}

/* User block messages */
div.user-block {
padding: 5px;
margin-bottom: 0.5em;
border: 1px solid #A9A9A9;
background-color: #FFEFD5;
}

/* Prevent line breaks in silly places:
1) Links when we don't want them to
2) Bold "links" to the page itself
2) HTML formulae
3) Ref tags with group names <ref group="Note"> --> "[Note 1]"
*/
.nowraplinks a,
.nowraplinks .selflink,
span.texhtml,
sup.reference a {
white-space: nowrap;
}

/* For template documentation */
.template-documentation {
clear: both;
margin: 1em 0 0 0;
border: 1px solid #aaa;
background-color: #ecfcf4;
padding: 1em;
}

/* Inline divs in ImageMaps (code borrowed from de.wiki) */
.imagemap-inline div {
display: inline;
}

/* Increase the height of the image upload box */
#wpUploadDescription {
height: 13em;
}

/* Reduce line-height for <sup> and <sub> */
sup, sub {
line-height: 1em;
}

/* Minimum thumb width */
.thumbinner {
min-width: 100px;
}

/* Makes the background of a framed image white instead of gray. */
/* Only visible with transparent images. */
div.thumb img.thumbimage {
background-color: #fff;
}

/* The backgrounds for galleries. */
div#content .gallerybox div.thumb {
background-color: #F9F9F9; /* Light gray padding */
}
/* Put a chequered background behind images, only visible if they have transparency */
.gallerybox .thumb img,
.filehistory a img,
#file img {
background: white url("http://upload.wikimedia.org/wikipedia/commons/5/5d/Checker-16x16.png") repeat;
}
/* But not on articles, user pages, portals or with opt-out. */
.ns-0 .gallerybox .thumb img,
.ns-2 .gallerybox .thumb img,
.ns-100 .gallerybox .thumb img,
.nochecker .gallerybox .thumb img {
background: white;
}

/* Prevent floating boxes from overlapping any category listings,
file histories, edit previews, and edit [Show changes] views */
#mw-subcategories, #mw-pages, #mw-category-media,
#filehistory, #wikiPreview, #wikiDiff {
clear: both;
}

/* Selectively hide headers in WikiProject banners */
.wpb .wpb-header { display: none; }
.wpbs-inner .wpb .wpb-header { display: block; } /* for IE */
.wpbs-inner .wpb .wpb-header { display: table-row; } /* for real browsers */
.wpbs-inner .wpb-outside { display: none; } /* hide things that should only display outside shells */

/* Styling for Abuse Filter tags */
.mw-tag-markers {
font-family:sans-serif;
font-style:italic;
font-size:90%;
}

/* Fix monospace fontsize in new edit toolbar (jquery.wikiEditor.toolbar.css).
[[Bugzilla:27502]] */
.wikiEditor-ui-toolbar .section-help .page-table td.cell-syntax,
.wikiEditor-ui-toolbar .section-help .page-table td.syntax {
font-family: monospace, "Courier New";
}

/* Fix so <syntaxhighlight> tags and .css and .js pages get normal text size.
[[Bugzilla:26204]] */
div.mw-geshi div,
div.mw-geshi div pre,
span.mw-geshi,
pre.source-css,
pre.source-javascript {
font-family: monospace, "Courier New" !important;
}

/* Remove bullets when there are multiple edit page warnings */
ul.permissions-errors > li {
list-style: none;
}
ul.permissions-errors {
margin: 0;
}

/* No linewrap on the labels of the login/signup page */
body.page-Special_UserLogin .mw-label label,
body.page-Special_UserLogin_signup .mw-label label { white-space : nowrap; }

/* Disable the automatic text-size adjust of WebKit on iPhones etc.
It scales some text, and not the other. Use none, or fixed percentage instead.
Use media selector, because defining a value, overwrites platform defaults. */
@media only screen and (max-device-width: 480px) {
body {
-webkit-text-size-adjust: none;
}
}

/* Pie chart test: Transparent borders */
.transborder {
border: solid transparent;
}
* html .transborder { /* IE6 */
border: solid #000001;
filter: chroma(color=#000001);
}

/* Style for horizontal lists (separator following item) */
ol.hlist, ul.hlist,
.hlist ol, .hlist ul {
margin: 0 !important;
}
.hlist li {
padding: 0em 0.6em 0em 0em;
display: inline;
background: url("http://upload.wikimedia.org/wikipedia/commons/d/da/Middot.png") no-repeat right;
}
.hlist li:last-child {
padding-right: 0em;
background: none;
}

/* </source> */

Template:LaNe box

2026-08-19T21:15:35Z

AvidConanContributor:

<includeonly>{{#if: {{{content|}}}
| <div style="border: 2px solid #ccc; margin: 0px 0px 5px 0px; width: 100%; box-sizing: border-box; padding: 5px;">
<div style="background: #6699CC; color: white; text-align: center; font-size: 130%; padding: 5px;">{{#if: {{{title|}}} | '''{{{title}}}''' }}</div>
<div style="padding: 5px;">{{{content}}}</div>
</div>
</div>}}</includeonly><noinclude>
This template functions as a wrapper template and must be combined with [[Template:LaNe box/Item]] via the <code>{{{content}}}</code> parameter.

For detailed documentation on each of the sub-templates, follow their respective links under the [[#See also|See also]] section at the bottom of this page.

'''Example:'''
<pre>{{LaNe box|title=Latest episode|content=
{{LaNe box/Item|DC-Anime|1208|Welcome to the Stone Age Village|July 25, 2026}}
{{LaNe box/Item|DC-Anime|1209|Who's the Target?|August 1, 2026}}
{{LaNe box/Item|DC-Anime|1210||August 22, 2026|part=1}}
{{LaNe box/Item|DC-Anime|1211||August 29, 2026|part=2}}
}}</pre>
'''Result:'''
{{LaNe box|title=Latest episode|content=
{{LaNe box/Item|DC-Anime|1208|Welcome to the Stone Age Village|July 25, 2026}}
{{LaNe box/Item|DC-Anime|1209|Who's the Target?|August 1, 2026}}
{{LaNe box/Item|DC-Anime|1210||August 22, 2026|part=1}}
{{LaNe box/Item|DC-Anime|1211||August 29, 2026|part=2}}
}}

== See also ==
* {{t|LaNe box/Item}}
* {{t|LaNe box/Series info}}

Template:LaNe box/Item

2026-08-19T21:13:05Z

AvidConanContributor:

<includeonly><div class="LnBox-item" data-upcoming="{{#ifexpr: {{#if:{{{4|}}}|1|0}} and {{timeDiff|{{{4}}}|{{#if:{{{time|}}}|{{{time}}}|{{LaNe box/Series info|{{{1}}}|time}}}}|9}}>=0
| true">
<hr style="margin: 0.2em 0;">
<div style="text-align: center; padding-top: 5px;"> 
<p style="margin: 0 0 0.25em 0;">
{{#if: {{{notes|}}} | {{{notes}}}
| {{#if: {{{3|}}}
| Next: [[{{#if:{{{article-link|}}}|{{{article-link}}}|{{{3}}}}}|{{#iferror: {{#expr: {{{2}}} + 1}}|'''{{{2}}}'''|'''Episode {{{2}}}'''}}: {{{3}}} {{#if: {{{part|}}} | <font size="1">{{{part}}}</font> }}]]
| Next: '''Episode {{{2}}}'''
}}<br>{{#if:{{{4|}}}|{{countdown|{{{4}}}}}}}
}}
</p>
| false">
<div style="padding-top: 5px; padding-bottom: 8px;">
{{#ifexist: File:{{#if:{{{image|}}}|{{{image}}}|{{LaNe box/Series info|{{{1}}}|img-prefix|{{{2}}}}}.jpg}}
|[[File:{{#if:{{{image|}}}|{{{image}}}|{{LaNe box/Series info|{{{1}}}|img-prefix|{{{2}}}}}.jpg}}|200px|center|link={{#if:{{{article-link|}}}|{{{article-link}}}|{{{3}}}}}]]
|[[File:{{LaNe box/Series info|{{{1}}}|placeholder-img}}|200px|center|link=]]}}
</div>
<div style="text-align: center; padding-bottom: 5px;">[[{{#if:{{{article-link|}}}|{{{article-link}}}|{{{3}}}}}|{{#iferror: {{#expr: {{{2}}} + 1}}|'''{{{2}}}'''|'''Episode {{{2}}}'''}}: {{{3}}} {{#if: {{{part|}}} | <font size="1">{{{part}}}</font>}}]]
}}</div></div></includeonly><noinclude>
<pre>{{LaNe box/Item|<series>|<number>|<name>|<date>
| type = (Optional)
| image = (Optional)
| part = (Optional)
| time = (Optional)
| article-link = (Optional)}}</pre>

== Example ==
<pre>{{LaNe box/Item|Yaiba-Anime|1|Yaiba Appears|April 5, 2025
| type =
| part =
| time = 5:30 pm
| article-link = Yaiba Appears (Yaiba: Samurai Legend episode)
}}</pre>
=== Result ===
{{LaNe box/Item|Yaiba-Anime|1|Yaiba Appears|April 5, 2025
| type =
| part =
| time = 5:30 pm
| article-link = Yaiba Appears (Yaiba: Samurai Legend episode)
}}</noinclude>

Template:LaNe box/Item

2026-08-19T17:43:15Z

AvidConanContributor:

<includeonly><div class="LnBox-item" data-pasttoday="{{#ifexpr: {{#if:{{{4|}}}|1|0}} and {{timeDiff|{{{4}}}|{{#if:{{{time|}}}|{{{time}}}|{{LaNe box/Series info|{{{1}}}|time}}}}|9}}<=0
| true">
<div style="padding-top: 5px; padding-bottom: 8px;">
{{#ifexist: File:{{#if:{{{image|}}}|{{{image}}}|{{LaNe box/Series info|{{{1}}}|img-prefix|{{{2}}}}}.jpg}}
|[[File:{{#if:{{{image|}}}|{{{image}}}|{{LaNe box/Series info|{{{1}}}|img-prefix|{{{2}}}}}.jpg}}|200px|center|link={{#if:{{{article-link|}}}|{{{article-link}}}|{{{3}}}}}]]
|[[File:{{LaNe box/Series info|{{{1}}}|placeholder-img}}|200px|center|link=]]}}
</div>
<div style="text-align: center; padding-bottom: 5px;">[[{{#if:{{{article-link|}}}|{{{article-link}}}|{{{3}}}}}|{{#iferror: {{#expr: {{{2}}} + 1}}|'''{{{2}}}'''|'''Episode {{{2}}}'''}}: {{{3}}} {{#if: {{{part|}}} | <font size="1">{{{part}}}</font>}}]]
| false">
<hr style="margin: 0.2em 0;">
<div style="text-align: center; padding-top: 5px;"> 
<p style="margin: 0 0 0.25em 0;">
{{#if: {{{notes|}}} | {{{notes}}}
| {{#if: {{{3|}}}
| Next: [[{{#if:{{{article-link|}}}|{{{article-link}}}|{{{3}}}}}|{{#iferror: {{#expr: {{{2}}} + 1}}|'''{{{2}}}'''|'''Episode {{{2}}}'''}}: {{{3}}} {{#if: {{{part|}}} | <font size="1">{{{part}}}</font> }}]]
| Next: '''Episode {{{2}}}'''
}}<br>{{#if:{{{4|}}}|{{countdown|{{{4}}}}}}}
}}
</p>
}}</div></div></includeonly><noinclude>
<pre>{{LaNe box/Item|<series>|<number>|<name>|<date>
| type = (Optional)
| image = (Optional)
| part = (Optional)
| time = (Optional)
| article-link = (Optional)}}</pre>

== Example ==
<pre>{{LaNe box/Item|Yaiba-Anime|1|Yaiba Appears|April 5, 2025
| type =
| part =
| time = 5:30 pm
| article-link = Yaiba Appears (Yaiba: Samurai Legend episode)
}}</pre>
=== Result ===
{{LaNe box/Item|Yaiba-Anime|1|Yaiba Appears|April 5, 2025
| type =
| part =
| time = 5:30 pm
| article-link = Yaiba Appears (Yaiba: Samurai Legend episode)
}}</noinclude>

Template:LaNe box/Item

2026-08-19T17:42:30Z

AvidConanContributor: For an upcoming episode, don't display part if name is not provided

<includeonly><div class="LnBox-item" data-pasttoday="{{#ifexpr: {{#if:{{{4|}}}|1|0}} and {{timeDiff|{{{4}}}|{{#if:{{{time|}}}|{{{time}}}|{{LaNe box/Series info|{{{1}}}|time}}}}|9}}<=0
| true">
<div style="padding-top: 5px; padding-bottom: 8px;">
{{#ifexist: File:{{#if:{{{image|}}}|{{{image}}}|{{LaNe box/Series info|{{{1}}}|img-prefix|{{{2}}}}}.jpg}}
|[[File:{{#if:{{{image|}}}|{{{image}}}|{{LaNe box/Series info|{{{1}}}|img-prefix|{{{2}}}}}.jpg}}|200px|center|link={{#if:{{{article-link|}}}|{{{article-link}}}|{{{3}}}}}]]
|[[File:{{LaNe box/Series info|{{{1}}}|placeholder-img}}|200px|center|link=]]}}
</div>
<div style="text-align: center; padding-bottom: 5px;">[[{{#if:{{{article-link|}}}|{{{article-link}}}|{{{3}}}}}|{{#iferror: {{#expr: {{{2}}} + 1}}|'''{{{2}}}'''|'''Episode {{{2}}}'''}}: {{{3}}} {{#if: {{{part|}}} | <font size="1">{{{part}}}</font>}}]]
| false">
<hr style="margin: 0.2em 0;">
<div style="text-align: center; padding-top: 5px;"> 
<p style="margin: 0 0 0.25em 0;">
{{#if: {{{notes|}}} | {{{notes}}}
| {{#if: {{{3|}}}
| Next: [[{{#if:{{{article-link|}}}|{{{article-link}}}|{{{3}}}}}|{{#iferror: {{#expr: {{{2}}} + 1}}|'''{{{2}}}'''|'''Episode {{{2}}}'''}}: {{{3}}} {{#if: {{{part|}}} | <font size="1">{{{part}}}</font> }}]]
| Next: '''Episode {{{2}}}'''}}
}}<br>{{#if:{{{4|}}}|{{countdown|{{{4}}}}}}}
}}
</p>
}}</div></div></includeonly><noinclude>
<pre>{{LaNe box/Item|<series>|<number>|<name>|<date>
| type = (Optional)
| image = (Optional)
| part = (Optional)
| time = (Optional)
| article-link = (Optional)}}</pre>

== Example ==
<pre>{{LaNe box/Item|Yaiba-Anime|1|Yaiba Appears|April 5, 2025
| type =
| part =
| time = 5:30 pm
| article-link = Yaiba Appears (Yaiba: Samurai Legend episode)
}}</pre>
=== Result ===
{{LaNe box/Item|Yaiba-Anime|1|Yaiba Appears|April 5, 2025
| type =
| part =
| time = 5:30 pm
| article-link = Yaiba Appears (Yaiba: Samurai Legend episode)
}}</noinclude>

Template:LaNe box

2026-08-19T17:40:33Z

AvidConanContributor: Created Template:LaNe box

<includeonly>{{#if: {{{content|}}}
| <div style="border: 2px solid #ccc; margin: 0px 0px 5px 0px; width: 100%; box-sizing: border-box; padding: 5px;">
<div style="background: #6699CC; color: white; text-align: center; font-size: 130%; padding: 5px;">{{#if: {{{title|}}} | '''{{{title}}}''' }}</div>
<div style="padding: 5px;">{{{content}}}</div>
</div>
</div>}}</includeonly><noinclude>
This template functions as a wrapper template and must be combined with [[Template:LaNe box/Item]] via the <code>{{{content}}}</code> parameter.

For detailed documentation on each of the sub-templates, follow their respective links under the [[#See also|See also]] section at the bottom of this page.

'''Example:'''
<pre>{{LaNe box|title=Latest episode|content=
{{LaNe box/Item|DC-Anime|1209|Who's the Target?|August 1, 2026}}
{{LaNe box/Item|DC-Anime|1210||August 22, 2026|part=1}}
{{LaNe box/Item|DC-Anime|1211||August 29, 2026|part=2}}
}}</pre>
'''Result:'''
{{LaNe box|title=Latest episode|content=
{{LaNe box/Item|DC-Anime|1209|Who's the Target?|August 1, 2026}}
{{LaNe box/Item|DC-Anime|1210||August 22, 2026|part=1}}
{{LaNe box/Item|DC-Anime|1211||August 29, 2026|part=2}}
}}

== See also ==
* {{t|LaNe box/Item}}
* {{t|LaNe box/Series info}}

Template:LaNe box/Item

2026-08-19T17:23:02Z

AvidConanContributor: Renamed template

<includeonly><div class="LnBox-item" data-pasttoday="{{#ifexpr: {{#if:{{{4|}}}|1|0}} and {{timeDiff|{{{4}}}|{{#if:{{{time|}}}|{{{time}}}|{{LaNe box/Series info|{{{1}}}|time}}}}|9}}<=0
| true">
<div style="padding-top: 5px; padding-bottom: 8px;">
{{#ifexist: File:{{#if:{{{image|}}}|{{{image}}}|{{LaNe box/Series info|{{{1}}}|img-prefix|{{{2}}}}}.jpg}}
|[[File:{{#if:{{{image|}}}|{{{image}}}|{{LaNe box/Series info|{{{1}}}|img-prefix|{{{2}}}}}.jpg}}|200px|center|link={{#if:{{{article-link|}}}|{{{article-link}}}|{{{3}}}}}]]
|[[File:{{LaNe box/Series info|{{{1}}}|placeholder-img}}|200px|center|link=]]}}
</div>
<div style="text-align: center; padding-bottom: 5px;">[[{{#if:{{{article-link|}}}|{{{article-link}}}|{{{3}}}}}|{{#iferror: {{#expr: {{{2}}} + 1}}|'''{{{2}}}'''|'''Episode {{{2}}}'''}}: {{{3}}} {{#if: {{{part|}}} | <font size="1">{{{part}}}</font>}}]]
| false">
<hr style="margin: 0.2em 0;">
<div style="text-align: center; padding-top: 5px;"> 
<p style="margin: 0 0 0.25em 0;">
{{#if: {{{notes|}}} | {{{notes}}}
| {{#if: {{{3|}}}
| Next: [[{{#if:{{{article-link|}}}|{{{article-link}}}|{{{3}}}}}|{{#iferror: {{#expr: {{{2}}} + 1}}|'''{{{2}}}'''|'''Episode {{{2}}}'''}}: {{{3}}} {{#if: {{{part|}}} | <font size="1">{{{part}}}</font> }}]]
| Next: '''Episode {{{2}}}''' {{#if: {{{part|}}} | <font size="1">{{{part}}}</font> }}
}}<br>{{#if:{{{4|}}}|{{countdown|{{{4}}}}}}}
}}
</p>
}}</div></div></includeonly><noinclude>
<pre>{{LaNe box/Item|<series>|<number>|<name>|<date>
| type = (Optional)
| image = (Optional)
| part = (Optional)
| time = (Optional)
| article-link = (Optional)}}</pre>

== Example ==
<pre>{{LaNe box/Item|Yaiba-Anime|1|Yaiba Appears|April 5, 2025
| type =
| part =
| time = 5:30 pm
| article-link = Yaiba Appears (Yaiba: Samurai Legend episode)
}}</pre>
=== Result ===
{{LaNe box/Item|Yaiba-Anime|1|Yaiba Appears|April 5, 2025
| type =
| part =
| time = 5:30 pm
| article-link = Yaiba Appears (Yaiba: Samurai Legend episode)
}}</noinclude>

Template:LaNe box/Series info

2026-08-19T17:21:14Z

AvidConanContributor: AvidConanContributor moved page Template:Latest news box/Series info to Template:LaNe box/Series info without leaving a redirect: Renaming template

{{#switch: {{lc:{{{1}}}}}
| dc-anime = {{#switch: {{{2}}} | time = 6:00 pm | img-prefix = TV Episode {{{3}}} | placeholder-img = Joke 19 V2.jpg}}
| dc-manga = {{#switch: {{{2}}} | time = 12:00 am | img-prefix = Chapter {{{3}}} Cover}}
| dc-movie = {{#switch: {{{2}}} | time = 12:00 am | img-prefix = Movie {{{3}}}}}
| yaiba-anime = {{#switch: {{{2}}} | time = 5:30 pm | img-prefix = YaibaSL TV Episode {{{3}}} | placeholder-img = YaibaSLOpv2-12.jpg}}
}}

Template:LaNe box/Item

2026-08-19T17:20:25Z

AvidConanContributor: AvidConanContributor moved page Template:Latest news box/Item to Template:LaNe box/Item without leaving a redirect: Renaming template

<includeonly><div class="LnBox-item" data-pasttoday="{{#ifexpr: {{#if:{{{4|}}}|1|0}} and {{timeDiff|{{{4}}}|{{#if:{{{time|}}}|{{{time}}}|{{Latest news box/Series info|{{{1}}}|time}}}}|9}}<=0
| true">
<div style="padding-top: 5px; padding-bottom: 8px;">
{{#ifexist: File:{{#if:{{{image|}}}|{{{image}}}|{{Latest news box/Series info|{{{1}}}|img-prefix|{{{2}}}}}.jpg}}
|[[File:{{#if:{{{image|}}}|{{{image}}}|{{Latest news box/Series info|{{{1}}}|img-prefix|{{{2}}}}}.jpg}}|200px|center|link={{#if:{{{article-link|}}}|{{{article-link}}}|{{{3}}}}}]]
|[[File:{{Latest news box/Series info|{{{1}}}|placeholder-img}}|200px|center|link=]]}}
</div>
<div style="text-align: center; padding-bottom: 5px;">[[{{#if:{{{article-link|}}}|{{{article-link}}}|{{{3}}}}}|{{#iferror: {{#expr: {{{2}}} + 1}}|'''{{{2}}}'''|'''Episode {{{2}}}'''}}: {{{3}}} {{#if: {{{part|}}} | <font size="1">{{{part}}}</font>}}]]
| false">
<hr style="margin: 0.2em 0;">
<div style="text-align: center; padding-top: 5px;"> 
<p style="margin: 0 0 0.25em 0;">
{{#if: {{{notes|}}} | {{{notes}}}
| {{#if: {{{3|}}}
| Next: [[{{#if:{{{article-link|}}}|{{{article-link}}}|{{{3}}}}}|{{#iferror: {{#expr: {{{2}}} + 1}}|'''{{{2}}}'''|'''Episode {{{2}}}'''}}: {{{3}}} {{#if: {{{part|}}} | <font size="1">{{{part}}}</font> }}]]
| Next: '''Episode {{{2}}}''' {{#if: {{{part|}}} | <font size="1">{{{part}}}</font> }}
}}<br>{{#if:{{{4|}}}|{{countdown|{{{4}}}}}}}
}}
</p>
}}</div></div></includeonly><noinclude>
<pre>{{Latest news box/Item|<series>|<number>|<name>|<date>
| type = (Optional)
| image = (Optional)
| part = (Optional)
| time = (Optional)
| article-link = (Optional)}}</pre>

== Example ==
<pre>{{Latest news box/Item|Yaiba-Anime|1|Yaiba Appears|April 5, 2025
| type =
| part =
| time = 5:30 pm
| article-link = Yaiba Appears (Yaiba: Samurai Legend episode)
}}</pre>
=== Result ===
{{Latest news box/Item|Yaiba-Anime|1|Yaiba Appears|April 5, 2025
| type =
| part =
| time = 5:30 pm
| article-link = Yaiba Appears (Yaiba: Samurai Legend episode)
}}</noinclude>

Template:LaNe box/Item

2026-08-19T17:17:49Z

AvidConanContributor:

Template:LaNe box/Item

2026-08-19T17:16:03Z

AvidConanContributor: Convert common named parameters to anonymous parameters; added test box

<includeonly><div class="LnBox-item" data-pasttoday="{{#ifexpr: {{#if:{{{4|}}}|1|0}} and {{timeDiff|{{{4}}}|{{#if:{{{time|}}}|{{{time}}}|{{Latest news box/Series info|{{{1}}}|time}}}}|9}}<=0
| true">
<div style="padding-top: 5px; padding-bottom: 8px;">
{{#ifexist: File:{{#if:{{{image|}}}|{{{image}}}|{{Latest news box/Series info|{{{1}}}|img-prefix|{{{2}}}}}.jpg}}
|[[File:{{#if:{{{image|}}}|{{{image}}}|{{Latest news box/Series info|{{{1}}}|img-prefix|{{{2}}}}}.jpg}}|200px|center|link={{#if:{{{article-link|}}}|{{{article-link}}}|{{{3}}}}}]]
|[[File:{{Latest news box/Series info|{{{1}}}|placeholder-img}}|200px|center|link=]]}}
</div>
<div style="text-align: center; padding-bottom: 5px;">[[{{#if:{{{article-link|}}}|{{{article-link}}}|{{{3}}}}}|{{#iferror: {{#expr: {{{2}}} + 1}}|'''{{{2}}}'''|'''Episode {{{2}}}'''}}: {{{3}}} {{#if: {{{part|}}} | <font size="1">{{{part}}}</font>}}]]
| false">
<hr style="margin: 0.2em 0;">
<div style="text-align: center; padding-top: 5px;"> 
<p style="margin: 0 0 0.25em 0;">
{{#if: {{{notes|}}} | {{{notes}}}
| {{#if: {{{3|}}}
| Next: [[{{#if:{{{article-link|}}}|{{{article-link}}}|{{{3}}}}}|{{#iferror: {{#expr: {{{2}}} + 1}}|'''{{{2}}}'''|'''Episode {{{2}}}'''}}: {{{3}}} {{#if: {{{part|}}} | <font size="1">{{{part}}}</font> }}]]
| Next: '''Episode {{{2}}}''' {{#if: {{{part|}}} | <font size="1">{{{part}}}</font> }}
}}<br>{{#if:{{{4|}}}|{{countdown|{{{4}}}}}}}
}}
</p>
}}</div></div></includeonly><noinclude>
<pre>{{Latest news box/Item|<series>|<number>|<name>|<date>
| type = (Optional)
| image = (Optional)
| part = (Optional)
| time = (Optional)
| article-link = (Optional)}}</pre>

{{Latest news box/Item|Yaiba-Anime|1|Yaiba Appears|April 5, 2025
| type =
| part =
| time = 5:30 pm
| article-link = Yaiba Appears (Yaiba: Samurai Legend episode)
}}</noinclude>

ACTION!

2026-07-18T23:40:41Z

AvidConanContributor: Removed <poem> since it's already included in Template:Lyrics

{{InfoBox Music
| song = YAIBA: Samurai Legend Closing 2
| image = YaibaEnding2.jpg
| original-title = ACTION!
| english-title =
| artist = [[Kairi Yagi|Kairi Yagi⚡Electric-Play]]
| episodes = [[Find the Dragon God Orb|13]]~[[The Lunar Invaders|24]]
| release-date = June 27, 2025 (digital single) <br> August 13, 2025 (digital EP) <br> August 27, 2025 (EP)
| video = 3yNNOiizLUM
| cds = 1
| tracks = 6
| cost = 3,300円
| number = KSCL-3610
| record-label = Ki/oon Music / Sony Music Labels Inc.
| chart-peak =
| prev-song = pineapple tart
| footnotes =
}}
'''ACTION!''' is a song by [[Kairi Yagi|Kairi Yagi⚡Electric-Play]] that was released as digital single on June 27, 2025 and was released as an EP on August 13, 2025 (digital) and August 27, 2025 (CD). The titular song is the 2nd closing of [[Yaiba: Samurai Legend]].

== YAIBA: Samurai Legend closing info ==
In Episode 16, the visual is extended from the episode. The closing is not used in Episode 22. In Episode 24, the visual is recap scenes of Season 1, with horizontal scrolling and vertical writing credit format.

=== Cast ===
{{char Appearances|
{{char|Oni Minions}}
{{char|Professor Kanabo}}
{{char|Kumo-Otoko}}
{{char|Yaiba Kurogane}}
{{char|Sayaka Mine}}
{{char|Kagetora}}
{{char|Shonosuke}}
{{char|Musashi Miyamoto}}
{{char|Takeshi Onimaru}}
{{char|Yoko Okino|display=Yoko Okino (poster)}}
}}

=== Artists ===
* '''Performer''': Kairi Yagi⚡Electric-Play
* '''Lyrics''': Kairi Yagi
* '''Composition''': Kiyoshi Fujita, Kairi Yagi⚡Electric-Play

=== Staff ===
==== Episodes 13-15, 17-21, 23 ====
* '''Storyboard / Unit Director / Animation Director''': [[Yoshimichi Kameda]]
* '''Key Animation''': Takashi Kojima
* '''In-Between Check''': Eri Okada
* '''In-Between Animation''': WIT STUDIO (Eri Okada, Futaba Tomuro, Yuka Otsuji, Hitomi Kobayashi, Hiroshi Honsako, Naoko Komatsu, Shotaro Hoshi, Ayae Tsujimura, Junichi Yoshioka, Aya Oda, Taiko Suzuki), Studio Giga
* '''Color Coordination / Check''': Satoshi Hashimoto, Makiho Kondo
* '''Finish Animation''': Anitus-Kobe (Yohei Nishiwaki, Eri Yoshiki, Reiya Honda, Aika Tokio)
* '''3DCG''': IG3D (Masaya Shimizu)
* '''Background Art''': Bamboo (Takayuki Nagashima)
* '''Director of Photography''': Toru Fukushi
* '''Assistant Director of Photography''': Hiroshi Oizumi
* '''Photography''': T2studio (Yasuyuki Iwamoto, Yan Hao)
* '''Editing''': Kiyoshi Hirose
* '''Dance Cooperation''': Production staff
* '''Production Assistant''': Sayori Seki

==== Episode 24 ====
* '''Ending Animation''': 10GAUGE ([[Nobutaka Yoda]])

== Song info ==
=== Lyrics ===
{{lyrics
|romaji=
Mezasu saki ni hikari ari
Maketakunai to isami hagemu
Kokorozashi yama no gotoshi
Hanate kimi to asu e (hai!)

Ikudo to naku
Odemashi da dai kettou
Itsu ni mashite
Sokonashi na hatenkou

Nani o suru ni mo itsumo kisotte
Yareyare hima ni nannai no yo
Netsu mo same yarazu shoubu sa
Zutto eien ni

Mezasu saki ni hikari ari
Yukai na nakama tomo ni mairu
Kokorozashi ni okite ari
Hanate kimi to asu e (hai!)

Doko made mo tsuzuite iku
Doko made mo yukeru
Doko made mo tsuzuite iku
Hikari wa todaenai yo
Yuuhi ga mimamoru senaka
Yasashii kaze fuku
Hora ne mata ashita
Shuuchuu necchuu shugyouchuu!

Iki o hisomete hisshi ni idonderu
Sorosoro hade ni yacchai na yo
Jiki ni teki shirazu shouri sa
Zutto eien ni

Nerau saki wa hateshinaku
Mugen no kibou o yadoshiteru
Tsuki ga shimesu michishirube
Samase hoshi o koete

Massara na ginga
Yagate toki wa michiru

Mawaru kazu no oyasumi to
Kagayaku kitai mune ni himeru
Negau dake ja owarenai
Kimi o tsurete asu e

Hikaru saki ni warera ari
Maketakunai to isami hagemu
Kokorozashi yama no gotoshi
Hanate kimi to asu e (hai!)

Doko made mo tsuzuite iku
Doko made mo yukeru
Doko made mo tsuzuite iku
Hikari wa todaenai yo
Yuuhi ga mimamoru senaka
Yasashii kaze fuku
Hora ne mata ashita
Shuuchuu necchuu shugyouchuu!

Shuuchuu necchuu shugyouchuu!
|english =
|japanese=

目指す先に光あり
負けたくないと勇み励む
志　山の如し
放て君と明日へ（ハイ！）

幾度となく
おでましだ大決闘
いつに増して
底なしな破天荒

何をするにもいつも競って
やれやれ暇になんないのよ
熱も冷めやらず勝負さ
ずっと永遠に

目指す先に光あり
愉快な仲間共に参る
志に掟あり
放て君と明日へ（ハイ！）

どこまでも続いていく
どこまでも行ける
どこまでも続いていく
光は途絶えないよ
夕日が見守る背中
やさしい風吹く
ほらね　また明日
集中・熱中・修行中！

息を潜めて必死に挑んでる
そろそろ派手にやっちゃいなよ
時期に敵知らず勝利さ
ずっと永遠に

狙う先は果てしなく
無限の希望を宿してる
月が示す道しるべ
覚ませ　星を超えて

まっさらな銀河
やがて時は満ちる

回る数のおやすみと
輝く期待　胸に秘める
願うだけじゃ終われない
君を連れて明日へ

光る先に我らあり
負けたくないと勇み励む
志　山の如し
放て君と明日へ（ハイ！）

どこまでも続いていく
どこまでも行ける
どこまでも続いていく
光は途絶えないよ
夕日が見守る背中
やさしい風吹く
ほらね　また明日
集中・熱中・修行中！

集中・熱中・修行中！
}}

== CD info ==
=== CD+Blu-ray track listing ===
[[File:YaibaEnding2CD.jpg|thumb|left|180px|]]
{{BeginTable TrackListing}}
{{TrackListingItem|1|ACTION！|ACTION!|ACTION!|}}
{{TrackListingItem|2|（完）無理！|(Kan) Muri!|(End) Impossible!|}}
{{TrackListingItem|3|八木海莉⚡️電音遊戯のテーマ Vol.1|Yagi Kairi⚡Denon Yūgi no Tēma Vol. 1|Kairi Yagi⚡️Denon Yugi Theme Vol.1|}}
{{TrackListingItem|4|フロアソング|Furoasongu|Floor Song|}}
{{TrackListingItem|5|ラブレター|Raburetā|Love Letter|}}
{{TrackListingItem|6|B2B|B2B|B2B|}}
{{EndTable}}
'''Blu-ray''': “Neko Dasshu” MUSIC VIDEO, “MEMO Shite” MUSIC VIDEO, “ACTION！” MUSIC VIDEO, BEHIND THE SCENES OF “ACTION！”, KAIRI YAGI ELECTRIC-PLAY SPECIAL INTERVIEW VIDEO<br>
'''First edition bonus''': Original design anime wide cap sticker design
{{clearleft}}

== Gallery ==
=== CD ===
<gallery widths=180px perrow=5>
File:YaibaEnding2sticker.jpg|Bonus sticker
</gallery>

=== TV ===
<gallery widths=180px perrow=5>
File:YaibaSLEd2-1.jpg|
File:YaibaSLEd2-2.jpg|
File:YaibaSLEd2-3.jpg|
File:YaibaSLEd2-4.jpg|
File:YaibaSLEd2-5.jpg|
File:YaibaSLEd2-6.jpg|
File:YaibaSLEd2-7.jpg|
File:YaibaSLEd2-8.jpg|
File:YaibaSLEd2-9.jpg|
File:YaibaSLEd2-10.jpg|
File:YaibaSLEd2-11.jpg|
File:YaibaSLEd2-12.jpg|
File:YaibaSLEd2-13.jpg|
File:YaibaSLEd2-14.jpg|
</gallery>

== References ==
{{reflist}}
* '''Lyrics''': [https://www.uta-net.com/song/380765/ Uta-Net]
* Romaji transliterated by 1DividedBy0

== See also ==
* [[Music]]

{{Yaiba: Samurai Legend Music}}

[[Category:Animation directed by Yoshimichi Kameda]]
[[Category:Closing songs]]
[[Category:Yaiba: Samurai Legend]]

Template:InfoBox TV

2026-07-16T15:04:17Z

AvidConanContributor: Hopefully fixing the vanished "Case" word in "Case solved by"

{{InfoBox|header-color=#4CCB4C
|chronology={{InfoBox/Chronology|{{{prev-episode|}}}|[[Anime#List of episodes|List of Episodes]]|{{{next-episode|}}}|{{{prev-name|}}}|{{{next-name|}}}|y}}
|main=
{{InfoBox/MainHeader|Episode {{{episode}}}<br>(Int. Episode {{{int-episode}}})}}
{{InfoBox/Image|{{{image|}}}}}
{{InfoBox/Section|Information|content=
{{InfoBox/LabeledRow|Title|{{{title|}}}|force-appear}}
{{InfoBox/LabeledRow|Japanese title|{{{japanese-title|}}}}}
{{InfoBox/LabeledRow|Original airdate|{{{airdate|}}}}}
{{InfoBox/LabeledRow|Broadcast rating|{{{rating|}}}}}
{{InfoBox/LabeledRow|Remastered rating|{{{Remastered broadcast rating|}}}}}
{{InfoBox/LabeledRow|Filler case number|{{{Filler case number|}}}}}
{{InfoBox/LabeledRow|Manga case|{{{Manga case number|}}}}}
{{InfoBox/LabeledRow|Season|{{{season|}}}}}
{{InfoBox/LabeledRow|Manga source|{{{manga|}}}}}
}}
{{InfoBox/Section|Case|content=
{{InfoBox/LabeledRow|Cast|{{{cast|}}}}}
{{InfoBox/LabeledRow|{{#if: {{case|}}} | {{{case}}} | Case}} solved by|{{{solved-by|}}}}}
{{InfoBox/LabeledRow|Next Conan's Hint|{{{next-conan-hint|}}}}}
}}
{{InfoBox/Section|Staff|content=
{{InfoBox/LabeledRow|Director|{{{director|}}}}}
{{InfoBox/LabeledRow|Screenplay|{{{screenplay|}}}|border-top=y}}
{{InfoBox/LabeledRow|Organizer|{{{organizer|}}}|border-top=y}}
{{InfoBox/LabeledRow|Storyboard|{{{storyboard|}}}|border-top=y}}
{{InfoBox/LabeledRow|Episode director|{{{producer|}}}|border-top=y}}
{{InfoBox/LabeledRow|Animation director|{{{animation-director|}}}|border-top=y}}
{{InfoBox/LabeledRow|Character design|{{{character-design|}}}|border-top=y}}
{{InfoBox/LabeledRow|Production cooperation|{{{production-cooperation|}}}|border-top=y}}
{{InfoBox/CollapsibleRow|Voice cast|{{{voice-cast|}}}|border-top=y}}
}}
{{InfoBox/Section|Music|content=
{{InfoBox/LabeledRow|Opening song|{{#if: {{{opening-song|}}} |"[[{{{opening-song}}}]]"}}{{#if: {{{opening-song2|}}} |<br>"[[{{{opening-song2}}}]]"}}}}
{{InfoBox/LabeledRow|Closing song|{{#if: {{{closing-song|}}} |"[[{{{closing-song}}}]]"}}{{#if: {{{closing-song2|}}} |<br>"[[{{{closing-song2}}}]]"}}}}
}}
{{InfoBox/Item|{{{footnotes|}}}}}
}}<noinclude>
The following is a list of required or optional parameters for any of the episodes:

<pre>
{{InfoBox TV
| episode = (This is a number - e.g. "25")
| int-episode = (This is a number - e.g. "25")
| image =

| title =
| japanese-title = (Optional)
| airdate = (Optional)
| rating = (Optional)
| Manga case number = (Optional)
| season = (This is a number - e.g. "2")
| manga = (Optional: manga chapters the episode is based on)

| english-title = (Optional)
| english-airdate = (Optional)

| cast = (Optional)
| solved-by = (Optional)
| next-conan-hint = (Optional)
| case = (Optional: can be used to turn "Case solved by" to plural form
if 2+ cases were solved in same episode - e.g. case = "Cases")
| director = (Optional)
| screenplay = (Optional)
| organizer = (Optional)
| storyboard = (Optional)
| producer = (Optional)
| animation-director = (Optional)
| character-design = (Optional)
| production-cooperation = (Optional)
| voice-cast = (Optional)

| opening-song = (Optional)
| opening-song2 = (Optional)
| closing-song = (Optional)
| closing-song2 = (Optional)

| prev-episode = (Optional)
| prev-name = (Optional)
| next-episode = (Optional)
| next-name = (Optional)

| footnotes = (Optional: will not show the row if omitted)
}}
</pre>

[[Category:Templates]][[Category:InfoBox templates]]
</noinclude>

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