Fandomdesktop090821

@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() !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() !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;

```

}

1. WikiaRail.is-ready {

```
   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, var(--theme-sticky-nav-background-color), var(--theme-sticky-nav-background-color)), url();

```

/\*\* background-image: linear-gradient(to left, rgba(255,255,255, 0), rgba(255,255,255, 1)), url() !important;\*\*/

```
   background-size: cover;

```

}

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

```

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

```

}