User:NewAqua/global.css

/* Fixes */ border: none; background: none; }
 * 1) menu-portal_slider.ui-widget-content {

/* WikiaBar */ position: fixed !important; z-index: 399; }
 * 1) WikiaBar {

display: none; }
 * 1) WikiaBar .popover {

.WikiaBarWrapper { padding-right: 10px; right: 12px; transition: .5s; }

.WikiaBarWrapper .arrow .close-icon { bottom: 13px; outline: 4px solid var(--theme-accent-color); position: fixed !important; right: 12px; transition: .5s; z-index: 599; }

.WikiaBarWrapper.hidden { bottom: 9px; padding-left: 16px; right: -100%; transition: .5s; z-index: 399; }

.WikiaBarWrapper.hidden .arrow .close-icon { transform: rotate(45deg); }

.WikiaBarCollapseWrapper { display: none; }

/* .main-container:before { animation: snowfall 20s linear infinite; background-color: transparent; background-image: url('https://dev.fandom.com/wiki/Special:FilePath/Snow.png'), url('https://dev.fandom.com/wiki/Special:FilePath/Snow2.png'), url('https://dev.fandom.com/wiki/Special:FilePath/Snow3.png'); height: 100%; margin: 0; left: 0; pointer-events: none; position: fixed; width: 100%; z-index: -1; content: ""; }

@keyframes snowfall { 0%  {background-position: 0 0;} 100% {background-position: 500px 1000px, 300px 300px, 400px 400px;} }

/* ModernProfile */ /* Кнопка смены аватарки и анимации аватарок: @Не_кочан */ margin: -24px -36px 12px !important; }
 * 1) userProfileApp {

z-index: 1; }
 * 1) userProfileApp .user-identity-box__wrapper {

display: none; }
 * 1) userProfileApp .user-identity-box__wrapper .user-identity-avatar__actions {

padding: 22px 0 0 32px; z-index: 1; }
 * 1) userProfileApp .user-identity-avatar {

background-color: var(--theme-page-background-color--secondary) !important; border: solid 2px var(--theme-page-background-color--secondary) !important; border-radius: 50% !important; box-shadow: 0 3px 12px 0 rgb(0 0 0 / 30%); }
 * 1) userProfileApp .user-identity-avatar__image {

margin-left: -168px; }
 * 1) userProfileApp .user-identity-box__info {

align-items: center; background: rgba(var(--theme-page-text-color--rgb), .1); border-radius: 3px 0 0 0; display: flex; flex-direction: row; justify-content: flex-end; min-height: 38px; padding-left: 168px; position: relative; width: 100%; }
 * 1) userProfileApp .user-identity-header {

line-height: 29px; margin: 6px 0 6px 30px; }
 * 1) userProfileApp .user-identity-header__attributes {

line-height: 38px; }
 * 1) userProfileApp .user-identity-header h1 {

body.skin-fandomdesktop #userProfileApp .user-identity-header__tag { background-color: rgba(var(--theme-page-text-color--rgb), .2); margin-top: 6px; margin-bottom: 1px; }

background: transparent; border: none; border-radius: 18px; color: var(--theme-link-color); margin: 7px 7px 7px 0; padding: 9px 12px; }
 * 1) userProfileApp .user-identity-header .wds-button,
 * 2) userProfileApp .modal-wrapper__header .wds-is-square,
 * 3) userProfileApp .modal-wrapper__header .modal-wrapper__cta-button {

background: rgba(var(--theme-link-color--rgb), .15); }
 * 1) userProfileApp .user-identity-header .wds-button:hover,
 * 2) userProfileApp .modal-wrapper__header .wds-is-square:hover,
 * 3) userProfileApp .modal-wrapper__header .modal-wrapper__cta-button:hover {

margin-left: 198px; margin-right: 30px; }
 * 1) userProfileApp ul.user-identity-stats,
 * 2) userProfileApp .user-identity-bio,
 * 3) userProfileApp .user-bio-open-modal-button,
 * 4) userProfileApp ul.user-identity-social {

color: var(--theme-page-text-color) !important; }
 * 1) userProfileApp ul.user-identity-stats a {

content: none; }
 * 1) userProfileApp .user-identity-bio.overflow:before {

-webkit-box-orient: vertical; -webkit-line-clamp: 3; display: -webkit-box; }
 * 1) userProfileApp .user-identity-bio {

margin-bottom: 6px; transition: .3s; }
 * 1) userProfileApp .user-bio-open-modal-button {

color: var(--theme-link-color--hover); }
 * 1) userProfileApp .user-bio-open-modal-button:hover {

transition: .3s; }
 * 1) userProfileApp .user-identity-social__icon svg {

border-bottom: none; justify-content: center !important; margin-top: -18px; z-index: 1; }
 * 1) userProfileApp .user-profile-navigation {

border-bottom: 4px solid transparent; bottom: -4px; opacity: 1; padding: 0 !important; position: relative; transition: .3s; }
 * 1) userProfileApp .user-profile-navigation__link {

border-bottom: none; }
 * 1) userProfileApp .user-profile-navigation__link.is-active {

color: var(--theme-page-text-color) !important; display: block; font-weight: 500; height: 40px; padding: 10px 15px; }
 * 1) userProfileApp .user-profile-navigation__link a,
 * 2) userProfileApp .user-profile-navigation__link a:hover,
 * 3) userProfileApp .user-profile-navigation__link.is-active a {

background: var(--theme-link-color); border-radius: 5px; content: ""; display: block; height: 3px; margin: 3px auto 0 auto; transition: .3s; width: 60%; }
 * 1) userProfileApp .user-profile-navigation__link>a:after,
 * 2) userProfileApp .user-profile-navigation__link.is-active>a:after,
 * 3) userProfileApp .user-profile-navigation__link:not(.is-active):hover>a:after {

/* возможно когда-нибудь потом, когда кто-то захочет цветные полосы [class*=Margrel] #userProfileApp .user-profile-navigation__link a:after, [class*=Mionya] #userProfileApp .user-profile-navigation__link a:after, [class*=NewAqua] #userProfileApp .user-profile-navigation__link a:after { background: #fff !important; }

width: 0; }
 * 1) userProfileApp .user-profile-navigation__link:not(.is-active)>a:after {

width: 80%; }
 * 1) userProfileApp .user-profile-navigation__link.is-active:hover>a:after {

background: none; min-height: 462px; }
 * 1) userProfileApp .modal-wrapper {

background: rgba(var(--theme-page-text-color--rgb), .1); border: none; display: grid; padding: 0; grid-template-columns: min-content 1fr min-content; }
 * 1) userProfileApp .modal-wrapper__header {

margin-left: 194px; }
 * 1) userProfileApp .modal-wrapper__header .wds-is-square {

height: 16px; width: 16px; fill: var(--theme-link-color); }
 * 1) userProfileApp .modal-wrapper__icon-close,
 * 2) userProfileApp .modal-wrapper__icon-arrow {

padding: 0 !important; }
 * 1) userProfileApp .modal-wrapper__main {

top: -58px; padding: 6px 0 0 32px; }
 * 1) userProfileApp .user-profile-editor__avatar .user-identity-avatar {

height: 133px; left: 34px; top: 8px; width: 133px; }
 * 1) userProfileApp .user-identity-avatar__actions {

background-color: transparent; -webkit-box-shadow: none; box-shadow: none; height: 100%; transition: .3s; width: 100%; }
 * 1) userProfileApp .user-identity-avatar__actions .wds-floating-button {

background-color: #0005; }
 * 1) userProfileApp .user-identity-avatar__actions:hover .wds-floating-button {

fill: white; height: 133px; opacity: 0; padding: 57px; transition: .3s; width: 133px; }
 * 1) userProfileApp .user-identity-avatar__actions .wds-floating-button .wds-icon {

opacity: 1; padding: 57px; }
 * 1) userProfileApp .user-identity-avatar__actions:hover .wds-floating-button .wds-icon {

margin-top: -18px; }
 * 1) userProfileApp .user-profile-editor__form {

line-height: 46px; left: 30px; position: relative; }
 * 1) userProfileApp .user-profile-editor__form h1 {

padding: 6px 0 0 6px !important; }
 * 1) userProfileApp .user-profile-editor__form .wds-fieldset {

margin: 0; height: 55px; }
 * 1) userProfileApp .user-profile-editor__form .wds-fieldset>* {

margin-top: 18px; }
 * 1) userProfileApp .user-profile-editor__form .wds-fieldset>*:first-child {

margin-top: -18px; }
 * 1) userProfileApp .user-profile-editor__form .wds-fieldset>*:nth-child(3) {

line-height: 1.21em; }
 * 1) userProfileApp .user-profile-editor__form .wds-input__field {

margin-left: 24px !important; }
 * 1) userProfileApp .user-profile-editor__bio-field,
 * 2) userProfileApp .user-profile-editor__name-field {

align-items: baseline; }
 * 1) userProfileApp .user-profile-editor__social-link {

margin: auto 0 auto -6px; }
 * 1) userProfileApp .user-profile-editor__social-link .wds-icon {

margin-left: 6px; }
 * 1) userProfileApp .user-profile-editor__social-link .wds-input {

body.skin-fandomdesktop #userProfileApp .user-avatar-editor { margin-right: 0; }

body.skin-fandomdesktop #userProfileApp .user-avatar-editor__preview { width: 160px; }

display: none; }
 * 1) userProfileApp .user-avatar-editor__preview-back,
 * 2) userProfileApp .user-avatar-editor__preview-overlay {

background-color: var(--theme-page-background-color--secondary); border: solid 2px var(--theme-page-background-color--secondary) !important; box-shadow: 0 3px 12px 0 rgb(0 0 0 / 30%); top: -28px; height: 138px; left: 32px; width: 138px; }
 * 1) userProfileApp .user-avatar-editor__preview-front {

margin-top: 17px; }
 * 1) userProfileApp .user-avatar-editor__actions {

body.skin-fandomdesktop #userProfileApp .user-avatar-editor__label { margin-bottom: 9px; }

@media only screen and (max-width: 1083px) { #userProfileApp .user-identity-header__attributes { min-width: min-content; }

#userProfileApp .user-identity-header__actions { margin-top: 0; } }

@media (max-width: 1279px) { #userProfileApp .user-identity-header .wds-button { font-size: 0; padding: 9px 7.75px 9px 8px; }

#userProfileApp .user-identity-header__button .wds-icon { margin-right: -0.25px; } }

animation: profile_opacity .65s ease; }
 * 1) userProfileApp .user-identity-header>*,
 * 2) userProfileApp .modal-wrapper__header>* {

animation: 0.65s cubic-bezier(0, 0, 0.1, 1) 0s 1 normal forwards running anim_user-default-avatar--in; opacity: 0; transform: translateY(15px); }
 * 1) userProfileApp ul.user-identity-stats,
 * 2) userProfileApp .user-identity-bio,
 * 3) userProfileApp .user-bio-open-modal-button,
 * 4) userProfileApp ul.user-identity-social {

animation: 0.65s cubic-bezier(0, 0, 0.1, 1) 0s 1 normal forwards running anim_user-default-avatar--in; }
 * 1) userProfileApp .user-identity-social li {

animation: 0.5s cubic-bezier(0, 0, 0.1, 1) 0s 1 normal forwards running anim_user-default-avatar--in; opacity: 0; transform: translateY(15px); }
 * 1) userProfileApp .user-profile-editor__form>*,
 * 2) userProfileApp .user-avatar-editor__default-avatar {

animation: 0.65s cubic-bezier(0, 0, 0.1, 1) 0s 1 normal forwards running anim_user-default-avatar--in; opacity: 0; transform: translateX(30px); }
 * 1) userProfileApp .user-avatar-editor__label,
 * 2) userProfileApp .wds-button-group {

animation-delay: 0.1s }
 * 1) userProfileApp .user-avatar-editor__default-avatar:nth-child(1) {

animation-delay: 0.12s }
 * 1) userProfileApp .user-avatar-editor__default-avatar:nth-child(2) {

animation-delay: 0.14s }
 * 1) userProfileApp .user-avatar-editor__default-avatar:nth-child(3) {

animation-delay: 0.16s }
 * 1) userProfileApp .user-avatar-editor__default-avatar:nth-child(4) {

animation-delay: 0.18s }
 * 1) userProfileApp .user-avatar-editor__default-avatar:nth-child(5) {

animation-delay: 0.20s }
 * 1) userProfileApp .user-avatar-editor__default-avatar:nth-child(6) {

animation-delay: 0.22s }
 * 1) userProfileApp .user-avatar-editor__default-avatar:nth-child(7) {

animation-delay: 0.24s }
 * 1) userProfileApp .user-avatar-editor__default-avatar:nth-child(8) {

animation-delay: 0.26s }
 * 1) userProfileApp .user-avatar-editor__default-avatar:nth-child(9) {

animation-delay: 0.28s }
 * 1) userProfileApp .user-avatar-editor__default-avatar:nth-child(10) {

animation-delay: 0.30s }
 * 1) userProfileApp .user-avatar-editor__default-avatar:nth-child(11) {

animation-delay: 0.32s }
 * 1) userProfileApp .user-avatar-editor__default-avatar:nth-child(12) {

animation-delay: 0.34s }
 * 1) userProfileApp .user-avatar-editor__default-avatar:nth-child(13) {

animation-delay: 0.36s }
 * 1) userProfileApp .user-avatar-editor__default-avatar:nth-child(14) {

animation-delay: 0.38s }
 * 1) userProfileApp .user-avatar-editor__default-avatar:nth-child(15) {

animation-delay: 0.4s }
 * 1) userProfileApp .user-avatar-editor__default-avatar:nth-child(16) {

animation-delay: 0.42s }
 * 1) userProfileApp .user-avatar-editor__default-avatar:nth-child(17) {

animation-delay: 0.44s }
 * 1) userProfileApp .user-avatar-editor__default-avatar:nth-child(18) {

animation-delay: 0.46s }
 * 1) userProfileApp .user-avatar-editor__default-avatar:nth-child(19) {

animation-delay: 0.48s }
 * 1) userProfileApp .user-avatar-editor__default-avatar:nth-child(20) {

animation-delay: 0.5s }
 * 1) userProfileApp .user-avatar-editor__default-avatar:nth-child(21) {

animation-delay: 0.52s }
 * 1) userProfileApp .user-avatar-editor__default-avatar:nth-child(22) {

animation-delay: 0.54s }
 * 1) userProfileApp .user-avatar-editor__default-avatar:nth-child(23) {

animation-delay: 0.56s }
 * 1) userProfileApp .user-avatar-editor__default-avatar:nth-child(24) {

@keyframes anim_user-default-avatar--in { 100% {		opacity: 1; transform: translateY(0); } }

@keyframes profile_opacity { 0% {		opacity: 0; }

100% {		opacity: 1; } }