MediaWiki:Fandomdesktop.css

/* Replace regular logo with the custom one - removed until new custom logos are made */ /* .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: 1.25; content: var(--mcw-site-name); }

/* 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:after { background: var(--mcw-deepslate); background-position: 66px top; background-size: 40px; background-clip: padding-box; border-top: 40px solid #f2000000; -o-border-image: var(--mcw-deepslate-transition) 56 0 0 0 round; border-image: var(--mcw-deepslate-transition) 56 0 0 0 round; content: ""; min-width: 768px; 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); min-width: inherit; height: 305px; position: relative; background-position: bottom left !important; /* Force background to repeat horizontally */ background-repeat: repeat-x; margin-bottom: -305px; }

body.theme-fandomdesktop-light .fandom-community-header__background { background-size: auto, 160px, auto !important; } body.theme-fandomdesktop-dark .fandom-community-header__background { background-size: 160px, auto !important; } .fandom-community-header__background.fitCenter.fullScreen:before, .fandom-community-header__background.fitTopLeft.fullScreen:before, .fandom-community-header__background.fitTopRight.fullScreen:before, .fandom-community-header__background.header:before { background: var(--mcw-sky-base) right 6px repeat-x; position: relative; } 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); }

/* 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); } body.theme-fandomdesktop-dark .main-page .mcwiki-header { /* */	background-image: url(https://static.wikia.nocookie.net/minecraft_gamepedia/images/0/0a/GrassBackgroundDark.png/revision/latest?cb=20210613130609&format=original) !important; border-top-color: #1c2828 !important; border-left: 1px solid #1c2828; border-right: 1px solid #1c2828; border-bottom: 1px solid #1c2828; color: #e8e8e8 !important; }

/* Infoboxes */ .notaninfobox { border-color: var(--theme-border-color); background-color: var(--custom-table-background); } .notaninfobox .mcwiki-header { background-color: var(--custom-background-blue-highlight); border: 1px solid var(--theme-border-color); } .alternaterows tr:nth-child(2n), .infobox-rows tr:nth-child(2n) { background-color: var(--custom-table-alternate-background); }

/* Navboxes */ .navbox, .navbox table { background-color: var(--custom-table-background); } .navbox th, .navbox .navbox-top, background-color: var(--custom-table-header-background) !important; } .loadbox-navbox { border-color: var(--theme-border-color) !important; background-color: var(--custom-table-background) !important; }
 * 1) content .loadbox-navbox > p {

/* Other templates */ .documentation, .documentation-header, .documentation > div[style*="background-color:#EAF4F9"] { background-color: var(--custom-background-blue) !important; border-color: var(--custom-border-blue) !important; }

table.schematic td, span.schematic { border-color: var(--theme-border-color); background-color: var(--custom-table-background); } table.wikitable .schematic tr td { padding: 0; }

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

/* Make 'code' elements more visible, by Chixvv */ .page-content code { background-color: var(--theme-page-background-color--secondary); border: 1px solid var(--theme-border-color); border-radius: 2px; padding: 1px 4px; }

/* Add a class to force normal line wrapping when needed */ .reset-wrap, .reset-wrap .nowrap { white-space: normal; }

/* Hydra overrides. These should be addressed when FandomDesktop is fully rolled * out. */ /* Hydra overrides for Earth/Dungeons */ .rootpage-Minecraft_Dungeons #content, .rootpage-Minecraft_Earth #content, .ns-10000 #content, .ns-10001 #content, .ns-10002 #content, .ns-10003 #content { background-color: unset; } /* Fix file TOC being light-themed */ border-color: var(--theme-border-color); background-color: var(--custom-table-background); }
 * 1) filetoc {

/* Fix JS links (such as in loadboxes) being too dark */ .jslink { color: var(--theme-link-color); }

/* Fix horizontal lists on dark theme */ background-color: var(--theme-page-text-color); height: 4px; width: 4px; border-radius: 2px; }
 * 1) mw-content-text .hlist li:not(:last-child)::after {

/* Stikitable overrides. Should probably deprecate this class given this * functionality is built into FandomDesktop. */ .stikitable > * > tr:first-child > th::after { left: unset; border-bottom: unset; }

/* FandomDesktop fixes: May be useful to check from time to time if these got * any actual fixes. */ /* Restore border collapsing for tables */ .ooui-theme-fandomooui .article-table, .ooui-theme-fandomooui .wikitable { border-collapse: collapse; background-color: var(--custom-table-background); }

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

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

/* Fix issues with tables using rowspan / colspan */ .ooui-theme-fandomooui .article-table tr td:first-child, .ooui-theme-fandomooui .article-table tr th:first-child, .ooui-theme-fandomooui .wikitable tr td:first-child, .ooui-theme-fandomooui .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. */	box-sizing: content-box; }
 * 1) content .invslot {

/* 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-abusefilter-editing-form > fieldset,
 * 2) mw-upload-form > fieldset,
 * 1) mw-abusefilter-editing-form > fieldset legend,
 * 2) 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 improper notification styling on dark mode */ .mw-notification { background-color: var(--custom-background-grey); border-color: var(--custom-border-grey); color: var(--theme-page-text-color); } .mw-notification.mw-notification-type-warn { background-color: var(--custom-background-yellow-highlight); border-color: var(--custom-border-yellow-highlight); } .mw-notification.mw-notification-type-error { background-color: var(--custom-background-red-highlight); border-color: var(--custom-border-red-highlight); } body.theme-fandomdesktop-dark .postedit::after { filter: invert(100%); }

/* Fix "this document contains errors" using an inappropriate color with dark * mode */ .oo-ui-messageDialog-message { color: var(--theme-page-text-color); }

/* Fix various infobox changes (by ItsPlantseed) */ .notaninfobox { box-sizing: content-box; }

.notaninfobox .infobox-rows { word-break: break-word; }

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

/* Fix table alignment inheritance (once again by ItsPlantseed) */ .article-table tr td, .wikitable tr td { text-align: inherit; }

/* Fix dark theme recent changes (incl. enhanced filters) */ body.theme-fandomdesktop-dark .mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey td:not(:nth-child(-n+2)) { background-color: hsl(195, 11%, 15%); }

body.theme-fandomdesktop-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c1, body.theme-fandomdesktop-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c1 tr:first-child, body.theme-fandomdesktop-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c1.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), body.theme-fandomdesktop-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c1.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { background-color: hsl(193, 45%, 15%); }

body.theme-fandomdesktop-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c2, body.theme-fandomdesktop-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c2 tr:first-child, body.theme-fandomdesktop-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c2.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), body.theme-fandomdesktop-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c2.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { background-color: hsl(167, 53%, 12%); }

body.theme-fandomdesktop-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c3, body.theme-fandomdesktop-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c3 tr:first-child, body.theme-fandomdesktop-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c3.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), body.theme-fandomdesktop-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c3.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { background-color: hsl(45, 100%, 12%); }

body.theme-fandomdesktop-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c4, body.theme-fandomdesktop-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c4 tr:first-child, body.theme-fandomdesktop-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c4.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), body.theme-fandomdesktop-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c4.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { background-color: hsl(20, 100%, 15%); }

body.theme-fandomdesktop-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c5, body.theme-fandomdesktop-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c5 tr:first-child, body.theme-fandomdesktop-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c5.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), body.theme-fandomdesktop-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c5.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { background-color: hsl(0, 75%, 15%); }

body.theme-fandomdesktop-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c3.mw-rcfilters-highlight-color-c5, body.theme-fandomdesktop-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c3.mw-rcfilters-highlight-color-c5 tr:first-child, body.theme-fandomdesktop-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c3.mw-rcfilters-highlight-color-c5.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), body.theme-fandomdesktop-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c3.mw-rcfilters-highlight-color-c5.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { background-color: hsl(30, 85%, 15%); }

body.theme-fandomdesktop-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c2.mw-rcfilters-highlight-color-c3.mw-rcfilters-highlight-color-c4, body.theme-fandomdesktop-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c2.mw-rcfilters-highlight-color-c3.mw-rcfilters-highlight-color-c4 tr:first-child, body.theme-fandomdesktop-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c2.mw-rcfilters-highlight-color-c3.mw-rcfilters-highlight-color-c4.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), body.theme-fandomdesktop-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c2.mw-rcfilters-highlight-color-c3.mw-rcfilters-highlight-color-c4.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { background-color: hsl(56, 37%, 15%); }

body.theme-fandomdesktop-dark .mw-plusminus-pos { color: hsl(120, 80%, 50%); }

body.theme-fandomdesktop-dark .mw-plusminus-neg { color: hsl(0, 90%, 70%); }

/* Fix Fandom breaking enhanced RC even further, basically giving up on the dark * theme */ body.theme-fandomdesktop-dark .mw-rcfilters-highlighted { color: var(--theme-page-text-color); } body.theme-fandomdesktop-dark .mw-rcfilters-highlighted a { color: var(--theme-link-color); } body.theme-fandomdesktop-dark .mw-rcfilters-highlighted a.new { color: var(--theme-alert-color); } body.theme-fandomdesktop-dark .unpatrolled { color: var(--theme-alert-color); } body.theme-fandomdesktop-dark .autocomment, body.theme-fandomdesktop-dark .autocomment a, body.theme-fandomdesktop-dark .autocomment a:visited { color: #92999d; }

/** Portable infobox **/ .portable-infobox { border-radius: 0; border-width: 2px; background-color: transparent; padding: 0.5rem; } .pi-border-color { border-color: var(--custom-infobox-header-background); } .page-content .portable-infobox .pi-title { color: #fff; text-align: center; font-size: 20px; /* font-family: 'minecraft'; */ margin-bottom: 4px; background-color: var(--custom-infobox-header-background); border: 4px solid var(--custom-infobox-header-border-side); border-top: 4px solid var(--custom-infobox-header-border-top); border-bottom: 4px solid var(--custom-infobox-header-border-bottom); } .page-content .portable-infobox .pi-header { color: #fff; text-align: center; font-size: 16px; /* font-family: 'minecraft'; */ padding: 8px; margin: 4px 0; background-color: var(--custom-infobox-header-background); border: 2px solid var(--custom-infobox-header-border-bottom); user-select: none; } .theme-fandomdesktop-dark .page-content .portable-infobox .pi-header { border-color: var(--custom-infobox-header-border-top); } .page-content .portable-infobox .pi-header:hover { border-color: white; } .pi-collapse .pi-header:first-child:after { margin-top: -2px; } .pi-collapse.pi-collapse-closed .pi-header:first-child:after { margin-top: -6px; } .pi-title, .pi-header { text-shadow: 2px 2px 0 var(--custom-infobox-header-border-bottom); } .page-content .portable-infobox .pi-data-label { flex-basis: 120px; } .page-content .portable-infobox .pi-data { padding: 0.35em 0.5em; align-items: center; } .portable-infobox .pi-navigation { font-size: 12px; } .portable-infobox nav.pi-navigation.pi-item-spacing.pi-secondary-font { text-align: center; padding: 8px; } .portable-infobox .pi-image { padding: 10px 20px; margin-top: 6px; margin-bottom: 2px; } .portable-infobox .pi-image img { max-height: 200px; width: auto; -webkit-filter: drop-shadow(0 0 5px rgba(0,0,0,.4)); filter: drop-shadow(0 0 5px rgba(0,0,0,.4)); } .theme-fandomdesktop-dark .portable-infobox .pi-image img { -webkit-filter: drop-shadow(0 0 5px rgba(195, 195, 195, 0.4)); filter: drop-shadow(0 0 5px rgba(195, 195, 195, 0.4)); } .theme-fandomdesktop-dark .portable-infobox .slot-axe-required-sprite, .theme-fandomdesktop-dark .portable-infobox .slot-sword-required-sprite, .theme-fandomdesktop-dark .portable-infobox .slot-pickaxe-required-sprite, .theme-fandomdesktop-dark .portable-infobox .slot-hoe-required-sprite, .theme-fandomdesktop-dark .portable-infobox .slot-shovel-required-sprite, .theme-fandomdesktop-dark .portable-infobox .slot-bucket-required-sprite, .theme-fandomdesktop-dark .portable-infobox .pi-image img[data-image-name="4J Studios logo.svg"] { filter: hue-rotate(180deg) invert(100%) saturate(20) brightness(1); } .portable-infobox h3 + .pi-data-value > ul { /* only remove bullets if the data has no label */ list-style: none; margin-left: unset; } .portable-infobox ul.wds-tabs { display: flex; flex-wrap: wrap; justify-content: center; box-shadow: inset 0 -2px 0 -1px var(--custom-infobox-header-background); padding-bottom: 5px } .pi-image-collection ul.wds-tabs { display: flex; flex-wrap: wrap; justify-content: center; box-shadow: inset 0 -3px 0 -1px var(--custom-infobox-header-background); padding-bottom: 5px } .pi-image-collection .wds-tabs__tab, .portable-infobox .wds-tabs__tab { margin: 0 5px } .pi-image-collection .wds-tabs__tab-label, .portable-infobox .wds-tabs__tab-label { letter-spacing: .5px; margin: auto; height: 22px }

.mw-rollback-link { white-space: nowrap }