User:Александр III/common.css

/*** Old Fandom Colors - Cut version to be compatible with BalancedGN ***/ /*** Modify certain wikis ***/ body:is(.wiki-wikia, .wiki-dev, .wiki-vstf) .fandom-community-header__image > img, body:is(.wiki-wikia, .wiki-dev, .wiki-vstf) .fandom-sticky-header__logo > img { display: none !important; }

body:is(.wiki-wikia, .wiki-dev, .wiki-vstf) .fandom-sticky-header__logo::before, body:is(.wiki-wikia, .wiki-dev, .wiki-vstf) .fandom-community-header__image::before { content: ""; display: block; }

body:is(.wiki-wikia, .wiki-dev, .wiki-vstf) .fandom-community-header__image::before { height: 100px; width: 100px; }

body:is(.wiki-wikia, .wiki-dev, .wiki-vstf) .fandom-sticky-header__logo::before { width: 30px; height: 30px; }

body:is(.wiki-wikia, .wiki-dev, .wiki-vstf) .fandom-sticky-header__logo { margin-right: 10px; }

/*** ==== CC Only styles ==== ***/ body.wiki-wikia .fandom-community-header__image::before, body.wiki-wikia .fandom-sticky-header__logo::before { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='wds-company-logo-fandom-heart' viewBox='0 0 35 35'%3E%3Cpath d='M32.003 16.524c0 .288-.115.564-.32.768L18.3 30.712c-.226.224-.454.324-.738.324-.292 0-.55-.11-.77-.325l-.943-.886a.41.41 0 0 1-.01-.59l15.45-15.46c.262-.263.716-.078.716.29v2.46zm-17.167 10.12l-.766.685a.642.642 0 0 1-.872-.02L3.01 17.362c-.257-.25-.4-.593-.4-.95v-1.858c0-.67.816-1.007 1.298-.536l10.814 10.56c.188.187.505.57.505 1.033 0 .296-.068.715-.39 1.035zM5.73 7.395L9.236 3.93a.421.421 0 0 1 .592 0l11.736 11.603a3.158 3.158 0 0 1 0 4.5l-3.503 3.462a.423.423 0 0 1-.59 0L5.732 11.89a3.132 3.132 0 0 1-.937-2.25c0-.85.332-1.65.935-2.246zm13.89 1.982l3.662-3.62a3.232 3.232 0 0 1 2.737-.897c.722.098 1.378.47 1.893.978l3.708 3.667a.41.41 0 0 1 0 .585l-5.64 5.576a.419.419 0 0 1-.59 0l-5.77-5.704a.411.411 0 0 1 0-.585zm14.56-.687L26.014.475a.869.869 0 0 0-1.228-.002L18.307 6.94c-.5.5-1.316.5-1.82.004l-6.48-6.4A.87.87 0 0 0 8.793.542L.447 8.67C.16 8.95 0 9.33 0 9.727v7.7c0 .392.158.77.44 1.048l16.263 16.072a.87.87 0 0 0 1.22 0l16.25-16.073c.28-.278.438-.655.438-1.048V9.73c0-.39-.153-.763-.43-1.04z' fill='%2300D6D6' fill-rule='evenodd'%3E%3C/path%3E%3C/svg%3E") no-repeat center; }

body.wiki-wikia { --theme-body-background-image: url("https://images.wikia.com/central/images/archive/b/b5/20210803135435%21Site-background-light") !important; --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: #0e191a; --theme-page-dynamic-color-1--rgb: 14,25,26; --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: #fff; --theme-sticky-nav-dynamic-color-1--rgb: 255,255,255; --theme-sticky-nav-dynamic-color-2: #e6e6e6; --theme-sticky-nav-dynamic-color-2--rgb: 230,230,230; --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: #fff; --theme-accent-dynamic-color-1--rgb: 255,255,255; --theme-accent-dynamic-color-2: #e6e6e6; --theme-accent-dynamic-color-2--rgb: 230,230,230; --theme-body-background-color: #001f25; --theme-body-background-color--rgb: 0,31,37; --theme-body-text-color: #fff; --theme-body-text-color--hover: #cccccc; --theme-sticky-nav-background-color: #001f22; --theme-sticky-nav-text-color: #fff; --theme-sticky-nav-text-color--hover: #cccccc; --theme-page-background-color: #ffffff; --theme-page-background-color--rgb: 255,255,255; --theme-page-background-color--secondary: #f3f4f4; --theme-page-text-color: #3a3a3a; --theme-page-text-color--rgb: 58,58,58; --theme-page-text-color--hover: #6d6d6d; --theme-page-text-mix-color: #9d9d9d; --theme-page-text-mix-color-95: #f5f5f5; --theme-page-accent-mix-color: #afbdbd; --theme-page-headings-font: 'Rubik'; --theme-link-color: #088488; --theme-link-color--rgb: 8,132,136; --theme-link-color--hover: #022627; --theme-link-label-color: #fff; --theme-accent-color: #5f7a7b; --theme-accent-color--rgb: 95,122,123; --theme-accent-color--hover: #93abac; --theme-accent-label-color: #fff; --theme-border-color: #cecece; --theme-border-color--rgb: 206,206,206; }

/*** === Dev only styles === ***/

body.wiki-dev .fandom-community-header__image::before, body.wiki-dev .fandom-sticky-header__logo::before { background: url("https://images.wikia.com/dev/images/archive/e/e6/20210803135436%21Site-logo.png") no-repeat 50% / 100%; }

body:is(.wiki-dev, .wiki-adminsummit) { --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: #0e191a; --theme-page-dynamic-color-1--rgb: 14,25,26; --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: #fff; --theme-sticky-nav-dynamic-color-1--rgb: 255,255,255; --theme-sticky-nav-dynamic-color-2: #e6e6e6; --theme-sticky-nav-dynamic-color-2--rgb: 230,230,230; --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: #fff; --theme-accent-dynamic-color-1--rgb: 255,255,255; --theme-accent-dynamic-color-2: #e6e6e6; --theme-accent-dynamic-color-2--rgb: 230,230,230; --theme-body-background-color: #001f25; --theme-body-background-color--rgb: 0,31,37; --theme-body-background-image: url("https://images.wikia.com/dev/images/archive/b/b5/20210803135439%21Site-background-light"); --theme-body-text-color: #fff; --theme-body-text-color--hover: #cccccc; --theme-sticky-nav-background-color: #001f22; --theme-sticky-nav-text-color: #fff; --theme-sticky-nav-text-color--hover: #cccccc; --theme-page-background-color: #ffffff; --theme-page-background-color--rgb: 255,255,255; --theme-page-background-color--secondary: #f3f4f4; --theme-page-text-color: #3a3a3a; --theme-page-text-color--rgb: 58,58,58; --theme-page-text-color--hover: #6d6d6d; --theme-page-text-mix-color: #9d9d9d; --theme-page-text-mix-color-95: #f5f5f5; --theme-page-accent-mix-color: #afbdbd; --theme-page-headings-font: 'Rubik'; --theme-link-color: #088488; --theme-link-color--rgb: 8,132,136; --theme-link-color--hover: #0de1e8; --theme-link-label-color: #fff; --theme-accent-color: #5f7a7b; --theme-accent-color--rgb: 95,122,123; --theme-accent-color--hover: #93abac; --theme-accent-label-color: #fff; --theme-border-color: #cecece; --theme-border-color--rgb: 206,206,206; }

/*** ==== SOAP Wiki only styles ==== ***/ body.wiki-vstf .fandom-community-header__image::before, body.wiki-vstf .fandom-sticky-header__logo::before { background: url("https://images.wikia.com/vstf/images/archive/e/e6/20210803135438%21Site-logo.png") no-repeat 50% / 79%; }

body:is(.wiki-vstf, .wiki-infobox) { --theme-body-dynamic-color-1: #0e191a; --theme-body-dynamic-color-1--rgb: 14,25,26; --theme-body-dynamic-color-2: #3a3a3a; --theme-body-dynamic-color-2--rgb: 58,58,58; --theme-page-dynamic-color-1: #0e191a; --theme-page-dynamic-color-1--rgb: 14,25,26; --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: #fff; --theme-sticky-nav-dynamic-color-1--rgb: 255,255,255; --theme-sticky-nav-dynamic-color-2: #e6e6e6; --theme-sticky-nav-dynamic-color-2--rgb: 230,230,230; --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: #fff; --theme-accent-dynamic-color-1--rgb: 255,255,255; --theme-accent-dynamic-color-2: #e6e6e6; --theme-accent-dynamic-color-2--rgb: 230,230,230; --theme-body-background-color: #e8f1f2; --theme-body-background-color--rgb: 232,241,242; --theme-body-background-image: url(https://soap.fandom.com/wikia.php?controller=ThemeApi&method=themeVariables&cityId=65099&version=1626557302); --theme-body-text-color: #0e191a; --theme-body-text-color--hover: #31585c; --theme-sticky-nav-background-color: #001f22; --theme-sticky-nav-text-color: #fff; --theme-sticky-nav-text-color--hover: #cccccc; --theme-page-background-color: #ffffff; --theme-page-background-color--rgb: 255,255,255; --theme-page-background-color--secondary: #f3f4f4; --theme-page-text-color: #3a3a3a; --theme-page-text-color--rgb: 58,58,58; --theme-page-text-color--hover: #6d6d6d; --theme-page-text-mix-color: #9d9d9d; --theme-page-text-mix-color-95: #f5f5f5; --theme-page-accent-mix-color: #afbdbd; --theme-page-headings-font: 'Rubik'; --theme-link-color: #088488; --theme-link-color--rgb: 8,132,136; --theme-link-color--hover: #022627; --theme-link-label-color: #fff; --theme-accent-color: #5f7a7b; --theme-accent-color--rgb: 95,122,123; --theme-accent-color--hover: #93abac; --theme-accent-label-color: #fff; --theme-border-color: #cecece; --theme-border-color--rgb: 206,206,206; }

/*** Dark theme support ***/ body:is(.wiki-infobox, .wiki-wikia, .wiki-vstf, .wiki-dev, .wiki-adminsummit).theme-fandomdesktop-dark { --theme-body-dynamic-color-1--rgb: 30,12,27 !important; --theme-body-dynamic-color-2: #3a3a3a !important; --theme-body-dynamic-color-2--rgb: 58,58,58 !important; --theme-page-dynamic-color-1: #fff !important; --theme-page-dynamic-color-1--rgb: 255,255,255 !important; --theme-sticky-nav-text-color: #fff !important; --theme-sticky-nav-text-color--hover: #cccccc !important; --theme-page-background-color: #0e191a !important; --theme-page-background-color--rgb: 14,25,26 !important; --theme-page-background-color--secondary: #323c3c !important; --theme-page-text-color: #e6e6e6 !important; --theme-page-text-color--rgb: 230,230,230 !important; --theme-page-text-color--hover: #b3b3b3 !important; --theme-page-text-mix-color: #7a8080 !important; --theme-page-text-mix-color-95: #192324 !important; --theme-page-accent-mix-color: #273239 !important; --theme-page-headings-font: 'Rubik' !important; --theme-link-color: #00cdd0 !important; --theme-link-color--rgb: 0,205,208 !important; --theme-link-color--hover: #37fcff !important; --theme-link-label-color: #1e0c1b !important; --theme-accent-color: #404a57 !important; --theme-accent-color--rgb: 64,74,87 !important; --theme-accent-color--hover: #6b7b91 !important; --theme-accent-label-color: #fff !important; --theme-border-color: #444c4d !important; --theme-border-color--rgb: 68,76,77 !important; --theme-sticky-nav-background-color: #404a57 !important; }

/* Make staff signatures old style */ .staffSigLink > svg { display: none !important; }

.staffSigLink::before { content: ""; width: 73px; height: 16px; margin-bottom: -3px; display: inline-block; background: url("https://images.wikia.com/central/images/archive/e/e6/20210601214133%21Site-logo.png") no-repeat 50% / 95%; }

/* Oasis global nav support */ body.skin-oasis .wds-global-navigation__logo { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='wds-company-logo-fandom-white' viewBox='0 0 164 35'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M32.003 16.524c0 .288-.115.564-.32.768L18.3 30.712c-.226.224-.454.324-.738.324-.292 0-.55-.11-.77-.325l-.943-.886a.41.41 0 0 1-.01-.59l15.45-15.46c.262-.263.716-.078.716.29v2.46zm-17.167 10.12l-.766.685a.642.642 0 0 1-.872-.02L3.01 17.362c-.257-.25-.4-.593-.4-.95v-1.858c0-.67.816-1.007 1.298-.536l10.814 10.56c.188.187.505.57.505 1.033 0 .296-.068.715-.39 1.035zM5.73 7.395L9.236 3.93a.421.421 0 0 1 .592 0l11.736 11.603a3.158 3.158 0 0 1 0 4.5l-3.503 3.462a.423.423 0 0 1-.59 0L5.732 11.89a3.132 3.132 0 0 1-.937-2.25c0-.85.332-1.65.935-2.246zm13.89 1.982l3.662-3.62a3.232 3.232 0 0 1 2.737-.897c.722.098 1.378.47 1.893.978l3.708 3.667a.41.41 0 0 1 0 .585l-5.64 5.576a.419.419 0 0 1-.59 0l-5.77-5.704a.411.411 0 0 1 0-.585zm14.56-.687L26.014.475a.869.869 0 0 0-1.228-.002L18.307 6.94c-.5.5-1.316.5-1.82.004l-6.48-6.4A.87.87 0 0 0 8.793.542L.447 8.67C.16 8.95 0 9.33 0 9.727v7.7c0 .392.158.77.44 1.048l16.263 16.072a.87.87 0 0 0 1.22 0l16.25-16.073c.28-.278.438-.655.438-1.048V9.73c0-.39-.153-.763-.43-1.04z' fill='%2300D6D6'/%3E%3Cpath d='M62.852 20.51l2.58-6.716a.468.468 0 0 1 .87 0l2.58 6.717h-6.03zm5.856-12.428c-.184-.48-.65-.8-1.17-.8h-3.342c-.52 0-.986.32-1.17.8l-7.083 18.5c-.21.552.2 1.14.796 1.14h2.753c.353 0 .67-.215.796-.542l.738-1.922a.849.849 0 0 1 .795-.542h8.088a.85.85 0 0 1 .796.542l.74 1.922c.125.327.44.543.795.543h2.754a.843.843 0 0 0 .796-1.14l-7.082-18.5zm93.504-.8h-2.715a1.86 1.86 0 0 0-1.677 1.047l-5.393 11.162-5.393-11.163a1.858 1.858 0 0 0-1.677-1.047h-2.715a.889.889 0 0 0-.893.883V26.84c0 .487.4.883.892.883h2.608a.889.889 0 0 0 .893-.883v-9.686l4.945 10.072c.15.304.46.497.803.497h1.073a.893.893 0 0 0 .803-.497l4.945-10.072v9.686c0 .487.4.883.894.883h2.608a.889.889 0 0 0 .893-.883V8.166c0-.487-.4-.883-.893-.883zm-106.972 8.8h-8.63V11.49h10.918a.88.88 0 0 0 .83-.578l.888-2.464a.872.872 0 0 0-.83-1.163h-15.18c-.486 0-.88.39-.88.87v18.7c0 .48.394.87.88.87h2.492c.486 0 .88-.39.88-.87V20.29h7.743a.88.88 0 0 0 .83-.578l.89-2.464a.872.872 0 0 0-.83-1.163zm51.76 7.61h-3.615V11.315H107c3.828 0 6.41 2.517 6.41 6.188 0 3.672-2.582 6.19-6.41 6.19zm-.124-16.41h-7.128c-.486 0-.88.39-.88.872v18.698c0 .48.394.87.88.87h7.128c6.453 0 10.912-4.44 10.912-10.16v-.117c0-5.72-4.46-10.162-10.912-10.162zm-11.947.03h-2.642a.87.87 0 0 0-.876.866v12.36l-8.755-12.72a1.242 1.242 0 0 0-1.023-.535H78.32a.873.873 0 0 0-.876.867v18.706c0 .48.393.867.877.867h2.64a.872.872 0 0 0 .878-.867V14.71l8.608 12.478c.23.334.613.535 1.022.535h3.46a.872.872 0 0 0 .877-.867V8.178a.87.87 0 0 0-.876-.867zm40.71 10.3c0 3.323-2.712 6.016-6.056 6.016-3.345 0-6.056-2.693-6.056-6.015v-.22c0-3.322 2.71-6.015 6.056-6.015 3.344 0 6.055 2.693 6.055 6.015v.22zm-6.056-10.44c-5.694 0-10.31 4.576-10.31 10.22v.22c0 5.646 4.616 10.22 10.31 10.22 5.693 0 10.308-4.574 10.308-10.22v-.22c0-5.644-4.615-10.22-10.308-10.22z' fill='%23FFF'/%3E%3C/g%3E%3C/svg%3E") no-repeat center; transform: none; width: 139px; }

body.skin-oasis .wds-global-navigation__link:active, body.skin-oasis .wds-global-navigation__link:focus, body.skin-oasis .wds-global-navigation__link:hover, body.skin-oasis .wds-global-navigation__start-a-wiki:active, body.skin-oasis .wds-global-navigation__start-a-wiki:focus, body.skin-oasis .wds-global-navigation__start-a-wiki:hover { color: #fff !important; text-shadow: 0 0 2px white; }

body.skin-oasis .wds-global-navigation__search-input-wrapper span, body.skin-oasis .wds-global-navigation__search-input, body.skin-oasis .wds-global-navigation__search-input::placeholder { color: #fff !important; }

body.skin-oasis .wds-avatar__image:hover, body.skin-oasis .wds-global-navigation__notifications-dropdown:hover { color: var(--fandom-global-nav-link-color) !important; }

body.skin-oasis .wds-global-navigation__notifications-dropdown:hover .wds-icon { color: #eee; } body.skin-oasis .wds-global-navigation__notifications-dropdown .wds-icon { transition: 0.3s color ease; }

body.skin-oasis .wds-global-navigation__notifications-dropdown { border-radius: 100%; height: 80%; padding: 0 !important; transition: 0.3s background ease; }

body.skin-oasis .wds-global-navigation__notifications-dropdown:hover { background: rgba(255, 255, 255, 0.2); }

body.skin-oasis .wds-avatar:hover > img { border-color: #eee !important; }

body.skin-oasis .wds-avatar { padding: 4px; }

body.skin-oasis .wds-avatar:hover { background: rgba(255, 255, 255, 0.2); border-radius: 50%; }

body.skin-oasis .wds-global-navigation__search-close:hover { color: #eee !important; }

body.skin-oasis .wds-global-navigation__search-submit { background-color: var(--fandom-global-nav-bottom-icon-color) !important; color: #fff !important; border: 0 !important; transition: 0.3s filter ease; }

body.skin-oasis .wds-global-navigation__search-submit:hover { filter: brightness(70%) }

body.skin-oasis .wds-global-navigation__start-a-wiki > a { color: lightgray !important; border-color: currentColor !important; text-shadow: none !important; transition: 0s box-shadow ease, 0.3s color ease; }

body.skin-oasis .wds-global-navigation__start-a-wiki > a:hover { color: #fff !important; }