MediaWiki:Wikia.css

.text-stealth{ background-image: linear-gradient(70deg, white, white 20%, black 20%, black 80%, white 80%); -webkit-background-clip: text; -webkit-fill-color: transparent ; background-size: 400%; background-position: -400%; color: transparent; animation: animatedText 6s infinite alternate-reverse; } @keyframes animatedText{ from{ background-position: 1%; } to{ background-position: 100%; } }

.text-twentythreeaee{ background-image: linear-gradient(to right, black, green, red, #7A0202, black, green, lime, white, #7A0202, red, green, white, blue 90%); -webkit-background-clip: text; color: transparent; background-size: 400%; background-position: -400%; animation: animatedText 4s infinite alternate-reverse; }

@keyframes animatedText{

from{

background-position: 1%;

}

to{

background-position: 100%;

}

}

.text-battleoftheheats{ background-image: url(https://static.wikia.nocookie.net/b702b0f4-7287-4878-a31b-9d588f530fb3); color: transparent; -webkit-background-clip: text; background-size: 400%; background-position: -400%; animation: animatedText 4s infinite alternate-reverse; }

@keyframes animatedText{

from{

background-position: 1%;

}

to{

background-position: 100%;

}

}

.text-martsays{ background-image: linear-gradient(to right, black, lime, green, transparent, transparent, blue, cyan, black); -webkit-background-clip: text; color: transparent; background-size: 400%; background-position: -400%; animation: animatedText 4s infinite alternate-reverse; }

@keyframes animatedText{

from{

background-position: 1%;

}

to{

background-position: 100%;

} }

.text-alloypolish{ background-image: linear-gradient(to right, #FFABAB, #8099FF, #CFC2E3, white, #F7D6FE); -webkit-background-clip: text; color: transparent; background-size: 400%; background-position: -400%; animation: animatedText 1.5s infinite alternate-reverse; }

@keyframes animatedText{

from{

background-position: 1%;

}

to{

background-position: 100%;

} }

.text-cromsin{ background-image: linear-gradient(75deg, #D60101, black 25%, red 10%, transparent 10%, red 70%, black 10%, transparent); -webkit-background-clip: text; color: transparent; background-size: 400%; background-position: -400%; animation: animatedText 2.2s infinite alternate-reverse; } @keyframes animatedText{ from{ background-position: 1%; } to{ background-position: 100%; } }

.text-callahansorb{ background-image: linear-gradient(to right, #FF0087, #900000, red, #F76161, #5766FF, blue, #000B90, #5900FF, #FF0087, #900000, red); -webkit-background-clip: text; color: transparent; background-size: 400%; background-position: -400%; animation: animatedText 2.7s infinite alternate-reverse; } @keyframes animatedText{ from{ background-position: 1%; } to{ background-position: 100%; } }

.text-cromsin{ background-image: linear-gradient(75deg, #D60101, black 25%, red 10%, transparent 10%, red 70%, black 10%, transparent); -webkit-background-clip: text; color: transparent; background-size: 400%; background-position: -400%; animation: animatedText 2.2s infinite alternate-reverse; } @keyframes animatedText{ from{ background-position: 1%; } to{ background-position: 100%; } }

.text-watermelon{ background-image: linear-gradient( 10deg, red 30%, lime 30%); -webkit-background-clip: text; color: transparent; background-size: 400%; background-position: -400%; animation: animatedText 1.5s infinite alternate-reverse; } @keyframes animatedText{ from{ background-position: 1%; } to{ background-position: 100%; } }

.text-rustedalloypolish{ background-image: linear-gradient(to left, #FFABAB, #F0995F, #CFC2E3, Black, #F7C4A9, brown, black, gray, #F00002); background-size: 400%; -webkit-background-clip: text; background-position: -400%; color: transparent; animation: animatedText 1.5s infinite alternate-reverse; } @keyframes animatedText{ from{ background-position: 1%; } to{ background-position: 100%; } }

.text-rainbowglass{ background-image: linear-gradient(20deg, white, red 10%, #F05780 20%, purple, yellow, white 40%, #F00892 21%, orange 40%, black 50%, white 40%, lime 70%, transparent); -webkit-background-clip: text; color: transparent; background-size: 400%; background-position: -400%; animation: animatedText 2.2s infinite alternate-reverse; } @keyframes animatedText{ from{ background-position: 1%; } to{ background-position: 100%; } }

.text-shatterdiamond{ background-image: url(https://images-na.ssl-images-amazon.com/images/I/51x7EkIBvKL._AC_.jpg); -webkit-background-clip: text; color: transparent; background-size: 400%; background-position: -400%; animation: animatedText 10s infinite alternate-reverse; } @keyframes animatedText{ from{ background-position: 1%; } to{ background-position: 100%; } }

.text-shattermatrix{ background-image: url(https://pbs.twimg.com/media/EOU8DIZXUAIKNkk.png:large); -webkit-background-clip: text; color: transparent; background-size: 400%; background-position: -400%; animation: animatedText 5s infinite alternate-reverse; } @keyframes animatedText{ from{ background-position: 1%; } to{ background-position: 100%; } }

.text-shatterlight{ background-image: url(https://i.pinimg.com/236x/17/0a/5c/170a5c599b5b921a7bd86974b6bce369--bright-colours-bright-green.jpg); -webkit-background-clip: text; color: transparent; background-size: 400%; background-position: -400%; animation: animatedText 10s infinite alternate-reverse; } @keyframes animatedText{ from{ background-position: 1%; } to{ background-position: 100%; } }

.text-loperd{ background-image:linear-gradient(30deg, green, green 20%, #003400 20%, #003400 80%, green 80%); -webkit-background-clip: text; color: transparent; background-size: 400%; background-position: -400%; animation: animatedText 6s infinite alternate-reverse; } @keyframes animatedText{ from{ background-position: 1%; } to{ background-position: 100%; } }

.text-dominusaureus{ background-image: linear-gradient(to left, black, black 20%, #FFC900 20%, #FFC900 80%, black 80%); -webkit-background-clip: text; color: transparent; background-size: 400%; background-position: -400%; animation: animatedText 2.5s infinite alternate-reverse; } @keyframes animatedText{ from{ background-position: 1%; } to{ background-position: 100%; } }

a[href$=":23Aee"], a[href$="/23Aee"] { background-image: url(https://scitechdaily.com/images/White-Dwarf-Star-With-Planet.jpg); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-size: 400%; background-position: -400%; animation: animatedText 6.5s infinite alternate-reverse; } @keyframes animatedText{ from{ background-position: 0%; } to{ background-position: 100%; } }

.text-galaxy{ background-image: url(https://scitechdaily.com/images/White-Dwarf-Star-With-Planet.jpg); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-size: 400%; background-position: -400%; animation: animatedText 6.5s infinite alternate-reverse; } @keyframes animatedText{ from{ background-position: 0%; } to{ background-position: 100%; } }

.text-calamity{ background-image: url(https://i.gifer.com/origin/26/260ba990587223bf82aa3cb8260193bd.gif); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-size: 400%; background-position: -400%; animation: animatedText 200ms infinite alternate-reverse; } @keyframes animatedText{ from{ background-position: 0%; } to{ background-position: 100%; } }

.text-shatterheat{ background-image: url(https://htmlcolorcodes.com/assets/images/html-color-codes-color-palette-generators.jpg); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-size: 400%; background-position: -400%; animation: animatedText 10s infinite alternate-reverse; } @keyframes animatedText{ from{ background-position: 0%; } to{ background-position: 100%; } }

.text-shine{ background: linear-gradient(20deg, #FFFFEC 50%, lime, green 50%, yellow, green 80%, yellow, #FFFFEC 80%, lime); background-size: 200% auto; color: #000; -webkit-background-clip: text; -webkit-text-fill-color: transparent; animation: shine 1s linear infinite; } @keyframes shine{ to{ background-position: 200% center; } }  a[href$=":/0 Avatar"], a[href$="/0 Avatar"] { background: linear-gradient(20deg, #FFFFEC 50%, lime, green 50%, yellow, green 80%, yellow, #FFFFEC 80%, lime); background-size: 200% auto; color: #000; -webkit-background-clip: text; -webkit-text-fill-color: transparent; animation: shine 1s linear infinite; } @keyframes shine{ to{ background-position: 200% center; } } a[href$="/wiki/User:SpyroSays"]:not(.extiw):not(.external), a[href$="/wiki/Message_Wall:SpyroSays"]:not(.extiw):not(.external), a[href$="/wiki/User_blog:SpyroSays"]:not(.extiw):not(.external), a[href$="/wiki/Special:Contributions/SpyroSays"]:not(.extiw):not(.external), a[href="/wiki/Special:UserProfileActivity/SpyroSays?tab=posts"]:not(.extiw):not(.external), a[href="/wiki/Special:UserProfileActivity/SpyroSays"]:not(.extiw):not(.external), a[href="/wiki/User:SpyroSays"], a[href="http://random-atoms.fandom.com/wiki/User:SpyroSays"], a[href="/wiki/Message_Wall:SpyroSays"], a[href="http://random-atoms.fandom.com/wiki/Message_Wall:SpyroSays"], a[href="/wiki/User_blog:SpyroSays"], a[href="http://random-atoms.fandom.com/wiki/User_blog:SpyroSays"], a[href="/wiki/Special:Contributions/SpyroSays"], a[href="http://random-atoms.fandom.com/wiki/Special:Contributions/SpyroSays"], a[href="/wiki/Special:UserProfileActivity/SpyroSays"], a[href="http://random-atoms.fandom.com/wiki/Specal:UserProfileActivity/SpyroSays"]{ background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #ff7e03), color-stop(0.125, #fe8700), color-stop(0.250, #feaa01), color-stop(0.375, #fec900), color-stop(0.500, #ffde01), color-stop(0.625, #ffec00), color-stop(0.750, #ffec00), color-stop(0.875, #fefe00), color-stop(1, #fffd01)); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Animated 7s infinite alternate-reverse; color: #FF0000; /* Fallback color for non-webkit browsers */ white-space: nowrap; font-weight: bold !important; font-family: rubik !important; } @keyframes Text-Animated{ from{ background-position: 0%; } to{ background-position: 100%; } }