MediaWiki:Fandomdesktop.css

/* TODO: Fix custom CSS. Fandom's overhaul broke something with the fade in */

@keyframes bgFadeIn { 0% { background-image: linear-gradient( rgba(var(--theme-article-background-color--rgb), 0.98), rgba(var(--theme-article-background-color--rgb), 0.98) ), url('/wiki/Special:FilePath/Nick_baker.jpg'); } 10% { background-image: linear-gradient( rgba(var(--theme-article-background-color--rgb), calc(0.98 - (0.003 * 1))), rgba(var(--theme-article-background-color--rgb), calc(0.98 - (0.003 * 1))) ), url('/wiki/Special:FilePath/Nick_baker.jpg'); } 20% { background-image: linear-gradient( rgba(var(--theme-article-background-color--rgb), calc(0.98 - (0.003 * 2))), rgba(var(--theme-article-background-color--rgb), calc(0.98 - (0.003 * 2))) ), url('/wiki/Special:FilePath/Nick_baker.jpg'); } 30% { background-image: linear-gradient( rgba(var(--theme-article-background-color--rgb), calc(0.98 - (0.003 * 3))), rgba(var(--theme-article-background-color--rgb), calc(0.98 - (0.003 * 3))) ), url('/wiki/Special:FilePath/Nick_baker.jpg'); } 40% { background-image: linear-gradient( rgba(var(--theme-article-background-color--rgb), calc(0.98 - (0.003 * 4))), rgba(var(--theme-article-background-color--rgb), calc(0.98 - (0.003 * 4))) ), url('/wiki/Special:FilePath/Nick_baker.jpg'); } 50% { background-image: linear-gradient( rgba(var(--theme-article-background-color--rgb), calc(0.98 - (0.003 * 5))), rgba(var(--theme-article-background-color--rgb), calc(0.98 - (0.003 * 5))) ), url('/wiki/Special:FilePath/Nick_baker.jpg'); } 60% { background-image: linear-gradient( rgba(var(--theme-article-background-color--rgb), calc(0.98 - (0.003 * 6))), rgba(var(--theme-article-background-color--rgb), calc(0.98 - (0.003 * 6))) ), url('/wiki/Special:FilePath/Nick_baker.jpg'); } 70% { background-image: linear-gradient( rgba(var(--theme-article-background-color--rgb), calc(0.98 - (0.003 * 7))), rgba(var(--theme-article-background-color--rgb), calc(0.98 - (0.003 * 7))) ), url('/wiki/Special:FilePath/Nick_baker.jpg'); } 80% { background-image: linear-gradient( rgba(var(--theme-article-background-color--rgb), calc(0.98 - (0.003 * 8))), rgba(var(--theme-article-background-color--rgb), calc(0.98 - (0.003 * 8))) ), url('/wiki/Special:FilePath/Nick_baker.jpg'); } 90% { background-image: linear-gradient( rgba(var(--theme-article-background-color--rgb), calc(0.98 - (0.003 * 9))), rgba(var(--theme-article-background-color--rgb), calc(0.98 - (0.003 * 9))) ), url('/wiki/Special:FilePath/Nick_baker.jpg'); } 100% { background-image: linear-gradient( rgba(var(--theme-article-background-color--rgb), calc(0.98 - (0.003 * 10))), rgba(var(--theme-article-background-color--rgb), calc(0.98 - (0.003 * 10))) ), url('/wiki/Special:FilePath/Nick_baker.jpg'); } }

.page__main { background-image: linear-gradient( rgba(var(--theme-article-background-color--rgb), 0.99), rgba(var(--theme-article-background-color--rgb), 0.99) ), url('/wiki/Special:FilePath/Nick_baker.jpg'); background-repeat: no-repeat; background-position: center center; background-size: 75% 150%; background-attachment: fixed; animation-name: bgFadeIn; animation-delay: 30s; animation-duration: 480s; animation-fill-mode: forwards; animation-timing-function: linear }

.page-Nick_Baker .WikiaPageContentWrapper { animation-delay: 10s; animation-duration: 120s; }

/* 'Help me'-specific css */ .page-Help_me .WikiaPageContentWrapper { background-image: linear-gradient( rgba(var(--theme-article-background-color--rgb), 0.92), rgba(var(--theme-article-background-color--rgb), 0.92) ), url('/wiki/Special:FilePath/Nick_baker.jpg'); animation-name: none; }