User:MACH-59330/header.css

/* Header customization stylesheet */ /** Source **/ /** Forked from http://community.wikia.com/wiki/User:SuperSajuuk/header.css /** Function **/ /** Permanent inversion and fixed page positioning for the header. /** Usage **/ /** To use this, simply add the following code to the top of your
 * NB: The original stylesheet emulates the old header's functionality!
 * Created 28/09/2016 @ 13:10. Updated 28/09/2016 @ 21:34
 * global.css:
 * @import "http://community.wikia.com/index.php?title=User:Speedit/header.css&action=raw&ctype=text/css&smaxage=86400&templates=expand";
 * Please fork Javascript from u:Speedit/global.js to recolor the header.
 * Forking needs attribution and ensures

/* permanent global navigation */ .skin-oasis .wds-global-navigation-wrapper .wds-global-navigation { position: absolute !important; box-shadow: none; border-top: 0 !important; transform: none; }

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