originally from https://terraria.fandom.com/wiki/MediaWiki:Gadget-hydralize.js
// ==UserScript==
// @name Hydralize
// @namespace https://github.com/bepvte
// @match *://*.fandom.com/*
// @version 1.4
// @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.body.appendChild(el);