User:Westgrass/common.css

@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-image: url(https://static.wikia.nocookie.net/terraria_gamepedia/images/6/6b/Terraria_forest_background.jpg/revision/latest); background-color: #B6D1B2; background-position: center bottom; background-size: cover; background-attachment: fixed; background-repeat: no-repeat; } html body.theme-fandomdesktop-dark{ background-image: linear-gradient(to right, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url("https://static.wikia.nocookie.net/terraria_gamepedia/images/c/c7/Terraria_mushroom_background.jpg/revision/latest"); 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, display: none; } .search-modal, .search-modal::before{ left: 0; top: 30px; }
 * 1) WikiaBar{

.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; margin-top: var(--hydra-box-gap); } body .community-header-wrapper{ height: auto; justify-content: flex-start; margin-left: var(--hydra-box-gap); } body .main-container .resizable-container{ margin: 0; width: auto; max-width: none; display: grid; grid-template-columns: calc( var(--hydra-aside-width) + var(--hydra-box-gap) ) 1fr; } 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 #mixed-content-footer{ grid-column-start: 1; grid-column-end: 3; margin: 0; border-radius: 0; }

/* left aside */ .fandom-community-header{ display: flex; flex-direction: column; font-size: 12px; } .community-header-wrapper.wds-is-hidden, .ve-active .community-header-wrapper.wds-is-hidden, .fandom-community-header.wds-is-hidden{ display: flex !important; } .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; } body .fandom-community-header .fandom-community-header__local-navigation .large-navigation, body .fandom-community-header .fandom-community-header__local-navigation .medium-navigation, body .fandom-community-header .fandom-community-header__local-navigation .small-navigation{ display: none; } .fandom-community-header .fandom-community-header__local-navigation .extra-large-navigation{ display: block; margin: 0; color: var(--theme-page-text-color); line-height: 1.25; } .fandom-community-header__local-navigation .extra-large-navigation a{	color: var(--theme-page-text-color); } .fandom-community-header__local-navigation .extra-large-navigation a:hover{ color: var(--theme-page-text-color); text-decoration: underline; } .extra-large-navigation > div{ 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  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-2__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-2 .wds-dropdown-level-2__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-2 .wds-dropdown-level-2__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; 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: 5px; padding-left: 2px; } .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; }	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; }	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); }
 * 1) searchInput {
 * 1) searchInput:hover, #searchInput:focus {

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; }

background-size: 20px 20px; background-repeat: no-repeat; background-position: center center; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' style='width:24px;height:24px' viewBox='0 0 24 24'%3E%3Cpath fill='%23AAA' d='M20,22H22V2H20V11H5.83L11.33,5.5L9.92,4.08L2,12L9.92,19.92L11.33,18.5L5.83,13H20V22Z' /%3E%3C/svg%3E"); width: 30px; height: 30px; border-right: var(--hydra-netbar-border); margin-right: var(--hydra-box-gap); cursor: pointer; } .hydralize-content-expanded #hydralize-size-toggle{ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' style='width:24px;height:24px' viewBox='0 0 24 24'%3E%3Cpath fill='%23AAA' d='M4,2H2V22H4V13H18.17L12.67,18.5L14.08,19.92L22,12L14.08,4.08L12.67,5.5L18.17,11H4V2Z' /%3E%3C/svg%3E"); }
 * 1) hydralize-size-toggle{