MediaWiki:FandomMobile.css

/**********/ /* Tables */ /**********/ .article-table { text-align: center; line-height: 1.4; margin: none; }

.article-table tr th { border-top:none ; border-right:none ; border-left:none ; padding: 10px; }

.article-table tr td { border-top:none ; border-right:none ; border-left:none ; padding: 7px; background-color: var(--theme-page-background-color); }

.article-table tr td[align="center"], .article-table tr th[align="center"] { text-align: center; }

table.notice.metadata a { color: white; }

/* Seasons Tables */ table.dmk-seasons tr td, table.dmk-seasons tr th { text-align: center; } /* Kingdom Pass Gold */ .dmk-kingdom-pass { background: gold; padding: 1px; color: #444; }

/* Bundle Tables */ table.bundle-content { width: 65%; text-align: center; 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; 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; padding: 0px; } table.dmk-list2 tr td:nth-child(4), table.dmk-list2 tr td:nth-child(3) { border-bottom: none; }

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

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

.Subpagetabs::-webkit-scrollbar{ display:none; }

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

.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); /* background: unset; */ /* border-bottom: unset; */ box-shadow: inset 0 -2px 0 0 currentColor; } .SubpagetabsActive:hover{ color:var(--spt-tab-color--active); }