User:SatriaDananjaya354/global.css

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

/* ==================== Community & Sticky Header ==================== */ .community-header-wrapper { height: auto; } .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: 3px 3px 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__community-name-wrapper { margin: auto 0; } .fandom-community-header__community-name { font-size: 28px; font-weight: 600; } @media only screen and (max-width: 1279px) { .fandom-community-header__community-name { font-size: 24px; } } .fandom-community-header .wds-tabs { margin-bottom: -5px; } .fandom-community-header .wds-button-group { margin: auto 0; } .page-counter { 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; }

/* ==================== Resizable Container ==================== */ .resizable-container { margin-top: 33px; margin-bottom: 33px; max-width: 1274px; } @media only screen and (max-width: 1279px) { .resizable-container { max-width: 1064px; width: calc(100% - 66px); } } @media only screen and (min-width: 1280px) { .resizable-container { min-width: 1104px; } } .ve-activating .skin-fandomdesktop .resizable-container, .ve-active .skin-fandomdesktop .resizable-container, ve-activated .skin-fandomdesktop .resizable-container, .action-edit .resizable-container { margin-top: 79px; } @media only screen and (max-width: 1023px) { .ve-activating .skin-fandomdesktop .resizable-container, .ve-active .skin-fandomdesktop .resizable-container, ve-activated .skin-fandomdesktop .resizable-container, .action-edit .resizable-container { width: calc(100% - 66px); } } .is-content-expanded .resizable-container { width: calc(100% - 66px); } @media only screen and (max-width: 1279px) { .is-content-expanded .resizable-container { max-width: 1064px; } }

/* ==================== Side Tools ==================== */ @media only screen and (max-width: 1279px) { .page-side-tools__wrapper { transform: translateX(-60%); } }

/* ==================== Page Footer ==================== */ .page-footer__categories header, .page-footer__languages header { display: none; } .page-footer .wds-collapsible-panel.wds-is-collapsed .wds-collapsible-panel__content { display: block; } .page-footer__categories { background-color: var(--theme-page-background-color--secondary); border: 1px solid var(--theme-border-color); border-radius: 3px; clear: both; font-size: 12px; line-height: normal; margin: 10px 0; padding: 0; position: relative; } .page-footer__categories .wds-collapsible-panel__content { padding: 10px; } .CategorySelect.articlePage .container { padding: 0 6px 0 0; } .CategorySelect.articlePage .special-categories-label { border-right: none; } .CategorySelect.articlePage .special-categories-label:after { content: ":"; } .CategorySelect.articlePage .category, .CategorySelect.articlePage .last, .CategorySelect.articlePage .placeholder, .CategorySelect.articlePage .special-categories-label { margin: 0 6px 0 0; } .CategorySelect.articlePage .add { box-size: 0; padding: 0; } .wds-collapsible-panel { display: block; } .refpopups-configure-page { padding-top: 16px; } .page-footer__languages { border: none; display: flex; flex-direction: row; padding: 10px 0 0; } .page-footer__languages .wds-collapsible-panel__content { align-items: baseline; clear: both; display: flex; margin: 10px; } .page-footer__languages:before { content: 'Languages: '; font-size: 18px; line-height: 1.25; font-weight: 500; margin: 0.5em 0 0.2em; } .page-footer__languages .wds-collapsible-panel__content a { font-size: 14px; margin: 0; padding: 0; line-height: 24px; padding-left: 5px; padding-right: 9px; margin-bottom: 6px; border: 0; border-left: 1px solid var(--theme-border-color); } .page-footer__languages .wds-collapsible-panel__content a:first-child { padding-left: 0; border: 0; } .page-footer .license-description { clear: both; font-size: 12px; padding: 0; }

/* ==================== 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-card-wiki-articles__header { background-color: var(--theme-header-background-color); background-image: var(--theme-header-background-image); background-size: 220px; color: var(--theme-community-header-color); border-radius: 3px 3px 0 0; } .mcf-card-wiki-articles__header:before { border-radius: 3px 3px 0 0; }