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");

/* PMD font */ @font-face { font-family: "PMD"; src: url("https://static.wikia.nocookie.net/pmysteryuniverse/images/5/52/Pokemon-mystery-dungeon.ttf/revision/latest") format("truetype"); }

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

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

.tablemargin { /* Custom class to add a margin below tables */ margin-bottom: 10px; }

/*-* Dumb margin fixes *-*/ /**/ .page-content p + p { margin: 24px 0 0 0; }

/**/ .page-content dl { margin: 10px 0 10px; }

/**/ .page-content p, .page-content section { margin: 0 0 10px; }

/**/ .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 20px !important; }

pre:not(.CodeMirror-line) { /* Pre styling */ border-radius:4px; white-space:pre-wrap; color:#808080; 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; }

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

.itemlist li a { display: inline-block; text-align: center; margin: -1.5em; width: 4.5em; }

/*-* Table styling *-*/ .pmutable, .pmutable-exbel, .pmutable-winden, .pmutable-tanren, .pmutable-undercity, .pmutable-archford { margin:10px 0; color:black; }

.pmutable { background-color: #5f72c1; border:2px outset #404D86 }

.pmutable th {background-color: #89a9d1} .pmutable td {background-color: #D6E1EF}

/*-_* Exbel *_-*/ .pmutable-exbel { background-color: #96D85A; border:2px outset #31a44c } .pmutable-exbel th {background-color: #B0F078} .pmutable-exbel td {background-color: #DAF1C5}

/*-_* Winden *_-*/ .pmutable-winden { background-color: #88D0E8; border:2px outset #4AAFC8 } .pmutable-winden th {background-color: #D4E8F4} .pmutable-winden td {background-color: #FBFEFD}

/*-_* Tanren *_-*/ .pmutable-tanren { background-color: #9fbf38; border:2px outset #7e8b0f } .pmutable-tanren th {background-color: #cad854} .pmutable-tanren td {background-color: #EDF1C3}

/*-_* Undercity *_-*/ .pmutable-undercity { background-color: #7d577d; border:2px outset #562951 } .pmutable-undercity th {background-color: #907a94} .pmutable-undercity td {background-color: #C8C1C6}

/*-_* Archford *_-*/ .pmutable-archford { background-color: #33A634; border:2px outset #0c5124 } .pmutable-archford th {background-color: #60CA42} .pmutable-archford td {background-color: #BDE8A6}

/*-* Gallery styling *-*/ ul.gallery.mw-gallery-slideshow { margin: 0; }

.wikia-gallery-item>.lightbox-caption { text-align: center; }

.theme-fandomdesktop-light .wikia-gallery-item>.lightbox-caption { color: #1C2C44; }

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

/*-* MediaWiki:Edittools *-*/ .mw-editTools > div { background-color: #6E97C1; padding: 5px; border-radius: 20px; border: 2px solid #404D86; margin-top: .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 { margin: 1em 0; border-radius: 2px; overflow: hidden; }

.theme-fandomdesktop-light .template-documentation {border: 2px solid #5f72c1}

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

.theme-fandomdesktop-dark .template-documentation {border: 2px solid #3E4C87}

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

/**	🙝 Mbox, from: 🙝 https://dev.fandom.com/wiki/MediaWiki:Global_Lua_Modules/ **/ .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: table; 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; }

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

.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; /*width: 100%;*/ padding: 5px 0 0 5px; }

.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: 0 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: '×'; } /**	🙝 Notice templates **/ .theme-fandomdesktop-light .notice:not(.hatnote) { margin: 0 auto; margin-bottom: 0px; background-color: #8aaad280; border-radius: 50px; margin-bottom: 15px; border: 1px solid #8aaad2; padding-right: 15px; }

.theme-fandomdesktop-light .notice:not(.hatnote) tr> td:first-child > table { background-color: #8aaad2; border-radius: 50px; }

.theme-fandomdesktop-light #disambig, .theme-fandomdesktop-light #delete, .theme-fandomdesktop-light #sandbox { background-color: #8aaad280; border-radius: 10px 100px 100px 10px; padding: 10px 2em; border: 2px solid #8aaad2; border-left: 15px solid #8aaad2; text-align:center; width: 100% }

.theme-fandomdesktop-dark .notice:not(.hatnote) { margin: 0 auto; margin-bottom: 0px; background-color: #354D7680; border-radius: 50px; margin-bottom: 15px; border: 1px solid #354D76; padding-right: 15px; }

.theme-fandomdesktop-dark .notice:not(.hatnote) tr> td:first-child > table { background-color: #354D76; border-radius: 50px; }

.theme-fandomdesktop-dark #disambig, .theme-fandomdesktop-dark #delete, .theme-fandomdesktop-dark #sandbox { background-color: #354D7680; border-radius: 10px 100px 100px 10px; padding: 5px 2em; border: 2px solid #354D76; border-left: 15px solid #354D76; text-align:center; width: 100% }

/**	🙝 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, monospace; font-size: 24px; 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.70) 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 **/ .wds-dropdown.custom-tooltip { line-height: 18px; }

.custom-tooltip .wds-dropdown__toggle { border-bottom: 1px dotted gray; cursor: help; display: inline-block; } .custom-tooltip .wds-dropdown__toggle:hover { border-bottom: 1px solid #888; } .custom-tooltip .wds-dropdown__content { min-width: max-content; max-width: 250px; max-height: 350px !important; overflow: hidden; text-align: center; font-size: 12px; background: var(--theme-page-background-color); }

.custom-tooltip .wds-dropdown__content .inset { color: #565656; margin: 4px; max-height: 192px; max-width: 100%; overflow-y: auto; background-image: radial-gradient(farthest-side at 50% 0,rgba(26, 26, 26, 0.42),transparent),radial-gradient(farthest-side at 50% 100%,rgba(26, 26, 26, 0.42),transparent); background-position: 0 0,0 100%; background-repeat: no-repeat; background-size: 100% 9px; position: relative; z-index: 1; }

.custom-tooltip .wds-dropdown__content .inset::before { background-color: #fff; content: ''; display: block; height: 30px; margin: 0 0 -30px; position: relative; z-index: -1; }

.custom-tooltip .wds-dropdown__content .inset::after { background-color: #fff; margin: -29px 0 0; content: ''; display: block; height: 30px; position: relative; z-index: -1; }

.custom-tooltip .wds-dropdown__content .inset h2 { margin: 0; }

.custom-tooltip .wds-dropdown__content img { margin: 4px 4px; max-width: 90%; height: auto; }

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

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