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--hover: #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: linear-gradient(to bottom, rgba(255,255,0,0), rgba(255,255,0,1)), 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-size: contain !important; background-repeat: no-repeat !important; } body.theme-fandomdesktop-dark { --theme-link-color: #C71585; --theme-link-color--hover: #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); font-family: 'Didact Gothic', sans-serif !important; 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: center; background-size: cover !important; background-repeat: no-repeat !important; } .fandom-community-header__background { background-image: none; } .fandom-community-header__background::before { background-image: none; background-color: none; background: 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 { font-family: var(--theme-font-family); font-weight: normal; } .page-content h1 { 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 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 { 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 h4 { 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 h5 { 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 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__right-rail { 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; margin: 10px; } .rail-module__list { display: block; line-height: 1.75; } .sticky-modules-wrapper { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; }   display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; } .mcf-wrapper { display: none; background-color: rgba(var(--theme-page-text-color--rgb),.1); padding: 24px 36px; }
 * 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; } a { color: var(--theme-link-color); transition: all 0.5s ease-out; } a:hover, a:active { color: var(--theme-link-color--hover); 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; }

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