User:MACH-59330/header.css

/* Header customization stylesheet */ /** Source **/ /** Forked from http://community.wikia.com/wiki/User:SuperSajuuk/header.css /** Function **/ /** Heavily reduxed global header with dark theming. /** Permanent inversion and fixed page positioning. /** Usage **/ /** To use this, simply add the following code to the top of your /* 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 */ .skin-oasis .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 .wds-global-navigation-wrapper .wds-global-navigation { background: #404a57; } .skin-oasis .WikiaTopAds { display: none !important; } .skin-oasis .WikiaPage, .skin-oasis .WikiaPageBackground { border-radius: 0 !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; }2 .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: 720px !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-wds-company-logo-powered-by-wikia, .wds-global-navigation__link, .wds-global-navigation__wikis-menu, .wds-global-navigation__start-a-wiki { display: none !important; } .skin-oasis .wds-global-navigation .wds-icon, .skin-oasis .wds-is-wds-company-logo-fandom path:nth-of-type(1), .skin-oasis .wds-is-wds-company-logo-wikia-org path { fill: #fff !important; } .skin-oasis .wds-global-navigation .wds-global-navigation__link, .skin-oasis .wds-global-navigation .wds-global-navigation__account-menu, .skin-oasis .wds-global-navigation .wds-global-navigation__user-menu, .skin-oasis .wds-global-navigation .wds-global-navigation__notifications-menu { color: #fff; } .skin-oasis .wds-global-navigation__logo, .skin-oasis .wds-global-navigation__search, .skin-oasis .wds-global-navigation__account-menu, .skin-oasis .wds-global-navigation__user-menu, .skin-oasis .wds-global-navigation__notifications-menu { background: transparent !important; } .skin-oasis .wds-global-navigation .wds-global-navigation__search-input-wrapper, .skin-oasis .wds-global-navigation .wds-global-navigation__search-label, .skin-oasis .wds-global-navigation .wds-global-navigation__search-input { background: #fff !important; border-radius: 2px; } .skin-oasis .wds-global-navigation .wds-global-navigation__search-close-icon, .skin-oasis .wds-global-navigation .wds-global-navigation__search-label-icon { fill: #999 !important; } .skin-oasis .wds-global-navigation .wds-global-navigation__logo { padding: 0 .5em 0 1em; } .skin-oasis .wds-global-navigation .wds-global-navigation__user-menu, .skin-oasis .wds-global-navigation .wds-global-navigation__search-label { padding: 0 0 0 .5em; } .skin-oasis .wds-global-navigation .wds-global-navigation__logo-image { padding-bottom: 0; } .skin-oasis .wds-global-navigation__user-menu, .skin-oasis .wds-global-navigation__search-label { padding: 0 0 0 6px; } .skin-oasis .wds-global-navigation__notifications-menu-counter { font-size: 11px; } .skin-oasis .wds-global-navigation .wds-avatar, .skin-oasis .wds-global-navigation .avatars { border-radius: 2px; }
 * NB: The original stylesheet emulates the old header's functionality!
 * Created 28/09/2016 @ 13:10. Updated 04/02/2017 @ 13:25
 * 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, although this stylesheet is effectively complete.