User:SansUT1/fandomdesktop.css

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

--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 / 15%) 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 / 15%) 54%, 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); }

.skin-fandomdesktop.theme-fandomdesktop-dark { --theme-body-background-image: url(https://cdn.discordapp.com/attachments/827172532917764161/850081628788359239/Stone_dark.png) !important; --theme-body-text-color: #eee !important; --theme-body-text-color--hover: #ccc !important; --theme-sticky-nav-background-color: #8dbde9 !important; --theme-sticky-nav-text-color: #f6f6f6 !important; --theme-sticky-nav-text-color--hover: #c5dfe2 !important; --theme-page-background-color: #171819 !important; --theme-page-background-color--secondary: #181d23 !important; --theme-link-color: #9ac1f3; --theme-link-color--rgb: 0,205,208; --theme-link-color--hover: #006869; --theme-link-label-color: #0e191a; --theme-accent-color: #1f2737 !important; --theme-accent-color--hover: #447ff5 !important; --theme-accent-label-color: #fff !important; --theme-border-color: #191919;

--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: linear-gradient( 0deg,rgba(0, 0, 0, 0) 58%, rgba(255, 255, 255, 0) 42%), 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: linear-gradient( 0deg,rgba(0, 0, 0, 0) 58%, rgba(255, 255, 255, 0) 42%), 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/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); --custom-table-header-background: #1e1f21; --custom-table-background: #242527; }

/* 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 { background: var(--mcw-deepslate-transition) repeat-x; background-position: 66px top; background-size: 40px; content: ""; height: calc(50% + 35px); width: 100%; position: absolute; bottom: 0; z-index: -1; } 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: -1; }

/* 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, rgb(93 93 93 / 27%) 5%, rgb(255 255 255 / 0%) 95%), var(--theme-body-background-image); }

.WikiaBarWrapper .tools-menu > li > a:hover { color: var(--theme-sticky-nav-background-color); }

/* Other stuffs */ .fp-section { border-radius: 6px; }

.mcwiki-header { border-radius: 3px; }

/* Main page */ body.mainpage .page-header{ display: flex; align-items: center; justify-content: flex-end; } body.mainpage .page-header__bottom{ border-bottom: 0; } body.mainpage .page-header__title-wrapper{ display: none; } body.mainpage #ca-edit{ display: none; } body.mainpage .page-header__languages .wds-dropdown__toggle, body.mainpage .page-header__variants .wds-dropdown__toggle{ margin-bottom: 0; } body.mainpage .page-header__actions{ margin-left: 3px; padding-top: 0; }

/* Dark mode testing */ .theme-fandomdesktop-dark #content .loadbox-navbox > p { background-color: #535353; }

.theme-fandomdesktop-dark .navbox { background: #202020; border: 1px solid #2F2F2F; }

.theme-fandomdesktop-dark .navbox .navbox-top { background-color: #535353; }

.theme-fandomdesktop-dark .navbox td { background-color: #2d2d2d; }

.theme-fandomdesktop-dark .navbox th { background-color: #737373; }

.theme-fandomdesktop-dark .navbox table { background: #202020; }

.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); } .mcwiki-header { border-radius: 3px; } .mcwiki-header { border-radius: 3px; } .theme-fandomdesktop-dark .mcwiki-header { background: #212c3d; border-color: #1d1d1d; } .theme-fandomdesktop-dark .notaninfobox { background: var(--custom-table-background); border-color: var(--theme-border-color); } .theme-fandomdesktop-dark .alternaterows tr:nth-child(even), .theme-fandomdesktop-dark .infobox-rows tr:nth-child(even) { background: #2c2f34; } .theme-fandomdesktop-dark .nbttree-inherited { background-color: #3c3c3c; } .page-header__title { font-weight: 500; } .rootpage-Minecraft_Dungeons #content, .ns-10000 #content, .ns-10001 #content { background-color: unset; }

.theme-fandomdesktop-dark div.mw-warning-with-logexcerpt, .theme-fandomdesktop-dark .errorbox, .theme-fandomdesktop-dark .warningbox, .theme-fandomdesktop-dark .successbox { display: block; padding: .4em .8em; margin-bottom: 1em; border: 1px solid #CCC; } .theme-fandomdesktop-dark div.mw-warning-with-logexcerpt, .theme-fandomdesktop-dark .errorbox { background: #FDD; border-left: 4px solid #FAA; } .warningbox { background: #FFC; border-left: 4px solid #DD8; } .successbox { background: #DFD; border-left: 4px solid #9C9; } .successbox strong p { margin: 0; }

.theme-fandomdesktop-dark .fp-section { background-color: #242428; border: 1px solid #000; }

.theme-fandomdesktop-dark .wikiEditor-ui-toolbar { background-color: #000; background-image: none !important; }

.theme-fandomdesktop-dark .tool-button.tool-active, .theme-fandomdesktop-dark .tool.tool-active.oo-ui-buttonElement-frameless.oo-ui-iconElement { outline: 1px solid #253037; background-color: #282d31; box-shadow: inset 0 -10px 10px rgba(255,255,255,0.4); }

.theme-fandomdesktop-dark .msgbox-purple { background: #2D2D2D; border-left: 4px solid #AAD; }

.theme-fandomdesktop-dark .msgbox-blue { background: #2D2D2D; border-left: 4px solid #9CD; }

.theme-fandomdesktop-dark .msgbox-yellow { background: #4F4F3F; border-left: 4px solid #DD8; }

.theme-fandomdesktop-dark .msgbox-green { background: #566656; border-left: 4px solid #9C9; }

.theme-fandomdesktop-dark .msgbox-magenta { background: #605060; border-left: 4px solid #DAD; }

.theme-fandomdesktop-dark .msgbox-red { background: #594D4D; border-left: 4px solid #FAA; }

.theme-fandomdesktop-dark .msgbox { background: #626262; border: 1px solid #CCC; }

.theme-fandomdesktop-dark #msupload-div { background: #33424f; }

.theme-fandomdesktop-dark .ace_gutter-cell { background-color: #40424d; color: #fff; }

.theme-fandomdesktop-dark .ace_content { background: #000; color: #fff; }

.theme-fandomdesktop-dark .ace_selecting * { caret-color: auto; }

.theme-fandomdesktop-dark .ace-tm .ace_constant.ace_numeric { color: rgb(150, 150, 251); }

.theme-fandomdesktop-dark .oo-ui-labelElement .oo-ui-labelElement-label, .theme-fandomdesktop-dark .oo-ui-labelElement.oo-ui-labelElement-label { color: white; }

.theme-fandomdesktop-dark #filetoc { background-color: #343535; }

.theme-fandomdesktop-dark ol.references li:target, .theme-fandomdesktop-dark  sup.reference:target, .theme-fandomdesktop-dark span.citation:target { background-color: #4A5662; }

.theme-fandomdesktop-dark .diff-context { background: var(--theme-page-background-color--secondary); border-color: #444a51; color: white; }

.theme-fandomdesktop-dark #pagehistory li.selected { color: white; }

.theme-fandomdesktop-dark #pagehistory li.selected { background-color: #2f3337; }

.theme-fandomdesktop-dark .diff-deletedline .diffchange { background: #8a7d5f; }

.theme-fandomdesktop-dark .diff-deletedline { border-color: #8a7d5f; }

.theme-fandomdesktop-dark .diff-addedline .diffchange { background: #778c9f; }

.theme-fandomdesktop-dark .diff-addedline { border-color: #778c9f; }

.theme-fandomdesktop-dark div.mw-warning-with-logexcerpt, .theme-fandomdesktop-dark .errorbox { background: #3E3131; border-left: 4px solid #FAA; }

.theme-fandomdesktop-dark .ace-tm .ace_gutter { background: #262626; color: #333; }

/* 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 !important; --theme-sticky-nav-text-color--hover: #f2e5b2 !important; --theme-page-background-color: #f2eee7 !important; --theme-page-background-color--secondary: #fff6e4 !important; --theme-accent-color: #c86e10 !important; --theme-accent-color--hover: #CC7820 !important; --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) !important; --mcw-header-background: linear-gradient( 0deg, rgba(255, 255, 255, 0) 0%, rgb(0 0 0 / 15%) 54%, rgba(255, 255, 255, 0) 20%), var(--mcw-grass-base) repeat-x,linear-gradient(0deg,rgba(255,255,255,0) 58%,rgb(227, 227, 227) 58%,rgb(231, 215, 203) 70%,rgb(233, 188, 141) 90%); --mcw-header-background-small-screen: linear-gradient( 0deg, rgba(255, 255, 255, 0) 0%, rgb(0 0 0 / 15%) 54%, rgba(255, 255, 255, 0) 20%), var(--mcw-grass-base) repeat-x, linear-gradient(0deg,rgba(255,255,255,0) 54%,rgb(227, 227, 227) 54%,rgb(231, 215, 203) 70%,rgb(233, 188, 141) 90%); }

.theme-fandomdesktop-dark.rootpage-Minecraft_Dungeons, .theme-fandomdesktop-dark.ns-10000 , .theme-fandomdesktop-dark.ns-10001 { --theme-sticky-nav-background-color: #db7e1d !important; --theme-accent-color: #704313 !important; --theme-page-background-color: #2e281b !important; --theme-page-background-color--secondary: #544b35 !important; --theme-accent-color--hover: #ad6e2a !important;

--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/364094011620720650/849775913902014514/MDW_grassbase_dark.png) !important; --mcw-header-background: linear-gradient( 0deg, rgba(255, 255, 255, 0) 0%, rgb(0 0 0 / 15%) 54%, rgba(255, 255, 255, 0) 20%), var(--mcw-grass-base) repeat-x, linear-gradient(0deg,rgba(255,255,255,0) 58%,rgb(125, 79, 31) 58%,rgb(3,3,6) 70%,rgb(3,3,6) 90%); --mcw-header-background-small-screen: linear-gradient( 0deg, rgba(255, 255, 255, 0) 0%, rgb(0 0 0 / 15%) 54%, rgba(255, 255, 255, 0) 20%), var(--mcw-grass-base) repeat-x, linear-gradient(0deg,rgba(255,255,255,0) 54%,rgb(125, 79, 31) 54%,rgb(3,3,6) 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 !important; --theme-sticky-nav-text-color--hover: #b2c4f2 !important; --theme-page-background-color: #e5edff !important; --theme-page-background-color--secondary: #f1f5ff !important; --theme-accent-color: #2783ae !important; --theme-accent-color--hover: #2783ae !important; --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) !important; --mcw-header-background: linear-gradient( 0deg, rgba(255, 255, 255, 0) 0%, rgb(0 0 0 / 15%) 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%) !important; --mcw-header-background-small-screen: linear-gradient( 0deg, rgba(255, 255, 255, 0) 0%, rgb(0 0 0 / 15%) 54%, 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%) !important; }

.theme-fandomdesktop-dark.rootpage-Minecraft_Earth, .theme-fandomdesktop-dark.ns-10002, .theme-fandomdesktop-dark.ns-10003 { --theme-sticky-nav-background-color: #2783ae !important; --theme-sticky-nav-text-color--hover: #b2c4f2 !important; --theme-page-background-color: #202530 !important; --theme-page-background-color--secondary: #333c52 !important; --theme-accent-color: #0f4057 !important; --theme-accent-color--hover: #658ff0 !important; --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) !important; }

/* 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; } .theme-fandomdesktop-light .page__main { border-top: 6px solid #B4BEC3; border-left: 6px solid #171717; }

/* .page__main::before { content: ""; position: absolute; border-top: 6px solid #B9855C; border-left: 6px solid #B4BEC3; top: -6px; right: 0; } */

.theme-fandomdesktop-light .page__main::after { content: ""; position: absolute; border-top: 6px solid #171717; border-left: 6px solid #202020; top: -6px; left: 0; }

.theme-fandomdesktop-light .page__main::after { content: ""; position: absolute; border-top: 6px solid #000000; border-left: 6px solid #202020; top: -6px; left: 0; }

.theme-fandomdesktop-light html:not(.ve-activated) .page.has-right-rail .page__right-rail.is-rail-hidden, .theme-fandomdesktop-light html:not(.ve-activated) .page.has-right-rail .page__right-rail { border-top: 6px solid #d4d5d6; }

.theme-fandomdesktop-light html:not(.ve-activated) .page.has-right-rail .page__right-rail.is-rail-hidden::before, .theme-fandomdesktop-light html:not(.ve-activated) .page.has-right-rail .page__right-rail::before { content: ""; position: absolute; border-top: 6px solid #B9855C; border-left: 6px solid #d4d5d6; top: 0; right: 0; }

.theme-fandomdesktop-dark .page__main { border-top: 6px solid #202b30; border-left: 6px solid #000000; }

html:not(.ve-activated) .page.has-right-rail .page__right-rail.is-rail-hidden, html:not(.ve-activated) .page.has-right-rail .page__right-rail { border-top: 6px solid #60676e; }

html:not(.ve-activated) .page.has-right-rail .page__right-rail.is-rail-hidden::before, html:not(.ve-activated) .page.has-right-rail .page__right-rail::before { content: ""; position: absolute; border-top: 6px solid #B9855C; border-left: 6px solid #60676e; top: 0; right: 0; }

/* Personal changes */ body.wikia-bar-visible { padding-bottom: 0; }

.page-header__title { border-bottom: 1px solid #a2a9b1; }

.page-content h3, .page-content h4 { font-weight: bold; }

body { font-size: 15.5px; }