User:ItsPlantseed/fandomdesktop dev.css

/***       Fandomdesktop.css ***/ /* Some variables may need to be defined inside the Theme Designer */ body.theme-fandomdesktop-light { /* Theme Designer: Background image */ --theme-body-background-image: url(https://cdn.discordapp.com/attachments/827172532917764161/849681583622717470/stone.png); /* Theme Designer: Community background color (choose lighter color) */ --theme-body-text-color: #242424; --theme-body-text-color--hover: #3a3a3a; /* Theme Designer: Sticky nav background color */ --theme-sticky-nav-background-color: #1e1e1e; --theme-sticky-nav-text-color: #f6f6f6; --theme-sticky-nav-text-color--hover: #c5dfe2; /* Theme Designer: Accent color */ --theme-accent-color: #36c; --theme-accent-color--rgb: 51, 102, 204; --theme-accent-color--hover: #447ff5; --theme-accent-label-color: #fff; /* Manually set here */ --theme-page-background-color--secondary: #f8f9fa; /* Wiki theme variables */ --mcw-sky-base: url(https://static.wikia.nocookie.net/minecraft_br_gamepedia/images/a/ad/Clouds-distance2.png/revision/latest); --mcw-grass-base: url(https://cdn.discordapp.com/attachments/827172532917764161/849457593994575872/Grass.png); --mcw-snow-base: url(https://cdn.discordapp.com/attachments/827172532917764161/849836351444353034/Snowy_Grass.png); --mcw-snowfall: url(/media/8/84/Winter-snow-background.gif); --mcw-header-background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0, rgba(0, 0, 0, 0.1) 158px, rgba(255, 255, 255, 0) 0), var(--mcw-grass-base), linear-gradient(0deg, rgba(255, 255, 255, 0) 168px, rgb(227, 227, 227) 168px, rgb(203, 217, 231) 210px, rgb(141, 189, 233) 268px); --mcw-deepslate: url(https://cdn.discordapp.com/attachments/827172532917764161/849681605123375144/deepslate.png); --mcw-deepslate-transition: url(https://cdn.discordapp.com/attachments/827172532917764161/849676704292405268/deepslate_transition.png); /* Template variables */ --custom-table-header-background: #eaecf0; --custom-table-header-background--secondary: #f4f4f4; --custom-table-background: #f8f9fa; --custom-template-background: #fcfcfc; --custom-template-border: #ccc; }

body.theme-fandomdesktop-dark { /* Theme Designer: Background image */ --theme-body-background-image: url(https://cdn.discordapp.com/attachments/827172532917764161/850081628788359239/Stone_dark.png); /* Theme Designer: Community background color (choose lighter color) */ --theme-body-text-color: #eee; --theme-body-text-color--hover: #ccc; /* Theme Designer: Sticky nav background color */ --theme-sticky-nav-background-color: #1f2737; --theme-sticky-nav-text-color: #f6f6f6; --theme-sticky-nav-text-color--hover: #c5dfe2; /* Theme Designer: Article background color */ --theme-page-background-color: #171819; /* Theme Designer: Link color */ --theme-link-color: #a0c9fe; --theme-link-color--rgb: 160, 201, 254; --theme-link-color--hover: #7e8eff; --theme-link-label-color: #0e191a; /* Theme Designer: Accent color */ --theme-accent-color: #1f2737; --theme-accent-color--rgb: 31, 39, 55; --theme-accent-color--hover: #25324e; --theme-accent-label-color: #fff; /* Manually set here */ --theme-page-background-color--secondary: #181d23; --theme-border-color: #3a3a3a; /* Wiki theme variables */ --mcw-sky-base: url(https://cdn.discordapp.com/attachments/827172532917764161/850078133495660564/Stars.png); --mcw-grass-base: url(https://cdn.discordapp.com/attachments/827172532917764161/859626845804298260/Grass_Base_Dark.png); --mcw-header-background: var(--mcw-grass-base), linear-gradient(0deg, rgba(255, 255, 255, 0) 168px, rgb(14, 14, 15) 168px, rgb(9, 9, 19) 210px, rgb(6, 5, 15) 268px); --mcw-deepslate: url(https://cdn.discordapp.com/attachments/827172532917764161/850074271141199922/deepslate_dark.png); --mcw-deepslate-transition: url(https://cdn.discordapp.com/attachments/827172532917764161/850321127581548594/deepslate_transition_dark.png); /* Template variables */ --custom-table-header-background: #1b1c1e; --custom-table-header-background--secondary: #212223; --custom-table-background: #242728; --custom-template-background: #202125; --custom-template-border: #2e2e2e; }

/* Force background to repeat horizontally (remove after setting the background image style to tile horizontally inside the Theme Designer) */ .fandom-community-header__background.cover { background-repeat: repeat-x; }

/* Add different layers of background */ html body.skin-fandomdesktop { background: var(--theme-body-background-image), var(--theme-body-background-color); background-position: 66px top; background-size: 40px; position: relative; } html body.skin-fandomdesktop:before { background: var(--mcw-deepslate-transition) repeat-x; background-position: 66px top; background-size: 40px; content: ""; width: 100%; height: calc(50% + 35px); position: absolute; bottom: 0; z-index: -3; /* Hide the background while the site is still loading */ } html body.skin-fandomdesktop:after { background: var(--mcw-deepslate); background-position: 66px top; background-size: 40px; content: ""; width: 100%; height: 50%; position: absolute; bottom: 0; z-index: -3; /* Hide the background while the site is still loading */ }

/* Add sky and grass for the header */ .fandom-community-header__background { background: var(--mcw-header-background); width: calc(100% - 66px); height: 305px; position: absolute; background-size: 160px !important; background-position: bottom left !important; /* Force background to repeat horizontally */ } .fandom-community-header__background:before { background: var(--mcw-sky-base) right 6px repeat-x; } body.theme-fandomdesktop-dark .fandom-community-header__background:before { background-size: 250px; }

/* Stone background for the sticky wiki navigation */ .fandom-sticky-header { background: linear-gradient(0deg, rgba(var(--theme-accent-color--rgb), 0.1) 0%, rgba(255, 255, 255, 0) 50%), var(--theme-body-background-image) }

/* Fix hover color on the quickbar */ .WikiaBarWrapper .tools-menu > li > a:hover { color: var(--theme-sticky-nav-text-color--hover); }

/* Bold page header */ .page-header__title { font-weight: 500; }

/* Fix TOC background overriding border-radius */ .toc { overflow: hidden; }

/* Custom table color */ .ooui-theme-fandomooui .mw-datatable > * > tr > th, .ooui-theme-fandomooui .mw-datatable > tr > th, .ooui-theme-fandomooui .mw-json > * > tr > th, .ooui-theme-fandomooui .mw-json > tr > th, .ooui-theme-fandomooui .wikitable > * > tr > th, .ooui-theme-fandomooui .wikitable > tr > th { background-color: var(--custom-table-header-background); } .ooui-theme-fandomooui .mw-datatable > * > tr > td, .ooui-theme-fandomooui .mw-datatable > tr > td, .ooui-theme-fandomooui .mw-json > * > tr > td, .ooui-theme-fandomooui .mw-json > tr > td, .ooui-theme-fandomooui .wikitable > * > tr > td, .ooui-theme-fandomooui .wikitable > tr > td { background-color: var(--custom-table-background) }

/* Restore pre-FD Hydra/Vector table paddings. 12px on all sides feels too much * for a desktop skin. */ .ooui-theme-fandomooui .mw-datatable > * > tr > th, .ooui-theme-fandomooui .mw-datatable > tr > th, .ooui-theme-fandomooui .mw-json > * > tr > th, .ooui-theme-fandomooui .mw-json > tr > th, .ooui-theme-fandomooui .wikitable > * > tr > th, .ooui-theme-fandomooui .wikitable > tr > th { padding: 0.2em 0.4em; }

/* Remove table wrapper */ .article-table-wrapper, .mw-highlight { background: transparent; }

/* Restore pre-FD thumbnail box styling */ .thumb { background-color: var(--custom-table-background); border: 1px solid var(--theme-border-color); border-radius: 3px; box-sizing: content-box; padding: 4px; position: relative; overflow: hidden; z-index: 1; }

li.gallerybox div.thumb { box-sizing: border-box; }

.thumb .thumb { background: initial; border: initial; padding: initial; }

/* Fix broken VE popups */ .oo-ui-popupWidget-popup { padding: 24px; }

/* Adjust border color in dark mode */ body.theme-fandomdesktop-dark hr { border: 1px solid var(--theme-border-color); }

/* Fix file metadata in dark mode */ .mw_metadata td, .mw_metadata th { border: 1px solid var(--theme-border-color); } .mw_metadata th { background-color: var(--custom-table-header-background); } .mw_metadata td { background-color: var(--custom-table-background); }

/* Fix sprite edit doc in dark mode */ .spritedoc-box { background: var(--theme-page-background-color--secondary) !important; border: 1px solid var( --custom-template-border) !important; }

/* Readd background to text forms */ .mw-editform #wpTextbox1, .mw-editform #wpSummaryWidget, .page-content .bodySearch .mw-ui-input.mw-ui-input-inline, .page-content .commentbox .mw-ui-input.mw-ui-input-inline, .page-content .createbox .mw-ui-input.mw-ui-input-inline, .page-content .mw-movebox .mw-ui-input.mw-ui-input-inline, .page-content .searchbox .mw-ui-input.mw-ui-input-inline, .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input { background: var(--custom-template-background); border: 1px solid var(--theme-border-color); } .wikiEditor-ui .wikiEditor-ui-view { border: 1px solid var(--theme-border-color); }

/* Restore pre-FD ooui buttons */ .wikiEditor-toolbar-dialog.ui-dialog .ui-dialog-buttonset .ui-button:first-child { color: var(--theme-accent-label-color); } body.theme-fandomdesktop-light .wds-button.wds-is-secondary, body.theme-fandomdesktop-light .wds-button.wds-is-secondary:disabled, body.theme-fandomdesktop-light .oo-ui-buttonElement-framed:not(.oo-ui-flaggedElement-primary):not(.oo-ui-buttonElement-active) > .oo-ui-buttonElement-button, body.theme-fandomdesktop-light .wikiEditor-toolbar-dialog.ui-dialog .ui-button { background: #f8f9fa; border-color: #a2a9b1; } body.theme-fandomdesktop-dark .wds-button.wds-is-secondary, body.theme-fandomdesktop-dark .wds-button.wds-is-secondary:disabled, body.theme-fandomdesktop-dark .oo-ui-buttonElement-framed:not(.oo-ui-flaggedElement-primary):not(.oo-ui-buttonElement-active) > .oo-ui-buttonElement-button, body.theme-fandomdesktop-dark .wikiEditor-toolbar-dialog.ui-dialog .ui-button { background: #35383e; border-color: #3f3f3f; } body .wiki-tools .wds-button.wds-is-secondary, body .wds-button.wds-is-secondary:disabled { background: none; border-color: currentColor; }

/* Restore pre-FD notifications */ /* Style notifications to look like achievements: */ body .mw-notification-area-layout { top: 10px; } body .mw-notification-area-floating { right: 30px; } body .mw-notification:first-of-type { margin-top: 40px; } body .mw-notification { color: #FFF; background-color: #212121; background-clip: padding-box; border: 8px solid #555; -webkit-border-image: url(https://static.wikia.nocookie.net/minecraft_gamepedia/images/a/ae/Achievement_background.png/revision/latest?format=original) 8 repeat; -moz-border-image: url(https://static.wikia.nocookie.net/minecraft_gamepedia/images/a/ae/Achievement_background.png/revision/latest?format=original) 8 repeat; -o-border-image: url(https://static.wikia.nocookie.net/minecraft_gamepedia/images/a/ae/Achievement_background.png/revision/latest?format=original) 8 repeat; border-image: url(https://static.wikia.nocookie.net/minecraft_gamepedia/images/a/ae/Achievement_background.png/revision/latest?format=original) 8 fill repeat; padding: 0.2em 0.8em; }

/* Restore pre-FD MediaWiki message boxes */ /* Various stylings for message boxes, based on colours/stylings from Template:Message box */ div.mw-warning-with-logexcerpt, .errorbox, .warningbox, .successbox { display: block; color: var(--theme-body-text-color); border: 1px solid var(--theme-border-color); padding: .4em .8em; margin-bottom: 1em; } div.mw-warning-with-logexcerpt p, .errorbox p, .warningbox p, .successbox p { margin: 0; } div.mw-warning-with-logexcerpt, .errorbox { background: var(--custom-background-red-highlight); border-left: 4px solid var(--custom-border-red-highlight); } .warningbox { background: var(--custom-background-yellow-highlight); border-left: 4px solid var(--custom-border-yellow-highlight); } .successbox { background: var(--custom-background-green-highlight); border-left: 4px solid var(--custom-border-green-highlight); } .successbox strong p { margin: 0; }

/* Adjustments for Minecraft Dungeons subpages (made by SansUT1 with some additions and modifications) */ body.theme-fandomdesktop-light.rootpage-Minecraft_Dungeons, body.theme-fandomdesktop-light.ns-10000, body.theme-fandomdesktop-light.ns-10001 { /* Wiki theme variables */ --mcw-logo: url(https://static.wikia.nocookie.net/minecraft_gamepedia/images/3/33/Dungeons_Wiki.png/revision/latest?format=original); --mcw-site-name: "Minecraft Dungeons Wiki"; --mcw-grass-base: url(https://cdn.discordapp.com/attachments/827172532917764161/849811669496758272/Dungeons_Grass.png); --mcw-header-background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0, rgba(0, 0, 0, 0.1) 158px, rgba(255, 255, 255, 0) 0), var(--mcw-grass-base), linear-gradient(0deg, rgba(255, 255, 255, 0) 168px, rgb(247, 247, 247) 168px, rgb(255, 237, 180) 210px, rgb(255, 198, 133) 268px); } body.theme-fandomdesktop-dark.rootpage-Minecraft_Dungeons, body.theme-fandomdesktop-dark.ns-10000 , body.theme-fandomdesktop-dark.ns-10001 { /* Wiki theme variables */ --mcw-logo: url(https://static.wikia.nocookie.net/minecraft_gamepedia/images/3/33/Dungeons_Wiki.png/revision/latest?format=original); --mcw-site-name: "Minecraft Dungeons Wiki"; --mcw-grass-base: url(https://cdn.discordapp.com/attachments/827172532917764161/859629437918511114/Dungeons_Grass_Base_Dark.png); --mcw-header-background: var(--mcw-grass-base), linear-gradient(0deg, rgba(255, 255, 255, 0) 168px, rgb(13, 8, 5) 168px, rgb(13, 11, 6) 210px, rgb(3,3,6) 268px); }

/* Adjustments for Minecraft Earth subpages (made by SansUT1 with some additions and modifications) */ body.theme-fandomdesktop-light.rootpage-Minecraft_Earth, body.theme-fandomdesktop-light.ns-10002, body.theme-fandomdesktop-light.ns-10003 { /* Wiki theme variables */ --mcw-logo: url(https://static.wikia.nocookie.net/minecraft_gamepedia/images/7/70/Earth_Wiki.png/revision/latest?format=original); --mcw-site-name: "Minecraft Earth Wiki"; --mcw-grass-base: url(https://cdn.discordapp.com/attachments/827172532917764161/849822232988876821/Earth_Grass.png); --mcw-header-background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0, rgba(0, 0, 0, 0.1) 158px, rgba(255, 255, 255, 0) 0), var(--mcw-grass-base), linear-gradient(0deg, rgba(255, 255, 255, 0) 168px, rgb(247, 247, 247) 168px, rgb(180 203 255) 210px, rgb(113 144 255) 268px); } body.theme-fandomdesktop-dark.rootpage-Minecraft_Earth, body.theme-fandomdesktop-dark.ns-10002, body.theme-fandomdesktop-dark.ns-10003 { /* Wiki theme variables */ --mcw-logo: url(https://static.wikia.nocookie.net/minecraft_gamepedia/images/7/70/Earth_Wiki.png/revision/latest?format=original); --mcw-site-name: "Minecraft Earth Wiki"; --mcw-grass-base: url(https://cdn.discordapp.com/attachments/827172532917764161/859627749169692682/Earth_Grass_Base_Dark.png); --mcw-header-background: var(--mcw-grass-base), linear-gradient(0deg, rgba(255, 255, 255, 0) 168px, rgb(7, 9, 15) 168px, rgb(5, 5, 11) 210px, rgb(5, 5, 13) 268px); }

/* Replace regular logo with the custom one */ .rootpage-Minecraft_Dungeons .fandom-community-header__image img, .ns-10000 .fandom-community-header__image img, .ns-10001 .fandom-community-header__image img, .rootpage-Minecraft_Earth .fandom-community-header__image img, .ns-10002 .fandom-community-header__image img, .ns-10003 .fandom-community-header__image img { padding: 50px 60px; } .rootpage-Minecraft_Dungeons .fandom-community-header__image, .ns-10000 .fandom-community-header__image, .ns-10001 .fandom-community-header__image, .rootpage-Minecraft_Earth .fandom-community-header__image, .ns-10002 .fandom-community-header__image, .ns-10003 .fandom-community-header__image { background-image: var(--mcw-logo); background-repeat: no-repeat; background-size: 120px; } @media screen and (max-width: 1279px) { .rootpage-Minecraft_Dungeons .fandom-community-header__image img, .ns-10000 .fandom-community-header__image img, .ns-10001 .fandom-community-header__image img, .rootpage-Minecraft_Earth .fandom-community-header__image img, .ns-10002 .fandom-community-header__image img, .ns-10003 .fandom-community-header__image img { padding: 41px 50px; }   .rootpage-Minecraft_Dungeons .fandom-community-header__image, .ns-10000 .fandom-community-header__image, .ns-10001 .fandom-community-header__image, .rootpage-Minecraft_Earth .fandom-community-header__image, .ns-10002 .fandom-community-header__image, .ns-10003 .fandom-community-header__image { background-image: var(--mcw-logo); background-repeat: no-repeat; background-size: 100px; } } .rootpage-Minecraft_Dungeons .fandom-sticky-header__logo img, .ns-10000 .fandom-sticky-header__logo img, .ns-10001 .fandom-sticky-header__logo img, .rootpage-Minecraft_Earth .fandom-sticky-header__logo img, .ns-10002 .fandom-sticky-header__logo img, .ns-10003 .fandom-sticky-header__logo img { padding: 20px 20px; } .rootpage-Minecraft_Dungeons .fandom-sticky-header__logo, .ns-10000 .fandom-sticky-header__logo, .ns-10001 .fandom-sticky-header__logo, .rootpage-Minecraft_Earth .fandom-sticky-header__logo, .ns-10002 .fandom-sticky-header__logo, .ns-10003 .fandom-sticky-header__logo { background-image: var(--mcw-logo); background-repeat: no-repeat; background-size: 40px; margin-top: 10px; position: relative; z-index: 2; }

/* Change Minecraft Wiki line to the custom one */ .rootpage-Minecraft_Dungeons .fandom-community-header__community-name, .ns-10000 .fandom-community-header__community-name, .ns-10001 .fandom-community-header__community-name, .rootpage-Minecraft_Earth .fandom-community-header__community-name, .ns-10002 .fandom-community-header__community-name, .ns-10003 .fandom-community-header__community-name, .rootpage-Minecraft_Dungeons .fandom-sticky-header__sitename, .ns-10000 .fandom-sticky-header__sitename, .ns-10001 .fandom-sticky-header__sitename, .rootpage-Minecraft_Earth .fandom-sticky-header__sitename, .ns-10002 .fandom-sticky-header__sitename, .ns-10003 .fandom-sticky-header__sitename { text-indent: -9999px; line-height: 0; /* Collapse the original line */ } .rootpage-Minecraft_Dungeons .fandom-community-header__community-name::after, .ns-10000 .fandom-community-header__community-name::after, .ns-10001 .fandom-community-header__community-name::after, .rootpage-Minecraft_Earth .fandom-community-header__community-name::after, .ns-10002 .fandom-community-header__community-name::after, .ns-10003 .fandom-community-header__community-name::after, .rootpage-Minecraft_Dungeons .fandom-sticky-header__sitename::after, .ns-10000 .fandom-sticky-header__sitename::after, .ns-10001 .fandom-sticky-header__sitename::after, .rootpage-Minecraft_Earth .fandom-sticky-header__sitename::after, .ns-10002 .fandom-sticky-header__sitename::after, .ns-10003 .fandom-sticky-header__sitename::after { display: block; text-indent: 0; line-height: initial; content: var(--mcw-site-name); }

/***       Gadget-site-styles.css ***/

/** Responsive main page layout **/ display: -ms-grid; -ms-grid-template-areas: "a" "b" "c" "d" "e" "f" "g" "h" "i" "j"; -ms-grid-template-columns: 100%; display: grid; grid-template-areas: "a" "b" "c" "d" "e" "f" "g" "h" "i" "j"; grid-template-columns: 100%; } @media screen and (min-width:990px) { #main-page.main-page { -ms-grid-template-areas: "a a a" "b b c" "d d d" "e f g" "h i j"; -ms-grid-template-columns: 33% 33% 34%; grid-template-areas: "a a a" "b b c" "d d d" "e f g" "h i j"; grid-template-columns: 33% 33% 34%; } }
 * 1) main-page.main-page {

margin: -1px; }
 * 1) main-page.main-page {

.fp-section { background-color: var(--custom-template-background); border: 1px solid var(--custom-template-border); border-radius: 6px; width: calc(100% - 4px); vertical-align: top; margin: 1px; }

.fp-section .mcwiki-header { text-align: center; font-weight: bold; font-size: 120%; color: white; background-image: url(https://static.wikia.nocookie.net/minecraft_gamepedia/images/0/0a/GrassBackgroundDark.png/revision/latest?cb=20210613130609&format=original) repeat-x !important; margin: 3px; } body.theme-fandomdesktop-light .fp-section .mcwiki-header { background-color: #6c4d34 !important; border-top: 6px solid #69a35d !important; } body.theme-fandomdesktop-dark .fp-section .mcwiki-header { background-color: #191110 !important; border-top: 6px solid #1a2626 !important; }

-ms-grid-area: a;	grid-area: a; }
 * 1) fp-1 {

-ms-grid-area: b;	grid-area: b; }
 * 1) fp-2 {

-ms-grid-area: c;	grid-area: c; }
 * 1) fp-3 {

-ms-grid-area: d;	grid-area: d; }
 * 1) fp-4 {

-ms-grid-area: e;	grid-area: e; }
 * 1) fp-5 {

-ms-grid-area: f;	grid-area: f; }
 * 1) fp-6 {

-ms-grid-area: g;	grid-area: g; }
 * 1) fp-7 {

-ms-grid-area: h;	grid-area: h; }
 * 1) fp-8 {

-ms-grid-area: i;	grid-area: i; }
 * 1) fp-9 {

-ms-grid-area: j;	grid-area: j; }
 * 1) fp-10 {

display: -ms-grid; -ms-grid-template-areas: "aa" "ac" "ab"; -ms-grid-template-columns: 100%; display: grid; grid-template-areas: "aa" "ac" "ab"; grid-template-columns: 100%; } @media screen and (min-width:990px) { #fp-header.fp-header { -ms-grid-template-areas: "aa ab" "ac ac"; -ms-grid-template-columns: 335px calc(100% - 335px); grid-template-areas: "aa ab" "ac ac"; grid-template-columns: 335px calc(100% - 335px); } } @media screen and (min-width:1350px) { #fp-header.fp-header { -ms-grid-template-columns: 33% 67%; grid-template-columns: 33% 67%; } }
 * 1) fp-header.fp-header {

-ms-grid-area: aa; grid-area: aa; }
 * 1) fp-header-file {

-ms-grid-area: ab; grid-area: ab; }
 * 1) fp-header-links {

-ms-grid-area: ac; grid-area: ac; }
 * 1) fp-header-text {

margin: auto; } @media screen and (min-width:990px) { #fp-header-file { margin: auto 0; } }
 * 1) fp-header-file {

margin: auto 0; }
 * 1) fp-header-links {

-ms-columns: 160px; -moz-columns: 160px; -webkit-columns: 160px; columns: 160px; -ms-column-count: 3; -moz-column-count: 3; -webkit-column-count: 3; column-count: 3; margin-top: 0; }
 * 1) fp-header-links ul {

/** Main page stylings **/ .edition-group { display: flex; flex: auto; flex-wrap: initial; }

.edition-boxes { display: flex; flex-wrap: wrap; text-align: center; margin-bottom: 1em; }

.edition-boxes p { margin: 0 !important; }

.edition-box { border: 1px solid var(--custom-template-border); border-radius: 6px; flex: auto !important; min-width: 180px; margin: 2px; padding: 4px; } body.theme-fandomdesktop-light .edition-box { background-color: #e9f1f2; } body.theme-fandomdesktop-dark .edition-box { background-color: #2b2f32; } body.theme-fandomdesktop-light .edition-box.java, body.theme-fandomdesktop-light .edition-box.java .edition-box-title { background-color: #fce9d6; border-color: #fec488; } body.theme-fandomdesktop-light .edition-box.bedrock, body.theme-fandomdesktop-light .edition-box.bedrock .edition-box-title { background-color: #f7e6e8; border-color: #ffb5d0; } body.theme-fandomdesktop-light .edition-box.dungeons, body.theme-fandomdesktop-light .edition-box.dungeons .edition-box-title { background-color: #fff0cd; border-color: #ffcc89; } body.theme-fandomdesktop-light .edition-box.launcher, body.theme-fandomdesktop-light .edition-box.launcher .edition-box-title { background-color: #eee; border-color: #ccc; } body.theme-fandomdesktop-light .edition-box.education, body.theme-fandomdesktop-light .edition-box.education .edition-box-title { background-color: #e9f3ff; border-color: #ace5ef; } body.theme-fandomdesktop-light .edition-box.china, body.theme-fandomdesktop-light .edition-box.china .edition-box-title { background-color: #fffcdb; border-color: #fce66b; }

.edition-box-title { border-bottom: 1px solid; font-weight: bold; } body.theme-fandomdesktop-light .edition-box-title { border-color: #b8c6cf; } body.theme-fandomdesktop-dark .edition-box-title { border-color: #414347; }

.edition-platforms { display: inline-block; margin: 0 0.5em 0 0.5em; vertical-align: top; }

.edition-platforms > p { font-variant: small-caps; font-weight: 500; color: inherit; line-height: 1.2em; }

.edition-platform { display: inline-block; font-size: 90%; vertical-align: top; }

.edition-platform img { margin: 0 .4em; }

.edition-platform > div { font-size: 0.95em; line-height: 1.4em; margin: -0.6em 0.4em 0.4em 0.4em; }

@supports ((object-fit: contain) or (-o-object-fit: contain)) { .edition-box img { min-height: 50px; -o-object-fit: contain; object-fit: contain; } }

/* Template:Infobox, Template:Infobox row */ .notaninfobox { font-size: 90%; background: var(--custom-template-background); border: 1px solid var(--custom-template-border); box-sizing: content-box; width: 300px; clear: right; float: right; position: relative; margin: 0 0 1em 1em; padding: 2px; overflow: auto; z-index: 1; } @media all and (max-width: 511px) { .notaninfobox { width: auto; float: none; margin-left: 0; } } @media all and (max-width: 337px) { .notaninfobox { border-left: none; border-right: none; margin-left: -16px; margin-right: -16px; } }

.notaninfobox > .infobox-title { text-align: center; font-weight: bold; font-size: 120%; }

.infobox-imagearea { text-align: center; padding: 4px; } .infobox-imagearea > div:not(:first-child) { padding-top: 1em; } /* Horizontally centre animated images */ display: inline-flex; align-items: center; }
 * 1) mw-content-text .infobox-imagearea .animated {

.notaninfobox .infobox-rows { display: table; word-break: break-word; border-collapse: separate !important; border-spacing: 1px !important; width: 100% !important; margin: 0 !important; }

.infobox-rows li > span, .infobox-rows .hlist > span { white-space: normal !important; word-break: break-word; }

.infobox-rows > tbody > tr > th { text-align: left; white-space: nowrap; }

margin: 0; }
 * 1) mw-content-text .infobox-rows p {

/* Merge adjacent dls in the infobox (since they're usually supposed to be one, but the wiki screws up sometimes) */ .infobox-rows dl + dl { margin-top: -0.4em; } .infobox-rows dl:last-child { margin-bottom: 0.2em; }

body.theme-fandomdesktop-dark .alternaterows tr:nth-child(even), body.theme-fandomdesktop-dark .infobox-rows tr:nth-child(even) { background: #272a2f; }

.infobox-footer { text-align: center; }

/* Template:Schematic */ .thumb .schematic { margin: auto; }

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

span.schematic { font-size: 32px; display: inline-block; }

table.schematic td { vertical-align: top; } table.schematic td, span.schematic { background-color: var(--custom-template-background); border: 1px solid var(--custom-template-border); width: 1em; height: 1em; padding: 0; overflow: hidden; }

table.schematic td > div, span.schematic { position: relative; }

table.schematic td > div .sprite, table.schematic td > div .text, span.schematic .sprite, span.schematic .text { position: absolute; left: 0; }

.schematic .text { line-height: 1.5em; text-align: center; text-shadow: 0 0 2px #FFF; font-size: 75%; font-weight: bold; color: black; width: 100%; }

/* Template:Layered blueprint */ .layered-blueprint { position: relative; }

.layered-blueprint-radio { display: none; }

.layered-blueprint-tab { display: inline-block; cursor: pointer; white-space: nowrap; border-left: 4px solid var(--custom-template-border); margin-left: 100%; padding: 0.2em 0.5em; transition: color 200ms, border-color 200ms; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .layered-blueprint-tab:hover { color: var(--theme-link-color); } .layered-blueprint-radio:checked + .layered-blueprint-tab { color: var(--theme-link-color); border-left-color: var(--theme-link-color); }

.layered-blueprint-layer { width: 100%; height: 100%; position: absolute; top: 0; } body.theme-fandomdesktop-light .layered-blueprint-layer { background-color: rgba(220, 220, 220, 0.5); } body.theme-fandomdesktop-dark .layered-blueprint-layer { background-color: rgba(20, 20, 20, 0.5); }

.layered-blueprint-radio:checked + .layered-blueprint-tab + .layered-blueprint-layer ~ .layered-blueprint-layer { visibility: hidden; }

/* Template:Sound */ .sound-audio { display: block; }

.sound-title::after { -webkit-mask: url(https://static.wikia.nocookie.net/minecraft_gamepedia/images/e/e8/Speaker.svg/revision/latest); -webkit-mask-size: contain; mask: url(https://static.wikia.nocookie.net/minecraft_gamepedia/images/e/e8/Speaker.svg/revision/latest); mask-size: contain; background: var(--theme-body-text-color); }

.sound-playing > .sound-title::after { background: var(--theme-link-color); }

/** Misc stuff **/ /* The blue header used throughout the wiki */ .mcwiki-header { border: 1px solid; border-radius: 3px; padding: 5px; }

/* Documentation */ .documentation { border: 1px solid var(--custom-template-border); border-radius: 6px; border-color: var(--custom-template-border) !important; clear: both; padding: 0.8em 1em 0.7em; margin-top: 1em; } .documentation { background-color: var(--custom-background-blue) !important; } .documentation.documentation-badDoc { background-color: var(--custom-background-orange) !important; } .documentation.documentation-noDoc { background-color: var(--custom-background-grey) !important; } .documentation > div:first-of-type, .documentation > div:last-of-type { border-bottom: inherit; border-color: var(--custom-template-border) !important; padding: 0.8em 1em 0.7em; margin: -0.8em -1em 0.8em; } .documentation > div:first-of-type { border-top: none; border-top-left-radius: 6px; border-top-right-radius: 6px; } .documentation > div:last-of-type:not(:first-of-type) { border-bottom: none; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; }

.documentation-header { border: 1px solid var(--custom-template-border) !important; border-radius: 6px; padding: 0.8em 1em 0.7em; margin-bottom: 0.8em; } .documentation > div:first-of-type, .documentation > div:last-of-type, .documentation-header { background-color: var(--custom-background-blue-highlight) !important; } .documentation.documentation-badDoc > div:first-of-type, .documentation.documentation-badDoc > div:last-of-type, .documentation-header.documentation-badDoc { background-color: var(--custom-background-orange-highlight) !important; }

.documentation.documentation-noDoc > div:first-of-type, .documentation.documentation-noDoc > div:last-of-type, .documentation-header.documentation-noDoc { background-color: var(--custom-background-grey-highlight) !important; }

/* Key stylings */ kbd { text-align: center; font-size: 80%; font-family: inherit; font-weight: 500 !important; border: 1px solid; border-radius: 2px; padding: 0.1em 0.4em; -webkit-box-decoration-break: clone; -o-box-decoration-break: clone; box-decoration-break: clone; } body.theme-fandomdesktop-light kbd { text-shadow: 0 1px 0 #fff !important; color: #222 !important; background-color: #f8f9fa !important; border-color: #c8ccd1 !important; box-shadow: 0 1px 0 rgba(0,0,0,0.2), 0 0 0 2px #fff inset !important; } body.theme-fandomdesktop-dark kbd { text-shadow: 0 1px 0 #444 !important; color: #eee !important; background-color: #383838 !important; border-color: #1E1E1E !important; box-shadow: 0 1px 0 rgb(0 0 0 / 20%), 0 0 0 2px #444 inset !important; }

/* Match stylings to */ code { color: var(--theme-body-text-color); background-color: var(--theme-page-background-color--secondary); border: 1px solid var(--theme-border-color); border-radius: 3px; padding: 1px 4px; -webkit-box-decoration-break: clone; -o-box-decoration-break: clone; box-decoration-break: clone; }

/* Invert dark images in dark mode */ body.theme-fandomdesktop-dark .mw-spinner-small > .mw-spinner-container, body.theme-fandomdesktop-dark a[title="Autosign previous comment"][rel="autosign"], body.theme-fandomdesktop-dark img[data-image-name="Signature-icon.svg"], body.theme-fandomdesktop-dark img[data-image-name="Smartphone.svg"], body.theme-fandomdesktop-dark span[class*="slot-sprite-axe-required"], body.theme-fandomdesktop-dark span[class*="slot-sprite-bucket-required"], body.theme-fandomdesktop-dark span[class*="slot-sprite-hoe-required"], body.theme-fandomdesktop-dark span[class*="slot-sprite-pickaxe-required"], body.theme-fandomdesktop-dark span[class*="slot-sprite-shovel-required"], body.theme-fandomdesktop-dark span[class*="slot-sprite-sword-required"], body.theme-fandomdesktop-dark span[class*="dungeonsmiscellaneous-sprite-adventure"], body.theme-fandomdesktop-dark span[class*="dungeonsmiscellaneous-sprite-apocalypse"], body.theme-fandomdesktop-dark span[class*="dungeonsmiscellaneous-sprite-default"], body.theme-fandomdesktop-dark span[class*="dungeonsmiscellaneous-sprite-boss"], body.theme-fandomdesktop-dark span[class*="dungeonsmiscellaneous-sprite-death"] { filter: hue-rotate(180deg) invert(100%) saturate(.6) brightness(2); }

/***       Common.css ***/

/** Template stylings **/ /* Template:Navbox */ .navbox, .loadbox-navbox { background: var(--custom-table-background) !important; border: 1px solid var(--custom-template-border) !important; border-radius: 3px; width: 100%; padding: 2px; margin: 1em auto 0; } .navbox .table-scrollable { overflow-x: unset !important; } .navbox table { background: var(--custom-table-background); margin-right: -2px; margin-left: -4px; } .navbox table:first-child { margin-top: -2px; } .navbox table:last-child { margin-bottom: -2px; }

.navbox th.navbox-top { text-align: center; white-space: nowrap; background-color: var(--custom-table-header-background) !important; padding: 0 3px; }

.navbox td.navbox-top { background-color: var(--custom-table-header-background--secondary) !important; border: 1px solid var(--theme-border-color); }

.navbox-navbar, .navbox-navbar-mini { font-size: 80%; float: left; }

.navbox-title { font-size: 110%; padding: 0 10px; }

.navbox th { text-align: right; white-space: nowrap; background-color: var(--custom-table-header-background--secondary); border: 1px solid var(--theme-border-color); padding: 0 10px; }

background-color: var(--custom-table-header-background); border: 1px solid var(--theme-border-color); }
 * 1) content .loadbox-navbox > p {

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

.treeview .treeview-header { font-weight: bold; padding-left: 3px; } .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 { border-left: 1px solid #636363; position: relative; padding-left: 13px; margin-left: 7px; } .treeview li li::before { content: ""; border-bottom: 1px solid #636363; position: absolute; top: 0; left: -1px; width: 11px; height: 11px; }

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

body.theme-fandomdesktop-light .nbttree-inherited { background-color: #E6E6FA; } body.theme-fandomdesktop-dark .nbttree-inherited { background-color: #25211d; }

/* Remove remaining styles from: Fix some inline-stylings on:
 * Template:Table choice
 * Module:Keys
 * Module:Documentation
 * Minecraft Wiki/style
 * Minecraft Wiki/edition
 * Minecraft Wiki/platform
 * Navbox templates (header part)
 * Template:Shorcut
 * Template:Message box (background-color adaptation using linear-gradient)

Eventually remove importants as needed

/* Popups */ .navpopup { color: var(--theme-page-text-color); background-color: var(--custom-table-background); border-radius: 6px; box-shadow: 0 0px 20px rgb(0 0 0 / 50%); } .theme-fandomdesktop-light .navpopup { border: 1px solid #dbdbdb; } .theme-fandomdesktop-dark .navpopup { border: 1px solid #1b1b1b; } .popup_mainlink a, .popup_drop a, .popup_drop a:visited, .popupPreview .external { color: var(--theme-link-color); } .popup_drop:hover, .popup_menu a:hover { background: var(--custom-table-header-background--secondary); border-radius: 3px; } .popup_mainlink a:hover, .popup_drop:hover, .popup_menu a:hover, .popup_drop a:visited:hover { color: var(--theme-link-color--hover); } .popup_menu { background: var(--custom-table-header-background--secondary); border: 1px solid var(--custom-table-header-background--secondary); padding: 4px !important; box-shadow: 0 0px 10px rgb(0 0 0 / 50%); } .popup_drop:hover .popup_menu, .popup_drop .popup_menu:hover { background: var(--custom-table-background); border-radius: 6px; padding: 2px; color: #555; } .popup_history_row_even { background: var(--custom-table-background); } .navpopup table td, .navpopup table th { vertical-align: middle; border-radius: 3px; padding: 0 6px; } .navpopup hr { color: var(--theme-page-text-color) !important; background-color: var(--theme-border-color) !important; } ins.popupDiff, del.popupDiff { border-radius: 3px; padding: 2px; margin: 0 2px; text-decoration: none; -webkit-box-decoration-break: clone; -o-box-decoration-break: clone; box-decoration-break: clone; } .theme-fandomdesktop-light ins.popupDiff { background: #d8ecff; } .theme-fandomdesktop-dark ins.popupDiff { background: #424f5d; } .theme-fandomdesktop-light del.popupDiff { background: #feeec8; } .theme-fandomdesktop-dark del.popupDiff { background: #62543c; }