MediaWiki:FandomMobile.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 }

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

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

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

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

.article-content dd { margin-left: 30px }

.article-content dl>dd { margin: 5px 0 5px 30px !important; }

.article-content dt { font-weight: 700; margin: 10px 0; }

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: .6em !important; }

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

/**	🙝 Documentation 🙝 template/module css **/ .template-documentation { border-radius: 4px; overflow: hidden; }

.template-documentation-content { padding: 0.5em; }

.theme-fandommobile-light .template-documentation { border: #5f72c1 1px solid; }

.theme-fandommobile-light .template-documentation-header, .theme-fandommobile-light .template-documentation-footer { padding: .5em; background-color: #8aabd280; color: var(--theme-page-text) }

.theme-fandommobile-light .template-documentation-header { border-bottom: #5f72c1 1px solid; }

.theme-fandommobile-light .template-documentation-footer { border-top: #5f72c1 1px solid; }

.theme-fandommobile-dark .template-documentation { border: #3E4C87 1px solid; }

.theme-fandommobile-dark .template-documentation-header, .theme-fandommobile-dark .template-documentation-footer { padding: .5em; background-color: #354D7680; color: var(--theme-page-text) }

.theme-fandommobile-dark .template-documentation-header { border-bottom: #3E4C87 1px solid; }

.theme-fandommobile-dark .template-documentation-footer { border-top: #3E4C87 1px solid; }

/**	🙝 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: rgba(255, 255, 255, 0.7); border: 1px solid #d6d6d6; border-left-width: 8px; border-left-color: #d6d6d6; 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: table; box-sizing: border-box; width: 100%; padding: 8px 15px; }

.mbox__content__image { display: table-cell; width: 40px; height: 100%; text-align: center; vertical-align: middle; padding-right: 15px; }

.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 { display: table-cell; width: 100px; vertical-align: middle; text-align: center; padding-left: 15px; border-left: 1px solid #d6d6d6; }

.mbox__close { position: absolute; right: 0; top: 0; padding: 2px 7px; font-weight: bold; font-size: 16px; color: #bbb; cursor: pointer; transition: all .15s ease-in; }

.mbox__close:hover { color: #777; }

.mbox__close:after { content: '×'; }

.mw-collapsed+.mbox__close { transform: rotate(45deg); padding: 4px 7px 5px 2px; }

/* Ensure text is readable in the fandommobile dark theme. */ .theme-fandommobile-dark .mbox { background-color: var(--theme-page-background-color--secondary); border-color: var(--theme-border-color); }

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