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: url() !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--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() !important;
   background-attachment: fixed !important;
   background-position: center;
   background-size: cover !important;
   background-repeat: no-repeat !important;

```

}
.fandom-community-header\_\_background {

```
   background-image: url() !important;
   width: 100%;
   height: auto;
   background-position: top_middle !important;
   background-repeat: no-repeat !important;

```

}
.fandom-community-header\_\_background::before {

```
   height: 100%;

```

}
.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;

```

}

1. WikiaRail.is-ready {

```
   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;

```

}

/\*\* Balanced Comments UCP \*\*/
.article-comments-app div[class\*='Comment\_wrapper'],

1. MessageWall .Message\_\_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'],

1. MessageWall .Reply {

 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;

```

}

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

```

}