MediaWiki:Fandomdesktop.css

/* CSS placed here will only affect users of the FandomDesktop skin */

.theme-fandomdesktop-light { --theme-page-text-color: #000; --theme-page-text-color--rgb: 0,0,0; --theme-accent-label-color: #063b5e; --theme-page-background-color--secondary: #f5f5f5; --theme-border-color: #b3b3b3; --theme-community-header-color: #fff; --theme-community-header-color--hover: #ddd; } .theme-fandomdesktop-dark { --theme-accent-label-color: #fff; --theme-page-background-color--secondary: #1e1f28;

--custom-accent-border-color: var(--theme-accent-color--hover);

--custom-note-dark-color: #bbb; --custom-note-light-color: #ddd;

--custom-notice-blue-background-color: var(--theme-accent-color); --custom-notice-blue-border-color: var(--custom-accent-border-color); --custom-notice-red-background-color: hsl(0, 80%, 12%); --custom-notice-red-border-color: hsl(0, 80%, 26%); --custom-notice-purple-background-color: hsl(228, 80%, 12%); --custom-notice-purple-border-color: hsl(243, 80%, 26%); --custom-notice-green-background-color: hsl(84, 80%, 12%); --custom-notice-green-border-color: hsl(84, 80%, 26%); --custom-notice-yellow-background-color: hsl(58, 80%, 12%); --custom-notice-yellow-border-color: hsl(58, 80%, 18%); --custom-notice-orange-background-color: hsl(28, 80%, 12%); --custom-notice-orange-border-color: hsl(28, 80%, 26%); --custom-notice-pink-background-color: hsl(324, 80%, 12%); --custom-notice-pink-border-color: hsl(324, 80%, 26%);

--custom-template-expert-color: #ffba75;

--custom-modetabs-expert-background-color: #594634; --custom-modetabs-expert-border-color: #847457; --custom-modetabs-expert-label-color: #fff; --custom-modetabs-master-background-color: #6a3d3f; --custom-modetabs-master-border-color: #a45e5e; --custom-modetabs-master-label-color: #fff; }

/* Rubik font is blurred and hard to read. * Helvetica font looks weird under 14px+bold. * Align with Hydra. */ .resizable-container, .page-content h1, .page-content h2, .page-content h3, .page-content h4, .page-content h5, .page-content h6, .fandom-sticky-header, .search-modal, .ve-fd-header, .oo-ui-defaultOverlay, .oo-ui-windowManager, .wds-dialog__curtain{ font-family: sans-serif; }
 * 1) WikiaBar,

/* fix position:fixed issue for touch screen */ @media(max-width:720px){ html,body{ overflow: auto; } }

symbol#wds-brand-fandom-official-wiki path[fill="#fa005a"] { fill: #f58120; } symbol#wds-brand-fandom-official-wiki path[fill="#280033"] { fill: #121212; }

/* ================================================================== */ /* Dark theme-specific styles */ /* ================================================================== */

/* Make certain icons and logos more visible */ .theme-fandomdesktop-dark .math-image, .theme-fandomdesktop-dark .mwe-math-fallback-image-inline, .theme-fandomdesktop-dark .sound-title::after, .theme-fandomdesktop-dark img[data-image-name*="Playstation"], /* For Playstation 3, Playstation 4, etc */ .theme-fandomdesktop-dark img[data-image-name="PS.svg"], .theme-fandomdesktop-dark img[data-image-name="Amazon.svg"], .theme-fandomdesktop-dark img[data-image-name="Android.svg"], .theme-fandomdesktop-dark img[data-image-name="Xbox Series.svg"], .theme-fandomdesktop-dark img[data-image-name="Pickaxe mask.png"], .theme-fandomdesktop-dark img[data-image-name="Axe mask.png"], .theme-fandomdesktop-dark img[data-image-name="Hammer mask.png"], .theme-fandomdesktop-dark img[data-image-name="Auto icon.png"] { filter: hue-rotate(180deg) invert(100%); } .theme-fandomdesktop-dark img[data-image-name="3DS.svg"] { filter: hue-rotate(180deg) invert(100%) saturate(450%) contrast(150%); } .theme-fandomdesktop-dark img[data-image-name="Tux.svg"] { filter: drop-shadow(0 0 1px #f2f2f2); }

/* ================================================================== */ /* Main layout */ /* ================================================================== */

/* Override background set in Common.css */ html body { background-image: none; background-color: var(--theme-body-background-color); font-size: 14px; } div#content { background-color: unset; color: unset; border-top: 0; border-bottom: 0; margin-right: unset; line-height: calc(24/14); min-height: 300px; } @media(max-width:980px) { div#content { margin: auto; } } .page-content p, .page-content section{ line-height: calc(24/14); } .page-content h1, .page-content h2, .page-content h3, .page-content h4, .page-content h5, .page-content h6{ margin: 0.5em 0; padding: 0; align-items: center; } .page-content h2{ margin-top: 0.75em; } .page-content li{ margin-bottom: 1px; } .mw-parser-output > p + ol, .mw-parser-output > p + ul, .mw-parser-output > section + ol, .mw-parser-output > section + ul{ margin-top: 0; }

.community-header-wrapper{ height: 120px; font-size: 16px; } .fandom-community-header__top-container{ padding-bottom: 6px; } .community-header-wrapper .wds-tabs__tab-label{ height: 28px; } .fandom-community-header__community-name, .page-counter{ text-shadow: 0 0 5px rgba(0,0,0,0.8); } .fandom-community-header .wiki-tools{ box-shadow: 0 0 5px rgba(0,0,0,0.8); } .fandom-community-header .wiki-tools > .wds-button{ box-shadow: inset 0 0 5px rgba(0,0,0,0.8); } /* Increase max width of local nav dropdowns (to prevent advanced mechanics/guides from wrapping) */ .fandom-community-header__local-navigation .wds-dropdown__content, .fandom-community-header__local-navigation .wds-dropdown__content .wds-list.wds-is-linked .wds-dropdown-level-2 .wds-dropdown-level-2__content { max-width: 220px; }

table { border-collapse: separate; }

code { background-color: var(--theme-page-background-color); border: 1px solid rgba(var(--theme-border-color--rgb), 0.75); border-radius: 2px; padding: 1px 4px; } /* hydra style selflink */ .page-content .mw-parser-output a.mw-selflink{ color: currentColor; font-weight: bold; text-decoration: none; }

/* Restore Hydra-style terraria tables */ .terraria { border-spacing: revert; } .terraria > caption:after { width: calc(100% + 8px); /* captions have a 4px border on each side */ }

.oo-ui-textInputWidget-type-text > input.oo-ui-inputWidget-input, .oo-ui-textInputWidget-type-search > input.oo-ui-inputWidget-input { border-radius: 0; border-width: 1px; }

/* Slightly increase margin between "x pages" counter and wiki tool buttons */ .page-counter { margin-right: 16px; }

/* Style QuickBar buttons for logged-out users */ .WikiaBarWrapper .wikia-bar-anon .wikiabar-button { background-color: transparent; border: none; color: var(--theme-accent-label-color); line-height: inherit; }

.oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElemenrect-progressive > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {	border-color: currentColor; } .oo-ui-tagItemWidget{ box-sizing: content-box; }

/* Less space between history entries in the page history */ margin-bottom: 2px; padding: 0 1px; }	border-style: dashed; }
 * 1) pagehistory li {
 * 1) pagehistory li.selected{

.page-header__subtitle .mw-history-subtitle{ display: inline; }

img.lazyloaded { transition: opacity 0s; }

.table-wide-inner{ margin: inherit; }

/* ================================================================== */ /* Page layout */ /* ================================================================== */ @media only screen and (min-width:1024px) { html:not(.ve-activated) .page.has-right-rail .page__main { border-radius: 3px; }	html:not(.ve-activated) .page.has-right-rail .page__right-rail{ margin-left: -3px; }	html:not(.ve-activated) .page.has-right-rail .page__right-rail.is-rail-hidden { width: 0px; } } @media only screen and (max-width:1023px) { html:not(.ve-activated) .page.has-right-rail .page__right-rail { margin-top: -3px; position: relative; overflow: hidden; }	html:not(.ve-activated) .page.has-right-rail .page__right-rail .right-rail-toggle{ display: flex; }	.right-rail-toggle{ width: 28px; transform: rotate(270deg); top: -4px; right: 12px; transition: .3s; }	.right-rail-toggle:hover { right: 8px; }	html:not(.ve-activated) .page.has-right-rail .page__right-rail.is-rail-hidden { padding: 6px 18px; height: 32px; }	.is-rail-hidden .right-rail-toggle { background-color: rgba(var(--theme-page-dynamic-color-1--rgb),.1); right: 12px; }	.is-rail-hidden .right-rail-toggle:hover { right: 8px; } } @media only screen and (max-width:600px) { .rail-module__list.activity-items{ grid-template-columns: 100%; } } @media only screen and (max-width:600px) { .rail-module__list.activity-items{ grid-template-columns: 100%; } }

.page__main{ padding: 24px; padding-top: 16px; box-shadow: 0 0 4px rgba(255,255,255,0.25); } .page-side-tool{ box-shadow: 0 0 6px 0 rgba(0,0,0,.25); width: 32px; height: 32px; } .is-content-expanded .resizable-container{ width: auto; margin-left: 24px; margin-right: 16px; } @media only screen and (max-width:1279px) { .page-side-tools__wrapper { transform:translateX(-50%); } }

.page-footer{ margin-top: 2em; } .page-footer__languages{ display: block; border: 0; padding: 1em 0; } .page-footer .page-footer__languages > *{ padding: 0; display: inline-flex; } .page-footer .page-footer__languages header{ font-size: inherit; } .page-footer .page-footer__languages header:after{ content: ":"; } .page-footer .page-footer__languages header svg{ display: none; } .page-footer__languages.wds-collapsible-panel.wds-is-collapsed .wds-collapsible-panel__content{ padding: 0; display: inline-flex; } .page-footer__categories{ border-bottom: 0; margin-top: -1em; } .page-footer__categories header{ display: none; } .page-footer__categories.wds-collapsible-panel.wds-is-collapsed .wds-collapsible-panel__content{ display: block; }   padding: 5px 8px; background-color: var(--theme-accent-color); border: 1px ridge var(--theme-border-color); border-radius: 5px; font-size: inherit; } .CategorySelect.articlePage .categories{ display: flex; flex-wrap: wrap; justify-content: flex-start; font-size: 14px; }   padding: 0 0.5em 0 0; flex: 0 0 auto; margin: 3px 0.5em 3px 0; }	vertical-align: middle; } .CategorySelect.articlePage .category, .CategorySelect.articlePage .last, .CategorySelect.articlePage .placeholder, .CategorySelect.articlePage .special-categories-label{ float: none; }	padding: 0; border-right: 0; }	content: ':'; vertical-align: middle; } .CategorySelect.articlePage .add{ font-size: 10px; line-height: 12px; padding: 2px 10px; min-height: 0; }	margin-bottom: 0; line-height: 1; vertical-align: middle; } .CategorySelect.articlePage > .toolbar{ margin-top: 6px; }
 * 1) articleCategories .container{
 * 1) articleCategories .container li {
 * 1) articleCategories .container li > *{
 * 1) articleCategories.CategorySelect.articlePage .special-categories-label{
 * 1) articleCategories.CategorySelect.articlePage .special-categories-label::after{
 * 1) articleCategories.CategorySelect.articlePage .last input{

.page-header__title-wrapper{ display: flex; flex-direction: column; } .page-header__title-wrapper > h1{ order: 2; } .page-header__title-wrapper > .page-header__page-subtitle{ order: 1; line-height: 1; } .page-header__actions{ align-items: flex-end; padding-bottom: 3px; }

/* page tools into header*/ .page-header__pagetools{ margin-left:3px } .page-header__pagetools .wds-dropdown__toggle { border-radius:12px; font-size:14px; font-weight:500; line-height:1; margin-bottom:9px; padding:5px 10px; white-space:nowrap } .page-header__pagetools .wds-dropdown__toggle .wds-icon { margin-left:6px } .page-header__pagetools .wds-dropdown:hover .wds-dropdown__toggle { background-color:rgba(var(--theme-link-color--rgb),.15) }

/* ================================================================== */ /* Page content */ /* ================================================================== */

.page-header { margin-bottom: 1rem; }

.page-header__bottom { border-bottom: 1px solid var(--theme-border-color); } body.skin-fandomdesktop.ns-2 .page-header__bottom{ border-bottom: 0; }

/* Reduce size of categories on the top and bottom of pages */ .page-header__categories, .CategorySelect.articlePage { font-size: 85%; }

.page-content dl { margin: 0; }

/* Prevent links from being bolded */ .page-content .mw-parser-output a { font-weight: revert; }

.page-content section { margin: 0; } .page-content p{	margin: 0.5em 0; }

/* Restore thin */ .page-content hr { border-top: 0; border-color: var(--theme-border-color); margin-top: 0; margin-bottom: 0; }

.catlinks { padding: 4px; }

/* Hide empty list items */ .mw-hide-empty-elt .mw-empty-elt { display: none; }

.oo-ui-dialog-content { color: var(--theme-page-text-color); } .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget { border-right-color: var(--theme-border-color); }

.mw-notification { background-color: var(--theme-page-background-color--secondary); border-color: var(--theme-border-color); }

/* Match side rail font size with page content */ .WikiaRail .sticky-modules-wrapper { font-size: 14px; }

/* Fix Fan Feed title being black in dark theme */ color: var(--theme-page-text-color); }
 * 1) mixed-content-footer .mcf-header {

@media only screen and (min-width: 850px) and (max-width: 1279px) { .fandom-community-header .fandom-community-header__local-navigation .medium-navigation{ display: none; }	.fandom-community-header .fandom-community-header__local-navigation .large-navigation{ display: flex; } } /* @media only screen and (max-width: 400px) { .fandom-community-header .fandom-community-header__local-navigation .medium-navigation{ display: none; }	.fandom-community-header .fandom-community-header__local-navigation .small-navigation{ display: flex; } } @media only screen and (max-width: 768px) { .fandom-community-header .fandom-community-header__local-navigation .large-navigation{ display: flex; }	.fandom-community-header .fandom-community-header__local-navigation .medium-navigation, .fandom-community-header .fandom-community-header__local-navigation .small-navigation{ display: none; } }

/* ================================================================== */ /* mobile friendly (with common.js) */ /* ================================================================== */

@media (max-width: 768px){ html{ min-width: 360px; }	.search-modal, .search-modal::before { left: 0; }	.notifications-placeholder{ left: 18px; }	body:not(.has-uap) .ad-slot-placeholder{ min-height: 0; min-width: 0; }	:root{ --custom-small-header-height: 50px; --fandom-community-header-item-width: 170px; }	.main-container{ min-width: auto; margin-left: 0; margin-top: var(--custom-small-header-height); width: 100%; }	.page-header__title{ font-size: 24px; }	.page-header__actions{ padding-bottom: 0; padding-top: 0; }	.fandom-community-header__background{ top: var(--custom-small-header-height); height: 130px; }	.fandom-community-header__background::before{ height: 100%; }	.page.page-is-edit, .ve-active .page { margin-top: 12px; }	.community-header-wrapper.wds-is-hidden{ display: flex !important; }	.fandom-community-header.wds-is-hidden{ display: grid !important; }	.community-header-wrapper{ height: 100px; font-size: 12px; margin-bottom: -8px }	.fandom-sticky-header{ display: none; }	.global-navigation{ top: 0; box-sizing: border-box; width: 100%; height: var(--custom-small-header-height); padding: 0 8px; flex-direction: row; }	.global-navigation > div, .global-navigation__nav{ display: flex; -webkit-box-orient: horizontal; flex-direction: row; align-items: center; }	.global-navigation__top, .global-navigation__nav{ flex: 1 1 auto; }	.global-navigation__icon{ width: 32px; height: 32px; }	.global-navigation__logo{ display: flex; flex-direction: column; margin: -6px 12px -6px 0; align-items: center; }	.global-navigation__logo .wds-icon{ width: 30px; height: 30px; margin-bottom: 4px; }	.global-navigation__search{ margin-top: 0; order: 2; }	.global-navigation__links{ display: flex; align-items: center; flex: 1 1 auto; order: 1; }	.global-navigation__link, .global-navigation__links .global-navigation__link:first-child, .global-navigation__links .wds-dropdown{ display: flex; flex-direction: column; align-items: center; width: 3em; margin-top: 0; margin-left: 0; }	.global-navigation__links svg{ width: 18px; height: 18px; min-width: 18px; }		.global-navigation__links .wds-icon-small{ min-width: 12px; width: 12px; height: 12px; }	.global-navigation__label{ margin-top: 2px; max-width: none; line-height: 1; font-weight: normal; }	.global-navigation__links .wds-dropdown .wds-dropdown__toggle{ /* wikis */ width: auto; text-align: center; }	.global-navigation__links .wds-dropdown .wds-dropdown__toggle .global-navigation__label{ padding-right: 0; }	.global-navigation__links .wds-dropdown .wds-dropdown__content{ top: 0; }	.global-navigation__link:last-child{/* start a wiki */ width: auto; }	.global-navigation__link:last-child .global-navigation__icon{ width: 26px; height: 26px; margin: 3px; }	.global-navigation__link:last-child svg{ min-width: 14px; width: 14px; height: 14px; }	.global-navigation__link:last-child .global-navigation__label::after{ display:none; }	.global-navigation__bottom svg{ width: 24px; height: 24px; min-width: 24px; min-height: 24px; margin: 2px; }	.global-navigation .notifications { margin-bottom: 0; line-height: 0; }	.global-navigation .global-navigation__bottom .notifications .wds-dropdown__content{ top: var(--custom-small-header-height) !important; }	.global-navigation__bottom .wds-dropdown{ margin-left: 8px; }	.global-navigation__bottom .wds-dropdown__toggle{ width: auto; }	.fandom-community-header__image { margin-right: 8px; }	.fandom-community-header__image img{ max-height: 50px; }	.fandom-community-header__top-container { padding-bottom: 0; position: relative; justify-content: space-between; }	.fandom-community-header__top-container .page-counter{ position: absolute; right: 0; top: 0; margin-right: 0; display: flex; align-items: flex-end; }	.fandom-community-header__top-container .page-counter .page-counter__value{ margin-right: 4px; }	.fandom-community-header__top-container .page-counter .page-counter__label{ font-size: 12px; }	.fandom-community-header__community-name-wrapper{ flex: 0 0 140px; flex-wrap: wrap; height: 50px; align-content: center; }	.fandom-community-header__community-name-wrapper > a{		display: block; font-size: 24px; line-height: 28px; margin-right: 0; }	.fandom-community-header__local-navigation{ margin-top: 8px; position: relative; }	.fandom-community-header__local-navigation .extra-large-navigation{ display: block; position: absolute; background: rgba(255,0,0,0.3); }	.fandom-community-header__local-navigation .extra-large-navigation > *{ display: none; }	.wds-dropdown__content{ padding: 3px 0; }	.wds-dropdown__content .wds-list > li{ margin: 0 4px; }		.fandom-community-header__local-navigation .wds-dropdown__content .wds-list.wds-is-linked > li { padding: 0px 4px; }	.fandom-community-header__local-navigation .wds-dropdown{ position: static; }	.fandom-community-header__local-navigation .wds-dropdown::before, .fandom-community-header__local-navigation .wds-dropdown::after{ position: relative; left: 50%; }	.fandom-community-header__local-navigation .wds-dropdown::before{ margin-top: -18px; transform: translate(-50%, 29px); }	.fandom-community-header__local-navigation .wds-dropdown::after{ margin-top: -16px; transform: translate(-50%, 1px); }	.fandom-community-header__local-navigation .hoverhover.wds-dropdown::before, .fandom-community-header__local-navigation .hoverhover.wds-dropdown::after, .fandom-community-header__local-navigation .hoverhover .wds-dropdown__content{ z-index: 401; }	.fandom-community-header__local-navigation .wds-dropdown .wds-dropdown__content{ max-width: none; width: 90%; }	.fandom-community-header__local-navigation .wds-dropdown__content .wds-list.wds-is-linked .wds-dropdown-level-2 .wds-dropdown-level-2__content{ display: block; position: static; border: 0; }	.fandom-community-header__local-navigation .wds-dropdown__content .wds-list.wds-is-linked > li:hover > a.wds-dropdown-level-2__toggle, .fandom-community-header__local-navigation .wds-dropdown__content .wds-list.wds-is-linked > li:hover > a:not(.wds-button) { background-color: inherit; color: inherit; }	.fandom-community-header__local-navigation .wds-dropdown__content .wds-list.wds-is-linked > li > a.wds-dropdown-level-2__toggle:hover, .fandom-community-header__local-navigation .wds-dropdown__content .wds-list.wds-is-linked > li > a:not(.wds-button):hover{ background-color: var(--wds-dropdown-linked-item-background-color); color: var(--wds-dropdown-linked-item-color); }	.fandom-community-header__local-navigation .wds-dropdown__content .wds-list.wds-is-linked .wds-dropdown-level-2{ position: relative; }	.fandom-community-header__local-navigation .wds-dropdown__content .wds-list.wds-is-linked .wds-dropdown-level-2 svg{ position: absolute; right: 4px; transform: rotate(0deg); padding: 8px; box-sizing: content-box; }	.fandom-community-header__local-navigation .wds-dropdown__content .wds-list.wds-is-linked .wds-dropdown-level-2.expanded svg{ transform: rotate(180deg); }	.fandom-community-header__local-navigation .wds-dropdown__content > ul > li > a { font-weight: bold !important; width: var(--fandom-community-header-item-width); }	.fandom-community-header__local-navigation .wds-dropdown__content .wds-list.wds-is-linked .wds-dropdown-level-2 .wds-dropdown-level-2__content{ max-width: none; width: 100%; padding-top: 0; display: none; }	.fandom-community-header__local-navigation .wds-dropdown__content .wds-list.wds-is-linked .wds-dropdown-level-2.expanded .wds-dropdown-level-2__content{ display: block; }	.fandom-community-header__local-navigation .wds-dropdown-level-2__content .wds-list{ display: grid; grid-template-columns: repeat(auto-fill, var(--fandom-community-header-item-width)); margin-left: 1em; margin-right: 0; }	.global-navigation__link.wds-dropdown.wds-open-to-right .wds-dropdown__content{ top: 0; bottom: auto; }	.global-navigation__link.wds-dropdown.wds-open-to-right::after{ top: 12px; bottom: auto; }	.global-navigation__bottom .wds-dropdown.is-attached-to-bottom .wds-dropdown__content{ position: absolute; top: calc(100% + 8px); bottom: auto; left: auto; right: 0; }	.global-navigation__bottom .wds-dropdown::before, .global-navigation__bottom .wds-dropdown::after{ top: auto; bottom: -9px; left: auto; right: 50%; transform: rotate(90deg) translateY(-50%); }	.mcf-wrapper{ padding-left: 12px; padding-right: 12px; }	.mcf-column{ flex: 0 0 calc(100% / 3); overflow: hidden; }	.mcf-card-related-wikis__title, .mcf-card-related-wikis__header, .mcf-card-wiki-articles__header{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }	.mcf-wrapper .mcf-card, .mcf-wrapper .mcf-card-related-wikis {   	height: 200px; } } @media (max-width: 640px){ .fandom-community-header__background{ height: 112px; }		.page-side-tools__wrapper{ display: none; }	.resizable-container, .is-content-expanded .resizable-container { width: auto; margin-left: 0; margin-right: 0; }	.community-header-wrapper{ margin-left: 8px; margin-right: 8px; }	html:not(.ve-activated) .page.has-right-rail .page__main, .page__main{ border-radius: 0; }	.page__main{ padding: 16px 8px; } } @media only screen and (max-width: 600px) { .fandom-community-header__local-navigation .wds-tabs__tab-label{ margin-right: 12px; } } @media only screen and (max-width: 540px) { .page-header__categories{ display: none; }	.fandom-community-header__local-navigation .wds-tabs__tab-label{ margin-right: 6px; }	.fandom-community-header__local-navigation .first-level-item.wds-tabs__tab-label.wds-tabs__tab-label svg{ margin-left: 1px; height: 6px; min-width: 6px; width: 6px; }	.fandom-community-header__local-navigation .navigation-item-icon{ display: none; }	.fandom-community-header__local-navigation .first-level-item.wds-tabs__tab-label span:not(:first-child){ margin-left: 0; }	.mcf-wrapper{ padding-left: 1px; padding-right: 1px; }	h1.mcf-header{ margin-left: 5px; }	.mcf-column > div{ margin-bottom: 0; } } @media only screen and (max-width: 450px) { :root{ --fandom-community-header-item-width: 150px; }	.banner-notifications-placeholder .wds-banner-notification__container{ width: 300px; }	.fandom-community-header__local-navigation .wds-tabs__tab-label{ font-size: 10px; }	.fandom-community-header__local-navigation .wds-list > li{ font-size: 12px; }	.fandom-community-header__local-navigation .wds-dropdown .wds-dropdown__content{ width: 100%; }	.fandom-community-header__local-navigation .wds-dropdown__content .wds-list.wds-is-linked .wds-dropdown-level-2 .wds-dropdown-level-2__content .wds-list.wds-is-linked > li > a{		font-size: 12px; }	.fandom-community-header__local-navigation .wds-dropdown__content .wds-list.wds-is-linked > li > a{		padding: 5px; line-height: 1.5; } } @media only screen and (max-width: 400px) { .fandom-community-header__local-navigation .first-level-item.wds-tabs__tab-label.wds-tabs__tab-label svg{ display: none; } } @media only screen and (max-width: 500px) { :root{ --custom-small-header-height: 32px; }	.fandom-community-header__community-name-wrapper{ flex-grow: 1; max-width: 200px; }	.global-navigation__link, .global-navigation__links .global-navigation__link:first-child, .global-navigation__links .wds-dropdown{ width: auto; }	.global-navigation__link, .global-navigation__links .wds-dropdown{ margin-right: 6px; }	.global-navigation__icon{ width: 26px; height: 26px; }	.global-navigation .wds-icon, .global-navigation__links svg, .global-navigation__bottom svg{ width: 16px; height: 16px; min-width: 16px; min-height: 16px; }			.global-navigation__label{ display: none; }	.global-navigation__link:last-child .global-navigation__icon { width: 24px; height: 24px; margin: 0; margin-left: 2px; }	.global-navigation__bottom svg{ margin: 3px; }

.global-navigation__logo{ margin-right: 6px; }	.global-navigation__logo .wds-icon{ margin-bottom: 0; }	.global-navigation__logo span{ display: none; }	.WikiaBarWrapper .wikia-bar{ font-size: 10px; }	.WikiaBarWrapper .tools{ padding-right: 5px; }	.WikiaBarWrapper .tools > li{ padding: 1px 3px 0; }

}

/* ================================================================== */ /* Special pages */ /* ================================================================== */

/* Special:RecentChanges */ .mw-special-Recentchanges .page-header__languages{ margin-bottom: -33px; /*languages box space*/ } .client-js .mw-recentchanges-toplinks:not(.mw-recentchanges-toplinks-collapsed), .mw-rcfilters-ui-changesListWrapperWidget-previousChangesIndicator { border-top-color: var(--theme-border-color); } .client-js .mw-recentchanges-toplinks:not(.mw-recentchanges-toplinks-collapsed) { border-color: var(--theme-border-color); margin-left: 0; } .mw-rcfilters-ui-overlay .oo-ui-popupWidget-popup{ padding: 1em; } .mw-rcfilters-ui-overlay .oo-ui-popupWidget-popup .oo-ui-buttonElement > .oo-ui-buttonElement-button{ padding: 3px 5px; } .ooui-theme-fandomooui .mw-rcfilters-ui-overlay { font-size: 14px; } /* Fix alignment of the expand/collapse arrow buttons (when the "usenewrc"/"Group changes by page" preference is set) */ .mw-enhancedchanges-arrow-space { height: 17px; }

/* Special:Analytics */ .analytics_theme_hydra .analytics_confidential { background-color: var(--theme-accent-color); color: var(--theme-page-text-color); } .analytics_theme_hydra .analytics_table td:first-child a:any-link { color: var(--theme-link-color); } .theme-fandomdesktop-dark #analytics_grid canvas { filter: invert(100%) hue-rotate(180deg); }

/* Special:moveppage */ display: flex; }	width: auto; }	max-width: none; }
 * 1) wpNewTitle{
 * 1) wpNewTitleNs{
 * 1) wpNewTitleMain{

/* UserProfile:???? Page */ body.skin-fandomdesktop .gamepedia_pro_user::before{ background-size: contain; background-repeat: no-repeat; background-position: center center; width: 2em; height: 1.5em; margin: auto 0.2em auto 0; } body.skin-fandomdesktop .curseprofile .mainavatar{ margin-top: 18px } .user-profile-navigation li{ margin-bottom: 0; } .mw-special-UserProfileActivity .page-header__top{ display: none; } .mw-special-UserProfileActivity .page-header__bottom{ border-bottom: 0; }

/* ================================================================== */ /* Templates */ /* ================================================================== */

.page-content .infobox { background-color: var(--theme-page-background-color);; padding: 6px; clear: none; /*align with hydra, so infobox templates will work properly.*/ }

/* All portable infoboxes */ .portable-infobox .pi-title { padding: 5px; } .portable-infobox .pi-header { font-size: 12px; } .portable-infobox .pi-collapse .pi-header:first-child::after { right: 12px; }

/* Template:Only4theme */ .theme-fandomdesktop-light .theme-special:not(.light) { display: none; } .theme-fandomdesktop-dark .theme-special:not(.dark) { display: none; }

/* Template:Drop infobox */ /* Move the sort arrows to the left of the text for the first two headings (they're on the right by default) */ .drop.infobox th:first-child.headerSort::after, .drop.infobox th:nth-child(2).headerSort::after { left: 6px; }

/* Template:Templatedata */ .templatedata-doc .templatedata-doc-param-valuetrue { color: #050; } .templatedata-doc .templatedata-doc-param-valuefalse { color: #610; } .theme-fandomdesktop-dark .templatedata-doc .templatedata-doc-param-valuetrue { color: #090; } .theme-fandomdesktop-dark .templatedata-doc .templatedata-doc-param-valuefalse { color: #df2500; }

/* Template:Hp */ .hp > div > * { box-sizing: content-box; }

/*image*/ figure.thumb{ border: 1px solid var(--theme-border-color); padding: 3px; border-radius: 5px; box-sizing: content-box; }

/* ================================================================== */ /* Editor fixes */ /* ================================================================== */ .wikiEditor-ui .wikiEditor-ui-view.wikiEditor-ui-view-wikitext .wikiEditor-ui-top{ min-height: inherit; } .wikiEditor-ui .wikiEditor-ui-toolbar { background-color: var(--theme-page-background-color); padding: 0; } .wikiEditor-ui .wikiEditor-ui-toolbar .sections .section {	margin-top: 0; padding-top: 0; } .wikiEditor-ui .wikiEditor-ui-view { border-color: var(--theme-border-color); } .wikiEditor-ui #msupload-div{ border-radius: 0; } .wikiEditor-ui-bottom{ border-left: 1px solid var(--theme-border-color); border-right: 1px solid var(--theme-border-color); } .mw-editform #wpTextbox1, border: 1px solid var(--theme-border-color); padding:0.5em !important; outline: 0; resize: vertical; width: 100%; }	border: 0 !important; }
 * 1) wpTextbox0, #wpTextbox1{
 * 1) wpTextbox0+#wpTextbox1{

.mw-editform .editOptions { padding: 1em 1em 1.5em 1em; margin-bottom: 2em; } .codeEditor-status { border: 1px solid var(--theme-border-color); border-bottom: 0; } .codeEditor-status-message { border-left-color: var(--theme-border-color); border-right-color: var(--theme-border-color); }

/* ================================================================== */ /* Main page */ /* ================================================================== */

body.mainpage .page__main { padding-top: 12px; } body.mainpage .page-header { display: flex; align-items: center; justify-content: flex-end; margin-bottom: 0; } body.mainpage .page-header__bottom { border-bottom: 0; } body.mainpage .page-header__title-wrapper { display: none; } body.mainpage .page-header__languages .wds-dropdown__toggle, body.mainpage .page-header__variants .wds-dropdown__toggle { margin-bottom: 0; } body.mainpage .page-header__actions { margin-left: 3px; padding-top: 0; }