User:Lakejason0/global.css

@import "/load.php?mode=articles&articles=u:dev:MediaWiki:GlobalNavigationIcons.css|u:dev:MediaWiki:UCPEditorMinimal/code.css&only=styles"; /* Left to top, asked by User:Light beacon, adopted from User:Winston Sung and added a search modal fix for this. */ .skin-fandomdesktop .fandom-sticky-header { top: 9px; left: 0; } .skin-fandomdesktop .global-navigation { bottom: unset; display: flex; flex-direction: row; justify-content: space-between; left: 0; padding: 0 18px; position: fixed; top: 0; width: 100%; height: 55px; z-index: 700; } .skin-fandomdesktop .global-navigation__logo .wds-icon { margin-bottom: 0; } .skin-fandomdesktop .global-navigation__logo span { display: none; } .skin-fandomdesktop .global-navigation__top { align-items: center; display: flex; flex-direction: row; } .skin-fandomdesktop .global-navigation__bottom, .skin-fandomdesktop .global-navigation__nav, .skin-fandomdesktop .global-navigation__top { align-items: center; display: flex; flex-direction: row; } .skin-fandomdesktop .global-navigation__search { margin-top: 0; margin-right: 9px; margin-left: 21px; text-align: center; width: 36px; height: 36px; } .skin-fandomdesktop .global-navigation__links { display: inline-flex; align-items: center; } .skin-fandomdesktop .global-navigation__links .global-navigation__link, .skin-fandomdesktop .global-navigation__links .global-navigation__link:first-child { align-items: center; display: flex; flex-direction: column; margin-top: 0; padding: 2px 12px; width: auto; } .skin-fandomdesktop .global-navigation__link-icon { align-items: center; height: 28px; justify-items: center; margin: 0; transition: background-color .3s; width: 28px; } .skin-fandomdesktop .global-navigation__link.wds-dropdown.wds-open-to-right:after { bottom: -9px; top: unset; left: calc(50% - 9px); border-right-color: transparent; border-bottom-color: var(--wds-dropdown-background-color); } .skin-fandomdesktop .global-navigation__link.wds-dropdown.wds-open-to-right .wds-dropdown__content { left: unset; top: 100%; bottom: unset; } .skin-fandomdesktop .global-navigation__bottom { top: 0; right: 0; bottom: unset; padding: 0; position: fixed; height: 55px; z-index: 700; } .skin-fandomdesktop .global-navigation .notifications { margin-bottom: 0; } .skin-fandomdesktop .global-navigation__bottom .wds-dropdown { margin-left: 0; height: 55px; padding: 9px 0; } .skin-fandomdesktop .global-navigation__bottom .wds-dropdown.wds-open-to-right:before { border-right-color: transparent; border-bottom-color: var(--wds-dropdown-border-color); right: calc(50% - 3px); top: 36px; transform: none; } .skin-fandomdesktop .global-navigation__bottom .wds-dropdown.wds-open-to-right:after { border-right-color: transparent; border-bottom-color: var(--wds-dropdown-background-color); right: calc(50% - 2px); top: 39px; transform: none; } .skin-fandomdesktop .global-navigation__bottom .wds-dropdown.is-attached-to-bottom .wds-dropdown__content { position: fixed; top: 54px; right: 1px; bottom: unset; left: unset; border-radius: 3px; } .skin-fandomdesktop .global-navigation__bottom .wds-dropdown.is-attached-to-bottom .wds-dropdown__content ul.wds-list { display: flex; flex-direction: column-reverse; align-items: self-start; background: none; } .skin-fandomdesktop .global-navigation__bottom .wds-dropdown.is-attached-to-bottom .wds-dropdown__content ul.wds-list li { width: -webkit-fill-available; } .skin-fandomdesktop .global-navigation .notifications .wds-dropdown.is-attached-to-bottom .wds-dropdown__content, .skin-fandomdesktop .fandom-sticky-header.is-visible + .global-navigation .notifications .wds-dropdown.is-attached-to-bottom .wds-dropdown__content { position: fixed; top: 55px !important; height: calc(100% - 55px); } .skin-fandomdesktop .main-container { margin-top: 55px; margin-left: 0; width: 100%; } .skin-fandomdesktop .search-modal, .skin-fandomdesktop .search-modal:before { bottom: 0; left: 0; position: fixed; right: 0; top: 55px; } .skin-fandomdesktop .fandom-community-header__background { /* top: 55px; */ width: 100%; } .skin-fandomdesktop .page-side-tools { top: 113px; } .skin-fandomdesktop .notifications-placeholder { left: 18px; } /* Resolve position conflict: InPageEdit <-> Toolbar */ .skin-fandomdesktop #ipe-edit-toolbox { bottom: 3rem; } .skin-fandomdesktop code { background-color: var(--theme-page-background-color--secondary); border: 1px solid var(--theme-border-color); color: var(--theme-page-text-color); border-radius: 2px; padding: 1px 4px; }