User:SatriaDananjaya354/global.css

@import url('https://fonts.googleapis.com/css2?family=Didact+Gothic&display=swap'); @import "/load.php?mode=articles&articles=u:dev:MediaWiki:UCXSearchBar.css&only=styles";

.wiki-tools { width: auto; max-width: auto;

body.theme-fandomdesktop-light { --theme-link-color: #c71585; --theme-link-color--hover2: #ffffff; --theme-body-background-color: #ffffff; --theme-page-background-color: rgba(255,255,255, 0.70); --theme-page-background-color--secondary: rgba(255,255,255, 1.0); --theme-right-rail-background-color: rgba(243,244,244, 0.70); --theme-font-family: 'Didact Gothic', sans-serif !important; font-family: var(--theme-font-family); background-image: url(https://static.wikia.nocookie.net/kiminonawa/images/d/de/Site_background.jpg/revision/latest?cb=20210616121339&format=original&path-prefix=id) !important; background-attachment: fixed !important; background-position: 0% 85% !important; background-size: cover !important; background-repeat: no-repeat !important; } body.theme-fandomdesktop-dark { --theme-link-color: #c71585; --theme-link-color--hover2: #ffffff; --theme-body-background-color: #000000; --theme-page-background-color: rgba(14,25,26, 0.70); --theme-page-background-color--secondary: rgba(50,60,60, 1.0); --theme-right-rail-background-color: rgba(50,60,60, 0.70); --theme-font-family: 'Didact Gothic', sans-serif !important; font-family: var(--theme-font-family); background-image: url(https://vignette.wikia.nocookie.net/kaguyasama-wa-kokurasetai/images/f/f9/Background-fanart.png/revision/latest?cb=20200509132122) !important; background-attachment: fixed !important; background-position: 50% 50% !important; background-size: cover !important; background-repeat: no-repeat !important; } .fandom-community-header__background { display: none; } .fandom-community-header__background::before { display: none; } .fandom-community-header__background.cover { display: none; } .fandom-sticky-header__logo img { max-height: 42px; max-width: 200px; } .page { font-family: var(--theme-font-family); border: 2px solid var(--theme-accent-color); box-shadow: 0px 0px 28px var(--theme-accent-color); border-radius: 5px; } .page__main { font-family: var(--theme-font-family); background-color: var(--theme-page-background-color); } .page-content { font-family: var(--theme-font-family); line-height: 1.6; } .page-header__title, .ve-fd-header { font-family: var(--theme-font-family); font-weight: normal; } .page-content h1, .page-content h2 { margin-top: 1em; margin-bottom: 0.25em; padding: 0; font-family: var(--theme-font-family); 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-family: var(--theme-font-family); 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; } .page-content #toc { border: 1px solid var(--theme-border-color); margin: 1em 0; } .toc { display: table; padding: 5px; } .toc .toctitle { border-bottom: none; padding: 0px; } .toc ul li a .tocnumber { color: var(--theme-page-text-color); } .tocnumber, .toctext { display: table-cell; text-decoration: inherit; } .toc>ul { padding: 0; } .toc ul li { margin-left: 5px; } .toc ul li a { color: var(--theme-link-color); line-height: normal; padding: 0; } .toc ul li a .tocnumber:after { content: "	"; padding-right: 5px; } .sticky-toc.toc>ul { margin: 0; } .page__right-rail { font-family: var(--theme-font-family); background-color: var(--theme-right-rail-background-color); } .rail-module { background-color: rgba(var(--theme-right-rail-background-color), 0.0); background-repeat: no-repeat !important; width: 275px; padding-bottom: 0px; border: 1px; margin: 10px, 10px; } .rail-module__list { display: block; line-height: 1.75; } .sticky-modules-wrapper { position: static; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; }   position: static; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; } .mcf-wrapper { background-color: rgba(var(--theme-page-text-color--rgb),.1); padding: 24px 36px; } .mcf-card-wiki-articles__header, .mcf-card-discussions__header, .mcf-card-related-wikis__header { background-image: linear-gradient(to left, rgba(255,255,255, 0), rgba(255,255,255, 1)), url(https://static.wikia.nocookie.net/kiminonawa/images/7/75/Community-header-background.jpg/revision/latest?cb=20210808043832&format=original&path-prefix=id) !important; background-size: cover; }
 * 1) WikiaRail.is-ready {

/** Balanced Comments UCP **/ .article-comments-app div[class*='Comment_wrapper'], border-color: transparent; border-radius: 4px; background: var(--theme-page-background-color--secondary); } div[class*='InlineEntityFormWrapper'] { border-color: var(--theme-page-background-color--secondary); border-radius: 4px; } .article-comments-app div[class*='Reply_body'], border-color: var(--theme-accent-color); } .message-wall-app .InlineEntityFormWrapper_inline-entity-form-wrapper__12amV { background: var(--theme-page-background-color--secondary); } .Message__wrapper .InlineEntityFormWrapper_inline-entity-form-wrapper__12amV { background: var(--theme-page-background-color) !important; } .article-comments-app .InlineEntityFormWrapper_inline-entity-form-wrapper__12amV { background: var(--theme-page-background-color--secondary); } .Comment_wrapper__2mxBn .InlineEntityFormWrapper_inline-entity-form-wrapper__12amV { background: var(--theme-page-background-color) !important; }
 * 1) MessageWall .Message__wrapper {
 * 1) MessageWall .Reply {

/** Links **/ .mw-parser-output a { font-weight: normal; } .mw-parser-output a b { font-weight: bold; } .mw-parser-output a { color: var(--theme-link-color); transition: all 0.5s ease-out; } .mw-parser-output a:hover, .mw-parser-output a:active { color: var(--theme-link-color--hover2); 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; }

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

/** Categories **/ .page-footer__categories { background-color: var(--theme-page-background-color); background-image: none; border: 1px solid var(--theme-border-color); 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; }

/** Languages **/ .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 #7f9998; } .page-footer__languages .wds-collapsible-panel__content a:first-child { padding-left: 0; border: 0; }

/** Infobox **/ .portable-infobox { background-color: transparent; border-radius: 10px; border: 1px solid var(--theme-accent-color); padding: 2px; width: 300px; } .pi-border-color { border-color: var(--theme-accent-color); } .portable-infobox .pi-title { border-radius: 10px 10px 0 0; font-size: 150%; font-weight: bold; text-align: center; } .portable-infobox .pi-image-thumbnail { padding: 2px 0px; width: 100%; } .portable-infobox .pi-data { grid-column-gap: 0px; padding: 2px 0px; border-color: var(--theme-accent-color); } .portable-infobox .pi-data-label { padding-left: 3px; flex-basis: 50%; } .portable-infobox .pi-data-value { padding-left: 3px; flex-basis: 100%; }