User:SatriaDananjaya354/global.css

/* ==================== Themes ==================== */ body.skin-fandomdesktop { --theme-header-background-color: var(--theme-sticky-nav-background-color); --theme-header-background-color--rgb: var(--theme-accent-color--rgb); --theme-header-background-image: url("wiki/Special:FilePath/Community-header-background"); --theme-header-text-color: var(--theme-accent-label-color); --theme-header-text-color--hover: var(--theme-community-header-color--hover); /* --theme-header-logo: url; */ }

/* ==================== Community & Sticky Header ==================== */

.fandom-community-header { background-color: var(--theme-header-background-color); background-image: var(--theme-header-background-image); background-size: contain; background-repeat: no-repeat; background-position: right; background-size: 471px; height: 105px; position: relative; border-radius: 5px 5px 0 0; margin-bottom: -12px; padding: 15px 20px 5px 20px; z-index: 201; } .fandom-community-header:before { --theme-header-gradient-start: 200px; --theme-header-gradient-end: 430px; background-image: linear-gradient(to right,rgba(var(--theme-header-background-color--rgb),.5),rgba(var(--theme-header-background-color--rgb),.5)),linear-gradient(to left,transparent var(--theme-header-gradient-start),var(--theme-header-background-color) var(--theme-header-gradient-end)); content: ""; display: block; height: 100%; position: absolute; width: 100%; border-radius: 3px 3px 0 0; z-index: -201; } @media only screen and (max-width: 1279px) { .fandom-community-header { height: 115px; }   .fandom-community-header:before { --theme-header-gradient-end: 471px; } } .fandom-community-header__image img { content: var(--theme-header-logo); -o-object-fit: scale-down; object-fit: scale-down; -o-object-position: center; object-position: center; height: 80px; } @media only screen and (max-width: 1279px) { .fandom-community-header__image img { height: 60px; } } .fandom-community-header a { color: var(--theme-header-text-color); } .fandom-community-header a:hover { color: var(--theme-header-text-color--hover); } .fandom-community-header__local-navigation { color: var(--theme-header-text-color); } .fandom-community-header__community-name-wrapper { margin: auto 0; } .fandom-community-header__community-name { font-size: 28px; font-weight: 600; line-height: 1; } .fandom-community-header .wds-tabs { margin-bottom: -5px; } .fandom-community-header .wds-button-group { margin: auto 0; } .fandom-community-header .wiki-tools .wds-button.wds-is-secondary { color: var(--theme-header-text-color); } .fandom-community-header .wiki-tools .wds-button.wds-is-secondary:hover { color: var(--theme-header-text-color--hover); } .page-counter { color: var(--theme-header-text-color); margin: auto 16px auto auto; } .page-counter__value { font-size: 24px; line-height: 1; font-weight: 600; } .page-counter__label { font-size: 12px; line-height: 1; margin-top: 3px; font-weight: 600; } .fandom-sticky-header__logo img { content: var(--theme-sticky-nav-logo); max-height: 42px; max-width: 200px; }

/* ==================== Right Rail ==================== */ .page__right-rail { background-color: var(--right-rail-background-color); } html:not(.ve-activated) .page.has-right-rail .page__main { border-radius: 0 0 0 3px; } html:not(.ve-activated) .page.has-right-rail .page__right-rail { border-radius: 0 0 3px 0; } @media only screen and (max-width: 1023px) { html:not(.ve-activated) .page.has-right-rail .page__main { border-radius: 0; }   html:not(.ve-activated) .page.has-right-rail .page__right-rail { border-radius: 0 0 3px 3px; } }

/* ==================== Fan Feed ==================== */ .mcf-wrapper { background-color: rgba(var(--theme-page-text-color--rgb),.1); padding: 20px; } .mcf-card-wiki-articles__header { background-color: var(--theme-header-background-color); background-image: var(--theme-header-background-image); color: var(--theme-header-text-color); border-radius: 3px 3px 0 0; } .mcf-card-wiki-articles__header:before { border-radius: 3px 3px 0 0; }