Removes all of the non-wiki parts of fandom.com wikis and forces Fandom-specific elements to use wiki-theme colours.
/* ==UserStyle==
@name Fandom – Clean Wikis
@author KEN-F95
@description Removes all of the non-wiki parts of fandom.com wikis and forces Fandom-specific elements to use wiki-theme colours.
@version 2.1
@namespace https://usercss.ken.amsterdam/
@license CC BY-SA 4.0
@preprocessor stylus
==/UserStyle== */
@-moz-document domain("fandom.com")
{
:root {
--fandom-primary-color: rgba(var(--theme-page-background-color--rgb));
--fandom-accent-color: var(--theme-accent-color);
--fandom-accent-color--hover: var(--theme-accent-color--hover);
--fandom-accent-label-color: var(--theme-accent-label-color);
--fandom-accent-label-color--hover: var(--theme-accent-label-color--hover);
--fandom-global-nav-link-color: var(--theme-link-color);
--fandom-global-nav-link-color--hover: var(--theme-link-color--hover)
}
#mixed-content-footer, .wds-global-footer, #WikiaBarWrapper, .bottom-ads-container, .wds-global-navigation__content-bar-left, .gpt-ad, .ad-slot-placeholder.top-leaderboard.is-loading, .page__right-rail, .search-modal::before, .notifications-placeholder, .top-ads-container, .instant-suggestion, .global-footer, #mw-data-after-content, .highlight__action-wrapper, .highlight__actions, .highlight__action, .highlight__main-container, .highlight, .unified-search__result.marketplace, .ph-registration-buttons, .unified-search__layout__right-rail, .global-explore-navigation, .community-navigation__fandom-heart, .global-top-navigation__fandom-logo, .global-top-navigation__start-new-wiki, .top_leaderboard-odyssey-wrapper {
display: none;
}
html.new-nav-canary .fandom-community-header__top-container .wiki-tools__search, html.new-nav-canary .global-registration-buttons, html.new-nav-canary .fandom-sticky-header:not(.community-navigation) {
display: block !important;
}
.global-action__item .global-action__user {
visibility: visible;
}
.main-container, .fandom-community-header__background, .fandom-community-header__background.fullScreen {
width: 100%;
margin-left: 0px;
}
.fandom-community-header__background, .fandom-community-header__background.fullScreen {
margin-top: -46px;
}
#global-top-navigation {
background-color: rgba(0, 0, 0, 0);
border-bottom: 0px;
}
.global-top-navigation__action-wrapper .global-action__item .wds-button.wds-is-secondary.global-action__link {
background-color: var(--fandom-accent-label-color);
}
.search-app__input {
background-color: rgba(var(--theme-page-background-color--rgb), 0.2);
backdrop-filter: saturate(180%) blur(20px);
-webkit-backdrop-filter: saturate(180%) blur(20px);
}
.search-app__suggestions-box {
background-color: rgba(var(--theme-page-background-color--rgb), 0.72);
backdrop-filter: saturate(180%) blur(20px);
-webkit-backdrop-filter: saturate(180%) blur(20px);
}
.navigation-panel {
background-color: var(--theme-sticky-nav-background-color);
}
.wds-avatar__image {
background-color: var(--theme-sticky-nav-background-color);
color: var(--theme-sticky-nav-text-color);
}
.wds-avatar__image:hover {
color: var(--theme-sticky-nav-text-color--hover);
}
.user-panel__name {
color: var(--theme-sticky-nav-text-color);
}
.user-panel__list {
--theme-link-color: var(--theme-sticky-nav-text-color);
--theme-link-color--hover: var(--theme-sticky-nav-text-color);
}
.user-panel__list-item:hover {
background: var(--theme-sticky-nav-background-color--hover);
}
.user-panel__sign-out.wds-button.wds-is-secondary {
--wds-secondary-button-label-color: var(--theme-sticky-nav-text-color);
--wds-secondary-button-label-color--hover: var(--theme-sticky-nav-text-color--hover);
border: 1px solid var(--theme-sticky-nav-text-color);
}
.user-panel__sign-out.wds-button.wds-is-secondary:hover {
border: 1px solid var(--theme-sticky-nav-text-color--hover);
}
.fandom-sticky-header {
background-color: rgba(var(--theme-sticky-nav-background-color--rgb), 1);
backdrop-filter: saturate(180%) blur(20px);
-webkit-backdrop-filter: saturate(180%) blur(20px);
left: 0px;
}
.search-modal {
position: absolute;
bottom: auto;
left: auto;
}
.resizable-container {
top: 0px;
}
.search-modal__content {
width: 420px;
top: 100px;
right: -3px;
min-height: auto;
background-color: var(--theme-page-background-color--secondary);
border: 1px solid var(--theme-border-color);
}
form[class^="SearchInput-module_form__"] {
border-bottom: 2px solid var(--theme-border-color);
color: var(--theme-border-color);
}
form[class^="SearchInput-module_form__"] .wds-button {
--wds-primary-button-background-color: var(--theme-accent-color);
--wds-primary-button-background-color--hover: var(--theme-accent-color--hover);
--wds-primary-button-label-color: var(--theme-accent-label-color);
}
input[class^="SearchInput-module_input__"] {
color: var(--theme-page-text-color);
border-left: none;
padding: 0;
}
a[class^="SearchResults-module_seeAllResults"] {
color: var(--theme-link-color) !important;
}
}
@-moz-document domain("cyberpunk.fandom.com")
{
@font-face {
font-family: 'Blender Pro';
font-weight: book;
src: url(https://www.cyberpunk.net/fonts/BlenderPro-Book.woff2) format('woff2');
}
@font-face {
font-family: 'BlenderProBook';
font-weight: 300;
src: url(https://www.cyberpunk.net/fonts/BlenderPro-Book.woff2) format('woff2');
}
@font-face {
font-family: 'Blender Pro';
font-weight: bold;
src: url(https://www.cyberpunk.net/fonts/BlenderPro-Bold.woff2) format('woff2');
}
@font-face {
font-family: 'BlenderProBold';
font-weight: 700;
src: url(https://www.cyberpunk.net/fonts/BlenderPro-Bold.woff2) format('woff2');
}
.page__main {
background-color: rgba(var(--theme-page-background-color--rgb), 0.72);
backdrop-filter: saturate(180%) blur(20px);
-webkit-backdrop-filter: saturate(180%) blur(20px);
}
.main-container h1, .main-container h2, .main-container h3, .main-container h4, .main-container h5, .mw-headline .page-header__title {
font-family: 'Blender Pro';
font-weight: bold;
}
body.skin-fandomdesktop, body.theme-fandomdesktop-dark, button, input, textarea, p, .resizable-container {
font-family: 'Blender Pro';
}
.fandom-sticky-header > .fandom-community-header__local-navigation .first-level-item a {
color: rgb(0,0,0) !important;
}
.fandom-sticky-header > .fandom-community-header__community-name-wrapper, .fandom-community-header .page-counter, .fandom-community-header__top-container .wds-button, .fandom-community-header__local-navigation .first-level-item {
filter: none;
}
.fandom-sticky-header > .fandom-community-header__community-name-wrapper, .fandom-community-header .page-counter, .fandom-community-header__top-container .wds-button, .fandom-community-header__local-navigation .first-level-item {
text-shadow: none;
}
.wiki-tools__theme-switch {
display: none;
}
}
@-moz-document domain("assassinscreed.fandom.com")
{
@font-face {
font-family: Ubisoft Sans;
src: url(https://static-dm.ubisoft.com/global/prod/fonts/ubisoftsans-regular.woff2) format("woff2"), url(https://static-dm.ubisoft.com/global/prod/fonts/ubisoftsans-regular.woff) format("woff"), url(https://static-dm.ubisoft.com/global/prod/fonts/ubisoftsans-regular.otf) format("opentype");
font-weight: 400;
font-style:normal
}
@font-face {
font-family: Ubisoft Sans;
src: url(https://static-dm.ubisoft.com/global/prod/fonts/ubisoftsans-bold.woff2) format("woff2"), url(https://static-dm.ubisoft.com/global/prod/fonts/ubisoftsans-bold.woff) format("woff"), url(https://static-dm.ubisoft.com/global/prod/fonts/ubisoftbold-sans.otf) format("otf");
font-weight: 700;
font-style:normal
}
@font-face {
font-family: portrait;
src: url(https://static-dm.ubisoft.com/assassins-creed/franchise/prod/2b09b075b924b7a9803e23e63edeccfd.woff2) format("woff2"), url(https://static-dm.ubisoft.com/assassins-creed/franchise/prod/b548b0da9ef05b9b23b11d17c7d1b17c.woff) format("woff");
font-weight: 400;
font-style:normal
}
@font-face {
font-family: portrait;
src: url(https://static-dm.ubisoft.com/assassins-creed/franchise/prod/9f1e777836418a33943516b4f7d19c2a.woff2) format("woff2"), url(https://static-dm.ubisoft.com/assassins-creed/franchise/prod/b3ab855ad1b828c23414a76a7a19a376.woff) format("woff");
font-weight: 700;
font-style:normal
}
body.skin-fandomdesktop, body.theme-fandomdesktop-dark, button, input, textarea {
font-family: 'Ubisoft Sans';
}
.main-container {
font-family: 'Ubisoft Sans';
}
.fandom-community-header {
font-family: 'portrait';
}
.main-container h1, .main-container h2, .main-container h3, .main-container h4, .main-container h5, .mw-headline {
font-family: 'portrait';
}
.top_leaderboard-odyssey-wrapper {
display: none;
}
}