User:Dr.Bryan/Style.css

/* Баннер профиля */ [class*=Dr_Bryan].skin-fandomdesktop #userProfileApp { --banner-ratio: calc(32% - 2px); --banner-image: url('https://cdn1.dotesports.com/wp-content/uploads/2021/09/24140106/Jinx_Arcane_Guns.png'); --banner-bg-pos: center; }

/* Липкая навигация */ .fandom-sticky-header { margin: 0 auto; max-width: 1236px; width: calc(85% - 56px); transition: width .3s, max-width .3s, transform .3s; } .is-content-expanded .fandom-sticky-header { width: calc(95% - 62px); max-width: 100%; } @media only screen and (max-width: 1279px) { .fandom-sticky-header { max-width: none; width: calc(95% - 62px); } }

/* -- Инструме в навигации -- */ /* Тогглер фендома (нафиг) */ .wiki-tools__theme-switch {display: none;}

/* Тогглер Не кочана */ .nkch-theme-toggler__wrapper, .fandom-community-header .wds-button-group {background: rgb(var(--theme-body-background-color--rgb),.2);} .nkch-theme-toggler__button {transition: .3s;}

/* кнопки в навигации */ .wds-button-group:not(.nkch-css__tools) {border: 1px solid; border-radius: 15px;} .wds-button-group:not(.nkch-css__tools) > div:last-child > div:first-child, .wds-button-group:not(.nkch-css__tools) a, .wiki-tools__search-input, .wiki-tools__search-button {border: 0 !important; border-radius: 0px; transition: .3s;} .wiki-tools__search-input {border-right: 1px solid !important;}

.wds-button-group:not(.nkch-css__tools) > div:hover:last-child > div:first-child,
 * is(.wds-button-group:not(.nkch-css__tools) > a,

/*.nkch-theme-toggler__button:not(.is-active),*/ .wds-button-group:not(.nkch-css__tools) button):hover {background: rgba(var(--theme-link-color--rgb),0.2); border-radius: 15px !important;}

/* Замена иконки Рандомной статьи */ [data-tracking="random-page"] svg {display: none;} [data-tracking="random-page"]:before { content: "\f074"; font-family: FontAwesome; font-size: 120%; font-weight: 500;}

/* викификатор */ .theme-fandomdesktop-light #wikify-ru img {filter: invert(100%);}

/* Иконки вики в навигации */ .global-navigation__link { --padding-top: .5em; --wikis: calc(64px + var(--padding-top)); position: absolute; right: calc(95.5vw + 1px); /* top: 0; */ /*background-color: var(--emeraldbg);*/ /*backdrop-filter: blur(var(--navemeraldblur));*/ padding: var(--padding-top) 1em; } .global-navigation__links a:nth-child(4) { top: calc(var(--wikis)*0); /* padding-top: .5em; */ border-radius: 0 8px 0 0; } .global-navigation__links a:nth-child(4):after { content: ""; position: absolute; top: -.5em; z-index: -1; width: 100%; height: calc(70.5px * 8 + .5em); border-radius: 0 8px 8px 0; background-color: var(--emeraldbg); backdrop-filter: blur(var(--navemeraldblur)); } .global-navigation__links a:last-child { top: calc(var(--wikis)*0); /* padding-top: .5em; */ border-radius: 0 0 8px 0; } .global-navigation__links a:nth-child(5) { top: calc(var(--wikis)*1); } .global-navigation__links a:nth-child(6) { top: calc(var(--wikis)*2); } .global-navigation__links a:nth-child(7) { top: calc(var(--wikis)*3); } .global-navigation__links a:nth-child(8) { top: calc(var(--wikis)*4); } .global-navigation__links a:nth-child(9) { top: calc(var(--wikis)*5); } .global-navigation__links a:nth-child(10) { top: calc(var(--wikis)*6); } .global-navigation__links a:nth-child(11) { top: calc(var(--wikis)*7); } .global-navigation__links a:nth-child(12) { top: calc(var(--wikis)*8); } .global-navigation__links a:nth-child(13) { top: calc(var(--wikis)*9); } .global-navigation__links a:nth-child(14) { top: calc(var(--wikis)*10); } .global-navigation__links a:nth-child(15) { top: calc(var(--wikis)*11); } .global-navigation__links a:nth-child(16) { top: calc(var(--wikis)*12); } .global-navigation__links a:nth-child(17) { top: calc(var(--wikis)*13); } .global-navigation__links a:nth-child(18) { top: calc(var(--wikis)*14); } .global-navigation__links a:nth-child(19) { top: calc(var(--wikis)*15); } .global-navigation__links a:nth-child(20) { top: calc(var(--wikis)*16); } .global-navigation__links a:nth-child(21) { top: calc(var(--wikis)*17); }

.global-navigation__top:before, .global-navigation__links a:nth-child(4):after { background: linear-gradient(rgba(0,118,255,.4) 40%, rgba(255,255,0,.4) 60%); backdrop-filter: blur(var(--navemeraldblur)); }