User:AndreMor/global.css

@import url('/load.php?lang=en&mode=articles&articles=u:dev:MediaWiki:Responsive_mobile.css&only=styles'); @import "/load.php?mode=articles&articles=u:dev:MediaWiki:GlobalNavigationIcons.css&only=styles"; @import "/load.php?mode=articles&only=styles&articles=u:dev:MediaWiki:CustomGlobalNavigation.css";

.wiki-wubbzy .wds-global-navigation-wrapper { --cgn-background: #5E610B; --cgn-color-dropdown-background: #CEE3F6; --cgn-color-accent: #FFFF00; --cgn-color-chevron: #82FA58; --cgn-avatar-blend-mode: #FFFF00; --cgn-search-blend-mode: #FFFF00; }

.side-articles .side-article { border-top: 2px solid #333333; margin-bottom: 0; min-height: 90px; padding-bottom: 8px; display: none; } .side-articles .side-articles-header { border: 0; margin: 0 0 19px; padding: 0; display: none; }

/* Animations in almost the entire user interface. By GiveMeFoodToEat (That thing is only for personal use */

.wds-global-navigation .wds-dropdown::after, .wds-community-header .wds-community-header__local-navigation .wds-tabs .wds-tabs__tab .wds-dropdown::before, .wds-community-header .wds-community-header__local-navigation .wds-tabs .wds-tabs__tab .wds-dropdown::after, .page-header .page-header__contribution .page-header__contribution-buttons .wds-button-group .wds-dropdown::before, .page-header .page-header__contribution .page-header__contribution-buttons .wds-button-group .wds-dropdown::after, #PageHeader #EditMessageWallGreeting .wds-button-group .wds-dropdown::before, #PageHeader #EditMessageWallGreeting .wds-button-group .wds-dropdown::after, .wds-community-header__wiki-buttons .wds-dropdown::before, .wds-community-header__wiki-buttons .wds-dropdown::after { display: none !important; } .wds-global-navigation .wds-dropdown__content { -webkit-animation: dropdown-global 0.35s; -moz-animation: dropdown-global 0.35s; animation: dropdown-global 0.35s; } .wds-community-header .wds-community-header__local-navigation .wds-tabs .wds-tabs__tab .wds-dropdown .wds-dropdown__content { -webkit-animation: dropdown-topnav 0.3s; -moz-animation: dropdown-topnav 0.3s; animation: dropdown-topnav 0.3s; } .wds-community-header .wds-community-header__local-navigation .wds-tabs .wds-tabs__tab .wds-dropdown .wds-dropdown__content .wds-dropdown-level-2__content { -webkit-animation: dropdown-animation 0.3s; -moz-animation: dropdown-animation 0.3s; animation: dropdown-animation 0.3s; } .page-header .page-header__contribution .page-header__contribution-buttons .wds-button-group .wds-dropdown .wds-dropdown__content, #PageHeader #EditMessageWallGreeting .wds-button-group .wds-dropdown .wds-dropdown__content, .wds-community-header__wiki-buttons .wds-dropdown .wds-dropdown__content { -webkit-animation: contribution-dropdown 0.3s linear; -moz-animation: contribution-dropdown 0.3s linear; animation: contribution-dropdown 0.3s linear; } .wds-dropdown__content.wds-global-navigation__search-suggestions { -webkit-animation: searchsuggestions-dropdown 0.35s; -moz-animation: searchsuggestions-dropdown 0.35s; animation: searchsuggestions-dropdown 0.35s; } @keyframes dropdown-global { from {opacity: 0; top: 45px;} to {opacity: 1;} } @keyframes dropdown-topnav { from {opacity: 0; top: 30px;} to {opacity: 1; top: 40px;} } @keyframes dropdown-animation { from {opacity: 0; transform: translateX(-10px);} to {opacity: 1; transform: translateX(0);} } @keyframes contribution-dropdown { from {opacity: 0; top: 25px;} to {opacity: 1; top: 35px;} } @keyframes searchsuggestions-dropdown { from {top: 80%; opacity: 0;} to {top: calc(1px+100%); opacity: 1;} } .wds-dropdown-level-2:hover svg#wds-icons-menu-control-tiny { transform: rotate(-90deg) translateY(3px); } .wds-dropdown-level-2 svg#wds-icons-menu-control-tiny { -webkit-transition: transform 0.2s; -moz-transition: transform 0.2s; -o-transition: transform 0.2s; transition: transform 0.2s; } svg#wds-icons-dropdown-tiny { transition: transform 0.2s; }