User:Nobellion/wikia.css

/*************************************************************************/ /*************************************************************************/ /******************************** Imports ********************************/ /*************************************************************************/ /*************************************************************************/ @import url('https://fonts.googleapis.com/css?family=Old+Standard+TT|PT+Serif|Pinyon+Script '); @import "http://dev.wikia.com/load.php?mode=articles&articles=Highlight/code.css&only=styles"; @import "compass/css3"; /*** Nobellion ***/ body.page-Special_Contributions_Nobellion #takpage, body.page-Special_Contributions_Nobellion #talkpage a, body.page-User_blog_Nobellion #talkpage, body.page-User_blog_Nobellion #talkpage a, body.page-Message_Wall_Nobellion #talkpage, body.page-Message_Wall_Nobellion #talkpage a, body.page-User_Oo1oo2oo3oo4 #talkpage, body.page-User_Oo1oo2oo3oo4 #talkpage a, a[href$=":Nobellion"], a[href$="/Nobellion"] { color: #FFB6C1 !important; font-weight: bold !important; font-size: 100%; animation-name: .glitch; animation-duration: 5s; animation-iteration-count: infinite; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

.glitch{ color:white; font-size:100px; position:relative; width:400px; margin:0 auto; }

@keyframes noise-anim{ $steps:20; @for $i from 0 through $steps{ #{percentage($i*(1/$steps))}{ clip:rect(random(100)+px,9999px,random(100)+px,0); } } } .glitch:after{ content:attr(data-text); position:absolute; left:2px; text-shadow:-1px 0 red; top:0; color:white; background:black; overflow:hidden; clip:rect(0,900px,0,0); animation:noise-anim 2s infinite linear alternate-reverse; }

@keyframes noise-anim-2{ $steps:20; @for $i from 0 through $steps{ #{percentage($i*(1/$steps))}{ clip:rect(random(100)+px,9999px,random(100)+px,0); } } } .glitch:before{ content:attr(data-text); position:absolute; left:-2px; text-shadow:1px 0 blue; top:0; color:white; background:black; overflow:hidden; clip:rect(0,900px,0,0); animation:noise-anim-2 3s infinite linear alternate-reverse; }