Oasis.css

.WikiaSiteWrapper {

```
   margin:55px auto 0;
   width:768px;

```

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

```
   .WikiaSiteWrapper {
       width:1004px;
   }

```

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

```
   .WikiaSiteWrapper {
       width:1064px;
   }

```

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

```
   .WikiaSiteWrapper {
       width:1238px;
   }

```

}

.wds-community-header {

```
   -moz-osx-font-smoothing: grayscale;
   -webkit-font-smoothing: antialiased;
   background: var(--theme-header-background-color) no-repeat right center;
   background-size: contain;
   height: 105px;
   position: relative;
   z-index: 1;

```

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

```
   .wds-community-header {
       height: 115px;
   }

```

}
.wds-community-header:before {

```
   --theme-header-gradient-start: 200px;
   --theme-header-gradient-end: 430px;
   background: -webkit-gradient(linear,left top,right top,from(rgba(var(--theme-header-background-color--rgb),.5)),to(rgba(var(--theme-header-background-color--rgb),.5))),-webkit-gradient(linear,right top,left top,from(transparent),to(var(--theme-header-background-color)));
   background: 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%;
   z-index: -1;

```

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

```
   .wds-community-header:before {
       --theme-header-gradient-end: 471px;
   }

```

}
.wds-community-header\_\_wordmark {

```
   float: left;
   height: 65px;
   margin: 20px 0 20px 20px;
   max-width: 250px;
   width: auto;

```

}
.wds-community-header\_\_wordmark img {

```
   height:auto;
   max-height:100%;
   max-width:100%;
   width:auto;

```

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

```
   .wds-community-header__wordmark {
       height:49px;
       margin-bottom:0;
       max-width:175px;
   }

```

}
.wds-community-header\_\_top-container {

```
   display:-webkit-box;
   display:flex;
   height:59px;

```

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

```
   .wds-community-header__top-container {
       height:69px;
   }

```

}
.wds-community-header\_\_sitename {

```
   -webkit-box-flex:1;
   flex:1;
   font-size:28px;
   font-weight:600;
   line-height:1;
   margin:25px 0 0 18px;
   overflow:hidden;

```

}
.wds-community-header\_\_sitename a {

```
   color:var(--theme-header-text-color);
   text-decoration:none;
   -webkit-transition:color .3s;
   transition:color .3s;

```

}
.wds-community-header\_\_sitename a:hover {

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

```

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

```
   .wds-community-header__sitename a {
       display:inline-block;
       height:100%;
       line-height:1.2;
       text-decoration:none;
   }

```

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

```
   .wds-community-header__sitename {
       word-wrap:break-word;
       font-size:24px;
       margin-top:20px;
       max-height:72px;
       white-space:normal;
   }

```

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

```
   .wds-community-header__sitename {
       text-overflow:ellipsis;
       white-space:nowrap;
   }

```

}
.wds-community-header\_\_counter {

```
   color:var(--theme-header-text-color);
   font-weight:600;
   margin:17px 0 20px 20px;
   text-align:right;

```

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

```
   .wds-community-header__counter {
       margin-top:22px;
   }

```

}
.wds-community-header\_\_counter-value {

```
   display:block;
   font-size:24px;
   line-height:1;

```

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

```
   .wds-community-header__counter-value {
       font-size:18px;
   }

```

}
.wds-community-header\_\_counter-label {

```
   display:block;
   font-size:12px;
   line-height:1;
   margin-top:3px;
   text-transform:uppercase;

```

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

```
   .wds-community-header__counter-label {
       font-size:10px
   }

```

}
.wds-community-header\_\_wiki-buttons {

```
   margin:20px 20px auto 15px;

```

}
.wds-community-header\_\_wiki-buttons .wds-dropdown\_\_toggle {

```
   padding:7px 3px;

```

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

```
   display:-webkit-box;
   display:flex;
   height:46px;
   padding-left:6px;

```

}
.wds-community-header\_\_local-navigation a[href="#"] {

```
   cursor:default;

```

}
.wds-community-header\_\_local-navigation .wds-dropdown\_\_toggle-chevron {

```
   opacity:.5;

```

}
.wds-community-header\_\_local-navigation .wds-dropdown:hover .wds-dropdown\_\_toggle-chevron {

```
   opacity:1;

```

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

```
   .wds-community-header__local-navigation {
       clear:both;
   }

```

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

```
   .wds-community-header__local-navigation .wds-tabs__tab-label {
       font-size:10px;
   }

```

}
.wds-community-header .wds-button.wds-is-secondary {

```
   --wds-secondary-button-label-color:var(--theme-header-text-color);
   --wds-secondary-button-label-color--hover:var(--theme-header-text-color--hover);
   background-color:rgba(var(--theme-header-background-color--rgb),.2);
   -webkit-transition-property:border-color,background-color,color;transition-property:border-color,background-color,color;

```

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

```
   background-color:rgba(var(--theme-header-background-color--rgb),.4);

```

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

```
   --wds-tab-color:var(--theme-header-text-color);
   --wds-tab-color--active:var(--theme-header-text-color--hover);
   --wds-tab-color--hover:var(--theme-header-text-color--hover);
   --wds-tab-border-color:var(--theme-header-text-color);

```

}
.wds-community-header .wds-tabs .wds-tabs\_\_tab-label>a:visited {

```
   color:inherit;

```

}
.wds-community-header .wds-tabs .wds-tabs\_\_tab-label {

```
   font-size:12px;
   font-weight:700;
   letter-spacing:normal;
   text-transform:uppercase;

```

}
.wds-community-header .wds-avatar-stack .user-avatar .avatar .user-avatar\_\_image {

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

```

}

/\* Fandomdesktop \*/

.resizable-container {

```
   margin:55px auto 0;
   width:768px;

```

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

```
   .resizable-container {
       width:1004px;
   }

```

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

```
   .resizable-container {
       width:1064px;
   }

```

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

```
   .resizable-container {
       width:1238px;
   }

```

}

@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: 3px 3px 0 0;
   }

```

}

html:not(.ve-activated) .page.has-right-rail {

```
   display: grid;
   grid-template-columns: minmax(0,1fr) -webkit-min-content;
   grid-template-columns: minmax(0,1fr) min-content;
   grid-template-rows: -webkit-max-content;
   grid-template-rows: max-content;

```

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

```
   -webkit-transition: width .3s;
   transition: width .3s;
   width: 336px;

```

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

```
   padding: 0;
   width: 20px;

```

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

```
   display: none;

```

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

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

```

}