MediaWiki:Wikia.css

@import url('https://fonts.googleapis.com/css2?family=Grandstander&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Extra-light+200&family=Grandstander:wght@100&display=swap'); Body {

Font-family: 'Grandstander', sans-serif;

}

"color: #FFFFFF;" font-family: 'Caveat Brush', sans-serif; }
 * 1) firstHeading {

/* Credit to the Connected/Mitchell vs. the Machines wiki for Wordmark animation*/ .wds-community-header__wordmark:hover { animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both; transform: translate3d(0, 0, 0); backface-visibility: hidden; perspective: 1000px; } @keyframes shake { 10%, 90% {   transform: translate3d(-1px, 0, 0); } 20%, 80% {    transform: translate3d(2px, 0, 0); } 30%, 50%, 70% {    transform: translate3d(-4px, 0, 0); } 40%, 60% {    transform: translate3d(4px, 0, 0); } } /* Scrollbar */
 * -webkit-scrollbar {

width: 10px; height: 2px; }
 * -webkit-scrollbar-thumb {

background: purple !important; width: 7px; } color: white; } /*Animated arrows in the nav bar*/ .wds-global-navigation .wds-dropdown::after, .wds-community-header .wds-community-header__local-navigation .wds-tabs .wds-tabs__tab .wds-dropdown::before, .wds-community-header .wds-community-header__local-navigation .wds-tabs .wds-tabs__tab .wds-dropdown::after, .page-header .page-header__contribution .page-header__contribution-buttons .wds-button-group .wds-dropdown::before, .page-header .page-header__contribution .page-header__contribution-buttons .wds-button-group .wds-dropdown::after, #PageHeader #EditMessageWallGreeting .wds-button-group .wds-dropdown::before, #PageHeader #EditMessageWallGreeting .wds-button-group .wds-dropdown::after, .wds-community-header__wiki-buttons .wds-dropdown::before, .wds-community-header__wiki-buttons .wds-dropdown::after { display: none !important; } .wds-global-navigation .wds-dropdown__content { -webkit-animation: dropdown-global 0.35s; -moz-animation: dropdown-global 0.35s; animation: dropdown-global 0.35s; } .wds-community-header .wds-community-header__local-navigation .wds-tabs .wds-tabs__tab .wds-dropdown .wds-dropdown__content { -webkit-animation: dropdown-topnav 0.3s; -moz-animation: dropdown-topnav 0.3s; animation: dropdown-topnav 0.3s; } .wds-community-header .wds-community-header__local-navigation .wds-tabs .wds-tabs__tab .wds-dropdown .wds-dropdown__content .wds-dropdown-level-2__content { -webkit-animation: dropdown-animation 0.3s; -moz-animation: dropdown-animation 0.3s; animation: dropdown-animation 0.3s; } .page-header .page-header__contribution .page-header__contribution-buttons .wds-button-group .wds-dropdown .wds-dropdown__content, #PageHeader #EditMessageWallGreeting .wds-button-group .wds-dropdown .wds-dropdown__content, .wds-community-header__wiki-buttons .wds-dropdown .wds-dropdown__content { -webkit-animation: contribution-dropdown 0.3s linear; -moz-animation: contribution-dropdown 0.3s linear; animation: contribution-dropdown 0.3s linear; } /* Smooth animations. Credit to Roblox Wikia*/ .wds-dropdown__content.wds-global-navigation__search-suggestions { -webkit-animation: searchsuggestions-dropdown 0.35s; -moz-animation: searchsuggestions-dropdown 0.35s; animation: searchsuggestions-dropdown 0.35s; } @keyframes dropdown-global { from {opacity: 0; top: 45px;} to {opacity: 1;} } @keyframes dropdown-topnav { from {opacity: 0; top: 30px;} to {opacity: 1; top: 40px;} } @keyframes dropdown-animation { from {opacity: 0; transform: translateX(-10px);} to {opacity: 1; transform: translateX(0);} } @keyframes contribution-dropdown { from {opacity: 0; top: 25px;} to {opacity: 1; top: 35px;} } @keyframes searchsuggestions-dropdown { from {top: 80%; opacity: 0;} to {top: calc(1px+100%); opacity: 1;} } .wds-dropdown-level-2:hover .wds-dropdown-chevron { transform: rotate(-90deg) translateY(3px) !important; } .wds-dropdown-level-2 .wds-dropdown-chevron { -webkit-transition: transform 0.3s; -moz-transition: transform 0.3s; -o-transition: transform 0.3s; transition: transform 0.3s; } .wds-dropdown__toggle-chevron { transition: transform 0.3s; zoom: 1; border-top-right-radius: 5px; border-top-left-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; url(https://images.squarespace-cdn.com/content/v1/54fc8146e4b02a22841f4df7/1564155343940-5XWJMT2NEN0FX3A2UMJO/ke17ZwdGBToddI8pDm48kKhztsF-0Z40vB295VWXIkwUqsxRUqqbr1mOJYKfIPR7LoDQ9mXPOjoJoqy81S2I8N_N4V1vUb5AoIIIbLZhVYy7Mythp_T-mtop-vrsUOmeInPi9iDjx9w8K4ZfjXt2dhgsP9qD3_b4yrh-DkG7pOSSheKI6slzvwnnyLK3C3JDZtJ3qR9G2BYeA0wOAaeYNg/Art+of+Spider-Man+Into+the+Spider-Verse+D+-+41.jpg?format=2500w); border: 0px solid #333333; border-top-right-radius: 5px; border-top-left-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; /*Padding and Margin fix*/ padding: 0px; margin-left: px; margin-right: 0px; } .WikiaArticle a:hover { text-shadow: 0 0 2.5px rgba(255, 71, 206, 1), 0 0 2.5px rgba(255, 71, 206, 1); color: purple !important; text-decoration: none; -webkit-transition: all .4s linear 0s; -moz-transition: all .4s linear 0s; -ms-transition: all .4s linear 0s; -o-transition: all .4s linear 0s; transition: all .4s linear 0s; } a { color: #c526ff; -webkit-transition: all .2s linear 0s; -moz-transition: all .2s linear 0s; -ms-transition: all .2s linear 0s; -o-transition: all .2s linear 0s; transition: all .2s linear 0s; text-shadow: 0 -15px 2.5px transparent, 0 15px 2.5px transparent; } a:active { color: purple!important; text-shadow: 0 0 2.5px #ff0080, 0 0 2.5px #ff0080; }
 * 1) firstHeading {