User:SatriaDananjaya354/global.css

/* Themes */ body.theme-fandomdesktop-light { /*   --theme-accent-color: #094b9c; --theme-accent-label-color: #ffffff;*/ --theme-body-background-color: #ffffff; --theme-body-background-image: url(https://static.wikia.nocookie.net/kiminonawa/images/d/de/Site_background.jpg/revision/latest?cb=20210616121339&format=original&path-prefix=id); --theme-body-background-position: 0% 85% !important; --theme-community-header-background-image: url(https://static.wikia.nocookie.net/satria_dananjaya/images/f/f0/Community-header-background.png/revision/latest?cb=20210808113425&format=original&path-prefix=id); /*   --theme-sticky-nav-background-color: --theme-sticky-nav-text-color: */ --theme-page-background-color: rgba(255,255,255, 0.70); --theme-page-background-color--secondary: rgba(255,255,255, 1.0); --theme-link-color: #c71585; --theme-link-color--hover: #ffffff; --theme-right-rail-background-color: rgba(243,244,244, 0.70); --theme-textbox-background-color: rgba(255,255,255, 1.0); --theme-font-family: Helvetica Neue, helvetica, arial, sans-serif !important; } body.theme-fandomdesktop-dark { /*   --theme-accent-color: #094b9c; --theme-accent-label-color: #ffffff;*/ --theme-body-background-color: #000000; --theme-body-background-image: url(https://static.wikia.nocookie.net/kiminonawa/images/d/de/Site_background.jpg/revision/latest?cb=20210616121339&format=original&path-prefix=id); --theme-body-background-position: 0% 85% !important; --theme-community-header-background-image: url(https://static.wikia.nocookie.net/satria_dananjaya/images/f/f0/Community-header-background.png/revision/latest?cb=20210808113425&format=original&path-prefix=id); /*   --theme-sticky-nav-background-color: --theme-sticky-nav-text-color: */ --theme-page-background-color: rgba(14,25,26, 0.70); --theme-page-background-color--secondary: rgba(50,60,60, 1.0); --theme-link-color: #c71585; --theme-link-color--hover: #ffffff; --theme-right-rail-background-color: rgba(50,60,60, 0.70); --theme-textbox-background-color: rgba(0,0,0, 1.0); --theme-font-family: Helvetica Neue, helvetica, arial, sans-serif !important; }

/* Skin */ body.skin-fandomdesktop { font-family: var(--theme-font-family); background-image: var(--theme-body-background-image); background-position: var(--theme-body-background-position); background-attachment: fixed !important; background-size: cover !important; background-repeat: no-repeat !important; }

/* Community Header */ .fandom-community-header { background: var(--theme-sticky-nav-background-color); background-image: linear-gradient(to right, var(--theme-sticky-nav-background-color), var(--theme-sticky-nav-background-color), transparent), var(--theme-community-header-background-image); background-size: contain; background-position: right; background-repeat: no-repeat; border-radius: 5px 5px 0 0; padding: 15px 20px 5px 20px; margin-bottom: -12px; } .fandom-community-header__background { display: none; } .fandom-community-header__background::before { display: none; } .fandom-community-header__background.cover { display: none; } .fandom-community-header a { color: var(--theme-sticky-nav-text-color); } .fandom-community-header a:hover { color: var(--theme-sticky-nav-text-color--hover); } .fandom-community-header__local-navigation { color: var(--theme-sticky-nav-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; } .wds-button-group { margin: auto 0; } .wiki-tools .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); } .page-counter { color: var(--theme-sticky-nav-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 { max-height: 42px; max-width: 200px; }

/* Page Header & Content */ .page { } 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: 0px; }   html:not(.ve-activated) .page.has-right-rail .page__right-rail { border-radius: 0 0 3px 0; } } .page__main { background-color: var(--theme-page-background-color); padding: 16px 24px 16px 24px; } .page-content { line-height: 1.6; } .page-header { padding: 0 0 8px; border-bottom: 1px solid var(--theme-border-color); margin-bottom: 18px; } .page-header__title, .ve-fd-header { font-weight: normal; } .page-content h1, .page-content h2 { margin-top: 1em; margin-bottom: 0.25em; padding: 0; font-weight: normal; line-height: 1.3; display: block; } .page-content h3, .page-content h4, .page-content h5, .page-content h6 { margin-top: 0.3em; margin-bottom: 0; padding-bottom: 0; font-weight: bold; line-height: 1.6; display: block; } .page-content h1:lang( ja ), .page-content h2:lang( ja ), .page-content h1:lang( he ), .page-content h2:lang( he ), .page-content h1:lang( ko ), .page-content h2:lang( ko ) { font-family: sans-serif; } .page-content h1:lang( my ), .page-content h2:lang( my ) { line-height: normal; } .page-content p { margin: 0.5em 0; }

/* TOC */ .page-content #toc { border-radius: 3px; padding: 5px; margin: 1em 0; } .toc .toctitle { border-bottom: 0; font-size: 12px; padding: 3px 2px; } .toc .toctitle h2 { font-size: 14px; margin-top: 3px; padding: 0 5px 3px 0; } .toc .toctitle h2 .wds-icon { margin-bottom: 2px; } .toc .toctogglespan:before, .toc .toctogglespan:after { font-size: 12px; } .toc ul { padding: 0; } .toc ul li { margin: 0 } .toc ul li .toclevel-2 { margin-left: 2em; } .toc ul li .toclevel-3 { margin-left: 2em; } .toc ul li .toclevel-4 { margin-left: 2em; } .toc ul li .toclevel-5 { margin-left: 2em; } .toc ul li a { color: var(--theme-link-color); display: initial; font-weight: normal!important; padding: 0; } .toc ul li a .tocnumber { color: var(--theme-page-text-color); } .toc ul li a .tocnumber:after { display: none; }

/* Source Editor */ .page.page-is-edit, .ve-active .page { margin-top: 58px; border: 2px solid var(--theme-accent-color); box-shadow: 0px 0px 28px var(--theme-accent-color); border-radius: 5px; }   border: var(--theme-border-color) 1px solid; background-color: var(--theme-textbox-background-color); }
 * 1) wpTextbox1 {

/* Links */ .mw-parser-output a { font-weight: normal; color: var(--theme-link-color); transition: all 0.5s ease-out; } .mw-parser-output a:hover, .mw-parser-output a:active { color: #ffffff; text-shadow: var(--theme-link-color) 0 0 7px, var(--theme-link-color) 0 0 7px, var(--theme-link-color) 0 0 7px, var(--theme-link-color) 0 0 7px, var(--theme-link-color) 0 0 7px, var(--theme-link-color) 0 0 7px, var(--theme-link-color) 0 0 7px, var(--theme-link-color) 0 0 7px; transition: all 0.5s ease-in; }

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

/* Scroll bar */
 * -webkit-scrollbar {

width: 12px; } ::-webkit-scrollbar-track { background: var(--theme-accent-label-color); !important; } ::-webkit-scrollbar-thumb { background: var(--theme-accent-color); } ::-webkit-scrollbar-thumb:hover { background: var(--theme-accent-color); } ::-webkit-scrollbar-thumb:active { background: var(--theme-accent-color); }

/* 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: transparent; background-image: none; 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 20px 0; } .CategorySelect.articlePage .add { padding: 0 10px; } .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 { padding-top: 16px; }

/* Comments */ .article-comments-app { padding-top: 16px; }

/* Right Rail */ .page__right-rail { background-color: var(--theme-right-rail-background-color); } .right-rail-wrapper { padding: 16px; } .sticky-modules-wrapper, #WikiaRail.is-ready { position: static; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; } .rail-module { background-color: transparent; width: 275px; border-bottom: 0; margin: 10px; padding-bottom: 0; } .rail-module h2 { border-bottom: 1px solid var(--theme-border-color); font-size: 16px; font-weight: 700; margin: 0; margin-bottom: 16px; min-height: 30px; padding: 0; padding-left: 2px; padding-bottom: 1px; width: 100%; background-image: none; line-height: 1; } .rail-module h2.has-icon svg { margin-right: 7px; } .rail-module__list { display: block; line-height: 1.75; }

/* Fan Feed */ .mcf-wrapper { background-color: rgba(var(--theme-page-text-color--rgb),.1); padding: 24px 24px; } .mcf-card-wiki-articles__header, .mcf-card-discussions__header, .mcf-card-related-wikis__header { background: var(--theme-sticky-nav-background-color); background-image: linear-gradient(to right, var(--theme-sticky-nav-background-color), transparent), var(--theme-community-header-background-image); background-size: contain; background-position: right; background-repeat: no-repeat; color: var(--theme-sticky-nav-text-color); } .mcf-card-discussions__link { color: var(--theme-sticky-nav-text-color); }