MediaWiki:Common.css

@import url('https://fonts.googleapis.com/css2?family=Luckiest+Guy&display=swap');

/* Invert the color of wordmark in light theme to make it consistent with the dark text */ .theme-fandomdesktop-light .fandom-community-header__image img { filter: invert(1); }

/* Gradient Header */ /* Make the header look more sleek with the background and connected to the body page below it */ .theme-fandomdesktop-dark .fandom-community-header, .theme-fandomdesktop-light .fandom-community-header { background-image: linear-gradient(transparent, var(--theme-page-background-color)); margin-bottom: -12px; }

.page__main { border-radius: 0 0 3px 3px !important; }

.wiki-tools.wds-button-group { margin-right: 25px; }

.theme-fandomdesktop-light .fandom-community-header, .theme-fandomdesktop-light .fandom-community-header a { color: black; }

.theme-fandomdesktop-light .wiki-tools .wds-button.wds-is-secondary { --wds-secondary-button-label-color: black; }

.theme-fandomdesktop-dark .fandom-community-header, .theme-fandomdesktop-dark .fandom-community-header a { color: white; }

.theme-fandomdesktop-dark .wiki-tools .wds-button.wds-is-secondary { --wds-secondary-button-label-color: white; }

/* Mainpage Navigation Hover effect */ .MainNavbox .NavboxItem span img { filter: drop-shadow(rgba(0, 0, 0, 0.6) 0 3px 3px); transform: scale(1); transition: all 0.2s; }

.MainNavbox .NavboxItem span img:hover { overflow: visible; } .MainNavbox .NavboxItem span img:hover { filter: drop-shadow(rgba(255, 255, 255, 0.8) 0 0 4px); }

.MainNavbox .NavboxItem span img:hover { z-index: 3 !important; transform: scale(1.05); }

/*Button Hover effect*/ .Button:hover { opacity:.7; }

/* Some style fixes for light theme */ .theme-fandomdesktop-light .wds-button .text { color: white; }

.theme-fandomdesktop-light .wiki-tools .wds-button.wds-is-secondary { --wds-secondary-button-label-color: white !important; }