User:Lrh3370/common.css

.global-navigation__top { display: none !important; }

.global-navigation__icon:hover, .global-navigation__link:hover .global-navigation__icon, .wds-dropdown:hover .global-navigation__icon { background-color: var(--fandom-global-nav-icon-background-color--hover); border: 2px solid #969696; }

.global-navigation { width: 0; }

/* page content summary (left side) */ .sticky-toc.toc { border-radius: 8px; }

.toc { border-radius: 6px; }

/* individual elements in toc */ .toc ul li { margin-right: 30px; }

/* text in each toc */ .toc ul li a { color: #0645ad; }

/* user drop down */ .global-navigation .wds-dropdown.is-attached-to-bottom .wds-dropdown__content { bottom: initial; left: 66px; position: fixed; top: 40px; } /* User options */ .wds-list > li { font-size: 14px; font-weight: 400; line-height: 0; padding: 11px 0; }

/* warning/info box */ .msgbox.msgbox-yellow { background-color: var(--custom-background-yellow-highlight); border-left-color: var(--custom-border-yellow-highlight); }

.page-side-tools { margin-top: 7px; width: 40px; height: 40px; }

.fandom-sticky-header { background: #fff; position: relative; }

/* all icons */ .wds-icon { fill: #000; }

.comment-sprite { background-image: url(https://img.icons8.com/ios/2x/info.png); background-size: 103%; padding: 80%; background-position: 0 0 !important; }

.wds-avatar__image { color: #000; border: 2px solid #e8e8e8; }

.wds-avatar__image:hover { background: #cccccc; border: 2px solid #e8e8e8; color: #292929; }

.notifications__counter { background: #000; }

.page-side-tool { -webkit-box-pack: center; -webkit-box-align: center; align-items: center; background: var(--theme-page-background-color--secondary); border: none; -webkit-box-shadow: none !important; box-shadow: none !important; color: #000000; border-radius: 10px; transition-property: background, border; transition-duration: 0.2s, 0.2s; border: 2px solid #e8e8e8; }

.page-side-tool:hover { background: #cccccc; color: #292929; border: 2px solid #969696; }

.global-navigation__icon { -webkit-box-align: center; align-items: center; background-color: transparent; border: 2px solid #e8e8e8; border-radius: 10px; }

.fandom-sticky-header.is-visible { -webkit-transform: translateY(100%); transform: translateY(100%); position: relative; }

.fandom-sticky-header { -webkit-box-align: center; align-items: center; background-color: #fff; -webkit-box-shadow: none; box-shadow: none; color: var(--theme-sticky-nav-text-color); display: -webkit-box; display: flex; height: 46px; left: 66px; padding: 0 12px; position: relative; right: 0; top: -46px; -webkit-transition: none; transition: none; transition: none; transition: none; z-index: 701; }

body.theme-fandomdesktop-light { --theme-alert-color:#ba1231; --theme-body-text-color:#242424; --theme-body-text-color--hover:#3a3a3a; --theme-sticky-nav-background-color:#1e1e1e; --theme-sticky-nav-text-color: #000; --theme-sticky-nav-text-color--hover:#c5dfe2; --theme-accent-color:#36c; --theme-accent-color--rgb:51,102,204; --theme-accent-color--hover:#447ff5; --theme-accent-label-color:#fff; --theme-page-background-color--secondary:#f8f9fa; --mcw-sky-base:none !important; --mcw-grass-base: none !important; --mcw-snow-base: none !important; --mcw-snowfall: none !important; --mcw-header-background: none !important; --mcw-deepslate: none !important; --mcw-deepslate-transition: none !important; }

.page { color:#000; font-size: 0.875em; }


 * root {

--custom-border-yellow-highlight: hsl(58.4, 100%, 92.5%); --theme-body-dynamic-color-1:#fff; --theme-body-dynamic-color-1--rgb:255,255,255; --theme-body-dynamic-color-2:#e6e6e6; --theme-body-dynamic-color-2--rgb:230,230,230; --theme-page-dynamic-color-1:#1e0c1b; --theme-page-dynamic-color-1--rgb:30,12,27; --theme-page-dynamic-color-1--inverted:#fff; --theme-page-dynamic-color-1--inverted--rgb:255,255,255; --theme-page-dynamic-color-2:#3a3a3a; --theme-page-dynamic-color-2--rgb:58,58,58; --theme-sticky-nav-dynamic-color-1:#1e0c1b; --theme-sticky-nav-dynamic-color-1--rgb:30,12,27; --theme-sticky-nav-dynamic-color-2:#3a3a3a; --theme-sticky-nav-dynamic-color-2--rgb:58,58,58; --theme-link-dynamic-color-1:#fff; --theme-link-dynamic-color-1--rgb:255,255,255; --theme-link-dynamic-color-2:#e6e6e6; --theme-link-dynamic-color-2--rgb:230,230,230; --theme-accent-dynamic-color-1:#1e0c1b; --theme-accent-dynamic-color-1--rgb:30,12,27; --theme-accent-dynamic-color-2:#3a3a3a; --theme-accent-dynamic-color-2--rgb:58,58,58; --theme-body-background-color: #fff !important; --theme-body-background-image: none !important; --theme-body-text-color:#fff; --theme-body-text-color--hover:#cccccc; --theme-sticky-nav-background-color:#fff; --theme-sticky-nav-text-color:#1e0c1b; --theme-sticky-nav-text-color--hover:#66295c; --theme-page-background-color:#e6eff4; --theme-page-background-color--rgb:230,239,244; --theme-page-background-color--secondary:#dce4e9; --theme-page-text-color:#3a3a3a; --theme-page-text-color--rgb:58,58,58; --theme-page-text-color--hover:#6d6d6d; --theme-page-text-mix-color:#909597; --theme-page-text-mix-color-95:#dde6eb; --theme-page-accent-mix-color:#b3d4a7; --theme-page-headings-font:'Rubik'; --theme-link-color:#2c56a0; --theme-link-color--rgb:44,86,160; --theme-link-color--hover:#152a4f; --theme-link-label-color:#fff; --theme-accent-color:#80b959; --theme-accent-color--rgb:128,185,89; --theme-accent-color--hover:#4f7833; --theme-accent-label-color:#1e0c1b; --theme-border-color:#bbc2c6; --theme-border-color--rgb:187,194,198; --theme-alert-color:#bf0017; --theme-alert-color--rgb:191,0,23; --theme-alert-color--hover:#59000a; --theme-alert-label:#fff; --theme-warning-color:#ca6f1b; --theme-warning-label:#1e0c1b; --theme-success-color:#0c742f; --theme-success-color--rgb:12,116,47; --theme-success-label:#fff; --theme-message-color:#753369; --theme-message-label:#fff; --theme-community-header-color:#fff; --theme-community-header-color--hover:#3bc6e6; --theme-background-image-opacity:100%; }

.page__main { border-radius: 0px; border: 1px solid #a7d7f9; background-color: #E6EFF4; }

html:not(.ve-activated) .page.has-right-rail .page__main { border-radius: 0px 0px 0px 0px; }