User:KCCreations/globalnav.css

/* Forked from User:Speedit/header.css so I can make needed customizations myself without worrying about him breaking my view of the site ;P */ /* Credits to him */

/* permanent global navigation */ .skin-oasis .wds-global-navigation-wrapper .wds-global-navigation { position: absolute !important; box-shadow: none; border-top: 0 !important; } /* header modifications */ .wds-global-navigation-wrapper { height: 38px !important; display: flex; justify-content: center; } .wds-global-navigation__content-bar { height: 37px !important; } .wds-global-navigation__logo, .wds-global-navigation__link, .wds-global-navigation__wikis-menu, .wds-global-navigation__search, .wds-global-navigation__account-menu, .wds-global-navigation__user-menu, .wds-global-navigation__notifications-menu, .wds-global-navigation__start-a-wiki { height: 37px !important; } .skin-oasis.editor .wds-global-navigation-wrapper .wds-global-navigation { background:#0f0f0f; } .skin-oasis .wds-global-navigation .wds-global-navigation__logo { padding: 0 1em; } .wds-global-navigation__user-menu, .wds-global-navigation__search-label { padding: 0 0 0 6px; } .skin-oasis .WikiaTopAds { display: none !important; } .skin-oasis .WikiaPage { margin-top:-1px; } /* width media definitions */ @media only screen and (min-width: 1596px) { .skin-oasis .wds-global-navigation-wrapper .wds-global-navigation, .skin-oasis .wds-global-navigation .wds-global-navigation__content-bar { width: 1242px !important; } .skin-oasis.editor .wds-global-navigation-wrapper .wds-global-navigation, .skin-oasis.editor .wds-global-navigation .wds-global-navigation__content-bar { width: 1182px !important; } } @media only screen and (max-width: 1595px) and (min-width:1084px) { .skin-oasis .wds-global-navigation-wrapper .wds-global-navigation, .skin-oasis .wds-global-navigation .wds-global-navigation__content-bar { width: 1066px !important; } .skin-oasis.editor .wds-global-navigation-wrapper .wds-global-navigation, .skin-oasis.editor .wds-global-navigation-wrapper .wds-global-navigation .wds-global-navigation__content-bar { width: 1026px !important; } } @media only screen and (max-width: 1023px) { .skin-oasis .wds-global-navigation-wrapper .wds-global-navigation, .skin-oasis .wds-global-navigation .wds-global-navigation__content-bar { width: 768px !important; } .skin-oasis.editor .wds-global-navigation-wrapper .wds-global-navigation, .skin-oasis.editor .wds-global-navigation-wrapper .wds-global-navigation .wds-global-navigation__content-bar { width: 718px !important; } .skin-oasis .wds-global-navigation .wds-global-navigation__search { -webkit-flex: 2 1 auto; -ms-flex: 2 1 auto; flex: 2 1 auto } .skin-oasis .wds-global-navigation .wds-global-navigation__search-submit { max-width: 100%; padding: 5px 9px; transition: background-color 50ms,border-color 300ms,color 50ms,max-width 50ms 150ms,padding 50ms 150ms; } .skin-oasis .wds-global-navigation .wds-global-navigation__search-input-wrapper { border-bottom-color: #656e78; } .wds-global-navigation__search-input { padding-left: 28px; } } @media only screen and (max-width: 768px) { .skin-oasis:not(.editor) .wds-global-navigation-wrapper { justify-content: flex-start; } } @media only screen and (max-width: 718px) { .skin-oasis.editor .wds-global-navigation-wrapper { justify-content: flex-start; } } /* header element customizations */ .wds-global-navigation__logo-wikia-caption, .wds-is-games, .wds-is-movies, .wds-is-tv, .wds-global-navigation__wikis-menu, .wds-global-navigation__start-a-wiki { display: none !important; } .skin-oasis .wds-global-navigation .wds-global-navigation__logo-wikia-icon, .skin-oasis .wds-global-navigation .wds-icon:not(.wds-global-navigation__search-label-icon) { fill: #fff; } .wds-global-navigation__logo-wikia-icon { height: 85% !important; margin-top: 4px !important; } .wds-global-navigation__link, .wds-global-navigation__account-menu, .wds-global-navigation__user-menu, .wds-global-navigation__notifications-menu { color: #fff; } .wds-global-navigation__logo, .wds-global-navigation__search, .wds-global-navigation__account-menu, .wds-global-navigation__user-menu, .wds-global-navigation__notifications-menu { background: transparent !important; } .wds-global-navigation__search-input-wrapper,.wds-global-navigation__search-label { background: #fff !important; border-radius: 2px !important; } .skin-oasis .wds-global-navigation .wds-global-navigation__logo { padding: 0 1em; } .skin-oasis .wds-global-navigation .wds-global-navigation__logo { padding: 0 1em; } .wds-global-navigation__user-menu, .wds-global-navigation__search-label { padding: 0 0 0 6px; } .wds-global-navigation__notifications-menu-counter { font-size: 11px; } .wds-global-navigation .wds-avatar, .wds-global-navigation .avatars { border-radius: 2px !important; }