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; */ --theme-page-background-color--opacity: 0.8; }

/* ==================== Community & Sticky Header ==================== */ .community-header-wrapper { height: auto; justify-content: normal; } .fandom-community-header { background-color: var(--theme-header-background-color); background-image: var(--theme-header-background-image); background-size: 471px; background-repeat: no-repeat; background-position: right; 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; } .wds-is-hidden { display: grid !important; margin-bottom: 0; } .fandom-sticky-header.is-visible { display: none; } .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: 33px; } @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%); } }

/* ==================== Main Page ==================== */ .page__main { background-color: rgba(var(--theme-page-background-color--rgb), var(--theme-page-background-color--opacity)); padding: 20px; border-radius: 0 0 3px 3px; } .mw-special-AdminDashboard .page__main { padding: 0 20px 20px; } .page-header { display: block !important; padding: 0 0 12px; border-bottom: 1px solid var(--theme-border-color); margin-bottom: 18px; } .page-header__categories-in { font-weight: 600; padding-right: 4px; white-space: nowrap; } .page-header__title { font-weight: normal; } .page-content { line-height: 1.6; } .page-content p, .page-content section { margin: 0; } .page-content p+ol, .page-content p+ul, .page-content section+ol, .page-content section+ul { margin-top: 0; } .page-content ol, .page-content ul { margin: .4em 0 .5em 2.5em; } .page-content #toc { background-color: var(--theme-page-background-color); margin: 1em 0; padding: 5px; } .mw-parser-output p { margin: .4em 0 .5em; } a.new, .mw-parser-output a.new { color: #ba0000; }

/* ==================== Visual & Source Editor ==================== */ .page.page-is-edit, .ve-active .page { margin-top: 0; } .ve-fd-header { display: none; } .ve-init-mw-editSwitch .oo-ui-toolbar-bar { padding: 0; } .wikiEditor-ui .wikiEditor-ui-toolbar .ve-init-mw-editSwitch { display: unset; } .ve-init-mw-editSwitch .oo-ui-popupToolGroup.oo-ui-iconElement .oo-ui-popupToolGroup-handle { padding-top: 6px; height: 36px; } .ve-init-mw-editSwitch .oo-ui-popupToolGroup { height: 36px; } .oo-ui-toolGroup { padding: 0; }

/* ==================== 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); 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: 5px 5px 0 5px; } .CategorySelect.articlePage .container { padding: 0; } .CategorySelect.articlePage .special-categories-label { border-right: none; padding: 0; } .CategorySelect.articlePage .special-categories-label:after { content: ":"; } .CategorySelect.articlePage .newcategory { color: #ba0000; } .CategorySelect.articlePage .add { padding: 0 5px; } .wds-collapsible-panel { display: block; } .refpopups-configure-page { padding-top: 16px; } .page-footer__languages { background-color: var(--theme-page-background-color); border: 1px solid var(--theme-border-color); border-radius: 3px; font-size: 12px; line-height: normal; display: flex; flex-direction: row; margin: 10px 0; padding: 0; } .page-footer__languages:before { background-color: var(--theme-page-background-color--secondary); content: "Other languages:"; font-weight: 500; padding: 0.5em; white-space: nowrap; } .page-footer__languages .wds-collapsible-panel__content { margin: 5px; } .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; padding: 2px 2px 20px 2px; }   html:not(.ve-activated) .page.has-right-rail .page__right-rail.is-rail-hidden { padding: 2px 2px 20px 2px; } } .sticky-modules-wrapper { margin-bottom: 18px; padding: 0; }   padding: 0; } @media only screen and (max-width: 1023px) { .sticky-modules-wrapper, #WikiaRail.is-ready { display: grid; grid-gap: 12px; grid-template-columns: 1fr 1fr; justify-items: center; align-items: flex-start; margin-bottom: 0; padding: 0 18px 18px 18px; } } .rail-module { background-color: transparent; background-repeat: no-repeat; background-position: center; width: 300px; margin-top: 18px; padding-bottom: 10px; } .rail-module__list { display: block; } .rail-module__list>li { padding-bottom: 6px; }
 * 1) WikiaRail.is-ready {

/* ==================== 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); 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; }