MediaWiki:FandomMobile.css

/* Styles placed here are loaded on FandomMobile view. */ @import url('https://minecraft.fandom.com/load.php?lang=en&modules=ext.gadget.site-styles&only=styles');

body.theme-fandommobile-light { --custom-background-blue: hsl(215, 75%, 92%); --custom-background-blue-highlight: hsl(215, 75%, 85%); --custom-background-green: hsl(120, 75%, 92%); --custom-background-green-highlight: hsl(120, 75%, 85%); --custom-background-grey: hsl(0, 0%, 92%); --custom-background-grey-highlight: hsl(0, 0%, 85%); --custom-background-magenta: hsl(310, 75%, 92%); --custom-background-magenta-highlight: hsl(310, 75%, 85%); --custom-background-orange: hsl(40, 75%, 92%); --custom-background-orange-highlight: hsl(40, 75%, 85%); --custom-background-purple: hsl(260, 75%, 92%); --custom-background-purple-highlight: hsl(260, 75%, 85%); --custom-background-red: hsl(0, 75%, 92%); --custom-background-red-highlight: hsl(0, 75%, 85%); --custom-background-yellow: hsl(60, 75%, 92%); --custom-background-yellow-highlight: hsl(60, 75%, 85%); --custom-border-blue: hsl(215, 25%, 65%); --custom-border-blue-highlight: hsl(215, 50%, 68%); --custom-border-green: hsl(120, 25%, 65%); --custom-border-green-highlight: hsl(120, 50%, 68%); --custom-border-grey: hsl(0, 0%, 65%); --custom-border-magenta: hsl(310, 25%, 65%); --custom-border-magenta-highlight: hsl(310, 50%, 68%); --custom-border-orange: hsl(40, 25%, 65%); --custom-border-orange-highlight: hsl(40, 50%, 68%); --custom-border-purple: hsl(260, 25%, 65%); --custom-border-purple-highlight: hsl(260, 50%, 68%); --custom-border-red: hsl(0, 25%, 65%); --custom-border-red-highlight: hsl(0, 50%, 68%); --custom-border-yellow: hsl(60, 25%, 65%); --custom-border-yellow-highlight: hsl(60, 50%, 68%); --custom-main-page-background: #fcfcfc; --custom-main-page-border: #ccc; --custom-main-page-edition-subheader: #333; } body.theme-fandommobile-dark { --custom-background-blue: hsl(215, 25%, 8%); --custom-background-blue-highlight: hsl(215, 25%, 12%); --custom-background-green: hsl(120, 25%, 8%); --custom-background-green-highlight: hsl(120, 25%, 12%); --custom-background-grey: hsl(0, 0%, 8%); --custom-background-grey-highlight: hsl(0, 0%, 12%); --custom-background-magenta: hsl(310, 25%, 8%); --custom-background-magenta-highlight: hsl(310, 25%, 12%); --custom-background-orange: hsl(40, 25%, 8%); --custom-background-orange-highlight: hsl(40, 25%, 12%); --custom-background-purple: hsl(260, 25%, 8%); --custom-background-purple-highlight: hsl(260, 25%, 12%); --custom-background-red: hsl(0, 25%, 8%); --custom-background-red-highlight: hsl(0, 25%, 12%); --custom-background-yellow: hsl(60, 25%, 8%); --custom-background-yellow-highlight: hsl(60, 25%, 12%); --custom-border-blue: hsl(215, 15%, 36%); --custom-border-blue-highlight: hsl(215, 50%, 30%); --custom-border-green: hsl(120, 15%, 36%); --custom-border-green-highlight: hsl(120, 50%, 30%); --custom-border-grey: hsl(0, 0%, 36%); --custom-border-magenta: hsl(310, 15%, 36%); --custom-border-magenta-highlight: hsl(310, 50%, 30%); --custom-border-orange: hsl(40, 15%, 36%); --custom-border-orange-highlight: hsl(40, 50%, 30%); --custom-border-purple: hsl(260, 15%, 36%); --custom-border-purple-highlight: hsl(260, 50%, 30%); --custom-border-red: hsl(0, 15%, 36%); --custom-border-red-highlight: hsl(0, 50%, 30%); --custom-border-yellow: hsl(60, 15%, 36%); --custom-border-yellow-highlight: hsl(60, 50%, 30%); --custom-main-page-background: #202125; --custom-main-page-border: #2e2e2e; --custom-main-page-edition-subheader: #ddd; }

/* Minecraft font */ /* Hide noscript only elements */ .client-js .noscript { display: none; }

/* Color JavaScript link elements like normal links */ .article-content .jslink { color: var(--fandommobile-link-color); }

/* Re-add styles to definition list headers */ dt { font-weight: bold; margin-left: 1em; }

/* Turn a list into a tree view style (See .minecraft) */ .treeview { margin-top: 0.3em; }

.treeview .treeview-header { padding-left: 3px; font-weight: bold; } .treeview .treeview-header:last-child { border-color: #636363 !important; border-left-style: dotted; } .treeview .treeview-header:not(:last-child)::before { content: none; } .treeview .treeview-header:last-child::before { border-bottom: 0; }

.treeview ul, .treeview li { margin: 0; padding: 0; list-style-type: none; list-style-image: none; }

.treeview li li { position: relative; padding-left: 13px; margin-left: 7px; border-left: 1px solid #636363; } .treeview li li::before { content: ""; position: absolute; top: 0; left: -1px; width: 11px; height: 11px; border-bottom: 1px solid #636363; }

.treeview li li:last-child:not(.treeview-continue) { border-color: transparent; } .treeview li li:last-child:not(.treeview-continue)::before { border-left: 1px solid #636363; width: 10px; }

.nbttree-inherited { background-color: #E6E6FA; }

/** Template stylings **/ .notaninfobox > .infobox-title { font-weight: bold; text-align: center; font-size: 120%; } .infobox-imagearea { text-align: center; }

table.schematic td { font-size: 32px; }

/* Template:Userbox Use this for styling: --userbox-border--light --userbox-border--dark --userbox-icon-background--light --userbox-icon-background--dark --userbox-text-background--light --userbox-text-background--dark --userbox-text-color--light --userbox-text-color--dark --userbox-text-align table.mcw-userbox { background-color: var(--userbox-text-background--light, #fff); border: 1px solid var(--userbox-border--light, #bbc2c6); border-spacing: 0; float: left; margin: 1px; width: 238px; } .theme-fandommobile-dark table.mcw-userbox { background-color: var(--userbox-text-background--dark, #484848); border-color: var(--userbox-border--dark, #3a3a3a); } table.mcw-userbox td:nth-child(1) { background-color: var(--userbox-icon-background--light, #fff); font-size: 18pt; height: 45px; line-height: 1.25em; padding: 1px; text-align: center; vertical-align: middle; width: 45px; } .theme-fandommobile-dark table.mcw-userbox td:nth-child(1) { background-color: var(--userbox-icon-background--dark, #484848); } table.mcw-userbox td:nth-child(2) { color: var(--userbox-text-color--light, #3a3a3a); font-size: 8pt; line-height: 1.25em; padding: 4px; text-align: var(--userbox-text-align, left); vertical-align: middle; } .theme-fandommobile-dark table.mcw-userbox td:nth-child(2) { color: var(--userbox-text-color--dark, #e6e6e6); }

/* Portable infobox */ .portable-infobox .pi-navigation[data-item-name="extratext"] { text-align: center; }

/* Main page */ .fp-section { background-color: var(--custom-main-page-background); border-color: var(--custom-main-page-border); } .edition-box .edition-box-subheader { color: var(--custom-main-page-edition-subheader) !important; } .edition-box-java, .edition-box-java .edition-box-header { background-color: var(--custom-background-green); border-color: var(--custom-border-green); } .edition-box-bedrock, .edition-box-bedrock .edition-box-header { background-color: var(--custom-background-red); border-color: var(--custom-border-red); } .edition-box-dungeons, .edition-box-dungeons .edition-box-header { background-color: var(--custom-background-yellow); border-color: var(--custom-border-yellow); } .edition-box-launcher, .edition-box-launcher .edition-box-header { background-color: var(--custom-background-grey); border-color: var(--custom-border-grey); } .edition-box-education, .edition-box-education .edition-box-header { background-color: var(--custom-background-blue); border-color: var(--custom-border-blue); } .edition-box-china, .edition-box-china .edition-box-header { background-color: var(--custom-background-purple); border-color: var(--custom-border-purple); } .edition-box-legends, .edition-box-legends .edition-box-header { background-color: var(--custom-background-grey); border-color: var(--custom-border-grey); }

/* Sprites */ .invslot-large { width: 48px; height: 48px; } .invslot-item, .invslot-item > a:first-child { margin: -3px; }