https://www.sncapedia.org/index.php?action=history&feed=atom&title=Template%3ASoot%2Fsootyeffect.css 2026-04-05T21:35:44Z Revision history for this page on the wiki MediaWiki 1.44.2 https://www.sncapedia.org/index.php?title=Template:Soot/sootyeffect.css&diff=8649&oldid=prev 2025-12-31T10:25:23Z

<p>Faggot moved page <a href="/index.php?title=Template:Sootyeffect.css&amp;action=edit&amp;redlink=1" class="new" title="Template:Sootyeffect.css (page does not exist)">Template:Sootyeffect.css</a> to <a href="/wiki/Template:Soot/sootyeffect.css" title="Template:Soot/sootyeffect.css">Template:Soot/sootyeffect.css</a> without leaving a redirect: Misspelled title</p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="en"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Older revision</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 10:25, 31 December 2025</td> </tr><tr><td colspan="4" class="diff-notice" lang="en"><div class="mw-diff-empty">(No difference)</div> </td></tr> <!-- diff cache key mi_wiki:diff:1.41:old-8648:rev-8649 --> </table>

Faggot https://www.sncapedia.org/index.php?title=Template:Soot/sootyeffect.css&diff=8648&oldid=prev 2025-12-31T10:24:59Z

<p>Faggot changed the content model of the page <a href="/index.php?title=Template:Sootyeffect.css&amp;action=edit&amp;redlink=1" class="new" title="Template:Sootyeffect.css (page does not exist)">Template:Sootyeffect.css</a> from &quot;wikitext&quot; to &quot;Sanitized CSS&quot;</p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="en"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Older revision</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 10:24, 31 December 2025</td> </tr><tr><td colspan="4" class="diff-notice" lang="en"><div class="mw-diff-empty">(No difference)</div> </td></tr> <!-- diff cache key mi_wiki:diff:1.41:old-8515:rev-8648:php=table --> </table>

Faggot https://www.sncapedia.org/index.php?title=Template:Soot/sootyeffect.css&diff=8515&oldid=prev 2025-12-31T02:20:22Z

<p>Created page with &quot;.soot_wrap { height: 100vh; width: 100%; background-size: cover; background-position: center bottom; position: relative; overflow: hidden; } .soot, .soot:after, .soot::before { content: &#039;&#039;; position: absolute; top: 0; right: 0; bottom: 0; left: 0; <span class="autocomment">This is where all the little soot particles are. there rendered as a radial gradient.: </span> background-image: radial-gradient(4px 4px at 100px 10px, #fff, transparent), <span class="autocomment">adjusted to 30px: </span>...&quot;</p> <p><b>New page</b></p><div>.soot_wrap {<br /> height: 100vh;<br /> width: 100%;<br /> background-size: cover;<br /> background-position: center bottom;<br /> position: relative;<br /> overflow: hidden;<br /> }<br /> <br /> .soot,<br /> .soot:after,<br /> .soot::before {<br /> content: &#039;&#039;;<br /> position: absolute;<br /> top: 0;<br /> right: 0;<br /> bottom: 0;<br /> left: 0;<br /> /* This is where all the little soot particles are. there rendered as a radial gradient. */<br /> background-image: radial-gradient(4px 4px at 100px 10px, #fff, transparent), /* adjusted to 30px */<br /> radial-gradient(6px 6px at 200px 12px, #fff, transparent), /* adjusted to 40px */<br /> radial-gradient(3px 3px at 300px 8px, #fff, transparent), /* adjusted to 20px */<br /> radial-gradient(4px 4px at 400px 11px, #fff, transparent), /* adjusted to 50px */<br /> radial-gradient(6px 6px at 500px 4px, #fff, transparent), /* adjusted to 10px */<br /> radial-gradient(3px 3px at 50px 2px, #fff, transparent), /* adjusted to 45px */<br /> radial-gradient(4px 4px at 150px 8px, #fff, transparent), /* adjusted to 35px */<br /> radial-gradient(6px 6px at 250px 30px, #fff, transparent), /* adjusted to 25px */<br /> radial-gradient(3px 3px at 350px 20px, #fff, transparent), /* adjusted to 50px */<br /> radial-gradient(4px 4px at 550px 15px, #fff, transparent); /* adjusted to 40px */<br /> background-size: 650px 650px;<br /> animation: sootAnim 3s linear infinite;<br /> }<br /> <br /> .soot:after {<br /> margin-left: -250px;<br /> opacity: 0.5;<br /> filter: blur(2px);<br /> animation-direction: reverse;<br /> animation-duration: 6s;<br /> }<br /> <br /> .soot::before {<br /> margin-left: -350px;<br /> opacity: 0.7;<br /> filter: blur(1px);<br /> animation-direction: reverse;<br /> animation-duration: 9s;<br /> }<br /> /*<br /> 0 percent: render all the particles at the top of the screen with no opactity<br /> <br /> 25 percent slowly move downwards and set the opacity to 0.7<br /> <br /> 100 move all the way off the screen and set the opacity back to 0 making it invisable. <br /> <br /> this makes it look like a clean smooth loop<br /> */<br /> @keyframes sootAnim {<br /> 0% {<br /> transform: translateY(0);<br /> opacity: 0;<br /> }<br /> 25% {<br /> opacity: 0.7;<br /> }<br /> 100% {<br /> transform: translateY(130px);<br /> opacity: 0;<br /> }<br /> }</div>

Bob