User:Westgrass/common.css

/* ================================================================== */ /* 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; }	.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__link-icon{ width: 24px; height: 24px; }	.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__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) { .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{ padding: 0 3px; }	.global-navigation__link-icon { width: 16px; height: 16px; }*/	.global-navigation__label{ display: none; }	/*	.global-navigation__link:last-child svg{ min-width: 12px; width: 12px; height: 12px; }		.global-navigation__icon{ width: 24px; height: 24px; }	.global-navigation__icon svg{ width: 16px; height: 16px; min-width: 16px; }	.wds-avatar, .wds-avatar svg{ width: 20px; height: 20px; min-width: 20px; }*/	.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; }

}