User:ItsPlantseed/fandomdesktop dev.css

/*** Fandomdesktop.css ***/

.skin-fandomdesktop.theme-fandomdesktop-light { --theme-body-background-image: url(https://cdn.discordapp.com/attachments/827172532917764161/849681583622717470/stone.png); --theme-body-text-color: #242424; --theme-body-text-color--hover: #3a3a3a; --theme-sticky-nav-background-color: #36c; --theme-sticky-nav-text-color: #f6f6f6; --theme-sticky-nav-text-color--hover: #c5dfe2; --theme-page-background-color--secondary: #f8f9fa; --theme-accent-color: #36c; --theme-accent-color--hover: #447ff5; --theme-accent-label-color: #fff;

--mcw-cloud-base: url(https://static.wikia.nocookie.net/minecraft_br_gamepedia/images/a/ad/Clouds-distance2.png/revision/latest) right 6px repeat-x; --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%, rgb(0 0 0 / 10%) 54%, rgba(255, 255, 255, 0) 20%), var(--mcw-grass-base), linear-gradient(0deg, rgba(255, 255, 255, 0) 58%, rgb(227, 227, 227) 58%, rgb(203, 217, 231) 70%, rgb(141, 189, 233) 90%); --mcw-header-background-small-screen: linear-gradient( 0deg, rgba(255, 255, 255, 0) 0%, rgb(0 0 0 / 10%) 51%, rgba(255, 255, 255, 0) 20%), var(--mcw-grass-base), linear-gradient(0deg, rgba(255, 255, 255, 0) 54%, rgb(227, 227, 227) 54%, rgb(203, 217, 231) 70%, rgb(141, 189, 233) 90%); --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); --mcw-bedrock: url(https://cdn.discordapp.com/attachments/827172532917764161/849681158962020462/bedrock.png); --mcw-table-header-background-color: #eaecf0; --mcw-table-header-background-color--secondary: #f4f4f4; --mcw-table-background-color: #f8f9fa; }

.skin-fandomdesktop.theme-fandomdesktop-dark { --theme-body-background-image: url(https://cdn.discordapp.com/attachments/827172532917764161/850081628788359239/Stone_dark.png); --theme-body-text-color: #eee; --theme-body-text-color--hover: #ccc; --theme-sticky-nav-background-color: #1f2737; --theme-sticky-nav-text-color: #f6f6f6; --theme-sticky-nav-text-color--hover: #c5dfe2; --theme-page-background-color: #171819; --theme-page-background-color--secondary: #181d23; --theme-link-color: #a0c9fe; --theme-link-color--rgb: 62, 117, 199; --theme-link-color--hover: #7e8eff; --theme-link-label-color: #0e191a; --theme-accent-color: #1f2737; --theme-accent-color--hover: #25324e; --theme-accent-label-color: #fff; --theme-border-color: #333;

--mcw-cloud-base: url(https://cdn.discordapp.com/attachments/827172532917764161/850078133495660564/Stars.png) right 0 repeat-x; --mcw-grass-base: url(https://cdn.discordapp.com/attachments/827172532917764161/850080601544589352/grass_dark.png); --mcw-header-background: var(--mcw-grass-base), linear-gradient(0deg, rgba(255, 255, 255, 0) 58%, rgb(14, 14, 15) 58%, rgb(9, 9, 19) 70%, rgb(6, 5, 15) 90%); --mcw-header-background-small-screen: var(--mcw-grass-base), linear-gradient(0deg, rgba(255, 255, 255, 0) 54%, rgb(14, 14, 15) 54%, rgb(9, 9, 19) 70%, rgb(6, 5, 15) 90%); --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); --mcw-bedrock: url(https://cdn.discordapp.com/attachments/827172532917764161/849681158962020462/bedrock.png); --mcw-table-header-background-color: #1b1c1e; --mcw-table-header-background-color--secondary: #2d2e31; --mcw-table-background-color: #242728; }

/* Force background to repeat horizontally */ .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 { position: absolute; bottom: 0; background: var(--mcw-deepslate-transition) repeat-x; background-position: 66px top; background-size: 40px; content: ""; height: calc(50% + 35px); width: 100%; z-index: -3; /* Hide the background when the site is still loading */ } html body.skin-fandomdesktop:after { background: var(--mcw-deepslate); background-position: 66px top; background-size: 40px; content: ""; height: 50%; width: 100%; position: absolute; bottom: 0; z-index: -3; /* Hide the background when the site is still loading */ }

/* Add sky, grass, and clouds for the header */ .fandom-community-header__background { background: var(--mcw-header-background); width: calc(100% - 66px); height: 290px; position: absolute; background-size: 160px !important; /* Force background to repeat horizontally */ background-position: bottom left !important; /* Force background to repeat horizontally */ } @media only screen and (max-width: 1279px) { .fandom-community-header__background { background: var(--mcw-header-background-small-screen); height: 310px; } } .fandom-community-header__background:before { background: var(--mcw-cloud-base); } .theme-fandomdesktop-dark .fandom-community-header__background:before { background-size: 250px; }

/* Stone background for the sticky navigation */ .fandom-sticky-header { background: linear-gradient(0deg, rgba(42, 42, 42, .3) 0%, rgba(255, 255, 255, 0) 50%), var(--theme-body-background-image); }

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

/* Use table colors for the TOC */ .page-content #toc .toctitle { background-color: var(--mcw-table-header-background-color); } .page-content #toc ul { background-color: var(--mcw-table-background-color); }

/* Restore border collapsing for tables */ .article-table, .wikitable { border-collapse: collapse; background-color: var(--mcw-table-background-color); }

/* Restore pre-FD table header text centering */ .wikitable > tr > th, .wikitable > * > tr > th { text-align: center; background-color: var(--mcw-table-header-background-color); }

/* Restore pre-FD Hydra/Vector table paddings. 12px on all sides feels too much * for a desktop skin. */ .article-table tr td, .article-table tr th, .wikitable tr td, .wikitable tr th { padding: 0.2em 0.4em; }

/* Fix issues with tables using rowspan / colspan */ .article-table tr td:first-child, .article-table tr th:first-child, .wikitable tr td:first-child, .wikitable tr th:first-child { border: 1px solid var(--theme-border-color); }

/* Fix FD setting box-sizing to border-box by default, and some elements assume * the other option. */ .invslot { box-sizing: content-box; }

/* Fix FD collapsing navbox borders */ .navbox, .navbox table { border-collapse: separate; border-spacing: 2px; }

/* Fix some height declarations being inappropriate with FD */ .wikiEditor-ui-toolbar .page-characters div span { height: unset; }
 * 1) msupload-dropzone,

/* Fix class name overuse */ .wikiEditor-ui-toolbar .page { margin-top: 0; }

/* Fix page history headers being broken into several lines*/ div.mw-history-subtitle { display: inline-block; }

/* Fix many special page forms having no styling at all */ .mw-special-MergeHistory fieldset, .mw-special-Whatlinkshere fieldset, .mw-special-Import fieldset { border: 1px solid #2a4b8d; margin: 1em 0 1em 0; padding: 0 1em 1em; } .mw-special-MergeHistory fieldset legend, .mw-special-Whatlinkshere fieldset legend, .mw-special-Import fieldset legend { padding: 0.5em; }
 * 1) mw-history-searchform > fieldset,
 * 2) mw-Protect-Form > fieldset,
 * 3) mw-abusefilter-editing-form > fieldset,
 * 4) mw-upload-form > fieldset,
 * 1) mw-history-searchform > fieldset legend,
 * 2) mw-Protect-Form > fieldset legend,
 * 3) mw-abusefilter-editing-form > fieldset legend,
 * 4) mw-upload-form > fieldset legend,

/* Fix cramped infoboxes */ .infobox-rows th, .infobox-rows td { padding: 4px; }

/* Fix indentation with `:` having too much padding */ .page-content dl { margin: 0; }

/* Fix the VE/Source button messing up the 2010 editor */ .wikiEditor-ui .oo-ui-toolbar-bar { padding: 0; } .wikiEditor-ui .ve-init-mw-editSwitch .oo-ui-popupToolGroup.oo-ui-iconElement .oo-ui-popupToolGroup-handle { padding: 16px 8px; }

/* Fix arrows in enhanced recent changes */ .mw-enhancedchanges-arrow-space { height: 19px; }

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

/* Fix border color */ .theme-fandomdesktop-dark hr { border: 1px solid var(--theme-border-color) }

/* 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 { 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; background-color: #212121; background-clip: padding-box; color: #FFF; padding: 0.2em 0.8em; }

/* Various styling for message boxes, based on colours/styling from Template:Msgbox */ div.mw-warning-with-logexcerpt, .errorbox, .warningbox, .successbox { display: block; padding: .4em .8em; margin-bottom: 1em; border: 1px solid var(--theme-border-color); color: var(--theme-body-text-color); } div.mw-warning-with-logexcerpt p, .errorbox p, .warningbox p, .successbox p { margin: 0; } .theme-fandomdesktop-light div.mw-warning-with-logexcerpt, .theme-fandomdesktop-light .errorbox { background: #FDD; border-left: 4px solid #FAA; } .theme-fandomdesktop-dark div.mw-warning-with-logexcerpt, .theme-fandomdesktop-dark .errorbox { background: #3b1a1a; border-left: 4px solid #622929; } .theme-fandomdesktop-light .warningbox { background: #FFC; border-left: 4px solid #DD8; } .theme-fandomdesktop-dark .warningbox { background: #36331e; border-left: 4px solid #635e33; } .theme-fandomdesktop-light .successbox { background: #DFD; border-left: 4px solid #9C9; } .theme-fandomdesktop-dark .successbox { background: #1f301f; border-left: 4px solid #436043; } .successbox strong p { margin: 0; }

/* Sprite edit doc */ .spritedoc-box { background: var(--mcw-template-background-color); border: 1px solid var( --mcw-template-border-color); }

/* Fix history */ border: none; } .theme-fandomdesktop-light #pagehistory li.selected { background-color: #f8f9fa; color: #222; border: 1px dashed #a2a9b1; } .theme-fandomdesktop-dark #pagehistory li.selected { background-color: #1d242a; color: #bababa; border: 1px dashed #474b4f; }
 * 1) pagehistory li {

/* Fix diff area styling */ table.diff { background-color: transparent; border-collapse: separate; border-spacing: 6px; } .theme-fandomdesktop-light td.diff-context { background-color: #F3F3F3; } .theme-fandomdesktop-dark td.diff-context { background-color: #212121; border-color: #252525; color: #c4c4c4 } .theme-fandomdesktop-light td.diff-addedline, .theme-fandomdesktop-light td.diff-deletedline { background-color: #F9F9F9; } .theme-fandomdesktop-dark td.diff-addedline, .theme-fandomdesktop-dark td.diff-deletedline { background-color: #2f2d29; } .theme-fandomdesktop-light td.diff-deletedline { border-color: #ffe49c; } .theme-fandomdesktop-dark td.diff-deletedline { border-color: #443a2a; } .theme-fandomdesktop-light .diff-deletedline .diffchange { background-color: #feeec8; } .theme-fandomdesktop-dark .diff-deletedline .diffchange { background-color: #4b4130; } .theme-fandomdesktop-light td.diff-addedline { border-color: #a3d3ff; } .theme-fandomdesktop-dark td.diff-addedline { border-color: #2e3e4d; } .theme-fandomdesktop-light .diff-addedline .diffchange { background-color: #d8ecff; } .theme-fandomdesktop-dark .diff-addedline .diffchange { background-color: #353e47; }

/* Adjustments for Minecraft Dungeon subpages */ .theme-fandomdesktop-light.rootpage-Minecraft_Dungeons, .theme-fandomdesktop-light.ns-10000, .theme-fandomdesktop-light.ns-10001 { --theme-sticky-nav-background-color: #c86e10; --theme-sticky-nav-text-color--hover: #f2e5b2; --theme-page-background-color: #f2eee7; --theme-page-background-color--secondary: #fff6e4; --theme-accent-color: #c86e10; --theme-accent-color--hover: #CC7820; --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%, rgb(0 0 0 / 10%) 54%, rgba(255, 255, 255, 0) 20%), var(--mcw-grass-base) repeat-x, linear-gradient(0deg, rgba(255, 255, 255, 0) 58%, rgb(247, 247, 247) 58%, rgb(255, 237, 180) 70%, rgb(255, 198, 133) 90%); --mcw-header-background-small-screen: linear-gradient( 0deg, rgba(255, 255, 255, 0) 0%, rgb(0 0 0 / 10%) 51%, rgba(255, 255, 255, 0) 20%), var(--mcw-grass-base) repeat-x, linear-gradient(0deg, rgba(255, 255, 255, 0) 54%, rgb(247, 247, 247) 54%, rgb(255, 237, 180) 70%, rgb(255, 198, 133) 90%); } .theme-fandomdesktop-dark.rootpage-Minecraft_Dungeons, .theme-fandomdesktop-dark.ns-10000 , .theme-fandomdesktop-dark.ns-10001 { --theme-sticky-nav-background-color: #3a2916; --theme-accent-color: #3a2916; --theme-page-background-color: #1a1715; --theme-page-background-color--secondary: #2d251f; --theme-accent-color--hover: #ad6e2a;

--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/850314990816198676/Dungeons_Grass_dark.png); --mcw-header-background: var(--mcw-grass-base) repeat-x, linear-gradient(0deg,rgba(255,255,255,0) 58%,rgb(29, 20, 12) 58%,rgb(6, 5, 3) 70%,rgb(3,3,6) 90%); --mcw-header-background-small-screen: var(--mcw-grass-base) repeat-x, linear-gradient(0deg,rgba(255,255,255,0) 54%,rgb(29, 20, 12) 54%,rgb(6, 5, 3) 70%,rgb(3,3,6) 90%);

}

/* Adjustments for Minecraft Earth subpages */ .theme-fandomdesktop-light.rootpage-Minecraft_Earth, .theme-fandomdesktop-light.ns-10002, .theme-fandomdesktop-light.ns-10003 { --theme-sticky-nav-background-color: #2783ae; --theme-sticky-nav-text-color--hover: #b2c4f2; --theme-page-background-color: #e5edff; --theme-page-background-color--secondary: #f1f5ff; --theme-accent-color: #2783ae; --theme-accent-color--hover: #2783ae; --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%, rgb(0 0 0 / 10%) 54%, rgba(255, 255, 255, 0) 20%), var(--mcw-grass-base) repeat-x, linear-gradient(0deg, rgba(255, 255, 255, 0) 58%, rgb(247, 247, 247) 58%, rgb(180 203 255) 70%, rgb(113 144 255) 90%); --mcw-header-background-small-screen: linear-gradient( 0deg, rgba(255, 255, 255, 0) 0%, rgb(0 0 0 / 10%) 51%, rgba(255, 255, 255, 0) 20%), var(--mcw-grass-base) repeat-x, linear-gradient(0deg, rgba(255, 255, 255, 0) 54%, rgb(247, 247, 247) 54%, rgb(180 203 255) 70%, rgb(113 144 255) 90%); } .theme-fandomdesktop-dark.rootpage-Minecraft_Earth, .theme-fandomdesktop-dark.ns-10002, .theme-fandomdesktop-dark.ns-10003 { --theme-sticky-nav-background-color: #0f242e; --theme-sticky-nav-text-color--hover: #b2c4f2; --theme-page-background-color: #14151a; --theme-page-background-color--secondary: #1a1f2a; --theme-accent-color: #0f242e; --theme-accent-color--hover: #658ff0; --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/364094011620720650/850271045042831391/Earth_Grass_dark.png); }

/* 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; margin-top: 10px; background-size: 40px; 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 { content: var(--mcw-site-name); text-indent: 0; display: block; line-height: initial; }

/* Other stuffs/uncategorized */

.page-header__title { font-weight: 500; }

.skin-fandomdesktop.rootpage-Minecraft_Dungeons #content, .ns-10000 #content, .ns-10001 #content { background-color: unset; }

.article-table-wrapper { background: transparent; }

background-color: var(--theme-body-text-color); height: 5px; width: 5px; border-radius: 4px; }
 * 1) mw-content-text .hlist li:not(:last-child)::after {

.jslink { color: var(--theme-link-color); } .theme-fandomdesktop-dark .mw-spinner-small > .mw-spinner-container { filter: invert(1); }

.theme-fandomdesktop-dark .oo-ui-labelElement .oo-ui-labelElement-label, .theme-fandomdesktop-dark .oo-ui-labelElement.oo-ui-labelElement-label { color: var(--theme-body-text-color); }

.theme-fandomdesktop-dark #filetoc { background-color: var(--mcw-table-header-background); border-color: var(--theme-border-color); }

.theme-fandomdesktop-dark ol.references li:target, .theme-fandomdesktop-dark  sup.reference:target, .theme-fandomdesktop-dark span.citation:target { background-color: var(--mcw-table-header-background); }

/*** Gadget-site-styles.css ***/ .skin-fandomdesktop.theme-fandomdesktop-light { --mcw-template-background-color: #fcfcfc; --mcw-template-border-color: #ccc; } .skin-fandomdesktop.theme-fandomdesktop-dark { --mcw-template-background-color: #202125; --mcw-template-background-color--secondary: #202125; --mcw-template-border-color: #2e2e2e; }

/** 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(--mcw-template-background-color); border: 1px solid var(--mcw-template-border-color); border-radius: 6px; vertical-align: top; margin: 1px; width: calc(100% - 4px); }

.fp-section .mcwiki-header { background-size: 192px; background-position: left -12px; }

-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-boxes p { margin: 0 !important; }

.edition-box { flex: auto; margin: 0 1px 0 1px; } .edition-box > div { display: inline-block; margin: 0 0.5em 0 0.5em; vertical-align: top; }

.edition-box.java { background: #fce9d6; border: 1px solid #fec488; }

.edition-box.bedrock { background: #f7e6e8; border: 1px solid #ffb5d0; }

.edition-box.dungeons { background: #fff0cd; border: 1px solid #ffcc89; }

.edition-box.launcher { background: #f7e6e8; border: 1px solid #ffb5d0; }

.edition-box.edition { background: #f7e6e8; border: 1px solid #ffb5d0; }

.edition-box.china { background: #f7e6e8; border: 1px solid #ffb5d0; }

@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 { position: relative; clear: right; margin: 0 0 1em 1em; width: 300px; box-sizing: content-box; font-size: 90%; background: var(--mcw-template-background-color); border: 1px solid var(--mcw-template-border-color); float: right; padding: 2px; overflow: auto; z-index: 1; } @media all and (max-width: 511px) { .notaninfobox { float: none; margin-left: 0; width: auto; } } @media all and (max-width: 337px) { .notaninfobox { margin-left: -16px; margin-right: -16px; border-left: none; border-right: none; } }

.notaninfobox > .infobox-title { font-weight: bold; text-align: center; 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; margin: 0 !important; width: 100% !important; border-collapse: separate !important; border-spacing: 1px !important; } .infobox-rows > tbody > tr > th { text-align: left; white-space: nowrap; }	margin: 0; } /* 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; }
 * 1) mw-content-text .infobox-rows p {

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

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

/* Template:Schematic */ .thumb .schematic { margin: auto; } table.schematic { border-collapse: collapse; font-size: 32px; } span.schematic { display: inline-block; font-size: 32px; }

table.schematic td { vertical-align: top; } table.schematic td, span.schematic { background-color: var(--mcw-template-background-color); border: 1px solid var(--mcw-template-border-color); padding: 0; width: 1em; height: 1em; 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; font-size: 75%; width: 100%; color: black; font-weight: bold; text-align: center; text-shadow: 0 0 2px #FFF; }

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

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

.layered-blueprint-tab { display: inline-block; cursor: pointer; margin-left: 100%; border-left: 4px solid var(--mcw-template-border-color); padding: 0.2em 0.5em; white-space: nowrap; 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 { position: absolute; top: 0; background-color: rgba(var(--theme-page-dynamic-color-2--rgb),.5); width: 100%; height: 100%; }

.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-bottom: 4px groove #999; border-right: 4px groove #999; border-radius: 3px; padding: 5px; } .theme-fandomdesktop-light .mcwiki-header { background: #729FCF; border-color: #CCC; } .theme-fandomdesktop-dark .mcwiki-header { background: #212c3d; border-color: #1d1d1d; }

/* Various stylings for message boxes */ .msgbox { display: flex; background: var(--mcw-template-background-color); border: 1px solid var(--mcw-template-border-color); box-sizing: border-box; align-items: center; width: auto; padding: .4em .8em; margin: 0 auto; margin-bottom: 1em; } .msgbox + .msgbox { border-top: none; margin-top: -1em; }
 * not(.msgbox) + .msgbox,

.msgbox:first-of-type { border-top-right-radius: .15em; border-top-left-radius: .15em; } .msgbox #msgbox-iconimage, .msgbox #msgbox-image { margin: 0 1.5em 0 .5em; } .msgbox-mini { padding: .4em .5em; margin: 0 0; margin-bottom: 1em; } .msgbox-mini #msgbox-icon { align-self: flex-start; } .msgbox-mini #msgbox-iconimage, .msgbox-mini #msgbox-image { margin: 0 .4em 0 .5em; } .msgbox-mini #msgbox-text { font-size: small; } .theme-fandomdesktop-light .msgbox-red { background: #FDD; border-left: 4px solid #FAA; } .theme-fandomdesktop-dark .msgbox-red { background: #3b1a1a; border-left: 4px solid #622929; } .theme-fandomdesktop-light .msgbox-orange { background: #FEC; border-left: 4px solid #DC8; } .theme-fandomdesktop-dark .msgbox-orange { background: #2b1f16; border-left: 4px solid #4a311a; } .theme-fandomdesktop-light .msgbox-yellow { background: #FFC; border-left: 4px solid #DD8; } .theme-fandomdesktop-dark .msgbox-yellow { background: #36331e; border-left: 4px solid #635e33; } .theme-fandomdesktop-light .msgbox-green { background: #DFD; border-left: 4px solid #9C9; } .theme-fandomdesktop-dark .msgbox-green { background: #1f301f; border-left: 4px solid #436043; } .theme-fandomdesktop-light .msgbox-blue { background: #DEF; border-left: 4px solid #9CD; } .theme-fandomdesktop-dark .msgbox-blue { background: #283643; border-left: 4px solid #365b67; } .theme-fandomdesktop-light .msgbox-magenta { background: #FDF; border-left: 4px solid #DAD; } .theme-fandomdesktop-dark .msgbox-magenta { background: #2d1c2d; border-left: 4px solid #62385e; } .theme-fandomdesktop-light .msgbox-purple { background: #EEF; border-left: 4px solid #AAD; } .theme-fandomdesktop-dark .msgbox-purple { background: #29232f; border-left: 4px solid #533d62; }

/* Table choice */ .theme-fandomdesktop-light .tc-yes { background: #c6efce !important; } .theme-fandomdesktop-dark .tc-yes { background: #29542c !important; } .theme-fandomdesktop-light .tc-always { background: #5dcc5d !important; } .theme-fandomdesktop-dark .tc-always { background: #3b533c !important; } .theme-fandomdesktop-light .tc-no { background: #ffc7ce !important; } .theme-fandomdesktop-dark .tc-no { background: #592c2c !important; } .theme-fandomdesktop-light .tc-never { background: #ff5757 !important; } .theme-fandomdesktop-dark .tc-never { background: #533b3b !important; } .theme-fandomdesktop-light .tc-rarely { background: #fdce5e !important; } .theme-fandomdesktop-dark .tc-rarely { background: #594f1e !important; } .theme-fandomdesktop-light .tc-neutral { background: #ffeb9c !important; } .theme-fandomdesktop-dark .tc-neutral { background: #5b573f !important; } .theme-fandomdesktop-light .tc-partial { background: #ffffdd !important; } .theme-fandomdesktop-dark .tc-partial { background: #3e3d31 !important; } .theme-fandomdesktop-light .tc-planned { background: #dfdfff !important; } .theme-fandomdesktop-dark .tc-planned { background: #242f2e !important; } .theme-fandomdesktop-light .tc-unknown { background: #ccc !important; } .theme-fandomdesktop-dark .tc-unknown { background: #364148 !important; } .theme-fandomdesktop-light .tc-in { background: #060 !important; color: #fff; } .theme-fandomdesktop-dark .tc-in { background: #06450a !important; } .theme-fandomdesktop-light .tc-inem { background: #0c0 !important; color: #fff; } .theme-fandomdesktop-dark .tc-inem { background: #266c29 !important; } .theme-fandomdesktop-light .tc-out { background: #900 !important; color: #fff; } .theme-fandomdesktop-dark .tc-out { background: #4a0a0a !important; } .theme-fandomdesktop-light .tc-outem { background: #f00 !important; color: #fff; } .theme-fandomdesktop-dark .tc-outem { background: #742a2a !important; } .theme-fandomdesktop-light .tc-default { background: #fff !important; color: inherit !important; } .theme-fandomdesktop-dark .tc-default { background: #373737 !important; color: inherit !important; } .theme-fandomdesktop-light .tc-hyphen { background: #ffc7ce !important; } .theme-fandomdesktop-dark .tc-hyphen { background: #352929 !important; }

/* Documentation */ .documentation { border-color: var(--mcw-template-border-color) !important; border-radius: 6px; margin-top: 1em; padding: 0.8em 1em 0.7em; border: 1px solid var(--mcw-template-border-color); clear: both; } .theme-fandomdesktop-light .documentation { background-color: #e5f1f7 !important; } .theme-fandomdesktop-dark .documentation { background-color: #24282a !important; } .documentation > div:first-of-type, .documentation > div:last-of-type, .documentation-header { border-bottom: inherit; border-color: var(--mcw-template-border-color) !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 { border-bottom: none; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } .theme-fandomdesktop-light .documentation > div:first-of-type, .theme-fandomdesktop-light .documentation > div:last-of-type, .theme-fandomdesktop-light .documentation-header { background-color: #c9e8f7 !important; } .theme-fandomdesktop-dark .documentation > div:first-of-type, .theme-fandomdesktop-dark .documentation > div:last-of-type, .theme-fandomdesktop-dark .documentation-header { background-color: #1b2124 !important; }

/* Key stylings */ kbd { font-size: 80%; font-family: inherit; font-weight: 500 !important; border: 1px solid; border-radius: 2px; padding: 0.1em 0.4em; text-align: center; } .theme-fandomdesktop-light kbd { 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; text-shadow: 0 1px 0 #fff !important; } .theme-fandomdesktop-dark kbd { 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; text-shadow: 0 1px 0 #444 !important; }

code { color: var(--theme-body-text-color); background-color: var(--theme-page-background-color--secondary); border: 1px solid var(--theme-border-color); border-radius: 2px; padding: 1px 4px; }

/*** Common.css ***/

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

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

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

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

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

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

background-color: var(--mcw-table-header-background-color); 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 { 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; }

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