MediaWiki:Gadget-stickyScrollBackgroundOld.css

@media screen and (min-width: 1100px) { /*#mw-content-container { overflow: hidden; }*/   #mw-content-container::before { --sticky-offset:2300px; display: block; position: sticky; top: calc(100vh - var(--sticky-offset)); content: ""; margin-bottom: calc(var(--sticky-offset) * -1); width: 100%; height: var(--sticky-offset); background-repeat: no-repeat; background-size: auto 700px; background-image: linear-gradient(5deg,rgba(186, 45, 18, 0.8) -5%,transparent 10%),linear-gradient(-5deg,rgba(86, 188, 204, 0.8) -5%,transparent 10%),url(https://static.miraheze.org/phereonwiki/a/a3/CreaCutout.png),url(https://static.miraheze.org/phereonwiki/2/2f/EvoCutout.png),linear-gradient(15deg,rgba(186, 45, 18, 0.8),transparent 25%),linear-gradient(-15deg,rgba(86, 188, 204, 0.8),transparent 25%); background-position: right calc(90% + 230px) bottom,left calc(90% + 210px) bottom,right calc(90% + 230px) bottom,left calc(90% + 210px) bottom,right calc(90% + 230px) bottom,left calc(90% + 210px) bottom; pointer-events: none; overflow: hidden; }

@media (min-width: 2000px) { #mw-content-container::before { --sticky-offset:calc(100vw + 300px); }   }

#mw-footer-container { background-color: var(--body-color); position: relative; z-index: 1; border-top: solid 4px var(--footer-border); }

@media (max-width: 1339px) { #mw-content-wrapper { margin-top:-11px; }

#mw-content-container::before { background-image: linear-gradient(5deg,rgba(186,45,18,0.8) -5%,transparent 10%),none,url(https://static.miraheze.org/phereonwiki/a/a3/CreaCutout.png),none,linear-gradient(15deg,rgba(186,45,18,0.8),transparent 25%); }   } }