diff --git a/assets/company/logo-fandom-heart.svg b/assets/company/logo-fandom-heart.svg index b99315484..843b29e55 100644 --- a/assets/company/logo-fandom-heart.svg +++ b/assets/company/logo-fandom-heart.svg @@ -1 +1,9 @@ - + + + + + + + + + diff --git a/assets/company/logo-fandom-powered-by-wikia-two-lines.svg b/assets/company/logo-fandom-powered-by-wikia-two-lines.svg new file mode 100644 index 000000000..f8ed679ca --- /dev/null +++ b/assets/company/logo-fandom-powered-by-wikia-two-lines.svg @@ -0,0 +1,33 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/assets/icons/badge-admin.svg b/assets/icons/badge-admin.svg index 64a66f5ed..67631c3c5 100644 --- a/assets/icons/badge-admin.svg +++ b/assets/icons/badge-admin.svg @@ -1 +1,6 @@ - + + + + + + diff --git a/assets/icons/badge-content-moderator.svg b/assets/icons/badge-content-moderator.svg index 49d6aefd7..957d5618d 100644 --- a/assets/icons/badge-content-moderator.svg +++ b/assets/icons/badge-content-moderator.svg @@ -1 +1,6 @@ - + + + + + + diff --git a/assets/icons/badge-discussion-moderator.svg b/assets/icons/badge-discussion-moderator.svg index eca57e045..53315818e 100644 --- a/assets/icons/badge-discussion-moderator.svg +++ b/assets/icons/badge-discussion-moderator.svg @@ -1 +1,6 @@ - + + + + + + diff --git a/assets/icons/badge-fandom.svg b/assets/icons/badge-fandom.svg index 5001f7b5d..6db4bad14 100644 --- a/assets/icons/badge-fandom.svg +++ b/assets/icons/badge-fandom.svg @@ -1 +1,6 @@ - + + + + + + diff --git a/assets/icons/badge-vstf.svg b/assets/icons/badge-vstf.svg index 10ba6fda2..15d62fc9b 100644 --- a/assets/icons/badge-vstf.svg +++ b/assets/icons/badge-vstf.svg @@ -1 +1,9 @@ - + + + + + + + + + diff --git a/assets/icons/controls.svg b/assets/icons/controls.svg index 9a0a8aacd..420886fa8 100755 --- a/assets/icons/controls.svg +++ b/assets/icons/controls.svg @@ -1,3 +1,3 @@ - + diff --git a/assets/icons/help.svg b/assets/icons/help.svg index 880636bc6..f3fdfe5bb 100644 --- a/assets/icons/help.svg +++ b/assets/icons/help.svg @@ -1 +1,7 @@ - + + + + + + + diff --git a/components/_global-footer.scss b/components/_global-footer.scss index a6340965e..86b576dac 100644 --- a/components/_global-footer.scss +++ b/components/_global-footer.scss @@ -63,6 +63,7 @@ display: flex; justify-content: center; margin: 0; + padding: 30px 0 25px; } &__bottom-bar { @@ -112,6 +113,11 @@ text-transform: uppercase; } + &__header-logo { + height: 44px; + width: 184px; + } + &__fandom-logo { fill: $color-white; height: $en-logo-height; @@ -333,13 +339,6 @@ margin: 0 20px; } - &__header-wrapper { - padding: { - bottom: $mobile-row-header-international-padding-bottom; - top: $mobile-row-header-international-padding-top; - } - } - &__fandom-header { margin: { bottom: $mobile-row-header-en-margin-bottom; @@ -369,6 +368,8 @@ } &.wds-is-follow-us { + margin-bottom: 20px; + .wds-global-footer__links-list-item { margin-bottom: 0; } @@ -409,9 +410,9 @@ } } - &.wds-is-international { + &.wds-is-en { .wds-global-footer__fandom-section.wds-is-follow-us { - margin-bottom: 37px; + margin-bottom: 0; } } @@ -436,13 +437,6 @@ width: $desktop-width; } - &__header-wrapper { - padding: { - bottom: $desktop-row-header-international-padding-bottom; - top: $desktop-row-header-international-padding-top; - } - } - // left (Fandom) and right (Wikia) headers and sections &__fandom-header, &__wikia-header { @@ -453,6 +447,10 @@ } } + &__header { + padding: 40px 0 35px; + } + &__fandom-header { order: 1; width: $desktop-column-fandom; diff --git a/dist/css/styles.css b/dist/css/styles.css index 228b1a011..10935e328 100644 --- a/dist/css/styles.css +++ b/dist/css/styles.css @@ -1 +1 @@ -.wds-icon{fill:currentColor;height:24px;min-width:24px;width:24px}.wds-icon-small{height:18px;min-width:18px;width:18px}.wds-icon-tiny{height:12px;min-width:12px;width:12px}.wds-avatar{height:28px;min-width:28px;width:28px;border:solid 2px currentColor}.wds-avatar.wds-is-circle{border-radius:50%}.wds-button{background-color:#00b7e0;border:1px solid #00b7e0;color:#fff;cursor:pointer;display:inline-block;font-size:12px;font-weight:600;letter-spacing:.15px;line-height:1.3em;outline:none;padding:16px 18px 15px;text-align:center;text-decoration:none;text-transform:uppercase;transition-duration:300ms;transition-property:background-color, border-color, color;-webkit-appearance:none;-webkit-border-radius:0}.wds-button:hover:not(:disabled),.wds-button:active,.wds-button.wds-is-active{background-color:#00647a;border-color:#00647a}.wds-button:disabled,.wds-button.wds-is-disabled{cursor:default;opacity:.5}.wds-button.wds-is-secondary{background-color:#fff;color:#00b7e0}.wds-button.wds-is-secondary:hover:not(:disabled),.wds-button.wds-is-secondary:active,.wds-button.wds-is-secondary.wds-is-active{background-color:#fff;color:#00647a}.wds-button.wds-is-squished{font-size:10px;padding:10px 12px 9px}.wds-button.wds-is-stretched{padding:28px 18px 27px}.wds-button.wds-is-full-width{box-sizing:border-box;width:100%}.wds-button.wds-is-text{background-color:#fff;border:0;color:#00b7e0}.wds-button.wds-is-text:hover:not(:disabled),.wds-button.wds-is-text:active,.wds-button.wds-is-text.wds-is-active{background-color:#fff;color:#00647a}.wds-dropdown{display:inline-block;position:relative}.wds-dropdown__toggle{cursor:pointer;position:relative;z-index:2}.wds-dropdown__toggle-chevron{margin-left:5px}.wds-dropdown__content{background-color:#fff;box-shadow:0 0 10px 0 rgba(26,26,26,0.2);display:none;left:0;position:absolute;top:100%;z-index:1}.wds-dropdown__content.wds-is-dark{box-shadow:0 0 20px 0 rgba(26,26,26,0.3)}.wds-dropdown__content.wds-is-right-aligned{left:auto;right:0}.wds-dropdown.wds-is-active .wds-dropdown__content{display:inline-block}.wds-dropdown.wds-is-active .wds-dropdown__toggle-chevron{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.wds-global-footer{background-color:#39424d;box-sizing:border-box;color:#fff;margin-top:30px;word-wrap:break-word}.wds-global-footer *{box-sizing:inherit}.wds-global-footer ul{list-style-type:none;margin:0;padding:0}.wds-global-footer__header-wrapper{display:block;width:100%}.wds-global-footer__header{-webkit-align-items:center;-ms-flex-align:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin:0}.wds-global-footer__bottom-bar{background:rgba(38,38,38,0.5);font-size:12px;line-height:1.3em;min-height:50px;padding:0 20px;text-align:center}.wds-global-footer__bottom-bar a,.wds-global-footer__bottom-bar a:visited{color:#00b7e0;text-decoration:none}.wds-global-footer__bottom-bar a:hover{color:#fff}.wds-global-footer__bottom-bar-row{margin:0 auto}.wds-global-footer__bottom-bar-row.wds-has-border-top{border-top:1px solid #656e78}.wds-global-footer__bottom-bar-row.wds-has-padding{padding:16px 0}.wds-global-footer__button-link{display:inline-block;font-weight:bold;letter-spacing:.3px;line-height:1.3em;min-height:45px;padding:14px 18px;text-decoration:none;text-transform:uppercase}.wds-global-footer__fandom-logo{fill:#fff;height:26px;width:122px}.wds-global-footer__wikia-logo{fill:#fff;height:26px;width:67px}.wds-global-footer__wikia-logo.wds-is-large{height:30px;padding:0;width:84px}.wds-global-footer__home-of-fandom{border-bottom:1px solid #c5ced9;border-top:1px solid #c5ced9;color:#7f90a1;display:block;font-size:12px;font-weight:bold;letter-spacing:.5px;margin-left:13px;margin-top:5px;padding:3px 0;text-transform:uppercase;white-space:nowrap}.wds-global-footer__main{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.wds-global-footer__fandom-header,.wds-global-footer__wikia-header{margin:0}.wds-global-footer__fandom-sections,.wds-global-footer__wikia-sections{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.wds-global-footer__fandom-section,.wds-global-footer__wikia-section{border-top:4px solid #656e78;margin-right:55px;padding-top:8px}.wds-global-footer__link,.wds-global-footer__link:active,.wds-global-footer__link:visited,.wds-global-footer__link:focus{color:#c5ced9;font-size:14px;font-weight:normal;line-height:1.3em;text-decoration:none}.wds-global-footer__link:hover{color:#fff}.wds-global-footer__links-list-item{margin-bottom:8px}.wds-global-footer__fandom-section.wds-is-fandom-overview{border:0;padding:0}.wds-global-footer__fandom-section.wds-is-fandom-overview .wds-global-footer__link{-webkit-align-items:center;-ms-flex-align:center;align-items:center;border-top:4px solid #656e78;display:-webkit-flex;display:-ms-flexbox;display:flex;font-size:18px;font-weight:bold;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;margin:0;padding:6px 0 28px;text-decoration:none}.wds-global-footer__fandom-section.wds-is-fandom-overview .wds-global-footer__link.wds-is-games{border-color:#94d11f}.wds-global-footer__fandom-section.wds-is-fandom-overview .wds-global-footer__link.wds-is-movies{border-color:#09d3bf}.wds-global-footer__fandom-section.wds-is-fandom-overview .wds-global-footer__link.wds-is-tv{border-color:#00b7e0}.wds-global-footer__fandom-section.wds-is-fandom-overview .wds-global-footer__image{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.wds-global-footer__fandom-section.wds-is-follow-us .wds-global-footer__links-list{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.wds-global-footer__fandom-section.wds-is-follow-us .wds-global-footer__link{background:no-repeat center;background-size:24px;display:inline-block;height:24px;margin-right:20px;width:24px}.wds-global-footer__fandom-section.wds-is-follow-us .wds-global-footer__image{color:#656e78}.wds-global-footer__fandom-section.wds-is-follow-us .wds-global-footer__image:hover{color:#fff}.wds-global-footer__wikia-section.wds-is-create-wiki .wds-global-footer__link{border:solid 1px #c5ced9;color:#c5ced9;display:inline-block;font-size:12px;font-weight:bold;letter-spacing:.3px;line-height:1.3em;margin-top:13px;padding:14px 18px;text-decoration:none;text-transform:uppercase}.wds-global-footer__wikia-section.wds-is-create-wiki .wds-global-footer__link:hover{color:#fff}.wds-global-footer__wikia-section.wds-is-community-apps .wds-global-footer__links-list{display:-webkit-flex;display:-ms-flexbox;display:flex}.wds-global-footer__wikia-section.wds-is-community-apps .wds-global-footer__link{display:block;line-height:1.3em;margin-top:6px;width:119px}.wds-global-footer__wikia-section.wds-is-community-apps .wds-global-footer__image{height:35px;width:119px}.wds-global-footer__section-header{color:#fff;font-size:18px;font-weight:bold;margin-bottom:10px;margin-top:0;min-height:24px;padding:0}.wds-global-footer__section-description{color:#fff;font-size:14px;line-height:1.3em;margin:0;padding:0}@media only screen and (max-width: 1083px){.wds-global-footer__main{margin:0 20px}.wds-global-footer__header-wrapper{padding-bottom:35px;padding-top:34px}.wds-global-footer__fandom-header{margin-bottom:29px;margin-top:38px}.wds-global-footer__wikia-header{margin-bottom:29px;margin-top:61px}.wds-global-footer__fandom-section,.wds-global-footer__wikia-section{margin:0;width:100%}.wds-global-footer__fandom-section.wds-is-fandom-overview .wds-global-footer__links-list-item{margin-bottom:0}.wds-global-footer__fandom-section.wds-is-follow-us .wds-global-footer__links-list-item{margin-bottom:0}.wds-global-footer__fandom-section.wds-is-follow-us .wds-global-footer__link{height:42px;margin-right:10px;width:42px}.wds-global-footer__wikia-section{margin-bottom:20px}.wds-global-footer__wikia-section.wds-is-company-overview{width:50%}.wds-global-footer__wikia-section.wds-is-site-overview{padding-top:42px;width:50%}.wds-global-footer__wikia-section.wds-is-create-wiki{display:none}.wds-global-footer__wikia-section.wds-is-community-apps .wds-global-footer__links-list{margin-bottom:0;margin-top:5px}.wds-global-footer__wikia-section.wds-is-community-apps .wds-global-footer__link{margin-right:25px}.wds-global-footer.wds-is-international .wds-global-footer__fandom-section.wds-is-follow-us{margin-bottom:37px}.wds-global-footer__links-list-item{margin-bottom:20px}}@media only screen and (min-width: 1084px){.wds-global-footer__main{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;margin:0 auto;padding-bottom:40px;width:1024px}.wds-global-footer__bottom-bar{padding:0}.wds-global-footer__bottom-bar-row{width:1024px}.wds-global-footer__header-wrapper{padding-bottom:34px;padding-top:43px}.wds-global-footer__fandom-header,.wds-global-footer__wikia-header{height:26px;margin-bottom:35px;margin-top:47px}.wds-global-footer__fandom-header{-webkit-order:1;-ms-flex-order:1;order:1;width:25%}.wds-global-footer__fandom-sections{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-order:3;-ms-flex-order:3;order:3;width:25%}.wds-global-footer__wikia-header{-webkit-order:2;-ms-flex-order:2;order:2;width:75%}.wds-global-footer__wikia-sections{-webkit-align-content:flex-start;-ms-flex-line-pack:start;align-content:flex-start;-webkit-order:4;-ms-flex-order:4;order:4;width:75%}.wds-global-footer__fandom-section{width:200px}.wds-global-footer__wikia-section{padding-bottom:8px}.wds-global-footer__wikia-section.wds-is-company-overview{margin-right:50px;min-height:210px;-webkit-order:1;-ms-flex-order:1;order:1;width:124px}.wds-global-footer__wikia-section.wds-is-site-overview{margin-right:50px;-webkit-order:4;-ms-flex-order:4;order:4;width:124px}.wds-global-footer__wikia-section.wds-is-community{min-height:210px;-webkit-order:2;-ms-flex-order:2;order:2;width:290px}.wds-global-footer__wikia-section.wds-is-create-wiki{display:block;-webkit-order:5;-ms-flex-order:5;order:5;width:290px}.wds-global-footer__wikia-section.wds-is-community-apps{margin-right:0;min-height:210px;-webkit-order:3;-ms-flex-order:3;order:3;width:200px}.wds-global-footer__wikia-section.wds-is-community-apps .wds-global-footer__links-list{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin-top:5px}.wds-global-footer__wikia-section.wds-is-advertise{margin-right:0;-webkit-order:6;-ms-flex-order:6;order:6;width:200px}}.wds-global-navigation{background-color:#fff;border-image:linear-gradient(to right, #39424d 40%, #656e78 40%) 1 0 0;border-top:6px solid #656e78;border-width:6px 0 0;box-shadow:0 1px 0 0 #ccc}.wds-global-navigation__dropdown-toggle{-webkit-align-items:center;-ms-flex-align:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;height:49px;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.wds-global-navigation__dropdown-content{color:#39424d;min-width:190px;top:calc(100% + 1px);z-index:-1}.wds-global-navigation__dropdown-link{color:#39424d;text-decoration:none}.wds-global-navigation__dropdown-link:hover,.wds-global-navigation__dropdown-link:active,.wds-global-navigation__dropdown-link.wds-is-active{color:#00b7e0}.wds-global-navigation__content-bar{display:-webkit-flex;display:-ms-flexbox;display:flex;height:49px;margin:0 auto;position:relative;width:768px;z-index:1}.wds-global-navigation__logo,.wds-global-navigation__link,.wds-global-navigation__wikis-menu,.wds-global-navigation__search,.wds-global-navigation__account-menu,.wds-global-navigation__user-menu,.wds-global-navigation__notifications-menu,.wds-global-navigation__start-a-wiki{-webkit-align-items:center;-ms-flex-align:center;align-items:center;background-color:#fff;border-top:6px solid #656e78;color:#39424d;display:-webkit-flex;display:-ms-flexbox;display:flex;font-size:14px;height:49px;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin-top:-6px;padding:0 8px;text-decoration:none;white-space:nowrap}.wds-global-navigation__link:hover,.wds-global-navigation__wikis-menu:hover,.wds-global-navigation__account-menu:hover,.wds-global-navigation__user-menu:hover,.wds-global-navigation__notifications-menu:hover{color:#00b7e0}.wds-global-navigation__link:active,.wds-global-navigation__link.wds-is-active,.wds-global-navigation__wikis-menu:active,.wds-global-navigation__wikis-menu.wds-is-active,.wds-global-navigation__account-menu:active,.wds-global-navigation__account-menu.wds-is-active,.wds-global-navigation__user-menu:active,.wds-global-navigation__user-menu.wds-is-active,.wds-global-navigation__notifications-menu:active,.wds-global-navigation__notifications-menu.wds-is-active{background-color:#656e78;border-color:#363b41;color:#fff}.wds-global-navigation__logo{border-top:6px solid #39424d;-webkit-flex:0 0 230px;-ms-flex:0 0 230px;flex:0 0 230px}.wds-global-navigation__logo-fandom{height:100%;padding-bottom:4px;width:230px}.wds-global-navigation__logo-wikia{-webkit-flex-basis:auto;-ms-flex-preferred-size:auto;flex-basis:auto}.wds-global-navigation__logo-wikia-icon{fill:#092344;height:100%;padding-bottom:4px;width:90px}.wds-global-navigation__logo-wikia-caption{border-bottom:1px solid;border-top:1px solid;color:#aaa;display:inline-block;font-size:10px;font-weight:bold;line-height:16px;margin-left:8px;text-transform:uppercase}.wds-global-navigation__links-and-search{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:4 1 auto;-ms-flex:4 1 auto;flex:4 1 auto}.wds-global-navigation__link,.wds-global-navigation__wikis-menu{transition-duration:200ms;transition-property:color, font-size, padding, -webkit-flex;transition-property:color, flex, font-size, padding;transition-property:color, flex, font-size, padding, -webkit-flex, -ms-flex}.wds-global-navigation__link{-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto}.wds-global-navigation__link.wds-is-games{border-color:#94d11f}.wds-global-navigation__link.wds-is-games:active,.wds-global-navigation__link.wds-is-games.wds-is-active{background-color:#94d11f;border-color:#75a518}.wds-global-navigation__link.wds-is-movies{border-color:#09d3bf}.wds-global-navigation__link.wds-is-movies:active,.wds-global-navigation__link.wds-is-movies.wds-is-active{background-color:#09d3bf;border-color:#07a293}.wds-global-navigation__link.wds-is-tv{border-color:#00b7e0}.wds-global-navigation__link.wds-is-tv:active,.wds-global-navigation__link.wds-is-tv.wds-is-active{background-color:#00b7e0;border-color:#008dad}.wds-global-navigation__wikis-menu{-webkit-flex:0 1 auto;-ms-flex:0 1 auto;flex:0 1 auto}.wds-global-navigation__search{-webkit-flex:0 1 auto;-ms-flex:0 1 auto;flex:0 1 auto;transition:-webkit-flex 200ms;transition:flex 200ms;transition:flex 200ms, -webkit-flex 200ms, -ms-flex 200ms}.wds-global-navigation__search-input-wrapper{border:solid transparent;border-width:0 0 1px;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;height:28px;transition:border-bottom-color 200ms}.wds-global-navigation__search-label{-webkit-align-items:center;-ms-flex-align:center;align-items:center;background-color:#fff;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;position:relative;z-index:2}.wds-global-navigation__search-label-icon{cursor:pointer;z-index:1}.wds-global-navigation__search-label-icon:hover{color:#00b7e0}.wds-global-navigation__search-input{border:0;box-sizing:border-box;color:#333;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;font-size:14px;height:100%;left:0;max-width:100%;padding:3px 4px;padding-left:20px;position:absolute;right:0;top:0;transition:padding 200ms}.wds-global-navigation__search-input:focus{outline:none}.wds-global-navigation__search-input::-webkit-input-placeholder{color:transparent;opacity:1;transition:color 200ms}.wds-global-navigation__search-input::-moz-placeholder{color:transparent;opacity:1;transition:color 200ms}.wds-global-navigation__search-input:-ms-input-placeholder{color:transparent;opacity:1;transition:color 200ms}.wds-global-navigation__search-input::placeholder{color:transparent;opacity:1;transition:color 200ms}.wds-global-navigation__search-input::-ms-clear{display:none}.wds-global-navigation__search-close{margin:0;max-width:0;opacity:0;padding:0;transition-duration:50ms;transition-property:max-width, opacity, padding;z-index:2}.wds-global-navigation__search-close-icon{color:#999;display:block}.wds-global-navigation__search-submit{border-width:0;max-width:0;overflow:hidden;padding:0;transition-duration:50ms;transition-property:max-width, padding;z-index:2}.wds-global-navigation__search-submit-icon{display:block;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.wds-global-navigation__search-suggestions{right:0;top:calc(100% + 1px)}.wds-global-navigation__account-menu-caption{display:none;margin-left:5px}.wds-global-navigation__account-menu-dropdown-caption{font-size:12px;padding-bottom:10px;text-align:center}.wds-global-navigation__notifications-menu{padding-right:0;position:relative;width:50px}.wds-global-navigation__notifications-menu-counter{-webkit-align-items:center;-ms-flex-align:center;align-items:center;background-color:#00b7e0;border:1px solid #fff;border-radius:9px;box-sizing:border-box;color:#fff;display:-webkit-flex;display:-ms-flexbox;display:flex;font-size:10px;height:18px;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;left:-1px;min-width:18px;padding:0 4px;position:absolute;top:8px}.wds-global-navigation__start-a-wiki-icon{height:14px;min-width:14px;width:14px;display:none}.wds-global-navigation:not(.wds-search-is-active) .wds-global-navigation__search-suggestions{display:none}.wds-global-navigation.wds-search-is-always-visible .wds-global-navigation__search-input{padding:3px 4px;position:relative;top:auto}.wds-global-navigation.wds-search-is-always-visible .wds-global-navigation__search-label-icon:hover{color:#39424d}.wds-global-navigation.wds-search-is-always-visible .wds-global-navigation__search-input::-webkit-input-placeholder{color:#39424d}.wds-global-navigation.wds-search-is-always-visible .wds-global-navigation__search-input::-moz-placeholder{color:#39424d}.wds-global-navigation.wds-search-is-always-visible .wds-global-navigation__search-input:-ms-input-placeholder{color:#39424d}.wds-global-navigation.wds-search-is-always-visible .wds-global-navigation__search-input::placeholder{color:#39424d}.wds-global-navigation.wds-search-is-always-visible .wds-global-navigation__link{-webkit-flex:0 1 auto;-ms-flex:0 1 auto;flex:0 1 auto}.wds-global-navigation.wds-search-is-always-visible .wds-global-navigation__search{-webkit-flex:1 1 0;-ms-flex:1 1 0;flex:1 1 0}.wds-global-navigation.wds-search-is-always-visible .wds-global-navigation__search-input-wrapper{border-bottom-color:#656e78}.wds-global-navigation.wds-search-is-active .wds-global-navigation__search-label-icon:hover{color:#39424d}.wds-global-navigation.wds-search-is-active .wds-global-navigation__link,.wds-global-navigation.wds-search-is-active .wds-global-navigation__wikis-menu{color:transparent;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;font-size:0;padding:0}.wds-global-navigation.wds-search-is-active .wds-global-navigation__wikis-menu .wds-icon{display:none}.wds-global-navigation.wds-search-is-active .wds-global-navigation__search{-webkit-flex:2 1 auto;-ms-flex:2 1 auto;flex:2 1 auto}.wds-global-navigation.wds-search-is-active .wds-global-navigation__search-input-wrapper{border-bottom-color:#656e78}.wds-global-navigation.wds-search-is-active .wds-global-navigation__search-input-wrapper.wds-is-active{border-bottom-color:#00b7e0}.wds-global-navigation.wds-search-is-active .wds-global-navigation__search-input::-webkit-input-placeholder{color:#999}.wds-global-navigation.wds-search-is-active .wds-global-navigation__search-input::-moz-placeholder{color:#999}.wds-global-navigation.wds-search-is-active .wds-global-navigation__search-input:-ms-input-placeholder{color:#999}.wds-global-navigation.wds-search-is-active .wds-global-navigation__search-input::placeholder{color:#999}.wds-global-navigation.wds-search-is-active .wds-global-navigation__search-close{max-width:24px;opacity:1;padding-right:8px;transition-delay:150ms}.wds-global-navigation.wds-search-is-active .wds-global-navigation__search-submit{max-width:100%;padding:5px 9px;transition:background-color 300ms,border-color 300ms,color 300ms,max-width 50ms 150ms,padding 50ms 150ms}.wds-global-navigation .wds-user-is-logged-in .wds-global-navigation__start-a-wiki-caption{display:none}.wds-global-navigation .wds-user-is-logged-in .wds-global-navigation__start-a-wiki-icon{display:block}@media only screen and (min-width: 1024px){.wds-global-navigation__search-input{padding:3px 4px;position:relative;top:auto}.wds-global-navigation__search-label-icon:hover{color:#39424d}.wds-global-navigation__search-input::-webkit-input-placeholder{color:#39424d}.wds-global-navigation__search-input::-moz-placeholder{color:#39424d}.wds-global-navigation__search-input:-ms-input-placeholder{color:#39424d}.wds-global-navigation__search-input::placeholder{color:#39424d}.wds-global-navigation__content-bar{width:1004px}.wds-global-navigation__wikis-menu{-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto}.wds-global-navigation__search{-webkit-flex:2 1 auto;-ms-flex:2 1 auto;flex:2 1 auto}.wds-global-navigation__search-input-wrapper{border-bottom:1px solid #656e78}.wds-global-navigation__account-menu-caption,.wds-global-navigation__start-a-wiki-caption{display:inline}.wds-global-navigation__start-a-wiki-icon{display:none}.wds-global-navigation .wds-user-is-logged-in .wds-global-navigation__start-a-wiki-caption{display:inline}.wds-global-navigation .wds-user-is-logged-in .wds-global-navigation__start-a-wiki-icon{display:none}}@media only screen and (min-width: 1084px){.wds-global-navigation__content-bar{width:1064px}}@media only screen and (min-width: 1596px){.wds-global-navigation__content-bar{width:1238px}}.wds-list{list-style-type:none;margin:0;padding:7px 18px}.wds-list>li{font-size:14px;line-height:1em;padding:11px 0}.wds-list.wds-has-big-items{padding-bottom:2px;padding-top:2px}.wds-list.wds-has-big-items>li{font-size:16px;padding-bottom:16px;padding-top:16px}.wds-list.wds-has-lines-between>li{border-bottom:solid 1px #e6e6e6}.wds-list.wds-has-lines-between>li:last-child{border:0}.wds-list.wds-has-ellipsis>li,.wds-list.wds-has-ellipsis.wds-is-linked>li>a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wds-list.wds-is-linked>li{padding:0}.wds-list.wds-is-linked>li>a{display:block;padding:11px 0} +.wds-icon{fill:currentColor;height:24px;min-width:24px;width:24px}.wds-icon-small{height:18px;min-width:18px;width:18px}.wds-icon-tiny{height:12px;min-width:12px;width:12px}.wds-avatar{height:28px;min-width:28px;width:28px;border:solid 2px currentColor}.wds-avatar.wds-is-circle{border-radius:50%}.wds-button{background-color:#00b7e0;border:1px solid #00b7e0;color:#fff;cursor:pointer;display:inline-block;font-size:12px;font-weight:600;letter-spacing:.15px;line-height:1.3em;outline:none;padding:16px 18px 15px;text-align:center;text-decoration:none;text-transform:uppercase;transition-duration:300ms;transition-property:background-color, border-color, color;-webkit-appearance:none;-webkit-border-radius:0}.wds-button:hover:not(:disabled),.wds-button:active,.wds-button.wds-is-active{background-color:#00647a;border-color:#00647a}.wds-button:disabled,.wds-button.wds-is-disabled{cursor:default;opacity:.5}.wds-button.wds-is-secondary{background-color:#fff;color:#00b7e0}.wds-button.wds-is-secondary:hover:not(:disabled),.wds-button.wds-is-secondary:active,.wds-button.wds-is-secondary.wds-is-active{background-color:#fff;color:#00647a}.wds-button.wds-is-squished{font-size:10px;padding:10px 12px 9px}.wds-button.wds-is-stretched{padding:28px 18px 27px}.wds-button.wds-is-full-width{box-sizing:border-box;width:100%}.wds-button.wds-is-text{background-color:#fff;border:0;color:#00b7e0}.wds-button.wds-is-text:hover:not(:disabled),.wds-button.wds-is-text:active,.wds-button.wds-is-text.wds-is-active{background-color:#fff;color:#00647a}.wds-dropdown{display:inline-block;position:relative}.wds-dropdown__toggle{cursor:pointer;position:relative;z-index:2}.wds-dropdown__toggle-chevron{margin-left:5px}.wds-dropdown__content{background-color:#fff;box-shadow:0 0 10px 0 rgba(26,26,26,0.2);display:none;left:0;position:absolute;top:100%;z-index:1}.wds-dropdown__content.wds-is-dark{box-shadow:0 0 20px 0 rgba(26,26,26,0.3)}.wds-dropdown__content.wds-is-right-aligned{left:auto;right:0}.wds-dropdown.wds-is-active .wds-dropdown__content{display:inline-block}.wds-dropdown.wds-is-active .wds-dropdown__toggle-chevron{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.wds-global-footer{background-color:#39424d;box-sizing:border-box;color:#fff;margin-top:30px;word-wrap:break-word}.wds-global-footer *{box-sizing:inherit}.wds-global-footer ul{list-style-type:none;margin:0;padding:0}.wds-global-footer__header-wrapper{display:block;width:100%}.wds-global-footer__header{-webkit-align-items:center;-ms-flex-align:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin:0;padding:30px 0 25px}.wds-global-footer__bottom-bar{background:rgba(38,38,38,0.5);font-size:12px;line-height:1.3em;min-height:50px;padding:0 20px;text-align:center}.wds-global-footer__bottom-bar a,.wds-global-footer__bottom-bar a:visited{color:#00b7e0;text-decoration:none}.wds-global-footer__bottom-bar a:hover{color:#fff}.wds-global-footer__bottom-bar-row{margin:0 auto}.wds-global-footer__bottom-bar-row.wds-has-border-top{border-top:1px solid #656e78}.wds-global-footer__bottom-bar-row.wds-has-padding{padding:16px 0}.wds-global-footer__button-link{display:inline-block;font-weight:bold;letter-spacing:.3px;line-height:1.3em;min-height:45px;padding:14px 18px;text-decoration:none;text-transform:uppercase}.wds-global-footer__header-logo{height:44px;width:184px}.wds-global-footer__fandom-logo{fill:#fff;height:26px;width:122px}.wds-global-footer__wikia-logo{fill:#fff;height:26px;width:67px}.wds-global-footer__wikia-logo.wds-is-large{height:30px;padding:0;width:84px}.wds-global-footer__home-of-fandom{border-bottom:1px solid #c5ced9;border-top:1px solid #c5ced9;color:#7f90a1;display:block;font-size:12px;font-weight:bold;letter-spacing:.5px;margin-left:13px;margin-top:5px;padding:3px 0;text-transform:uppercase;white-space:nowrap}.wds-global-footer__main{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.wds-global-footer__fandom-header,.wds-global-footer__wikia-header{margin:0}.wds-global-footer__fandom-sections,.wds-global-footer__wikia-sections{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.wds-global-footer__fandom-section,.wds-global-footer__wikia-section{border-top:4px solid #656e78;margin-right:55px;padding-top:8px}.wds-global-footer__link,.wds-global-footer__link:active,.wds-global-footer__link:visited,.wds-global-footer__link:focus{color:#c5ced9;font-size:14px;font-weight:normal;line-height:1.3em;text-decoration:none}.wds-global-footer__link:hover{color:#fff}.wds-global-footer__links-list-item{margin-bottom:8px}.wds-global-footer__fandom-section.wds-is-fandom-overview{border:0;padding:0}.wds-global-footer__fandom-section.wds-is-fandom-overview .wds-global-footer__link{-webkit-align-items:center;-ms-flex-align:center;align-items:center;border-top:4px solid #656e78;display:-webkit-flex;display:-ms-flexbox;display:flex;font-size:18px;font-weight:bold;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;margin:0;padding:6px 0 28px;text-decoration:none}.wds-global-footer__fandom-section.wds-is-fandom-overview .wds-global-footer__link.wds-is-games{border-color:#94d11f}.wds-global-footer__fandom-section.wds-is-fandom-overview .wds-global-footer__link.wds-is-movies{border-color:#09d3bf}.wds-global-footer__fandom-section.wds-is-fandom-overview .wds-global-footer__link.wds-is-tv{border-color:#00b7e0}.wds-global-footer__fandom-section.wds-is-fandom-overview .wds-global-footer__image{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.wds-global-footer__fandom-section.wds-is-follow-us .wds-global-footer__links-list{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.wds-global-footer__fandom-section.wds-is-follow-us .wds-global-footer__link{background:no-repeat center;background-size:24px;display:inline-block;height:24px;margin-right:20px;width:24px}.wds-global-footer__fandom-section.wds-is-follow-us .wds-global-footer__image{color:#656e78}.wds-global-footer__fandom-section.wds-is-follow-us .wds-global-footer__image:hover{color:#fff}.wds-global-footer__wikia-section.wds-is-create-wiki .wds-global-footer__link{border:solid 1px #c5ced9;color:#c5ced9;display:inline-block;font-size:12px;font-weight:bold;letter-spacing:.3px;line-height:1.3em;margin-top:13px;padding:14px 18px;text-decoration:none;text-transform:uppercase}.wds-global-footer__wikia-section.wds-is-create-wiki .wds-global-footer__link:hover{color:#fff}.wds-global-footer__wikia-section.wds-is-community-apps .wds-global-footer__links-list{display:-webkit-flex;display:-ms-flexbox;display:flex}.wds-global-footer__wikia-section.wds-is-community-apps .wds-global-footer__link{display:block;line-height:1.3em;margin-top:6px;width:119px}.wds-global-footer__wikia-section.wds-is-community-apps .wds-global-footer__image{height:35px;width:119px}.wds-global-footer__section-header{color:#fff;font-size:18px;font-weight:bold;margin-bottom:10px;margin-top:0;min-height:24px;padding:0}.wds-global-footer__section-description{color:#fff;font-size:14px;line-height:1.3em;margin:0;padding:0}@media only screen and (max-width: 1083px){.wds-global-footer__main{margin:0 20px}.wds-global-footer__fandom-header{margin-bottom:29px;margin-top:38px}.wds-global-footer__wikia-header{margin-bottom:29px;margin-top:61px}.wds-global-footer__fandom-section,.wds-global-footer__wikia-section{margin:0;width:100%}.wds-global-footer__fandom-section.wds-is-fandom-overview .wds-global-footer__links-list-item{margin-bottom:0}.wds-global-footer__fandom-section.wds-is-follow-us{margin-bottom:20px}.wds-global-footer__fandom-section.wds-is-follow-us .wds-global-footer__links-list-item{margin-bottom:0}.wds-global-footer__fandom-section.wds-is-follow-us .wds-global-footer__link{height:42px;margin-right:10px;width:42px}.wds-global-footer__wikia-section{margin-bottom:20px}.wds-global-footer__wikia-section.wds-is-company-overview{width:50%}.wds-global-footer__wikia-section.wds-is-site-overview{padding-top:42px;width:50%}.wds-global-footer__wikia-section.wds-is-create-wiki{display:none}.wds-global-footer__wikia-section.wds-is-community-apps .wds-global-footer__links-list{margin-bottom:0;margin-top:5px}.wds-global-footer__wikia-section.wds-is-community-apps .wds-global-footer__link{margin-right:25px}.wds-global-footer.wds-is-en .wds-global-footer__fandom-section.wds-is-follow-us{margin-bottom:0}.wds-global-footer__links-list-item{margin-bottom:20px}}@media only screen and (min-width: 1084px){.wds-global-footer__main{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;margin:0 auto;padding-bottom:40px;width:1024px}.wds-global-footer__bottom-bar{padding:0}.wds-global-footer__bottom-bar-row{width:1024px}.wds-global-footer__fandom-header,.wds-global-footer__wikia-header{height:26px;margin-bottom:35px;margin-top:47px}.wds-global-footer__header{padding:40px 0 35px}.wds-global-footer__fandom-header{-webkit-order:1;-ms-flex-order:1;order:1;width:25%}.wds-global-footer__fandom-sections{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-order:3;-ms-flex-order:3;order:3;width:25%}.wds-global-footer__wikia-header{-webkit-order:2;-ms-flex-order:2;order:2;width:75%}.wds-global-footer__wikia-sections{-webkit-align-content:flex-start;-ms-flex-line-pack:start;align-content:flex-start;-webkit-order:4;-ms-flex-order:4;order:4;width:75%}.wds-global-footer__fandom-section{width:200px}.wds-global-footer__wikia-section{padding-bottom:8px}.wds-global-footer__wikia-section.wds-is-company-overview{margin-right:50px;min-height:210px;-webkit-order:1;-ms-flex-order:1;order:1;width:124px}.wds-global-footer__wikia-section.wds-is-site-overview{margin-right:50px;-webkit-order:4;-ms-flex-order:4;order:4;width:124px}.wds-global-footer__wikia-section.wds-is-community{min-height:210px;-webkit-order:2;-ms-flex-order:2;order:2;width:290px}.wds-global-footer__wikia-section.wds-is-create-wiki{display:block;-webkit-order:5;-ms-flex-order:5;order:5;width:290px}.wds-global-footer__wikia-section.wds-is-community-apps{margin-right:0;min-height:210px;-webkit-order:3;-ms-flex-order:3;order:3;width:200px}.wds-global-footer__wikia-section.wds-is-community-apps .wds-global-footer__links-list{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin-top:5px}.wds-global-footer__wikia-section.wds-is-advertise{margin-right:0;-webkit-order:6;-ms-flex-order:6;order:6;width:200px}}.wds-global-navigation{background-color:#fff;border-image:linear-gradient(to right, #39424d 40%, #656e78 40%) 1 0 0;border-top:6px solid #656e78;border-width:6px 0 0;box-shadow:0 1px 0 0 #ccc}.wds-global-navigation__dropdown-toggle{-webkit-align-items:center;-ms-flex-align:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;height:49px;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.wds-global-navigation__dropdown-content{color:#39424d;min-width:190px;top:calc(100% + 1px);z-index:-1}.wds-global-navigation__dropdown-link{color:#39424d;text-decoration:none}.wds-global-navigation__dropdown-link:hover,.wds-global-navigation__dropdown-link:active,.wds-global-navigation__dropdown-link.wds-is-active{color:#00b7e0}.wds-global-navigation__content-bar{display:-webkit-flex;display:-ms-flexbox;display:flex;height:49px;margin:0 auto;position:relative;width:768px;z-index:1}.wds-global-navigation__logo,.wds-global-navigation__link,.wds-global-navigation__wikis-menu,.wds-global-navigation__search,.wds-global-navigation__account-menu,.wds-global-navigation__user-menu,.wds-global-navigation__notifications-menu,.wds-global-navigation__start-a-wiki{-webkit-align-items:center;-ms-flex-align:center;align-items:center;background-color:#fff;border-top:6px solid #656e78;color:#39424d;display:-webkit-flex;display:-ms-flexbox;display:flex;font-size:14px;height:49px;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin-top:-6px;padding:0 8px;text-decoration:none;white-space:nowrap}.wds-global-navigation__link:hover,.wds-global-navigation__wikis-menu:hover,.wds-global-navigation__account-menu:hover,.wds-global-navigation__user-menu:hover,.wds-global-navigation__notifications-menu:hover{color:#00b7e0}.wds-global-navigation__link:active,.wds-global-navigation__link.wds-is-active,.wds-global-navigation__wikis-menu:active,.wds-global-navigation__wikis-menu.wds-is-active,.wds-global-navigation__account-menu:active,.wds-global-navigation__account-menu.wds-is-active,.wds-global-navigation__user-menu:active,.wds-global-navigation__user-menu.wds-is-active,.wds-global-navigation__notifications-menu:active,.wds-global-navigation__notifications-menu.wds-is-active{background-color:#656e78;border-color:#363b41;color:#fff}.wds-global-navigation__logo{border-top:6px solid #39424d;-webkit-flex:0 0 230px;-ms-flex:0 0 230px;flex:0 0 230px}.wds-global-navigation__logo-fandom{height:100%;padding-bottom:4px;width:230px}.wds-global-navigation__logo-wikia{-webkit-flex-basis:auto;-ms-flex-preferred-size:auto;flex-basis:auto}.wds-global-navigation__logo-wikia-icon{fill:#092344;height:100%;padding-bottom:4px;width:90px}.wds-global-navigation__logo-wikia-caption{border-bottom:1px solid;border-top:1px solid;color:#aaa;display:inline-block;font-size:10px;font-weight:bold;line-height:16px;margin-left:8px;text-transform:uppercase}.wds-global-navigation__links-and-search{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:4 1 auto;-ms-flex:4 1 auto;flex:4 1 auto}.wds-global-navigation__link,.wds-global-navigation__wikis-menu{transition-duration:200ms;transition-property:color, font-size, padding, -webkit-flex;transition-property:color, flex, font-size, padding;transition-property:color, flex, font-size, padding, -webkit-flex, -ms-flex}.wds-global-navigation__link{-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto}.wds-global-navigation__link.wds-is-games{border-color:#94d11f}.wds-global-navigation__link.wds-is-games:active,.wds-global-navigation__link.wds-is-games.wds-is-active{background-color:#94d11f;border-color:#75a518}.wds-global-navigation__link.wds-is-movies{border-color:#09d3bf}.wds-global-navigation__link.wds-is-movies:active,.wds-global-navigation__link.wds-is-movies.wds-is-active{background-color:#09d3bf;border-color:#07a293}.wds-global-navigation__link.wds-is-tv{border-color:#00b7e0}.wds-global-navigation__link.wds-is-tv:active,.wds-global-navigation__link.wds-is-tv.wds-is-active{background-color:#00b7e0;border-color:#008dad}.wds-global-navigation__wikis-menu{-webkit-flex:0 1 auto;-ms-flex:0 1 auto;flex:0 1 auto}.wds-global-navigation__search{-webkit-flex:0 1 auto;-ms-flex:0 1 auto;flex:0 1 auto;transition:-webkit-flex 200ms;transition:flex 200ms;transition:flex 200ms, -webkit-flex 200ms, -ms-flex 200ms}.wds-global-navigation__search-input-wrapper{border:solid transparent;border-width:0 0 1px;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;height:28px;transition:border-bottom-color 200ms}.wds-global-navigation__search-label{-webkit-align-items:center;-ms-flex-align:center;align-items:center;background-color:#fff;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;position:relative;z-index:2}.wds-global-navigation__search-label-icon{cursor:pointer;z-index:1}.wds-global-navigation__search-label-icon:hover{color:#00b7e0}.wds-global-navigation__search-input{border:0;box-sizing:border-box;color:#333;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;font-size:14px;height:100%;left:0;max-width:100%;padding:3px 4px;padding-left:20px;position:absolute;right:0;top:0;transition:padding 200ms}.wds-global-navigation__search-input:focus{outline:none}.wds-global-navigation__search-input::-webkit-input-placeholder{color:transparent;opacity:1;transition:color 200ms}.wds-global-navigation__search-input::-moz-placeholder{color:transparent;opacity:1;transition:color 200ms}.wds-global-navigation__search-input:-ms-input-placeholder{color:transparent;opacity:1;transition:color 200ms}.wds-global-navigation__search-input::placeholder{color:transparent;opacity:1;transition:color 200ms}.wds-global-navigation__search-input::-ms-clear{display:none}.wds-global-navigation__search-close{margin:0;max-width:0;opacity:0;padding:0;transition-duration:50ms;transition-property:max-width, opacity, padding;z-index:2}.wds-global-navigation__search-close-icon{color:#999;display:block}.wds-global-navigation__search-submit{border-width:0;max-width:0;overflow:hidden;padding:0;transition-duration:50ms;transition-property:max-width, padding;z-index:2}.wds-global-navigation__search-submit-icon{display:block;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.wds-global-navigation__search-suggestions{right:0;top:calc(100% + 1px)}.wds-global-navigation__account-menu-caption{display:none;margin-left:5px}.wds-global-navigation__account-menu-dropdown-caption{font-size:12px;padding-bottom:10px;text-align:center}.wds-global-navigation__notifications-menu{padding-right:0;position:relative;width:50px}.wds-global-navigation__notifications-menu-counter{-webkit-align-items:center;-ms-flex-align:center;align-items:center;background-color:#00b7e0;border:1px solid #fff;border-radius:9px;box-sizing:border-box;color:#fff;display:-webkit-flex;display:-ms-flexbox;display:flex;font-size:10px;height:18px;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;left:-1px;min-width:18px;padding:0 4px;position:absolute;top:8px}.wds-global-navigation__start-a-wiki-icon{height:14px;min-width:14px;width:14px;display:none}.wds-global-navigation:not(.wds-search-is-active) .wds-global-navigation__search-suggestions{display:none}.wds-global-navigation.wds-search-is-always-visible .wds-global-navigation__search-input{padding:3px 4px;position:relative;top:auto}.wds-global-navigation.wds-search-is-always-visible .wds-global-navigation__search-label-icon:hover{color:#39424d}.wds-global-navigation.wds-search-is-always-visible .wds-global-navigation__search-input::-webkit-input-placeholder{color:#39424d}.wds-global-navigation.wds-search-is-always-visible .wds-global-navigation__search-input::-moz-placeholder{color:#39424d}.wds-global-navigation.wds-search-is-always-visible .wds-global-navigation__search-input:-ms-input-placeholder{color:#39424d}.wds-global-navigation.wds-search-is-always-visible .wds-global-navigation__search-input::placeholder{color:#39424d}.wds-global-navigation.wds-search-is-always-visible .wds-global-navigation__link{-webkit-flex:0 1 auto;-ms-flex:0 1 auto;flex:0 1 auto}.wds-global-navigation.wds-search-is-always-visible .wds-global-navigation__search{-webkit-flex:1 1 0;-ms-flex:1 1 0;flex:1 1 0}.wds-global-navigation.wds-search-is-always-visible .wds-global-navigation__search-input-wrapper{border-bottom-color:#656e78}.wds-global-navigation.wds-search-is-active .wds-global-navigation__search-label-icon:hover{color:#39424d}.wds-global-navigation.wds-search-is-active .wds-global-navigation__link,.wds-global-navigation.wds-search-is-active .wds-global-navigation__wikis-menu{color:transparent;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;font-size:0;padding:0}.wds-global-navigation.wds-search-is-active .wds-global-navigation__wikis-menu .wds-icon{display:none}.wds-global-navigation.wds-search-is-active .wds-global-navigation__search{-webkit-flex:2 1 auto;-ms-flex:2 1 auto;flex:2 1 auto}.wds-global-navigation.wds-search-is-active .wds-global-navigation__search-input-wrapper{border-bottom-color:#656e78}.wds-global-navigation.wds-search-is-active .wds-global-navigation__search-input-wrapper.wds-is-active{border-bottom-color:#00b7e0}.wds-global-navigation.wds-search-is-active .wds-global-navigation__search-input::-webkit-input-placeholder{color:#999}.wds-global-navigation.wds-search-is-active .wds-global-navigation__search-input::-moz-placeholder{color:#999}.wds-global-navigation.wds-search-is-active .wds-global-navigation__search-input:-ms-input-placeholder{color:#999}.wds-global-navigation.wds-search-is-active .wds-global-navigation__search-input::placeholder{color:#999}.wds-global-navigation.wds-search-is-active .wds-global-navigation__search-close{max-width:24px;opacity:1;padding-right:8px;transition-delay:150ms}.wds-global-navigation.wds-search-is-active .wds-global-navigation__search-submit{max-width:100%;padding:5px 9px;transition:background-color 300ms,border-color 300ms,color 300ms,max-width 50ms 150ms,padding 50ms 150ms}.wds-global-navigation .wds-user-is-logged-in .wds-global-navigation__start-a-wiki-caption{display:none}.wds-global-navigation .wds-user-is-logged-in .wds-global-navigation__start-a-wiki-icon{display:block}@media only screen and (min-width: 1024px){.wds-global-navigation__search-input{padding:3px 4px;position:relative;top:auto}.wds-global-navigation__search-label-icon:hover{color:#39424d}.wds-global-navigation__search-input::-webkit-input-placeholder{color:#39424d}.wds-global-navigation__search-input::-moz-placeholder{color:#39424d}.wds-global-navigation__search-input:-ms-input-placeholder{color:#39424d}.wds-global-navigation__search-input::placeholder{color:#39424d}.wds-global-navigation__content-bar{width:1004px}.wds-global-navigation__wikis-menu{-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto}.wds-global-navigation__search{-webkit-flex:2 1 auto;-ms-flex:2 1 auto;flex:2 1 auto}.wds-global-navigation__search-input-wrapper{border-bottom:1px solid #656e78}.wds-global-navigation__account-menu-caption,.wds-global-navigation__start-a-wiki-caption{display:inline}.wds-global-navigation__start-a-wiki-icon{display:none}.wds-global-navigation .wds-user-is-logged-in .wds-global-navigation__start-a-wiki-caption{display:inline}.wds-global-navigation .wds-user-is-logged-in .wds-global-navigation__start-a-wiki-icon{display:none}}@media only screen and (min-width: 1084px){.wds-global-navigation__content-bar{width:1064px}}@media only screen and (min-width: 1596px){.wds-global-navigation__content-bar{width:1238px}}.wds-list{list-style-type:none;margin:0;padding:7px 18px}.wds-list>li{font-size:14px;line-height:1em;padding:11px 0}.wds-list.wds-has-big-items{padding-bottom:2px;padding-top:2px}.wds-list.wds-has-big-items>li{font-size:16px;padding-bottom:16px;padding-top:16px}.wds-list.wds-has-lines-between>li{border-bottom:solid 1px #e6e6e6}.wds-list.wds-has-lines-between>li:last-child{border:0}.wds-list.wds-has-ellipsis>li,.wds-list.wds-has-ellipsis.wds-is-linked>li>a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wds-list.wds-is-linked>li{padding:0}.wds-list.wds-is-linked>li>a{display:block;padding:11px 0} diff --git a/dist/svg/sprite-company.svg b/dist/svg/sprite-company.svg index 7082e5f1f..7ddf535ad 100644 --- a/dist/svg/sprite-company.svg +++ b/dist/svg/sprite-company.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/dist/svg/sprite-icons.svg b/dist/svg/sprite-icons.svg index 5a65139ae..dc4e1943a 100644 --- a/dist/svg/sprite-icons.svg +++ b/dist/svg/sprite-icons.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/dist/svg/wds-company-logo-fandom-powered-by-wikia-two-lines.svg b/dist/svg/wds-company-logo-fandom-powered-by-wikia-two-lines.svg new file mode 100644 index 000000000..546e2514d --- /dev/null +++ b/dist/svg/wds-company-logo-fandom-powered-by-wikia-two-lines.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/dist/svg/wds-icons-badge-admin.svg b/dist/svg/wds-icons-badge-admin.svg index 2cbb85c50..154548379 100644 --- a/dist/svg/wds-icons-badge-admin.svg +++ b/dist/svg/wds-icons-badge-admin.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/dist/svg/wds-icons-badge-content-moderator.svg b/dist/svg/wds-icons-badge-content-moderator.svg index b89d28569..ac88ae453 100644 --- a/dist/svg/wds-icons-badge-content-moderator.svg +++ b/dist/svg/wds-icons-badge-content-moderator.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/dist/svg/wds-icons-badge-discussion-moderator.svg b/dist/svg/wds-icons-badge-discussion-moderator.svg index 9f69b2ed9..33be6c8f9 100644 --- a/dist/svg/wds-icons-badge-discussion-moderator.svg +++ b/dist/svg/wds-icons-badge-discussion-moderator.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/dist/svg/wds-icons-badge-fandom.svg b/dist/svg/wds-icons-badge-fandom.svg index 5dd2fc7f0..e5543e5b9 100644 --- a/dist/svg/wds-icons-badge-fandom.svg +++ b/dist/svg/wds-icons-badge-fandom.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/dist/svg/wds-icons-badge-vstf.svg b/dist/svg/wds-icons-badge-vstf.svg index 01d3293ac..a1c9f3c7b 100644 --- a/dist/svg/wds-icons-badge-vstf.svg +++ b/dist/svg/wds-icons-badge-vstf.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/reference-page/components/global-footer.md b/reference-page/components/global-footer.md index f44342e89..256426e15 100644 --- a/reference-page/components/global-footer.md +++ b/reference-page/components/global-footer.md @@ -359,3 +359,200 @@ + +

Rebranded EN version

+ diff --git a/reference-page/index.html b/reference-page/index.html index 97ad0bb51..efeac2d7e 100644 --- a/reference-page/index.html +++ b/reference-page/index.html @@ -454,7 +454,8 @@ -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; - margin: 0; } + margin: 0; + padding: 30px 0 25px; } .wds-global-footer__bottom-bar { background: rgba(38, 38, 38, 0.5); font-size: 12px; @@ -487,6 +488,9 @@ padding: 14px 18px; text-decoration: none; text-transform: uppercase; } + .wds-global-footer__header-logo { + height: 44px; + width: 184px; } .wds-global-footer__fandom-logo { fill: #fff; height: 26px; @@ -635,9 +639,6 @@ @media only screen and (max-width: 1083px) { .wds-global-footer__main { margin: 0 20px; } - .wds-global-footer__header-wrapper { - padding-bottom: 35px; - padding-top: 34px; } .wds-global-footer__fandom-header { margin-bottom: 29px; margin-top: 38px; } @@ -649,12 +650,14 @@ width: 100%; } .wds-global-footer__fandom-section.wds-is-fandom-overview .wds-global-footer__links-list-item { margin-bottom: 0; } - .wds-global-footer__fandom-section.wds-is-follow-us .wds-global-footer__links-list-item { - margin-bottom: 0; } - .wds-global-footer__fandom-section.wds-is-follow-us .wds-global-footer__link { - height: 42px; - margin-right: 10px; - width: 42px; } + .wds-global-footer__fandom-section.wds-is-follow-us { + margin-bottom: 20px; } + .wds-global-footer__fandom-section.wds-is-follow-us .wds-global-footer__links-list-item { + margin-bottom: 0; } + .wds-global-footer__fandom-section.wds-is-follow-us .wds-global-footer__link { + height: 42px; + margin-right: 10px; + width: 42px; } .wds-global-footer__wikia-section { margin-bottom: 20px; } .wds-global-footer__wikia-section.wds-is-company-overview { @@ -669,8 +672,8 @@ margin-top: 5px; } .wds-global-footer__wikia-section.wds-is-community-apps .wds-global-footer__link { margin-right: 25px; } - .wds-global-footer.wds-is-international .wds-global-footer__fandom-section.wds-is-follow-us { - margin-bottom: 37px; } + .wds-global-footer.wds-is-en .wds-global-footer__fandom-section.wds-is-follow-us { + margin-bottom: 0; } .wds-global-footer__links-list-item { margin-bottom: 20px; } } @media only screen and (min-width: 1084px) { @@ -685,13 +688,12 @@ padding: 0; } .wds-global-footer__bottom-bar-row { width: 1024px; } - .wds-global-footer__header-wrapper { - padding-bottom: 34px; - padding-top: 43px; } .wds-global-footer__fandom-header, .wds-global-footer__wikia-header { height: 26px; margin-bottom: 35px; margin-top: 47px; } + .wds-global-footer__header { + padding: 40px 0 35px; } .wds-global-footer__fandom-header { -webkit-order: 1; -ms-flex-order: 1; @@ -2206,9 +2208,10 @@
- - + + + @@ -2218,11 +2221,11 @@ - - - - - + + + + + @@ -4923,6 +4926,204 @@

Reklamy

+ +

Rebranded EN version

+ 
<h4>EN version</h4>
 <footer class="wds-global-footer wds-is-en">
   <div class="wds-global-footer__main">
@@ -5282,6 +5483,204 @@ 
Reklamy

       <a href="#" class="wds-global-footer__button-link">Pełna wersja strony</a>
     </div>
   </div>
+</footer>
+
+<h4>Rebranded EN version</h4>
+<footer class="wds-global-footer">
+  <h2 class="wds-global-footer__header">
+    <a href="#">
+      <svg class="wds-global-footer__header-logo" alt="Fandom">
+        <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#wds-company-logo-fandom-powered-by-wikia-two-lines"></use>
+      </svg>
+    </a>
+  </h2>
+  <div class="wds-global-footer__main">
+    <div class="wds-global-footer__fandom-sections">
+      <section class="wds-global-footer__fandom-section wds-is-fandom-overview">
+        <ul class="wds-global-footer__links-list">
+          <li class="wds-global-footer__links-list-item">
+            <a href="#" class="wds-global-footer__link wds-is-games">
+              <div>Games</div>
+              <svg class="wds-global-footer__image wds-icon">
+                <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#wds-icons-arrow"></use>
+              </svg>
+            </a>
+          </li>
+          <li class="wds-global-footer__links-list-item">
+            <a href="#" class="wds-global-footer__link wds-is-movies">
+              <div>Movies</div>
+              <svg class="wds-global-footer__image wds-icon">
+                <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#wds-icons-arrow"></use>
+              </svg>
+            </a>
+          </li>
+          <li class="wds-global-footer__links-list-item">
+            <a href="#" class="wds-global-footer__link wds-is-tv">
+              <div>TV</div>
+              <svg class="wds-global-footer__image wds-icon">
+                <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#wds-icons-arrow"></use>
+              </svg>
+            </a>
+          </li>
+          <li class="wds-global-footer__links-list-item">
+            <a href="#" class="wds-global-footer__link wds-is-explore-wikis">
+              <div>Explore Wikis</div>
+              <svg class="wds-global-footer__image wds-icon">
+                <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#wds-icons-arrow"></use>
+              </svg>
+            </a>
+          </li>
+        </ul>
+      </section>
+      <section class="wds-global-footer__fandom-section wds-is-follow-us">
+        <h3 class="wds-global-footer__section-header">Follow Us</h3>
+        <ul class="wds-global-footer__links-list">
+          <li class="wds-global-footer__links-list-item">
+            <a href="#" class="wds-global-footer__link">
+              <svg class="wds-global-footer__image wds-icon" alt="Facebook">
+                <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#wds-icons-facebook"></use>
+              </svg>
+            </a>
+          </li>
+          <li class="wds-global-footer__links-list-item">
+            <a href="#" class="wds-global-footer__link">
+              <svg class="wds-global-footer__image wds-icon" alt="Twitter">
+                <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#wds-icons-twitter"></use>
+              </svg>
+            </a>
+          </li>
+          <li class="wds-global-footer__links-list-item">
+            <a href="#" class="wds-global-footer__link">
+              <svg class="wds-global-footer__image wds-icon" alt="Reddit">
+                <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#wds-icons-reddit"></use>
+              </svg>
+            </a>
+          </li>
+          <li class="wds-global-footer__links-list-item">
+            <a href="#" class="wds-global-footer__link">
+              <svg class="wds-global-footer__image wds-icon" alt="Youtube">
+                <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#wds-icons-youtube"></use>
+              </svg>
+            </a>
+          </li>
+          <li class="wds-global-footer__links-list-item">
+            <a href="#" class="wds-global-footer__link">
+              <svg class="wds-global-footer__image wds-icon" alt="Instagram">
+                <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#wds-icons-instagram"></use>
+              </svg>
+            </a>
+          </li>
+        </ul>
+      </section>
+    </div>
+    <div class="wds-global-footer__wikia-sections">
+      <section class="wds-global-footer__wikia-section wds-is-company-overview">
+        <h3 class="wds-global-footer__section-header">Overview</h3>
+        <ul class="wds-global-footer__links-list">
+          <li class="wds-global-footer__links-list-item">
+            <a href="#" class="wds-global-footer__link">About</a>
+          </li>
+          <li class="wds-global-footer__links-list-item">
+            <a href="#" class="wds-global-footer__link">Careers</a>
+          </li>
+          <li class="wds-global-footer__links-list-item">
+            <a href="#" class="wds-global-footer__link">Press</a>
+          </li>
+          <li class="wds-global-footer__links-list-item">
+            <a href="#" class="wds-global-footer__link">Contact</a>
+          </li>
+          <li class="wds-global-footer__links-list-item">
+            <a href="#" class="wds-global-footer__link">Wikia.org</a>
+          </li>
+        </ul>
+      </section>
+      <section class="wds-global-footer__wikia-section wds-is-site-overview">
+        <ul class="wds-global-footer__links-list">
+          <li class="wds-global-footer__links-list-item">
+            <a href="#" class="wds-global-footer__link">Terms of Use</a>
+          </li>
+          <li class="wds-global-footer__links-list-item">
+            <a href="#" class="wds-global-footer__link">Privacy Policy</a>
+          </li>
+          <li class="wds-global-footer__links-list-item">
+            <a href="#" class="wds-global-footer__link">Global Sitemap</a>
+          </li>
+          <li class="wds-global-footer__links-list-item">
+            <a href="#" class="wds-global-footer__link">Local Sitemap</a>
+          </li>
+          <li class="wds-global-footer__links-list-item">
+            <a href="#" class="wds-global-footer__link">API</a>
+          </li>
+        </ul>
+      </section>
+      <section class="wds-global-footer__wikia-section wds-is-community">
+        <h3 class="wds-global-footer__section-header">Community</h3>
+        <ul class="wds-global-footer__links-list">
+          <li class="wds-global-footer__links-list-item">
+            <a href="#" class="wds-global-footer__link">Community Central</a>
+          </li>
+          <li class="wds-global-footer__links-list-item">
+            <a href="#" class="wds-global-footer__link">Founders & Admins</a>
+          </li>
+          <li class="wds-global-footer__links-list-item">
+            <a href="#" class="wds-global-footer__link">Fan Contributor Program</a>
+          </li>
+          <li class="wds-global-footer__links-list-item">
+            <a href="#" class="wds-global-footer__link">WAM Score</a>
+          </li>
+          <li class="wds-global-footer__links-list-item">
+            <a href="#" class="wds-global-footer__link">Help</a>
+          </li>
+        </ul>
+      </section>
+      <section class="wds-global-footer__wikia-section wds-is-create-wiki">
+        <span class="wds-global-footer__section-description">Find communities you love or create your own. Start Something epic.</span>
+        <ul class="wds-global-footer__links-list">
+          <li class="wds-global-footer__links-list-item">
+            <a href="#" class="wds-global-footer__link">Start a wiki</a>
+          </li>
+        </ul>
+      </section>
+      <section class="wds-global-footer__wikia-section wds-is-community-apps">
+        <h3 class="wds-global-footer__section-header">Community Apps</h3>
+        <span class="wds-global-footer__section-description">Take your favorite fandoms with you and never miss a beat.</span>
+        <ul class="wds-global-footer__links-list">
+          <li class="wds-global-footer__links-list-item">
+            <a href="#" class="wds-global-footer__link">
+              <svg class="wds-global-footer__image" alt="App Store">
+                <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#wds-company-store-appstore"></use>
+              </svg>
+            </a>
+          </li>
+          <li class="wds-global-footer__links-list-item">
+            <a href="#" class="wds-global-footer__link">
+              <svg class="wds-global-footer__image" alt="Google Play">
+                <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#wds-company-store-googleplay"></use>
+              </svg>
+            </a>
+          </li>
+        </ul>
+      </section>
+      <section class="wds-global-footer__wikia-section wds-is-advertise">
+        <h3 class="wds-global-footer__section-header">Advertise</h3>
+        <ul class="wds-global-footer__links-list">
+          <li class="wds-global-footer__links-list-item">
+            <a href="#" class="wds-global-footer__link">Media Kit</a>
+          </li>
+          <li class="wds-global-footer__links-list-item">
+            <a href="#" class="wds-global-footer__link">Contact</a>
+          </li>
+        </ul>
+      </section>
+    </div>
+  </div>
+  <div class="wds-global-footer__bottom-bar">
+    <div class="wds-global-footer__bottom-bar-row wds-has-padding">Witcher Wiki is a Fandom Games Community. Content is available under
+      <a href="#">CC-BY-SA</a>.</div>
+    <div class="wds-global-footer__bottom-bar-row wds-has-border-top">
+      <a class="wds-global-footer__button-link" href="#">View Full Site</a>
+    </div>
+  </div>
 </footer>
diff --git a/reference-page/visuals/reference-page/reference-page.chrome-mobile.baseline.png b/reference-page/visuals/reference-page/reference-page.chrome-mobile.baseline.png index fca2feddd..9b4256df5 100644 Binary files a/reference-page/visuals/reference-page/reference-page.chrome-mobile.baseline.png and b/reference-page/visuals/reference-page/reference-page.chrome-mobile.baseline.png differ diff --git a/reference-page/visuals/reference-page/reference-page.chrome.1000px.baseline.png b/reference-page/visuals/reference-page/reference-page.chrome.1000px.baseline.png index 0d0304141..137cd383e 100644 Binary files a/reference-page/visuals/reference-page/reference-page.chrome.1000px.baseline.png and b/reference-page/visuals/reference-page/reference-page.chrome.1000px.baseline.png differ diff --git a/reference-page/visuals/reference-page/reference-page.chrome.1300px.baseline.png b/reference-page/visuals/reference-page/reference-page.chrome.1300px.baseline.png index d565608c0..89e3052c5 100644 Binary files a/reference-page/visuals/reference-page/reference-page.chrome.1300px.baseline.png and b/reference-page/visuals/reference-page/reference-page.chrome.1300px.baseline.png differ diff --git a/reference-page/visuals/reference-page/reference-page.firefox.1000px.baseline.png b/reference-page/visuals/reference-page/reference-page.firefox.1000px.baseline.png index 0d0304141..137cd383e 100644 Binary files a/reference-page/visuals/reference-page/reference-page.firefox.1000px.baseline.png and b/reference-page/visuals/reference-page/reference-page.firefox.1000px.baseline.png differ diff --git a/reference-page/visuals/reference-page/reference-page.firefox.1300px.baseline.png b/reference-page/visuals/reference-page/reference-page.firefox.1300px.baseline.png index d565608c0..89e3052c5 100644 Binary files a/reference-page/visuals/reference-page/reference-page.firefox.1300px.baseline.png and b/reference-page/visuals/reference-page/reference-page.firefox.1300px.baseline.png differ