User:ItsPlantseed/fandomdesktop dev.css


 * root {

--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: #8dbde9 !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; }

.skin-fandomdesktop.theme-fandomdesktop-light { --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-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); }

/* Force background to repeat horizontally */ .fandom-community-header__background.cover { background-repeat: repeat-x; }

/* Add different layers of background */ html body { background: var(--theme-body-background-image), var(--theme-body-background-color); background-position: left top; background-size: 40px; position: relative; }

html body:before { background: var(--mcw-deepslate-transition) repeat-x; background-position: left top; background-size: 40px; content: ""; height: calc(50% + 35px); width: 100%; position: absolute; bottom: 0; z-index: -1; }

html body:after { background: var(--mcw-deepslate); background-position: left 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-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%); 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-grass-base), linear-gradient( 0deg, rgba(255, 255, 255, 0) 54%, rgb(227, 227, 227) 54%, rgb(145, 191, 233) 70%, rgb(141, 189, 233) 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-cloud-base); }

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