User:ItsPlantseed/fandomdesktop dev.css

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

/* Add sky, snowy grass, and snowfall for the header .fandom-community-header__background { background: linear-gradient( 0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 54%, rgba(255, 255, 255, 0) 20%), var(--mcw-snow-base), linear-gradient(0deg,rgba(255,255,255,0) 58%,rgb(227,227,227) 58%,rgb(185 185 255) 70%,rgb(82 80 238) 90%); 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: linear-gradient( 0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 54%, rgba(255, 255, 255, 0) 20%), var(--mcw-snow-base), linear-gradient(0deg,rgba(255,255,255,0) 54%,rgb(227,227,227) 54%,rgb(185 185 255) 70%,rgb(82 80 238) 90%); width: calc(100% - 66px); height: 310px; position: absolute; background-size: 160px !important; Force background to repeat horizontally background-position: bottom left !important; Force background to repeat horizontally } } .fandom-community-header__background:before { background: var(--mcw-snowfall); top: -36px; }

.fandom-community-header__image { background-image: url(https://static.wikia.nocookie.net/minecraft_gamepedia/images/0/0a/Winter_wiki_zh.png?format=original); background-repeat: no-repeat; background-size: 120px; }

@media screen and (max-width: 1279px) { .fandom-community-header__image { background-image: url(https://static.wikia.nocookie.net/minecraft_gamepedia/images/0/0a/Winter_wiki_zh.png?format=original); background-repeat: no-repeat; background-size: 100px; }   .fandom-community-header__image img { padding: 41px 50px; } }

.fandom-community-header__image img { padding: 50px 60px; }

.fandom-sticky-header__logo { background-image: url(https://static.wikia.nocookie.net/minecraft_gamepedia/images/0/0a/Winter_wiki_zh.png?format=original); background-repeat: no-repeat; margin-top: 10px; background-size: 40px; position: relative; z-index: 2; }

.fandom-sticky-header__logo img { padding: 20px 20px; } */

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

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

/* Other stuffs */ .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; } .page-header__title { font-weight: 500; } .rootpage-Minecraft_Dungeons #content, .ns-10000 #content, .ns-10001 #content { background-color: unset; }

/* 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 #CCC; } div.mw-warning-with-logexcerpt, .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; }

/* 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); --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(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 / 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(255, 237, 180) 70%, rgb(255, 198, 133) 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); --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%); --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%); }

/* 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; }