MediaWiki:Common.css

/* Imports */ @import url("/load.php?mode=articles&only=styles&articles=u:dev:MediaWiki:BalancedPageBottom.css|u:dev:MediaWiki:BalancedSlider.css|u:dev:MediaWiki:BalancedProfile.css|u:dev:MediaWiki:Module:Documentation.css|MediaWiki:Infobox.css|MediaWiki:Navbox.css");

/* PMD font */ @font-face { font-family: "PMD"; src: url("https://static.wikia.nocookie.net/pmysteryuniverse/images/d/d5/PMD.otf/revision/latest") format("opentype"); }

/* CEE ESS ESS */ .mw-collapsible-toggle { /* Collapse text margin */ padding-right: 0.2em; padding-left: 0.2em; }

.collapser .mw-collapsible-toggle { /* Make the toggle in Template:Collapse float left */ float: left !important; }

div .mw-collapsible.collapser { /* Prevent Template:Collapse from trailing each other */ overflow: auto; }

th .mw-collapsible-text { /* Ensure the collapse toggles are visible in tables */ color: var(--theme-page-text-color); }

.tick img { /* CursorOption alignment in Template:Tick */ vertical-align: baseline; }

.command { /* Styling for Template:Cmd */ font-family: PMD; font-size: 22px; padding: 0 3px 2px 2px; margin-left: 1px; line-height: 16px; display: inline-block; border-radius: 0; }

.tablemargin { /* Custom class to add a margin below tables */ margin: 5px 0; }

.mw-templatedata-doc-param-alias { color: inherit; }

.page-content dl { margin: 6px 0 6px; }

.page-content p + p { margin-top: 12px; }

.page-content p, .page-content section { margin: 0 0 6px; }

.page-content ol, .page-content ul { margin: 6px 0 10px 36px; }

.mw-content-ltr > .mw-parser-output table td ul { /* List margin in tables */ margin: 6px 0 10px 25px !important; }

.page-content h2 { overflow: auto; }

pre:not(.CodeMirror-line) { /* Pre styling */ border-radius: 4px; white-space: pre-wrap; margin: 10px 0; }

code { /* Code styling */ background-color: var(--theme-page-background-color--secondary); border: 1px solid var(--theme-border-color); color: var(--theme-page-text-color); border-radius: 4px; padding: 1px 4px; }

.license-self > div:nth-child(1) { border-bottom: 2px solid var(--theme-accent-color); background-color: var(--theme-body-background-color); }

.license-self { border: 3px solid var(--theme-accent-color); border-radius: 15px; text-align: center; padding-bottom: 10px; }

.rail-module { /* Transparent siderail bg like before */ background-color: transparent; }

/* Semi-transparent article background */ .theme-fandomdesktop-light .page__main, .theme-fandomdesktop-light .page__right-rail { background-color: #ffffffd9; }

.theme-fandomdesktop-dark .page__main, .theme-fandomdesktop-dark .page__right-rail { background-color: #1c2c44d9; }

/*-* Itemlist *-*/ .itemlist { list-style: none !important; margin-left: 0.6em !important; }

.itemlist li a { display: inline-block; text-align: center; width: 2em; margin: 0 -0.3em; }

/*-* Table styling *-*/ .pmutable { border-radius: 4px; }

.theme-fandomdesktop-light .pmutable { background-color: #5f72c1; border: 2px solid #404d86; }

.theme-fandomdesktop-light .pmutable th { background-color: #89a9d1; }

.theme-fandomdesktop-light .pmutable td { background-color: #d6e1ef; }

.theme-fandomdesktop-dark .pmutable { background-color: #89a9d1; border: 2px solid #d6e1ef; }

.theme-fandomdesktop-dark .pmutable th { background-color: #5f72c1; }

.theme-fandomdesktop-dark .pmutable td { background-color: #404d86; }

/*-_* Exbel *_-*/ .theme-fandomdesktop-light .pmutable.exbel { background-color: #71d75d; border: 2px solid #50a060; }

.theme-fandomdesktop-light .pmutable.exbel th { background-color: #b0f078; }

.theme-fandomdesktop-light .pmutable.exbel td { background-color: #daf1c5; }

.theme-fandomdesktop-dark .pmutable.exbel { background-color: #b0f078; border: 2px solid #daf1c5; }

.theme-fandomdesktop-dark .pmutable.exbel th { background-color: #60c070; }

.theme-fandomdesktop-dark .pmutable.exbel td { background-color: #50a060; }

/*-_* Winden *_-*/ .theme-fandomdesktop-light .pmutable.winden { background-color: #88d0e8; border: 2px solid #4aafc8; }

.theme-fandomdesktop-light .pmutable.winden th { background-color: #d4e8f4; }

.theme-fandomdesktop-light .pmutable.winden td { background-color: #fbfefd; }

.theme-fandomdesktop-dark .pmutable.winden { background-color: #60d8e8; border: 2px solid #fbfefd; }

.theme-fandomdesktop-dark .pmutable.winden th { background-color: #18a0b0; }

.theme-fandomdesktop-dark .pmutable.winden td { background-color: #107098; }

/*-_* Tanren *_-*/ .theme-fandomdesktop-light .pmutable.tanren { background-color: #9fbf38; border: 2px solid #7e8b0f; }

.theme-fandomdesktop-light .pmutable.tanren th { background-color: #cad854; }

.theme-fandomdesktop-light .pmutable.tanren td { background-color: #edf1c3; }

.theme-fandomdesktop-dark .pmutable.tanren { background-color: #cad854; border: 2px solid #edf1c3; }

.theme-fandomdesktop-dark .pmutable.tanren th { background-color: #9fbf38; }

.theme-fandomdesktop-dark .pmutable.tanren td { background-color: #7e8b0f; }

/*-_* Undercity *_-*/ .theme-fandomdesktop-light .pmutable.undercity { background-color: #7d577d; border: 2px solid #562951; }

.theme-fandomdesktop-light .pmutable.undercity th { background-color: #907a94; }

.theme-fandomdesktop-light .pmutable.undercity td { background-color: #c8c1c6; }

.theme-fandomdesktop-dark .pmutable.undercity { background-color: #907a94; border: 2px solid #c8c1c6; }

.theme-fandomdesktop-dark .pmutable.undercity th { background-color: #7d577d; }

.theme-fandomdesktop-dark .pmutable.undercity td { background-color: #562951; }

/*-_* Archford *_-*/ .theme-fandomdesktop-light .pmutable.archford { background-color: #33a634; border: 2px solid #0c5124; }

.theme-fandomdesktop-light .pmutable.archford th { background-color: #60ca42; }

.theme-fandomdesktop-light .pmutable.archford td { background-color: #bde8a6; }

.theme-fandomdesktop-dark .pmutable.archford { background-color: #60ca42; border: 2px solid #bde8a6; }

.theme-fandomdesktop-dark .pmutable.archford th { background-color: #33a634; }

.theme-fandomdesktop-dark .pmutable.archford td { background-color: #0c5124; }

/*-* DialogueTable *-*/ .npcheader th { border-radius: 4px; }

.theme-fandomdesktop-light .npcheader th { box-shadow: #404d86 0 0 0 2px; border: 2px solid #5f72c1; background-color: #89a9d1; }

.theme-fandomdesktop-dark .npcheader th { box-shadow: #d6e1ef 0 0 0 2px; border: 2px solid #89a9d1; background-color: #5f72c1; }

.theme-fandomdesktop-light .npcheader th { box-shadow: #404d86 0 0 0 2px; border: 2px solid #5f72c1; background-color: #89a9d1; }

.theme-fandomdesktop-dark .npcheader th { box-shadow: #d6e1ef 0 0 0 2px; border: 2px solid #89a9d1; background-color: #5f72c1; }

/*-_* Exbel *_-*/ .theme-fandomdesktop-light .npcheader.exbel th { box-shadow: #50a060 0 0 0 2px; border: 2px solid #71d75d; background-color: #b0f078; }

.theme-fandomdesktop-dark .npcheader.exbel th { box-shadow: #daf1c5 0 0 0 2px; background-color: #60c070; border: 2px solid #b0f078; }

/*-_* Winden *_-*/ .theme-fandomdesktop-light .npcheader.winden th { box-shadow: #4aafc8 0 0 0 2px; border: 2px solid #88d0e8; background-color: #d4e8f4; }

.theme-fandomdesktop-dark .npcheader.winden th { box-shadow: #fbfefd 0 0 0 2px; border: 2px solid #60d8e8; background-color: #18a0b0; }

/*-_* Tanren *_-*/ .theme-fandomdesktop-light .npcheader.tanren th { box-shadow: #7e8b0f 0 0 0 2px; border: 2px solid #9fbf38; background-color: #cad854; }

.theme-fandomdesktop-dark .npcheader.tanren th { box-shadow: #edf1c3 0 0 0 2px; border: 2px solid #cad854; background-color: #9fbf38; }

/*-_* Undercity *_-*/ .theme-fandomdesktop-light .npcheader.undercity th { box-shadow: #562951 0 0 0 2px; border: 2px solid #7d577d; background-color: #907a94; }

.theme-fandomdesktop-dark .npcheader.undercity th { box-shadow: #c8c1c6 0 0 0 2px; border: 2px solid #907a94; background-color: #7d577d; }

/*-_* Archford *_-*/ .theme-fandomdesktop-light .npcheader.archford th { box-shadow: #0c5124 0 0 0 2px; border: 2px solid #33a634; background-color: #60ca42; }

.theme-fandomdesktop-dark .npcheader.archford th { box-shadow: #bde8a6 0 0 0 2px; border: 2px solid #60ca42; background-color: #33a634; }

/*-* Gallery styling *-*/ .page-content .floatright, .page-content .tright { margin: 0px 0px 10px 15px; }

.wikia-slideshow-toolbar > div { margin: 0 auto; }

.wikia-slideshow-prev-next a { top: 100%; color: var(--theme-page-text-color) !important; background-color: transparent !important; opacity: 1; }

.wikia-slideshow-toolbar { margin-top: 0; }

.wikia-slideshow-images-wrapper:hover .wikia-slideshow-prev-next .wikia-slideshow-prev { margin-left: 0; }

.wikia-slideshow-images-wrapper:hover .wikia-slideshow-prev-next .wikia-slideshow-next { margin-right: 0; }

.wikia-slideshow-images-wrapper .wikia-slideshow-images { border: none; }

.wikia-slideshow-images li img { position: relative; top: 50%; transform: translateY(-50%); }

/*-* Table of contents *-*/ .page-content #toc { margin: 4px auto 4px 0; border: 2px solid #6e97c1; border-radius: 5px; }

.toc .toctitle { padding: 7px; border-bottom: 1px solid #8bacd3; }

.theme-fandomdesktop-light .toc .toctitle h2, .theme-fandomdesktop-light .toctext { color: #0e191a; }

.toc ul li a { padding: 2px 7px; }

/*-* ChatSign *-*/ .chat-sign { background: #20454f; border-radius: 3px; font-size: 19px; border: 1px #20454f solid; color: #808080; font-family: PMD; width: 200px; line-height: 19px; }

.chat-sign td { padding: 2px; }

.chat-sign p { margin: 0; }

/*-* MediaWiki:Edittools *-*/ .mw-editTools > div { background-color: #6e97c1; padding: 5px; border-radius: 20px; border: 2px solid #404d86; margin-top: 0.5em; }

.mw-editTools > div > div { background-color: var(--theme-page-background-color); border-radius: 15px; padding: 5px; }

/*-* Scrollbar *-*/
 * -webkit-scrollbar {

width: 10px; }


 * -webkit-scrollbar-track {

background: var(--theme-page-background-color); }


 * -webkit-scrollbar-thumb {

background: var(--theme-page-accent-mix-color); }


 * -webkit-scrollbar-thumb:hover {

background: var(--theme-page-accent-mix-color); }


 * root {

scrollbar-color: var(--theme-accent-color) var(--theme-page-background-color); scrollbar-width: thin; }

/**	🙝 Documentation 🙝 template/module css **/ .template-documentation { border-color: var(--theme-body-background-color); border-radius: 4px; }

.template-documentation-header, .template-documentation-footer { margin: 0 !important; background-color: rgb(var(--theme-body-background-color--rgb), 0.5) !important; border-color: var(--theme-body-background-color) !important; color: var(--theme-page-text) !important; }

/**	🙝 Mbox, from: 🙝 https://dev.fandom.com/wiki/Global_Lua_Modules/Mbox **/ .mbox { --type-important: rgba(200, 0, 0, 0.8); --type-moderate: rgba(233, 124, 47, 0.8); --type-minor: rgba(241, 197, 37, 0.8); display: flex; position: relative; background-color: rgb(var(--theme-body-background-color--rgb), 0.5); border: 1px solid var(--theme-sticky-nav-background-color); border-left-width: 8px; border-left-color: var(--theme-sticky-nav-background-color); border-radius: 3px; margin-bottom: 5px; min-height: 32px; }

.mbox.mbox-type-important { border-left-color: var(--type-important); }

.mbox.mbox-type-moderate { border-left-color: var(--type-moderate); }

.mbox.mbox-type-minor { border-left-color: var(--type-minor); }

.mbox__content { display: flex; box-sizing: border-box; align-items: center; width: 100%; padding: 8px 15px; }

.mbox__content__image { display: flex; height: 100%; flex-direction: row; align-items: center; justify-content: center; margin-right: 10px; }

.mbox__content__wrapper { display: table-cell; vertical-align: middle; }

.mbox__content__header { display: block; font-weight: bold; }

.mbox__content__text { display: block; }

.mbox__content__text__comment { font-size: small; }

.mbox__content__aside { width: 100px; text-align: center; padding: 0 0 0 10px; border-left: 1px solid var(--theme-body-background-color); margin-left: auto; display: flex; margin-right: 10px; word-break: break-word; }

.mbox__close { position: absolute; right: 0; top: 0; padding: 2px 7px; font-weight: bold; font-size: 16px; color: var(--theme-page-text-color); cursor: pointer; }

.mbox__close:hover { opacity: 0.5; }

.mbox__close:after { content: "×"; display: inline-block; transition: transform 0.1s ease; }

.mw-collapsed + .mbox__close:after { margin: 0 !important; transform: rotate(45deg); }

.mbox.license { margin: 0 auto; border-width: 2px; border-style: outset; border-radius: 100px; }

.mbox.license .mbox__content { justify-content: center; padding: 5px 10px; }

.mbox.license .mbox__content__image { background-color: var(--theme-body-background-color); border-radius: 100px; width: 60px; height: 60px; border: 2px outset var(--theme-sticky-nav-background-color); }

.mbox.license .mbox__content__wrapper { margin: auto; }

.mbox.small { margin: 0 auto; border-width: 1px; border-radius: 100px; width: fit-content; }

.mbox.small .mbox__content { padding: 5px 35px 5px 5px; }

.mbox.small .mbox__content__aside { padding: 0 0 0 5px; }

.mbox.small .mbox__content__wrapper { padding: 0 5px; }

.mbox.small .mbox__content__image { background-color: var(--theme-body-background-color); border-radius: 100px; width: 75px; height: 75px; }

.mbox.small .mbox__content__text { font-size: smaller; }

.mbox.small .mbox__close:after, .mbox.license .mbox__close:after { margin-right: 15px; }

.mbox.big { border: 2px solid var(--theme-body-background-color); border-left-width: 9px; padding: 8px 30 8px 30px; border-radius: 5px 100px 100px 5px; }

.mbox.big .mbox__content { justify-content: center; flex-direction: row-reverse; }

.mbox.big .mbox__content__wrapper { margin: auto; padding: 0 10px; }

.mbox.big .mbox__content__wrapper > div { text-align: center; }

.mbox.big .mbox__content__aside { margin: 0; border-left: none; padding: 0 10px 0 0; border-right: 1px solid var(--theme-body-background-color); }

.mbox.big .mbox__close { left: 0; width: 0; }

/**	🙝 Dialogue template **/ .dialoguemid, .dialoguetop, .dialoguebottom { background-size: 100% 100%; background-repeat: no-repeat; max-width: 630px; image-rendering: pixelated; }

.dialoguetop { background-image: url(https://static.wikia.nocookie.net/pmysteryuniverse/images/9/97/DialogueWindowTop.png/revision/latest?cb=20220501234035&format=original); min-height: 30px; }

.dialoguemid { background-image: url(https://static.wikia.nocookie.net/pmysteryuniverse/images/9/95/DialogueWindowMiddle.png/revision/latest?cb=20220505032241&format=original); min-height: 67px; }

.dialoguemid td:nth-child(2) { font-family: PMD; font-size: 23px; bottom: 15px; line-height: 30px; }

.dialoguebottom { background-image: url(https://static.wikia.nocookie.net/pmysteryuniverse/images/c/c2/DialogueWindowBottom.png/revision/latest?cb=20220505032311&format=original); max-height: 3px; }

.dialoguemid a { color: #7db0df; }

.dialoguemid .portrait img { width: 40px; height: 40px; image-rendering: auto; border: black solid 1px; }

.dialoguemid ul { list-style-type: none; }

/**	🙝 Column alignment classes **/ .center1 td:nth-child(1), .center1 th:nth-child(1), .center2 td:nth-child(2), .center2 th:nth-child(2), .center3 td:nth-child(3), .center3 th:nth-child(3), .center4 td:nth-child(4), .center4 th:nth-child(4), .center5 td:nth-child(5), .center5 th:nth-child(5), .center6 td:nth-child(6), .center6 th:nth-child(6), .center7 td:nth-child(7), .center7 th:nth-child(7) { text-align: center; }

.left1 td:nth-child(1), .left1 th:nth-child(1), .left2 td:nth-child(2), .left2 th:nth-child(2), .left3 td:nth-child(3), .left3 th:nth-child(3), .left4 td:nth-child(4), .left4 th:nth-child(4), .left5 td:nth-child(5), .left5 th:nth-child(5), .left6 td:nth-child(6), .left6 th:nth-child(6), .left7 td:nth-child(7), .left7 th:nth-child(7) { text-align: left; }

/**	🙝 Wiki Berry name highlight **/ a[href="/wiki/User:Deleca7755"], a[href="/wiki/User:Shadow_Lucario"] { color: #8376b5 !important; font-weight: bold !important; text-shadow: rgba(131, 118, 181, 0.7) 0 0 2px; }

a[href="/wiki/User:Veezo101"] { color: #5f72c1 !important; text-shadow: #5f72c1 0 0 2px; }

a[href="/wiki/User:Wiki_Barry"] { color: #8376b5 !important; }

a[href="/wiki/User:Wiki_Barry"]:after { content: " (bot)"; vertical-align: super; font-size: x-small; }

/**	🙝 WDS tooltips **/

.custom-tooltip .wds-dropdown__toggle { border-bottom: 1px dotted; line-height: 18px; cursor: help; display: inline-block; }

.custom-tooltip .wds-dropdown__toggle:hover { border-bottom-style: solid; }

.wds-dropdown.custom-tooltip .wds-dropdown__content { width: max-content; min-width: 0; max-width: 250px; max-height: 250px; font-size: 12px; overflow-wrap: break-word; box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); }

.wds-dropdown.custom-tooltip .wds-dropdown__content .inset { margin: 0.75em; max-width: calc(250px - 1.5em); max-height: calc(250px - 1.5em); overflow-y: auto; }

.wds-dropdown.custom-tooltip .wds-dropdown__content p, .custom-tooltip .wds-dropdown__content section { font-size: inherit; }

.wds-dropdown.custom-tooltip .wds-dropdown__content h2 .section-header-label ~ * { display: none; }

.wds-dropdown.custom-tooltip.wds-dropdown__content ol, .custom-tooltip .wds-dropdown__content ul { margin: 0 1em 0 0; list-style-position: inside; }

.wds-dropdown.custom-tooltip.wds-dropdown__content dl { margin: 0; }

.wds-dropdown.custom-tooltip.wds-dropdown__content img { max-width: 100%; height: auto; }

.pi-data:has(.wds-dropdown.custom-tooltip) { overflow: visible; }

/**	🙝 Tabber CSS **/ .tabber .wds-tabs__tab-label { height: 20px; }

.tabber .wds-tabs { margin-bottom: 3px !important; }

.tabber .wds-is-current > .wds-tabs__tab-label a:focus { color: white; }

/*** 🙠 Selected 🙠 ***/ .tabber .wds-tabs__tab.wds-is-current { background-color: var(--theme-accent-color); border-radius: 100px; box-shadow: none; color: white; transition: background-color ease 0.2s; }

.tabber .wds-tabs__tab.wds-is-current:hover { background-color: var(--theme-accent-color--hover); transition: background-color ease 0.2s; }