MediaWiki:FandomMobile.css

/* Card Tables */ @import url("/load.php?mode=articles&only=styles&articles=MediaWiki:Cards.css|u:dev:MediaWiki:AjaxPoll.Discussions.css");

/*************/ /* Variables */ /*************/

/* Light Mode */ body.theme-fandommobile-light{ --dmk-page-background-shift:#eaeaef; --dmk-page-background-shift2:#d5d6e4; --dmk-pi-tab-active:#f9f9f9; --dmk-table-background:#fff; --dmk-navbox1-background:#AFB7FF; --dmk-navbox2-background:#C5CBFF; --dmk-navbox3-background:#E0E3FF; --dmk-image-background-shadow:#444; --dmk-gallery-background:#e5e5ea; --dmk-gallery-border:#777788; } /* Dark Mode */ body.theme-fandommobile-dark{ --dmk-page-background-shift:#303030; --dmk-page-background-shift2:#424242; --dmk-pi-tab-active:#424242; --dmk-table-background:#303030; --dmk-navbox1-background:#161616; --dmk-navbox2-background:#242424; --dmk-navbox3-background:#2B2B2B; --dmk-image-background-shadow:#ccc; --dmk-gallery-background:#2d2f34; --dmk-gallery-border:#4c4f57; }

/* Link Text */ div.link { color: var(--theme-link-color); } img { border: none !important; max-height: 250px !important; }

/**********/ /* Tables */ /**********/ div.article-table-wrapper { border: none !important; } .skin-fandommobile:not(.fandommobile-fandom-theme) .article-table-wrapper table th { text-align: center; } .article-table-wrapper table th, .article-table-wrapper table td { line-height: 1.4; margin: none; text-align: center; border-top:none !important; border-right:none !important; border-left:none !important; vertical-align: middle; padding: 10px; } .article-table-wrapper table td { padding: 7px !important; background-color: var(--theme-page-background-color) !important; } .article-table tr td[align="center"], .article-table tr th[align="center"] { text-align: center; } table.notice.metadata a { color: white; }

/* Kingdom Pass Gold */ .dmk-kingdom-pass { background: gold; padding: 1px; color: #444; }

/* Bundle Tables */ table.bundle-content { width: 65%; line-height: normal; display: unset; border-radius: 20px; box-shadow: inset 0px -4px 10px 0px #a9d3f2; border-spacing: 0.1em; } table.bundle-content tr th a { color: white; } table.bundle-content tr th { background: linear-gradient(#14bfe4 5%, #2866ce 100%); border-radius: 20px 20px 0 0; height: 35px; color: white; text-shadow: 1px 2px 3px #030d9d; } table.bundle-content tr td { width: 20%; height: 140px; vertical-align: bottom; } table.bundle-content tr:nth-child(3) td { vertical-align: baseline; }

/* Storyline Tables */ table th.storyline-black a { color: black; } table th.storyline-white a { color: white; } table th.storyline-black a.new, table th.storyline-white a.new { text-decoration: line-through 2px; }

/* TC Event Tables */ table.dmk-explorations tr td, table.dmk-explorations tr th { text-align: center; line-height: 1.0; } table.dmk-explorations tr td { padding: 2px !important; background-color: var(--dmk-pi-tab-active) !important; } table.dmk-explorations tr:nth-child(2) td, table.dmk-explorations tr:nth-child(4) td, table.dmk-explorations tr:nth-child(6) td, table.dmk-explorations tr:nth-child(8) td { border: none !important; background-color: var(--theme-page-background-color) !important; }

/* Mini Event Tables */ table.dmk-leaderboard tr td, table.dmk-leaderboard tr th, table.dmk-milestone tr td, table.dmk-milestone tr th { padding: 10px; } table.dmk-leaderboard tr td, table.dmk-milestone tr td, table.dmk-milestone tr th { text-align: center; } table.dmk-leaderboard tr td, table.dmk-milestone tr td { line-height: 1.0; } table.dmk-leaderboard tr:nth-child(2) td:not(:first-child), table.dmk-milestone tr:nth-child(2) td:not(:first-child) { width: 20%; }

/* Calendar Tables */ table.dmk-calendar tr td, table.dmk-calendar tr th { text-align: center; line-height: 1.0; } table.dmk-calendar tr td, table.dmk-calendar tr th { padding: 7px; }

/* Chests Tables */ table.dmk-chests tr td { width: 10%; padding: 0 10px; }

/* List Tables */ table.dmk-list tr th, table.dmk-list tr td, table.dmk-list2 tr th { line-height: 1.0; text-align: center; padding: 4px 0; } table.dmk-list tr th, table.dmk-list2 tr th { line-height: 2.0; font-size: smaller; } table.dmk-list2 tr td { line-height: 1.0; text-align: center; padding: 4px 0; } table.dmk-list2 tr td:nth-child(3), table.dmk-list2 tr td:nth-child(7), table.dmk-list2 tr td:nth-child(11) { border-left: 1px solid #cbcbcb !important; padding: 0px; } table.dmk-list2 tr td:nth-child(4), table.dmk-list2 tr td:nth-child(8), table.dmk-list2 tr td:nth-child(12) { border-right: 1px solid #cbcbcb !important; padding: 0px; } table.dmk-list2 tr td:nth-child(4), table.dmk-list2 tr td:nth-child(3) { border-bottom: none !important; }

/* Activity Table */ table.act tr td { text-align: center; height: 85px; } table.act tr td:nth-child(2), table.act2 tr td:nth-child(2) { text-align: left; }

/**************/ /* Color Icon */ /********** ***/ body.theme-fandommobile-dark img { filter: brightness(0.9); } body.theme-fandommobile-dark img[alt="M-animation.png"], body.theme-fandommobile-dark img[alt|="Link tag"], body.theme-fandommobile-dark img[alt|="M-arrow"], table.storyline-white img[alt|="Link tag"] { filter: invert(1) !important; } body.theme-fandommobile-light img[alt|="Q-side.png"], body.theme-fandommobile-light img[alt|="Q-event.png"], body.theme-fandommobile-light img[alt|="Q-kingdom.png"], body.theme-fandommobile-light img[alt="M-change.png"] { filter: drop-shadow(0px 0px 2px #00f); }

/********************/ /* Portable Infobox */ /********************/ .portable-infobox { border: none !important; border-radius: 10px !important; box-shadow: 0 0 7px rgb(0 0 0 / 40%); } .portable-infobox.pi-background { background-color: var(--dmk-page-background-shift); }

/* Horizontal Groups */ .portable-infobox .pi-horizontal-group { text-align: left; } .portable-infobox .pi-horizontal-group .pi-data-label { padding: 10px 14px 6px; } .portable-infobox .pi-horizontal-group .pi-data-value { padding: 0 4px 10px 14px; vertical-align: baseline; } .portable-infobox .pi-horizontal-group .pi-horizontal-group-item:nth-child(2n) { background-color: var(--dmk-page-background-shift2); border-left: none; } .portable-infobox .pi-horizontal-group-no-labels .pi-data-value { padding-top: 10px; }

/* Tabs */ .portable-infobox ul.wds-tabs { justify-content: center; } .pi-section-tab.wds-tabs__tab { box-shadow: inset 0 -1px 0 0 var(--theme-border-color); background: none !important; } .pi-section-tab.wds-tabs__tab.pi-section-active { box-shadow: inset 1px 1px 0 0 var(--theme-border-color), inset -1px 0 0 0 var(--theme-border-color); background: var(--dmk-pi-tab-active) !important; border-radius: 10px 10px 0 0; }

/* Smart Groups */ .portable-infobox .pi-smart-group { border-bottom: 0; text-align: left; } .pi-smart-group .pi-smart-data-label:first-child, .pi-smart-group .pi-smart-data-value:first-child { padding: 10px 14px; } .pi-smart-group .pi-smart-data-label:not(:first-child), .pi-smart-group .pi-smart-data-value:not(:first-child) { padding: 10px 14px; background-color: var(--dmk-page-background-shift2); border-left: none; } .portable-infobox .pi-horizontal-group-no-labels .pi-data-value { border-radius: 10px !important; } .pi-smart-group .pi-smart-data-label:not(:first-child), .pi-smart-group .pi-smart-data-value:not(:first-child) { border-radius: 10px !important; }

/******************/ /* Subpage Tabs  */ /******************/ .Subpagetabs{ --spt-tab-color:rgba(var(--theme-page-text-color--rgb),0.75); --spt-tab-color--active:var(--theme-link-color); --spt-tab-color--hover:var(--theme-page-text-color); --spt-tab-border-color:rgba(var(--theme-page-dynamic-color-1--rgb),0.25); align-items:flex-end; display:flex; margin:0; padding:0; position:relative; border-bottom:1px solid var(--spt-tab-border-color); overflow:hidden; overflow-x:scroll; } .SubpagetabsTab{ color:var(--spt-tab-color); cursor:default; flex-shrink:0; line-height:14px; position:relative; align-items:center; display:inline-flex; font-size:14px; font-weight:500; height:40px; letter-spacing:.5px; margin:0 11px; text-align:center; text-decoration:none; white-space:nowrap; border: none; } .Subpagetabs::-webkit-scrollbar{ display:none; } .SubpagetabsTab>a{ align-items:center; color:inherit; display:inline-flex; height:100%; text-decoration:none; } .SubpagetabsTab>a:hover,.SubpagetabsTab>a:visited{ color:inherit; text-decoration:inherit; } .SubpagetabsTab:hover{ color:var(--spt-tab-color--hover); } .SubpagetabsActive{ color:var(--spt-tab-color--active); box-shadow: inset 0 -2px 0 0 currentColor; } .SubpagetabsActive:hover{ color:var(--spt-tab-color--active); }