MediaWiki:FandomMobile.css

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

/* PMD font */ @font-face { font-family: "PMD"; src: url("https://static.wikia.nocookie.net/pmysteryuniverse/images/5/54/PMD.woff/revision/latest") format("woff"), url("https://static.wikia.nocookie.net/pmysteryuniverse/images/c/cb/PMD.woff2/revision/latest") format("woff2"); }

/* 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; }

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

.mw-parser-output p, .mw-parser-output section { margin: 0 0 12px; }

.article-content ul, .article-content ol { margin: 6px 0 10px 30px; }

.article-content table ul, .article-content table ol { margin-bottom: 0 !important; }

.pi-item-spacing { padding: 8px 8px; }

skin-fandommobile:not(.fandommobile-fandom-theme) .article-content h1, .skin-fandommobile:not(.fandommobile-fandom-theme) .article-content h2, .skin-fandommobile:not(.fandommobile-fandom-theme) .article-content h3, .skin-fandommobile:not(.fandommobile-fandom-theme) .article-content h4, .skin-fandommobile:not(.fandommobile-fandom-theme) .article-content h5, .skin-fandommobile:not(.fandommobile-fandom-theme) .article-content h6 { margin: 18px 0 12px; }

.skin-fandommobile .article-content dl { margin: 0; }

.skin-fandommobile .article-content dd { margin: 6px 0 6px 24px; }

.skin-fandommobile .article-content dt { margin: 6px 0; }

.context-link { font-style: italic; margin: 8px; }

.client-js .mw-changeslist ul, .client-js .mw-changeslist table.mw-enhanced-rc { margin-left: 0; font-size: 90%; }

pre { border-radius: 4px; margin: 10px 0; background-color: var(--theme-page-background-color--secondary); border: 1px solid var(--theme-border-color); color: var(--theme-page-text-color); line-height: 1.1; padding: 10px; }

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; }

.article-table-wrapper { margin-bottom: 1em; }

/*-* ChatSign *-*/ .chat-sign { background: #20454f !important; border-radius: 2px !important; color: #808080 !important; font-family: PMD !important; }

.chat-sign td { font-size: 19px !important; line-height: 19px !important; }

/*-* 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; }

/**	🙝 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; }

/**	🙝 WDS tooltips **/

.custom-tooltip .wds-dropdown__toggle { border-bottom: 1px dotted; 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; }