Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
/***
* @title ModernWikiNavigation
* @author Lavgup
* @description Modernises the local wiki navigation. Also animates arrows in the local wiki navigation upon hover.
* @docs [[ModernWikiNavigation]]
* @installation @import url("/load.php?mode=articles&only=styles&articles=u:dev:MediaWiki:ModernWikiNavigation.css");
***/
@media (prefers-reduced-motion: no-preference) {
.fandom-community-header__local-navigation .wds-dropdown__content {
animation: dropdown-topnav 0.3s
}
.fandom-community-header__local-navigation .wds-dropdown__content .wds-list.wds-is-linked .wds-dropdown-level-nested .wds-dropdown-level-nested__content {
animation: dropdown-animation 0.3s
}
@keyframes dropdown-topnav {
from {opacity: 0; top: 30px;}
to {opacity: 1; top: 40px;}
}
@keyframes dropdown-animation {
from {opacity: 0; left: 90%;}
to {opacity: 1; left: 100%;}
}
}
.fandom-community-header .wds-button.wds-is-secondary, .fandom-community-header .wds-button-group > .wds-dropdown:not(:first-child) .wds-button{
border: 2px solid;
border-radius: 15px;
margin: 3px;
}
.fandom-community-header .page-counter {
padding: 4px 0;
}