User:Dr.Bryan/GNAdaptive.css

/* == Адаптивное глобальное меню == */ /* -- Адаптивный цвет нав меню -- */ /* -- Делает адаптивный размер под ширину страницы -- @media only screen and (min-width: 1598px) { .wds-global-footer { width: 1238px; } }
 * 1) globalNavigation,

@media only screen and (min-width: 1024px) and (max-width: 1597px) { .wds-global-footer { width: 1064px; } }
 * 1) globalNavigation,

@media only screen and (max-width: 1023px) { .wds-global-footer { width: 600px; } }
 * 1) globalNavigation,


 * 1) globalNavigation {opacity: .2; transition: .5s;}
 * 2) globalNavigation:hover {opacity: 1;}*/

.wds-global-footer { background-color: rgb(var(--theme-article-background-color--rgb),.6); backdrop-filter: blur(5px); } /* Центрирование для ширины под страницу .wds-global-footer { left: 0; right: 0; margin: auto !important; }
 * 1) globalNavigation,
 * 1) globalNavigation,


 * is(#wds-company-logo-fandom-white path:first-child,

.wds-global-footer a, .wds-global-navigation__links .wds-global-navigation__link, .wds-global-navigation-wrapper .wds-dropdown__toggle-chevron, .wds-global-navigation__dropdown-controls div, .wds-avatar__image) {	fill: var(--theme-link-color) !important;	color: var(--theme-link-color) !important;   border-color: var(--theme-link-color);	transition: .3s; } .wds-global-footer h3, .wds-global-footer__section-description {color: var(--theme-article-text-color);}

.wds-global-navigation__search-input {color: var(--theme-article-text-color)} .wds-global-navigation__search-input::placeholder {color: var(--theme-article-text-color); opacity: .4;} .wds-global-navigation__search-submit { background-color: var(--theme-link-color); border-color: var(--theme-link-color); } .wds-global-navigation__search-submit:hover { background-color: var(--theme-link-color--hover); border-color: var(--theme-link-color); }
 * 1) wds-company-logo-fandom-white path:last-child {fill: var(--theme-article-text-color) !important;}


 * is(#wds-company-logo-fandom-white path:first-child,

.wds-global-footer a, .wds-global-navigation__links .wds-global-navigation__link, .wds-global-navigation__dropdown-controls div, .wds-avatar__image):hover {	color: var(--theme-link-color--hover) !important;   border-color: var(--theme-link-color--hover); }

@media (prefers-color-scheme: dark) {
 * is(#wds-company-logo-fandom-white path:first-child,

.wds-global-footer a, .wds-global-navigation__links .wds-global-navigation__link, .wds-global-navigation__dropdown-controls div, .wds-avatar__image):hover {	color: var(--theme-link-color--hover) !important;   border-color: var(--theme-link-color--hover); } }

/* == Адаптивные выпадающие списки == */ /* -- Добавляет :before треугольничек для списков, имитируя рамку для :after треугольника -- */
 * is(.wds-global-navigation__link-group, .wds-global-navigation__user-menu, .wds-global-navigation__notifications-dropdown):hover:before {display: block !important;}

.wds-global-navigation__link-group .wds-dropdown__toggle:before {margin-left: -30px;}

.wds-global-navigation .wds-dropdown:before { --wds-dropdown-border-color: var(--theme-link-color); } .wds-global-navigation .wds-dropdown:after { border-bottom-color: var(--theme-article-background-color--secondary); } .wds-dropdown:before { --wds-dropdown-border-color: var(--theme-border-color); }

/* -- Выпадающие списки глобального меню подстраиваются под тему. Пофикшены chevron и пунки "Выйти" -- */ .wds-global-navigation .wds-dropdown__content { background-color: var(--theme-article-background-color--secondary); border-color: var(--theme-link-color) !important; } .wds-global-navigation__user-menu .wds-list { border: none; } .wds-sign-out__button, .wds-notification-card, .wds-notification-card__body p, .wds-global-navigation .wds-dropdown__content .wds-list.wds-is-linked>li>a { color: var(--theme-article-text-color) !important; transition: .4s; } .wds-sign-out__button:hover, .wds-sign-out__button:focus, .wds-notification-card:hover, .wds-global-navigation .wds-dropdown__content .wds-list.wds-is-linked>li:hover>a { color: var(--theme-link-color) !important; background-color: rgb(var(--theme-link-color--rgb),.1) !important; outline: none; } .wds-global-navigation .wds-dropdown__content .wds-list:before, .wds-global-navigation .wds-dropdown__content .wds-list:after { background: var(--theme-article-background-color--secondary) !important; } .wds-notifications__dropdown-content .wds-has-lines-between>li {border-color: rgba(0,0,0,0.3)} /*.wds-notifications__dropdown-content.wds-is-right-aligned {transform: translateX(45%);}*/ .wds-notifications__dropdown-content .wds-notifications__notification-list.wds-list::-webkit-scrollbar {width: 0;}

/* Убирает кнопку, которая уже и так есть в пункте "Вики" */ .wds-global-navigation__start-a-wiki {display: none;}

/* Сворачиваем футтер */ .wds-global-footer__header {padding: 20px 0;} .wds-global-footer {max-height: 75px !important; overflow: hidden; transition: .5s;} .wds-global-footer:hover {max-height: 464px !important;}

/* Убирает отступы */ /* .wds-dropdown__content .wds-list>li, .wds-notification-card:first-child { margin: 0 !important; } .wds-dropdown__content, .wds-dropdown-level-2__content { padding: 0 !important; } .wds-list { border-radius: 4px; } */