User:DJLovesCJSuki/global.css


 * root {

--theme-page-background-color--opacity: 1; --theme-header-background-color: var(--theme-sticky-nav-background-color); --theme-header-text-color: var(--theme-sticky-nav-text-color); --theme-header-text-color--hover: var(--theme-sticky-nav-text-color--hover); --background-img-position: center center; --background-img-size: cover; --background-img-repeat: no-repeat; --background-img-attachment: fixed; --fandom-global-nav-background-color: #002a32; --fandom-global-nav-link-color: #00d6d6; --fandom-global-nav-link-color--hover: #fff; --fandom-global-nav-icon-color: #00d6d6; --fandom-global-nav-icon-background-color: none; --fandom-global-nav-icon-background-color--hover: rgba(255, 255, 255, 0.25); --fandom-global-nav-icon-background-color--active: rgba(255, 255, 255, 0.4); --fandom-global-nav-icon-border-color: #00d6d6; --fandom-global-nav-icon-border-color--hover: #fff; --fandom-global-nav-icon-border-color--active: #fff; --fandom-global-nav-bottom-icon-color: #00d6d6; --fandom-global-nav-start-wiki-color: #bed1cf; --fandom-global-nav-start-wiki-color--hover: #82a7a3; }

/* Page background opacity */ .main-container .resizable-container { background-color: rgba(var(--theme-page-background-color--rgb), var(--theme-page-background-color--opacity)); }

.page__main, .page__right-rail { background: inherit; }

/* Global Navigation */ /** Removing sticky header **/ .fandom-sticky-header { display: none; }

/** Rotate bar background and style text **/ .global-navigation { flex-direction: row; width: 100%; height: 55px; bottom: auto; box-shadow: none; font-family: Rubik,Helvetica Neue,Helvetica,Arial,sans-serif; padding: 0 12px; align-items: center; z-index: 10001; }

/** Global navigation (main) items direction **/ .global-navigation__top, .global-navigation__nav { display: flex; }

.global-navigation__top, .global-navigation__bottom { background: none; }

.global-navigation__nav .global-navigation__icon { display: none; }

/** Fandom logo size **/ .global-navigation__logo { height: 27px; width: 126px; }

.global-navigation__logo > * { display: none; }

.global-navigation__logo:after { content: ' '; height: 27px; width: 126px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='wds-company-logo-fandom-white' viewBox='0 0 164 35'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M32.003 16.524c0 .288-.115.564-.32.768L18.3 30.712c-.226.224-.454.324-.738.324-.292 0-.55-.11-.77-.325l-.943-.886a.41.41 0 0 1-.01-.59l15.45-15.46c.262-.263.716-.078.716.29v2.46zm-17.167 10.12l-.766.685a.642.642 0 0 1-.872-.02L3.01 17.362c-.257-.25-.4-.593-.4-.95v-1.858c0-.67.816-1.007 1.298-.536l10.814 10.56c.188.187.505.57.505 1.033 0 .296-.068.715-.39 1.035zM5.73 7.395L9.236 3.93a.421.421 0 0 1 .592 0l11.736 11.603a3.158 3.158 0 0 1 0 4.5l-3.503 3.462a.423.423 0 0 1-.59 0L5.732 11.89a3.132 3.132 0 0 1-.937-2.25c0-.85.332-1.65.935-2.246zm13.89 1.982l3.662-3.62a3.232 3.232 0 0 1 2.737-.897c.722.098 1.378.47 1.893.978l3.708 3.667a.41.41 0 0 1 0 .585l-5.64 5.576a.419.419 0 0 1-.59 0l-5.77-5.704a.411.411 0 0 1 0-.585zm14.56-.687L26.014.475a.869.869 0 0 0-1.228-.002L18.307 6.94c-.5.5-1.316.5-1.82.004l-6.48-6.4A.87.87 0 0 0 8.793.542L.447 8.67C.16 8.95 0 9.33 0 9.727v7.7c0 .392.158.77.44 1.048l16.263 16.072a.87.87 0 0 0 1.22 0l16.25-16.073c.28-.278.438-.655.438-1.048V9.73c0-.39-.153-.763-.43-1.04z' fill='%2300D6D6'%3E%3C/path%3E%3Cpath d='M62.852 20.51l2.58-6.716a.468.468 0 0 1 .87 0l2.58 6.717h-6.03zm5.856-12.428c-.184-.48-.65-.8-1.17-.8h-3.342c-.52 0-.986.32-1.17.8l-7.083 18.5c-.21.552.2 1.14.796 1.14h2.753c.353 0 .67-.215.796-.542l.738-1.922a.849.849 0 0 1 .795-.542h8.088a.85.85 0 0 1 .796.542l.74 1.922c.125.327.44.543.795.543h2.754a.843.843 0 0 0 .796-1.14l-7.082-18.5zm93.504-.8h-2.715a1.86 1.86 0 0 0-1.677 1.047l-5.393 11.162-5.393-11.163a1.858 1.858 0 0 0-1.677-1.047h-2.715a.889.889 0 0 0-.893.883V26.84c0 .487.4.883.892.883h2.608a.889.889 0 0 0 .893-.883v-9.686l4.945 10.072c.15.304.46.497.803.497h1.073a.893.893 0 0 0 .803-.497l4.945-10.072v9.686c0 .487.4.883.894.883h2.608a.889.889 0 0 0 .893-.883V8.166c0-.487-.4-.883-.893-.883zm-106.972 8.8h-8.63V11.49h10.918a.88.88 0 0 0 .83-.578l.888-2.464a.872.872 0 0 0-.83-1.163h-15.18c-.486 0-.88.39-.88.87v18.7c0 .48.394.87.88.87h2.492c.486 0 .88-.39.88-.87V20.29h7.743a.88.88 0 0 0 .83-.578l.89-2.464a.872.872 0 0 0-.83-1.163zm51.76 7.61h-3.615V11.315H107c3.828 0 6.41 2.517 6.41 6.188 0 3.672-2.582 6.19-6.41 6.19zm-.124-16.41h-7.128c-.486 0-.88.39-.88.872v18.698c0 .48.394.87.88.87h7.128c6.453 0 10.912-4.44 10.912-10.16v-.117c0-5.72-4.46-10.162-10.912-10.162zm-11.947.03h-2.642a.87.87 0 0 0-.876.866v12.36l-8.755-12.72a1.242 1.242 0 0 0-1.023-.535H78.32a.873.873 0 0 0-.876.867v18.706c0 .48.393.867.877.867h2.64a.872.872 0 0 0 .878-.867V14.71l8.608 12.478c.23.334.613.535 1.022.535h3.46a.872.872 0 0 0 .877-.867V8.178a.87.87 0 0 0-.876-.867zm40.71 10.3c0 3.323-2.712 6.016-6.056 6.016-3.345 0-6.056-2.693-6.056-6.015v-.22c0-3.322 2.71-6.015 6.056-6.015 3.344 0 6.055 2.693 6.055 6.015v.22zm-6.056-10.44c-5.694 0-10.31 4.576-10.31 10.22v.22c0 5.646 4.616 10.22 10.31 10.22 5.693 0 10.308-4.574 10.308-10.22v-.22c0-5.644-4.615-10.22-10.308-10.22z' fill='%23FFF'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); display: block; }

/** Hide tooltip on global nav **/ .wds-tooltip.is-right { z-index: 10000; }

/** Removing option icons **/ .global-navigation__link-icon { display: none; } .global-navigation__icon { display: flex; align-items: flex-end; } .global-navigation__search { display: flex; justify-content: center; align-items: center; margin-top: 0; position: fixed; right: 264px; } .global-navigation__links { flex-direction: row; display: inline-flex; align-items: center; height: 100%; } .global-navigation .notifications .global-navigation__icon { width: 30px; height: 30px; }

/** Corecting alignment for "Games" **/ .global-navigation__links .global-navigation__link:first-child { margin-top: 0; }

/** Correcting alignment for other elements **/ .global-navigation__link, .global-navigation__links > .wds-dropdown { margin-top: 0; padding: 0; margin-left: 30px; } @media only screen and (max-width: 1023px) { .global-navigation__link { margin-left: 18px; } } .global-navigation__link:not([data-tracking-label="start-a-wiki"]) { display: flex; justify-content: center; height: 100%; }

/** Flexbox fixes **/ .global-navigation__top { align-items: unset; flex-direction: row; } .global-navigation__nav { align-items: center; }

/** Style of options text **/ .global-navigation__label { font-size: 18px; font-weight: 700; margin-top: 0; overflow: visible; align-items: center; transition: color .3s,font-size .2s,margin-left .2s; max-width: unset; } @media only screen and (max-width: 1279px) { .global-navigation__label { font-size: 16px; } } .global-navigation__link[data-tracking-label="start-a-wiki"] { margin-left: 16px; }

/** Dropdown colors **/ .global-navigation .wds-dropdown { --wds-dropdown-background-color: #fff; --wds-dropdown-border-color: #bed1cf; --wds-dropdown-text-color: #3a3a3a; --wds-dropdown-linked-item-color: #088488; --wds-dropdown-linked-item-background-color: rgba(8,132,136,0.1); --wds-dropdown-scrollable-shadow-color: rgba(58,58,58,0.1); }

/** Dropdown position **/ .global-navigation .wds-dropdown.wds-open-to-right .wds-dropdown__content { bottom: unset; top: 100%; left: 50%; transform: translateX(-50%); border-radius: 3px; } .global-navigation .wds-dropdown.wds-open-to-right:not(.wds-is-not-hoverable):hover:before { display: block !important; bottom: -1px; content: ""; left: 50%; pointer-events: none; position: absolute; z-index: 2; border: 8px solid transparent; border-bottom: 8px solid var(--wds-dropdown-background-color); margin-left: -8px; top: unset; transform: unset; } .global-navigation__bottom .wds-dropdown.is-attached-to-bottom .wds-dropdown__content { position: absolute; }

/** Start a wiki. Joined classes necessary **/ .global-navigation__link[data-tracking-label="start-a-wiki"] .global-navigation__label { display: none; align-items: center; border: 1px solid currentColor; border-radius: 3px; box-sizing: content-box; font-size: 12px; font-weight: 600; justify-content: center; letter-spacing: .15px; line-height: 16px; margin-left: 0; min-height: 18px; padding: 7px 18px; transition-duration: .3s; transition-property: color; white-space: nowrap; max-width: fit-content; color: var(--fandom-global-nav-start-wiki-color); } @media only screen and (min-width: 1024px) { .global-navigation__link[data-tracking-label="start-a-wiki"] .global-navigation__label { display: flex; } } .global-navigation__link[data-tracking-label="start-a-wiki"] .global-navigation__label:hover { color: var(--fandom-global-nav-start-wiki-color--hover); }

/** Joined classes necessary. Removing overflow cover **/ .global-navigation__label.text-overflow:after { display: none; }

/** Order of elements **/ .global-navigation__link[data-tracking-label="start-a-wiki"] .global-navigation__label { position: absolute; width: 118px; right: 12px; top: 10px; } .global-navigation__bottom { position: absolute; right: 147px; display: flex; flex-direction: row-reverse; padding: 13px 0 !important; } @media only screen and (max-width: 1023px) { .global-navigation__bottom { right: 13px; }   .global-navigation__search { right: 130px; } }

/** User and notification icon **/ .global-navigation__bottom .wds-dropdown { margin-left: 7px; } .global-navigation__bottom .wds-dropdown__toggle, .global-navigation__bottom .global-navigation__icon { justify-content: center; align-items: center; width: inherit; } .global-navigation .global-navigation__link.wds-dropdown .wds-dropdown__toggle, .global-navigation__bottom .wds-dropdown__toggle { display: flex; flex-direction: row; } .global-navigation .wds-dropdown__toggle:after { content: ' '; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='wds-icons-dropdown-tiny' viewBox='0 0 12 12'%3E%3Cpath id='dropdown-tiny-a' style='fill:%23ff776d' d='M6.0001895,8.80004571 C5.79538755,8.80004571 5.5905856,8.72164496 5.43458411,8.56564348 L2.23455364,5.365613 C2.00575146,5.13681083 1.93695081,4.79280755 2.06095199,4.4936047 C2.18415316,4.19440185 2.47695595,4 2.80015903,4 L9.20021997,4 C9.52342305,4 9.81542583,4.19440185 9.93942701,4.4936047 C10.0634282,4.79280755 9.99462754,5.13681083 9.76582536,5.365613 L6.56579489,8.56564348 C6.4097934,8.72164496 6.20499145,8.80004571 6.0001895,8.80004571 Z'%3E%3C/path%3E%3C/svg%3E"); height: 12px; min-width: 12px; width: 12px; margin-left: 6px; } .global-navigation .wds-dropdown:hover .wds-dropdown__toggle:after { transform: rotate(180deg); } .global-navigation__bottom .global-navigation__icon { height: inherit; border: none; } .global-navigation__bottom > * { display: flex; align-items: center; }

/** Remove dropdown arrow for user profile. Joined classes necessary **/ .wds-dropdown.wds-open-to-right:before, .wds-dropdown.wds-open-to-right:after { display: none !important; }

/** Reversing list of options in user dropdown **/ .global-navigation__bottom .wds-dropdown.is-attached-to-bottom .wds-dropdown__content ul.wds-list { transform: rotate(180deg); }

.global-navigation__bottom .wds-dropdown.is-attached-to-bottom .wds-dropdown__content ul.wds-list li { transform: rotate(-180deg); }

/** Sign Out option colours **/ .wds-sign-out__button { color: var(--wds-dropdown-text-color); }

.wds-sign-out__button:hover { background-color: var(--wds-dropdown-linked-item-background-color); color: var(--wds-dropdown-linked-item-color); }

.wds-sign-out__button.wds-is-active, .wds-sign-out__button:active, .wds-sign-out__button:focus:not(:disabled) { color: var(--wds-dropdown-text-color); }

/** Notifications icon alignment **/ .global-navigation__bottom .notifications { margin-bottom: 0; }

/** Sticky header and notifications dropdown gap **/ .fandom-sticky-header.is-visible +.global-navigation .notifications .wds-dropdown.is-attached-to-bottom .wds-dropdown__content { top: 55px; }

/** Notifications dropdown div **/ .global-navigation .notifications .wds-dropdown.wds-is-not-hoverable.is-attached-to-bottom div.wds-dropdown__content { top: 55px; right: 0; min-height: 80px; max-height: 435px; width: 356px; left: auto; transform: none; }

/** Notifications scrollable and font size **/ .global-navigation .global-navigation__bottom .notifications div.wds-dropdown__content div.wds-tab__content.wds-is-current { overflow-y: auto; font-size: 14px; }

/** Notifications colors **/ .theme-fandomdesktop-dark .global-navigation__bottom > .notifications > .wds-open-to-right > .wds-dropdown__content { background-color: #0e191a; color: #f5f3f5; border: 1px solid #656e78; }

.theme-fandomdesktop-dark .global-navigation__bottom > .notifications .NotificationsDropdown-module_contentHeader__2b303, .theme-fandomdesktop-dark .global-navigation__bottom .NotificationsDropdown-module_tabber__1qKxW .wds-tabs { border-bottom: 1px solid #656e78; }

.global-navigation__bottom .NotificationsDropdown-module_tabber__1qKxW .wds-tabs__tab.wds-is-current { color: #089196; }

.theme-fandomdesktop-dark .global-navigation__bottom .NotificationsDropdown-module_tabber__1qKxW .wds-tabs__tab.wds-is-current { color: #00d6d6; }

.theme-fandomdesktop-dark .global-navigation__bottom .wds-dropdown__content .NotificationCard-module_card__2YXOh { --notification-card-background-color: #002a32; border-bottom: 1px solid #656e78; }

/** Making space for the global nav, using the space on the left for page body **/ .main-container { margin-left: 0; width: 100%; margin-top: 55px; } .resizable-container { margin-top: 10px; }

/** Search **/ .global-navigation__search-container { position: fixed; height: 55px; top: 0; }

@media only screen and (max-width: 1023px) { .global-navigation__search-container { right: 128px; } }

@media only screen and (min-width: 1024px) { .global-navigation__search-container { right: 267px; } }

@media only screen and (min-width: 1500px) { .global-navigation__search-container { flex: unset; width: 450px; margin-left: 34px; margin-right: 6px; } }

.global-navigation__search { align-items: center; display: flex; justify-content: flex-end; margin-top: 0; width: inherit; }

.global-navigation__search-toggle { align-items: center; cursor: pointer; display: flex; transition: color .3s; }

@media only screen and (min-width: 1500px) { .global-navigation__search-toggle { pointer-events: none; } }

.global-navigation__search-toggle-icon.wds-icon-small { margin-right: 8px; }

@media only screen and (max-width: 1023px) { .global-navigation__search-toggle-icon.wds-icon-small { display: none; } }

@media only screen and (min-width: 1024px) { .wds-global-navigation__search-toggle-icon:not(.wds-icon-small) { display: none; } }

@media only screen and (max-width: 1023px) { .global-navigation__search-toggle-text { display: none; } }

@media only screen and (min-width: 1500px) { .global-navigation__search-toggle-text { display: none; } }

.global-navigation__search-input-wrapper { align-items: center; display: none; flex: 0 1 auto; padding-bottom: 3px; transition: flex .2s; }

@media only screen and (min-width: 1500px) { .global-navigation__search-input-wrapper { border-bottom: 2px solid #00d6d6; width: 100%; display: flex; } }

.wds-global-navigation__suggestions-anchor { display: flex; flex: 1 1 auto; }

input.global-navigation__search-input { background: transparent; border: 0; box-sizing: border-box; flex: 1 1 auto; font-family: sans-serif; font-size: 14px; height: 28px; padding: 0; width: 430px; outline: none; color: #fff; caret-color: #fff; }

input.global-navigation__search-input::placeholder { color: #fff; }

/* Community header */ .community-header-wrapper { height: 105px; } .fandom-community-header { background-color: var(--theme-header-background-color); color: var(--theme-header-text-color); height: 105px; } .fandom-community-header a { color: var(--theme-header-text-color); } .fandom-community-header a:hover { color: var(--theme-header-text-color--hover); } .wiki-tools .wds-button.wds-is-secondary { --wds-secondary-button-label-color: var(--theme-header-text-color); --wds-secondary-button-label-color--hover: var(--theme-header-text-color--hover); }

@media only screen and (max-width: 1083px) { .fandom-community-header { height: 115px; } }

/** Removing gap between header and page **/ .page { margin-top: 0; }

/** Removing border-radius for body. Joined classes necessary **/ @media only screen and (max-width: 1023px) { html:not(.ve-activated) .page.has-right-rail .page__main { border-radius: 0; } }

html:not(.ve-activated) .page.has-right-rail .page__main, .page__main, .page__right-rail { border-radius: 0; }

/** Wiki wordmark **/ .fandom-community-header__image { margin-right: 0; }

.fandom-community-header__image img { height: 65px; margin: 20px 0 20px 20px; }

@media only screen and (max-width: 1083px) { .fandom-community-header__image img { height: 49px; max-width: 175px; margin-bottom: 0; max-height: none; } }

/** Area of wiki title and those small icons **/ .fandom-community-header__top-container { align-items: normal; height: 59px; }

@media only screen and (max-width: 1083px) { .fandom-community-header__top-container { height: 69px; } }

/** Article counter **/ .page-counter { margin: 17px 0 20px 20px; } .page-counter__value { font-size: 24px; line-height: 1; font-weight: 600; } .page-counter__label { font-size: 12px; line-height: 1; margin-top: 3px; font-weight: 600; }

/** Wiki title wrapper **/ .fandom-community-header__community-name-wrapper { flex: 1; font-size: 28px; font-weight: 600; line-height: 1; margin: 25px 0 0 18px; overflow: hidden; }

@media only screen and (max-width: 1083px) { .fandom-community-header__community-name-wrapper { word-wrap: break-word; font-size: 24px; margin-top: 20px; max-height: 72px; white-space: normal; } }

/** Wiki title text **/ .fandom-community-header__community-name-wrapper a.fandom-community-header__community-name { font-size: 28px; font-weight: 600; line-height: 1; }

/** Wiki title text hover **/ .fandom-community-header__community-name-wrapper a.fandom-community-header__community-name:hover { text-decoration: none; }

/** Those small icons. Preventing stretched borders **/ .main-container .resizable-container header .wiki-tools.wds-button-group { align-items: center; margin: 20px 20px auto 15px }

/** Community header tabs padding and order **/ .fandom-community-header__local-navigation ul { order: 1; padding-left: 6px; } .fandom-community-header__local-navigation ul div:first-child { order: 2; } .fandom-community-header__local-navigation .wds-dropdown__toggle.first-level-item { margin: 0 11px; } .fandom-community-header .fandom-community-header__local-navigation .large-navigation { display: none; } @media only screen and (min-width: 1084px) and (max-width: 1279px) { .fandom-community-header__local-navigation { grid-column: inherit; } } @media only screen and (min-width: 1084px) { .fandom-community-header .fandom-community-header__local-navigation .extra-large-navigation { display: flex; }   .fandom-community-header__image { grid-row: 1/3; } } @media only screen and (max-width: 1083px) { .fandom-community-header .fandom-community-header__local-navigation .medium-navigation { display: flex; } }

/* Move background image to front */ .main-container { background-image: var(--theme-body-background-image); background-position: var(--background-img-position); background-size: var(--background-img-size); background-repeat: var(--background-img-repeat); background-attachment: var(--background-img-attachment); }

/* Make left icon buttons on articles smaller */ .page-side-tools button, .page-side-tools a { height: 32px; width: 32px; } .page-side-tools svg { height: 16px; width: 16px; min-width: 16px; } @media only screen and (max-width: 1279px) { .page-side-tools__wrapper { transform: translateX(-60%); } }

/* Wikia Bar */ /** Main styling **/ @media only screen and (min-width: 1024px) { #WikiaBar .WikiaBarWrapper .wikia-bar { width: 1026px; } } @media only screen and (min-width: 1596px) { #WikiaBar .WikiaBarWrapper .wikia-bar { width: 1300px; } } .WikiaBarWrapper { align-items: center; text-align: center; box-shadow: 0 0 10px #333; position: fixed; border-radius: 0; bottom: 0; width: 100%; z-index: 200; right: auto; }

/** Bar collapsing animation **/ .WikiaBarWrapper .hidden { bottom: -25px; transition: all .2s ease-in; z-index: -1; }

/** Most of the bar **/ .WikiaBarWrapper .wikia-bar { display: inherit!important; height: 25px; margin: auto; text-align: center; }

/** Toolbar **/ .WikiaBarWrapper .wikia-bar .toolbar { align-self: auto; height: 20px; padding: 5px 0 0; }

/** Padding of the tools area **/ .WikiaBarWrapper .tools { padding: 0 10px; }

/** Prevent underlined text when hover **/ .WikiaBarWrapper ul.tools li a:hover { text-decoration: none; }

/** Line between tools **/ .WikiaBarWrapper ul.tools > li { border-right: 1px solid var(--theme-accent-label-color); margin: 0; padding: 2px 10px; height: 16px; }

/** Items position (currently doesn't work) **/ @media only screen and (max-width: 1083px) { .WikiaBarWrapper div.wikia-bar > div.toolbar > ul.tools { width: 818px; } } @media only screen and (min-width: 1024px) { .WikiaBarWrapper > div.wikia-bar > div.toolbar > ul.tools { width: 1026px; } } @media only screen and (min-width: 1084px) and (max-width: 1595px) { .WikiaBarWrapper > div.wikia-bar > div.toolbar > ul.tools { width: 1106px; } }

/** Hide wikia bar - toggle position **/ .WikiaBarWrapper .arrow { position: fixed; bottom: 2.5px; float: left; right: 0; }

/** Show wikia bar (wrench) - toggle position **/ .WikiaBarCollapseWrapper { bottom: 0; right: 0; }

/** Show wikia bar (wrench) - toggle style **/ .WikiaBarCollapseWrapper .wikia-bar-collapse { border-radius: 0; height: 27px; padding: 5px; width: 28px; box-shadow: 0 0 10px #333; }

/** Fix My Tools arrow animation and position **/ .WikiaBarWrapper .mytools.menu:not(:hover) svg { transform: rotate(180deg); transition: .25s all ease; }

.WikiaBarWrapper .mytools.menu:hover svg { transition: .25s all ease; }

/** My Tools dropdown **/ .WikiaBarWrapper .tools-menu { text-align: left; background: var(--theme-page-background-color--secondary); }

/** My Tools dropdown links **/ .WikiaBarWrapper .tools-menu > li >a { color: var(--theme-page-text-color); }

/** Compatibility with OldWikiaBar **/ body div#WikiaBarWrapper.WikiaBarWrapper div.toolbar ul.tools > li:not(:first-child)::before { display: none; }

/* TOC */ /** General style **/ .page-content #toc { border-radius: 0; padding: 5px; margin: 1em 0; }

/** TOC title **/ .toc .toctitle { border-bottom: 0; justify-content: normal; font-size: 12px; padding: 3px 2px; } .toc .toctitle h2 { font-size: 14px; margin-top: 3px; padding: 0 5px 3px 0; } .toc .toctogglespan:before, .toc .toctogglespan:after { font-size: 12px; }

/** Removing small icon near title **/ .toc .toctitle h2 .wds-icon { display: none; }

/** Padding for content **/ .toc ul { padding: 0; } .toc ul li { margin: 0 } .toc ul li .toclevel-2 { margin-left: 2em; } .toc ul li .toclevel-3 { margin-left: 2em; } .toc ul li .toclevel-4 { margin-left: 2em; } .toc ul li .toclevel-5 { margin-left: 2em; }

/** Links **/ .toc ul li a { color: var(--theme-link-color); display: initial; font-weight: normal!important; padding: 0; }

/** Number color **/ .toc ul li a .tocnumber { color: var(--theme-page-text-color); }

/** No dot after number **/ .toc ul li a .tocnumber:after { display: none; }

/* User Masthead */ background-color: rgba(var(--theme-page-background-color--rgb),var(--theme-page-background-color--opacity)); }
 * 1) userProfileApp {

/* Achievements on User Profile Page */ /** Most of the text **/ body.skin-fandomdesktop .UserProfileAchievementsModule, body.skin-fandomdesktop .UserProfileAchievementsModule a { font-family: inherit; }

/** Right rail **/ html:not(.ve-activated) .page.has-right-rail .page__right-rail { width: 300px; margin-left: 20px; } html:not(.ve-activated) .page.has-right-rail .page__right-rail.is-rail-hidden { margin-left: 0; width: 0; } .right-rail-wrapper { padding: 0; } .rail-module { background-color: transparent; border-bottom: 0; margin: 30px 10px 10px; padding: 0; } .rail-module h2 { border-bottom: 1px solid var(--theme-border-color); font-size: 16px; font-weight: 700; margin: 0; margin-bottom: 16px; min-height: 30px; padding: 0; padding-left: 2px; padding-bottom: 1px; width: 100%; background-image: none; line-height: 1; } .rail-module h2.has-icon svg { margin-right: 7px; } .right-rail-toggle { top: 110px; }

/** Title of earned badges **/ .rail-module .badges-profile-title { background-image: none; border-bottom: 1px solid var(--theme-border-color); min-height: 30px; width: 100%; }

/** Link to Leaderboard **/ .UserProfileAchievementsModule .data .data-details.ranking > p > a { font-family: inherit; }

/** More Badges You Can Earn! - Title text **/ .UserProfileAchievementsModule .title-challeneges { border-bottom: 1px solid var(--theme-border-color); font-size: 16px; font-weight: 700; margin-bottom: 16px; min-height: 30px; }

/* Removing fixed header for tables */ .article-table .fixed-header, .wikitable .fixed-header { box-shadow: none; outline: none; transform: none; transition: none; }

/* Tabs in Wiki, Social and Image Activity */ .activity-tabs.with-bottom-border .wds-tabs__tab-label { font-family: Helvetica Neue, Helvetica, Arial, sans-serif; align-items: center; display: inline-flex; font-size: 12px; font-weight: 700; height: 40px; text-align: center; text-transform: uppercase; white-space: nowrap; margin: 0 11px; text-decoration: none; transition: color 0.1s ease 0s; }

/** No underlined text **/ .activity-tabs.with-bottom-border .wds-tabs__tab-label:active, .activity-tabs.with-bottom-border .wds-tabs__tab-label:focus { text-decoration: none; }

/* Search pop-up */ .search-modal, .search-modal:before { left: 0; }

/* Default body font */ body.skin-fandomdesktop { font-family: Helvetica Neue,helvetica,arial,sans-serif; font-size: 14px; }

/* Main article */ .resizable-container { background-color: var(--theme-page-background-color); } .page .page__main { font-size: 16px; line-height: 1.5; }

/** Headers **/ .page-content h2 { line-height: 1; margin: 0.5em 0 0.2em; padding: 0 0 3px; font-size: 28px; }

/** Article text styling and padding **/ .page-content p { margin: 0.4em 0 0.5em; line-height: 1.5; }

/** List styling and padding **/ .page-content ul { list-style: square; } .page-content li { margin: 3px 0; } .mw-content-ltr ol, .mw-content-ltr ul { margin: 0.4em 0 0.5em 2.5em; }

/** Article content wrapper padding **/ .page .page__main { padding: 0 0 0 24px; } .page { padding-right: 24px; } .page-header { max-width: calc(95vw - 64px); } @media only screen and (min-width: 1024px) { .page .page__main { padding: 0 0 0 10px; }   .page { padding-right: 10px; }   .page.has-right-rail { padding-bottom: 81px; }   body .page .page-header { max-width: calc(95vw - 36px); }   .page__right-rail { margin-top: 81px; } } @media only screen and (min-width: 1084px) { .page .page__main { padding: 0 0 0 20px; }   .page { padding-right: 20px; }   body .page .page-header { max-width: calc(95vw - 56px); } } @media only screen and (min-width: 1280px) { body:not(.is-content-expanded) .page-header { max-width: calc(min(1236px, 85vw) - 54px); }   body:not(.is-content-expanded) .page-header { width: calc(100% + 366px); }   body:not(.is-content-expanded) .page-header { max-width: calc(min(1236px, 85vw) - 48px); } } @media only screen and (min-width: 1596px) { .page .page__main { padding: 0 0 0 30px; }   .page { padding-right: 30px; }   .page-header { max-width: calc(95vw - 77px); }   body:not(.is-content-expanded) .page-header { max-width: calc(min(1236px, 85vw) - 60px); } }

/* Article header */ .page-header { padding: 16px 0 8px; border-bottom: 1px solid var(--theme-border-color); margin-bottom: 18px; width: 200%; } .page-header__title { font-weight: 700; line-height: 1; } .page-header__categories { font-size: 12px; line-height: 1; } .page-header__categories-in { font-weight: 600; } .page-header__categories *:not(.page-header__categories-in) { font-style: italic; line-height: 16px; }

/*** Page header buttons ***/ .page-header__actions { align-items: flex-end; display: inline-flex; justify-content: flex-start; padding-top: 0; padding-bottom: 6px; } .page-header__bottom .page-header__actions .page-header__action-button { align-items: center; background-color: var(--theme-accent-color); border: 1px solid var(--theme-accent-color); border-radius: 3px; color: var(--theme-accent-label-color); cursor: pointer; font-family: inherit; display: inline-flex; font-size: 12px; font-weight: 600; line-height: 16px; letter-spacing: .15px; margin: 0; margin-right: 1px; outline: none; padding: 7px 12px; text-decoration: none; text-transform: uppercase; transition-duration: .3s; transition-property: background-color,border-color,color; vertical-align: top; height: unset; } .page-header__bottom .page-header__actions .page-header__action-button:hover { background-color: var(--theme-accent-color--hover); border: 1px solid var(--theme-accent-color--hover); } .page-header__bottom .page-header__actions .wds-button:first-child { border-radius: 3px 0 0 3px; } .page-header__bottom .page-header__actions .wds-dropdown:last-child .wds-button { border-radius: 0 3px 3px 0; } .page-header__bottom .page-header__actions .page-header__action-button:before { display: none; }

/* Article footer */ .page-footer__categories header, .page-footer__languages header { display: none; } .page-footer .wds-collapsible-panel.wds-is-collapsed .wds-collapsible-panel__content { display: block; }

/** Categories **/ .page-footer__categories { background-color: var(--theme-page-background-color); background-image: none; border: 1px solid var(--theme-border-color); clear: both; font-size: 12px; line-height: normal; margin: 10px 0; padding: 0; position: relative; } .page-footer__categories .wds-collapsible-panel__content { padding: 10px 20px 0; } .CategorySelect.articlePage .add { padding: 0 10px; }

/** Languages **/ .page-footer__languages { border: none; display: flex; flex-direction: row; padding: 10px 0 0; } .page-footer__languages .wds-collapsible-panel__content { align-items: baseline; clear: both; display: flex; margin: 10px; } .page-footer__languages:before { content: 'Languages: '; font-size: 18px; line-height: 1.25; font-weight: 500; margin: 0.5em 0 0.2em; } .page-footer__languages .wds-collapsible-panel__content a { font-size: 14px; margin: 0; padding: 0; line-height: 24px; padding-left: 5px; padding-right: 9px; margin-bottom: 6px; border: 0; border-left: 1px solid #7f9998; } .page-footer__languages .wds-collapsible-panel__content a:first-child { padding-left: 0; border: 0; }

/** License description **/ .page-footer .license-description { clear: both; font-size: 12px; margin: 18px 12px; padding: 0; }

/* Special:ThemeDesigner */ .theme-designer { margin-left: 0; }

/* Special:AdminDashboard */ /** General and Advanced tabs **/ flex-direction: row-reverse; }
 * 1) AdminDashboardTabs.wds-tabs {

color: var(--theme-page-text-color); margin: 0; border: solid var(--theme-border-color); border-top-left-radius: 5px; border-top-right-radius: 5px; border-width: 1px 1px 0; margin-left: 4px; }
 * 1) AdminDashboardTabs .tab.wds-tabs__tab {

box-shadow: none; color: var(--theme-page-text-color); background: var(--theme-page-background-color--secondary); }
 * 1) AdminDashboardTabs .tab.wds-tabs__tab.wds-is-current {

font-weight: normal; height: 19px; text-transform: none; letter-spacing: normal; margin: 0; padding: 2px 25px 0; }
 * 1) AdminDashboardTabs .tab.wds-tabs__tab > .wds-tabs__tab-label {

color: var(--theme-page-text-color); }
 * 1) AdminDashboardTabs .tab.wds-tabs__tab > .wds-tabs__tab-label > .link:hover,
 * 2) AdminDashboardTabs .tab.wds-tabs__tab > .wds-tabs__tab-label > .link:focus {

/** Hide global nav outside preview **/ .ns-special.page-Special_ThemeDesigner .global-navigation { display: none; }

/* Diff page */ .diff td.diff-deletedline, .diff td.diff-addedline { background-color: var(--theme-page-background-color--secondary); }