MediaWiki:FandomMobile.css

Note: After publishing, you may have to bypass your browser's cache to see the changes.

• Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
• Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
• Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.

/* Import Universal.css */
@import "/index.php?title=MediaWiki:Universal.css&action=raw&ctype=text/css";

/* Main page */
/* Everything here is !important because many of the rules are declared on the elements themselves. */

div.flex {
    display: block !important;
    margin-top: 0 !important;
}
div.flex > div {
    display: flex !important;
    flex-direction: column;
    width: auto !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
}
div.flex .mpChunk {
    display: block !important;
    padding: 0.5em !important;
}
.mpChunk h3 {
    font-family: "Helvetica Neue","Helvetica","Nimbus Sans L","Arial","Liberation Sans",sans-serif;
}
div.flex div div.mpChunk ul, div.flex div div.mpChunk ul li {
    padding: 0 0.4em;
    list-style: circle inside !important;
}
div.flex div div.mpChunk ul li:nth-child(1n+6) {
    display: none !important;
}

/* Deck- and D-tag display on mobile */
.ext-scryfall-deck {  
   overflow: hidden;
   border: 1px solid #000;
   border-radius: 0.8em;
   width:100%;
}
.ext-scryfall-decktitlecontainer {
    padding: 0 1em;
    background: #444;
    color: #fff;
    line-height: 1.8em;
    font-size: 1.6em;
}
.ext-scryfall-decktitle {
    font-weight: bold;
}
.ext-scryfall-deckexport {
    display: none !important;
}
.ext-scryfall-decksection {
    overflow: hidden;
    padding-left: 1em;
}
.ext-scryfall-deckentry {
    padding-left: 1.5em;
    text-indent: -1.5em;
}

/* Reduce gap at the top of the page */
.wiki-page-header__title-wrapper.has-edit-link,
.wiki-page-header__title-wrapper {
  margin-bottom:0;
}

table.fandommobile-infobox {
  margin-top:1rem;
}


/* give lists a bottom-margin equal to that of a paragraph */
.mw-parser-output ul,
.mw-parser-output ol {
  margin-top:0;
  margin-bottom:1.125rem;
}
/* unless they're nested lists */
.mw-parser-output ul ul,
.mw-parser-output ol ol,
.mw-parser-output ul ol,
.mw-parser-output ol ul{
  margin-bottom:0;
}

/* Reduce empty space on mainpage lists */
div.flex div div.mpChunk ul,
div.flex div div.mpChunk ul li {
  margin:0;
  padding:0;
}