FANDOM


(Fixed alignment in the search bar and move links/logo closer to centre.)
(Clean up some old styles and fix search box width when active)
Line 1: Line 1:
/* u:dev:MediaWiki:WikiaNavigationBarStyle/code.css */
 
 
/* WikiaNavigationBarStyle - C.Syde65 */
 
/* WikiaNavigationBarStyle - C.Syde65 */
 
/* Recreation of the pre-fandom Wikia Navigation Bar Style */
 
/* Recreation of the pre-fandom Wikia Navigation Bar Style */
Line 16: Line 15:
 
/* 14-06-17 - Overriding new default CSS caused by a recent technical update */
 
/* 14-06-17 - Overriding new default CSS caused by a recent technical update */
 
/* 14-06-17 - Fixing up the article header font size */
 
/* 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 */
+
/* 15-06-17 - Added CSS to expand the minimum width for page header drop-downs */
 
/* 16-06-17 - Minor alterations to buttons */
 
/* 16-06-17 - Minor alterations to buttons */
 
/* 04-07-17 - Revised some navigation bar CSS */
 
/* 04-07-17 - Revised some navigation bar CSS */
Line 39: Line 38:
 
/* 14-02-19 - Fixed outline colour of user avatar on the global navigation bar */
 
/* 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 - 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. */
   
 
.wds-global-navigation {
 
.wds-global-navigation {
box-shadow: 0 2px 0 0 #cccccc;
+
background: #ffffff;
}
+
border-top: 6px solid #656e78;
+
box-shadow: 0 0 0 2px rgba(0,0,0,0.3);
.wds-is-wds-company-logo-fandom,
+
color: #ffffff;
.wds-is-wds-company-logo-powered-by-wikia {
+
font-family:'Helvetica', Arial, sans-serif;
display: none;
+
justify-content: center;
 
}
 
}
   
Line 52: Line 52:
 
padding-top: 8px;
 
padding-top: 8px;
 
height: 36px;
 
height: 36px;
}
 
 
.wds-global-navigation .wds-global-navigation__search {
 
flex-basis: 50%;
 
}
 
 
.wds-global-navigation .wds-avatar {
 
border-width: 1px;
 
 
}
 
}
   
 
.wds-global-footer__header a svg {
 
.wds-global-footer__header a svg {
 
display: none;
 
display: none;
}
 
 
.wds-global-navigation .wds-button.wds-is-secondary {
 
color: #656E78;
 
}
 
 
.wds-global-navigation .wds-button {
 
border: 1px solid #656E78;
 
background-color: #EEF1F4;
 
color: #ffffff;
 
 
}
 
}
   
Line 83: Line 65:
 
}
 
}
   
.wds-global-navigation__link.wds-is-games {
 
border-color: #656E78;
 
}
 
 
.wds-global-navigation__link.wds-is-movies {
 
border-color: #656E78;
 
}
 
 
.wds-global-navigation__link.wds-is-tv {
 
border-color: #656E78;
 
}
 
 
/* TODO: fix unknown selector */
 
navigation__account-menu,
 
 
.wds-global-navigation__user-menu,
 
.wds-global-navigation__user-menu,
 
.wds-global-navigation__notifications-menu,
 
.wds-global-navigation__notifications-menu,
Line 108: Line 76:
 
}
 
}
   
.wds-global-navigation .wds-list.wds-is-linked>li>a {
+
.wds-global-navigation__search-input {
color: #39424d;
+
background-color: #F2F6FA;
  +
color: #000000;
  +
height: auto;
 
}
 
}
   
.wds-global-navigation__search-input {
+
.wds-global-navigation__search-container.wds-search-is-focused .wds-global-navigation__search-input,
background-color: #F2F6FA;
+
.wds-global-navigation__search-input:focus {
height: auto;
+
width: 300px;
 
}
 
}
   
Line 150: Line 118:
 
.wds-global-navigation__search-submit {
 
.wds-global-navigation__search-submit {
 
box-sizing: border-box;
 
box-sizing: border-box;
}
 
 
@media only screen and (min-width: 1024px) {
 
.wds-global-navigation__search-input-wrapper {
 
border-bottom: 0;
 
}
 
}
 
 
.global-nav-search-input-wrapper .search-input {
 
background-color: #f2f6fa;
 
border: solid 1px #c5ced9;
 
color: rgba(101,110,120,0.75);
 
 
}
 
}
   
Line 173: Line 129:
 
max-width: 970px !important;
 
max-width: 970px !important;
 
padding: 4.5px;
 
padding: 4.5px;
}
 
 
.wds-global-footer__fandom-section.wds-is-fandom-overview .wds-global-footer__link.wds-is-games {
 
border-color: #656e78 !important;
 
}
 
 
.wds-global-footer__fandom-section.wds-is-fandom-overview .wds-global-footer__link.wds-is-movies {
 
border-color: #656e78 !important;
 
}
 
 
.wds-global-footer__fandom-section.wds-is-fandom-overview .wds-global-footer__link.wds-is-tv {
 
border-color: #656e78 !important;
 
 
}
 
}
   
Line 190: Line 134:
 
.wds-global-footer__bottom-bar a:visited {
 
.wds-global-footer__bottom-bar a:visited {
 
color: #006cb0;
 
color: #006cb0;
text-decoration: none;
 
 
}
 
}
   
Line 203: Line 146:
 
.wds-global-navigation .wds-button:hover:not(:disabled) {
 
.wds-global-navigation .wds-button:hover:not(:disabled) {
 
border-color: #656E78;
 
border-color: #656E78;
}
 
 
.wds-global-navigation .wds-is-linked .wds-sign-out__button {
 
background-color: inherit;
 
color: #39424d !important;
 
 
}
 
}
   
Line 238: Line 176:
 
}
 
}
   
.wds-dropdown__content .wds-list.wds-is-linked>li:hover>a {
+
.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;
 
background-color: inherit !important;
 
color: inherit;
 
color: inherit;
Line 245: Line 183:
 
.wds-global-navigation .wds-dropdown__content:not(.wds-is-not-scrollable) .wds-list {
 
.wds-global-navigation .wds-dropdown__content:not(.wds-is-not-scrollable) .wds-list {
 
max-height: 970px;
 
max-height: 970px;
}
 
 
.wds-global-navigation .wds-dropdown__content {
 
border-radius: 0;
 
 
}
 
}
   
Line 254: Line 188:
 
background-color: transparent;
 
background-color: transparent;
 
border-color: #656E78;
 
border-color: #656E78;
  +
color: #656E78;
 
}
 
}
   
Line 305: Line 240:
 
background-color: #e6ebf2;
 
background-color: #e6ebf2;
 
color: #656E78;
 
color: #656E78;
}
 
 
.wds-global-navigation .wds-button.wds-is-text.wds-is-active,
 
.wds-global-navigation .wds-button.wds-is-text:active,
 
.wds-global-navigation .wds-button.wds-is-text:focus:not(:disabled),
 
.wds-global-navigation .wds-button.wds-is-text:not(:disabled),
 
.wds-global-navigation .wds-button.wds-is-text:hover:not(:disabled) {
 
background-color: #f2f6fa;
 
border-top: 1px solid #c5ced9;
 
}
 
 
svg#wds-company-logo-fandom-powered-by-wikia-two-lines {
 
display: none;
 
 
}
 
}
   
Line 327: Line 249:
 
background-size: 123px;
 
background-size: 123px;
 
background-repeat: no-repeat;
 
background-repeat: no-repeat;
}
 
 
.wds-dropdown__content .wds-list.wds-is-linked>li.wds-is-selected>a, .wds-dropdown__content .wds-list.wds-is-linked>li:hover>a {
 
background-color: #ffffff;
 
color: inherit;
 
 
}
 
}
   
Line 345: Line 262:
 
background-color: transparent !important;
 
background-color: transparent !important;
 
border: 0 transparent !important;
 
border: 0 transparent !important;
}
 
 
.wds-is-linked .wds-sign-out__button {
 
border: 0 transparent !important;
 
font-size: 14px !important;
 
 
}
 
}
   
Line 366: Line 278:
 
.wds-toggle__input:checked+.wds-toggle__label::after {
 
.wds-toggle__input:checked+.wds-toggle__label::after {
 
background-color: #004888;
 
background-color: #004888;
}
 
 
.wds-global-navigation {
 
background-color: #ffffff;
 
border-top: 6px solid #656e78;
 
 
}
 
}
   
Line 387: Line 294:
 
}
 
}
   
.wds-global-navigation__link,
+
.wds-global-navigation__link {
.wds-global-navigation__start-a-wiki {
 
 
color: #656E78;
 
color: #656E78;
 
font-weight: normal;
 
font-weight: normal;
}
 
 
.wds-global-navigation__link {
 
 
text-transform: none;
 
text-transform: none;
}
 
 
.wds-global-navigation__link-group .wds-dropdown__toggle-chevron,
 
.wds-global-navigation__notifications-dropdown .wds-dropdown__toggle-chevron,
 
.wds-global-navigation__user-menu .wds-dropdown__toggle-chevron {
 
fill: #39424d;
 
 
}
 
}
   
Line 408: Line 306:
 
.wds-global-navigation__search.wds-dropdown {
 
.wds-global-navigation__search.wds-dropdown {
 
color: #39424d;
 
color: #39424d;
}
 
 
.wds-global-navigation__start-a-wiki .wds-button.wds-is-secondary:not(:disabled) {
 
border-color: #656e78;
 
color: #656e78;
 
 
}
 
}
   
Line 421: Line 314:
 
.wds-global-navigation__avatar-notifications-counter,
 
.wds-global-navigation__avatar-notifications-counter,
 
.wds-global-navigation__notifications-counter {
 
.wds-global-navigation__notifications-counter {
border: 1px solid #656e78;
+
border: 1px solid #38424a;
 
}
 
}
   
.wds-global-navigation .wds-avatar .wds-avatar__image,
 
 
.wds-global-navigation .wds-avatar img.wds-avatar__image {
 
.wds-global-navigation .wds-avatar img.wds-avatar__image {
 
border: 1px solid #39424d;
 
border: 1px solid #39424d;
 
fill: #39424d;
 
fill: #39424d;
}
 
 
.wds-global-navigation {
 
font-family: inherit;
 
 
}
 
}
   
Line 448: Line 336:
 
.wds-list.wds-has-lines-between>li {
 
.wds-list.wds-has-lines-between>li {
 
border-bottom: solid 1px #c5ced9;
 
border-bottom: solid 1px #c5ced9;
}
 
 
.wds-global-navigation__search-toggle:hover {
 
color: #39424d;
 
 
}
 
}
   
Line 467: Line 351:
 
.wds-global-navigation__logo-image {
 
.wds-global-navigation__logo-image {
 
display: none;
 
display: none;
}
 
 
.wds-global-navigation .wds-button {
 
padding: 7px 13px;
 
 
}
 
}
   
 
.wds-global-navigation .wds-global-navigation__search-close {
 
.wds-global-navigation .wds-global-navigation__search-close {
padding: 5px 13px;
+
padding: 5px 13px;
 
}
 
}
   
 
.community-page-rail-module .description {
 
.community-page-rail-module .description {
 
padding: 3px;
 
padding: 3px;
}
 
 
#globalNavigation {
 
background: #ffffff;
 
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__content-bar-right {
 
.wds-global-navigation__content-bar-right {
 
flex-grow: 0;
 
flex-grow: 0;
}
+
margin-left: 10px;
 
.wds-global-navigation__logo svg {
 
display: none;
 
 
}
 
}
   
Line 505: Line 377:
   
 
.wds-global-navigation__logo::after {
 
.wds-global-navigation__logo::after {
color: #aaaaaa;
+
color: #aaaaaa;
content: "The Home of Fandom";
+
content: "The Home of Fandom";
border-bottom: 1px solid;
+
border-bottom: 1px solid;
border-top: 1px solid;
+
border-top: 1px solid;
display: inline-block;
+
display: inline-block;
font-size: 10px;
+
font-size: 10px;
font-weight: bold;
+
font-weight: bold;
line-height: 16px;
+
line-height: 16px;
margin-left: 8px;
+
margin-left: 8px;
 
margin-right: 8px;
 
margin-right: 8px;
text-transform: uppercase;
+
text-transform: uppercase;
 
vertical-align: bottom;
 
vertical-align: bottom;
 
}
 
}
Line 521: Line 393:
 
.wds-global-navigation__links {
 
.wds-global-navigation__links {
 
font-size: 14px;
 
font-size: 14px;
margin: 0 10px;
 
 
}
 
}
   
Line 529: Line 400:
 
}
 
}
   
.wds-global-navigation__link-group .wds-dropdown__toggle-chevron,
+
.wds-global-navigation .wds-dropdown__toggle-chevron {
.wds-global-navigation__notifications-dropdown .wds-dropdown__toggle-chevron,
 
.wds-global-navigation__user-menu .wds-dropdown__toggle-chevron {
 
 
fill: #656e78;
 
fill: #656e78;
 
}
 
}
Line 539: Line 410:
 
.wds-search-is-active .wds-global-navigation__link-group .wds-dropdown__toggle-chevron {
 
.wds-search-is-active .wds-global-navigation__link-group .wds-dropdown__toggle-chevron {
 
display: block;
 
display: block;
}
 
 
.wds-global-navigation__search-input {
 
color: #000000;
 
 
}
 
}
   
Line 556: Line 423:
 
cursor: text;
 
cursor: text;
 
height: 28px;
 
height: 28px;
  +
padding-right: 10px;
 
}
 
}
   
Line 601: Line 469:
   
 
.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) {
background: #eef1f4;
+
background: #dee1e4;
 
border: none;
 
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 {
 
.wds-global-navigation__search-close.wds-button.wds-is-text {
color: rgba(101,110,120,0.75);
+
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-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):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):focus:not(:disabled),
 
.wds-global-navigation__search-submit:not(.wds-is-text):not(.wds-is-secondary):hover:not(:disabled) {
 
.wds-global-navigation__search-submit:not(.wds-is-text):not(.wds-is-secondary):hover:not(:disabled) {
 
background: #555555;
 
background: #555555;
Line 635: Line 507:
 
.wds-global-navigation__notifications-dropdown svg {
 
.wds-global-navigation__notifications-dropdown svg {
 
fill: #38424a;
 
fill: #38424a;
}
 
 
.wds-global-navigation__notifications-counter {
 
border: 1px solid #38424a;
 
 
}
 
}
   
 
.wds-global-navigation__start-a-wiki .wds-button.wds-is-secondary:not(:disabled) {
 
.wds-global-navigation__start-a-wiki .wds-button.wds-is-secondary:not(:disabled) {
border-color: #38424a;
+
border-color: #38424a;
border-radius: 0;
+
border-radius: 0;
color: #38424a;
+
color: #38424a;
font-size: 10px;
+
font-size: 10px;
font-weight: 600;
+
font-weight: 600;
padding: 7px 12px;
+
padding: 7px 12px;
 
}
 
}
   
 
.wds-global-navigation__start-a-wiki .wds-button.wds-is-secondary:not(:disabled):hover {
 
.wds-global-navigation__start-a-wiki .wds-button.wds-is-secondary:not(:disabled):hover {
background-color:transparent;
+
background-color:transparent;
border-color: #38424a;
+
border-color: #38424a;
color: #38424a;
+
color: #38424a;
 
}
 
}
   
Line 673: Line 541:
 
font-family: inherit !important;
 
font-family: inherit !important;
 
}
 
}
+
 
.wds-global-footer__link,
 
.wds-global-footer__link,
 
.wds-global-footer__link:active,
 
.wds-global-footer__link:active,

Revision as of 11:39, March 18, 2019

/* 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 drop-down 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. */
 
.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;
}
 
#wpCreatePageDialogTitle {
    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;
}
 
.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-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/8/89/White_Wikia_Logo.png/revision/latest?cb=20170612045350");
    width: 164px;
    content: ' ';
    height: 41px;
    background-size: 123px;
    background-repeat: no-repeat;
}
 
#EditMessageWallGreeting .wds-button-group > .wds-button:not(.wds-is-secondary):not(:last-child) {
    border-radius: 0.5em 0 0 0.5em;
}
 
#EditMessageWallGreeting .wds-button-group>.wds-button:not(.wds-is-secondary):not(:first-child), #EditMessageWallGreeting .wds-button-group>.wds-dropdown:not(:first-child) .wds-button {
    border-radius: 0 0.5em 0.5em 0;
}
 
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,
#seemoreactivity-button {
    font-size: 10px;
}
 
.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;
}
Community content is available under CC-BY-SA unless otherwise noted.