MediaWiki:WikiaNavigationBarStyle.css

/* WikiaNavigationBarStyle - C.Syde65 */ /* Recreation of the pre-fandom Wikia Navigation Bar Style */ /* 15-05-17 - Initial revision */ /* 18-05-17 - Added pre-fandom logos */ /* 18-05-17 - Updated due to fandom branding refresh */ /* 18-05-17 - Tweaks to Wikia logo size in order to match old navbar */ /* 24-05-17 - Removed fandom logo from footer */ /* 27-05-17 - Removed fandom staff tags from speech bubbles */ /* 29-05-17 - Replaced fandom staff tags from speech bubbles and signatures with classic wikia staff tags */ /* 01-06-17 - Removing the dropdown background and text hover colours that were added in a recent update */ /* 02-06-17 - Expanded the maximum height for the account navigation dropdown */ /* 02-06-17 - Fixed the dropdown content border radius */ /* 03-06-17 - Added !important to hover dropdown content since main pages are typically unaffected otherwise */ /* 03-06-17 - Fixed classic wikia staff tags on message walls */ /* 14-06-17 - Overriding new default CSS caused by a recent technical update */ /* 14-06-17 - Fixing up the article header font size */ /* 15-06-17 - Added CSS to expand the minimum width for page header drop-downs */ /* 16-06-17 - Minor alterations to buttons */ /* 04-07-17 - Revised some navigation bar CSS */ /* 06-07-17 - Revised some more navigation bar CSS */ /* 09-07-17 - Updating navigation based on requests - Noreplyz */ /* 09-07-17 - Added wikia logo to global footer */ /* 26-07-17 - Added CSS to revert changes caused by a recent update */ /* 15-12-17 - Added CSS for wall greeting button */ /* 25-01-18 - Fixed CSS for sign out button and border-radius for submit button */ /* 27-01-18 - Fixed position of the wikia chiclet button. */ /* 04-02-18 - Added CSS for the global users toggle label. */ /* 11-07-18 - Overriding some new default CSS caused by a recent technical update */ /* 14-07-18 - Overriding some search bar dropdown CSS caused by a technical update */ /* 17-07-18 - Overriding default CSS caused by a technical update, most of the broken CSS is now fixed */ /* 18-07-18 - Overriding more CSS caused by technical update, almost all the broken CSS is now fixed */ /* 18-07-18 - Scope WDS component styling to .wds-global-navigation */ /* 19-07-18 - Fixed CSS for wds buttons and removed some old conflicting CSS */ /* 21-07-18 - Fixed CSS for the submit button */ /* 25-07-18 - Fixed CSS for the global navigation links once visited */ /* 16-08-18 - Overriding global footer CSS caused by technical update */ /* 06-12-18 - Fixed global footer font caused by technical update */ /* 14-02-19 - Fixed outline colour of user avatar on the global navigation bar */ /* 18-03-19 - Fixed alignment in the search bar and move links/logo closer to centre */ /* 18-03-19 - Clean up some old styles and fix search box width when active. */ /* 09-04-19 - Fixed CSS for the start a wiki button */ /* 16-04-19 - Fixed CSS for global navigation header link hover colours */ /* 09-05-19 - Added CSS for category buttons */ /* 01-07-19 - Fixing up the article header font weight */ /* 23-09-19 - Replaced a png image with a svg image */

.wds-global-navigation { background: #ffffff; border-top: 6px solid #656e78; box-shadow: 0 0 0 2px rgba(0,0,0,0.3); color: #ffffff; font-family:'Helvetica', Arial, sans-serif; justify-content: center; }

.wds-global-navigation__logo { padding-top: 8px; height: 36px; }

.wds-global-footer__header a svg { display: none; }

/* Start navigation changes */ .wds-global-navigation__notifications-menu-counter { background-color: #ffffff; border: 1px solid #656E78; color: #656E78; }

.wds-global-navigation__user-menu, .wds-global-navigation__notifications-menu, .wds-global-navigation__start-a-wiki { background-color: #ffffff; color: #39424d; }

.wds-global-navigation__search-suggestions .wds-is-selected a { color: #39424d; }

.wds-global-navigation__search-input { background-color: #F2F6FA; color: #000000; height: auto; }

.wds-global-navigation__search-container.wds-search-is-focused .wds-global-navigation__search-input, .wds-global-navigation__search-input:focus { width: 300px; }

.wds-global-navigation__search-label { background-color: #f2f6fa; border: #c5ced9 1px solid; border-right: 0; }

.wds-global-navigation__search-label-icon { margin-left: 6px; }

.wds-global-navigation .wds-button.wds-is-text { background-color: #F2F6FA; }

/* Active coloring on search */ .wds-global-navigation.wds-search-is-active .wds-global-navigation__search-label { box-shadow: none; border: #555555 solid 1px; border-right: 0; }

.wds-global-navigation.wds-search-is-active .wds-button.wds-is-text:not(:disabled).wds-global-navigation__search-close { border: #555555 solid 1px; border-left: 0; }

.wds-global-navigation.wds-search-is-active .wds-global-navigation__search-submit { background: #555555; opacity: 1; }

.wds-global-navigation__search-submit { box-sizing: border-box; }

border: 1px solid #eaeff3; border-left: 2px solid #eaeff3; border-top: 2px solid #bcbec2; border-bottom: 1px solid #eaeff3; border-right: 2px solid #eaeff3; border-radius: 3px; max-width: 970px !important; padding: 4.5px; }
 * 1) wpCreatePageDialogTitle {

.wds-global-footer__bottom-bar a, .wds-global-footer__bottom-bar a:visited { color: #006cb0; }

.wds-global-navigation .wds-button.wds-is-secondary.wds-is-active, .wds-global-navigation .wds-button.wds-is-secondary:active, .wds-global-navigation .wds-button.wds-is-secondary:focus:not(:disabled), .wds-global-navigation .wds-button.wds-is-secondary:hover:not(:disabled) { color: #656E78; } .wds-global-navigation .wds-button.wds-is-active, .wds-button:active, .wds-global-navigation .wds-button:focus:not(:disabled), .wds-global-navigation .wds-button:hover:not(:disabled) { border-color: #656E78; }

.SpeechBubble .stafflogo img { height: 1.25em; vertical-align: text-bottom; display: none; }

.SpeechBubble .stafflogo { background:url(https://images.wikia.nocookie.net/common/extensions/wikia/DesignSystem/bower_components/design-system/dist/svg/wds-company-logo-wikia.svg); background-size:30px 10px; height: 10px; width:30px; display:inline-block; }

.Wall .comments .stafflogo { background:url(https://images.wikia.nocookie.net/common/extensions/wikia/DesignSystem/bower_components/design-system/dist/svg/wds-company-logo-wikia.svg); background-size:32px 11px; height: 11px; width:32px; display:inline-block; }

img.staffSig { background-image:url(https://images.wikia.nocookie.net/common/extensions/wikia/DesignSystem/bower_components/design-system/dist/svg/wds-company-logo-wikia.svg) !important; width: 50px; height: 14px; }

.wds-dropdown__content .wds-list.wds-is-linked>li:hover>a, .wds-global-navigation .wds-is-linked .wds-sign-out__button { background-color: inherit !important; color: inherit; }

.wds-global-navigation .wds-dropdown__content:not(.wds-is-not-scrollable) .wds-list { max-height: 970px; }

.wds-global-navigation .wds-button.wds-is-secondary { background-color: transparent; border-color: #656E78; color: #656E78; }

.WikiaPage .page-header__title { font-weight: normal; font-size: 28px; }

.WikiaPage .page-header .wds-dropdown__content { min-width: 110px; }

.WikiaPage .page-header .wds-button.wds-is-secondary:focus:not(:disabled), .WikiaPage .page-header .wds-button.wds-is-secondary:not(:disabled), .WikiaPage .page-header .wds-button.wds-is-secondary:active, .WikiaPage .page-header .wds-button.wds-is-secondary.wds-is-active { border-radius: 0.5em; }

.WikiaPage .page-header .wds-button-group > .wds-button:not(.wds-is-secondary):not(:last-child) { border-radius: 0.5em 0 0 0.5em; }

.WikiaPage .page-header .wds-button-group > .wds-dropdown:not(:first-child) .wds-button { border-radius: 0 0.5em 0.5em 0; }

.WikiaPage .page-header .wds-button { border-radius: 0.5em; }

.WikiaRail .rail-module .wds-button.wds-is-secondary { border-radius: 0.5em; }

.ChatWidget .wds-button.wds-is-secondary { border-radius: 0.5em !important; }

.TalkButtonBubble { border-radius: 0.5em !important; }

.wds-notifications__unread-mark { background-color: #ffffff; border: 1px solid #656E78; color: #656E78; }

.wds-is-unread .wds-notification-card__icon-wrapper .wds-icon { fill: #999999; }

.wds-global-navigation__link:hover { background-color: #e6ebf2; color: #656E78; }

h2.wds-global-footer__header > a[data-tracking-label="logo"] { background: url("https://vignette.wikia.nocookie.net/csydes-test/images/e/ed/White_Wikia_Logo.svg"); width: 164px; content: ' '; height: 41px; background-size: 123px; background-repeat: no-repeat; }

border-radius: 0.5em 0 0 0.5em; }
 * 1) EditMessageWallGreeting .wds-button-group > .wds-button:not(.wds-is-secondary):not(:last-child) {

border-radius: 0 0.5em 0.5em 0; }
 * 1) EditMessageWallGreeting .wds-button-group>.wds-button:not(.wds-is-secondary):not(:first-child), #EditMessageWallGreeting .wds-button-group>.wds-dropdown:not(:first-child) .wds-button {

button:not(.wds-button):hover { background-color: transparent !important; border: 0 transparent !important; }

input[type="submit"] { border-radius: 0.5em; }

button.wikia-chiclet-button img { position: absolute; }

.wds-toggle__input:checked+.wds-toggle__label::before { background-color: #83b8d8; }

.wds-toggle__input:checked+.wds-toggle__label::after { background-color: #004888; }

.wds-button-group>.wds-button:first-child { border-top-left-radius: 0; border-bottom-left-radius: 0; }

.wds-button-group>.wds-dropdown:last-child .wds-button { border-radius: 0; }

.WikiaPage .page-header .wds-button, .wds-community-header .wds-button.wds-is-secondary { font-size: 10px; }

.wds-global-navigation__link { color: #656E78; font-weight: normal; text-transform: none; }

.wds-global-navigation__notifications-dropdown { color: #39424d; }

.wds-global-navigation__search.wds-dropdown { color: #39424d; }

.wds-button { border-radius: 0; }

.wds-global-navigation__avatar-notifications-counter, .wds-global-navigation__notifications-counter { border: 1px solid #38424a; }

.wds-global-navigation .wds-avatar img.wds-avatar__image { border: 1px solid #39424d; fill: #39424d; }

.wds-global-navigation__link-group .wds-dropdown__content .wds-button.wds-is-secondary, .wds-global-navigation__notifications-dropdown .wds-dropdown__content .wds-button.wds-is-secondary, .wds-global-navigation__user-menu .wds-dropdown__content .wds-button.wds-is-secondary { border-color: #656e78; color: #656e78; }

.wds-notification-card__icon-wrapper .wds-icon, .wds-is-unread .wds-notification-card__icon-wrapper .wds-icon { fill: #999999; }

.wds-notifications__mark-all-as-read, .wds-list.wds-has-lines-between>li { border-bottom: solid 1px #c5ced9; }

.WikiaRail .rail-module .wds-button.wds-is-secondary, font-size: 10px; }
 * 1) seemoreactivity-button {

.wds-global-navigation__search-suggestions.wds-dropdown__content, .wds-global-navigation__search-suggestions.wds-dropdown__content:not(.wds-is-not-scrollable) .wds-list::after, .wds-global-navigation__search-suggestions.wds-dropdown__content:not(.wds-is-not-scrollable) .wds-list::before { background-color: #ffffff; }

.wds-global-navigation__logo-image { display: none; }

.wds-global-navigation .wds-global-navigation__search-close { padding: 5px 13px; }

.community-page-rail-module .description { padding: 3px; }

.wds-global-navigation__content-bar-right { flex-grow: 0; margin-left: 10px; }

.wds-global-navigation__logo::before { background-image: url('https://vignette.wikia.nocookie.net/wikiaglobal/images/0/09/MainMark.png'); background-size: 91px 24px; content:''; display: inline-block; height: 24px; width: 91px; vertical-align: middle; }

.wds-global-navigation__logo::after { color: #aaaaaa; content: "The Home of Fandom"; border-bottom: 1px solid; border-top: 1px solid; display: inline-block; font-size: 10px; font-weight: bold; line-height: 16px; margin-left: 8px; margin-right: 8px; text-transform: uppercase; vertical-align: bottom; }

.wds-global-navigation__links { font-size: 14px; }

.wds-global-navigation__link:hover { background: #e6ebf2; color: #656e78; }

.wds-global-navigation .wds-dropdown__toggle-chevron { fill: #656e78; }

.wds-global-navigation__search-container { margin: 0; }

.wds-search-is-active .wds-global-navigation__link-group .wds-dropdown__toggle-chevron { display: block; }

.wds-search-is-active .wds-global-navigation__search-container { margin: 0; }

.wds-global-navigation__search-toggle { background: #f2f6fa; border: solid 1px #c5ced9; border-right: 0; color: rgba(101,110,120,0.75); cursor: text; height: 28px; padding-right: 10px; }

.wds-global-navigation__search-toggle:hover { background: #f2f6fa; color: rgba(101,110,120,0.75); }

.wds-search-is-active .wds-global-navigation__search-toggle { flex: 0 1 auto; }

.wds-global-navigation__search-toggle-icon, .wds-search-is-active .wds-global-navigation__search-toggle-icon { margin: 0 4px; }

.wds-global-navigation__search-input-wrapper, .wds-search-is-active .wds-global-navigation__search-input-wrapper { background: #f2f6fa; border: solid 1px #c5ced9; border-left: 0; height: 28px; padding: 0; transition: none; }

.wds-search-is-active .wds-global-navigation__search-toggle, .wds-search-is-active .wds-global-navigation__search-input-wrapper { border-color: #555555; }

.wds-global-navigation__search-input::placeholder { color: rgba(101,110,120,0.75); }

.wds-global-navigation__search-suggestions.wds-dropdown__content { left: 0; }

.wds-global-navigation__search-submit { display: inline-flex; padding: 0; }

.wds-global-navigation__search-submit:not(.wds-is-text):not(.wds-is-secondary) { background: #dee1e4; border: none; }

.wds-global-navigation__search-container:not(.wds-search-is-focused) .wds-global-navigation__search-submit { display: none; }

.wds-global-navigation__search-close.wds-button.wds-is-text { color: rgba(101,110,120,0.5); }

.wds-global-navigation__search-close.wds-button.wds-is-text:hover { color: #555555; }

.wds-search-is-active .wds-global-navigation__search-submit:not(.wds-is-text):not(.wds-is-secondary), .wds-global-navigation__search-submit:not(.wds-is-text):not(.wds-is-secondary):active, .wds-global-navigation__search-submit:not(.wds-is-text):not(.wds-is-secondary):focus:not(:disabled), .wds-global-navigation__search-submit:not(.wds-is-text):not(.wds-is-secondary):hover:not(:disabled) { background: #555555; border: none; }

.wds-global-navigation__search-submit:before { background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3Asvg%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2228px%22%20height%3D%2228px%22%20viewBox%3D%220%200%2028%2028%22%20version%3D%221.1%22%3E%3Cpath%20d%3D%22m14.033203%208.5488281%200%203.3828129-6.033203%200%200%204.064453%206.033203%200%200%203.382812%206.71875-5.416015z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E%0A"); content: ''; height: 14px; width: 14px; background-position: -7px; }

.wds-global-navigation__search-submit svg { display: none; }

.wds-global-navigation .wds-avatar .wds-avatar__image { border: none; }

.wds-global-navigation__notifications-dropdown svg { fill: #38424a; }

.wds-global-navigation__start-a-wiki .wds-button.wds-is-secondary:not(:disabled) { border-color: #38424a; border-radius: 0; color: #38424a; font-size: 10px; font-weight: 600; padding: 7px 12px; }

.wds-global-navigation__start-a-wiki .wds-button.wds-is-secondary:not(:disabled):hover { background-color:transparent; border-color: #38424a; color: #38424a; }

.wds-dropdown__content { border-radius: 0; }

.wds-button { padding: 7px 13px; }

.wds-global-navigation__link:visited, .wds-global-navigation__start-a-wiki:visited { color: #656e78 !important; }

.wds-global-footer { background-color: #39424d; font-family: inherit !important; }

.wds-global-footer__link, .wds-global-footer__link:active, .wds-global-footer__link:focus, .wds-global-footer__link:visited { color: #c5ced9; }

.wds-global-navigation__start-a-wiki .wds-button.wds-is-secondary:not(:disabled).wds-is-secondary, .wds-global-navigation__start-a-wiki .wds-button.wds-is-secondary:not(:disabled).wds-is-secondary:hover:not(:disabled), .wds-global-navigation__start-a-wiki .wds-button.wds-is-secondary:not(:disabled).wds-is-secondary:active, .wds-global-navigation__start-a-wiki .wds-button.wds-is-secondary:not(:disabled).wds-is-secondary:focus:not(:disabled) {   border-color: #656e78; color: #656e78; }

.wds-global-navigation__link:hover, .wds-global-navigation__start-a-wiki:hover { color: #656e78 !important; }

.WikiaArticle .category-page__pagination .wds-button.wds-is-secondary, .WikiaArticle .category-page__pagination .wds-button.wds-is-secondary:focus:not(:disabled), .WikiaArticle .category-page__pagination .wds-button.wds-is-secondary:hover:not(:disabled), .WikiaArticle .category-page__pagination .wds-button.wds-is-secondary:active, .WikiaArticle .category-page__pagination .wds-button.wds-is-secondary.wds-is-active { border-radius: 0.5em !important; }