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

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

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

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

/**	🙝 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-body-background-color); border-left-width: 8px; border-left-color: var(--theme-body-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; }

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

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

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