Fandomdesktop260821

/\* ==================== Themes ==================== \*/
body.theme-fandomdesktop-light {

```
   /* --theme-body-background-color: */
   /* --theme-body-background-image: */
   --theme-body-background-position: 50% 50%;
   --theme-body-background-attachment: fixed;
   --theme-body-background-size: cover;
   --theme-body-background-repeat: no-repeat;
   /* --theme-body-text-color: */
   /* --theme-body-text-color--hover: */

```

```
   --theme-header-background-color: var(--theme-sticky-nav-background-color);
   --theme-header-background-color--rgb: var(--theme-accent-color--rgb);
   --theme-header-background-image: url();
   --theme-header-text-color: var(--theme-community-header-color);
   --theme-header-text-color--hover: var(--theme-community-header-color--hover);
   /* --theme-header-logo: url(); */

```

```
   /* --theme-sticky-nav-background-color: */
   /* --theme-sticky-nav-text-color: */
   /* --theme-sticky-nav-text-color--hover: */
   /* --theme-sticky-nav-logo: url(); */

```

```
   /* --theme-page-background-color: */
   /* --theme-page-background-color--rgb: */
   --theme-page-background-color--opacity: 0.9;
   /* --theme-page-background-color--secondary: */

```

```
   /* --theme-page-text-color: */
   /* --theme-page-text-color--rgb: */
   /* --theme-page-text-color--hover: */

```

```
   --theme-right-rail-background-color--rgb: var(--theme-page-background-color--rgb);

```

```
   /* --theme-link-color: */
   /* --theme-link-color--rgb: */
   /* --theme-link-color--hover: */
   /* --theme-link-label-color: */

```

```
   /* --theme-accent-color: */
   /* --theme-accent-color--rgb: */
   /* --theme-accent-color--hover: */
   /* --theme-accent-label-color: */

```

```
   /* --theme-border-color: */
   /* --theme-border-color--rgb: */

```

```
   --theme-font-family: arial;
   --theme-page-headings-font: arial;

```

}
body.theme-fandomdesktop-dark {
}

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

```
   font-family: var(--theme-font-family);
   font-size: 14px;
   /* background-image: var(--theme-body-background-image); */
   /* background-position: var(--theme-body-background-position); */
   /* background-attachment: var(--theme-body-background-attachment); */
   /* background-size: var(--theme-body-background-size); */
   /* background-repeat: var(--theme-body-background-repeat); */

```

}

/\* ==================== 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: contain;
   background-repeat: no-repeat;
   background-position: right;
   background-size: contain;
   height: 105px;
   position: relative;
   border-radius: 5px 5px 0 0;
   padding: 15px 20px 5px 20px;
   margin-bottom: -12px;
   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\_\_background {

```
   margin-left: -66px;

```

}
.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 a {

```
   color: var(--theme-header-text-color);

```

}
.fandom-community-header a:hover {

```
   color: var(--theme-header-text-color--hover);

```

}
.fandom-community-header\_\_local-navigation {

```
   color: var(--theme-header-text-color);

```

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

```
   margin: auto 0;

```

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

```
   font-size: 28px;
   font-weight: 600;
   line-height: 1;

```

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

```
   margin-bottom: -5px;

```

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

```
   margin: auto 0;

```

}
.fandom-community-header .wiki-tools .wds-button.wds-is-secondary {

```
   color: var(--theme-header-text-color);

```

}
.fandom-community-header .wiki-tools .wds-button.wds-is-secondary:hover {

```
   color: var(--theme-header-text-color--hover);

```

}
.page-counter {

```
   color: var(--theme-header-text-color);
   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 {

```
   border: 2px solid var(--theme-accent-color);
   box-shadow: 0px 0px 28px var(--theme-accent-color);
   border-radius: 5px;
   margin-top: 33px;
   margin-bottom: 32px;

```

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

```
   border: 2px solid var(--theme-accent-color);
   box-shadow: 0px 0px 28px var(--theme-accent-color);
   border-radius: 5px;
   margin-top: 79px;
   margin-bottom: 32px;

```

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

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

```

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

```
   .resizable-container, .ve-activating .skin-fandomdesktop .resizable-container, .ve-active .skin-fandomdesktop .resizable-container, ve-activated .skin-fandomdesktop .resizable-container {
       min-width: 1104px;
       max-width: 1274px;
       width: 85%;
   }

```

}
.is-content-expanded .resizable-container, .ve-activating .skin-fandomdesktop .is-content-expanded .resizable-container, .ve-active .skin-fandomdesktop .is-content-expanded .resizable-container, ve-activated .skin-fandomdesktop .is-content-expanded .resizable-container {

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

```

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

```
   .is-content-expanded .resizable-container, .ve-activating .skin-fandomdesktop .is-content-expanded .resizable-container, .ve-active .skin-fandomdesktop .is-content-expanded .resizable-container, ve-activated .skin-fandomdesktop .is-content-expanded .resizable-container {
       max-width: 1064px;
   }

```

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

```
   .content-size-toggle {
       display: flex;
   }

```

}

/\* ==================== Main Page ==================== \*/
.page\_\_main {

```
   background-color: rgba(var(--theme-page-background-color--rgb), var(--theme-page-background-color--opacity));
   padding: 0 20px 20px;
   border-radius: 0 0 3px 3px;

```

}
.page-header {

```
   padding: 16px 0 12px;
   border-bottom: 1px solid var(--theme-border-color);
   margin-bottom: 18px;

```

}
.page-header\_\_title {

```
   font-weight: normal;

```

}
.page-content {

```
   line-height: 1.6;

```

}
.page-content #toc {

```
   border: 1px solid var(--theme-border-color);
   margin: 1em 0;
   padding: 5px;

```

}

/\* ==================== Visual & Source Editor ==================== \*/
.page.page-is-edit, .ve-active .page {

```
   margin-top: 12px;

```

}
.ve-fd-header {

```
   font-family: var(--theme-font-family);
   border-bottom: 1px solid var(--theme-border-color);
   margin-top: -12px;
   margin-bottom: 18px;
   padding: 16px 0 12px;

```

}
.ve-fd-header\_\_title {

```
   font-size: 36px;
   font-weight: normal;
   letter-spacing: .25px;
   line-height: 1.25;
   overflow-wrap: break-word;
   word-break: break-word

```

}
.ve-activating .skin-fandomdesktop .page\_\_main, .ve-active .skin-fandomdesktop .page\_\_main {

```
   min-height: unset;
   padding: 0 20px 20px;

```

}
.skin-fandomdesktop .ve-init-mw-desktopArticleTarget-originalContent:not(:empty) {

```
   height: auto;
   overflow-y: hidden;
   padding: 0;

```

}

1. wpTextbox1 {

```
   border: var(--theme-border-color) 1px solid;
   background-color: var(--theme-page-background-color);

```

}

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

```

}
html:not(.ve-activated) .page.has-right-rail .page\_\_right-rail.is-rail-hidden {

```
   width: 3px;

```

}
/\* @media only screen and (min-width:1234px) and (max-width: 1279px) {

```
   html:not(.ve-activated) .page.has-right-rail {
       grid-template-columns: 100%;
   }

```

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

```
   html:not(.ve-activated) .page.has-right-rail {
       grid-template-columns: 100%;
   }
   html:not(.ve-activated) .page.has-right-rail .page__right-rail {
       border-radius: 0 0 3px 3px;
       padding: 6px 18px;
       width: 100%;
   }
   html:not(.ve-activated) .page.has-right-rail .page__right-rail.is-rail-hidden {
       padding: 24px 36px;
       width: 100%;
   }
   html:not(.ve-activated) .page.has-right-rail .page__right-rail.is-rail-hidden .right-rail-wrapper {
       display: block;
   }
   html:not(.ve-activated) .page.has-right-rail .page__right-rail .right-rail-toggle {
       display:none;
   }
   html:not(.ve-activated) .page.has-right-rail.is-rail-hidden .page__right-rail {
       padding: 24px 36px;
       width: 100%;
   }
   html:not(.ve-activated) .page.has-right-rail.is-rail-hidden .right-rail-wrapper {
       display: block;
   }
   html:not(.ve-activated) .page.has-right-rail .page__main {
       border-radius: 0;
   }

```

}
.sticky-modules-wrapper, #WikiaRail.is-ready {

```
   display: flex;
   flex-direction: column;

```

}
.sticky-modules-wrapper {

```
   background-color: #999999;
   padding-bottom: 20px;

```

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

```
   .sticky-modules-wrapper, #WikiaRail.is-ready {
       display: flex;
       flex-direction: row;
       justify-content: center;
       align-items: flex-start;
   }
   .rail-module {
       background-color: var(--right-rail-background-color);
       margin: 12px;
       width: 300px;
   }

```

}
.rail-module {

```
   background-color: var(--right-rail-background-color);
   margin-top: 20px;
   padding-bottom: 10px;

```

}
.rail-module h2 {

```
   border-bottom: 1px solid var(--theme-border-color);
   font-size: 16px;
   font-weight: 700;
   margin-bottom: 16px;
   min-height: 30px;
   padding-bottom: 1px;
   width: 100%;
   background-image: none;
   line-height: 1;

```

}
.rail-module\_\_list {

```
   display: block;

```

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

```
   padding-bottom: 6px;

```

}

/\* ==================== User Profile ==================== \*/

1. userProfileApp .user-identity-box {

```
   padding-top: 20px;

```

}

/\* ==================== Fan Feed ==================== \*/
.mcf-wrapper {

```
   background-color: rgba(var(--theme-page-text-color--rgb),.1);
   padding: 24px 24px;

```

}
.mcf-card {

```
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -moz-osx-font-smoothing: grayscale;
   -webkit-font-smoothing: antialiased;
   border: 1px solid var(--theme-border-color);
   border-radius: 3px;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   display: -webkit-box;
   display: flex;
   flex-direction: column;
   height: 292.58283px;
   width: 334.66667px;

```

}
.mcf-card,.mcf-card:hover {

```
   text-decoration: none;

```

}
.mcf-card .wds-button.wds-is-secondary {

```
   cursor: pointer;

```

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

```
   .mcf-card {
       height: 337.46108px;
       width: 386px;
   }

```

}
@media only screen and (min-width:1024px) and (max-width: 1083px) {

```
   .mcf-card {
       height: 280.92615px;
       width: 321.33333px;
   }

```

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

```
   .mcf-card {
       height: 203.99202px;
       width: 233.33333px;
   }

```

}
.mcf-card-discussions {

```
   background-color: var(--theme-page-background-color);
   height: 597.16567px;
   width: 334.66667px;

```

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

```
   .mcf-card-discussions{
       height: 686.92216px;
       width: 386px;
   }

```

}
@media only screen and (min-width: 1024px) and (max-width: 1083px) {

```
   .mcf-card-discussions {
       height: 573.8523px;
       width: 321.33333px;
   }

```

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

```
   .mcf-card-discussions {
       height: 419.98403px;
       width: 233.33333px;
   }

```

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

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

```

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

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

```

}