Last active
January 24, 2022 18:12
-
-
Save bepvte/4775049e7f64fcc5ab038dc0a0af98cf to your computer and use it in GitHub Desktop.
A port of https://terraria.fandom.com/wiki/MediaWiki:Gadget-hydralize.js to userscript
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // ==UserScript== | |
| // @name Hydralize | |
| // @namespace https://github.com/bepvte | |
| // @match *://*.fandom.com/* | |
| // @version 1.3 | |
| // @author bep | |
| // @noframes | |
| // @grant GM_addStyle | |
| // @run-at document-end | |
| // @license CC BY-NC-SA 3.0 | |
| // @description originally from https://terraria.fandom.com/wiki/MediaWiki:Gadget-hydralize.js | |
| // ==/UserScript== | |
| let style = `@keyframes rotate { | |
| from { | |
| transform:rotate(0deg); | |
| } | |
| to { | |
| transform:rotate(360deg); | |
| } | |
| } | |
| :root{ | |
| --hydra-box-gap: 8px; | |
| --hydra-aside-width: 160px; | |
| --hydra-netbar-color: #bbb; | |
| --hydra-netbar-background: #000; | |
| --hydra-netbar-border: 1px solid #353535;--hydra-netbar-padding: 6px; | |
| } | |
| html body.theme-fandomdesktop-light{ | |
| background-color: #B6D1B2; | |
| background-position: center bottom; | |
| background-size: cover; | |
| background-attachment: fixed; | |
| background-repeat: no-repeat; | |
| } | |
| html body.theme-fandomdesktop-dark{ | |
| background-color: #000; | |
| background-position: center bottom; | |
| background-size: cover; | |
| background-attachment: fixed; | |
| background-repeat: no-repeat; | |
| } | |
| .fandom-community-header__background, | |
| .fandom-sticky-header, | |
| .fandom-community-header__community-name, | |
| .community-header-wrapper .fandom-community-header__top-container, | |
| .page-counter, .page-header__top, .page-header #p-views, | |
| .page .page-footer__languages, | |
| .page__right-rail, | |
| #WikiaBar{ | |
| display: none !important; | |
| } | |
| .search-modal, .search-modal::before{ | |
| left: 0; | |
| top: 30px; | |
| } | |
| .notifications-placeholder{ | |
| left: 18px; | |
| } | |
| /* global-navigation */ | |
| .global-navigation{ | |
| position: relative; /* static + z-index */ | |
| flex-direction: row; | |
| width: 100%; | |
| height: 30px; | |
| box-shadow: none; | |
| font-family: sans-serif; | |
| } | |
| .global-navigation__icon{ | |
| height: 30px; | |
| width: 30px; | |
| cursor: pointer; | |
| } | |
| .global-navigation, .global-navigation__bottom, .global-navigation__top{ | |
| background: var(--hydra-netbar-background); | |
| } | |
| .global-navigation > *, | |
| .global-navigation__nav, | |
| .global-navigation__links | |
| { | |
| display: flex; | |
| align-items: center; | |
| } | |
| .global-navigation__top, | |
| .global-navigation__bottom{ | |
| padding: 0; | |
| } | |
| .global-navigation svg{ | |
| width: 20px; | |
| height: 20px; | |
| min-width: 20px; | |
| min-height: 20px; | |
| } | |
| .global-navigation__top, | |
| .global-navigation__nav{ | |
| flex: 1 1 auto; | |
| } | |
| .global-navigation__logo{ | |
| padding: 0; | |
| margin: 0 var(--hydra-netbar-padding); | |
| order: 1; | |
| width: 96px; | |
| height: 30px; | |
| background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 618 155'%3E%3Cpath fill='%23FA005A' d='M478.6 71.94L407.42.78c-.367-.367-.835-.618-1.344-.72-.51-.101-1.038-.05-1.518.148s-.891.533-1.181.964c-.29.431-.445.939-.447 1.458v59.84l-21.56-21.54c-.368-.368-.837-.618-1.347-.72-.51-.102-1.039-.05-1.52.15-.48.199-.891.536-1.18.968-.289.433-.443.942-.443 1.462v61.79c-.004 1.935.374 3.852 1.114 5.641.739 1.788 1.826 3.412 3.196 4.779l28.05 28c2.763 2.75 6.502 4.295 10.4 4.3h20.53c3.896-.002 7.632-1.548 10.39-4.3l28.05-28c1.365-1.364 2.448-2.983 3.186-4.766s1.116-3.694 1.114-5.624V82.34c.002-1.932-.378-3.845-1.118-5.63-.739-1.785-1.824-3.406-3.192-4.77z'%3E%3C/path%3E%3Cpath fill='%23FFC500' d='M456.89 98c-.003 1.166-.467 2.284-1.29 3.11L433 123.79c-.409.413-.896.74-1.432.964-.537.223-1.112.339-1.693.339s-1.157-.116-1.693-.339c-.536-.224-1.023-.551-1.432-.964l-22.55-22.71c-.82-.817-1.287-1.923-1.3-3.08v-8.66c.001-.58.116-1.154.339-1.69.223-.535.55-1.021.961-1.43l8.12-8.12c.828-.826 1.95-1.29 3.12-1.29 1.17 0 2.291.464 3.12 1.29l11.35 11.36 11.33-11.36c.828-.826 1.95-1.29 3.12-1.29 1.17 0 2.291.464 3.12 1.29l8.11 8.12c.411.409.738.895.961 1.43.223.536.338 1.11.339 1.69V98z'%3E%3C/path%3E%3Cpath fill='%23F9EDD8' d='M586.17 56.29c-5.81.002-11.449 1.968-16 5.58l-3.63 3c-.551.427-1.228.66-1.925.66-.697 0-1.374-.233-1.925-.66l-3.64-3c-4.551-3.612-10.19-5.578-16-5.58h-.67c-8.75 0-16.43 4.78-20.7 13-.085.168-.224.303-.394.383-.171.08-.363.1-.546.057-.184-.043-.347-.146-.465-.293-.118-.147-.183-.329-.185-.517v-9.21c0-.735-.292-1.44-.811-1.959-.52-.52-1.224-.811-1.959-.811h-19.23c-.738.003-1.445.298-1.966.82-.521.524-.814 1.232-.814 1.97v75.9c0 .745.296 1.46.823 1.987.527.527 1.242.823 1.987.823h19.16c.745 0 1.46-.296 1.987-.823.527-.527.823-1.242.823-1.987V90.35c-.001-1.245.243-2.479.719-3.63.476-1.15 1.174-2.196 2.055-3.076.88-.88 1.926-1.58 3.077-2.055 1.15-.476 2.384-.72 3.629-.719h4.85c1.246-.001 2.48.243 3.631.719 1.151.476 2.198 1.174 3.079 2.054.881.88 1.58 1.926 2.058 3.077.477 1.15.722 2.384.722 3.63l.06 45.29c0 .369.073.733.214 1.074.141.34.349.649.61.909.261.261.571.467.912.607.34.14.706.211 1.074.21h19.16c.745 0 1.46-.296 1.987-.823.527-.527.823-1.242.823-1.987V90.35c0-2.514.999-4.925 2.777-6.703 1.778-1.778 4.189-2.777 6.703-2.777h4.86c1.245-.001 2.479.243 3.629.719 1.151.476 2.197 1.174 3.077 2.055.881.88 1.579 1.926 2.055 3.077.476 1.15.72 2.384.719 3.629l.07 45.29c0 .743.295 1.455.82 1.98.525.525 1.237.82 1.98.82h19.17c.369 0 .734-.073 1.074-.214.34-.141.649-.349.91-.61.26-.261.466-.571.606-.911.14-.341.211-.706.21-1.075V88c.053-4.14-.715-8.248-2.261-12.088-1.545-3.84-3.837-7.337-6.742-10.286s-6.367-5.292-10.184-6.895c-3.816-1.602-7.913-2.432-12.053-2.441zM360 27.48l-17.8-17.8c-.381-.385-.869-.648-1.4-.755-.531-.108-1.082-.054-1.583.153-.501.207-.928.558-1.229 1.009-.3.45-.46.981-.458 1.523v48.48c-.001.29-.08.576-.231.824-.15.25-.365.452-.622.588-.257.136-.546.199-.836.183-.29-.017-.571-.111-.811-.275-4.419-3-9.66-4.554-15-4.45h-11.19c-4.151-.001-8.261.815-12.096 2.402-3.835 1.588-7.32 3.915-10.255 6.85-2.935 2.934-5.264 6.418-6.853 10.253-1.588 3.834-2.406 7.944-2.406 12.095v18.38c0 4.151.818 8.262 2.406 12.097 1.589 3.835 3.917 7.319 6.852 10.255 2.936 2.935 6.42 5.263 10.255 6.852 3.835 1.588 7.946 2.406 12.097 2.406h6.22c8.75 0 16.43-4.78 20.7-13 .085-.168.224-.303.394-.383.171-.079.363-.1.546-.057.184.043.347.146.465.293.118.147.183.329.185.517v9.84c0 .364.072.724.211 1.06.139.336.343.641.6.899.258.257.563.461.899.6.336.139.696.211 1.06.211h19.23c.736-.003 1.442-.296 1.963-.817.521-.521.814-1.227.817-1.963V32.61c-.003-1.924-.769-3.77-2.13-5.13zm-58.09 78V90c.003-2.513 1.002-4.923 2.78-6.7 1.777-1.778 4.187-2.777 6.7-2.78h15.93c2.514 0 4.926.999 6.703 2.777 1.778 1.778 2.777 4.189 2.777 6.703v15.48c.001 1.246-.243 2.48-.719 3.631-.476 1.151-1.174 2.197-2.054 3.079-.881.881-1.926 1.58-3.077 2.057-1.151.477-2.384.723-3.63.723h-15.93c-2.513-.003-4.923-1.002-6.7-2.78-1.778-1.777-2.777-4.187-2.78-6.7v-.01zM162.42 57H143.2c-.735 0-1.439.292-1.959.811-.519.52-.811 1.224-.811 1.959v9.83c-.002.188-.067.37-.185.517-.117.147-.281.25-.465.293-.183.043-.375.022-.546-.057-.17-.08-.309-.215-.394-.383-4.27-8.2-12-13-20.7-13h-6.23c-8.381 0-16.418 3.33-22.344 9.255-5.927 5.927-9.256 13.964-9.256 22.345v18.38c-.001 4.151.815 8.261 2.403 12.096 1.587 3.835 3.915 7.32 6.849 10.255 2.934 2.935 6.418 5.264 10.253 6.853 3.834 1.588 7.944 2.406 12.095 2.406h6.23c8.74 0 16.43-4.78 20.7-13 .085-.168.224-.303.394-.383.171-.079.363-.1.546-.057.184.043.348.146.465.293.118.147.183.329.185.517v9.84c0 .735.292 1.439.811 1.959.52.519 1.224.811 1.959.811h19.22c.737 0 1.444-.293 1.966-.814.521-.522.814-1.229.814-1.966v-76c-.001-.364-.074-.724-.215-1.06-.14-.335-.345-.64-.603-.896s-.565-.459-.901-.597c-.337-.138-.697-.208-1.061-.207zm-22.54 48.53c0 1.246-.245 2.48-.722 3.632-.477 1.151-1.176 2.197-2.057 3.078-.882.882-1.928 1.581-3.079 2.058-1.152.477-2.386.722-3.632.722h-15.92c-2.517 0-4.931-1-6.71-2.78-1.78-1.779-2.78-4.193-2.78-6.71V90c.003-2.515 1.004-4.926 2.783-6.704 1.78-1.778 4.192-2.776 6.707-2.776h15.92c2.515 0 4.928.999 6.707 2.776 1.779 1.778 2.78 4.189 2.783 6.704v15.53zM231.78 57H230c-8.74 0-16.43 4.77-20.7 13-.085.168-.224.303-.394.383-.171.08-.363.1-.546.057-.184-.043-.348-.146-.465-.293-.118-.147-.183-.329-.185-.517v-9.9c-.011-.728-.307-1.422-.825-1.933-.519-.51-1.217-.797-1.945-.797h-19.22c-.365-.001-.728.07-1.065.209-.338.14-.645.344-.904.602-.258.259-.463.566-.602.904-.139.337-.21.7-.209 1.065v75.91c0 .743.295 1.455.82 1.98.525.525 1.237.82 1.98.82h19.17c.368 0 .732-.072 1.071-.213.34-.141.649-.347.909-.607s.466-.569.607-.908c.141-.34.213-.704.213-1.072l.07-44.69c0-2.514.999-4.925 2.777-6.703 1.777-1.778 4.189-2.777 6.703-2.777h11.8c2.513.003 4.923 1.002 6.7 2.78 1.778 1.777 2.777 4.187 2.78 6.7l.06 44.64c.003.744.3 1.456.827 1.981.526.524 1.239.819 1.983.819h19.16c.369.001.734-.07 1.075-.21.34-.14.65-.346.911-.607.261-.26.469-.569.61-.909.141-.341.214-.705.214-1.074V88.56c-.011-8.374-3.345-16.401-9.27-22.319C248.185 60.324 240.154 57 231.78 57zM16.23 40.34c-4.305.003-8.434 1.715-11.477 4.76C1.71 48.145 0 52.275 0 56.58v73.15c0 2.591 1.029 5.077 2.86 6.91l16.91 16.9c.41.409.931.688 1.5.8.567.113 1.156.055 1.69-.166.536-.222.993-.597 1.315-1.078.322-.481.494-1.047.495-1.626V114c0-.724.288-1.418.8-1.93s1.206-.8 1.93-.8H56c.773 0 1.526-.246 2.15-.703.624-.456 1.086-1.1 1.32-1.837l5.37-17c.146-.46.182-.947.104-1.423-.077-.476-.266-.928-.55-1.317-.285-.39-.657-.707-1.087-.926-.43-.219-.905-.333-1.387-.334H27.5c-.359.001-.715-.068-1.046-.205-.332-.137-.634-.338-.887-.592-.254-.253-.455-.555-.592-.887-.137-.332-.206-.687-.205-1.046V66.45c0-.358.07-.713.208-1.043.137-.33.339-.631.592-.884.254-.253.555-.453.886-.589.331-.136.686-.205 1.044-.204h43.74c.77 0 1.521-.245 2.143-.7.622-.455 1.084-1.096 1.317-1.83l5.41-16.86c.146-.46.182-.947.104-1.423-.077-.476-.266-.928-.55-1.317-.285-.39-.657-.707-1.087-.926-.43-.219-.905-.333-1.387-.334H16.23z'%3E%3C/path%3E%3C/svg%3E"); | |
| background-size: contain; | |
| background-position: left 1px; | |
| background-repeat: no-repeat; | |
| } | |
| .global-navigation__logo .wds-icon, | |
| .global-navigation__logo span{ | |
| display: none; | |
| } | |
| .global-navigation__search, | |
| .global-navigation__search:hover, | |
| .global-navigation__search:active, | |
| .global-navigation__search:focus, | |
| .global-navigation__search:visited, | |
| .global-navigation .wiki-tools__theme-switch, | |
| .global-navigation .wiki-tools__theme-switch:hover, | |
| .global-navigation .wiki-tools__theme-switch:active, | |
| .global-navigation .wiki-tools__theme-switch:focus, | |
| .global-navigation .wiki-tools__theme-switch:visited{ | |
| order: 5; | |
| border: 0; | |
| background: transparent; | |
| color: var(--hydra-netbar-color); | |
| padding: 0; | |
| border-left: var(--hydra-netbar-border); | |
| border-radius: 0; | |
| box-sizing: content-box; | |
| } | |
| .global-navigation .wiki-tools__theme-switch{ | |
| order: 4; | |
| width: 30px; | |
| height: 30px; | |
| display: flex; | |
| justify-content: center; | |
| align-items: center; | |
| } | |
| .global-navigation__links{ | |
| flex: 1 1 auto; | |
| order: 2; | |
| padding-left: 1em; | |
| } | |
| .global-navigation__link, | |
| .global-navigation__links .wds-dropdown{ | |
| margin-left: 0; | |
| margin-right: var(--hydra-box-gap); | |
| position: relative; | |
| } | |
| .global-navigation__link .global-navigation__label, | |
| .global-navigation__links .wds-dropdown .global-navigation__label { | |
| display: none; | |
| } | |
| .global-navigation__link:hover .global-navigation__label{ | |
| display: block; | |
| --wds-tooltip-background-color: var(--theme-page-background-color--secondary); | |
| --wds-tooltip-text-color: var(--theme-page-text-color); | |
| background-color: var(--wds-tooltip-background-color); | |
| border-radius: 4px; | |
| -webkit-box-shadow: 0 3px 12px 0 rgba(0,0,0,.3); | |
| box-shadow: 0 3px 12px 0 rgba(0,0,0,.3); | |
| color: var(--wds-tooltip-text-color); | |
| font-size: 12px; | |
| line-height: 1.25; | |
| padding: 6px; | |
| padding-right: 6px; | |
| position: absolute; | |
| z-index: 900; | |
| margin: 0; | |
| top: 0; | |
| left: 30px; | |
| } | |
| .global-navigation .global-navigation__link svg, | |
| .global-navigation__links .wds-dropdown svg{ | |
| width: 18px; | |
| height: 18px; | |
| min-width: 18px; | |
| min-height: 18px; | |
| } | |
| .global-navigation__link .global-navigation__icon, | |
| .global-navigation__link .global-navigation__icon:hover, | |
| .global-navigation__link .global-navigation__icon:active, | |
| .global-navigation__link .global-navigation__icon:focus, | |
| .global-navigation__links .wds-dropdown .global-navigation__icon, | |
| .global-navigation__links .wds-dropdown .global-navigation__icon:hover, | |
| .global-navigation__links .wds-dropdown .global-navigation__icon:active, | |
| .global-navigation__links .wds-dropdown .global-navigation__icon:focus{ | |
| border: 0; | |
| background: none; | |
| color: var(--hydra-netbar-color); | |
| width: 24px; | |
| height: 24px; | |
| } | |
| .global-navigation__link .global-navigation__icon:hover{ | |
| background: rgba(127,127,127, 0.6); | |
| } | |
| .global-navigation__link .global-navigation__icon.has-border svg{ | |
| border: 1.5px solid var(--hydra-netbar-color); | |
| border-radius: 50%; | |
| padding: 2px; | |
| } | |
| .global-navigation__links .wds-dropdown .wds-dropdown__toggle{ | |
| width: auto; | |
| } | |
| .global-navigation__links .wds-dropdown .wds-dropdown__content{ | |
| top: 0; | |
| } | |
| .global-navigation .wiki-tools{ | |
| display: none; | |
| } | |
| .global-navigation .fandom-community-header__top-container{ | |
| height: 30px; | |
| -webkit-box-align: center; | |
| align-items: center; | |
| padding: 0; | |
| flex: 1 1 auto; | |
| } | |
| .fandom-community-header__community-name-wrapper{ | |
| height: 30px; | |
| padding: 0 0 0 var(--hydra-netbar-padding); | |
| border-left: var(--hydra-netbar-border); | |
| border-right: var(--hydra-netbar-border); | |
| margin-left: var(--hydra-box-gap); | |
| } | |
| .fandom-community-header__community-name-wrapper .official-wiki-badge { | |
| height: 20px; | |
| width: 99px; | |
| } | |
| .fandom-community-header__community-name-wrapper .gp-wiki-badge{ | |
| width: 30px; | |
| height: 30px; | |
| } | |
| .global-navigation .fandom-community-header__top-container svg{ | |
| margin-right: var(--hydra-netbar-padding); | |
| } | |
| .global-navigation__bottom > *{ | |
| padding: 0 var(--hydra-netbar-padding); | |
| border-left: var(--hydra-netbar-border); | |
| margin: 0; | |
| } | |
| .global-navigation__bottom .notifications{ | |
| margin: 0; | |
| } | |
| .global-navigation__bottom .notifications .global-navigation__icon{ | |
| display: flex; | |
| } | |
| .global-navigation__bottom .notifications .notifications__counter{ | |
| position: static; | |
| background: none; | |
| color: var(--hydra-netbar-color); | |
| font-size: inherit; | |
| margin-left: 2px; | |
| width: auto; | |
| height: auto; | |
| } | |
| .global-navigation .global-navigation__bottom .notifications .wds-dropdown.is-attached-to-bottom .wds-dropdown__content{ | |
| transition: none; | |
| left: auto; | |
| right: 4px; | |
| top: 34px; | |
| bottom: 4px; | |
| border-radius: 4px; | |
| overflow: hidden; | |
| box-shadow: 0 0 10px rgba(0,0,0, 0.4); | |
| } | |
| .global-navigation .global-navigation__bottom .notifications .wds-dropdown.is-attached-to-bottom .wds-dropdown__content .wds-tab__content > div > ul > li { | |
| transition: background-color 0.15s; | |
| width: 100%; | |
| overflow: auto; | |
| word-break: break-word; | |
| overflow-wrap: break-word; | |
| hyphens: auto; | |
| } | |
| .global-navigation .global-navigation__bottom .notifications .wds-dropdown.is-attached-to-bottom .wds-dropdown__content .wds-tab__content > div > ul > li:hover { | |
| background-color: var(--wds-dropdown-background-color); | |
| } | |
| .global-navigation__bottom .wds-dropdown{ | |
| margin-left: 0; | |
| display: block; | |
| } | |
| .global-navigation__bottom .wds-dropdown__toggle{ | |
| width: auto; | |
| } | |
| .global-navigation .global-navigation__bottom .wds-dropdown__toggle > div, | |
| .global-navigation .global-navigation__bottom .wds-dropdown__toggle > div:hover, | |
| .wds-avatar__image, .wds-avatar__image:hover{ | |
| border: 0; | |
| background: none; | |
| color: var(--hydra-netbar-color); | |
| } | |
| .wds-avatar{ | |
| display: flex; | |
| align-items: center; | |
| width: auto; | |
| position: relative; | |
| } | |
| .wds-avatar img.wds-avatar__image{ | |
| min-width: 0; | |
| width: 24px; | |
| height: 24px; | |
| border-width: 0; | |
| background-color: var(--hydra-netbar-color); | |
| z-index: 0; | |
| } | |
| .wds-avatar:after{ | |
| content: attr(title); | |
| margin-left: 4px; | |
| z-index: 0; | |
| } | |
| .wds-avatar a{ | |
| display: block; | |
| position: absolute; | |
| left: 0; | |
| top: 0; | |
| width: 100%; | |
| height: 100%; | |
| } | |
| .global-navigation__bottom .global-navigation__icon{ | |
| width: auto; | |
| } | |
| .global-navigation .global-navigation__bottom .wds-dropdown:before, | |
| .global-navigation .global-navigation__bottom .wds-dropdown:after{ | |
| display: none !important; | |
| } | |
| .global-navigation .global-navigation__bottom > .wds-dropdown:not(.notifications):hover > .wds-dropdown__content{ | |
| display: block; | |
| position: absolute; | |
| top: 100%; | |
| right: 0; | |
| left: auto; | |
| bottom: auto; | |
| border: 0; | |
| border-radius: 0; | |
| box-shadow: 0 0 10px rgba(0,0,0, 0.4); | |
| background: var(--hydra-netbar-background); | |
| } | |
| .global-navigation .global-navigation__bottom .wds-dropdown:not(.notifications):hover > .wds-dropdown__content ul:before, | |
| .global-navigation .global-navigation__bottom .wds-dropdown:not(.notifications):hover > .wds-dropdown__content ul:after{ | |
| display: none; | |
| } | |
| .global-navigation .global-navigation__bottom > .wds-dropdown .wds-dropdown__content .wds-list.wds-is-linked li a, | |
| .global-navigation .global-navigation__bottom .wds-sign-out__button{ | |
| color: var(--hydra-netbar-color); | |
| } | |
| .global-navigation .global-navigation__bottom > .wds-dropdown > .wds-dropdown__content ul{ | |
| display: flex; | |
| flex-direction: column-reverse; | |
| } | |
| /* page layout */ | |
| body .main-container{ | |
| margin: 0; | |
| width: auto; | |
| } | |
| .main-container .resizable-container .community-header-wrapper{ | |
| display: block !important; | |
| height: auto; | |
| justify-content: flex-start; | |
| margin-left: var(--hydra-box-gap); | |
| z-index:20; /* Fandom... */ | |
| } | |
| body .main-container .resizable-container{ | |
| margin: var(--hydra-box-gap) 0 0 0; | |
| width: auto; | |
| max-width: none; | |
| display: grid; | |
| grid-template-columns: calc( var(--hydra-aside-width) + var(--hydra-box-gap) ) 1fr; | |
| transition: grid-template-columns 0.2s; | |
| } | |
| body .main-container .resizable-container .gpt-ad{ | |
| display: none; | |
| } | |
| body .wds-global-footer{ | |
| margin-top: 0; | |
| } | |
| html body .main-container .page{ | |
| margin: 0 var(--hydra-box-gap); | |
| flex: 1 1 auto; | |
| min-width: 0; | |
| } | |
| body .bottom-ads-container, | |
| body #mixed-content-footer{ | |
| display: block; | |
| grid-column-start: 1; | |
| grid-column-end: 3; | |
| margin: 0; | |
| border-radius: 0; | |
| } | |
| /* left aside */ | |
| .main-container .resizable-container .fandom-community-header{ | |
| display: flex !important; | |
| flex-direction: column; | |
| font-size: 12px; | |
| } | |
| .fandom-community-header__image{ | |
| margin: 0 0 var(--hydra-box-gap) 0; | |
| } | |
| .fandom-community-header__image img{ | |
| width: 100%; | |
| height: auto; | |
| max-width: none; | |
| max-height: none; | |
| } | |
| .fandom-community-header .fandom-community-header__local-navigation > ul{ | |
| display: block; | |
| margin: 0; | |
| color: var(--theme-page-text-color); | |
| line-height: 1.25; | |
| } | |
| .fandom-community-header__local-navigation > ul a{ | |
| color: var(--theme-page-text-color); | |
| } | |
| .fandom-community-header__local-navigation > ul a:hover{ | |
| color: var(--theme-page-text-color); | |
| text-decoration: underline; | |
| } | |
| .fandom-community-header__local-navigation > ul > li{ | |
| background: rgba(var(--theme-page-background-color--rgb), 0.65); | |
| box-shadow: 0 0 6px rgba(var(--theme-page-text-color--rgb), 0.08); | |
| margin-bottom: var(--hydra-box-gap); | |
| border-radius: 5px; | |
| padding: 4px; | |
| display: block; | |
| } | |
| .fandom-community-header__local-navigation .wds-dropdown__content{ | |
| display: block; | |
| position: static; | |
| transform: none; | |
| background: none; | |
| border: none; | |
| width: auto; | |
| padding: 0; | |
| } | |
| .fandom-community-header__local-navigation .wiki-tools__search, | |
| .fandom-community-header__local-navigation .wiki-tools__add-new-page, | |
| .fandom-community-header__local-navigation li a[data-tracking="explore-videos"], | |
| .fandom-community-header__local-navigation li a[data-tracking="explore-images"], | |
| .fandom-community-header__local-navigation a[data-tracking="theme-designer"], | |
| .fandom-community-header__local-navigation a[data-tracking="analytics"], | |
| .fandom-community-header__local-navigation #t-upload, | |
| .fandom-community-header__local-navigation #t-specialpages, | |
| .fandom-community-header__local-navigation .wds-dropdown::before, | |
| .fandom-community-header__local-navigation .wds-dropdown::after, | |
| .fandom-community-header__local-navigation a > svg:first-child{ | |
| display: none !important; | |
| } | |
| .fandom-community-header__local-navigation .wds-is-secondary{ | |
| border: 0; | |
| font-weight: normal; | |
| text-transform: none; | |
| min-height: 0; | |
| justify-content: flex-start; | |
| padding: 0; | |
| } | |
| .fandom-community-header__local-navigation .first-level-item{ | |
| text-transform: none; | |
| display: flex; | |
| width: 100%; | |
| margin: 0; | |
| height: auto; | |
| line-height: 2; | |
| position: relative; | |
| cursor: pointer; | |
| } | |
| .fandom-community-header__local-navigation .first-level-item::after{ | |
| /* cover the <a> element to make it unclickable */ | |
| content: ""; | |
| display: block; | |
| width: 100%; | |
| height: 100%; | |
| position: absolute; | |
| left: 0; | |
| top: 0; | |
| } | |
| .fandom-community-header__local-navigation .first-level-item a{ | |
| line-height: inherit; | |
| max-width: none; | |
| flex: 1 1 auto; | |
| } | |
| .fandom-community-header__local-navigation .first-level-item svg{ | |
| height: 14px; | |
| width: 14px; | |
| fill: var(--theme-page-text-mix-color); | |
| margin-right: 4px; | |
| } | |
| .fandom-community-header__local-navigation .first-level-item a span{ | |
| margin-left: 4px; | |
| } | |
| .fandom-community-header__local-navigation .wds-dropdown .first-level-item svg{ | |
| -webkit-transform: rotate(180deg) !important; | |
| transform: rotate(180deg) !important; | |
| } | |
| .fandom-community-header__local-navigation .wds-dropdown.collapsed .first-level-item svg{ | |
| -webkit-transform: none !important; | |
| transform: none !important; | |
| } | |
| .fandom-community-header__local-navigation .wds-dropdown > .wds-dropdown__content, | |
| .fandom-community-header__local-navigation .wds-dropdown.wds-is-active .wds-dropdown__content, | |
| .fandom-community-header__local-navigation .wds-dropdown:not(.wds-is-touch-device):not(.wds-is-not-hoverable):hover .wds-dropdown__content | |
| { | |
| display: block; | |
| } | |
| .fandom-community-header__local-navigation .wds-dropdown__content .wds-list.wds-is-linked > li{ | |
| padding: 0; | |
| } | |
| .fandom-community-header__local-navigation .wds-dropdown__content .wds-list.wds-is-linked > li > a{ | |
| padding: 0 4px; | |
| line-height: 2; | |
| font-size: 12px; | |
| } | |
| .fandom-community-header__local-navigation .wds-dropdown .wds-dropdown-level-nested__toggle svg{ | |
| margin-left: 2px !important; | |
| width: 8px; | |
| height: 8px; | |
| min-width: 0; | |
| min-height: 0; | |
| margin-right: 3px; | |
| } | |
| .fandom-community-header__local-navigation .wds-dropdown__content .wds-list.wds-is-linked .wds-dropdown-level-nested .wds-dropdown-level-nested__content { | |
| z-index: 100; | |
| max-width: none; | |
| min-width: 120px; | |
| background: rgba(var(--theme-page-background-color--rgb),0.96); | |
| box-shadow: 0 0 10px -2px var(--wds-dropdown-border-color); | |
| border-radius: 5px; | |
| border: 0; | |
| padding: 4px; | |
| margin-top: 6px; | |
| } | |
| .fandom-community-header__local-navigation .wds-dropdown__content .wds-list.wds-is-linked .wds-dropdown-level-nested .wds-dropdown-level-nested__content .wds-list.wds-is-linked > li > a{ | |
| font-size: 12px; | |
| } | |
| /* page main */ | |
| html body .main-container .resizable-container .page .page__main{ | |
| background: none; | |
| padding: 0; | |
| margin-bottom: var(--hydra-box-gap); | |
| border-radius: 5px; | |
| overflow: hidden; | |
| position: relative; | |
| padding-top: 40px; | |
| box-shadow: 0 0 6px rgba(var(--theme-page-text-color--rgb), 0.08); | |
| } | |
| body .page-side-tools__wrapper{ | |
| display: flex; | |
| align-items: flex-end; | |
| transform: none; | |
| height: 40px; | |
| padding: 0 5px; | |
| background: rgba(var(--theme-page-background-color--rgb), 0.23); | |
| box-shadow: inset 0 0 10px rgba(var(--theme-page-background-color--rgb), 0.3); | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| width: 100%; | |
| z-index: 400; | |
| } | |
| body .page-side-tools__wrapper > *{ | |
| display: none; | |
| } | |
| body .mw-notification-area{ | |
| top: 50px; | |
| } | |
| .page-side-tools__wrapper > #searchform{ | |
| display: flex; | |
| align-items: flex-end; | |
| margin: 3px; | |
| padding-left: 1px; | |
| } | |
| .page-side-tools__wrapper > #simpleSearch{ | |
| display: flex; | |
| align-items: center; | |
| margin: 0; | |
| } | |
| .page-side-tools__wrapper > #searchform #searchButton{ | |
| background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2212%22 height=%2213%22%3E %3Cg fill=%22none%22 stroke=%22%2354595d%22 stroke-width=%222%22%3E %3Cpath d=%22M11.29 11.71l-4-4%22/%3E %3Ccircle cx=%225%22 cy=%225%22 r=%224%22/%3E %3C/g%3E %3C/svg%3E"); | |
| background-position: center center; | |
| background-repeat: no-repeat; | |
| background-color: transparent; | |
| background-size: 14px 14px; | |
| color: transparent; | |
| cursor: pointer; | |
| width: 20px; | |
| height: 20px; | |
| border: 0; | |
| padding: 0; | |
| margin-left: -21px; | |
| } | |
| #searchInput { | |
| border-radius: 3px; | |
| border: 1px solid rgba(var(--theme-page-text-color--rgb),0.2); | |
| background: var(--theme-page-background-color--secondary); | |
| width: 15vw; | |
| min-width: 11.5em; | |
| max-width: 20em; | |
| padding: 3px 20px 3px 3px; | |
| font-size: 14px; | |
| color: unset; | |
| transition: border-color 250ms; | |
| } | |
| #searchInput:hover, #searchInput:focus { | |
| outline: 0; | |
| border-color: var(--theme-page-text-mix-color); | |
| } | |
| .theme-fandomdesktop-dark .suggestions-results, | |
| .theme-fandomdesktop-dark .suggestions-special { | |
| background-color: var(--theme-page-background-color--secondary); | |
| border-color: rgba(var(--theme-page-text-color--rgb),0.2); | |
| } | |
| .theme-fandomdesktop-dark .suggestions-result { | |
| background-color: var(--theme-page-background-color--secondary); | |
| color: var(--theme-page-text-color); | |
| } | |
| .theme-fandomdesktop-dark .suggestions-result-current { | |
| background-color: var(--theme-accent-color); | |
| color: var(--theme-page-text-color); | |
| } | |
| .theme-fandomdesktop-dark .suggestions-special .special-label { | |
| color: var(--theme-page-text-color--hover); | |
| } | |
| .theme-fandomdesktop-dark .suggestions-special .special-query { | |
| color: var(--theme-page-text-color); | |
| } | |
| .theme-fandomdesktop-dark .suggestions-result-current .special-label { | |
| color: var(--theme-link-color--hover); | |
| } | |
| .theme-fandomdesktop-dark .suggestions-result .highlight { | |
| color: var(--theme-link-color); | |
| font-weight: 400; | |
| } | |
| body .page-side-tools__wrapper > ul{ | |
| display: flex; | |
| } | |
| body .page-side-tools__wrapper > .left-tabs{ | |
| flex: 1 0 auto; | |
| } | |
| body .page-side-tools__wrapper > .right-tabs{ | |
| flex: 0 0 auto; | |
| justify-content: flex-end; | |
| } | |
| body .page-side-tools__wrapper a > svg{ | |
| display: none; | |
| } | |
| body .page-side-tools__wrapper a{ | |
| color: var(--theme-page-text-color); | |
| } | |
| body .page-side-tools__wrapper .wds-dropdown__toggle > .wds-icon{ | |
| margin-left: 3px; | |
| fill: var(--theme-page-text-mix-color); | |
| } | |
| body .page-side-tools__wrapper > ul > li{ | |
| background: rgba(var(--theme-page-background-color--rgb), 0.4); | |
| margin: 8px 4px 0; | |
| border-radius: 5px 5px 0 0; | |
| border: 1px solid rgba(var(--theme-page-text-color--rgb),0.2); | |
| border-bottom-width: 0; | |
| } | |
| .page-side-tools__wrapper > ul > li.selected{ | |
| background: var(--theme-page-background-color); | |
| border-bottom-color: var(--theme-page-background-color); | |
| border-bottom-width: 1px; | |
| margin-bottom: -1px; | |
| } | |
| .page-side-tools__wrapper > ul > li > a, | |
| .page-side-tools__wrapper > ul > li.wds-dropdown > .wds-dropdown__toggle{ | |
| display: block; | |
| line-height: 30px; | |
| height: 30px; | |
| padding: 3px 6px 0; | |
| cursor: pointer; | |
| } | |
| .page-side-tools__wrapper > ul > li.wds-dropdown > .wds-dropdown__toggle:hover{ | |
| text-decoration: underline; | |
| } | |
| .page-side-tools__wrapper .wds-dropdown__content .wds-list > li{ | |
| margin: 0; | |
| } | |
| .page-side-tools__wrapper .wds-dropdown__content{ | |
| max-width: none; | |
| min-width: 0; | |
| background: rgba(var(--theme-page-background-color--rgb),0.96); | |
| box-shadow: 0 0 10px -2px var(--wds-dropdown-border-color); | |
| border-radius: 0 0 5px 5px; | |
| border: 0; | |
| padding: 4px; | |
| z-index: 450; | |
| } | |
| .page-side-tools__wrapper .wds-dropdown__content:not(.wds-is-not-scrollable) .wds-list{ | |
| background: none; | |
| max-height: none; | |
| } | |
| .page-side-tools__wrapper .wds-dropdown::before, | |
| .page-side-tools__wrapper .wds-dropdown::after, | |
| .page-side-tools__wrapper .wds-dropdown:not(.wds-is-touch-device):not(.wds-is-not-hoverable):hover:not(.wds-no-chevron)::before, | |
| .page-side-tools__wrapper .wds-dropdown:not(.wds-is-touch-device):not(.wds-is-not-hoverable):hover:not(.wds-no-chevron)::after, | |
| .page-side-tools__wrapper .wds-dropdown .wds-dropdown__content:not(.wds-is-not-scrollable) .wds-list::before, | |
| .page-side-tools__wrapper .wds-dropdown .wds-dropdown__content:not(.wds-is-not-scrollable) .wds-list::after{ | |
| display: none; | |
| } | |
| .page-side-tools__wrapper #ca-share #socialIconImages{ | |
| margin: -4px 0; | |
| } | |
| .page-side-tools__wrapper #ca-share #socialIconImages > a{ | |
| margin: 8px 4px; | |
| display: block; | |
| } | |
| .page-side-tools__wrapper #ca-share #socialIconImages > a img{ | |
| display: block; | |
| width: 40px; | |
| height: 40px; | |
| } | |
| .page-side-tools__wrapper .right-tabs .wds-dropdown__content{ | |
| -webkit-transform: none; | |
| transform: none; | |
| left: 0; | |
| right: auto; | |
| } | |
| .right-tabs .tools-customize{ | |
| font-size: 10px; | |
| display: flex; | |
| align-items: center; | |
| justify-content: center; | |
| color: var(--theme-page-text-mix-color); | |
| } | |
| .page-side-tools__wrapper .wds-dropdown__content .wds-list > li.tools-customize{ | |
| margin: 6px 0 2px; | |
| } | |
| .right-tabs .tools-customize svg{ | |
| margin-right: 2px; | |
| width: 10px; | |
| height: 10px; | |
| min-width: 10px; | |
| } | |
| .wds-dropdown__content .wds-list.wds-is-linked > li.tools-customize > a:not(.wds-button){ | |
| color: var(--theme-page-text-mix-color); | |
| padding: 2px 0; | |
| } | |
| .wds-dropdown__content .wds-list.wds-is-linked > li.tools-customize:hover > a:not(.wds-button){ | |
| background: none; | |
| color: inherit; | |
| } | |
| .right-tabs > .mw-watchlink a{ | |
| width: 32px; | |
| padding: 7px 5px; | |
| color: transparent; | |
| overflow: hidden; | |
| background-repeat: no-repeat; | |
| background-size: 16px 16px; | |
| background-position: center 9px; | |
| } | |
| .right-tabs > .mw-watchlink#ca-unwatch a { | |
| background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2216%22 height=%2216%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22%3E %3Cdefs%3E %3ClinearGradient id=%22a%22%3E %3Cstop offset=%220%22 stop-color=%22%23c2edff%22/%3E %3Cstop offset=%22.5%22 stop-color=%22%2368bdff%22/%3E %3Cstop offset=%221%22 stop-color=%22%23fff%22/%3E %3C/linearGradient%3E %3ClinearGradient id=%22b%22 x1=%2213.47%22 x2=%224.596%22 y1=%2214.363%22 y2=%223.397%22 xlink:href=%22%23a%22 gradientUnits=%22userSpaceOnUse%22/%3E %3C/defs%3E %3Cpath fill=%22url%28%23b%29%22 stroke=%22%237cb5d1%22 stroke-width=%22.99992%22 d=%22M8.103 1.146l2.175 4.408 4.864.707-3.52 3.431.831 4.845-4.351-2.287-4.351 2.287.831-4.845-3.52-3.431 4.864-.707z%22/%3E %3C/svg%3E") | |
| } | |
| .right-tabs > .mw-watchlink#ca-watch a { | |
| background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2216%22 height=%2216%22%3E %3Cpath fill=%22%23fff%22 stroke=%22%237cb5d1%22 stroke-width=%22.99992%22 d=%22M8.103 1.146l2.175 4.408 4.864.707-3.52 3.431.831 4.845-4.351-2.287-4.351 2.287.831-4.845-3.52-3.431 4.864-.707z%22/%3E %3C/svg%3E") | |
| } | |
| .right-tabs > .mw-watchlink#ca-unwatch a:hover, | |
| .right-tabs > .mw-watchlink#ca-unwatch a:focus { | |
| background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2216%22 height=%2216%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22%3E %3Cdefs%3E %3ClinearGradient id=%22a%22%3E %3Cstop offset=%220%22 stop-color=%22%23c2edff%22/%3E %3Cstop offset=%22.5%22 stop-color=%22%2368bdff%22/%3E %3Cstop offset=%221%22 stop-color=%22%23fff%22/%3E %3C/linearGradient%3E %3ClinearGradient id=%22b%22 x1=%2213.47%22 x2=%224.596%22 y1=%2214.363%22 y2=%223.397%22 xlink:href=%22%23a%22 gradientUnits=%22userSpaceOnUse%22/%3E %3C/defs%3E %3Cpath fill=%22url%28%23b%29%22 stroke=%22%23c8b250%22 stroke-width=%22.99992%22 d=%22M8.103 1.146l2.175 4.408 4.864.707-3.52 3.431.831 4.845-4.351-2.287-4.351 2.287.831-4.845-3.52-3.431 4.864-.707z%22/%3E %3C/svg%3E") | |
| } | |
| .right-tabs > .mw-watchlink#ca-watch a:hover, | |
| .right-tabs > .mw-watchlink#ca-watch a:focus { | |
| background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2216%22 height=%2216%22%3E %3Cpath fill=%22%23fff%22 stroke=%22%23c8b250%22 stroke-width=%22.99992%22 d=%22M8.103 1.146l2.175 4.408 4.864.707-3.52 3.431.831 4.845-4.351-2.287-4.351 2.287.831-4.845-3.52-3.431 4.864-.707z%22/%3E %3C/svg%3E") | |
| } | |
| .right-tabs > .mw-watchlink#ca-unwatch a.loading, | |
| .right-tabs > .mw-watchlink#ca-watch a.loading { | |
| background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2216%22 height=%2216%22%3E %3Cpath fill=%22%23fff%22 stroke=%22%23c8ccd1%22 stroke-width=%22.99992%22 d=%22M8.103 1.146l2.175 4.408 4.864.707-3.52 3.431.831 4.845-4.351-2.287-4.351 2.287.831-4.845-3.52-3.431 4.864-.707z%22/%3E %3C/svg%3E"); | |
| animation:rotate 700ms infinite linear; | |
| outline:0; | |
| cursor:default; | |
| pointer-events:none; | |
| transform-origin:50% 57%; | |
| } | |
| body .page-header, body div#content{ | |
| padding-left: 24px; | |
| padding-right: 24px; | |
| background: var(--theme-page-background-color); | |
| } | |
| .page-side-tools__wrapper:first-child + .page-header, | |
| .page-side-tools__wrapper:first-child + div#content{ | |
| border-top: 1px solid rgba(var(--theme-page-text-color--rgb),0.13); | |
| } | |
| body #userProfileApp{ | |
| background: var(--theme-page-background-color); | |
| position: relative; | |
| } | |
| body #userProfileApp:after{ | |
| content: ""; | |
| display: block; | |
| width: 100%; | |
| height: 12px; | |
| background: var(--theme-page-background-color); | |
| position: absolute; | |
| top: 100%; | |
| left: 0; | |
| } | |
| body.skin-fandomdesktop .page-header{ | |
| margin-bottom: 0; | |
| } | |
| .page-header__bottom{ | |
| padding-top: 24px; | |
| } | |
| div#content{ | |
| padding-top: 1em; | |
| padding-bottom: 1em; | |
| } | |
| body .page-footer{ | |
| margin: 0; | |
| } | |
| .page-footer .page-footer__categories{ | |
| margin: 0; | |
| background: var(--theme-page-background-color); | |
| border: 24px solid var(--theme-page-background-color); | |
| border-top: 0; | |
| } | |
| .page-footer .license-description{ | |
| background: rgba(var(--theme-page-background-color--rgb), 0.65); | |
| padding: 24px; | |
| margin: 0; | |
| } | |
| #hydralize-size-toggle{ | |
| display: flex; | |
| width: 26px; | |
| height: 26px; | |
| cursor: pointer; | |
| align-items: center; | |
| justify-content: center; | |
| border-radius: 5px; | |
| margin: 4px 4px 4px 3px; | |
| } | |
| #hydralize-size-toggle:hover{ | |
| background-color: rgba(255,255,255,0.6); | |
| } | |
| #hydralize-size-toggle svg:first-child, | |
| .hydralize-content-expanded #hydralize-size-toggle svg:last-child{ | |
| display: none; | |
| } | |
| #hydralize-size-toggle svg:last-child, | |
| .hydralize-content-expanded #hydralize-size-toggle svg:first-child{ | |
| display: block; | |
| } | |
| body.hydralize-content-expanded .main-container .resizable-container { | |
| grid-template-columns: 0 1fr; | |
| } | |
| body.hydralize-content-expanded .main-container .community-header-wrapper{ | |
| overflow: hidden; | |
| } | |
| /* ve-fd-header */ | |
| .ve-fd-header > .ve-fd-header__actions > .ve-header-action-item{ | |
| margin-right: 0; | |
| } | |
| .ve-fd-header > .ve-fd-header__actions .ve-ui-pageActionsPopupButtonWidget{ | |
| display: none; | |
| } | |
| /*search suggest*/ | |
| .suggestions a.mw-searchSuggest-link,.suggestions a.mw-searchSuggest-link:hover,.suggestions a.mw-searchSuggest-link:active,.suggestions a.mw-searchSuggest-link:focus{color:#000;text-decoration:none}.suggestions-result-current a.mw-searchSuggest-link,.suggestions-result-current a.mw-searchSuggest-link:hover,.suggestions-result-current a.mw-searchSuggest-link:active,.suggestions-result-current a.mw-searchSuggest-link:focus{color:#fff}.suggestions a.mw-searchSuggest-link .special-query{ overflow:hidden;text-overflow:ellipsis;white-space:nowrap} | |
| /*js review gadget*/ | |
| .skin-fandomdesktop .wrap-content-review__widget{ | |
| background: var(--theme-page-background-color); | |
| padding: 1em 24px 0; | |
| } | |
| .skin-fandomdesktop .content-review__widget{ | |
| margin-top: 0; | |
| padding: 1em; | |
| background: var(--theme-page-background-color--secondary); | |
| position: relative; | |
| } | |
| .skin-fandomdesktop .content-review__widget::after{ | |
| content: ""; | |
| display: table; | |
| clear: both; | |
| } | |
| .content-review__widget .content-review__widget__title{ | |
| margin-bottom: 0; | |
| padding-left: 0; | |
| } | |
| .content-review__widget .content-review__widget__submit{ | |
| float: left; | |
| margin-top: 2em; | |
| } | |
| .content-review__widget .content-review__widget__submit button{ | |
| border-color: currentColor; | |
| } | |
| .content-review__widget .content-review__widget__test-mode{ | |
| float: left; | |
| margin-top: 2em; | |
| } | |
| .content-review__widget .content-review__widget__submit + .content-review__widget__test-mode{ | |
| margin-left: 2em; | |
| } | |
| .content-review__widget .content-review__widget__help{ | |
| position: absolute; | |
| right: 1em; | |
| bottom: 0.75em; | |
| } | |
| .skin-fandomdesktop .wrap-content-review__widget + div#content{ | |
| padding-top: 0; | |
| } | |
| /* this part is my code */ | |
| .resizable-container > div:empty { | |
| display: none | |
| } | |
| `; | |
| GM_addStyle(style); | |
| let el = document.createElement("script"); | |
| el.text = ` | |
| $(function(){ | |
| if( mw.config.get("skin") !== "fandomdesktop" ){ | |
| return; | |
| } | |
| if("ontouchstart" in window){ // only when this is not registered in common.js | |
| return; | |
| } | |
| //this is much faster than mw.loadMessage | |
| var l10n = (function(){ | |
| var data = { | |
| en: { | |
| watchlist: 'My Watchlist', // in my account droplist | |
| view: 'View', // in right tabs | |
| more: 'More', // in right tabs | |
| share: 'Share', // in left tabs | |
| pagetools: 'Page Tools', // in sidebar, section heading | |
| whatlinkshere: 'What links here', | |
| 'cargo-pagevalues': 'Page values', //in sidebar, under "Page Tools" | |
| 'recentchangeslinked': 'Related changes', //in sidebar, under "Page Tools" | |
| 'log': 'Logs', | |
| searchText: 'Search '+mw.config.get('wgSiteName'), //placeholder for search box | |
| searchGo: 'Go', //text for search button in search box | |
| searchGoTitle: 'Go to a page with this exact name if it exists', //hover text for search button | |
| darkTheme: 'Dark Theme', | |
| lightTheme: 'Light Theme' | |
| }, | |
| zh: { | |
| watchlist: '我的监视列表', | |
| view: '查看', | |
| more: '更多', | |
| share: '分享', | |
| pagetools: '页面工具', | |
| whatlinkshere: '链入页面', | |
| 'cargo-pagevalues': '页面值', | |
| 'recentchangeslinked': '相关更改', | |
| 'log': '日志', | |
| searchText: '搜索 '+mw.config.get('wgSiteName'), | |
| searchGo: '搜索', | |
| searchGoTitle: '若存在标题完全匹配的页面，则直接前往该页面', | |
| darkTheme: '黑暗主题', | |
| lightTheme: '明亮主题' | |
| } | |
| }; | |
| var lang = mw.config.get("wgUserLanguage"); | |
| return function (key) { | |
| // (null==undefined) is true,(null===undefined) is false | |
| return (data[lang] && data[lang][key] != null) ? data[lang][key] : data.en[key]; | |
| }; | |
| })(); | |
| //unused, remove | |
| $('.fandom-sticky-header').remove(); | |
| (function(){ | |
| var $netbar = $('.global-navigation__links'); | |
| //move gp logo to top bar | |
| $('.fandom-community-header__top-container').appendTo($netbar); | |
| //move wiki tools to aside: | |
| var $box = $('.fandom-community-header__local-navigation > ul').find('.explore-menu'); | |
| var $wikitools = $('.wiki-tools').first().find('a').removeClass('wds-button'); | |
| // theme switch to top bar | |
| var $themeswitch = $wikitools.filter('.wiki-tools__theme-switch').appendTo($netbar); | |
| // .appendTo($netbar); $('.wiki-tools').first() | |
| // .find('a').removeClass('wds-button') | |
| // .appendTo($box).wrap('<li></li>') | |
| // .filter('.wiki-tools__theme-switch') | |
| // .appendTo($netbar); | |
| var $recent = $wikitools.filter('[data-tracking="recent-changes"]').first().wrap('<li></li>'); | |
| // $('<span></span>', {text: $recent.attr('title').split('[')[0]}).appendTo($recent.empty()); | |
| // sort in this way: main - recent - random - all | |
| $box.find('a[data-tracking="explore-main-page"]').parent().after( | |
| $recent.parent(), | |
| $box.find('a[data-tracking="explore-random"]').parent() | |
| ); | |
| $wikitools.not('.wiki-tools__theme-switch, [data-tracking="recent-changes"]').appendTo($box.find('.wds-list')).wrap('<li></li>'); | |
| //theme switch without reloading: | |
| var s = document.createElementNS('http://www.w3.org/2000/svg', 'symbol'); | |
| if(!$('#wds-icons-moon-small').length){ | |
| $(s).attr({id:"wds-icons-moon-small", viewbox:"0 0 18 18"}).html('<path d="M9 17C6.97016 16.9786 5.02436 16.1863 3.55687 14.7837C2.08938 13.3812 1.20995 11.4732 1.09679 9.44639C0.983621 7.41959 1.64518 5.42556 2.94741 3.86835C4.24965 2.31113 6.09516 1.3072 8.11 1.05996C8.30858 1.03515 8.51004 1.07049 8.68832 1.16141C8.86659 1.25233 9.01349 1.39465 9.11 1.56996C9.204 1.74498 9.24374 1.94403 9.22414 2.14172C9.20455 2.33942 9.12652 2.5268 9 2.67996C8.3519 3.47677 7.99868 4.47286 8 5.49996C8.00265 6.69263 8.4776 7.83568 9.32094 8.67903C10.1643 9.52237 11.3073 9.99732 12.5 9.99996C13.5271 10.0013 14.5232 9.64806 15.32 8.99996C15.4742 8.87503 15.6621 8.7988 15.8598 8.78099C16.0574 8.76319 16.2559 8.8046 16.43 8.89996C16.6053 8.99648 16.7476 9.14337 16.8386 9.32165C16.9295 9.49993 16.9648 9.70138 16.94 9.89996C16.719 11.8518 15.7877 13.6541 14.3234 14.9635C12.8591 16.2728 10.9643 16.9977 9 17V17ZM6.27 3.64996C5.42973 4.08218 4.70343 4.70674 4.15023 5.47279C3.59703 6.23884 3.23257 7.12471 3.08655 8.05828C2.94053 8.99184 3.01706 9.94669 3.30992 10.8451C3.60278 11.7435 4.10368 12.56 4.77183 13.2281C5.43999 13.8963 6.2565 14.3972 7.15489 14.69C8.05328 14.9829 9.00813 15.0594 9.94169 14.9134C10.8753 14.7674 11.7611 14.4029 12.5272 13.8497C13.2932 13.2965 13.9178 12.5702 14.35 11.73C13.7498 11.9098 13.1265 12.0007 12.5 12C10.7769 11.9973 9.12515 11.3116 7.90673 10.0932C6.68832 8.87482 6.00265 7.22306 6 5.49996C5.99925 4.87342 6.09021 4.25015 6.27 3.64996V3.64996Z"/>').appendTo($('body > svg').first()); | |
| } | |
| if(!$('#wds-icons-sun-small').length){ | |
| $(s).attr({id:"wds-icons-sun-small", viewbox:"0 0 18 18"}).html('<path d="M9,14a5,5,0,1,1,5-5A5,5,0,0,1,9,14ZM9,6a3,3,0,1,0,3,3A3,3,0,0,0,9,6Zm.2-4a.64.64,0,0,0,.18-.06l.18-.09.15-.12A1.05,1.05,0,0,0,10,1,1,1,0,0,0,9.92.62,1,1,0,0,0,9.71.29L9.56.17,9.38.08A.64.64,0,0,0,9.2,0a1,1,0,0,0-.58.06,1.15,1.15,0,0,0-.33.21,1,1,0,0,0-.21.33A1,1,0,0,0,8,1a1,1,0,0,0,.08.38,1.15,1.15,0,0,0,.21.33A1.05,1.05,0,0,0,9,2Zm.51,15.73a1.15,1.15,0,0,0,.21-.33A1,1,0,0,0,10,17a1,1,0,0,0-1.71-.71A1.05,1.05,0,0,0,8,17a1,1,0,0,0,.08.38,1.15,1.15,0,0,0,.21.33,1,1,0,0,0,1.42,0Zm8-8a1.58,1.58,0,0,0,.12-.15.76.76,0,0,0,.09-.18A.64.64,0,0,0,18,9.2,1.5,1.5,0,0,0,18,9a1,1,0,1,0-2,0,1.5,1.5,0,0,0,0,.2.64.64,0,0,0,.06.18.76.76,0,0,0,.09.18l.12.15a1,1,0,0,0,1.42,0Zm-16,0,.12-.15a.76.76,0,0,0,.09-.18A.64.64,0,0,0,2,9.2,1.5,1.5,0,0,0,2,9a.84.84,0,0,0-.08-.38,1,1,0,0,0-.21-.33,1,1,0,0,0-1.42,0,1,1,0,0,0-.21.33A1,1,0,0,0,0,9a1.5,1.5,0,0,0,0,.2.64.64,0,0,0,.06.18.76.76,0,0,0,.09.18l.12.15a1,1,0,0,0,.33.21A.84.84,0,0,0,1,10,1.05,1.05,0,0,0,1.71,9.71ZM14.85,4.32,15,4.27a1,1,0,0,0,.17-.1.44.44,0,0,0,.15-.12l.13-.15a1.4,1.4,0,0,0,.09-.17,1.39,1.39,0,0,0,.06-.19,1.36,1.36,0,0,0,0-.2A1,1,0,0,0,15.58,3a.87.87,0,0,0-.22-.32.64.64,0,0,0-.15-.13A.91.91,0,0,0,15,2.42l-.19-.06a1,1,0,0,0-.58.06.87.87,0,0,0-.32.22,1,1,0,0,0-.29.7.68.68,0,0,0,0,.2,1.33,1.33,0,0,0,.05.19l.1.17a.79.79,0,0,0,.12.15,1,1,0,0,0,.32.22,1.07,1.07,0,0,0,.39.07A.62.62,0,0,0,14.85,4.32Zm-10.8,11a1,1,0,0,0,.29-.7,1.07,1.07,0,0,0-.07-.39A1,1,0,0,0,4.05,14a1,1,0,0,0-1.41,0,.87.87,0,0,0-.22.32,1.09,1.09,0,0,0-.08.39,1,1,0,0,0,.08.38.87.87,0,0,0,.22.32,1,1,0,0,0,1.41,0Zm11.31,0a1,1,0,0,0,.3-.7,1.09,1.09,0,0,0-.08-.39.87.87,0,0,0-.22-.32A1,1,0,0,0,14,14a1,1,0,0,0-.22.32,1.07,1.07,0,0,0-.07.39,1,1,0,0,0,.07.38,1,1,0,0,0,.22.32,1,1,0,0,0,1.41,0ZM4.05,4.05a.79.79,0,0,0,.12-.15l.1-.17a1.33,1.33,0,0,0,.05-.19.68.68,0,0,0,0-.2,1,1,0,0,0-.29-.7.87.87,0,0,0-.32-.22,1,1,0,0,0-.77,0,.87.87,0,0,0-.32.22A.87.87,0,0,0,2.42,3a1,1,0,0,0-.08.38,1.36,1.36,0,0,0,0,.2l.06.19a1.4,1.4,0,0,0,.09.17l.13.15A1,1,0,0,0,3,4.27a1,1,0,0,0,1.09-.22Z"/>').appendTo($('body > svg').first()); | |
| } | |
| $themeswitch.on('click', function(event){ | |
| event.preventDefault(); | |
| var targetTheme = $("body").hasClass("theme-fandomdesktop-light") ? "dark" : "light"; | |
| var $this = $(this); | |
| $.when( | |
| $.get(mw.util.wikiScript("wikia") + "?controller=ThemeApi&method=themeVariables&variant=" + targetTheme + "&cb=" + (new Date().getTime())), | |
| $.get(mw.util.wikiScript("load") + "?modules=ext.fandom.DesignSystem.GlobalNavigation.brand." + targetTheme + ".css%7Cext.fandom.DesignSystem.brand." + targetTheme + ".css&only=styles") | |
| ).done(function(wikiCss, brandCss) { | |
| var combinedCss = wikiCss[0] + brandCss[0]; | |
| var $s = $("#theme-swapper")[0] || $("<style>").attr("id", "theme-swapper").appendTo("body"); | |
| $($s).text(combinedCss); | |
| $("body").removeClass("theme-fandomdesktop-light theme-fandomdesktop-dark").addClass("theme-fandomdesktop-" + targetTheme); | |
| $this.attr('title', targetTheme === "dark" ? l10n("lightTheme") : l10n("darkTheme")).empty().append($('<svg class="wds-icon wds-icon-small"><use xlink:href="#wds-icons-'+(targetTheme==="dark"?"sun":"moon")+'-small"></use></svg>')); | |
| var THEME_OPTION_NAME = "theme"; | |
| if(mw.user.isAnon()){ | |
| $.cookie(THEME_OPTION_NAME, targetTheme, {expires: 7, path: '/', domain: mw.config.get("wgCookieDomain")}); | |
| } | |
| else{ | |
| (new mw.Api()).saveOption(THEME_OPTION_NAME, targetTheme); | |
| } | |
| }); | |
| event.stopPropagation(); | |
| }); | |
| })(); | |
| (function(){ | |
| var $list = $('#global-navigation-user-signout').parent(); | |
| $('.wds-avatar').append($('<a></a>', {href: $list.find('a[data-tracking-label="account.profile"]').attr('href')})); | |
| var actions = mw.config.get('wgWikiaPageActions') || []; | |
| for(var i in actions){ | |
| var info = actions[i]; | |
| if(info.id === 'special:watchlist'){ | |
| $('<li></li>').append($('<a></a>', {text: l10n('watchlist'), href: info.href})).insertBefore($list.find('[data-tracking-label="account.talk"]').parent()); | |
| break; | |
| } | |
| } | |
| })(); | |
| // js review gadget: | |
| $('.content-review__widget').insertBefore($('#content')).wrap('<div class="wrap-content-review__widget"></div>'); | |
| //index wiki nav sections:(for collapsed/expanded status memory) | |
| $(".fandom-community-header__local-navigation > ul > .wds-dropdown").each(function(index, div){ | |
| div.dataset.index = index; | |
| if($.cookie('hydra-nav-'+index) === "y"){ | |
| $(div).addClass('collapsed').find('.wds-dropdown__content').css('display', 'none'); | |
| } | |
| }); | |
| //build page tools on aside (faster than move from right rail after it loaded.) | |
| (function(){ | |
| var tools = mw.config.get("wgRailModuleParams"); | |
| if(tools){ | |
| tools = tools.toolbox; | |
| } | |
| else{ | |
| tools = mw.config.get("wgWikiaBarSkinData").navUrls; | |
| } | |
| delete tools.mainpage; | |
| delete tools.upload; | |
| delete tools.specialpages; | |
| var $box = $( | |
| '<li class="wds-dropdown" data-index="pagetools">'+ | |
| '<div class="wds-tabs__tab-label wds-dropdown__toggle first-level-item">'+ | |
| '<a href="#"><span>'+l10n('pagetools')+'</span></a>'+ | |
| '<svg class="wds-icon wds-icon-tiny wds-dropdown__toggle-chevron"><use xlink:href="#wds-icons-dropdown-tiny"></use></svg>'+ | |
| '</div>'+ | |
| '<div class="wds-dropdown__content wds-is-not-scrollable">'+ | |
| '<ul class="wds-list wds-is-linked"></ul>'+ | |
| '</div>'+ | |
| '</li>') | |
| .appendTo($('.fandom-community-header__local-navigation > ul')) | |
| .find('ul.wds-list'); | |
| $.each(tools, function(key, item){ | |
| if(!item){ | |
| return; | |
| } | |
| $('<a></a>', { | |
| href: item.href, | |
| text: item.text || l10n(key) || item.msg, | |
| id: item.id || 't-'+key, | |
| rel: item.rel | |
| }).appendTo($box).wrap('<li></li>'); | |
| }); | |
| if($box.children().length === 0){ | |
| $box.closest('div.wds-dropdown').remove(); | |
| } | |
| else{ | |
| if($.cookie('hydra-nav-pagetools') === "y"){ | |
| $box.closest('.wds-dropdown').addClass('collapsed') | |
| .find('.wds-dropdown__content').css('display', 'none'); | |
| } | |
| $box | |
| .prepend( $box.find('#t-whatlinkshere').parent(), $box.find('#t-recentchangeslinked').parent() ) | |
| .append( $box.find('#t-info').parent(), $box.find('#t-cargopagevalueslink').parent() ); | |
| } | |
| })(); | |
| //move language interwiki links to aside: | |
| (function(){ | |
| var $languages = $('.page-footer__languages'); | |
| if(!$languages.length){ return; } | |
| var $header = $languages.find('.wds-collapsible-panel__header'); | |
| var $box = $( | |
| '<li class="wds-dropdown" data-index="languages">'+ | |
| '<div class="wds-tabs__tab-label wds-dropdown__toggle first-level-item">'+ | |
| '<a href="#"><span>'+$header.text()+'</span></a>'+ | |
| '<svg class="wds-icon wds-icon-tiny wds-dropdown__toggle-chevron"><use xlink:href="#wds-icons-dropdown-tiny"></use></svg>'+ | |
| '</div>'+ | |
| '<div class="wds-dropdown__content wds-is-not-scrollable">'+ | |
| '<ul class="wds-list wds-is-linked"></ul>'+ | |
| '</div>'+ | |
| '</li>') | |
| .appendTo($('.fandom-community-header__local-navigation > ul')) | |
| .find('ul.wds-list'); | |
| $header.remove(); | |
| $languages.find('.wds-collapsible-panel__content a') | |
| .appendTo($box).wrap('<li></li>'); | |
| if($.cookie('hydra-nav-languages') === "y"){ | |
| $languages.addClass('collapsed') | |
| .find('.wds-dropdown__content').css('display', 'none'); | |
| } | |
| })(); | |
| //click to toggle expand/collapse for local nav dropdown lists: | |
| $(".fandom-community-header__local-navigation").on("click", '.wds-dropdown__toggle.first-level-item', function(event){ | |
| event.stopPropagation(); | |
| var $item = $(this).closest('.wds-dropdown'); | |
| $item.toggleClass('collapsed').find('.wds-dropdown__content').slideToggle('fast'); | |
| $.cookie('hydra-nav-' + $item[0].dataset.index, $item.hasClass('collapsed')?"y":"n", {expires: 365, path: '/'}); | |
| }); | |
| //remove empty <li> from aside nav. | |
| $(".fandom-community-header__local-navigation li:empty").remove(); | |
| //build topbar. | |
| var $topbar = (function(){ | |
| var $topbar = $('.page-side-tools__wrapper'); | |
| if(!$topbar.length){ return; } | |
| var $left = $('<ul class="left-tabs"></ul>'); | |
| var $right = $( | |
| '<ul class="right-tabs">'+ | |
| '<li class="wds-dropdown">'+ | |
| '<div class="wds-dropdown__toggle"><span>' + l10n('more') + '</span><svg class="wds-icon wds-icon-tiny wds-dropdown__toggle-chevron"><use xlink:href="#wds-icons-dropdown-tiny"></use></svg></div>'+ | |
| '<div class="wds-dropdown__content"><ul class="wds-list wds-is-linked"></ul></div>'+ | |
| '</li>'+ | |
| '</ul>'); | |
| $topbar.empty().append($left, $right); | |
| var $more = $right.find('.wds-list'); | |
| var $cactions = $('#p-cactions'); | |
| var actions = mw.config.get('wgWikiaBarSkinData'); | |
| actions = actions && actions.contentActions; | |
| (function(){ | |
| if(!actions){ return; } | |
| //build left/right tabs: | |
| delete actions['cargo-purge']; //there is actions.purge already | |
| var $target = $left; | |
| $.each(actions, function(key, item){ | |
| if(key.substring(0,8) === 'varlang-'){ return; } //skip language variants | |
| if(key === 'share'){ | |
| $('<li class="wds-dropdown" id="ca-share">'+ | |
| '<div class="wds-dropdown__toggle">'+ | |
| '<span>' + l10n('share') + '</span>'+ | |
| '<svg class="wds-icon wds-icon-tiny wds-dropdown__toggle-chevron"><use xlink:href="#wds-icons-dropdown-tiny"></use></svg>'+ | |
| '</div>'+ | |
| '<div class="wds-dropdown__content">' + item.html + '</div>'+ | |
| '</li>').appendTo($left); | |
| return; | |
| } | |
| if(key === 'edit' || key === 'viewsource' || key === 'history' || key === 'addsection'){ | |
| $target = $right; | |
| }else if(!key.startsWith('nstab-') && !item.primary){ | |
| $target = $more; | |
| } | |
| var $z = $cactions.find('#'+item.id); | |
| if($z.length){ | |
| //reuse the item from the dropdown list | |
| $z.closest('li').attr('class', $z.attr('class')).appendTo($target); | |
| } | |
| else{ | |
| //build a new one | |
| var $a = $('<a></a>', { | |
| accesskey: item.accesskey, | |
| id: item.id, | |
| class: (item.class||'') + (item.exists===false?' new':''), | |
| href: item.href, | |
| text: item.text, | |
| }); | |
| if(item.data){ | |
| $.each(item.data, function(index) { | |
| $a.attr('data-'+index, item.data[index]); | |
| }); | |
| } | |
| $('<li></li>',{class: $a.attr('class')}).append($a).appendTo($target); | |
| } | |
| //workaround for watch/unwatch: take out watch/unwatch from more menu, and set id/class on li element to make mediawiki.page.watch.ajax work properly. | |
| var $watch = $more.find('a.mw-watchlink'); | |
| $watch.closest('li').addClass('mw-watchlink').attr('id', $watch.attr('id')).appendTo($right); | |
| $watch.attr('id', null); | |
| }); | |
| })(); | |
| //Is there anything left in "old" dropdown list? | |
| $cactions.find('ul li').appendTo($more); | |
| //removed old p-views area. | |
| $('#p-views').remove(); | |
| $more.attr('id', 'p-cactions'); | |
| $right.attr('id', 'p-views'); | |
| //need "view" for right tabs? | |
| (function(){ | |
| if(!(actions.edit || actions.viewsource)){ | |
| return; | |
| } | |
| var $view = $left.find('li.selected').clone().attr('id', 'ca-view').prependTo($right); | |
| $view.find('a').text(l10n('view')); | |
| if($right.find('li.selected').length > 1){ | |
| $view.removeClass('selected'); | |
| } | |
| })(); | |
| //language variants to left tabs (for some non-English languages such as Chinese) | |
| (function(){ | |
| var $variants = $('.page-header__top .page-header__variants .wds-dropdown'); | |
| if($variants.length === 0){ return; } | |
| $('<li class="wds-dropdown" id="p-variants"></li>').append($variants.children()).appendTo($left) | |
| .find('.wds-dropdown__toggle').children().first().wrap('<span></span>'); | |
| //move share to the end | |
| $left.find('#ca-share').appendTo($left); | |
| })(); | |
| //merge my tools bar to top right bar: | |
| (function(){ | |
| var $mytools = $('#WikiaBar ul.tools'); | |
| $mytools.find('li.overflow').each(function(index, li){ | |
| var $li = $(li); | |
| var $a = $li.find('a'); | |
| var id = $a.attr('id') || 'ca-'+$a.attr('data-name'); | |
| if(id){ | |
| if($right.find('#'+id).length){ | |
| return; | |
| } | |
| $a.attr('id', id); | |
| } | |
| $li.appendTo($li.parent().hasClass('wds-list') ? $more : $right); | |
| }); | |
| if($more.children().length){ | |
| $more.closest('.wds-dropdown').appendTo($right); //move more menu to the end | |
| mw.loader.using("ext.fandom.wikiaBar.js").then(function(){ | |
| $more.append($mytools.find('li.tools-customize')); | |
| }); | |
| } | |
| else{ | |
| $more.closest('.wds-dropdown').remove(); | |
| } | |
| })(); | |
| return $topbar; | |
| })(); //end toolbar | |
| //Search form: | |
| (function(){ | |
| /** taked from Joritochip's HydraRevived (https://dev.fandom.com/wiki/HydraRevived) **/ | |
| var sitename = mw.config.get('wgSiteName'); | |
| $('<form></form>', {action: mw.config.get('wgScript'), id: 'searchform'}).appendTo($topbar).append( | |
| $('<div></div>', {id: 'simpleSearch'}).append( | |
| $('<input/>', { | |
| type: 'search', | |
| name: 'search', | |
| placeholder: l10n('searchText'), | |
| title: l10n('searchText'), | |
| id: 'searchInput', | |
| tabindex: '1', | |
| accesskey: 'f', | |
| autocomplete: 'off' | |
| }), | |
| $('<input/>', { | |
| type: 'hidden', | |
| value: 'Special:Search', | |
| name: 'title' | |
| }), | |
| $('<input/>', { | |
| type: 'submit', | |
| name: 'go', | |
| value: l10n('searchGo'), | |
| title: l10n('searchGoTitle'), | |
| id: 'searchButton', | |
| class: 'searchButton' | |
| }) | |
| ) | |
| ); | |
| /* autocomplete | |
| * (based on mediawiki.searchSuggest: | |
| * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.searchSuggest/searchSuggest.js) | |
| */ | |
| var searchNS = $.map(mw.config.get('wgFormattedNamespaces'), function(nsName, nsID) { | |
| if (nsID >= 0 && mw.user.options.get('searchNs' + nsID)) { | |
| return Number(nsID); | |
| } | |
| }); | |
| mw.searchSuggest = { | |
| request: function(api, query, response, maxRows, namespace) { | |
| return api.get({ | |
| formatversion: 2, | |
| action: 'opensearch', | |
| search: query, | |
| namespace: namespace || searchNS, | |
| limit: maxRows, | |
| suggest: !0 | |
| }).done(function(data, jqXHR) { | |
| response(data[1], { | |
| type: jqXHR.getResponseHeader('X-OpenSearch-Type'), | |
| searchId: jqXHR.getResponseHeader('X-Search-ID'), | |
| query: query | |
| }); | |
| }); | |
| } | |
| }; | |
| var api, searchboxesSelectors, $searchRegion = $('#simpleSearch, #searchInput').first(), | |
| $searchInput = $('#searchInput'), | |
| previousSearchText = $searchInput.val(); | |
| function getFormData(context) { | |
| var $form, baseHref, linkParams; | |
| if (!context.formData) { | |
| $form = context.config.$region.closest('form'); | |
| baseHref = $form.attr('action'); | |
| baseHref += baseHref.indexOf('?') > -1 ? '&' : '?'; | |
| linkParams = $form. | |
| serializeObject(); | |
| context.formData = { | |
| textParam: context.data.$textbox.attr('name'), | |
| linkParams: linkParams, | |
| baseHref: baseHref | |
| }; | |
| } | |
| return context.formData; | |
| } | |
| function onBeforeUpdate() { | |
| var searchText = this.val(); | |
| if (searchText && searchText !== previousSearchText) { | |
| mw.track('mediawiki.searchSuggest', { | |
| action: 'session-start' | |
| }); | |
| } | |
| previousSearchText = searchText; | |
| } | |
| function getInputLocation(context) { | |
| return context.config.$region.closest('form').find('[data-search-loc]').data('search-loc') || 'header'; | |
| } | |
| function onAfterUpdate(metadata) { | |
| var context = this.data('suggestionsContext'); | |
| mw.track('mediawiki.searchSuggest', { | |
| action: 'impression-results', | |
| numberOfResults: context.config.suggestions.length, | |
| resultSetType: metadata.type || 'unknown', | |
| searchId: metadata.searchId || null, | |
| query: metadata.query, | |
| inputLocation: getInputLocation(context) | |
| }); | |
| } | |
| function renderFunction(text, context) { | |
| var formData = getFormData(context), | |
| textboxConfig = context.data.$textbox.data('mw-searchsuggest') || {}; | |
| formData.linkParams[formData.textParam] = text; | |
| mw.track( | |
| 'mediawiki.searchSuggest', { | |
| action: 'render-one', | |
| formData: formData, | |
| index: context.config.suggestions.indexOf(text) | |
| }); | |
| this.text(text); | |
| if (textboxConfig.wrapAsLink !== false) { | |
| this.wrap($('<a>').attr('href', formData.baseHref + $.param(formData.linkParams)).attr('title', text).addClass('mw-searchSuggest-link')); | |
| } | |
| } | |
| function selectFunction($input, source) { | |
| var context = $input.data('suggestionsContext'), | |
| text = $input.val(); | |
| if (source !== 'keyboard') { | |
| mw.track('mediawiki.searchSuggest', { | |
| action: 'click-result', | |
| numberOfResults: context.config.suggestions.length, | |
| index: context.config.suggestions.indexOf(text) | |
| }); | |
| } | |
| return true; | |
| } | |
| function specialRenderFunction(query, context) { | |
| var $el = this, | |
| formData = getFormData(context); | |
| formData.linkParams[formData.textParam] = query; | |
| mw.track('mediawiki.searchSuggest', { | |
| action: 'render-one', | |
| formData: formData, | |
| index: context.config.suggestions.indexOf(query) | |
| }); | |
| if ($el.children().length === 0) { | |
| $el.append($('<div>').addClass('special-label').text(mw.msg('searchsuggest-containing')), $('<div>').addClass( | |
| 'special-query').text(query)).show(); | |
| } else { | |
| $el.find('.special-query').text(query); | |
| } | |
| if ($el.parent().hasClass('mw-searchSuggest-link')) { | |
| $el.parent().attr('href', formData.baseHref + $.param(formData.linkParams) + '&fulltext=1'); | |
| } else { | |
| $el.wrap($('<a>').attr('href', formData.baseHref + $.param(formData.linkParams) + '&fulltext=1').addClass('mw-searchSuggest-link')); | |
| } | |
| } | |
| searchboxesSelectors = ['#searchInput', '.mw-searchInput']; | |
| $(searchboxesSelectors.join(', ')).suggestions({ | |
| fetch: function(query, response, maxRows) { | |
| var node = this[0]; | |
| api = api || new mw.Api(); | |
| $.data(node, 'request', mw.searchSuggest.request(api, query, response, maxRows)); | |
| }, | |
| cancel: function() { | |
| var node = this[0], | |
| request = $.data(node, 'request'); | |
| if (request) { | |
| request.abort(); | |
| $.removeData(node, 'request'); | |
| } | |
| }, | |
| result: { | |
| render: renderFunction, | |
| select: function() { | |
| return true; | |
| } | |
| }, | |
| update: { | |
| before: onBeforeUpdate, | |
| after: onAfterUpdate | |
| }, | |
| cache: !0, | |
| highlightInput: !0 | |
| }).on('paste cut drop', function() { | |
| $(this).trigger('keypress'); | |
| }).each(function() { | |
| var $this = $(this); | |
| $this.data( | |
| 'suggestions-context').data.$container.css('fontSize', $this.css('fontSize')); | |
| }); | |
| if ($searchRegion.length === 0) { | |
| return; | |
| } | |
| $searchInput.suggestions({ | |
| update: { | |
| before: onBeforeUpdate, | |
| after: onAfterUpdate | |
| }, | |
| result: { | |
| render: renderFunction, | |
| select: selectFunction | |
| }, | |
| special: { | |
| render: specialRenderFunction, | |
| select: function($input, source) { | |
| var context = $input.data('suggestionsContext'), | |
| text = $input.val(); | |
| if (source === 'mouse') { | |
| mw.track('mediawiki.searchSuggest', { | |
| action: 'click-result', | |
| numberOfResults: context.config.suggestions.length, | |
| index: context.config.suggestions.indexOf(text) | |
| }); | |
| } else { | |
| $input.closest('form').append($('<input>').prop({ | |
| type: 'hidden', | |
| value: 1 | |
| }).attr('name', 'fulltext')); | |
| } | |
| return true; | |
| } | |
| }, | |
| $region: $searchRegion | |
| }); | |
| $searchInput.closest('form').on('submit', function() { | |
| var context = $searchInput.data('suggestionsContext'); | |
| mw.track('mediawiki.searchSuggest', { | |
| action: 'submit-form', | |
| numberOfResults: context.config.suggestions.length, | |
| $form: context.config.$region.closest('form'), | |
| inputLocation: getInputLocation(context), | |
| index: context.config.suggestions.indexOf(context.data.$textbox.val()) | |
| }); | |
| }).find('.mw-fallbackSearchButton').remove(); | |
| })(); | |
| //expand? | |
| (function(){ | |
| $body = $('body'); | |
| $('<div id="hydralize-size-toggle">'+ | |
| '<svg class="wds-icon wds-icon-small"><use href="#wds-icons-zoom-out-small"></use></svg>'+ | |
| '<svg class="wds-icon wds-icon-small"><use href="#wds-icons-zoom-in-small"></use></svg>'+ | |
| '</div>') | |
| .prependTo($topbar) | |
| .on('click', function(){ | |
| $body.toggleClass('hydralize-content-expanded'); | |
| //$.cookie('hydralize-content-expanded', $body.hasClass('hydralize-content-expanded')?"y":"n", {expires: 365, path: '/'}); | |
| }); | |
| //$body.toggleClass('hydralize-content-expanded', $.cookie('hydralize-content-expanded') === "y"); | |
| })(); | |
| //add a flag class to body element for other scripts. | |
| $('body').addClass('hydralized'); | |
| }); //end $` | |
| document.head.appendChild(el); |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment