Fandomdesktop07092021

/\* ==================== Themes ==================== \*/
body.skin-fandomdesktop {

```
   --theme-header-background-color: var(--theme-accent-color);
   --theme-header-background-color--rgb: var(--theme-accent-color--rgb);
   --theme-header-background-image: url("wiki/Special:FilePath/Community-header-background");
   --theme-community-header-color: var(--theme-accent-label-color); */
   /* --theme-community-header-color--hover: */
   /* --theme-header-logo: url(); */

```

}

/\* ==================== Community & Sticky Header ==================== \*/
.community-header-wrapper {

```
   height: auto;

```

}
.fandom-community-header {

```
   background-color: var(--theme-header-background-color);
   background-image: var(--theme-header-background-image);
   background-size: 471px;
   background-repeat: no-repeat;
   background-position: right;
   height: 105px;
   position: relative;
   border-radius: 3px 3px 0 0;
   margin-bottom: -12px;
   padding: 15px 20px 5px 20px;
   z-index: 201;

```

}
.fandom-community-header:before {

```
   --theme-header-gradient-start: 200px;
   --theme-header-gradient-end: 430px;
   background-image: linear-gradient(to right,rgba(var(--theme-header-background-color--rgb),.5),rgba(var(--theme-header-background-color--rgb),.5)),linear-gradient(to left,transparent var(--theme-header-gradient-start),var(--theme-header-background-color) var(--theme-header-gradient-end));
   content: "";
   display: block;
   height: 100%;
   position: absolute;
   width: 100%;
   border-radius: 3px 3px 0 0;
   z-index: -201;

```

}
@media only screen and (max-width: 1279px) {

```
   .fandom-community-header {
       height: 115px;
   }
   .fandom-community-header:before {
       --theme-header-gradient-end: 471px;
   }

```

}
.fandom-community-header\_\_image img {

```
   content: var(--theme-header-logo);
   -o-object-fit: scale-down;
   object-fit: scale-down;
   -o-object-position: center;
   object-position: center;
   height: 80px;

```

}
@media only screen and (max-width: 1279px) {

```
   .fandom-community-header__image img {
       height: 60px;
   }

```

}
.fandom-community-header\_\_community-name-wrapper {

```
   margin: auto 0;

```

}
.fandom-community-header\_\_community-name {

```
   font-size: 28px;
   font-weight: 600;

```

}
@media only screen and (max-width: 1279px) {

```
   .fandom-community-header__community-name {
       font-size: 24px;
   }

```

}
.fandom-community-header .wds-tabs {

```
   margin-bottom: -5px;

```

}
.fandom-community-header .wds-button-group {

```
   margin: auto 0;

```

}
.page-counter {

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

```
   content: var(--theme-sticky-nav-logo);
   max-height: 42px;
   max-width: 200px;

```

}

/\* ==================== Resizable Container ==================== \*/
.resizable-container {

```
   margin-top: 33px;
   margin-bottom: 33px;
   max-width: 1274px;

```

}
@media only screen and (max-width: 1279px) {

```
   .resizable-container {
       max-width: 1064px;
       width: calc(100% - 66px);
   }

```

}
@media only screen and (min-width: 1280px) {

```
   .resizable-container {
       min-width: 1104px;
   }

```

}
.ve-activating .skin-fandomdesktop .resizable-container, .ve-active .skin-fandomdesktop .resizable-container, ve-activated .skin-fandomdesktop .resizable-container, .action-edit .resizable-container {

```
   margin-top: 79px;

```

}
@media only screen and (max-width: 1023px) {

```
   .ve-activating .skin-fandomdesktop .resizable-container, .ve-active .skin-fandomdesktop .resizable-container, ve-activated .skin-fandomdesktop .resizable-container, .action-edit .resizable-container {
       width: calc(100% - 66px);
   }

```

}
.is-content-expanded .resizable-container {

```
   width: calc(100% - 66px);

```

}
@media only screen and (max-width: 1279px) {

```
   .is-content-expanded .resizable-container {
       max-width: 1064px;
   }

```

}

/\* ==================== Side Tools ==================== \*/
@media only screen and (max-width: 1279px) {

```
   .page-side-tools__wrapper {
       transform: translateX(-60%);
   }

```

}

/\* ==================== 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: var(--theme-page-background-color--secondary);
   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: 6px 10px 0 10px;

```

}
.CategorySelect.articlePage .container {

```
   padding: 0 6px 0 0;

```

}
.CategorySelect.articlePage .special-categories-label {

```
   border-right: none;
   padding: 0;

```

}
.CategorySelect.articlePage .special-categories-label:after {

```
   content: ":";

```

}
.CategorySelect.articlePage .newcategory {

```
   color: #ba0000;

```

}
.CategorySelect.articlePage .add {

```
   padding: 0 6px;

```

}
.wds-collapsible-panel {

```
   display: block;

```

}
.refpopups-configure-page {

```
   padding-top: 16px;

```

}
.page-footer\_\_languages {

```
   background-color: var(--theme-page-background-color--secondary);
   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\_\_languages .wds-collapsible-panel\_\_content {

```
   align-items: baseline;
   clear: both;
   display: inline-grid;
   margin: 10px;

```

}
.page-footer\_\_languages:before {

```
   content: "Other languages:";
   font-size: 12px;
   line-height: normal;
   font-weight: 500;
   margin: 0.5em 0 0.2em;

```

}
.page-footer\_\_languages .wds-collapsible-panel\_\_content a {
}
.page-footer\_\_languages .wds-collapsible-panel\_\_content a:first-child {
}
.page-footer .license-description {

```
   clear: both;
   font-size: 12px;
   padding: 0;

```

}

/\* ==================== Right Rail ==================== \*/
.page\_\_right-rail {

```
   background-color: var(--right-rail-background-color);

```

}
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: 0;
   }
   html:not(.ve-activated) .page.has-right-rail .page__right-rail {
       border-radius: 0 0 3px 3px;
   }

```

}
.sticky-modules-wrapper {

```
   margin-bottom: 18px;
   padding: 0;

```

}

1. WikiaRail.is-ready {

```
   padding: 0;

```

}
@media only screen and (max-width: 1023px) {

```
   .sticky-modules-wrapper, #WikiaRail.is-ready {
       display: grid;
       grid-gap: 12px;
       grid-template-columns: 1fr 1fr;
       justify-items: center;
       align-items: flex-start;
       margin-bottom: 0;
       padding: 0 18px 18px 18px;
   }

```

}
.rail-module {

```
   background-color: transparent;
   background-repeat: no-repeat;
   background-position: center;
   width: 300px;
   margin-top: 18px;
   padding-bottom: 10px;

```

}
.rail-module\_\_list {

```
   display: block;

```

}
.rail-module\_\_list>li {

```
   padding-bottom: 6px;

```

}

/\* ==================== Fan Feed ==================== \*/
.mcf-card-wiki-articles\_\_header {

```
   background-color: var(--theme-header-background-color);
   background-image: var(--theme-header-background-image);
   background-size: 220px;
   color: var(--theme-community-header-color);
   border-radius: 3px 3px 0 0;

```

}
.mcf-card-wiki-articles\_\_header:before {

```
   border-radius: 3px 3px 0 0;

```

}